:root{--bg:#0b1020;--panel:#121932;--text:#eef2ff;--muted:#b7c0e0;--accent:#63b3ff;--warn:#ffcc66;--bad:#ff7b7b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#09101f,#111933);color:var(--text)}
a{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:20px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.nav a{padding:10px 14px;background:var(--panel);border-radius:10px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:rgba(18,25,50,.92);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.card h2,.card h3{margin-top:0}button{background:var(--accent);color:#06101f;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
button.secondary{background:#24325f;color:var(--text)}button.warn{background:var(--warn)}button.bad{background:var(--bad)}
input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f1731;color:var(--text);margin:6px 0 12px}
textarea{min-height:86px}pre{background:#0c1329;padding:12px;border-radius:10px;overflow:auto;white-space:pre-wrap}.muted{color:var(--muted)}
.list{display:flex;flex-direction:column;gap:8px}.item{padding:10px;border-radius:12px;background:#0d1530;border:1px solid rgba(255,255,255,.07)}
.hero{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.hero h1{margin:0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.small{font-size:.92rem}
/* ── Phase Waiter-UI — additive only (safe to load by other pages) ── */
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:700;background:#24325f;color:var(--text);line-height:1.6}
.badge--info{background:#24325f}
.badge--type{background:#1b2a4a;border:1px solid rgba(255,255,255,.08)}
.badge--order{background:#0f2a4a;border:1px solid rgba(99,179,255,.35)}
.badge--high{background:var(--bad);color:#1a0808}
.badge--normal{background:var(--accent);color:#06101f}
.badge--low{background:#334466;color:var(--muted)}
.badge--status{border:1px solid rgba(255,255,255,.12)}
.badge--status-pending{background:rgba(255,204,102,.18);color:var(--warn)}
.badge--status-acked{background:rgba(99,179,255,.22);color:var(--accent)}
.badge--status-done{background:rgba(120,210,140,.18);color:#78d28c}
.badge--status-cancelled{background:#2a2f45;color:var(--muted)}
.badge--status-order_ready{background:rgba(120,210,140,.18);color:#78d28c}
.waiter-header{flex-wrap:wrap}
.waiter-counters{gap:10px}
.inbox-list,.ready-list{margin-top:8px}
.inbox-card,.ready-card{display:flex;flex-direction:column;gap:6px}
.inbox-card--high{border-left:4px solid var(--bad)}
.inbox-card--normal{border-left:4px solid var(--accent)}
.inbox-card--low{border-left:4px solid #334466}
.inbox-card__body{font-weight:600}
.inbox-card__meta{gap:10px}
.inbox-card__actions,.ready-card__actions{margin-top:4px}
.ready-card__summary{color:var(--muted)}
@media (max-width:700px){.grid{grid-template-columns:1fr}.waiter-header{flex-direction:column;align-items:flex-start}}

/* ── Waiter UI Polish v2 — additive only (no existing selector mutated) ── */
.waiter-header__title{display:flex;flex-direction:column;gap:2px;min-width:0}
.waiter-ready-card{margin:16px 0;border-top:2px solid rgba(99,179,255,.35)}
.waiter-online-support-card{margin:16px 0;border-top:2px solid rgba(13,110,253,.35)}
.waiter-inbox-card{margin:16px 0}
.waiter-ready-card h2,.waiter-online-support-card h2,.waiter-inbox-card h2{margin-bottom:4px}
.waiter-login-details{margin:12px 0;padding:10px 16px}
.waiter-login-details>summary{cursor:pointer;color:var(--muted);font-size:.92rem;list-style:none}
.waiter-login-details>summary::-webkit-details-marker{display:none}
.waiter-login-details[open]>summary{margin-bottom:8px}
.waiter-login-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.waiter-login-row input{flex:1 1 180px;margin:0}
.ready-card{gap:8px;padding:14px;background:#0e1733}
.ready-card__age{margin-left:auto}
.ready-card__actions button{min-width:120px}
.inbox-card.is-acked{opacity:.7}
.inbox-card.is-pending,.ready-card.is-pending{opacity:.55;pointer-events:none;transition:opacity .15s ease}
.empty-state{padding:10px 2px}
.section-error{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-top:8px;border:1px dashed var(--bad);border-radius:12px;color:var(--bad);background:rgba(255,123,123,.06)}
.section-error[hidden],#kitchen_global_error[hidden],#ready_error[hidden],#inbox_error[hidden]{display:none!important}
.section-error button{padding:6px 12px;font-weight:600}
.skeleton-row{height:54px;border-radius:12px;margin:8px 0;background:linear-gradient(90deg,#0d1530 0%,#182349 50%,#0d1530 100%);background-size:200% 100%;animation:rastan-skeleton 1.2s ease-in-out infinite}
@keyframes rastan-skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.status-strip{margin:18px 0 4px;padding:10px 14px;border-radius:10px;background:rgba(18,25,50,.6);border:1px solid rgba(255,255,255,.06)}
@media (max-width:900px){
  .waiter-header{flex-direction:column;align-items:flex-start;gap:10px}
  .inbox-card__actions button,.ready-card__actions button{min-width:104px;min-height:44px;padding:12px 16px}
  .waiter-login-row input{flex-basis:100%}
}

/* ── Kitchen UI (CTO locked) — additive only ── */
.kitchen-header{flex-wrap:wrap}
.kitchen-header__title{display:flex;flex-direction:column;gap:2px;min-width:0}
.kitchen-counters{gap:10px}
.kitchen-login-details{margin:12px 0;padding:10px 16px}
.kitchen-login-details>summary{cursor:pointer;color:var(--muted);font-size:.92rem;list-style:none}
.kitchen-login-details>summary::-webkit-details-marker{display:none}
.kitchen-login-details[open]>summary{margin-bottom:8px}
.kitchen-login-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kitchen-login-row input{flex:1 1 180px;margin:0}
.kitchen-global-error{margin:12px 0}
.kitchen-section{margin:16px 0}
.kitchen-new-card{border-top:2px solid rgba(255,204,102,.28)}
.kitchen-prep-card{border-top:2px solid rgba(99,179,255,.35)}
.kitchen-ready-card{border-top:2px solid rgba(120,210,140,.35)}
.kitchen-list{margin-top:8px}
.kitchen-ticket{display:flex;flex-direction:column;gap:6px;padding:12px;background:#0e1733}
.kitchen-ticket__head{align-items:center}
.kitchen-ticket__age{margin-left:auto}
.kitchen-ticket__summary{font-weight:600;color:var(--text)}
.kitchen-ticket__actions{margin-top:4px}
.kitchen-ticket__hint{margin-top:4px;font-style:italic}
.kitchen-ticket.is-pending{opacity:.55;pointer-events:none;transition:opacity .15s ease}
.kitchen-legacy-compat{margin-top:16px}
.badge--status-queued{background:rgba(255,204,102,.2);color:var(--warn)}
.badge--status-preparing{background:rgba(99,179,255,.22);color:var(--accent)}
.badge--status-stage_ready{background:rgba(147,112,219,.22);color:#c4b5fd}
@media (max-width:900px){
  .kitchen-ticket__actions button{min-width:104px;min-height:44px;padding:12px 16px}
  .kitchen-login-row input{flex-basis:100%}
}

