:root{--green:#90b94c;--orange:#fc923b;--text:#030712;--white:#fff;--bg:#f2f4f6;--line:#0307121f;--soft:#0307120f;--shadow:0 12px 32px #03071229}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh}button,input{font:inherit}button{color:inherit}button:disabled{opacity:.64}#app,.screen{min-height:100dvh}.list-screen{background:var(--bg);padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom))}.list-screen.with-topbar{padding-top:0}.list-screen.with-topbar .camera-topbar{margin:0 -14px 18px}.user-select-screen{flex-direction:column;display:flex}.user-select-logo{width:min(240px,62vw);height:auto;margin:auto auto 0;padding-top:28px;display:block}.plain-header,.category-header{width:min(720px,100%);margin:0 auto 18px}.plain-header h1,.category-header h1{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:34px;font-weight:760;line-height:1.05}.eyebrow{color:var(--text);text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:760}.attention{color:var(--orange)}.tap-list{gap:10px;width:min(720px,100%);margin:0 auto;display:grid}.tap-row{border:1px solid var(--line);background:var(--white);width:100%;min-height:64px;color:var(--text);text-align:left;box-shadow:none;border-radius:8px;padding:0 18px;font-size:20px;font-weight:700}.tap-row:active{background:var(--green)}.camera-screen{background:var(--text);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative;overflow:hidden}.camera-topbar{z-index:3;padding:max(12px, env(safe-area-inset-top)) 12px 10px;background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar-name,.topbar-reset-button,.secondary-button{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:760}.topbar-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.topbar-reset-button{white-space:nowrap}.queue-logo-button{background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.queue-logo{object-fit:contain;width:34px;height:34px;display:block}.camera-stage{background:var(--text);min-height:0;position:relative;overflow:hidden}.scandit-view{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scanner-active .camera-placeholder{display:none}.camera-placeholder{z-index:1;color:var(--white);text-align:center;place-items:center;padding:20px;font-weight:760;display:grid;position:absolute;inset:0}.camera-video,.camera-stage canvas,.camera-stage scandit-datacapture-view{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scandit-view>*{width:100%;height:100%}.scan-frame,.photo-frame{z-index:2;border:4px solid var(--green);pointer-events:none;border-radius:8px;height:44%;position:absolute;top:22%;left:8%;right:8%;box-shadow:0 0 0 999px #03071238}.photo-frame{height:64%;top:14%}.scan-copy{z-index:2;background:var(--white);min-height:42px;color:var(--text);text-align:center;box-shadow:var(--shadow);border-radius:8px;place-items:center;padding:8px 12px;font-size:18px;font-weight:760;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.photo-step-badge{z-index:2;background:var(--white);min-width:108px;min-height:36px;color:var(--text);box-shadow:var(--shadow);border-radius:8px;place-items:center;padding:0 10px;font-size:16px;font-weight:820;display:grid;position:absolute;top:16px;right:16px}.vape-photo-counter{z-index:3;border:3px solid var(--green);background:var(--white);min-width:74px;height:56px;color:var(--text);box-shadow:var(--shadow);pointer-events:none;border-radius:8px;place-items:center;padding:0 10px;display:grid;position:absolute;top:10px;left:10px}.vape-photo-counter strong{font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-size:38px;font-weight:900;line-height:1;display:block}.capture-flash{z-index:11;background:var(--white);pointer-events:none;animation:.26s ease-out forwards capture-flash;position:absolute;inset:0}.start-scanner-button{z-index:4;background:var(--green);min-height:64px;color:var(--text);box-shadow:var(--shadow);border:0;border-radius:8px;padding:0 18px;font-size:22px;font-weight:820;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.camera-footer{z-index:3;min-height:78px;padding:12px 12px max(12px, env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;display:flex}.scan-actions{min-height:78px}.status-pill{background:var(--bg);min-height:42px;color:var(--text);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:760;display:inline-flex}.attention-button{background:var(--orange);min-height:54px;color:var(--text);border:0;border-radius:8px;padding:0 18px;font-size:18px;font-weight:820}.options-button{border:1px solid var(--line);background:var(--white);width:100%;min-height:54px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:18px;font-weight:820;display:inline-flex}.options-button-icon{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:inline-grid}.photo-actions{justify-content:center}.shutter-button{border:8px solid var(--white);background:var(--green);width:72px;height:72px;box-shadow:0 0 0 3px var(--green);border-radius:50%;flex:none}.primary-button{background:var(--green);min-height:50px;color:var(--text);border:0;border-radius:8px;padding:0 18px;font-weight:800}.primary-button.wide{width:100%}.capture-checkmark{z-index:12;background:var(--green);width:112px;height:112px;box-shadow:var(--shadow);pointer-events:none;border-radius:50%;place-items:center;animation:.9s forwards capture-checkmark-pop;display:grid;position:absolute;top:50%;left:50%}.capture-checkmark span{border-left:9px solid var(--text);border-bottom:9px solid var(--text);width:48px;height:28px;transform:translateY(-4px)rotate(-45deg)}.options-overlay{z-index:10;align-items:end;display:grid;position:absolute;inset:0}.options-backdrop{background:#03071257;border:0;position:absolute;inset:0}.options-sheet{z-index:1;background:var(--white);max-height:86dvh;padding:20px 14px max(18px, env(safe-area-inset-bottom));box-shadow:var(--shadow);border-radius:8px 8px 0 0;position:relative;overflow:auto}.sheet-grabber{background:var(--line);border-radius:999px;width:64px;height:5px;margin:0 auto 20px}.options-header{margin-bottom:18px}.options-header h2{margin:0 0 4px;font-size:28px;line-height:1.1}.options-header p{color:var(--text);opacity:.76;margin:0;font-size:17px;font-weight:620}.option-list{gap:10px;display:grid}.option-row{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:8px;grid-template-columns:58px 1fr;align-items:center;gap:12px;width:100%;min-height:86px;padding:12px;display:grid}.option-row:active{background:var(--bg)}.option-icon{width:48px;height:48px;color:var(--text);border-radius:8px;place-items:center;font-size:14px;font-weight:820;display:grid}.option-icon-no_barcode{background:#fc923b29}.option-icon-vape{background:#5c51b224}.option-icon-no_packaging{background:#23947324}.option-copy{gap:4px;min-width:0;display:grid}.option-copy strong{font-size:19px;line-height:1.1}.option-copy small{color:var(--text);opacity:.74;font-size:16px;font-weight:620}.sheet-cancel{background:var(--white);width:100%;min-height:58px;color:var(--text);border:0;border-radius:8px;margin-top:18px;font-size:18px;font-weight:760}.mock-panel{z-index:2;background:var(--white);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid;position:absolute;bottom:78px;left:12px;right:12px}.mock-input{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:50px;color:var(--text);border-radius:8px;padding:0 12px;font-size:18px;font-weight:700}.category-header{grid-template-columns:134px 1fr;align-items:center;gap:14px;display:grid}.category-header .barcode-value{overflow-wrap:normal;white-space:nowrap;word-break:normal;font-size:16px;line-height:1.15}.category-header .followup-title{font-size:24px;line-height:1.08}.category-thumbs{grid-template-columns:repeat(2,64px);gap:6px;display:grid}.thumb{object-fit:cover;border:2px solid var(--green);background:var(--white);border-radius:8px;width:64px;height:64px}.row-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.record-list{gap:10px;width:min(720px,100%);margin:0 auto;display:grid}.record-row,.empty-state,.message-block{border:1px solid var(--line);background:var(--white);color:var(--text);border-radius:8px;padding:16px}.record-row{align-items:center;gap:12px;display:flex}.record-photo{object-fit:cover;background:var(--soft);border:1px solid var(--line);border-radius:8px;flex:none;width:58px;height:58px}.fullness-row,.followup-row{text-align:center;min-height:76px;font-size:28px}.fullness-row span,.followup-row span{width:100%;display:block}.photo-placeholder{display:block}.record-details{flex:1;gap:4px;min-width:0;display:grid}.record-row small{text-align:right;flex:0 auto}.record-row strong,.record-row span,.record-row small{overflow-wrap:anywhere}.record-row span,.record-row small,.message-block p{color:var(--text);opacity:.76}.message-block{width:min(720px,100%);margin:0 auto}#toast-root{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:20;background:var(--text);color:var(--white);text-align:center;box-shadow:var(--shadow);border-radius:8px;padding:14px 16px;font-weight:760;transition:transform .16s;position:fixed;transform:translateY(140%)}#toast-root.show{transform:translateY(0)}.update-banner{top:max(12px, env(safe-area-inset-top));z-index:50;border:1px solid var(--line);background:var(--white);min-height:52px;box-shadow:var(--shadow);color:var(--text);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:16px;font-weight:820;display:grid;position:fixed;left:12px;right:12px}.update-banner button{background:var(--green);min-height:38px;color:var(--text);border:0;border-radius:8px;padding:0 14px;font-size:15px;font-weight:820}@keyframes capture-checkmark-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}58%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes capture-flash{0%{opacity:0}12%{opacity:.92}to{opacity:0}}@media (width>=760px){.camera-screen{border-inline:1px solid var(--line);width:min(430px,100%);margin:0 auto}}@media (width<=360px){.camera-topbar{gap:8px}.topbar-actions{gap:6px}.topbar-reset-button{padding:0 10px;font-size:14px}.plain-header h1,.category-header h1{font-size:28px}.category-header .barcode-value{font-size:15px}.tap-row{font-size:18px}.photo-actions{gap:8px}}