:root{color-scheme:dark;--ink:#f7f8fc;--muted:#9ca9bd;--canvas:#080d18;--panel:#101827;--panel-2:#151f31;--line:#27344b;--blue:#4f7cff;--cyan:#32d7ff;--violet:#8568ff;--green:#42dc9b;--amber:#ffbd4a;--red:#ff5964;--shadow:0 20px 60px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button,a{touch-action:manipulation}
.gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(79,124,255,.2),transparent 34%),linear-gradient(145deg,#090f1d,#060a12)}.gate[hidden]{display:none}.gate-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid #2b3a55;border-radius:28px;padding:30px;background:linear-gradient(160deg,rgba(22,32,51,.98),rgba(11,17,29,.98));box-shadow:var(--shadow)}.gate-brand{display:flex;align-items:center;gap:15px;margin-bottom:20px}.gate-brand>span,.brand>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:white;font-size:25px;font-weight:900;background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 10px 24px rgba(79,124,255,.3)}.gate-brand small,.brand small{color:#aab5c6;font-size:11px;font-weight:800;letter-spacing:.16em}.gate-brand h1{margin:2px 0 0;font-size:28px}.gate-card>p,#operator-choice>p{margin:0 0 22px;color:var(--muted);line-height:1.55}.gate-card label{display:grid;gap:8px;margin:14px 0;color:#cdd6e4;font-weight:750}.gate-card input{width:100%;height:58px;border:1px solid #34435d;border-radius:14px;padding:0 17px;background:#0b1220;color:white;font-size:18px;outline:none}.gate-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(79,124,255,.15)}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;margin-top:20px;border:0;border-radius:15px;padding:0 20px;background:linear-gradient(135deg,var(--blue),#7358f7);color:white;font-weight:900;letter-spacing:.04em}.form-error{margin:12px 0!important;border:1px solid rgba(255,89,100,.45);border-radius:12px;padding:12px;color:#ffafb5!important;background:rgba(255,89,100,.1)}.operator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.operator-grid button{display:flex;align-items:center;gap:12px;min-height:70px;border:1px solid #30405c;border-radius:16px;padding:12px 15px;background:#111b2b;color:white;text-align:left}.operator-grid button span,.selected-operator>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#273754;color:#bfe8ff;font-weight:900}.operator-grid button strong{display:block;font-size:16px}.operator-grid button small{display:block;margin-top:3px;color:var(--muted);text-transform:uppercase}.operator-grid button:hover,.operator-grid button:focus{border-color:var(--cyan);background:#15243a}.text-button{border:0;padding:0;background:transparent;color:#a9c9ff;font-weight:800}.selected-operator{display:flex;align-items:center;gap:14px;margin:18px 0}.selected-operator small{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em}.selected-operator strong{font-size:20px}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pin-pad button{height:58px;border:1px solid #33425b;border-radius:13px;background:#182338;color:white;font-size:21px;font-weight:850}.pin-pad .confirm-pin{background:var(--blue);border-color:var(--blue)}
#kds{display:grid;grid-template-rows:auto auto auto 1fr;width:100%;height:100%;background:radial-gradient(circle at 70% -10%,rgba(76,99,190,.13),transparent 35%),var(--canvas)}#kds[hidden]{display:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(10,16,29,.95)}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:42px;height:42px;border-radius:12px;font-size:20px}.brand strong{display:block;font-size:15px;letter-spacing:.08em}.brand small{font-size:9px}.station-title{display:flex;align-items:center;gap:10px;text-align:center}.station-title i{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px currentColor}.station-title i.online{background:var(--green)}.station-title i.offline{background:var(--red)}.station-title small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.16em}.station-title h1{margin:0;font-size:23px;letter-spacing:.08em}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.clock{min-width:72px;text-align:right}.clock strong{display:block;font-size:18px}.clock small{color:var(--muted);font-size:9px;text-transform:uppercase}.icon-button{display:grid;place-items:center;min-width:68px;height:50px;border:1px solid #2d3b55;border-radius:13px;background:#111a2a;color:#e8edf8}.icon-button span{font-size:17px;line-height:1}.icon-button small{margin-top:4px;color:#aeb9ca;font-size:8px;font-weight:850}.sound-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(90deg,#312360,#18264a);border-bottom:1px solid #624fe1}.sound-banner>div{display:flex;align-items:center;gap:11px}.sound-banner p{margin:0}.sound-banner strong,.sound-banner small{display:block}.sound-banner small{margin-top:2px;color:#cbc8eb}.sound-banner button{border:0;border-radius:11px;padding:11px 17px;background:white;color:#1c1b37;font-weight:900}.station-closed{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px;background:#51202b;color:#ffdce0}.station-closed strong{font-size:12px;letter-spacing:.12em}.command-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 15px;border-bottom:1px solid var(--line);background:#0b1220}.command-bar nav{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:7px}.command-bar nav button{display:flex;align-items:center;justify-content:center;gap:9px;height:50px;border:1px solid #2b3850;border-radius:12px;background:#111a2a;color:#aeb8c8;font-size:11px;font-weight:900;letter-spacing:.04em}.command-bar nav button b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;padding:0 5px;background:#25334a;color:white}.command-bar nav button.active{border-color:#667df1;color:white;background:linear-gradient(135deg,#314b9b,#593eb3);box-shadow:0 8px 20px rgba(69,72,190,.22)}.service-metrics{display:flex;gap:6px}.service-metrics>div{min-width:90px;border-left:1px solid #2e3a50;padding:2px 10px}.service-metrics small{display:block;color:#78869d;font-size:8px;font-weight:850;letter-spacing:.09em}.service-metrics strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap}.ticket-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-content:start;gap:12px;padding:14px;overflow:auto;overscroll-behavior:contain}.ticket{display:grid;grid-template-rows:auto 1fr auto;min-height:310px;max-height:520px;border:1px solid #32415a;border-top:7px solid var(--cyan);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#162238,#101827);box-shadow:0 12px 28px rgba(0,0,0,.25)}.ticket.warning{border-color:#755f37;border-top-color:var(--amber)}.ticket.overdue{border-color:#79353e;border-top-color:var(--red);box-shadow:0 0 0 1px rgba(255,89,100,.18),0 14px 32px rgba(0,0,0,.3)}.ticket.ready{border-color:#2d6654;border-top-color:var(--green)}.ticket.cancelled{opacity:.62;border-top-color:#7d8797}.ticket>header{padding:13px 14px 11px;border-bottom:1px solid #2a3750}.ticket-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ticket-number small{display:block;color:#8c9ab0;font-size:9px;font-weight:900;letter-spacing:.12em}.ticket-number strong{display:block;margin-top:2px;font-size:22px;line-height:1.05}.ticket-age{min-width:69px;border-radius:11px;padding:7px 9px;background:#0c1422;text-align:center}.ticket-age strong{display:block;font-size:18px}.ticket-age small{color:#8e9aae;font-size:8px;font-weight:850}.ticket-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.ticket-meta span{border:1px solid #31405a;border-radius:999px;padding:4px 7px;color:#b9c5d7;font-size:9px;font-weight:800;text-transform:uppercase}.ticket-meta span.paid{border-color:#28694f;color:#77e5b5;background:rgba(66,220,155,.08)}.ticket-meta span.tab{border-color:#65539e;color:#c2b3ff}.ticket-items{overflow:auto;padding:5px 14px 10px}.ticket-item{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #26334a}.ticket-item:last-child{border-bottom:0}.ticket-item>strong{font-size:22px;color:#9ec2ff;text-align:center}.ticket-item h3{margin:0;font-size:17px;line-height:1.25}.ticket-item p{margin:5px 0 0;border-left:3px solid var(--amber);padding:4px 7px;background:rgba(255,189,74,.08);color:#ffe0a7;font-size:13px;font-weight:750}.ticket-item.cancelled-line{text-decoration:line-through;opacity:.45}.ticket>footer{padding:10px 12px;border-top:1px solid #2a3750;background:#0d1524}.ticket-action{width:100%;height:54px;border:0;border-radius:12px;background:linear-gradient(135deg,#4f7cff,#7158f6);color:white;font-size:14px;font-weight:950;letter-spacing:.04em}.ticket.ready .ticket-action{background:linear-gradient(135deg,#1b9a6b,#38cc8f);color:#04170f}.ticket.recent .ticket-action{border:1px solid #455776;background:#18243a;color:#d9e3f2}.all-day-board{overflow:auto;padding:18px}.all-day-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.all-day-head small{color:var(--cyan);font-weight:900;letter-spacing:.13em}.all-day-head h2{margin:3px 0 0;font-size:25px}.all-day-head p{margin:0;color:var(--muted)}.all-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.all-day-item{display:flex;align-items:center;gap:12px;min-height:78px;border:1px solid #2b3a54;border-radius:14px;padding:12px 15px;background:#111b2b}.all-day-item b{display:grid;place-items:center;min-width:48px;height:48px;border-radius:13px;background:#263d74;color:#dce6ff;font-size:22px}.all-day-item strong{display:block;font-size:16px}.all-day-item small{display:block;margin-top:4px;color:var(--muted)}.empty-board{place-self:center;align-self:center;text-align:center;color:#738198}.empty-board span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 14px;border:1px solid #27364f;border-radius:22px;background:#111a2a;color:var(--green);font-size:34px}.empty-board h2{margin:0;color:#d8dfeb}.empty-board p{margin:7px 0}.settings-dialog{width:min(560px,calc(100vw - 30px));border:1px solid #34445f;border-radius:22px;padding:0;background:#0e1726;color:white;box-shadow:var(--shadow)}.settings-dialog::backdrop{background:rgba(2,6,12,.75);backdrop-filter:blur(4px)}.settings-dialog form>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #2b3951}.settings-dialog header small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.15em}.settings-dialog h2{margin:3px 0 0}.settings-dialog header button{width:42px;height:42px;border:1px solid #34435b;border-radius:11px;background:#172235;color:white;font-size:24px}.settings-dialog section{padding:12px}.setting-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;min-height:68px;border:0;border-bottom:1px solid #253249;padding:9px;background:transparent;color:white;text-align:left}.setting-row>span{font-size:20px;text-align:center}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:3px;color:var(--muted)}.setting-row>b{color:#8fb6ff}.setting-row select{border:1px solid #3a4b67;border-radius:9px;padding:8px;background:#121d30;color:white}.station-choice{padding:16px 10px 6px}.station-choice>small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em}.station-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.station-choice a{border:1px solid #33435e;border-radius:11px;padding:12px;color:#b7c3d4;text-align:center;text-decoration:none;font-weight:900}.station-choice a.active{border-color:var(--blue);background:#263b7c;color:white}.settings-dialog footer{display:flex;gap:9px;padding:15px 20px 20px}.settings-dialog footer button{flex:1;height:48px;border:1px solid #3a4a64;border-radius:11px;background:#172235;color:white;font-weight:900}.settings-dialog footer .danger{border-color:#5e323a;color:#ffadb4}.toast,.undo{position:fixed;z-index:80;left:50%;bottom:25px;transform:translateX(-50%);border:1px solid #3b4d69;border-radius:14px;padding:13px 18px;background:#172338;color:white;box-shadow:var(--shadow);font-weight:800}.toast.error{border-color:#963c47;background:#3e1820}.undo{display:flex;align-items:center;gap:24px;min-width:340px}.undo[hidden],.toast[hidden]{display:none}.undo strong,.undo small{display:block}.undo small{margin-top:3px;color:var(--muted)}.undo button{border:0;border-radius:9px;padding:9px 13px;background:#dce7ff;color:#18223a;font-weight:950}
@media(max-width:1100px){.service-metrics>div:nth-child(3){display:none}.ticket-board{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.command-bar{grid-template-columns:1fr}.service-metrics{display:none}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;min-height:66px}.station-title{position:absolute;left:50%;transform:translateX(-50%)}.brand small,.clock,.icon-button small{display:none}.top-actions{gap:5px}.icon-button{min-width:42px;width:42px;height:42px}.command-bar{padding:8px}.command-bar nav{display:flex;overflow-x:auto;scrollbar-width:none}.command-bar nav button{min-width:116px}.ticket-board{grid-template-columns:1fr;padding:9px}.ticket{min-height:285px}.operator-grid{grid-template-columns:1fr}.sound-banner small{display:none}}@media(min-width:1500px){.ticket-board{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px;padding:17px}.ticket{min-height:340px}.ticket-item h3{font-size:19px}}@media(orientation:portrait) and (min-width:700px){.ticket-board{grid-template-columns:repeat(2,1fr)}}

/* One production display: Kitchen and Bar are switched without leaving the KDS. */
.topbar{min-height:82px}.station-centre{display:grid;gap:5px;justify-items:center}.connection-state{display:flex;align-items:center;gap:7px}.connection-state i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px currentColor}.connection-state i.online{background:var(--green)}.connection-state i.offline{background:var(--red)}.connection-state small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.14em}.station-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #2c3951;border-radius:14px;padding:4px;background:#0b1220}.station-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:134px;height:42px;border:0;border-radius:10px;background:transparent;color:#8795aa;font-size:12px;font-weight:950;letter-spacing:.08em}.station-switch button span{font-size:15px}.station-switch button.active{background:linear-gradient(135deg,#405fc6,#6245c1);color:white;box-shadow:0 5px 15px rgba(61,75,190,.3)}.station-choice button{border:1px solid #33435e;border-radius:11px;padding:12px;background:#111b2c;color:#b7c3d4;text-align:center;font-weight:900}.station-choice button.active{border-color:var(--blue);background:#263b7c;color:white}.station-choice p{margin:8px 2px 0;color:var(--muted);font-size:11px}
@media(max-width:760px){.topbar{grid-template-columns:auto 1fr auto;min-height:66px;padding:7px 8px}.brand strong{font-size:0}.brand strong::after{content:"KDS";font-size:13px}.brand small,.clock,.icon-button small,.connection-state{display:none}.station-centre{position:static;justify-self:center;transform:none}.station-switch button{min-width:88px;height:40px;font-size:10px}.top-actions{gap:4px}.top-actions .icon-button:nth-of-type(2){display:none}.icon-button{min-width:40px;width:40px;height:40px}}@media(max-width:430px){.brand{display:none}.topbar{grid-template-columns:1fr auto}.station-centre{justify-self:start}.station-switch button{min-width:82px}.top-actions #sound-toggle{display:none}}