/* Arca Warehouse: driver (kiosk) screen. Big targets, readable from a step back. Uses the tokens in style.css. */
body.driver{font-size:20px;transition:background-color .25s}
body.driver[data-flash="ok"]{background:var(--ok)}
body.driver[data-flash="bad"]{background:var(--bad)}

.dbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--card);border-bottom:1px solid var(--bd)}
.dbar-title{font-size:26px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbar-btn{font-size:18px;padding:12px 18px;white-space:nowrap}
.who-btn{background:var(--soft);border-color:var(--soft);color:var(--ac);font-weight:600}
.who-btn.missing{background:var(--warnbg);border-color:var(--warn);color:var(--warn)}

.dmain{max-width:1280px;margin:0 auto;padding:16px 18px 60px}
.scanrow{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}
#scanInput{flex:1;min-width:280px;margin:0;font-size:30px;font-weight:600;padding:16px 18px;border:3px solid var(--ac);background:var(--card);border-radius:14px}
.jobbar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:14px;background:var(--warnbg);color:var(--warn);font-size:18px}
.jobbar b{font-size:28px;font-weight:700;letter-spacing:.02em}
.jobbar.set{background:var(--soft);color:var(--tx)}
.dhint{color:var(--mu);font-size:18px;margin:10px 2px 14px}

.dres{padding:22px 24px;border-radius:16px;margin-bottom:14px;border-left:12px solid;font-size:36px;font-weight:700;line-height:1.2}
.dres small{display:block;font-size:22px;font-weight:500;margin-top:8px}
.dres.ok{background:var(--okbg);color:var(--ok);border-color:var(--ok)}
.dres.bad{background:var(--badbg);color:var(--bad);border-color:var(--bad)}
.dres.info{background:var(--soft);color:var(--tx);border-color:var(--ac)}

.home{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home button{font:inherit;text-align:left;min-height:180px;padding:22px;border-radius:18px;border:2px solid var(--bd);background:var(--card);color:var(--tx);cursor:pointer;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.home button:hover,.home button:active{border-color:var(--ac)}
.home button b{font-size:30px;font-weight:600;line-height:1.15}
.home button span{font-size:17px;color:var(--mu)}
.home button[data-mode="out"]{background:var(--ac);border-color:var(--ac);color:#fff}
.home button[data-mode="out"] span{color:#fff;opacity:.85}
@media(max-width:900px){.home{grid-template-columns:repeat(2,1fr)}}

.btn.big{font-size:22px;font-weight:600;padding:18px 22px;min-height:64px}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0 16px}
.choices button{font:inherit;font-size:22px;font-weight:600;text-align:left;min-height:84px;padding:14px 18px;border-radius:14px;border:2px solid var(--bd);background:var(--card);color:var(--tx);cursor:pointer}
.choices button span{display:block;font-size:16px;font-weight:400;color:var(--mu)}
.choices button.active{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.choices button.active span{color:var(--bg);opacity:.8}
.choices button:disabled{opacity:.45;cursor:not-allowed}
.btn.big.active{background:var(--bad);border-color:var(--bad);color:#fff}
.qtyrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 16px}
.qtynum{font-size:54px;font-weight:700;min-width:90px;text-align:center}
.undo{margin-top:12px;border-color:var(--warn);background:var(--warnbg);color:var(--warn)}
.ask{border:3px solid var(--warn)}
.ask h2{font-size:28px;margin-top:0}

.checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}
.checkgrid div{background:var(--field);border-radius:12px;padding:12px 14px}
.checkgrid span{display:block;font-size:14px;color:var(--mu)}
.checkgrid b{font-size:22px;font-weight:600}
body.driver .log li{font-size:17px;grid-template-columns:90px 1fr}

.overlay{position:fixed;inset:0;z-index:50;background:rgba(28,28,63,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.overlay-card{max-width:760px;width:100%;padding:28px;margin:0}
.overlay-card h1{font-size:32px;margin-top:0}
.overlay-foot{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;font-size:15px}