:root{--ink: #2b2b2b;--paper: #f7f6f4;--line: #cfcfcf;--accent: #2a78d6;--error: #c0392b;--focus-ring: rgba(42, 120, 214, .22)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{--screen-pad: 16px;margin:0 auto;padding:var(--screen-pad)}.screen.narrow{max-width:480px}.screen.wide{max-width:1180px}:focus-visible{outline:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}button{font:inherit;color:inherit;background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:10px 16px;min-height:44px;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.link{border:none;background:none;text-decoration:underline;min-height:44px}.tiles{display:grid;gap:12px;margin-top:16px}.tiles[data-mode=kb]{grid-template-columns:repeat(4,1fr)}.tiles[data-mode=touch]{grid-template-columns:repeat(2,1fr)}.tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;font-weight:600;min-height:56px}.tile small{font-weight:400;color:#777}.staff-tile .initial{font-size:26px}.code-input{font-size:28px;letter-spacing:12px;text-transform:uppercase;text-align:center;width:100%;max-width:320px;padding:10px;border:1.5px solid var(--line);border-radius:8px;display:block;margin:16px 0}.pin-dots{display:flex;gap:18px;justify-content:center;margin:24px 0}.pin-dots .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink)}.pin-dots .dot.on{background:var(--ink)}.pin-dots.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto}.keypad button{min-height:56px;font-size:20px}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#eee;font-size:14px;margin:calc(-1 * var(--screen-pad)) calc(-1 * var(--screen-pad)) 16px;padding:8px var(--screen-pad);gap:8px;flex-wrap:wrap}.topbar .link{color:#eee}.chip{background:#555;border-radius:99px;padding:2px 10px;font-size:12px;margin-right:10px}.banner{background:#3a3a3a;color:#f2d38a;text-align:center;border-radius:6px;padding:6px}.error{color:var(--error)}.note{border:1px dashed var(--line);border-radius:8px;padding:10px;color:#555;font-size:14px}.zone-list{display:grid;gap:10px;margin:16px 0}.zone-row{display:grid;grid-template-columns:2rem 1fr auto auto;gap:14px;align-items:center;text-align:left;min-height:56px}.zone-list[data-mode=touch]{gap:14px}.zone-list[data-mode=touch] .zone-row{grid-template-columns:1fr;gap:4px;min-height:88px;padding:16px 18px}.zone-list[data-mode=touch] .zone-name{font-size:20px}.zone-list[data-mode=touch] .zone-when{text-align:left;min-width:0}.zone-row .zone-index{font-weight:700;color:#777}.zone-row .zone-name{font-weight:600}.zone-row .zone-lines{color:#555;font-size:14px}.zone-row .zone-when{color:#777;font-size:13px;min-width:11rem;text-align:right}.zone-row[data-counted-today=yes] .zone-when{color:var(--accent)}.count-grid{display:flex;flex-direction:column;min-height:100vh}.metric-bar{position:sticky;top:0;z-index:2;display:flex;gap:18px;flex-wrap:wrap;background:var(--ink);color:#eee;margin:-16px -16px 0;padding:8px 16px;font-size:14px;font-variant-numeric:tabular-nums}.metric-bar .offline{background:#f2d38a;color:var(--ink);border-radius:99px;padding:0 10px}.count-where{color:#555;font-size:14px;margin:10px 0}.count-grid table{border-collapse:collapse;width:100%}.count-grid th,.count-grid td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;font-variant-numeric:tabular-nums}.count-grid th{font-size:13px;color:#666;font-weight:600}.count-grid tr.focused{background:#fffbe9}.count-grid tr[data-status=flagged] td{background:#fff4e0}.count-grid tr[data-status=blocked] td{background:#ffecec}.count-grid input{font:inherit;width:6rem;padding:4px 6px;text-align:right;border:1.5px solid var(--line);border-radius:6px}.hint-bar{position:sticky;bottom:0;z-index:2;background:#f3f1ec;border-top:1px solid var(--line);margin:16px -16px -16px;padding:8px 16px;font-size:14px;color:#444}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;background:#00000073;z-index:3}.modal>*{background:#fff}.modal p{margin:0;padding:14px 22px;max-width:32rem;border-radius:8px}.modal .hint{color:#666;font-size:13px}.finish-modal>div{background:#fff;border-radius:10px;padding:22px 26px;max-width:34rem;display:grid;gap:10px}.finish-modal h1{margin:0;font-size:20px}.finish-modal ul{margin:0;padding-left:20px;color:#555;max-height:40vh;overflow:auto}[data-mode=touch] .finish-modal>div{max-width:none;width:min(100%,34rem);padding:22px;gap:14px}[data-mode=touch] .finish-modal button{min-height:60px;font-size:17px}[data-mode=touch] .finish-modal [data-testid=finish-zero]{font-weight:600;border-width:2px}[data-mode=touch][data-screen=s07] button{min-height:60px;font-size:17px}[data-mode=touch][data-screen=s07] dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin:16px 0 24px}.count-pad{display:flex;flex-direction:column;min-height:100vh}.pad-head{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--ink);color:#eee;margin:-16px -16px 0;padding:12px 16px}.pad-head .offline{background:#f2d38a;color:var(--ink);border-radius:99px;padding:2px 12px}.pad-rows{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.pad-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-height:72px;background:#fff}.pad-row.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.pad-row[data-status=flagged]{background:#fff4e0}.pad-row[data-status=blocked]{background:#ffecec}.pad-name{display:flex;flex-direction:column;gap:2px;font-weight:600}.pad-name small{font-weight:400;color:#777}.pad-open,.pad-total,.pad-status{font-variant-numeric:tabular-nums;color:#555}.qty-chip{min-width:92px;min-height:56px;font-size:22px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.pad-finish{margin:18px 0 0;min-height:56px;font-size:18px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;background:#00000073;z-index:4}.sheet>div{background:#fff;border-radius:16px 16px 0 0;padding:18px 18px 24px;display:grid;gap:12px;max-height:88vh;overflow:auto}.sheet p{margin:0}.sheet-primary{min-height:60px;font-size:18px;font-weight:600;border-width:2px}.sheet-secondary{min-height:56px;font-size:16px;color:#555}.keypad-dock{position:fixed;left:0;right:0;bottom:0;z-index:4}.keypad-dock>div{background:#fff;border-top:1.5px solid var(--ink);border-radius:16px 16px 0 0;padding:14px 18px 20px;display:grid;gap:10px;box-shadow:0 -6px 20px #0000002e;max-height:68vh;overflow:auto}.keypad-dock p{margin:0}.pad-rows[data-docked=yes]{padding-bottom:68vh}.keypad-label{display:flex;flex-direction:column;gap:2px}.keypad-label small{color:#777}.keypad-value{font-size:34px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;border-bottom:2px solid var(--line);padding-bottom:6px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{min-height:62px;font-size:24px}.dispatch-tools{display:flex;gap:12px;align-items:center;margin:12px 0}.dispatch-tools input{font:inherit;padding:8px 10px;min-width:18rem;border:1.5px solid var(--line);border-radius:8px}.dispatch-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.dispatch-picker button{padding:8px 12px;min-height:44px}.dispatch-lines{border-collapse:collapse;width:100%}.dispatch-lines th,.dispatch-lines td{border-bottom:1px solid var(--line);padding:8px;text-align:left}.dispatch-lines tr[data-problem=yes] td{background:#fff4e0}.dispatch-lines input{font:inherit;width:7rem;padding:6px;text-align:right;border:1.5px solid var(--line);border-radius:6px}.stepper{display:flex;gap:8px;align-items:center}.stepper button{min-width:44px;min-height:44px;font-size:18px}button.primary{min-height:52px;font-weight:600;border-width:2px;margin-top:16px}.discrepancy-picks{display:flex;gap:8px}.discrepancy-picks button{min-height:56px;min-width:84px}.discrepancy-picks button.chosen{border-width:2px;background:#fff4e0;font-weight:600}.arrived{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.arrived>span:first-child{font-size:22px;font-variant-numeric:tabular-nums;min-width:3rem;text-align:right}.keypad-inline{display:flex;flex-wrap:wrap;gap:6px;max-width:22rem}.keypad-inline button{min-width:56px;min-height:56px;font-size:18px}.waste{display:grid;gap:14px;align-content:start}.waste-reasons{grid-template-columns:repeat(2,1fr)}.waste-reasons .tile{min-height:88px;font-size:18px;font-weight:600}@media(min-width:900px){.waste-reasons{grid-template-columns:repeat(4,1fr)}}.waste-search{font:inherit;font-size:18px;padding:12px 14px;min-height:56px;border:1.5px solid var(--line);border-radius:10px}.waste-items{display:grid;gap:10px;max-height:52vh;overflow:auto}.waste-item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;text-align:left;min-height:64px;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff}.waste-item-name{font-weight:600;font-size:17px}.waste-item-format{color:#555}.waste-item-zone{grid-column:1 / -1;color:#777;font-size:13px}.waste [data-testid=temp-form]{display:grid;gap:12px}.waste [data-testid=temp-form] input{font:inherit;font-size:18px;padding:12px 14px;min-height:56px;border:1.5px solid var(--line);border-radius:10px}.waste-keypad{max-width:340px}.production{display:grid;gap:16px;align-content:start}.production input[type=text],.production input:not([type]){font:inherit;padding:8px 10px;min-width:18rem;border:1.5px solid var(--line);border-radius:8px}.field{display:grid;gap:6px;font-weight:600;max-width:24rem}.field input{font:inherit;font-size:20px;padding:10px 12px;min-height:48px;border:1.5px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums}.field.inline{display:flex;align-items:center;gap:10px;font-weight:400}.field.inline input{min-height:24px;width:auto}.production-plan{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:56vh;overflow:auto}.production-plan button{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;width:100%;text-align:left;min-height:48px;padding:10px 14px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.production-plan button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.make-name{font-weight:600}.make-recipe{color:#555;font-size:14px}.make-today{color:var(--accent);font-size:13px}.recipe-card{border-collapse:collapse;max-width:34rem}.recipe-card caption{text-align:left;font-weight:600;padding-bottom:8px}.recipe-card td{border-bottom:1px solid var(--line);padding:6px 12px 6px 0}.recipe-card td.num{text-align:right;font-variant-numeric:tabular-nums}.recipe-card tr[data-resolves=no] td{background:#fff4e0}.pack-tiles{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.pack-tiles .tile{display:grid;gap:4px;min-height:72px}.pack-tiles .tile small{color:#777;font-weight:400}.pack-tiles .tile[data-chosen=yes]{border-width:2px;border-color:var(--accent);background:#fff8ec}.cash{display:grid;gap:14px;align-content:start}.cash-block{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;background:#fafafa}.cash-block dt{color:#555}.cash-block dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.cash-as-of{color:#777;font-size:13px;margin:-6px 0 0}.cash-count{display:grid;gap:10px}.cash-variance{text-align:right;font-size:18px;font-weight:600;margin:0;color:#b0552b}.cash-variance[data-over=yes]{color:#2b6b3f}.cash-why{margin:0 0 4px;grid-column:1 / -1;font-weight:600}.cash-reasons{grid-template-columns:repeat(2,1fr)}.cash-reasons .tile{min-height:64px;font-size:16px}.cash-reasons .tile[data-chosen=yes]{border-width:2px;border-color:var(--accent);background:#fff8ec;font-weight:600}.goods-in{display:grid;gap:16px;align-content:start}.supplier-tiles{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.supplier-tiles .tile{min-height:72px;font-size:17px;font-weight:600}.goods-photos{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}.goods-photos li{display:grid;gap:6px;justify-items:center}.goods-photos img{width:8rem;height:8rem;object-fit:cover;border:1.5px solid var(--line);border-radius:8px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dashboard{display:grid;gap:18px;align-content:start}.dashboard h2{margin:8px 0 0;font-size:17px}.metric-tiles{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.metric-tiles li{display:grid;gap:4px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff}.metric-label{color:#555;font-size:14px}.metric-value{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}[data-no-position] .metric-value{font-size:15px;font-weight:500;color:#6b6b6b}.metric-freshness{display:flex;align-items:center;gap:6px;color:#777;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;flex:none;background:#999}.dot[data-freshness=FRESH]{background:#2b6b3f}.dot[data-freshness=STALE]{background:#b08a2b}.dot[data-freshness=OLD]{background:#a5352b}.attention{list-style:none;margin:0;padding:0;display:grid;gap:8px}.attention li{display:grid;grid-template-columns:4rem 1fr auto auto;gap:12px;align-items:baseline;padding:10px 14px;border-left:4px solid var(--line);border-radius:0 8px 8px 0;background:#fafafa}.attention li[data-severity=HIGH]{border-left-color:#a5352b;background:#fdf2f1}.attention li[data-severity=MED]{border-left-color:#b08a2b;background:#fdf8ee}.flag-severity{font-size:12px;font-weight:700;color:#555}.flag-code{font-weight:600}.flag-subject,.flag-date{color:#777;font-size:13px}.flag-answer{display:flex;gap:8px}.flag-answer button{min-height:44px;padding:0 12px;font-size:14px}.doors{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.doors .tile{min-height:64px;font-size:16px;font-weight:600}.drill{border-collapse:collapse;width:100%;max-width:48rem}.drill th,.drill td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}.drill td.num{text-align:right;font-variant-numeric:tabular-nums}.drill td:last-child{display:flex;align-items:center;gap:6px;color:#666}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:6px}.timeline li{display:grid;grid-template-columns:4rem 9rem 1fr 7rem 8rem auto;gap:12px;align-items:baseline;padding:8px 10px;border-bottom:1px solid var(--line)}.event-when{font-variant-numeric:tabular-nums;color:#555}.event-type{color:#555;font-size:13px}.event-qty{text-align:right;font-variant-numeric:tabular-nums}.event-who{color:#777;font-size:13px}.conflict-banner{width:100%;text-align:left;min-height:56px;padding:12px 16px;border:2px solid #a5352b;border-radius:10px;background:#fdf2f1;font-weight:600;font-size:16px}.conflicts{list-style:none;margin:0;padding:0;display:grid;gap:18px}.conflicts>li{display:grid;gap:10px;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px}.conflict-key{margin:0;color:#555;font-size:14px}.candidates{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.candidate{display:grid;gap:4px;padding:12px 14px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.candidate-qty{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.candidate-who{font-weight:600}.candidate-device,.candidate-when{color:#777;font-size:13px}.candidate button{min-height:48px;margin-top:6px}.no-position{border:2px solid #c8a24a;border-radius:8px;padding:10px 12px;margin:8px 0}.no-position h3{margin:0 0 6px;font-size:15px}.no-position ul{list-style:none;margin:0;padding:0}.no-position li{display:flex;gap:10px;align-items:center;min-height:44px}.no-position .zone-code{color:#6b6b6b;font-variant-numeric:tabular-nums}.no-position .zone-hint{color:#6b6b6b;font-style:italic}.no-position button{min-height:44px;padding:0 14px}.note.clamped,.note.history{border-left:3px solid #c8a24a;padding-left:8px}.banner.failed{display:block;width:100%;min-height:44px;text-align:left;border:2px solid #a33;background:#fff4f4;color:#7a1c1c;border-radius:8px;padding:10px 12px;font-size:16px;cursor:pointer}.failed-queue{list-style:none;margin:0;padding:0}.failed-queue li{display:grid;grid-template-columns:1fr 2fr auto auto;gap:10px;align-items:center;min-height:56px;border-bottom:1px solid #e2e2e2}.failed-queue .failed-what{font-weight:600}.failed-queue .failed-code{color:#6b6b6b;font-size:13px}.failed-queue button{min-height:44px;padding:0 16px}@media(max-width:560px){.attention li,.timeline li,.failed-queue li,.drill td:last-child{grid-template-columns:1fr;display:grid;gap:4px}.no-position li{flex-wrap:wrap;align-items:flex-start}.drill th,.drill td{padding:6px}.drill{display:block;overflow-x:auto}.screen{--screen-pad: 12px}}