:root{color-scheme:light;--bg: #eef1f4;--panel: #ffffff;--ink: #16222e;--muted: #5d6d7c;--line: #d9e0e7;--accent: #1a5fb4;--danger: #c8102e;--ok: #1a7f37;--warn: #9a6700;--seal: #0d7a43;--radius: 10px}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}.topbar{position:sticky;top:0;z-index:30;background:#12202e;color:#fff;display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:52px}.topbar .brand{font-weight:800;letter-spacing:-.01em}.topbar .brand span{color:#ff5a5f}.topbar .crumb{color:#b9c6d2;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .spacer{flex:1}.topbar button{background:none;border:1px solid #3a4d5f;color:#cfd9e2;border-radius:8px;padding:.35rem .8rem;cursor:pointer;font-size:.9rem}.page{max-width:680px;margin:0 auto;padding:1rem .9rem 6rem}.page h1{font-size:1.3rem;margin:.5rem 0 1rem}.page h2{font-size:1.05rem;margin:1.25rem 0 .6rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:.8rem}.card.tappable{cursor:pointer;transition:transform .05s}.card.tappable:active{transform:scale(.99)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.7rem 1.2rem;cursor:pointer;font-weight:600;font-size:1rem;color:var(--ink);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:#fff;color:var(--danger);border-color:#e6b3bc}.btn.seal{background:var(--seal);border-color:var(--seal);color:#fff}.btn.block{width:100%}.btn.small{padding:.35rem .7rem;font-size:.85rem;border-radius:8px}.btn:disabled{opacity:.45;cursor:default}input[type=text],input[type=number],select,textarea{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#fff;width:100%;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid #bcd2ee;border-color:var(--accent)}label.field{display:block;margin-bottom:.9rem}label.field>span{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}.badge{display:inline-block;font-size:.74rem;font-weight:700;border-radius:999px;padding:.12rem .6rem;background:#e6ebf0;color:var(--muted);white-space:nowrap}.badge.blue{background:#dbe9fb;color:var(--accent)}.badge.green{background:#dcefe2;color:var(--ok)}.badge.red{background:#fbdde2;color:var(--danger)}.badge.amber{background:#f8ecd2;color:var(--warn)}.muted{color:var(--muted)}.small{font-size:.85rem}.error-text{color:var(--danger);margin:.5rem 0}.page .back{display:inline-flex;align-items:center;min-height:2rem;margin:0 0 .2rem -.3rem;padding:.2rem .3rem;border-radius:6px;color:var(--muted);text-decoration:none;font-size:.92rem}.page .back:active{background:#e3e9ee}.page .sub{margin:-.6rem 0 1rem}.run-progress{position:sticky;top:52px;z-index:25;background:var(--panel);border-bottom:1px solid var(--line);padding:0 1rem;display:flex;align-items:center;gap:.7rem;height:44px}.run-progress .bar{flex:1;height:8px;border-radius:4px;background:#e3e9ee;overflow:hidden}.run-progress .bar>div{height:100%;background:var(--ok);transition:width .25s}.run-progress .count{font-weight:700;font-size:.88rem;white-space:nowrap;font-variant-numeric:tabular-nums}.presence{display:flex;gap:.35rem}.presence .chip{background:#dbe9fb;color:var(--accent);font-size:.72rem;font-weight:700;border-radius:999px;padding:.1rem .5rem}.attn{background:#fff8e6;border:1px solid #f0d9a0;border-radius:var(--radius);padding:.7rem .9rem;margin:0 0 .8rem}.attn-title{font-weight:700;color:var(--warn);margin-bottom:.3rem}.attn-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;border-top:1px solid #f0e4c4}.attn-row .nm{flex:1;min-width:0;font-weight:600}.attn-row .where{display:block;font-weight:400;font-size:.78rem;color:var(--muted)}.attn p{margin:.35rem 0 0}.question{background:#fff;border:1px solid var(--line, #dde4ea);border-radius:12px;padding:.8rem .9rem;margin:0 0 .6rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.question .q-text{flex:1 1 12rem;font-weight:600}.question .q-buttons{display:flex;gap:.4rem}.question .q-buttons .btn{min-width:4.2rem}.question.answered.yes{border-color:#9ccfae}.question.answered.no{border-color:#e6b3bc;background:#fff7f8}.question .q-by{flex-basis:100%}.area{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.7rem;overflow:hidden;overflow:clip}.area.child{margin-left:1.1rem}.area-head{display:flex;align-items:center;gap:.6rem;padding:.8rem .9rem;width:100%;background:none;border:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit}.area-head:focus-visible,.cat-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.area-head .name{font-weight:700;flex:1;min-width:0;font-size:1.02rem}.area-head .count{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.area-head .chev,.cat-head .chev{color:var(--muted)}.area.sealed>.area-head{background:#e9f5ee}.area.complete>.area-head .count{color:var(--ok);font-weight:700}.seal-banner{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem .9rem;background:#e9f5ee;border-top:1px solid #cfe7d8;font-size:.9rem;color:var(--seal)}.seal-banner .spacer{flex:1}.seal-foot{padding:.75rem .9rem;border-top:1px solid #eef2f5}.seal-foot .small{margin-top:.4rem;text-align:center}.category{border-top:1px solid var(--line)}.cat-head{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;width:100%;background:#f5f8fa;border:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;position:sticky;top:96px;z-index:10}.cat-head .name{font-weight:600;font-size:.92rem;flex:1}.cat-head .count{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.cat-head.done .name{color:var(--ok)}.group-head{padding:.35rem .9rem .2rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-top:1px solid #eef2f5}.item{display:flex;align-items:center;gap:.65rem;min-height:54px;padding:.45rem .9rem;border-top:1px solid #eef2f5;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.item:active{background:#f2f6f9}.item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.item .tick{width:28px;height:28px;flex-shrink:0;border-radius:7px;border:2px solid #b8c4cf;background:#fff;display:grid;place-items:center;font-size:1rem;font-weight:800;color:#fff;line-height:1}.item.checked .tick{background:var(--ok);border-color:var(--ok)}.item.checked .tick:after{content:"✓"}.item.restocked .tick{background:var(--ok);border-color:var(--ok)}.item.restocked .tick:after{content:"✓"}.item.oos .tick{background:var(--danger);border-color:var(--danger)}.item.oos .tick:after{content:"–"}.item.short .tick{border-color:var(--warn)}.item .thumb{width:40px;height:40px;flex-shrink:0;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;padding:0;cursor:pointer;overflow:hidden;font-size:1rem}.item .thumb img{width:100%;height:100%;object-fit:contain;display:block}.item .thumb.empty{border:0;background:none}.item .thumb.noimg:after{content:"🔍"}@media(max-width:420px){.item{gap:.5rem;padding-left:.7rem;padding-right:.7rem}.item .thumb{width:36px;height:36px}.stepper button{width:36px}.stepper .val{width:38px}}.item .thumb:active{border-color:var(--accent)}.item .label{flex:1;min-width:0}.item .label .nm{font-size:.98rem}.item .label .req{font-size:.78rem;color:var(--muted)}.item.checked .label .nm{color:var(--ok)}.item.sub{padding-left:2.1rem;border-top-style:dashed}.item.sub .label .nm:before{content:"↳ ";color:var(--muted)}.item.short .label .nm{color:var(--warn)}.item.oos .label .nm{color:var(--danger)}.stepper{display:flex;align-items:center;gap:0;flex-shrink:0}.stepper button{width:40px;height:40px;border:1px solid var(--line);background:#fff;font-size:1.25rem;cursor:pointer;line-height:1;padding:0}.stepper button:first-child{border-radius:8px 0 0 8px}.stepper button:last-child{border-radius:0 8px 8px 0}.stepper .val{width:44px;height:40px;display:grid;place-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;font-variant-numeric:tabular-nums}.stepper .val.zero{color:var(--muted);font-weight:400}.stepper.small button{width:34px;height:34px;font-size:1.1rem}.stepper.small .val{width:36px;height:34px}.item .tag{font-size:.76rem;font-weight:700;border-radius:6px;padding:.35rem .55rem;border:0;cursor:pointer;white-space:nowrap}.item .tag.restocked{background:#dcefe2;color:var(--ok)}.item .tag.oos{background:#fbdde2;color:var(--danger)}.run-bar{position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--panel);border-top:1px solid var(--line);padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.6rem}.run-bar .btn{flex:1;max-width:640px;margin:0 auto}.run-bar .pill{font-size:.8rem;font-weight:700;border-radius:999px;padding:.3rem .65rem;white-space:nowrap}.run-bar .pill.short{background:#fbdde2;color:var(--danger)}.sheet.review h2{margin-bottom:.3rem}.review-area{margin-top:.8rem}.review-area-name{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-bottom:.25rem;border-bottom:1px solid var(--line)}.review-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid #eef2f5;flex-wrap:wrap}.review-row .nm{flex:1 1 10rem;min-width:0;font-weight:600}.review-row .nm .where{font-size:.76rem;color:var(--muted);font-weight:400}.review-row .acts{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sum{list-style:none;padding:0;margin:0 0 .4rem}.sum li{padding:.45rem 0 .45rem 1.6rem;border-bottom:1px solid #eef2f5;position:relative}.sum li:before{position:absolute;left:.1rem;top:.4rem;font-weight:800}.sum li.ok:before{content:"✓";color:var(--ok)}.sum li.bad:before{content:"!";color:var(--danger)}.sum li.bad{color:var(--danger)}.sum li.warn:before{content:"!";color:var(--warn)}.sum li.warn{color:var(--warn)}.sum li.seal:before{content:"🔒";font-size:.8rem;top:.5rem}.sum li.who{color:var(--muted);font-size:.9rem}.sum li.who:before{content:""}details.report{margin:.6rem 0 0}details.report summary{cursor:pointer;color:var(--muted);font-size:.88rem;padding:.3rem 0}details.report .report-pre{margin-top:.4rem}.card.next{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.card.next .nm{flex:1;font-weight:700}.done-all{margin:.8rem 0}.sk{background:#e3e9ee;border-radius:6px;height:.85rem;margin:.5rem 0;animation:sk-pulse 1.2s ease-in-out infinite}.sk.h1{height:1.4rem;margin-top:.7rem}.sk.sk-area{height:3.2rem;border-radius:var(--radius);margin:.7rem 0}.sk.sk-area.tall{height:14rem}.sk.w30{width:30%}.sk.w45{width:45%}.sk.w55{width:55%}.sk-text{visibility:hidden}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.sk{animation:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141e80;display:grid;place-items:end center;z-index:50}@media(min-width:700px){.overlay{place-items:center}}.sheet{background:var(--panel);border-radius:16px 16px 0 0;width:100%;max-width:700px;max-height:88vh;overflow-y:auto;padding:1.1rem 1.1rem 1.5rem}@media(min-width:700px){.sheet{border-radius:14px}}.sheet h2{margin:0 0 .9rem;font-size:1.1rem}.sheet .actions{display:flex;gap:.6rem;margin-top:1.1rem}.sheet .actions .btn{flex:1}.shortage-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #eef2f5}.shortage-row .qty{font-weight:800;color:var(--danger);min-width:2.6rem}.shortage-row .qty.handled{color:var(--muted);text-decoration:line-through}.shortage-row .nm{flex:1;min-width:0}.shortage-row .nm .where{font-size:.76rem;color:var(--muted)}.reason-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.reason-btns .btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.report-pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:#f5f8fa;border:1px solid var(--line);border-radius:8px;padding:.9rem;line-height:1.5}.status-chip{font-size:.78rem;font-weight:700;border-radius:999px;padding:.15rem .6rem}.status-chip.idle{background:#e6ebf0;color:var(--muted)}.status-chip.progress{background:#f8ecd2;color:var(--warn)}.status-chip.done{background:#dcefe2;color:var(--ok)}.prod-hint{margin-left:.35rem;font-size:.8em;opacity:.55}.prod-sheet{text-align:center}.prod-img{max-width:100%;max-height:45vh;object-fit:contain;border-radius:10px;background:#fff;margin-bottom:.6rem}.prod-name{font-weight:600;margin-bottom:.15rem}.prod-list{text-align:left}.prod-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line, #e5e7eb);color:inherit;text-decoration:none}.prod-row:last-of-type{border-bottom:0}.prod-img.small{width:56px;height:56px;max-height:none;margin:0;flex-shrink:0}.prod-row .grow{flex:1;min-width:0}.topbar-logo{height:26px;max-width:80px;object-fit:contain;background:#fff;border-radius:4px;padding:2px;flex:none}.company-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.company-head h1{font-size:1.3rem}.company-logo{max-height:56px;max-width:110px;object-fit:contain;border-radius:6px;background:#fff;padding:3px}.page code{background:#1a2c3d;padding:.1rem .3rem;border-radius:4px}.signin-found{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:8px;background:#f2f7f2}.signin-or{text-align:center;margin:.2rem 0 .7rem}
