.quality-dashboard{--qd-bg:#121b25;--qd-card:#192532;--qd-line:#354453;--qd-text:#f5f7fa;--qd-muted:#b6c4d2;--qd-blue:#5cb9ee;--qd-orange:#ffac55;--qd-red:#f47f89;color:var(--qd-text);background:var(--qd-bg);border:1px solid var(--qd-line);border-radius:18px;padding:24px;margin:16px 0;font-family:Arial,sans-serif;text-align:left}
.quality-dashboard *{box-sizing:border-box}.quality-dashboard [hidden]{display:none!important}.quality-dashboard h2,.quality-dashboard h3,.quality-dashboard h4,.quality-dashboard p{margin:0}.quality-dashboard h2{font-size:30px;letter-spacing:-.8px}.quality-dashboard h3{font-size:18px;margin-bottom:8px}.quality-dashboard h4{font-size:13px;margin:18px 0 10px;color:var(--qd-muted)}.quality-dashboard p{color:var(--qd-muted);line-height:1.5}.qd-heading,.qd-card-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.qd-heading{margin-bottom:24px}.qd-heading .qd-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--qd-orange);font-weight:700;margin-bottom:8px}.qd-heading p{margin-top:8px}.quality-dashboard button{border:1px solid var(--qd-line);border-radius:9px;background:#233342;color:var(--qd-text);font:600 14px Arial,sans-serif;padding:11px 15px;cursor:pointer;min-height:44px}.quality-dashboard button:hover{background:#30475b;border-color:var(--qd-blue)}.quality-dashboard button:focus-visible,.quality-dashboard input:focus-visible,.quality-dashboard select:focus-visible{outline:3px solid var(--qd-blue);outline-offset:3px}.quality-dashboard button:disabled{cursor:wait;opacity:.6}.qd-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:1px solid var(--qd-line);background:var(--qd-card);padding:18px;border-radius:12px}.qd-filters label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--qd-muted);font-weight:600}.qd-filters .qd-search{grid-column:1/-1}.qd-filters input,.qd-filters select{width:100%;min-height:46px;border:1px solid #455767;border-radius:8px;padding:10px 12px;background:#0f1923;color:var(--qd-text);font:15px Arial,sans-serif;color-scheme:dark}.qd-filters .qd-search input{min-height:52px;font-size:16px}.qd-reset{align-self:end}.quality-dashboard .qd-scope{font-size:12px;margin-top:18px}.quality-dashboard .qd-message{font-size:13px;min-height:24px;margin:8px 0 15px}.quality-dashboard .qd-error{color:#ffb6b6}.qd-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.quality-dashboard .qd-total{padding:17px;text-align:left;background:var(--qd-card);display:flex;flex-direction:column;gap:9px;border-top:3px solid var(--qd-line)}.qd-total span{font-size:12px;min-height:28px;color:var(--qd-muted)}.qd-total strong{font-size:34px;line-height:1}.qd-total small{font-size:11px;color:var(--qd-muted)}.quality-dashboard .qd-total[aria-pressed=true]{outline:2px solid var(--qd-blue);outline-offset:1px}.quality-dashboard .qd-total.receiving{border-top-color:var(--qd-blue)}.quality-dashboard .qd-total.observation{border-top-color:var(--qd-orange)}.quality-dashboard .qd-total.ncr,.quality-dashboard .qd-total.active{border-top-color:var(--qd-red)}.qd-charts{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:16px}.qd-card{background:var(--qd-card);border:1px solid var(--qd-line);border-radius:12px;padding:20px;min-width:0}.qd-card>p,.qd-card-title p{font-size:12px}.qd-volume{grid-column:1/-1}.qd-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;white-space:nowrap;color:var(--qd-muted)}.qd-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;background:var(--qd-blue)}.qd-legend .observation:before{background:var(--qd-orange)}.qd-legend .ncr:before{background:var(--qd-red)}.qd-trend{display:flex;gap:3px;overflow-x:auto;min-height:210px;padding-top:20px;align-items:end}.quality-dashboard .qd-bar{min-width:36px;flex:1;padding:4px 2px;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:185px}.qd-bar>strong{font-size:11px}.qd-bar small{font-size:9px;white-space:nowrap;color:var(--qd-muted);writing-mode:vertical-rl;transform:rotate(180deg);height:40px}.qd-stack{height:130px;display:flex;flex-direction:column;justify-content:end;width:100%;max-width:32px;border-bottom:1px solid var(--qd-line)}.qd-stack span{min-height:0;background:var(--qd-blue)}.qd-stack .observation{background:var(--qd-orange)}.qd-stack .ncr{background:var(--qd-red)}.qd-sites{max-height:260px;overflow-y:auto;margin-top:16px}.quality-dashboard .qd-site{display:grid;grid-template-columns:1fr auto;gap:8px;border:0;background:transparent;width:100%;text-align:left;padding:8px 4px}.qd-site-track{grid-column:1/-1;height:6px;background:#2a3a49;border-radius:3px}.qd-site-track>span{display:block;height:100%;background:var(--qd-blue);border-radius:3px}.qd-pills{display:flex;flex-wrap:wrap;gap:8px}.qd-pills button strong{margin-left:8px}.qd-record{display:grid;grid-template-columns:minmax(190px,1fr) 2fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--qd-line);align-items:start}.qd-record .qd-type{display:block;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;color:var(--qd-blue)}.qd-record .observation{color:var(--qd-orange)}.qd-record .ncr{color:var(--qd-red)}.quality-dashboard .qd-record-link{padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:white;text-align:left;min-height:36px;font-size:15px;overflow-wrap:anywhere}.qd-record p{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.qd-record small{display:block;color:var(--qd-muted);font-size:12px;line-height:1.6}.qd-record>div>strong{font-size:14px;overflow-wrap:anywhere}.qd-status{font-size:10px;text-transform:uppercase;font-weight:bold;padding:7px 9px;border-radius:20px;background:#304252;max-width:140px}.qd-status.fail,.qd-status.open{background:#603729;color:#ffd6bb}.qd-status.closed,.qd-status.resolved{background:#214d43;color:#c0f1db}.qd-page-count{white-space:nowrap;font-size:13px}.quality-dashboard .qd-empty{padding:22px 0;font-size:14px}.qd-register>[data-action=more]{margin-top:16px;width:100%}
@media(max-width:900px){.qd-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.qd-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.qd-record{grid-template-columns:1fr 1.5fr}.qd-status{grid-column:2}.qd-card-title{align-items:start;flex-direction:column}.qd-charts{grid-template-columns:1fr}.qd-volume{grid-column:auto}}
@media(max-width:520px){.quality-dashboard{padding:15px;border-radius:12px;margin:10px 0}.quality-dashboard h2{font-size:25px}.qd-heading{align-items:start}.qd-heading>button{padding:10px}.qd-filters{padding:12px;gap:12px}.qd-filters select{font-size:14px;padding:9px 6px}.qd-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-dashboard .qd-total{padding:14px}.qd-total strong{font-size:30px}.qd-card{padding:15px}.qd-record{grid-template-columns:1fr;gap:8px}.qd-status{grid-column:auto;justify-self:start}.qd-legend{gap:10px}.qd-search input::placeholder{font-size:12px}}