.kds{background:var(--hh-color-kds-background);width:100%;min-height:100vh;color:var(--hh-color-kds-text);margin:0;padding:0}.kds-topbar{align-items:center;gap:var(--hh-space-4);min-height:5.25rem;padding:var(--hh-space-3) var(--hh-space-5);border-bottom:1px solid var(--hh-color-kds-border-muted);background:color-mix(in srgb,var(--hh-color-kds-surface) 92%,black);grid-template-columns:auto minmax(12rem,.8fr) minmax(24rem,1.7fr) auto auto;display:grid;box-shadow:0 8px 30px #0003}.kds-brand{align-items:center;gap:var(--hh-space-3);display:flex}.kds-brand>span{background:var(--hh-color-accent);width:2.8rem;height:2.8rem;color:var(--hh-color-on-primary);border-radius:.8rem;place-items:center;font-size:1.25rem;font-weight:900;display:grid}.kds-brand>div{display:grid}.kds-brand strong{letter-spacing:.03em}.kds-brand small{color:var(--hh-color-kds-text-muted)}.kds-station{gap:.2rem;display:grid}.kds-station>span{color:var(--hh-color-kds-text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.kds-station select{min-height:2.7rem;padding:0 2.4rem 0 var(--hh-space-3);border:1px solid var(--hh-color-kds-control-border);border-radius:var(--hh-radius-control);background:var(--hh-color-kds-control);color:var(--hh-color-kds-text);font:inherit;font-weight:800}.kds-summary{gap:var(--hh-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kds-summary>div{justify-content:space-between;align-items:center;gap:var(--hh-space-2);min-height:3.2rem;padding:0 var(--hh-space-3);border:1px solid var(--hh-color-kds-border-muted);border-radius:var(--hh-radius-control);background:color-mix(in srgb,var(--hh-color-kds-control) 85%,transparent);display:flex}.kds-summary span{color:var(--hh-color-kds-text-muted);font-size:.7rem}.kds-summary strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.kds-summary .is-danger{border-color:color-mix(in srgb,var(--hh-color-kds-overdue) 55%,transparent);color:var(--hh-color-kds-overdue)}.kds-summary .is-ready{border-color:color-mix(in srgb,var(--hh-color-success) 55%,transparent);color:var(--hh-color-success)}.kds-clock{justify-items:end;display:grid}.kds-clock time{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:850;line-height:1}.kds-clock small{color:var(--hh-color-kds-text-muted);margin-top:.3rem;font-size:.68rem}.kds-sound-controls{gap:var(--hh-space-2);display:flex}.kds-sound-controls button{min-height:2.7rem;padding:0 var(--hh-space-3);border:1px solid var(--hh-color-kds-control-border);border-radius:var(--hh-radius-control);background:var(--hh-color-kds-control);color:var(--hh-color-kds-text);font:inherit;font-size:.7rem;font-weight:750}.kds-sound-controls button[aria-pressed=true]{border-color:var(--hh-color-warning);color:var(--hh-color-kds-warning-text)}.kds-connection,.kds-message{justify-content:center;align-items:center;gap:var(--hh-space-3);min-height:3rem;padding:var(--hh-space-2) var(--hh-space-5);background:var(--hh-color-warning);color:var(--hh-color-on-primary);display:flex}.kds-connection span{font-size:.75rem}.kds-connection--offline{background:var(--hh-color-connection-offline)}.kds-message{background:var(--hh-color-danger);justify-content:space-between;font-weight:750}.kds-message button{width:2.2rem;height:2.2rem;color:inherit;background:#ffffff1f;border:0;border-radius:50%;font-size:1.2rem}.kds-workspace{align-items:start;gap:var(--hh-space-4);padding:var(--hh-space-4);grid-template-columns:repeat(3,minmax(20rem,1fr));display:grid}.kds-lane{border:1px solid var(--hh-color-kds-border-muted);border-radius:var(--hh-radius-card);background:color-mix(in srgb,var(--hh-color-kds-surface) 56%,transparent);grid-template-rows:auto minmax(10rem,1fr);min-width:0;display:grid;overflow:hidden}.kds-lane>header{justify-content:space-between;align-items:center;gap:var(--hh-space-3);min-height:4.4rem;padding:var(--hh-space-3) var(--hh-space-4);border-bottom:1px solid var(--hh-color-kds-border-muted);background:color-mix(in srgb,var(--hh-color-kds-control) 65%,transparent);display:flex}.kds-lane>header>div{align-items:center;gap:var(--hh-space-2);display:flex}.kds-lane h2,.kds-lane p{margin:0}.kds-lane h2{font-size:1.1rem}.kds-lane header p{color:var(--hh-color-kds-text-muted);font-size:.72rem}.kds-lane header strong{background:var(--hh-color-kds-control);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:1.8rem;height:1.8rem;font-size:.75rem;display:grid}.kds-lane-dot{background:var(--hh-color-info);width:.65rem;height:.65rem;box-shadow:0 0 0 4px color-mix(in srgb,var(--hh-color-info) 15%,transparent);border-radius:50%}.kds-lane--preparing .kds-lane-dot{background:var(--hh-color-warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--hh-color-warning) 15%,transparent)}.kds-lane--ready .kds-lane-dot{background:var(--hh-color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--hh-color-success) 15%,transparent)}.kds-lane-tickets{align-content:start;gap:var(--hh-space-3);padding:var(--hh-space-3);display:grid}.kds-card{border:2px solid var(--hh-color-kds-border);border-radius:var(--hh-radius-card);background:var(--hh-color-kds-surface);overflow:hidden;box-shadow:0 8px 24px #0000002e}.kds-card--warning{border-color:var(--hh-color-warning)}.kds-card--overdue{border-color:var(--hh-color-kds-overdue);box-shadow:0 0 0 2px color-mix(in srgb,var(--hh-color-kds-overdue) 18%,transparent),0 8px 24px #00000038}.kds-card>header{justify-content:space-between;align-items:center;gap:var(--hh-space-3);padding:var(--hh-space-4);border-bottom:1px solid var(--hh-color-kds-border-muted);background:color-mix(in srgb,var(--hh-color-kds-control) 55%,transparent);display:flex}.kds-card>header>div{gap:.2rem;display:grid}.kds-card>header span{color:var(--hh-color-kds-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:750}.kds-card>header>div strong{font-size:1.35rem}.kds-card>header time{color:var(--hh-color-kds-text);align-items:baseline;gap:.25rem;display:flex}.kds-card>header time strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.kds-card>header time small{color:var(--hh-color-kds-text-muted);font-size:.7rem}.kds-card--warning>header time{color:var(--hh-color-kds-warning-text)}.kds-card--overdue>header time{color:var(--hh-color-kds-overdue)}.kds-card-meta{align-items:center;gap:var(--hh-space-3);min-height:2.5rem;padding:0 var(--hh-space-4);border-bottom:1px solid var(--hh-color-kds-border-muted);color:var(--hh-color-kds-text-muted);font-size:.7rem;display:flex}.kds-card-meta span+span:before{margin-right:var(--hh-space-3);content:"•"}.kds-card-meta strong{background:color-mix(in srgb,var(--hh-color-warning) 15%,transparent);color:var(--hh-color-kds-warning-text);border-radius:.35rem;margin-left:auto;padding:.2rem .45rem;font-size:.62rem}.kds-card--overdue .kds-card-meta strong{background:color-mix(in srgb,var(--hh-color-kds-overdue) 15%,transparent);color:var(--hh-color-kds-overdue)}.kds-card ol{gap:var(--hh-space-3);padding:var(--hh-space-4);margin:0;list-style:none;display:grid}.kds-card li{align-items:start;gap:var(--hh-space-3);padding-bottom:var(--hh-space-3);border-bottom:1px dashed var(--hh-color-kds-border-muted);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.kds-card li:last-child{border-bottom:0;padding-bottom:0}.kds-card li>span{background:var(--hh-color-kds-control);border-radius:.65rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;font-weight:900;display:grid}.kds-card li>div{gap:.25rem;display:grid}.kds-card li strong{font-size:1.18rem;line-height:1.3}.kds-card li mark,.kds-card li em{background:color-mix(in srgb,var(--hh-color-warning) 14%,transparent);width:max-content;max-width:100%;color:var(--hh-color-kds-note);border-radius:.35rem;padding:.22rem .45rem;font-size:.78rem;font-style:normal;font-weight:850;line-height:1.35}.kds-card li em{background:color-mix(in srgb,var(--hh-color-kds-overdue) 13%,transparent);color:var(--hh-color-kds-overdue)}.kds-card footer{padding:var(--hh-space-3) var(--hh-space-4) var(--hh-space-4)}.kds-card footer>button{justify-content:space-between;align-items:center;gap:var(--hh-space-3);width:100%;min-height:4rem;padding:0 var(--hh-space-4);border-radius:var(--hh-radius-control);background:var(--hh-color-accent);color:var(--hh-color-on-primary);font:inherit;border:0;font-weight:900;display:flex}.kds-lane--preparing .kds-card footer>button{background:var(--hh-color-success)}.kds-card footer button span{font-size:1.05rem}.kds-card footer button small{font-size:.68rem;font-weight:600}.kds-card footer button:disabled{opacity:.55}.kds-ready-state{justify-content:center;align-items:center;gap:var(--hh-space-3);border:1px solid color-mix(in srgb,var(--hh-color-success) 55%,transparent);border-radius:var(--hh-radius-control);background:color-mix(in srgb,var(--hh-color-success) 12%,transparent);min-height:4rem;color:var(--hh-color-success);display:flex}.kds-ready-state>span{background:var(--hh-color-success);width:2rem;height:2rem;color:var(--hh-color-on-primary);border-radius:50%;place-items:center;font-weight:900;display:grid}.kds-ready-state>div{display:grid}.kds-ready-state small{color:var(--hh-color-kds-text-muted)}.kds-lane-empty{place-content:center;justify-items:center;gap:var(--hh-space-2);min-height:14rem;color:var(--hh-color-kds-text-muted);text-align:center;display:grid}.kds-lane-empty>span{border:1px solid var(--hh-color-kds-border-muted);border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.25rem;display:grid}.kds-lane-empty small{font-size:.7rem}.kds-state{background:var(--hh-color-kds-background);min-height:100vh;color:var(--hh-color-kds-text);text-align:center;place-content:center;display:grid}@media (min-width:1800px){.kds-topbar{padding-inline:var(--hh-space-6)}.kds-workspace{gap:var(--hh-space-5);padding:var(--hh-space-5)}.kds-lane-tickets{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.kds-card li strong{font-size:1.3rem}}@media (max-width:1350px){.kds-topbar{grid-template-columns:auto minmax(11rem,.7fr) minmax(20rem,1.4fr) auto}.kds-sound-controls{display:none}.kds-workspace{grid-template-columns:repeat(3,minmax(18rem,1fr));overflow-x:auto}}@media (max-width:900px){.kds-topbar{grid-template-columns:1fr auto}.kds-summary{grid-area:2/1/auto/-1}.kds-station{grid-column:1}.kds-clock{grid-area:1/2}.kds-workspace{grid-template-columns:1fr}.kds-lane{min-width:0}}