:root{font-family:system-ui,-apple-system,sans-serif;color:#172e39;background:#f3f5f4;font-size:17px}*{box-sizing:border-box}body{margin:0}header{padding:18px max(18px,calc((100vw - 1050px)/2));display:flex;align-items:center;gap:12px;background:#163d3a;color:#fff}header div{flex:1}h1{margin:3px 0;font-size:1.65rem}h2{font-size:1.3rem}main{max-width:1050px;padding:18px;margin:auto}section,details{border:1px solid #c5d3cf;background:white;padding:18px;border-radius:10px;margin:16px 0}details details{padding:10px}label{display:block;margin:14px 0 7px}input,select,textarea,button{font:inherit;min-height:48px;border:1px solid #8daba2;border-radius:6px;max-width:100%}input,select,textarea{width:100%;padding:10px;margin-top:5px;background:#fff;color:#172e39}textarea{min-height:90px}button{padding:10px 16px;background:#e8efec;color:#123d35;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{background:#12665c;color:white;border-color:#12665c}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:10px;align-items:center}.check input{width:26px;flex:none;min-height:26px}fieldset{border:0;padding:0;margin:0}legend{font-size:1.45rem;font-weight:650;margin:16px 0}.boundary{font-size:.9rem;color:#426256}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}li{padding:12px 0;border-bottom:1px solid #dce4e0;overflow-wrap:anywhere}ul{padding-left:20px}pre,#review-detail{white-space:pre-wrap;overflow-wrap:anywhere}#error{background:#ffe5df;color:#812815;padding:16px}#notice,#saved{color:#075347;white-space:pre-wrap}#thumbnails{display:flex;flex-wrap:wrap;gap:8px}img{max-width:180px;max-height:180px;object-fit:contain}a{display:inline-block;padding:12px 0;color:#125f58}summary{min-height:40px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cc6c12;outline-offset:3px}[hidden]{display:none!important}@media(max-width:540px){main{padding:12px}section{padding:14px}.grid{gap:10px}header{padding:14px}button{flex-grow:1}}

video{max-width:100%;max-height:65vh}dialog{max-width:min(90vw,620px);border:1px solid #8daba2;border-radius:10px}

#capture-form>.toolbar{position:sticky;bottom:0;background:#fff;padding:10px 0;border-top:1px solid #c5d3cf;z-index:2}#attention{font-size:1.12rem;line-height:1.8}#capacity.warning{background:#fff0ca;padding:12px}#coverage p{overflow-wrap:anywhere;border-bottom:1px solid #dce4e0;padding-bottom:12px}p{overflow-wrap:anywhere}select{min-width:0} @media(max-height:500px){#capture-form>.toolbar{position:static}}

/* Workspace navigation moves focus only; section visibility remains owned by role/scope rendering. */
#workspace-nav{position:sticky;top:0;z-index:3;margin:16px 0;padding:12px 14px;background:#fff;border:1px solid #c5d3cf;border-radius:10px;box-shadow:0 4px 12px #163d3a14}
#workspace-nav>label{margin:0;font-size:.85rem;font-weight:650;color:#426256}.workspace-navigation{display:flex;align-items:center;gap:10px}.workspace-navigation select{flex:1;width:0}.workspace-navigation button{flex:0 0 auto;margin-top:5px}
#workspace section,#workspace details,#workspace h2,#workspace legend{scroll-margin-top:var(--mass-nav-offset,140px)}
#workspace h2:focus-visible,#workspace legend:focus-visible,#workspace summary:focus-visible{outline:3px solid #cc6c12;outline-offset:5px;border-radius:3px}
@media(max-height:500px){#workspace-nav{position:static}}

#recovery-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto;font-size:.85rem}#recovery-panel{border:2px solid var(--line,#cbd5e1);padding:1rem;margin-block:1rem}#recovery-photo-list li{overflow-wrap:anywhere}

/* Screen measurement and print share the same physical label box. */
#print-sheet{position:fixed;left:-10000px;top:0;width:80mm;height:50mm;padding:3mm;display:grid;grid-template-columns:minmax(0,1fr) 30mm;grid-template-rows:minmax(0,1fr) auto;gap:2mm;background:#fff;color:#000;font-family:Arial,sans-serif;border:0;overflow:visible;box-sizing:border-box}
#print-sheet [data-label-display]{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:var(--label-display-size,10pt);font-weight:bold;line-height:1.15}
#print-sheet [data-label-qr]{width:30mm;height:30mm;max-width:none;max-height:none;align-self:start;object-fit:contain}
#print-sheet [data-label-payload]{grid-column:1/-1;min-width:0;overflow-wrap:anywhere;font:6.5pt/1.1 monospace;white-space:pre-wrap}
#print-sheet[data-paper="60x40"]{width:60mm;height:40mm;padding:2mm;grid-template-columns:minmax(0,1fr) 24mm;gap:1.5mm}
#print-sheet[data-paper="60x40"] [data-label-qr]{width:24mm;height:24mm}
@media print{
 @page mass-label-a4{size:A4;margin:10mm}
 @page mass-label-80{size:80mm 50mm;margin:0}
 @page mass-label-60{size:60mm 40mm;margin:0}
 html,body{margin:0;padding:0;background:#fff}
 body>*{display:none!important}
 body>#print-sheet{display:grid!important;position:static;break-inside:avoid}
 #print-sheet[data-paper="A4"]{page:mass-label-a4}
 #print-sheet[data-paper="80x50"]{page:mass-label-80}
 #print-sheet[data-paper="60x40"]{page:mass-label-60}
}