:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef1f4;--text:#1c2330;--muted:#667085;--border:#dde1e7;--accent:#1f6f5c;--accent-text:#fff;--accent-soft:#e3f2ed;--warn:#9a5b00;--warn-soft:#fff1d6;--danger:#b42318;--danger-soft:#fde8e7;--radius:14px;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--bg:#101419;--surface:#1a2029;--surface-2:#242c37;--text:#e6e9ef;--muted:#98a2b3;--border:#2f3946;--accent:#4fb89c;--accent-text:#0b1512;--accent-soft:#173229;--warn:#f0b95c;--warn-soft:#3a2c12;--danger:#f97066;--danger-soft:#3b1714}}*{box-sizing:border-box}body{background:var(--bg);overscroll-behavior-y:contain;margin:0;line-height:1.45}h1{margin:.25rem 0 .5rem;font-size:1.35rem}h2{margin:0 0 .6rem;font-size:1.05rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1rem 0 .4rem;font-size:.85rem}p{margin:.4rem 0}.muted{color:var(--muted)}.small{font-size:.82rem}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.error{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:.6rem .8rem}.error ul{margin:.3rem 0 0;padding-left:1.2rem}.banner{padding:.6rem 1rem}.banner.warn{background:var(--warn-soft);color:var(--warn)}.logo{width:100%;max-width:260px;height:auto;margin:0 auto 4px;display:block}.app,.screen{max-width:640px;margin:0 auto}.screen{padding:12px 16px calc(96px + env(safe-area-inset-bottom))}.topbar{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.topbar.sticky{z-index:5;background:var(--bg);position:sticky;top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.card.narrow{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.card.narrow h1{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}label{color:var(--muted);flex-direction:column;gap:4px;margin:6px 0;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px}label.compact{margin:0}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;min-height:46px;padding:.6rem .7rem;font-size:16px}textarea{resize:vertical}input[type=checkbox]{width:22px;height:22px;min-height:auto;accent-color:var(--accent)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;min-height:46px;padding:.6rem 1rem}button:disabled{opacity:.5}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.secondary{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}button.ghost{background:0 0;border-color:#0000}button.ghost.small,button.small{min-height:36px;padding:.3rem .6rem;font-size:.9rem}button.big{width:100%;min-height:54px;font-size:1.05rem}button.link{min-height:auto;color:inherit;background:0 0;border:none;padding:0;text-decoration:underline}button.danger{color:var(--danger);width:100%}.change-store{color:var(--muted);margin:-4px 0 12px;display:block}.syncbar{text-align:left;width:100%;margin-bottom:12px;font-size:.9rem}.syncbar.ok{color:var(--accent);background:var(--accent-soft);border-color:#0000}.syncbar.busy{color:var(--warn);background:var(--warn-soft);border-color:#0000}.syncbar.warn{color:var(--danger);background:var(--danger-soft);border-color:#0000}.stops{margin:0;padding:0;list-style:none}.stop{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.stops li:last-child .stop{border-bottom:none}.stop .check{border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.stop.done .check{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.stop.queued .check{border-color:var(--warn);color:var(--warn)}.stop.draft .check{border-color:var(--accent);color:var(--accent)}.stop-text{flex-direction:column;flex:1;min-width:0;display:flex}.stop.done .status-text{color:var(--accent)}.stop.queued .status-text{color:var(--warn)}.gps{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;display:flex}.gps.good{background:var(--accent-soft);color:var(--accent)}.gps.rough{background:var(--warn-soft);color:var(--warn)}.gps p{flex-basis:100%;margin:0}.facts{gap:4px;margin:8px 0 0;display:grid}.facts>div{justify-content:space-between;gap:12px;display:flex}.facts dt{color:var(--muted)}.facts dd{margin:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin-top:8px;display:grid}.thumbs img,.thumb-empty{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-radius:8px;width:100%;display:block}.bottombar{z-index:10;background:var(--surface);border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar>*{width:100%;max-width:608px;margin:0 auto}.search{margin-bottom:4px}.open-all{color:var(--muted);margin:6px 0 2px auto;display:block}.group-head{background:var(--surface-2);text-align:left;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:8px;font-weight:600;display:flex}.group-meta{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:400}.group-head.complete .group-meta{color:var(--accent);font-weight:600}.product{border-bottom:1px solid var(--border);padding:6px 0}.product-row{align-items:center;gap:10px;display:flex}.product-row.simple{border-bottom:1px solid var(--border);padding:6px 0}.product-row.simple>span{flex:1}.product-name{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;min-height:44px;padding:4px 0;display:flex}.product.counted .product-name>span:first-child:before{content:"✓ ";color:var(--accent);font-weight:700}.qty{text-align:center;font-variant-numeric:tabular-nums;flex:none;width:92px;font-size:1.1rem}.product-details{grid-template-columns:1fr 1fr;gap:0 10px;padding:4px 0 8px;display:grid}.yesno{border-bottom:1px solid var(--border);padding:8px 0}.yesno-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented{border:1px solid var(--border);border-radius:12px;flex:none;display:flex;overflow:hidden}.segmented button{border:none;border-radius:0;min-width:64px}.segmented button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.followup{padding-top:4px}.checklist{flex-direction:column;gap:6px;padding:4px 0;display:flex}.checklist-body h3{margin:.8rem 0 .2rem}.checklist-item{border-bottom:1px solid var(--border);min-height:44px;margin:0}.checklist-done{width:100%;margin-top:8px}.field{margin:6px 0}.field-label{color:var(--muted);font-size:.85rem}.slot{border-top:1px solid var(--border);padding:12px 0}.slot:first-of-type{border-top:none}.slot-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px;display:grid}.tile{flex-direction:column;gap:4px;display:flex}.tile-img{aspect-ratio:1;background:var(--surface-2);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.tile-img img{object-fit:cover;width:100%;height:100%}.tile-remove{color:#fff;background:#0000008c;border:none;border-radius:50%;width:32px;min-height:32px;padding:0;position:absolute;top:6px;right:6px}.tile-tags{text-align:left;min-height:36px;padding:.3rem .5rem;font-size:.8rem}.tagpick{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:999px;min-height:34px;padding:.25rem .6rem;font-size:.8rem}.tag.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tag.on.issue{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.sigpad{border:1px dashed var(--border);touch-action:none;background:#fff;border-radius:12px;width:100%;height:180px;display:block}.progress{background:var(--surface-2);border-radius:999px;height:8px;margin:6px 0;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .3s;display:block}