.qr-board{color:#29465e}.qr-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.qr-metrics button{text-align:left;background:#fff;border:1px solid #dbe4ed;border-radius:10px;padding:20px}.qr-metrics button[aria-pressed=true]{background:#edf3f9;border-color:#405f83;box-shadow:inset 0 3px #405f83}.qr-metrics span{align-items:center;gap:8px;font-size:14px;display:flex}.qr-metrics strong{margin-top:14px;font-size:34px;display:block}.qr-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:22px 0;display:flex}.qr-toolbar label{gap:8px;min-width:270px;font-size:14px;display:grid}.qr-toolbar input,.qr-toolbar select{background:#fff;border:1px solid #d5dfeb;border-radius:7px;padding:10px 13px}.qr-toolbar p,.qr-footnote{color:#6b7e91;font-size:13px;line-height:1.6}.qr-dot{background:#4b9276;border-radius:100%;width:7px;height:7px;margin-right:7px;display:inline-block}.qr-table-wrap{background:#fff;border:1px solid #dce5ee;border-radius:12px;overflow:auto}.qr-table{border-collapse:collapse;width:100%;min-width:950px;font-size:14px}.qr-table th{text-align:left;color:#64798e;letter-spacing:.4px;text-transform:uppercase;background:#f4f7fa;padding:17px;font-size:12px}.qr-table td{vertical-align:middle;border-top:1px solid #e4ebf1;padding:22px 17px}.qr-table td strong{font-size:16px;display:block}.qr-table small{color:#76899b;margin-top:7px;font-size:12px;display:block}.qr-progress{background:#e9eef4;border-radius:6px;width:190px;height:7px;margin-bottom:9px;position:relative;overflow:hidden}.qr-progress i,.qr-progress b{background:#94afce;height:100%;position:absolute;top:0;left:0}.qr-progress b{background:#3a8a66}.qr-status{color:#637789;background:#eef2f5;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:600;display:inline-flex}.qr-status.pending{color:#355f91;background:#e9f1fb}.qr-status.accepted{color:#28724f;background:#e7f5ed}.qr-status.retake{color:#985d24;background:#fff0df}@media (max-width:800px){.qr-metrics{grid-template-columns:repeat(2,1fr)}.qr-toolbar{flex-direction:column;align-items:start}}.qr-review{padding:22px 0}.qr-review-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.qr-review-heading h2{color:#29465e;margin:0 0 8px;font-size:22px}.qr-review-heading p{color:#6a8095;font-size:14px}.qr-readiness{background:#f0f5fa;border-radius:10px;grid-template-columns:repeat(3,1fr) 1.5fr;gap:20px;margin:22px 0;padding:23px;display:grid}.qr-readiness strong{color:#355675;font-size:27px;display:block}.qr-readiness span{font-size:13px}.qr-readiness small{color:#6c8197;margin-top:10px;font-size:12px;line-height:1.5;display:block}.qr-review-tools{flex-wrap:wrap;align-items:center;gap:22px;margin:22px 0;display:flex}.qr-review-tools label{align-items:center;gap:10px;font-size:14px;display:flex}.qr-review-tools select{background:#fff;border:1px solid #d5dfeb;border-radius:7px;padding:9px 12px}.qr-review-tools button{margin-left:auto}.qr-review input[type=checkbox]{accent-color:#405f83;width:17px;height:17px}.qr-requirement{background:#fff;border:1px solid #dce5ee;border-radius:11px;margin:20px 0;overflow:hidden}.qr-requirement-heading{background:#f9fbfd;border-bottom:1px solid #e1e9f1;justify-content:space-between;align-items:start;gap:20px;padding:20px;display:flex}.qr-requirement-heading small{color:#6a829a;font-size:12px}.qr-requirement-heading h3{color:#2d4c6a;margin:7px 0;font-size:18px}.qr-requirement-heading p{color:#61788e;max-width:750px;margin:0;font-size:14px;line-height:1.6}.qr-requirement-heading>.qr-status{flex-shrink:0}.qr-photo-strip{gap:16px;padding:20px;display:flex;overflow:auto}.qr-reference,.qr-photo-card{background:#fff;border:1px solid #dbe4ed;border-radius:8px;flex-shrink:0;width:220px;overflow:hidden}.qr-reference{background:#f5f7fa;border-style:dashed}.qr-reference img{object-fit:contain;opacity:.48;width:100%;height:155px}.qr-reference span,.qr-reference small{color:#61788e;padding:10px 13px 0;font-size:13px;display:block}.qr-reference small{padding-top:4px;padding-bottom:12px;font-size:12px}.qr-photo-open{cursor:pointer;background:#eaf0f5;border:0;width:100%;padding:0;display:block;position:relative}.qr-photo-open img{object-fit:cover;width:100%;height:155px}.qr-photo-open .qr-status{position:absolute;bottom:8px;left:8px;box-shadow:0 1px 4px #0002}.qr-photo-caption{padding:13px}.qr-photo-caption strong{color:#365775;font-size:13px;display:block}.qr-photo-caption small{color:#70849a;margin-top:5px;font-size:12px;display:block}.qr-photo-caption label{color:#486681;align-items:center;gap:7px;margin-top:13px;font-size:12px;display:flex}.qr-photo-caption p{color:#9b622d;font-size:13px;line-height:1.5}.qr-missing{color:#8192a4;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:240px;font-size:14px;display:flex}.qr-other-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.qr-other-grid .qr-photo-card{width:auto}.wo-dialog.qr-review-dialog{max-height:92dvh;overflow:auto;max-width:1100px!important}.qr-inspection{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:20px;display:grid}.qr-actual{background:#182b3c;border-radius:8px;overflow:hidden}.qr-actual img{object-fit:contain;width:100%;height:40dvh}.qr-actual a{color:#fff;text-align:center;padding:10px;font-size:13px;display:block}.qr-inspection aside img{object-fit:contain;width:100%;max-height:180px}.qr-inspection aside strong{color:#446581;margin-top:12px;font-size:14px;display:block}.qr-inspection aside p{color:#688198;font-size:14px;line-height:1.6}.qr-review-actions{justify-content:flex-end;gap:12px;display:flex}.qr-photo-meta{color:#61788e;font-size:13px}.qr-status.replaced{color:#727e8a;background:#f0f1f3}.qr-readiness .qr-status{font-size:13px}.qr-retake-inbox{background:#fffbf3;border:1px solid #edd4ae;border-radius:12px;margin:0 0 22px;padding:16px}.qr-retake-inbox h2{color:#895322;align-items:center;gap:8px;font-size:19px;display:flex}.qr-retake-row{border-top:1px solid #efdfc4;margin-top:14px;padding:15px 0}.qr-retake-row>img{object-fit:cover;float:left;border-radius:6px;width:90px;height:75px;margin:0 12px 12px 0}.qr-retake-row strong,.qr-retake-row small{display:block}.qr-retake-row p{font-size:16px;line-height:1.5}.qr-retake-row .sv-secondary{justify-content:center;width:100%}.qr-retake-row input{max-width:100%;margin:10px 0;font-size:14px}.qr-retake-row small{color:#92764f;font-size:12px}@media (max-width:750px){.qr-readiness{grid-template-columns:repeat(2,1fr)}.qr-inspection{grid-template-columns:1fr}.qr-inspection aside{display:none}.qr-review-heading,.qr-requirement-heading{flex-direction:column;align-items:start}.qr-review-tools{gap:14px}.qr-review-tools button{margin-left:0}.qr-review-actions{flex-wrap:wrap}}.qr-other-group{margin:24px 0}.qr-other-group>h3{color:#385b7b;margin:0 0 15px;font-size:18px}.qr-other-group>h3 small{color:#70859b;margin-left:8px;font-size:13px;font-weight:400}.qr-table .qr-overdue,.qr-table .qr-overdue small{color:#a56c35}.qr-table .qr-all-received{color:#3d729c}.qr-selection-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.qr-review-tools .qr-selection-actions button{margin-left:0}.wo-dialog.qr-link-dialog{max-height:90dvh;overflow:auto;max-width:720px!important}.qr-link-thumbs{gap:8px;padding:4px 0 12px;display:flex;overflow:auto}.qr-link-thumbs img{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:64px}.qr-link-dialog .wo-field{gap:8px;margin:8px 0;font-size:14px;display:grid}.qr-link-dialog select{white-space:normal;background:#fff;border:1px solid #d5dfeb;border-radius:7px;width:100%;min-width:0;padding:11px}.qr-link-sample{background:#f5f8fb;border:1px solid #dbe4ed;border-radius:9px;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;display:grid}.qr-link-sample img{object-fit:contain;width:150px;height:130px}.qr-link-sample strong{margin:6px 0;font-size:16px;display:block}.qr-link-sample p,.qr-link-note{color:#526e87;font-size:14px;line-height:1.6}.qr-link-sample small{color:#6a8095;font-size:12px}@media (max-width:600px){.qr-selection-actions{margin-left:0}.qr-link-sample{grid-template-columns:1fr}.qr-link-sample img{width:100%;height:150px}}
