:root{--c-brand-navy:#1f4e79;--c-brand-navy-dark:#163a5a;--c-brand-blue:#2e75b6;--c-white:#fff;--c-screen-bg:#fff;--c-text-primary:#222;--c-text-muted:#888780;--c-text-on-navy-muted:#b5c7dc;--c-status-ready-bg:#eaf3de;--c-status-ready-text:#27500a;--c-status-offline-bg:#fcebeb;--c-status-offline-text:#791f1f;--c-page-bg:#f4f5f7;--c-card-bg:#fff;--c-step-light-bg:#eaf0f6;--c-field-border:#cdd9e6;--c-field-bg:#fafbfc;--c-logo-tile-light:#fff;--c-logo-tile-dark:#163a5a;--c-warn-bg:#fff4d6;--c-warn-text:#6b4e00;--c-warn-border:#e5a100;--c-live-bg:#f0f6ea;--c-live-dot:#2e8b2e;--c-served-bg:#e4e5e8;--c-served-text:#55565a;--fs-micro:10px;--fs-label:11px;--fs-caption:12px;--fs-small:13px;--fs-body:14px;--fs-body-emphasis:15px;--fs-button:16px;--fs-stepper:18px;--fs-prompt:19px;--fs-status:20px;--fs-success-title:21px;--fs-headline:22px;--fs-wordmark:24px;--sp-2:2px;--sp-3:3px;--sp-4:4px;--sp-5:5px;--sp-6:6px;--sp-7:7px;--sp-8:8px;--sp-10:10px;--sp-11:11px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-18:18px;--sp-20:20px;--sp-22:22px;--sp-24:24px;--sp-26:26px;--sp-28:28px;--sp-32:32px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-body);color:var(--c-text-primary);background:var(--c-page-bg);-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-headline);margin:0 0 var(--sp-12)}h2{font-size:var(--fs-button);margin:0 0 var(--sp-8)}h3{font-size:var(--fs-body-emphasis);margin:0 0 var(--sp-6)}.muted{color:var(--c-text-muted)}.small{font-size:var(--fs-small)}.topbar{background:var(--c-brand-navy);color:var(--c-white);align-items:center;gap:var(--sp-16);padding:var(--sp-12) var(--sp-16);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--sp-10);font-size:var(--fs-button);color:var(--c-white);font-weight:700;text-decoration:none;display:flex}.brand-logo{object-fit:contain;background:var(--c-white);border-radius:6px;max-width:96px;height:36px;padding:3px}.brand small{font-size:var(--fs-caption);letter-spacing:0;color:var(--c-text-on-navy-muted);font-weight:400;display:block}.nav{gap:var(--sp-4);flex-wrap:wrap;flex:1;display:flex}.nav a{color:var(--c-text-on-navy-muted);padding:var(--sp-6) var(--sp-12);border-radius:6px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--c-white)}.nav a.active{background:var(--c-brand-navy-dark);color:var(--c-white)}.topbar .who{font-size:var(--fs-caption);color:var(--c-text-on-navy-muted);text-align:right}.topbar button{margin-left:var(--sp-8)}.main{padding:var(--sp-16);max-width:1280px;margin:0 auto}.card{background:var(--c-card-bg);padding:var(--sp-14);margin-bottom:var(--sp-12);border-radius:10px;box-shadow:0 1px 2px #0000000f}.row{gap:var(--sp-8);flex-wrap:wrap;align-items:center;display:flex}.row.spread{justify-content:space-between}.grid{gap:var(--sp-10);display:grid}.banner{padding:var(--sp-10) var(--sp-14);margin-bottom:var(--sp-12);font-size:var(--fs-small);border-radius:8px}.banner.error{background:var(--c-status-offline-bg);color:var(--c-status-offline-text)}.banner.ok{background:var(--c-status-ready-bg);color:var(--c-status-ready-text)}.banner.warn{color:#6b4e00;background:#fff4d6}.empty{color:var(--c-text-muted);padding:var(--sp-20);text-align:center}input,select,textarea{font:inherit;padding:var(--sp-8) var(--sp-10);border:1px solid var(--c-field-border);background:var(--c-field-bg);color:var(--c-text-primary);border-radius:6px;min-width:0}input:focus,select:focus{outline:2px solid var(--c-brand-blue);outline-offset:0}input[type=number]{width:90px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-brand-navy);padding:0}label.field{gap:var(--sp-4);font-size:var(--fs-caption);color:var(--c-text-muted);flex-direction:column;display:flex}button{font:inherit;cursor:pointer;padding:var(--sp-8) var(--sp-14);border:1px solid var(--c-brand-navy);background:var(--c-brand-navy);color:var(--c-white);border-radius:6px;font-weight:600}button:hover{background:var(--c-brand-navy-dark)}button.secondary{background:var(--c-white);color:var(--c-brand-navy)}button.secondary:hover{background:var(--c-step-light-bg)}button.danger{background:var(--c-white);color:var(--c-status-offline-text);border-color:var(--c-status-offline-text)}button.danger:hover{background:var(--c-status-offline-bg)}button.small{padding:var(--sp-4) var(--sp-10);font-size:var(--fs-small)}button:disabled{opacity:.5;cursor:default}.pill{padding:2px var(--sp-8);font-size:var(--fs-caption);border-radius:999px;font-weight:700;display:inline-block}.pill.ok{background:var(--c-status-ready-bg);color:var(--c-status-ready-text)}.pill.bad{background:var(--c-status-offline-bg);color:var(--c-status-offline-text)}.pill.warn{color:#6b4e00;background:#fff4d6}.pill.info{background:var(--c-step-light-bg);color:var(--c-brand-navy)}table.list{border-collapse:collapse;width:100%}table.list th{text-align:left;font-size:var(--fs-caption);color:var(--c-text-muted);padding:var(--sp-6) var(--sp-8);font-weight:600}table.list td{padding:var(--sp-6) var(--sp-8);border-top:1px solid var(--c-step-light-bg);vertical-align:middle}.login{background:var(--c-brand-navy);min-height:100vh;padding:var(--sp-16);justify-content:center;align-items:center;display:flex}.login .card{width:100%;max-width:360px;padding:var(--sp-24)}.login h1{text-align:center;color:var(--c-brand-navy)}.login form{gap:var(--sp-12);display:grid}.login input{width:100%}.zone{margin-bottom:var(--sp-20)}.tables{gap:var(--sp-10);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.tcard{padding:var(--sp-12);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:84px;font-weight:400;display:flex;position:relative}.tcard .num{font-size:var(--fs-headline);font-weight:700}.tcard .st{font-size:var(--fs-small);font-weight:700}.tcard .since{font-size:var(--fs-caption);opacity:.85}.tcard .timer{top:var(--sp-8);right:var(--sp-8);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--c-text-primary);padding:1px var(--sp-6);background:#ffffffbf;border-radius:8px;font-weight:700;position:absolute}.tcard.late{border-color:#e5a100;box-shadow:0 0 0 2px #ffe49a}.st-free{background:var(--c-status-ready-bg);color:var(--c-status-ready-text)}.st-seated,.st-order_open{background:var(--c-step-light-bg);color:var(--c-brand-navy)}.st-order_sent,.st-partially_ready{background:var(--c-brand-blue);color:var(--c-white)}.st-ready_for_service{background:var(--c-status-ready-text);color:var(--c-white)}.st-served{color:#55565a;background:#e4e5e8}.st-bill_requested{background:var(--c-brand-navy);color:var(--c-white)}.st-closed,.st-to_clear{background:var(--c-status-offline-bg);color:var(--c-status-offline-text)}.st-out_of_service{color:#6a6b70;background:repeating-linear-gradient(135deg,#ecedef 0 8px,#f6f7f8 8px 16px);border-color:#c9cbd0}.st-free:hover,.tcard:hover{filter:brightness(.96)}.legend{gap:var(--sp-6);margin-bottom:var(--sp-12);flex-wrap:wrap;display:flex}.legend .pill{font-weight:600}.overlay{padding:var(--sp-24) var(--sp-12);z-index:10;background:#0006;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--c-white);padding:var(--sp-18);border-radius:12px;width:100%;max-width:520px}.cols{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:800px){.cols{grid-template-columns:1fr}}.ticket{border-left:6px solid var(--c-brand-blue)}.ticket.ready{border-left-color:var(--c-status-ready-text)}.ticket.late{border-left-color:#e5a100}.ticket .line{justify-content:space-between;gap:var(--sp-8);padding:var(--sp-6) 0;border-top:1px solid var(--c-step-light-bg);align-items:flex-start;display:flex}.ticket .line:first-of-type{border-top:0}.mods{font-size:var(--fs-small);color:var(--c-text-muted)}.note{font-size:var(--fs-small);color:var(--c-status-offline-text);font-weight:600}.code{letter-spacing:.15em;color:var(--c-brand-navy);text-align:center;padding:var(--sp-16);background:var(--c-step-light-bg);border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:40px;font-weight:700}.tabs{gap:var(--sp-6);margin-bottom:var(--sp-12);flex-wrap:wrap;display:flex}.tabs button{background:var(--c-white);color:var(--c-brand-navy)}.tabs button.on{background:var(--c-brand-navy);color:var(--c-white)}.logo-preview{text-align:center;margin:0}.logo-preview img,.logo-preview canvas{max-width:256px;max-height:120px;margin:0 auto;display:block}.logo-preview .print-preview{border:1px dashed var(--c-field-border);background:var(--c-white)}.logo-preview figcaption{font-size:var(--fs-caption);color:var(--c-text-muted);margin-top:var(--sp-6)}.floor-layout{gap:var(--sp-16);grid-template-columns:1fr;align-items:start;display:grid}.floor-layout.with-panel{grid-template-columns:minmax(0,1fr) 380px}.side-panel{top:var(--sp-16);max-height:calc(100vh - 32px);margin:0;position:sticky;overflow-y:auto}.tcard.selected{outline:3px solid var(--c-brand-blue);outline-offset:2px}@media (max-width:900px){.floor-layout.with-panel{grid-template-columns:1fr}.side-panel{max-height:none;position:static}}.selection-bar{z-index:5;border:2px solid var(--c-brand-blue);position:sticky;top:0}tr.picked td{background:var(--c-step-light-bg)}.mode-switch{color:var(--c-white);font-weight:600;font-size:var(--fs-small);border:1px solid var(--c-text-on-navy-muted);padding:var(--sp-6) var(--sp-12);border-radius:6px;text-decoration:none}.mode-switch:hover{background:var(--c-brand-navy-dark)}.topbar .mode{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;background:var(--c-warn-bg);color:var(--c-warn-text);padding:2px var(--sp-8);border-radius:6px;font-weight:700}.topbar.setup{background:var(--c-step-light-bg);color:var(--c-brand-navy);border-bottom:1px solid var(--c-field-border)}.topbar.setup .brand,.topbar.setup .brand small,.topbar.setup .who{color:var(--c-brand-navy)}.topbar.setup .brand-logo{border:1px solid var(--c-field-border)}.topbar.setup .nav a{color:var(--c-brand-navy)}.topbar.setup .nav a.active{background:var(--c-brand-navy);color:var(--c-white)}.topbar.setup .mode-switch{color:var(--c-brand-navy);border-color:var(--c-brand-navy)}.topbar.setup .mode-switch:hover{background:var(--c-white)}.import-preview{margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--c-step-light-bg)}.import-preview ul.plan{margin:0 0 var(--sp-12);padding-left:var(--sp-20);line-height:1.7}.import-preview .banner ul{margin:var(--sp-6) 0 0;padding-left:var(--sp-20)}.import-preview .removed{color:var(--c-status-offline-text)}.tcard.asking{border-color:#e5a100}.tcard .asks{bottom:var(--sp-8);right:var(--sp-8);font-size:var(--fs-caption);color:#6b4e00;padding:1px var(--sp-6);background:#fff4d6;border-radius:8px;font-weight:700;position:absolute}.requests{border:2px solid #e5a100}.request{padding:var(--sp-8) 0;border-top:1px solid var(--c-step-light-bg)}.request:first-of-type{border-top:0}.request.fresh{animation:1s ease-in-out 3 flash}@keyframes flash{50%{background:#fff4d6}}.inline-form{margin-top:var(--sp-6);padding:var(--sp-8);background:var(--c-step-light-bg);border-radius:8px}.inline-form input{width:100%;margin:var(--sp-4) 0 var(--sp-6)}.quiet-actions{margin-top:var(--sp-16);padding-top:var(--sp-8);border-top:1px solid var(--c-step-light-bg)}.request ul.progress{margin:var(--sp-4) 0 0;padding-left:var(--sp-18);font-size:var(--fs-small);color:var(--c-text-muted)}button.link{color:var(--c-brand-blue);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}button.link:hover{color:var(--c-brand-navy);background:0 0}.activity{font-size:var(--fs-small)}.activity .entry{gap:var(--sp-6);padding:var(--sp-4) 0;border-top:1px solid var(--c-step-light-bg);grid-template-columns:44px 1fr;display:grid}.activity .entry .t{color:var(--c-text-muted);font-variant-numeric:tabular-nums}.activity .k-request,.activity .k-decision{background:#fffbef}.actions{gap:var(--sp-6);margin-bottom:var(--sp-12);flex-wrap:wrap;display:flex}.actions button{font-size:var(--fs-small);padding:var(--sp-6) var(--sp-10)}label.choice{gap:var(--sp-8);padding:var(--sp-4) 0;align-items:center;display:flex}.pick-lines{margin:var(--sp-4) 0 0 var(--sp-24)}.side-panel>.card{margin-bottom:var(--sp-12)}.analytics{position:relative}.watermark{pointer-events:none;z-index:0;color:var(--c-brand-navy);opacity:.06;white-space:nowrap;justify-content:center;align-items:center;font-size:clamp(40px,9vw,120px);font-weight:800;display:flex;position:fixed;inset:0;transform:rotate(-20deg)}.analytics>:not(.watermark){z-index:1;position:relative}.tiles{gap:var(--sp-10);margin-bottom:var(--sp-12);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.tile{background:var(--c-card-bg);padding:var(--sp-12) var(--sp-14);gap:var(--sp-4);border-radius:10px;flex-direction:column;display:flex;box-shadow:0 1px 2px #0000000f}.tile span{font-size:var(--fs-small);color:var(--c-text-muted)}.tile strong{font-size:var(--fs-headline)}.tile.cash{background:var(--c-status-ready-bg)}.tile.cash span,.tile.cash strong{color:var(--c-status-ready-text)}.bars{height:180px;padding-top:var(--sp-8);align-items:flex-end;gap:3px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bar-col .bar{background:var(--c-brand-blue);border-radius:3px 3px 0 0;width:100%;max-width:36px}.bar-col span{color:var(--c-text-muted);white-space:nowrap;font-size:10px}.hbar{gap:var(--sp-8);padding:var(--sp-4) 0;font-size:var(--fs-small);grid-template-columns:130px 1fr auto;align-items:center;display:grid}.hbar>div{background:var(--c-step-light-bg);border-radius:3px;height:12px}.hbar>div>div{background:var(--c-brand-blue);border-radius:3px;height:100%}.topbar .icon-btn{padding:var(--sp-6);margin:0 var(--sp-8) 0 auto;color:inherit;opacity:.85;cursor:pointer;background:0 0;border:0;border-radius:6px;line-height:0}.topbar .icon-btn:hover{opacity:1;background:#ffffff1f}.topbar.setup .icon-btn:hover{background:var(--c-field-border)}.topbar .icon-btn[aria-pressed=false]{opacity:.55}