.quality-shell{background:#122b3d}
.dashboard-notice{padding:22px 0 18px}
.dashboard-notice .notice{margin-top:0}
.quality-context{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.quality-context>div{display:grid;gap:5px}
.quality-context span,.quality-context p{color:var(--muted);font-size:0.875rem;line-height:1.5}
.quality-context strong{font-size:0.875rem;font-weight:600}
.quality-context p{margin:0 0 0 auto}
.quality-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.quality-kpis>div{min-height:134px;border:1px solid #3f6577;background:#0e2435;border-radius:16px;padding:18px}
.quality-kpis span,.quality-kpis small{display:block;color:var(--muted);font-size:0.875rem;line-height:1.4}
.quality-kpis strong{display:block;font-size:clamp(1.75rem,3vw,2.6875rem);line-height:1.2;letter-spacing:-.05em;margin:12px 0 5px}
.quality-kpis .quality-highlight{border-color:var(--mint);background:#194b4e}
.quality-kpis .quality-highlight strong{color:var(--mint)}
.quality-detail{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px}
.quality-panel{background:#0e2435;border:1px solid #3f6577;border-radius:18px;padding:22px;min-width:0}
.quality-panel h4{font-size:1.25rem;margin:0 0 22px;letter-spacing:-.03em}
.quality-bars{display:grid;gap:23px;min-height:175px;align-content:start}
.quality-bar>div:first-child{display:flex;justify-content:space-between;gap:9px;font-size:0.875rem;margin-bottom:9px}
.quality-bar strong{color:var(--muted);font-size:0.875rem;white-space:nowrap}
.quality-bar-track{height:10px;background:#284354;border-radius:99px;overflow:hidden}
.quality-bar-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--lime))}
.quality-table-wrap{max-height:286px;overflow:auto}
.quality-panel table{border-collapse:collapse;width:100%;font-size:0.875rem;white-space:nowrap}
.quality-panel th,.quality-panel td{padding:11px 9px;text-align:left;border-bottom:1px solid #2c4a5c}
.quality-panel th{color:var(--muted);font-weight:700;position:sticky;top:0;background:#0e2435}
.quality-open{color:#ffcf9c;font-weight:700}.quality-passed{color:#a8e5d3;font-weight:700}
@media(max-width:1000px){.quality-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-detail{grid-template-columns:1fr}}
@media(max-width:640px){.quality-context{gap:14px 24px}.quality-context p{flex-basis:100%;margin:0}.quality-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-kpis>div{min-height:122px;padding:14px}.quality-panel{padding:16px}.quality-panel table{font-size:0.875rem}}