/* A document workbench, with readable paper and deliberate, untimed decisions. */
.inspection-desk{--paper:#14252b;--paper-ink:#dfebe5;--paper-muted:#97ada7;--paper-line:#3c5355;container:inspection / inline-size}
.light .inspection-desk{--paper:#fffdf5;--paper-ink:#283c39;--paper-muted:#65746c;--paper-line:#d5d8c8}
.inspection-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:10px 0 18px}
.inspection-heading h4{font:600 28px Rajdhani,sans-serif;margin:4px 0}
.inspection-heading p:not(.context){font-size:14px;color:var(--muted);line-height:1.5}
.inspection-progress{text-align:right;flex-shrink:0;display:grid;gap:2px}
.inspection-progress strong{font:600 25px Rajdhani,sans-serif;color:var(--good)}
.inspection-progress span{font-size:12px;color:var(--muted)}
.inspection-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start}
.inspection-layout>*{min-width:0}
.inspection-queue{display:grid;gap:7px;max-height:650px;overflow:auto;padding-right:4px}
.inspection-queue>.context{margin:0 0 5px;font-size:11px;letter-spacing:1.5px}
.inspection-queue button{display:grid;gap:5px;padding:12px;text-align:left;border:1px solid var(--border);background:var(--surface);border-left:3px solid transparent;min-width:0;color:var(--ink)}
.inspection-queue button.selected{border-left-color:var(--amber);background:var(--surface-alt);border-top-color:var(--line)}
.inspection-queue button:hover{border-color:var(--amber)}
.inspection-queue small{font-size:11px;color:var(--muted)}
.inspection-queue strong{font:600 17px Rajdhani,sans-serif;overflow-wrap:anywhere}
.inspection-queue b{font-size:13px;font-weight:400}
.inspection-queue button>span{font-size:11px;color:var(--muted)}
.inspection-queue button>span.positive{color:var(--good)}.inspection-queue button>span.negative{color:var(--bad)}
.inspection-workspace{display:grid;gap:12px;min-width:0}
.inspection-documents{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.inspection-paper{background:var(--paper);color:var(--paper-ink);border:1px solid var(--paper-line);box-shadow:3px 5px 0 #0002;min-width:0;position:relative;padding:18px 16px 12px}
.inspection-paper:before{content:"";display:block;height:3px;background:var(--cyan);position:absolute;inset:0 0 auto}
.invoice-paper:before{background:var(--amber)}
.inspection-paper>header{display:flex;gap:9px;align-items:center;min-width:0;margin-bottom:15px}
.inspection-paper>header>div{min-width:0}
.inspection-paper .context{font-size:10px;letter-spacing:1.1px;color:var(--paper-muted);line-height:1.5}
.inspection-paper h4{font:600 21px Rajdhani,sans-serif;line-height:1.1;margin:3px 0;color:var(--paper-ink)}
.inspection-document-icon{font-size:28px;line-height:1;color:var(--paper-muted)}
.inspection-paper-tag{margin-left:auto;font-size:9px;letter-spacing:1px;border:1px solid var(--paper-line);padding:5px;color:var(--paper-muted)}
.inspection-document-meta{display:flex;justify-content:space-between;gap:6px;font-size:12px;margin:10px 0 16px;line-height:1.5;color:var(--paper-muted);flex-wrap:wrap}
.inspection-document-meta strong{font-weight:400}
.inspection-field{width:100%;min-height:70px;display:flex;align-items:center;gap:8px;justify-content:space-between;text-align:left;background:transparent;border:1px solid transparent;border-bottom-color:var(--paper-line);padding:11px 8px;position:relative;color:var(--paper-ink)}
.inspection-field>span:first-child{display:grid;gap:5px;min-width:0}
.inspection-field small{color:var(--paper-muted);font-size:11px}
.inspection-field strong{font-size:16px;font-weight:400;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.inspection-field:disabled{opacity:1}
.inspection-field:hover:not(:disabled){background:color-mix(in srgb,var(--cyan) 9%,transparent);border-color:var(--cyan)}
.inspection-field.selected{background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid var(--amber)}
.inspection-field.selected:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--amber);animation:inspect-scan .6s ease-out forwards;pointer-events:none}
.inspection-target{flex-shrink:0;font-size:17px;color:var(--paper-muted);width:20px;text-align:center}
.inspection-field.selected .inspection-target{color:var(--amber)}
.inspection-field.reviewed .inspection-target{color:var(--good)}
.inspection-paper footer{display:grid;gap:9px;padding:17px 3px 4px;line-height:1.5}
.inspection-paper footer small{font-size:11px;color:var(--paper-muted)}
.inspection-paper footer strong{font-size:12px;font-weight:400;overflow-wrap:anywhere}
.inspection-receipt-lines{height:20px;width:100px;opacity:.4;background:repeating-linear-gradient(90deg,var(--paper-muted) 0 2px,transparent 2px 4px,var(--paper-muted) 4px 5px,transparent 5px 9px)}
.inspection-select{display:grid;gap:7px;font-size:11px;color:var(--paper-muted);margin:0 0 7px}
.inspection-select select{width:100%;min-width:0;border:1px solid var(--paper-line);background:var(--surface);padding:9px 6px;color:var(--ink);font-size:12px}
.inspection-placeholder{min-height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;color:var(--paper-muted);padding:20px}
.inspection-placeholder>span{font-size:40px;opacity:.6}
.inspection-placeholder p{font:600 19px Rajdhani,sans-serif}
.inspection-placeholder small{font-size:12px;line-height:1.5}
.inspection-scanner{border:1px solid var(--border);padding:14px 16px;background:var(--surface-alt)}
.inspection-scanner-top{display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:1px;color:var(--cyan)}
.inspection-scanner-top>span{color:var(--muted);letter-spacing:0}
.inspection-checks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.inspection-checks>span{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);padding:4px 6px;border:1px solid var(--border)}
.inspection-checks .done{color:var(--good)}.inspection-checks .flagged{color:var(--amber)}
.inspection-readout{min-height:49px;display:grid;align-items:center;margin:10px 0}
.inspection-readout .note{font-size:13px;line-height:1.5;margin:0;padding:0}
.inspection-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;text-align:center;animation:inspect-reveal .18s ease-out}
.inspection-pair strong{font-size:14px;overflow-wrap:anywhere;font-weight:400;color:var(--ink)}
.inspection-pair>span{color:var(--amber);font-size:20px}
.inspection-pair small{grid-column:1/-1;color:var(--muted);font-size:12px}
.inspection-compare-actions{display:flex;gap:8px;flex-wrap:wrap}
.inspection-compare-actions .action{font-size:12px;min-height:37px;padding:8px 12px;flex:1}
.inspection-evidence{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px dashed var(--line);padding:15px;color:var(--muted)}
.inspection-evidence.ready{border-color:var(--cyan)}
.inspection-evidence>div:first-child{flex:1;min-width:180px}
.inspection-evidence .context{font-size:10px;letter-spacing:1px;margin-bottom:6px}
.inspection-evidence strong{font:600 18px Rajdhani,sans-serif;color:var(--ink)}
.inspection-evidence p:not(.context){font-size:12px;line-height:1.5;margin-top:5px}
.inspection-evidence .action{font-size:12px;padding:9px}
.inspection-advice{width:100%;padding:15px;border-top:1px solid var(--border);background:var(--surface)}
.inspection-advice h4{font-size:14px;color:var(--cyan);letter-spacing:1px;margin:0 0 12px}
.inspection-advice .data-row{font-size:12px;gap:10px}
.inspection-advice .data-row strong{font-size:14px;overflow-wrap:anywhere;text-align:right}
.inspection-stamps,.inspection-stamped{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);padding:14px 0 4px}
.inspection-stamps>div,.inspection-stamped>div{flex:1;min-width:0}
.inspection-stamps strong,.inspection-stamped strong{font:600 18px Rajdhani,sans-serif}
.inspection-stamps p,.inspection-stamped p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}
.inspection-stamp{padding:10px 14px;min-height:64px;min-width:120px;display:grid;gap:4px;border:2px solid currentColor;background:transparent;text-align:center;position:relative;transition:transform .15s,background .15s}
.inspection-stamp span{font:600 19px Rajdhani,sans-serif;letter-spacing:2px}
.inspection-stamp small{font-size:10px}
.hold-stamp{color:var(--amber)}.approve-stamp{color:var(--good)}
.inspection-stamp:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,currentColor 8%,transparent)}
.inspection-stamp:active:not(:disabled){transform:translateY(2px) rotate(-2deg)}
.inspection-seal{font:600 19px Rajdhani,sans-serif;letter-spacing:1px;border:3px double currentColor;padding:10px;color:var(--good);transform:rotate(-4deg);animation:inspect-stamp .3s ease-out}
.inspection-stamped.failed .inspection-seal{color:var(--bad)}
.inspection-stamped .action{font-size:12px;padding:10px;flex-shrink:0}
.inspection-rules{border-top:1px solid var(--border);margin-top:6px;padding-top:12px;font-size:12px;color:var(--muted);line-height:1.65}
.inspection-rules summary{cursor:pointer;color:var(--cyan)}
.inspection-rules p{margin-top:10px}
.inspection-monthly{border-left:2px solid var(--cyan);margin:12px 0;padding:4px 12px}
.inspection-monthly strong{color:var(--cyan)}
.inspection-monthly p{font-size:13px;line-height:1.5;margin-top:7px}
@keyframes inspect-scan{from{top:0;opacity:.8}to{top:100%;opacity:0}}
@keyframes inspect-reveal{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes inspect-stamp{from{opacity:0;transform:scale(1.3) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}
@container inspection (max-width:850px){.inspection-layout{grid-template-columns:1fr}.inspection-queue{display:flex;max-height:none;overflow-x:auto;padding:0 0 8px}.inspection-queue>.context{display:none}.inspection-queue button{flex:0 0 170px}.inspection-stamps{flex-wrap:wrap}.inspection-stamps>div{flex-basis:100%}.inspection-stamp{flex:1}}
@container inspection (max-width:520px){.inspection-heading{gap:10px;align-items:start}.inspection-heading h4{font-size:24px}.inspection-heading p:not(.context){font-size:13px}.inspection-progress strong{font-size:22px}.inspection-documents{grid-template-columns:1fr;gap:14px}.inspection-paper{padding:16px 12px 12px}.inspection-paper-tag{display:none}.inspection-field{min-height:62px}.inspection-placeholder{min-height:130px}.inspection-scanner{padding:12px}.inspection-compare-actions .action{font-size:11px;padding:8px;min-width:0}.inspection-stamped{flex-wrap:wrap}.inspection-stamped>div{flex-basis:60%}.inspection-stamped>.action{width:100%}.inspection-seal{font-size:15px;padding:8px}.inspection-advice{padding:12px 0}.inspection-advice .data-row{flex-wrap:wrap}.inspection-checks{gap:5px}.inspection-checks>span{font-size:10px}}
.no-motion .inspection-desk *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.inspection-desk *{animation:none!important;transition:none!important}}