:root{
  --bg:#0b1018;
  --panel:#121a27;
  --line:rgba(255,255,255,.08);
  --text:#f8fafc;
  --muted:#9fb0c6;
  --accent:#ff7a18;
  --accent-soft:rgba(255,122,24,.16);
  --danger-soft:rgba(239,68,68,.15);
  --prep:#f5c94d;
  --ready:#58c27d;
  --served:#39a0ed;
  --done:#5b6472;
  --delivery-accent:#ff6b57;
  --shadow:0 24px 64px rgba(0,0,0,.28);
  --board-columns:3;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,122,24,.16),transparent 28%),radial-gradient(circle at top right,rgba(57,160,237,.09),transparent 24%),var(--bg);color:var(--text);font-family:Bahnschrift,"Trebuchet MS","Segoe UI",sans-serif}
body{min-height:100vh}
a{color:#ffd7b2;text-decoration:none}
button,input,select{font:inherit}
.kds-shell{min-height:100vh;padding:12px}
.auth-screen{min-height:calc(100vh - 24px);display:flex;align-items:center;justify-content:center}
.auth-card{width:min(100%,420px);background:rgba(18,26,39,.94);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}
.auth-card--wide{width:min(100%,520px)}
.auth-brand{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.auth-brand img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:10px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.auth-brand h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem);color:#ffb36f}
.auth-brand p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.auth-form{display:grid;gap:14px}
.auth-form label{font-size:.95rem;color:#dbe7f5}
.auth-form input,.auth-form select{width:100%;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:#0a111c;color:var(--text)}
.auth-form button,.ghost-button{padding:11px 14px;border-radius:14px;border:none;background:linear-gradient(135deg,#ff8c33,#ff5a1f);color:#fff;font-weight:700;cursor:pointer}
.ghost-button{background:#22314b;border:1px solid rgba(255,255,255,.1)}
.auth-error,.auth-empty{margin-bottom:16px;padding:14px 16px;border-radius:16px;background:var(--danger-soft);color:#ffd0d0}
.topbar{position:sticky;top:8px;z-index:20;padding:9px 12px;border-radius:22px;background:rgba(18,26,39,.97);border:1px solid var(--line);box-shadow:var(--shadow);overflow:visible}
.topbar-row{display:grid;grid-template-columns:auto 164px minmax(360px,1fr) auto auto;gap:8px;align-items:center}
.brand-block{display:flex;align-items:center;gap:10px;min-width:150px}
.brand-icon{width:46px;height:46px;border-radius:12px;background:#fff;padding:7px;object-fit:contain}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.62rem;color:#8ca2bb}
.topbar h1{margin:0;font-size:1.95rem;line-height:.9;color:#ff9d46}
.topbar-actions{display:flex;align-items:center;gap:8px}
.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--line);background:#1d2a3f;color:#fff;cursor:pointer;font-size:1.05rem}
.icon-button--small{width:34px;height:34px;font-size:1.15rem}
.logout-link{padding:11px 14px;border-radius:14px;background:#1d2a3f;border:1px solid var(--line)}
.toolbar-group{display:grid;gap:0;min-width:0}
.toolbar-group--status{min-width:360px}
.toolbar-select{width:100%;padding:8px 11px;border-radius:13px;border:1px solid var(--line);background:#0d1520;color:#fff;min-width:0;font-size:.9rem;font-weight:700}
.status-switch{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}
.status-pill{min-width:0;padding:9px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#162131;color:#d8e4f2;cursor:pointer;transition:.18s ease}
.status-pill strong{display:block;font-size:.78rem;letter-spacing:.02em;white-space:nowrap}
.status-pill.is-active{background:var(--accent-soft);border-color:rgba(255,122,24,.45);color:#fff;transform:translateY(-1px)}
.toolbar-stats{display:flex;gap:6px;justify-content:flex-end}
.header-stat{min-width:82px;padding:7px 9px;border-radius:13px;background:#162131;border:1px solid var(--line);display:flex;align-items:center;gap:6px}
.header-stat span{display:block;font-size:.63rem;line-height:1.05;letter-spacing:.12em;text-transform:uppercase;color:#8fa4be;max-width:none}
.header-stat strong{display:block;margin:0;font-size:.98rem;line-height:1.02;white-space:nowrap}
.header-stat--clock{min-width:132px;display:grid;gap:2px;align-items:start}
.header-stat--clock strong{white-space:normal}
.header-stat--clock strong span{display:block}
.settings-panel{position:absolute;top:calc(100% + 10px);right:16px;width:min(340px,calc(100vw - 32px));display:grid;gap:14px;padding:16px;border-radius:20px;background:#101825;border:1px solid var(--line);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.settings-panel[hidden]{display:none}
.settings-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.settings-header h2{margin:0;font-size:1.02rem}
.settings-grid{display:grid;grid-template-columns:1fr;gap:12px}
.settings-field{display:grid;gap:8px}
.settings-field span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#93a8c1}
.settings-field input,.settings-field select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0a111c;color:#fff}
.settings-actions{display:flex;justify-content:flex-end}
.app-shell{margin-top:12px;display:grid;gap:12px}
.boards{display:grid;gap:12px}
.board-section{padding:10px;border-radius:22px;background:rgba(18,26,39,.9);border:1px solid var(--line);box-shadow:var(--shadow)}
.board-header{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:8px}
.board-header-inline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.board-header h2{margin:0;font-size:clamp(1rem,2vw,1.35rem);line-height:1}
.board-header p{margin:0;color:var(--muted);font-size:.92rem}
.board-grid{display:grid;grid-template-columns:repeat(var(--board-columns),minmax(0,1fr));gap:12px;align-items:start}
.order-card{display:grid;grid-template-rows:auto 1fr auto;border-radius:22px;background:#f7fafc;color:#111827;overflow:hidden;border:1px solid rgba(10,15,25,.08);box-shadow:0 12px 24px rgba(0,0,0,.15)}
.order-card.is-prep .order-top{background:var(--prep)}
.order-card.is-ready .order-top{background:var(--ready)}
.order-card.is-done{background:#4b5563;color:#f8fafc;border-color:#3f4652;box-shadow:0 14px 26px rgba(0,0,0,.24)}
.order-card.is-done .order-top{background:#5b6472;color:#fff}
.order-card.is-done .order-body{background:#4b5563;color:#f8fafc}
.order-card.is-done .item-row + .item-row{border-top-color:rgba(255,255,255,.16)}
.order-card.is-done .item-mod{color:#dbe4ef}
.order-card.is-done .order-top-chip{background:rgba(255,255,255,.14);color:#fff}
.order-card.is-done .action-button--ghost{background:#64748b;color:#fff}
.order-card.is-done .action-button--primary{background:#1f2937;color:#fff}
.order-card.is-summary .order-top{background:#dbeafe;color:#12223f}
.order-card.is-delivery{border:2px solid var(--delivery-accent);box-shadow:0 0 0 1px rgba(255,107,87,.28),0 16px 28px rgba(255,107,87,.18)}
.order-card.is-delivery .order-tag{background:var(--delivery-accent);color:#fff}
.order-card.is-delivery .order-comanda{background:#7f1d1d;color:#fff}
.order-card.is-delivery .order-body{background:linear-gradient(180deg,rgba(255,107,87,.08),rgba(247,250,252,.98) 68%)}
.order-card.is-alert{box-shadow:0 0 0 1px rgba(239,68,68,.45),0 14px 24px rgba(0,0,0,.2)}
.order-summary-count{font-size:1.05rem;font-weight:900;line-height:1;white-space:nowrap}
.order-card.is-summary .order-status{color:#1d4ed8}
.order-card.is-summary .order-top-chip{background:rgba(29,78,216,.08)}
.order-body--summary{padding-bottom:10px}
.order-card.is-alert .order-top{animation:kdsAlertHeader 1.15s ease-in-out infinite}
.order-top{padding:7px 10px 6px}
.order-meta-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.order-meta-left{display:flex;align-items:center;gap:8px;min-width:0}
.order-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.24);font-size:.72rem;font-weight:700}
.order-status{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;white-space:nowrap}
.order-headline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.order-title{font-size:1rem;font-weight:800;line-height:1.05}
.order-comanda{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#111827;color:#fff;font-size:.92rem;font-weight:800;line-height:1.08}
.order-comanda--type{text-transform:uppercase;letter-spacing:.04em}
.order-subtitle{margin-top:1px;font-size:.82rem;opacity:.88}
.order-top-info{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.order-top-chip{display:inline-flex;gap:4px;align-items:center;padding:2px 6px;border-radius:999px;background:rgba(17,24,39,.12);font-size:.68rem;line-height:1.08}
.order-top-chip b{text-transform:uppercase;letter-spacing:.08em;font-size:.63rem}
.order-timer{font-size:1.1rem;font-weight:900;line-height:1;white-space:nowrap}
.order-body{padding:4px 10px 0;display:grid;gap:2px}
.item-list{display:grid;gap:0}
.item-row{padding:0;background:transparent;border:none;border-radius:0}
.item-row + .item-row{margin-top:1px;padding-top:1px;border-top:1px dashed rgba(17,24,39,.18)}
.item-main{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:start;font-weight:800;font-size:.98rem}
.item-qty{min-width:18px;padding:0;border-radius:0;background:transparent;color:inherit;text-align:left}
.item-name{line-height:1.02}
.item-mod{margin-top:1px;margin-left:24px;font-size:.9rem;font-weight:800;line-height:1.15;color:#34465f}
.order-actions{padding:5px 10px 8px;display:grid;grid-template-columns:44px 1fr 1fr;gap:8px}
.order-actions--no-prev{grid-template-columns:44px 1fr}
.action-button{padding:9px 11px;border:none;border-radius:13px;font-weight:800;cursor:pointer}
.action-button--ghost{background:#e5ecf3;color:#1f2937}
.action-button--primary{background:#111827;color:#fff}
.action-button--icon{padding:0;font-size:1.12rem;background:#22314b;color:#fff}
.action-button[disabled]{opacity:.45;cursor:not-allowed}
.empty-state{padding:32px 20px;border-radius:22px;background:#162131;border:1px dashed rgba(255,255,255,.14);text-align:center;color:#c8d5e3}
.sync-error{padding:16px 18px;border-radius:18px;background:var(--danger-soft);color:#ffd5d5}
@keyframes kdsAlertHeader{0%,100%{background:#f5c94d;color:#111827}50%{background:#ef4444;color:#fff}}
@media (max-width:1600px){.topbar-row{grid-template-columns:auto 156px minmax(300px,1fr) auto auto}.status-pill strong{font-size:.75rem}.header-stat{min-width:78px}}
@media (max-width:1320px){.topbar-row{grid-template-columns:1fr 1fr}.toolbar-group--status{grid-column:1/-1}.toolbar-stats{justify-content:flex-start;flex-wrap:wrap}.board-grid{grid-template-columns:repeat(min(2,var(--board-columns)),minmax(0,1fr))}}
@media (max-width:720px){.kds-shell{padding:10px}.topbar{top:6px;padding:12px;border-radius:22px}.topbar-row{grid-template-columns:1fr}.toolbar-group--status{min-width:0}.status-switch{flex-wrap:wrap}.toolbar-stats{width:100%;flex-wrap:wrap}.header-stat{display:flex}.header-stat--clock{display:grid}.board-grid{grid-template-columns:1fr}.order-actions{grid-template-columns:44px 1fr 1fr}.order-actions--no-prev{grid-template-columns:44px 1fr}}