.qc-kpi-grid,.case-kpi-grid{gap:12px}
.case-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}
.qc-kpi-grid .module-kpi-card,.case-kpi-grid .module-kpi-card{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);border:1px solid #dbe4f3;border-radius:16px;padding:14px 16px;min-height:88px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-shadow:0 8px 18px rgba(25,61,130,.06)}
.qc-kpi-grid .module-kpi-card small,.case-kpi-grid .module-kpi-card small{font-size:12px;color:#65748b;font-weight:700}.qc-kpi-grid .module-kpi-card b,.case-kpi-grid .module-kpi-card b{font-size:28px;line-height:1;color:#173f8a}.qc-kpi-grid .module-kpi-card span,.case-kpi-grid .module-kpi-card span{font-size:11px;color:#94a3b8;font-weight:700}
.case-kpi-grid .module-kpi-card{cursor:pointer;transition:.18s}
.case-kpi-grid .module-kpi-card:hover{transform:translateY(-2px);border-color:#b9cbf5}
.case-kpi-grid .module-kpi-card[aria-pressed="true"]{border-color:#1748a5;background:linear-gradient(180deg,#f3f8ff 0%,#e7f0ff 100%);box-shadow:0 10px 20px rgba(23,72,165,.16)}
.case-kpi-grid .module-kpi-card[aria-pressed="true"] small{color:#2b5ba8}
.case-kpi-grid .module-kpi-card{padding:12px 13px;min-height:84px}
.case-kpi-grid .module-kpi-card small{font-size:11.5px;line-height:1.3}
.case-kpi-grid .module-kpi-card b{font-size:25px}
@media(max-width:1500px){.case-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.case-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.case-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-kpi-grid .module-kpi-card{min-height:72px;padding:10px 11px}.case-kpi-grid .module-kpi-card b{font-size:22px}.case-kpi-grid .module-kpi-card small{font-size:10.5px}}
.qc-status-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.qc-status-pill{border:1px solid #d6e0f0;background:#fff;border-radius:12px;padding:10px 8px;font-size:12px;font-weight:800;color:#536178;cursor:pointer;text-align:center;transition:.18s}.qc-status-pill.active{box-shadow:0 10px 18px rgba(25,61,130,.10)}.qc-status-pill.pass.active{background:#e8f8ee;border-color:#8ad1a6;color:#16603a}.qc-status-pill.fail.active{background:#ffe8e8;border-color:#efb1b1;color:#a63b3b}.qc-status-pill.pending.active{background:#eef3fb;border-color:#bed0ea;color:#35507e}.qc-status-pill.na.active{background:#f7f2ff;border-color:#d6c4ff;color:#6a46a5}
.qc-check-row.v67{grid-template-columns:34px minmax(220px,1fr) minmax(280px,420px) minmax(180px,1fr);padding:10px 12px}
.qc-media-box{border:1px dashed #c9d7ee;background:#fbfdff;border-radius:16px;padding:12px}.qc-media-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.qc-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:12px}.qc-media-item{border:1px solid #e2e8f2;border-radius:12px;overflow:hidden;background:#fff}.qc-media-item img,.qc-media-item video{display:block;width:100%;height:110px;object-fit:cover;background:#eef3ff}.qc-media-item .meta{padding:8px}.qc-media-item small{display:block;color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-media-item button{margin-top:6px}.qc-hint{font-size:11px;color:#94a3b8}
.qc-a4{width:min(100%,210mm)!important;min-height:auto;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.qc-a4-head h1{font-size:20px}.qc-a4 table{table-layout:fixed}.qc-a4 th:nth-child(1),.qc-a4 td:nth-child(1){width:34px;text-align:center}.qc-a4 th:nth-child(3),.qc-a4 td:nth-child(3){width:75px;text-align:center}.qc-a4 th:nth-child(4),.qc-a4 td:nth-child(4){width:120px}.qc-a4 .wrap{word-break:break-word;white-space:normal}.qc-a4-media{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qc-a4-media img{width:100%;height:120px;object-fit:cover;border:1px solid #cbd4e4;border-radius:8px}.qc-doc-section-title{margin:12px 0 6px;font-size:12px;font-weight:800;color:#173f8a}
.petty-status-badge,.stock-status-badge,.po-status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.petty-pending{background:#fff3df;color:#9b5e11}.petty-cleared{background:#e8f8ee;color:#1b7044}.petty-cancel{background:#ffe7e7;color:#a53f3f}
.stock-normal{background:#e8f8ee;color:#1b7044}.stock-reorder{background:#fff3df;color:#9b5e11}.stock-low{background:#ffe7e7;color:#a53f3f}.stock-high{background:#eef3fb;color:#35507e}
.po-open{background:#eef3fb;color:#35507e}.po-order{background:#fff3df;color:#9b5e11}.po-received{background:#e8f8ee;color:#1b7044}.po-cancel{background:#ffe7e7;color:#a53f3f}
.kpi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.media-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px}.media-thumb{border:1px solid #e2e8f2;border-radius:12px;overflow:hidden;background:#fff}.media-thumb img,.media-thumb video{width:100%;height:90px;object-fit:cover;display:block;background:#eef3ff}.media-thumb .meta{padding:8px}.media-thumb small{display:block;font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-tag-row{display:flex;gap:8px;flex-wrap:wrap}.info-tag{padding:7px 10px;border-radius:999px;background:#f2f6fd;border:1px solid #dce6f4;font-size:11px;color:#46607f;font-weight:700}.machine-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto;padding:4px}.machine-check-item{display:flex;gap:8px;align-items:flex-start;border:1px solid #e3ebf6;border-radius:12px;padding:10px;background:#fbfdff}.machine-check-item small{display:block;color:#94a3b8;font-size:10px;margin-top:2px}
.summary-inline-card{border:1px solid #dfe7f3;border-radius:14px;padding:12px;background:#fbfdff}.summary-inline-card h4{margin:0 0 6px;color:#173f8a}.summary-inline-card p{margin:0;color:#64748b;font-size:11px}.summary-number{font-size:28px;font-weight:800;color:#173f8a}
@media(max-width:1000px){.qc-check-row.v67{grid-template-columns:30px 1fr}.qc-status-pills,.kpi-grid-4,.kpi-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-check-grid{grid-template-columns:1fr}.qc-a4-media{grid-template-columns:1fr}}
@media(max-width:640px){.qc-status-pills,.kpi-grid-4,.kpi-grid-5{grid-template-columns:1fr}.qc-media-preview,.media-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}