.kds{background:var(--bg);height:100vh;color:var(--text);flex-direction:column;display:flex}.kds-bar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex}.kds-bar .brand{align-items:center;gap:.45rem;margin-right:.5rem;font-size:1.05rem;font-weight:800;display:inline-flex}.kds-bar .select{width:auto;min-width:150px}.kds-bar .spacer{flex:1}.kds-conn{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.kds-conn .dot{background:var(--text-faint);border-radius:50%;width:9px;height:9px}.kds-conn.live .dot{background:var(--success)}.kds-conn.retrying .dot{background:var(--danger);animation:1s infinite kds-blink}@keyframes kds-blink{50%{opacity:.3}}.kds-body{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;min-height:0;padding:.85rem;display:grid}.kds-body.with-side{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,280px)}.kds-col{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex}.kds-col-head{letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius) var(--radius) 0 0;border-bottom:3px solid;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.95rem;font-weight:800;display:flex}.kds-col-body{flex:1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:.65rem;padding:.65rem;display:grid;overflow-y:auto}.kds-ticket{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.kds-ticket-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.55rem .7rem;display:flex}.kds-ticket-head .num{font-size:1.35rem;font-weight:800;line-height:1.1}.kds-ticket-head .sub{color:var(--text-muted);margin-top:2px;font-size:.76rem}.kds-timer{font-family:var(--mono);background:var(--surface-alt);white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:1.05rem;font-weight:700}.kds-timer.late{background:var(--warning-soft);color:var(--warning)}.kds-timer.overdue{background:var(--danger-soft);color:var(--danger);animation:1.6s infinite kds-blink}.kds-items{flex-direction:column;flex:1;gap:.4rem;margin:0;padding:.45rem .7rem;list-style:none;display:flex}.kds-item{font-size:1rem}.kds-item .line{align-items:baseline;gap:.4rem;font-weight:700;display:flex}.kds-item .qty{min-width:1.8rem}.kds-item .tags{flex-shrink:0;gap:.25rem;margin-left:auto;display:inline-flex}.kds-item .tag{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:0 .35rem;font-size:.68rem;font-weight:700}.kds-item .mods{color:var(--text-muted);margin:.1rem 0 0 2.2rem;font-size:.85rem}.kds-item .note{color:var(--warning);margin:.1rem 0 0 2.2rem;font-size:.85rem;font-style:italic}.kds-item.voided{opacity:.6}.kds-item.voided .line,.kds-item.voided .mods{text-decoration:line-through}.kds-item .void-why{color:var(--danger);margin-left:2.2rem;font-size:.75rem}.kds-ticket-foot{border-top:1px solid var(--border);background:var(--surface-alt);gap:.4rem;padding:.5rem .7rem;display:flex}.kds-ticket-foot .btn{flex:1;justify-content:center;min-height:44px;font-size:.95rem}.kds-ticket-foot .btn.btn-icon{flex:0 0 44px}.kds-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex}.kds-side-body{flex:1;overflow-y:auto}.kds-side .list-row{padding:.55rem .85rem}.kds-big{font-size:1.25rem;font-weight:800}.kds-drawer-backdrop{background:var(--overlay);z-index:60;position:fixed;inset:0}.kds-drawer{background:var(--surface);z-index:61;width:min(420px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s ease-out kds-slide;display:flex;position:fixed;top:0;bottom:0;right:0}.kds-drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1rem;font-weight:700;display:flex}.kds-drawer-body{flex:1;overflow-y:auto}@keyframes kds-slide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@media (width<=900px){.kds{height:auto;min-height:100vh}.kds-body,.kds-body.with-side{grid-template-columns:minmax(0,1fr)}.kds-col{min-height:200px}.kds-col-body{overflow:visible}}.qb{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.qb-head{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.qb-head h1{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800}.qb-clock{font-family:var(--mono);color:var(--text-muted);font-size:clamp(1.2rem,2.6vw,2.2rem);font-weight:700}.qb-body{flex:1;grid-template-columns:1fr 1fr;gap:1.25rem;min-height:0;padding:1.25rem 2rem 2rem;display:grid}.qb-col{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.qb-col-head{letter-spacing:1px;text-transform:uppercase;padding:.9rem 1.25rem;font-size:clamp(1.3rem,3vw,2.6rem);font-weight:800}.qb-numbers{flex-wrap:wrap;flex:1;align-content:flex-start;gap:clamp(.5rem,1.2vw,1.1rem);padding:1.25rem;display:flex}.qb-number{font-size:clamp(2rem,6vw,5.5rem);font-weight:800;font-family:var(--mono);border-radius:var(--radius);background:var(--surface-alt);text-align:center;min-width:2.6em;padding:.35em .5em;line-height:1}.qb-col.ready .qb-number{background:var(--success-soft);color:var(--success);animation:.35s ease-out pop-in}.qb-empty{color:var(--text-faint);padding:1.25rem;font-size:clamp(1rem,2vw,1.6rem)}@media (width<=700px){.qb-body{grid-template-columns:1fr;padding:1rem}.qb-head{padding:1rem}}