:root{--ink: #F3EBDD;--muted: #9b948a;--paper: #0b0906;--surface: #171310;--dark: #050505;--gold: #F5B800;--line: #2b2621;--disp: "Bebas Neue", sans-serif;--body: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column}.loading,.empty{color:var(--muted);padding:2rem;text-align:center}.brand{font-family:var(--disp);font-size:1.6rem;letter-spacing:.04em}.brand span{color:var(--gold)}.mid{margin:auto;text-align:center;padding:2rem;display:grid;gap:1rem;max-width:360px}.mid h1{font-family:var(--disp);font-weight:400}.login{display:grid;gap:.7rem}.login input,.login button{padding:.9rem 1rem;border-radius:12px;font:inherit;font-size:1rem;border:1px solid var(--line);background:var(--dark);color:var(--ink)}.login button{background:var(--gold);color:var(--dark);font-weight:800;border:0;cursor:pointer}.err{color:#f88;font-size:.9rem}.bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--dark);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.clock{margin-left:auto;font-family:var(--disp);font-size:1.4rem;color:var(--muted)}.ghost{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.45rem .9rem;cursor:pointer;font:inherit;font-size:.85rem}.board{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);min-height:0}.lane{background:var(--paper);display:flex;flex-direction:column;min-height:0}.lane>h2{font-family:var(--disp);font-weight:400;font-size:1.5rem;letter-spacing:.05em;padding:.6rem 1rem;border-bottom:1px solid var(--line);text-transform:uppercase;position:sticky;top:0;background:var(--paper);z-index:2}.lane>h2 span{color:var(--gold)}.lane-body{flex:1;overflow-y:auto;padding:.8rem;display:grid;gap:.8rem;align-content:start}.ord{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:.8rem .9rem;display:grid;gap:.5rem}.ord.warm{border-left-color:#f0a020}.ord.hot{border-left-color:#e0392b;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e0392b66}50%{box-shadow:0 0 0 6px #e0392b00}}.ord-h{display:flex;justify-content:space-between;align-items:baseline}.ord-h strong{font-family:var(--disp);font-weight:400;font-size:1.7rem;letter-spacing:.02em}.ord-h .time{font-weight:800;color:var(--muted)}.ord.warm .time{color:#f0a020}.ord.hot .time{color:#ff6b5e}.ord-meta{font-size:.82rem;color:var(--muted);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.chan{background:var(--gold);color:var(--dark);font-weight:800;font-size:.62rem;padding:.1rem .4rem;border-radius:4px;letter-spacing:.05em}.ord-cust{font-weight:700;font-size:.95rem}.ord-items{list-style:none;display:grid;gap:.45rem}.ord-items li{display:flex;gap:.5rem;font-size:1.02rem;line-height:1.25}.ord-items .q{font-weight:800;color:var(--gold);flex:0 0 auto}.ord-items .n{font-weight:600}.ord-items em{display:block;font-style:normal;font-size:.82rem;font-weight:400}.ord-items .rm{color:#ff8f84;text-transform:uppercase;letter-spacing:.02em}.ord-items .ad{color:var(--gold)}.ord-items .nt{color:var(--muted)}.ord-note{font-size:.85rem;background:var(--dark);border-radius:8px;padding:.4rem .6rem}.ord-actions{display:grid;grid-template-columns:auto 1fr;gap:.5rem;margin-top:.2rem}.ord-actions .go{border:0;border-radius:10px;background:var(--gold);color:var(--dark);font:800 1rem/1 var(--body);padding:.8rem;cursor:pointer}.ord-actions .sm{padding:.5rem .7rem;font-size:1rem}@media(max-width:820px){.board{grid-template-columns:1fr;grid-auto-rows:min-content}.lane{max-height:none}.lane-body{max-height:60vh}}.conn{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted)}.conn i{width:8px;height:8px;border-radius:999px;background:#43c463;box-shadow:0 0 6px #43c463}.conn.off i{background:#e0392b;box-shadow:0 0 6px #e0392b;animation:pulse 1.2s infinite}.ord-h{cursor:grab;touch-action:none}.ord.dragging{opacity:.85;transform:scale(1.02);cursor:grabbing;box-shadow:0 12px 30px #00000080}.ord.has-round{border-left-color:#43c463}.round-flag{width:100%;border:0;border-radius:8px;cursor:pointer;background:#43c46329;color:#7ee29a;font:700 .8rem/1.2 var(--body);padding:.5rem .6rem;text-align:left}.ord-items .it{position:relative}.ord-items .it-new{background:#43c4631a;border-radius:6px;padding:.15rem .3rem;margin:-.15rem -.3rem}.ord-items .it-void{opacity:.55;text-decoration:line-through}.ord-items .it.struck .n{opacity:.35;text-decoration:line-through}.tag{position:absolute;right:0;top:0;font:800 .58rem/1 var(--body);letter-spacing:.05em;background:#43c463;color:#04210f;padding:.12rem .32rem;border-radius:4px}.tag-void{background:#e0392b;color:#fff}[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050505db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-box{text-align:center;display:grid;gap:.6rem}.overlay-box h2{font-family:var(--disp);font-weight:400;font-size:2rem;color:#e0392b}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);z-index:40;background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-12px 0 40px #00000080}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.drawer-head h3{font-family:var(--disp);font-weight:400;letter-spacing:.04em}.drawer-body{flex:1;overflow-y:auto;padding:.8rem;display:grid;gap:.6rem;align-content:start}.hrow{display:grid;gap:.2rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem}.hrow-n{font-weight:700}.hrow-i{font-size:.85rem;color:var(--muted)}.hrow-t{font-size:.78rem;color:var(--muted)}.hrow .sm{justify-self:start;margin-top:.3rem}.sm{padding:.5rem .7rem;font-size:.9rem}.toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);z-index:60;background:var(--dark);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;box-shadow:0 8px 24px #00000080}
