.quality-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }

.quality-progress-cell { min-width: 150px; }

.quality-result-badge { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.6rem; border-radius: 999px; font-size: 0.8rem; font-weight: 700; white-space: nowrap; }

.quality-result-pass { color: var(--bt-success); background: var(--bt-success-soft); }

.quality-result-fail { color: var(--bt-danger); background: var(--bt-danger-soft); }

.quality-result-deviation { color: #936000; background: var(--bt-warning-soft); }

.quality-result-pending { color: var(--bt-primary-dark); background: var(--bt-primary-soft); }

@media (max-width: 1199.98px) {
    .quality-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .quality-kpi-grid { grid-template-columns: 1fr; }
}

.validation-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }

.validation-test-row { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; gap: 1rem; align-items: center; padding: 0.85rem 1rem; background: #ffffff; border: 1px solid var(--bt-border); border-radius: var(--bt-radius); }

    .validation-test-row + .validation-test-row { margin-top: 0.75rem; }

.validation-test-label { font-weight: 700; color: var(--bt-primary-dark); }

.validation-failure-alert { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.65rem 0.9rem; color: var(--bt-danger); background: var(--bt-danger-soft); border: 1px solid rgba(220, 53, 69, 0.25); border-radius: var(--bt-radius); font-weight: 700; }

.bench-panel { padding: 1.25rem; background: linear-gradient(180deg, #ffffff, var(--bt-surface-muted)); border: 1px dashed rgba(0, 85, 164, 0.35); border-radius: var(--bt-radius); }

@media (max-width: 1199.98px) {
    .validation-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .validation-summary-grid { grid-template-columns: 1fr; }

    .validation-test-row { grid-template-columns: 1fr; gap: 0.5rem; }
}

.quality-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }

.quality-step-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }

.quality-step-card { padding: 1rem; background: #ffffff; border: 1px solid var(--bt-border); border-radius: var(--bt-radius); box-shadow: var(--bt-shadow-sm); }

.quality-step-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; color: #ffffff; background: linear-gradient(135deg, var(--bt-primary), var(--bt-secondary)); border-radius: 0.85rem; font-size: 1.2rem; }

.quality-result-panel { padding: 1.25rem; background: linear-gradient(180deg, #ffffff, var(--bt-surface-muted)); border: 1px dashed rgba(0, 85, 164, 0.35); border-radius: var(--bt-radius); }

@media (max-width: 1199.98px) {
    .quality-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .quality-summary-grid,
    .quality-step-grid { grid-template-columns: 1fr; }
}