:root{--bg:#0f0d0a;--bg2:#1a1611;--card:#211d16;--card2:#2a2519;--border:#332d23;--border2:#443c2f;--fg:#f0e8db;--fg2:#c4b9a8;--fg3:#9a8e7e;--fg4:#6b6054;--amber:#f59e0b;--amber2:rgba(245,158,11,.12);--amber3:rgba(245,158,11,.25);--green:#22c55e;--green2:rgba(34,197,94,.12);--red:#ef4444;--red2:rgba(239,68,68,.12);--orange:#f97316;--orange2:rgba(249,115,22,.12);--blue:#38bdf8;--blue2:rgba(56,189,248,.12);--teal:#14b8a6;--purple:#a78bfa;--purple2:rgba(167,139,250,.12);--r:10px;--r2:14px}
*{margin:0;padding:0;box-sizing:border-box}
.invBarSvg{width:60px;height:25px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--fg);height:100vh;overflow:hidden}
body::before{content:'';position:fixed;top:-20%;right:-10%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(245,158,11,.03) 0%,transparent 70%);pointer-events:none}
body::after{content:'';position:fixed;bottom:-15%;left:-5%;width:30vw;height:30vw;background:radial-gradient(circle,rgba(34,197,94,.02) 0%,transparent 70%);pointer-events:none}
.app{display:grid;grid-template-rows:auto 1fr;height:100vh;width:100vw;position:relative;z-index:1;overflow:hidden}

/* HEADER */
header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg2);border-bottom:1px solid var(--border);gap:6px;flex-wrap:wrap;flex-shrink:0}
.hleft{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo{width:38px;height:38px;background:linear-gradient(135deg,var(--amber),#d97706);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:16px;color:#000;box-shadow:0 0 20px var(--amber3)}
.ltxt h1{font-size:16px;font-weight:900;letter-spacing:-.5px;line-height:1}
.ltxt small{font-size:9px;color:var(--fg3);font-weight:400}
.hcenter{display:flex;gap:4px}
.hright{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.hb{background:var(--card);border:1px solid var(--border);color:var(--fg3);padding:6px 10px;border-radius:var(--r);cursor:pointer;font-size:11px;font-family:inherit;display:flex;align-items:center;gap:5px;transition:.15s;white-space:nowrap}
.hb:hover{background:var(--card2);color:var(--fg2);border-color:var(--border2)}
.hb.on{background:var(--amber2);color:var(--amber);border-color:rgba(245,158,11,.3)}
.hb.kit{background:var(--red2);color:var(--red);border-color:rgba(239,68,68,.3)}
.hb.kit:hover{background:rgba(239,68,68,.2)}
.clk{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg4);padding:6px 9px;background:var(--card);border-radius:var(--r);border:1px solid var(--border)}
.sep{width:1px;height:24px;background:var(--border);margin:0 2px}

/* VISTAS */
.vw{display:none;height:100%;width:100%;overflow:hidden;min-height:0}.vw.on{display:flex;flex-direction:column}

/* TOOLBAR */
.tb{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;flex-shrink:0;gap:6px;background:var(--bg)}
.tbl{display:flex;align-items:center;gap:5px}.tbr{display:flex;align-items:center;gap:5px}
.tn{background:var(--card);border:1px solid var(--border);color:var(--fg3);padding:5px 9px;border-radius:7px;cursor:pointer;font-size:11px;font-family:inherit;display:flex;align-items:center;gap:4px;transition:.15s}
.tn:hover{background:var(--card2);color:var(--fg2)}
.tn.on{background:var(--amber2);color:var(--amber);border-color:rgba(245,158,11,.3)}
.pill{font-family:'JetBrains Mono',monospace;font-size:10px;padding:3px 9px;border-radius:20px;font-weight:600}
.pill.f{background:var(--green2);color:var(--green)}.pill.b{background:var(--orange2);color:var(--orange)}.pill.a{background:var(--purple2);color:var(--purple)}

/* SCROLL */
.scr{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;padding:0 14px 14px;min-height:0}
.scr::-webkit-scrollbar{width:5px}.scr::-webkit-scrollbar-track{background:transparent}.scr::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}

/* MESAS GRID */
.tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:5px}
.tc{background:var(--card);border:2px solid var(--border);border-radius:var(--r2);padding:12px 6px;text-align:center;cursor:pointer;transition:.2s;position:relative;height:100%;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box}
.tc:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}
.tc.free{border-color:rgba(34,197,94,.25)}.tc.free:hover{border-color:var(--green)}
.tc.busy{border-color:rgba(249,115,22,.35)}.tc.busy:hover{border-color:var(--orange)}
.tc.bar{min-height:65px;padding:8px 5px}
.tc .nm{font-size:12px;font-weight:700}.tc .st{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--fg4)}
.tc .tbg{position:absolute;top:5px;right:5px;font-size:8px;padding:2px 5px;border-radius:10px;font-weight:700;font-family:'JetBrains Mono',monospace;background:var(--orange2);color:var(--orange)}
.tc .ttm{font-size:8px;color:var(--fg4);font-family:'JetBrains Mono',monospace}

/* MESAS LISTA */
.tlv{display:flex;flex-direction:column;gap:3px}
.tlr{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:.15s}
.tlr:hover{background:var(--card2);border-color:var(--border2)}
.tlr.free{border-left:3px solid var(--green)}.tlr.busy{border-left:3px solid var(--orange)}
.tlr .tln{flex:1;font-size:12px;font-weight:600}
.tlr .tlt{font-size:9px;color:var(--fg4);padding:2px 7px;background:var(--bg);border-radius:10px;white-space:nowrap}
.tlr .tli{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--fg3);white-space:nowrap}
.tlr .tltm{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--fg4);min-width:35px;text-align:right}
.tlr .tcli{font-size:9px;color:var(--blue);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ORDEN VIEW */
.ow{display:grid;grid-template-columns:310px 1fr;grid-template-rows:1fr auto;flex:1;overflow:hidden;min-height:0}
.oitms{grid-row:1;overflow-y:auto;padding:10px;border-right:1px solid var(--border)}
.oitms::-webkit-scrollbar{width:4px}.oitms::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.omnu{grid-row:1;overflow:hidden;display:flex;flex-direction:column}
.oftr{grid-column:1/-1;background:var(--bg2);border-top:1px solid var(--border);padding:10px 14px}

/* ORDEN HEADER */
.ohdr{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.bk{width:28px;height:28px;background:var(--card);border:1px solid var(--border);border-radius:7px;color:var(--fg3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:11px}
.bk:hover{background:var(--card2);color:var(--fg)}
.otit{font-size:13px;font-weight:700;flex:1}
.otag{font-size:9px;padding:2px 7px;border-radius:10px;font-weight:700;cursor:pointer;transition:.15s}
.otag.s{background:var(--green2);color:var(--green)}.otag.l{background:var(--blue2);color:var(--blue)}

/* ORDER ITEM CARD */
.oic{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:9px;margin-bottom:5px;cursor:pointer;transition:.15s;position:relative}
.oic:hover{border-color:var(--border2);background:var(--card2)}
.oic .oin{font-size:11px;font-weight:600;margin-bottom:1px}
.oic .oid{font-size:9px;color:var(--fg3);margin-bottom:3px;line-height:1.4}
.oic .oinn{font-size:9px;color:var(--red);background:var(--red2);padding:2px 5px;border-radius:3px;margin-top:3px;font-weight:600}
.oic .oib{display:flex;justify-content:space-between;align-items:center;margin-top:5px}
.oic .oip{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--amber)}
.oic .oist{font-size:8px;padding:2px 5px;border-radius:10px;font-weight:700}
.oist.p{background:var(--fg4);color:var(--bg);opacity:.5}
.oist.se{background:var(--amber2);color:var(--amber)}
.oist.re{background:var(--green2);color:var(--green)}
.oic .ox{position:absolute;top:5px;right:5px;width:20px;height:20px;background:transparent;border:none;color:var(--fg4);cursor:pointer;border-radius:4px;font-size:8px;display:flex;align-items:center;justify-content:center;transition:.1s}
.oic .ox:hover{background:var(--red2);color:var(--red)}
.oemp{text-align:center;padding:35px 10px;color:var(--fg4);font-size:11px}
.oemp i{font-size:26px;display:block;margin-bottom:8px;opacity:.3}

/* MENU */
.mcs{display:flex;gap:5px;padding:8px 12px;overflow-y:auto;flex-wrap:wrap;border-bottom:1px solid var(--border);max-height:120px;transition:max-height 0.3s ease}
.mcs::-webkit-scrollbar{width:4px;height:4px}.mcs::-webkit-scrollbar-track{background:transparent}.mcs::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}
.mc{padding:4px 10px;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--fg3);font-size:10px;font-family:inherit;cursor:pointer;transition:.15s;white-space:nowrap;font-weight:500}
.mc:hover{border-color:var(--border2);color:var(--fg2)}
.mc.on{background:var(--amber2);color:var(--amber);border-color:rgba(245,158,11,.3)}
.mps{flex:1;overflow-y:auto;padding:8px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:5px;align-content:start}
.mps::-webkit-scrollbar{width:4px}.mps::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.mp{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:9px;cursor:pointer;transition:.15s}
.mp:hover{border-color:var(--amber);background:var(--card2);transform:translateY(-1px)}
.mp.out{opacity:.3;pointer-events:none}
.mp.lowstock{border-color:rgba(249,115,22,.4);background:linear-gradient(135deg,var(--card),var(--orange2))}
.mp.lowstock:hover{border-color:var(--orange);box-shadow:0 0 10px var(--orange2)}
.mp .mpn{font-size:11px;font-weight:600;margin-bottom:1px;line-height:1.2}
.mp .mpp{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--amber)}
.mp .mst{font-size:8px;color:var(--fg4);margin-top:1px}
.mp .mpcd{font-size:8px;color:var(--fg4);font-family:'JetBrains Mono',monospace}

/* ORDER FOOTER */
.oftb{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}
.ofsub{font-size:10px;color:var(--fg3);line-height:1.6}.ofsub span{font-family:'JetBrains Mono',monospace}
.oftot{font-size:20px;font-weight:800;font-family:'JetBrains Mono',monospace;color:var(--amber)}
.ofacts{display:flex;gap:5px}
.obtn{padding:9px 14px;border-radius:var(--r);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.15s;border:none;display:flex;align-items:center;gap:5px}
.obtn.send{background:var(--amber);color:#000;flex:1}.obtn.send:hover{box-shadow:0 0 16px var(--amber3)}.obtn.send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.obtn.cob{background:var(--green);color:#000}.obtn.cob:hover{box-shadow:0 0 16px rgba(34,197,94,.3)}.obtn.cob:disabled{opacity:.35;cursor:not-allowed}
.obtn.can{background:var(--red2);color:var(--red);border:1px solid rgba(239,68,68,.15)}
.obtn.prn{background:var(--blue2);color:var(--blue);border:1px solid rgba(56,189,248,.15)}

/* COCINA */
.kw{flex:1;overflow-y:auto;padding:14px}
.kg{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.kc{background:var(--card);border:2px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:.3s}
.kc.urg{border-color:var(--red);animation:kp 2s infinite}
@keyframes kp{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 16px 4px rgba(239,68,68,.15)}}
.kc.ar{border-color:var(--green);opacity:.45}
.kch{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:6px}
.kch .ktn{font-size:13px;font-weight:800;flex-shrink:0}
.kch .kty{font-size:8px;padding:2px 7px;border-radius:10px;font-weight:700;flex-shrink:0}
.kty.s{background:var(--green2);color:var(--green)}.kty.l{background:var(--blue2);color:var(--blue)}
.kch .ktm{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--fg3);flex-shrink:0}
.kcb{padding:8px 12px}
.ki{display:flex;align-items:flex-start;gap:7px;padding:5px 0;border-bottom:1px solid var(--border)}.ki:last-child{border-bottom:none}
.kiq{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--amber);min-width:22px}
.kif{flex:1;min-width:0}.kin{font-size:12px;font-weight:600}
.kig{font-size:10px;color:var(--teal);margin-top:1px}.kig i{margin-right:2px;font-size:8px}
.kinote{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:3px;margin-top:3px;line-height:1.3}
.kbr{padding:3px 9px;background:var(--green);border:none;border-radius:5px;color:#000;font-size:9px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;flex-shrink:0}
.kbr:hover{box-shadow:0 0 10px rgba(34,197,94,.3)}.kbr:disabled{opacity:.3;cursor:not-allowed}
.kdone{font-size:9px;padding:2px 6px;border-radius:10px;font-weight:700;background:var(--green2);color:var(--green);flex-shrink:0}
.ke{text-align:center;padding:60px;color:var(--fg4)}.ke i{font-size:40px;display:block;margin-bottom:12px;opacity:.3}

/* MODALES */
.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:100;align-items:center;justify-content:center}
.mo.on{display:flex}
.mdl{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);width:440px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:mI .2s ease}
.mdl.sm{width:360px}.mdl.lg{width:620px}
@keyframes mI{from{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.mh{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);z-index:1}
.mh h3{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}
.mx{width:26px;height:26px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--fg3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:10px}
.mx:hover{background:var(--red2);color:var(--red)}
.mbd{padding:12px 14px}
.mft{display:flex;gap:7px;justify-content:flex-end;padding:9px 14px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--bg2)}

/* FORMULARIOS */
.fg{margin-bottom:9px}
.fg label{display:block;font-size:9px;color:var(--fg3);margin-bottom:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.fg input,.fg select,.fg textarea{width:100%;padding:7px 9px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);color:var(--fg);font-family:inherit;font-size:12px;outline:none;transition:.15s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber2)}
.fg input::placeholder,.fg textarea::placeholder{color:var(--fg4)}
.fg select option{background:var(--card);color:var(--fg)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.fb{padding:7px 14px;border-radius:var(--r);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:.15s;border:none;display:flex;align-items:center;justify-content:center;gap:4px}
.fb.p{background:var(--amber);color:#000}.fb.p:hover{background:#d97706}
.fb.s{background:var(--card);color:var(--fg3);border:1px solid var(--border)}.fb.s:hover{background:var(--card2);color:var(--fg2)}
.fb.g{background:var(--green);color:#000}.fb.g:hover{box-shadow:0 0 12px rgba(34,197,94,.3)}
.fb.d{background:var(--red2);color:var(--red);border:1px solid rgba(239,68,68,.15)}.fb.d:hover{background:rgba(239,68,68,.2)}
.fb.b{background:var(--blue2);color:var(--blue);border:1px solid rgba(56,189,248,.15)}

/* GUARNICIONES */
.gl{display:flex;flex-direction:column;gap:3px;max-height:150px;overflow-y:auto}
.gi{display:flex;align-items:center;gap:7px;padding:5px 7px;background:var(--card);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:.15s;font-size:10px}
.gi:hover{border-color:var(--border2)}.gi.ck{background:var(--amber2);border-color:rgba(245,158,11,.3)}
.gi .gc{width:15px;height:15px;border:2px solid var(--border2);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0;font-size:8px;color:transparent}
.gi.ck .gc{background:var(--amber);border-color:var(--amber);color:#000}
.gi .gn{flex:1}.gi .gp{font-family:'JetBrains Mono',monospace;color:var(--amber);font-weight:600}

/* CANTIDAD */
.qc{display:flex;align-items:center}
.qc button{width:30px;height:30px;background:var(--card);border:1px solid var(--border);color:var(--fg2);cursor:pointer;font-size:11px;transition:.1s}
.qc button:first-child{border-radius:6px 0 0 6px}.qc button:last-child{border-radius:0 6px 6px 0}
.qc button:hover{background:var(--card2)}
.qc span{width:38px;height:30px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700}

/* PAGO */
.payi{width:100%;padding:12px 12px 12px 34px;background:var(--bg);border:2px solid var(--border);border-radius:var(--r);color:var(--fg);font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;outline:none;transition:.2s}
.payi:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green2)}
.payi.err{border-color:var(--red);box-shadow:0 0 0 3px var(--red2)}
.payi::placeholder{color:var(--fg4);font-weight:400;font-size:12px}
.qrow{display:flex;gap:3px;margin:7px 0;flex-wrap:wrap}
.qb{flex:1;min-width:45px;padding:6px 2px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--fg3);font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;cursor:pointer;transition:.15s;text-align:center}
.qb:hover{background:var(--amber2);color:var(--amber);border-color:rgba(245,158,11,.3)}
.qb.exact{background:var(--green2);color:var(--green);border-color:rgba(34,197,94,.3)}
.chgb{display:none;background:var(--green2);border:1px solid rgba(34,197,94,.2);border-radius:var(--r);padding:9px;text-align:center;margin:7px 0}
.chgb.on{display:block}
.chgb .chl{font-size:8px;color:var(--green);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.chgb .chv{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:var(--green)}

/* RECIBO */
.rcp{padding:14px;text-align:center}
.rcp .rs{font-size:15px;font-weight:800;margin-bottom:1px}
.rcp .rsub{font-size:8px;color:var(--fg3);margin-bottom:8px}
.rcp .rcli{font-size:9px;color:var(--amber);font-weight:600;margin-bottom:5px}
.rcp .rcaddr{font-size:8px;color:var(--fg3);margin-bottom:4px}
.rcp hr{border:none;border-top:1px dashed var(--border2);margin:6px 0}
.rcp .rm{display:flex;justify-content:space-between;font-size:8px;color:var(--fg3);font-family:'JetBrains Mono',monospace}
.rcp .ri{display:flex;justify-content:space-between;font-size:9px;padding:1px 0}
.rcp .ri .rn{flex:1;text-align:left}
.rcp .ri .rq{width:28px;text-align:center;color:var(--fg3);font-family:'JetBrains Mono',monospace}
.rcp .ri .rp{width:55px;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:600}
.rcp .rt{display:flex;justify-content:space-between;font-size:13px;font-weight:800;padding:3px 0}
.rcp .rt span:last-child{font-family:'JetBrains Mono',monospace;color:var(--amber)}
.rcp .rft{font-size:7px;color:var(--fg4);margin-top:8px;line-height:1.4}

/* INVENTARIO TABLA */
.itb{width:100%;border-collapse:collapse;font-size:10px}
.itb th{text-align:left;padding:6px 7px;font-size:8px;color:var(--fg4);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);font-weight:600;position:sticky;top:0;background:var(--bg2)}
.itb td{padding:6px 7px;border-bottom:1px solid var(--border)}
.itb tr:hover td{background:var(--card)}
.itb .mono{font-family:'JetBrains Mono',monospace}
.sb{font-size:8px;font-weight:700;padding:1px 6px;border-radius:10px;display:inline-block}
.sb.ok{background:var(--green2);color:var(--green)}.sb.low{background:var(--orange2);color:var(--orange)}.sb.out{background:var(--red2);color:var(--red)}
.iact{display:flex;gap:2px}
.iact button{width:24px;height:24px;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--fg3);cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;transition:.1s}
.iact button:hover{background:var(--card2);color:var(--fg)}
.iact button.del:hover{background:var(--red2);color:var(--red)}

/* CLIENTES */
.ccd{display:flex;align-items:center;gap:9px;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:4px;transition:.15s}
.ccd:hover{border-color:var(--border2)}
.cav{width:32px;height:32px;border-radius:50%;background:var(--amber2);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.cinf{flex:1;min-width:0}.cinf h4{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinf p{font-size:8px;color:var(--fg4);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cact{display:flex;gap:2px;flex-shrink:0}
.cact button{width:24px;height:24px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--fg3);cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;transition:.1s}
.cact button:hover{background:var(--card2);color:var(--fg)}.cact button.del:hover{background:var(--red2);color:var(--red)}

/* CONFIG VISUAL */
.cvf{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:var(--bg);border-radius:var(--r);margin-bottom:10px;min-height:50px;align-items:center;justify-content:center}
.cvm{width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace}
.cvm.tm{background:var(--green2);color:var(--green);border:1px solid rgba(34,197,94,.3)}
.cvm.tb{background:var(--blue2);color:var(--blue);border:1px solid rgba(56,189,248,.3);width:24px;height:24px;font-size:7px;border-radius:3px}

/* TOAST */
.toc{position:fixed;top:55px;right:12px;z-index:200;display:flex;flex-direction:column;gap:4px}
.tt{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:7px 11px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:5px;box-shadow:0 4px 16px rgba(0,0,0,.4);animation:tI .2s ease,tO .2s ease 2s forwards;min-width:170px}
.tt.ok{border-left:3px solid var(--green)}.tt.ok i{color:var(--green)}
.tt.er{border-left:3px solid var(--red)}.tt.er i{color:var(--red)}
.tt.in{border-left:3px solid var(--amber)}.tt.in i{color:var(--amber)}
@keyframes tI{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes tO{from{opacity:1}to{opacity:0;transform:translateX(20px)}}

/* HISTORIAL ITEM */
.hi{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:4px;cursor:pointer;transition:.15s}
.hi:hover{border-color:var(--border2);background:var(--card2)}
.hi .hinum{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--fg4);min-width:40px}
.hi .hiinfo{flex:1;min-width:0}.hi .hiinfo h4{font-size:11px;font-weight:600}.hi .hiinfo p{font-size:8px;color:var(--fg4)}
.hi .hitot{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--amber)}

/* PRINT */
/* ============================================================ */
/* PRINT STYLES (Thermal Receipt Optimization) */
/* ============================================================ */
@media print {
    @page { margin: 0; size: auto; }
    body { background: #fff !important; color: #000 !important; margin: 0; padding: 0; }
    body * { visibility: hidden; }
    #rcpC, #rcpC * { visibility: visible; }
    #rcpC {
        position: absolute;
        left: 0;
        top: 0;
        width: 80mm; /* Narrow for thermal printers */
        height: auto !important; /* No fixed height to save paper */
        padding: 5px;
        background: #fff !important;
        color: #000 !important;
        font-family: 'Courier New', Courier, monospace; /* Clean for small print */
    }
    .rcp { background: #fff !important; color: #000 !important; border: none !important; box-shadow: none !important; }
    .rcp h2, .rcp h3 { color: #000 !important; margin: 5px 0; }
    .rcp hr { border-top: 1px dashed #000 !important; opacity: 1 !important; margin: 5px 0; }
    .rcp .ri, .rcp .rm, .rcp .rt { color: #000 !important; font-weight: 600 !important; }
    .rcp .rt { font-size: 1.2em; border-top: 1px solid #000; padding-top: 5px; }
    .rcp .rft { color: #000 !important; font-size: 0.8em; margin-top: 10px; }
}

@media(max-width:768px){
    body { font-size: 14px; }
    .hb .lbl{display:none}
    .sep{display:none}
    .hleft .ltxt small { display: none; }
    .ttm { display: none; }
    .tg { display:grid !important; grid-template-columns: repeat(auto-fill,minmax(120px,1fr)) !important; gap:15px !important; padding:5px !important; }
    .tc { min-height: 85px; flex-direction: column; justify-content: center; padding: 12px 6px; border-width: 2px; }
    .tc .nm { font-size: 12px; }
    .tc .tbg { position: absolute; top: 5px; right: 5px; font-size: 8px; padding: 2px 5px; }
    .ow{display:flex;flex-direction:column}
    .oitms{flex:none;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}
    .omnu{flex:1;overflow-y:auto}
    .oftr{position:sticky;bottom:0;z-index:50;box-shadow:0 -5px 15px rgba(0,0,0,0.5)}
    .mps { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
    .obtn { padding: 12px 14px; font-size: 12px; }
    .mdl { width: 95%; }
}

@media print {
    body * { visibility: hidden; }
    .mo.on { display: block !important; position: absolute; left: 0; top: 0; margin: 0; padding: 0; box-shadow: none; background: #fff !important; width: 100vw; height: 100vh; overflow: visible; z-index: 999999; }
    .mo.on .mdl { width: 80mm !important; margin: 0 auto; box-shadow: none; border: none; padding: 0; background: #fff !important; color: #000 !important; }
    .mo.on .rcp, .mo.on .rcp * { visibility: visible; }
    .mo.on .mh, .mo.on .mft, .mx { display: none !important; }
    body, html { height: auto; overflow: visible; background: #fff; }
    .app { display: none; }
}

/* TOASTS */
.toast { position: fixed; bottom: 20px; right: 20px; background: var(--card); border: 1px solid var(--border); color: var(--fg); padding: 12px 20px; border-radius: var(--r); z-index: 999999; opacity: 0; transform: translateY(20px); transition: .3s; font-size: 13px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); font-weight: 600; display: flex; align-items: center; gap: 8px; }
.toast.show { opacity: 1; transform: translateY(0); }
.toast.er { border-color: var(--red); color: var(--red); }
.toast.ok { border-color: var(--green); color: var(--green); }
.toast.in { border-color: var(--blue); color: var(--blue); }
.tc.res { border-color: var(--amber); background: linear-gradient(135deg, var(--card), var(--amber2)); }
.tc.res:hover { border-color: var(--amber); box-shadow: 0 0 15px var(--amber3); }

/* DELIVERY PANEL */
.del-w{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;padding:15px;overflow-y:auto;height:calc(100vh - 120px)}
.del-c{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:15px;display:flex;flex-direction:column;gap:10px;position:relative;transition:all 0.2s;animation:slideUp 0.3s ease-out}
.del-c:hover{border-color:var(--amber);transform:translateY(-2px)}
.del-c.new{border-color:var(--green);box-shadow:0 0 15px var(--green2)}
.del-h{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:10px}
.del-p{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.del-p i{font-size:18px}
.del-p.uber{color:#22c55e}.del-p.rappi{color:#ff441f}.del-p.pedidosya{color:#ef4444}.del-p.didi{color:#f97316}
.del-time{font-size:10px;color:var(--fg4);font-family:'JetBrains Mono'}
.del-body{font-size:12px;color:var(--fg2)}
.del-itms{margin-top:5px;border-top:1px dashed var(--border);padding-top:8px}
.del-it{display:flex;justify-content:space-between;margin-bottom:4px}
.del-f{display:flex;gap:8px;margin-top:10px}
.del-f button{flex:1;padding:8px;border-radius:var(--r);border:none;cursor:pointer;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px;transition:0.2s}
.del-f .btn-acc{background:var(--green2);color:var(--green)}
.del-f .btn-acc:hover{background:var(--green);color:#fff}
.del-f .btn-rej{background:var(--red2);color:var(--red)}
.del-f .btn-rej:hover{background:var(--red);color:#fff}
.del-badge{position:absolute;top:-8px;right:-8px;background:var(--amber);color:#000;font-size:9px;font-weight:900;padding:2px 8px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.3)}

@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}