:root{--bg:#0f172a;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--red:#dc2626;--amber:#d97706;--blue:#2563eb;--card:#fff;--soft:#f1f5f9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;min-height:100%;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#e2e8f0;color:var(--ink)}.center{align-items:center;justify-content:center;color:var(--muted)}#app,.center{display:flex;min-height:100vh}#app{max-width:460px;margin:0 auto;background:#eef2f7;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.15)}header{background:var(--bg);color:#fff;padding:10px 12px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.htop{display:flex;align-items:center;gap:10px}.brand{font-weight:800;font-size:16px;letter-spacing:.5px}.brand small{font-weight:400;color:#94a3b8;font-size:11px;letter-spacing:0}.brand.big{font-size:26px}.brand{display:inline-flex;align-items:center;gap:7px}.brand .logo{height:26px;width:26px;object-fit:contain}.brand.big .logo{height:54px;width:54px}.spacer{flex:1 1}.link{background:none;color:#94a3b8;font-weight:600;padding:6px}.link,.scanbtn{border:none;font-size:13px}.scanbtn{background:var(--blue);color:#fff;border-radius:8px;padding:7px 12px;font-weight:700}.seg{display:flex;background:#0b1220;border-radius:9px;padding:3px;margin-top:8px}.seg button{flex:1 1;background:none;border:none;color:#94a3b8;padding:7px 0;border-radius:7px;font-weight:600;font-size:12px}.seg button.on{background:var(--blue);color:#fff}.who{font-size:11px;color:#94a3b8;margin-top:8px}.who b{color:#fff}.stats{display:flex;gap:6px;padding:8px 10px;background:#dde5ee;font-size:11px;color:#475569}.stats div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 9px;flex:1 1;text-align:center}.stats b{display:block;color:var(--ink);font-size:15px}.stats .g b{color:var(--green)}.board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;flex:1 1;padding:10px 0 70px}.board::-webkit-scrollbar{display:none}.col{flex:0 0 88%;scroll-snap-align:center;padding:0 6px;display:flex;flex-direction:column}.colhead{background:#fff;border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0;padding:10px 12px}.colhead.down{background:#fef2f2;border-color:#fecaca}.colhead.hold{background:#fffbeb}.op{font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.op .cnt{background:#e2e8f0;color:#475569;border-radius:12px;padding:1px 9px;font-size:12px;font-weight:700}.mach{font-size:12px;color:var(--muted);margin-top:1px}.spill{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;margin-top:6px;letter-spacing:.3px}.spill.OPEN{background:#dcfce7;color:#166534}.spill.DOWN{background:#fee2e2;color:#991b1b}.spill.BOOKED{background:#fef3c7;color:#92400e}.colbody{background:#f8fafc;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:8px;flex:1 1;min-height:120px}.empty-col{text-align:center;color:#cbd5e1;padding:14px;font-size:13px}.col.dragover .colbody{outline:2px dashed var(--blue);outline-offset:-3px;background:#eff6ff}.card[draggable=true]{cursor:-webkit-grab;cursor:grab}.card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.card{background:var(--card);border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:9px;padding:10px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.card.incoming{border-left-color:#595959}.card.on_deck{border-left-color:#60a5fa}.card.on_machine{border-left-color:var(--green)}.card.on_machine_approved{border-left-color:#6e339e}.card.problem{border-left-color:#f2944b}.card.complete{border-left-color:#15803d}.card .so{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card .so .lines{font-weight:700;background:#e2e8f0;color:#475569}.card .so .lines,.card .so .rank{font-size:10px;border-radius:6px;padding:1px 6px}.card .so .rank{font-weight:800;background:#2563eb;color:#fff}.card .cust{font-size:13px;font-weight:600;color:#334155}.card .desc{font-size:11px;color:var(--muted);margin:2px 0 5px}.card .foot{display:flex;justify-content:space-between;align-items:center;font-size:11px}.stat{font-weight:800;font-size:11px;padding:2px 8px;border-radius:20px}.stat.incoming{background:#595959;color:#fff}.stat.on_deck{background:#e2e8f0;color:#475569}.stat.on_machine{background:#dcfce7;color:#166534}.stat.on_machine_approved{background:#ede9fe;color:#5b21b6}.stat.problem{background:#ffedd5;color:#9a3412}.stat.complete{background:#334155;color:#fff}.card .eta{font-weight:700;color:var(--muted)}.scrim{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:50;display:none}.scrim.show{display:block}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-radius:18px 18px 0 0;max-width:460px;margin:0 auto;max-height:88%;overflow:auto;padding:8px 16px 24px}.sheet.show{display:block}.grab{width:40px;height:4px;background:#cbd5e1;border-radius:3px;margin:8px auto 12px}.sheet h3{margin:0 0 2px;font-size:18px}.sheet .sub{color:var(--muted);font-size:12px;margin:0 0 10px}.detail{background:var(--soft);border-radius:11px;padding:12px;margin-bottom:10px;font-size:13px}.detail div{display:flex;justify-content:space-between;padding:2px 0;gap:14px}.detail span:first-child{color:var(--muted);flex:0 0 auto}.detail b{text-align:right}.viewonly{background:#eef2f7;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;font-size:13px;color:#475569;text-align:center;margin-bottom:10px}.primary{width:100%;background:var(--blue);color:#fff;border:none;padding:13px;border-radius:11px;font-weight:700;font-size:15px}.primary:disabled{opacity:.6}.act{display:block;width:100%;background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:13px 14px;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--ink);text-align:left}.act:disabled{opacity:.5}.act.green{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.act.amber{background:#fffbeb;border-color:#fde68a;color:#92400e}.act.red{background:#fef2f2;border-color:#fecaca;color:#991b1b}.swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.15);vertical-align:middle;margin-right:6px}.stationpick button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:6px;font-size:14px;font-weight:600;text-align:left;color:var(--ink)}.sheet label{display:block;font-size:12px;font-weight:700;color:#475569;margin:10px 0 4px}.sheet input,.sheet select,.sheet textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;font-size:16px;font-family:inherit;background:#fff}.sheet .err{color:var(--red);font-size:13px;margin:10px 0 0}.row2{display:flex;gap:10px}.row2>div,.sales{flex:1 1}.sales{padding:12px}.sales h2{margin:0 0 2px;font-size:18px}.sales p{margin:0;color:var(--muted);font-size:12px}.chan{display:flex;gap:6px;margin:10px 0 0}.chan button{flex:1 1;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px;font-size:12px;font-weight:700;color:#475569}.chan button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sales input{width:100%;padding:12px 14px;font-size:16px;border:2px solid #cbd5e1;border-radius:10px;margin:10px 0}.sales input:focus{outline:none;border-color:var(--blue)}.empty{text-align:center;color:var(--muted);padding:30px}.scard{margin-bottom:9px}.srow{border-radius:10px;padding:11px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08)}.srow .top{display:flex;justify-content:space-between;align-items:center}.srow .so{font-weight:800;font-size:15px}.srow .lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:hsla(0,0%,100%,.45);border-radius:20px;padding:2px 8px}.srow .cust{font-size:13px;font-weight:600;margin-top:2px}.srow .desc{font-size:11px;opacity:.8;margin:1px 0 5px}.srow .where{font-size:12px;font-weight:600}.srow .chev{float:right;font-weight:800}.queue{background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px;padding:10px 12px;margin-top:-1px}.qhead{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:6px 0 4px}.qhead:first-child{margin-top:0}.qrow{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.qrow.mine{background:#eff6ff;border-radius:7px;padding:5px 7px;font-weight:700}.qrow .dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.qrow .qso{font-weight:700;flex:1 1}.qrow .qdue{color:var(--muted);font-weight:600}.qnote{font-size:12px;color:var(--muted);padding:3px 0}.qnote.behind{color:#b45309;font-weight:600;margin-top:6px;background:#fffbeb;border-radius:7px;padding:7px 9px}@media (min-width:760px){#app{max-width:1180px}.seg{max-width:360px}.stats{max-width:540px}.board{scroll-snap-type:none;padding-bottom:24px}.col{flex:0 0 246px}.sales{padding:18px 24px}.sales input{max-width:560px}.chan{max-width:380px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:12px;gap:12px;align-items:start}.results .empty{grid-column:1/-1}.scard{margin-bottom:0}.sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:16px;max-height:84vh}}.login{max-width:360px;margin:0 auto;padding:48px 22px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.login .brand{color:var(--ink);margin-bottom:24px}.login .brand small{color:var(--muted)}.login form{width:100%}.login label{display:block;font-size:12px;font-weight:700;color:#475569;margin:10px 0 4px}.login input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font-size:16px}.login .primary{margin-top:16px}.err{color:var(--red);font-size:13px;margin-top:10px}.hint{color:var(--muted);font-size:12px;text-align:center;margin-top:18px}