/* Stax Kitchen look, 2026-11. Loaded after styles.css, bump-visibility.css and fryer.css.
   Colour, type, radius and surface only. Sizes, grid, tap targets and timing live in
   the older files and in app.js / fryer.js and are not touched here.
   Tokens and rules are Workforce's (workforce/UI-GUIDELINES.md, ui/src/styles.css):
   readable light text on neutral dark surfaces, glass cards with a hairline border,
   Inter, gold as an accent and never a large fill, and a state shown as a tinted card
   with a coloured edge and a solid chip. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2")}

html.kitchen-screen{
  --k-bg:#121212;--k-fg:#f0f0f0;--k-card:#1a1a1a;--k-raised:#242424;--k-muted:#2e2e2e;--k-muted-fg:#9e9e9e;
  --k-border:#404040;--k-hair:#ffffff14;--k-brand:#f0c030;--k-brand-fg:#121212;
  --k-good:#34b262;--k-warn:#f98b1f;--k-critical:#ee2f2f;
  --k-wash1:#f0c03030;--k-wash2:#14a8ad33;--k-radius:12px;
  /* Workforce band colours (dark theme), as HSL triplets. */
  --band-exceptional:152 62% 48%;--band-good:96 55% 52%;--band-ok:48 92% 56%;--band-poor:24 95% 58%;--band-bad:0 86% 62%;--k-brand-hsl:45 86% 56%;
  /* The older stylesheets read these. */
  --bg:var(--k-bg);--panel:var(--k-card);--text:var(--k-fg);--muted:var(--k-muted-fg);--line:var(--k-hair);--yellow:var(--k-brand);
  --great:var(--k-muted);--ontrack:var(--k-good);--target:var(--k-brand);--warning:var(--k-warn);--overdue:var(--k-critical);--critical:#000;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html.kitchen-screen.bump-visibility{--bg:var(--k-bg);--text:var(--k-fg);--muted:var(--k-muted-fg);--yellow:var(--k-brand)}
html.kitchen-screen,html.kitchen-screen body{background:var(--k-bg)}
html.kitchen-screen body{background-image:radial-gradient(60vw 60vh at 0% 0%,var(--k-wash1),transparent 70%),radial-gradient(55vw 60vh at 100% 100%,var(--k-wash2),transparent 70%);background-attachment:fixed;color:var(--k-fg)}
html.kitchen-screen :is(.timer,.chip-clock,.metric strong,.tab span,.item-qty,.basket-clock,.need-count){font-variant-numeric:tabular-nums}

/* ---- Store sign-in ---- */
html.kitchen-screen .site-gate{background:transparent}
html.kitchen-screen .site-gate-card{background:#1a1a1acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--k-hair);border-radius:20px;box-shadow:0 24px 80px #0008}
html.kitchen-screen .gate-brand>span:last-child{color:var(--k-brand);font-weight:700;letter-spacing:2.5px;border-color:var(--k-hair)}
html.kitchen-screen .site-gate .eyebrow{color:var(--k-muted-fg);letter-spacing:2px}
html.kitchen-screen .site-gate h1{font-weight:600;letter-spacing:-1px}
html.kitchen-screen .gate-description,html.kitchen-screen .gate-access-help p,html.kitchen-screen .site-code-status{color:#d6d6d6}
html.kitchen-screen .gate-sites button{background:var(--k-raised);border:1px solid var(--k-border);border-radius:var(--k-radius);color:var(--k-fg);font-weight:600}
html.kitchen-screen .gate-sites button:hover{background:var(--k-muted)}
html.kitchen-screen .gate-sites button:disabled{background:var(--k-card);color:var(--k-muted-fg);border-color:var(--k-border)}
html.kitchen-screen .gate-mode{background:var(--k-raised);border:1px solid var(--k-border);border-radius:var(--k-radius)}
html.kitchen-screen .gate-mode:has(input:checked){background:#f0c03014;border-color:var(--k-brand);box-shadow:inset 0 0 0 1px var(--k-brand)}
html.kitchen-screen .gate-mode strong{color:var(--k-fg)}html.kitchen-screen .gate-mode small{color:#c8c8c8}
html.kitchen-screen .gate-modes legend,html.kitchen-screen .site-gate form>label{color:var(--k-fg)}
html.kitchen-screen .site-gate input[type=password]{background:#0d0d0d;border:1px solid var(--k-border);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen .site-gate input[type=password]:focus{border-color:var(--k-brand)}
html.kitchen-screen .site-gate .button{border-radius:var(--k-radius);font-weight:650}
html.kitchen-screen .gate-access-help{border-top:1px solid var(--k-hair)}
html.kitchen-screen .admin-entry{background:transparent;border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen .admin-entry:hover{background:var(--k-raised)}
html.kitchen-screen .admin-entry span,html.kitchen-screen .gate-demo-note{color:var(--k-muted-fg)}

/* ---- Bump: side panel ---- */
html.kitchen-screen:not(.fryer-page) #kitchen-app .kitchen-sidebar{background:#1a1a1a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--k-hair)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .brand-product{color:var(--k-muted-fg);font-weight:600}
html.kitchen-screen:not(.fryer-page) #kitchen-app h1{font-weight:600;letter-spacing:-.8px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .bump-store-menu{background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .store-switch{background:transparent;border-color:var(--k-hair);border-radius:10px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .metric strong{font-weight:600}
html.kitchen-screen:not(.fryer-page) #kitchen-app .metric span{color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .metric.alert strong{color:#ff8a80}
html.kitchen-screen:not(.fryer-page) #kitchen-app .oldest-metric,html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timers,html.kitchen-screen:not(.fryer-page) #kitchen-app .statusbar{border-color:var(--k-hair)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timers h2,html.kitchen-screen:not(.fryer-page) #kitchen-app .time-rule{color:var(--k-muted-fg);font-weight:600;letter-spacing:1.6px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer{background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-clock{color:var(--k-brand);font-weight:650}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-status{color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer.is-running{background:#f0c03014;border-color:var(--k-brand)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer.is-running .chip-status{color:var(--k-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-cancel{background:transparent;border-color:var(--k-hair);color:var(--k-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .tab{background:transparent;border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-muted-fg);font-weight:600}
html.kitchen-screen:not(.fryer-page) #kitchen-app .tab span{background:var(--k-muted);color:var(--k-fg);border-radius:8px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .tab.active{background:var(--k-muted);border-color:var(--k-border);color:var(--k-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .tab.active span{background:var(--k-brand);color:var(--k-brand-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .sort-label,html.kitchen-screen:not(.fryer-page) #kitchen-app .time-legend>span,html.kitchen-screen:not(.fryer-page) #kitchen-app .target-note{color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .sidebar-actions{background:transparent;box-shadow:none}
html.kitchen-screen:not(.fryer-page) #kitchen-app .sidebar-actions .icon-button{background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .queue-service-status{background:var(--k-raised);border-color:var(--k-warn);border-radius:var(--k-radius);color:var(--k-fg)}

/* ---- Bump: tickets ----
   Workforce rule: a state is a tinted glass card with a coloured edge and a solid chip,
   never a full-colour slab. The timer is the chip, so the age reads from across the pass. */
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket{--b:0 0% 62%;background:var(--k-card);color:#fff;border:1px solid var(--k-hair);border-top:1px solid var(--k-hair);border-radius:var(--k-radius);box-shadow:inset 0 1px 0 #ffffff14;transition:border-color 150ms cubic-bezier(.4,0,.2,1),box-shadow 150ms cubic-bezier(.4,0,.2,1)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=ontrack]{--b:var(--band-exceptional)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=target]{--b:var(--band-ok)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=warning]{--b:var(--band-poor)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=overdue],html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=critical]{--b:var(--band-bad)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket:not([data-level=great]):not(.completed){border-color:hsl(var(--b) / .6);background:linear-gradient(180deg,hsl(var(--b) / .2),hsl(var(--b) / .04) 42%),var(--k-card)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=critical]:not(.completed){border-color:hsl(var(--b));box-shadow:0 0 0 2px hsl(var(--b)),0 0 18px hsl(var(--b) / .5);background:linear-gradient(180deg,hsl(var(--b) / .34),hsl(var(--b) / .08) 55%),var(--k-card)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.tap-to-bump:hover{border-color:hsl(var(--k-brand-hsl) / .55);box-shadow:0 0 0 1px hsl(var(--k-brand-hsl) / .25),0 0 14px hsl(var(--k-brand-hsl) / .18)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket .ticket-header{background:transparent;color:#fff;border-bottom:1px solid var(--k-hair)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket :is(.order-type,.timer-status){background:transparent;color:#d6d6d6}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket .order-number{color:#fff;font-weight:700;letter-spacing:-.4px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket .order-number.no-note{color:#c4c4c4;font-weight:600}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket .timer{background:var(--k-muted);color:#fff;border-radius:8px;padding:2px 6px;font-weight:700}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket:not([data-level=great]):not(.completed) .timer{background:hsl(var(--b));color:#121212}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=overdue]:not(.completed) .timer,html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket[data-level=critical]:not(.completed) .timer{color:#fff;background:hsl(0 80% 46%)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket:not([data-level=great]):not(.completed) .timer-status{color:hsl(var(--b));font-weight:700}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.completed{background:var(--k-card);border-color:var(--k-hair);box-shadow:none}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.completed .ticket-header{background:transparent;color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.completed :is(.timer,.timer-status,.order-type,.order-number){background:transparent;color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.completed .item{color:var(--k-muted-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .order-origin{border-color:var(--k-hair);color:#b8b8b8;letter-spacing:1px}
html.kitchen-screen:not(.fryer-page) #kitchen-app .item{color:#fff}
html.kitchen-screen:not(.fryer-page) #kitchen-app .item-name{color:inherit;font-weight:650}
html.kitchen-screen:not(.fryer-page) #kitchen-app .item-modifiers{color:#d8d8d8}
html.kitchen-screen:not(.fryer-page) #kitchen-app .item-qty{background:var(--k-muted);color:#fff;border-radius:6px;font-weight:700}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket-action{background:transparent;border-top:1px solid var(--k-hair)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .complete-button{background:var(--k-muted);border:1px solid var(--k-border);border-radius:10px;color:#fff;font-weight:650}
html.kitchen-screen:not(.fryer-page) #kitchen-app .complete-button:hover{background:#3a3a3a}
html.kitchen-screen:not(.fryer-page) #kitchen-app .complete-button svg{color:var(--k-brand)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .recall-button{background:transparent;border:1px solid var(--k-border);border-radius:10px;color:#fff}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket-scroll-hint{background:var(--k-muted);color:#fff}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket.is-saving{outline-color:var(--k-brand)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .bump-progress{background:var(--k-brand);color:var(--k-brand-fg)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .ticket :is(button,[tabindex]):focus-visible{outline-color:var(--k-brand)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .bump-row{background:var(--k-brand);color:var(--k-brand-fg);border-radius:var(--k-radius);box-shadow:inset 0 1px 0 #ffffff59}
html.kitchen-screen:not(.fryer-page) #kitchen-app .bump-row:hover{background:#f5cf55}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.ontrack{background:hsl(var(--band-exceptional))}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.target{background:hsl(var(--band-ok))}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.warning{background:hsl(var(--band-poor))}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.overdue{background:hsl(var(--band-bad))}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.critical{background:hsl(var(--band-bad));box-shadow:0 0 0 2px hsl(var(--band-bad) / .45)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .legend-dot.great{background:#9e9e9e}

/* ---- Shared: toast and dialogs ---- */
html.kitchen-screen .toast{background:#242424f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--k-fg);border:1px solid var(--k-hair);border-radius:14px;box-shadow:0 16px 48px #000a}
html.kitchen-screen .toast button{color:var(--k-fg)}
html.kitchen-screen .toast #undo-button{color:var(--k-brand);text-decoration:none;font-weight:700}
html.kitchen-screen dialog{background:#1a1a1a;border:1px solid var(--k-hair);border-radius:20px;color:var(--k-fg)}
html.kitchen-screen dialog::backdrop{background:#000000b3;backdrop-filter:blur(6px)}
html.kitchen-screen .dialog-close{background:var(--k-muted)}
html.kitchen-screen .button.primary,html.kitchen-screen .button:not(.secondary):not(.ghost){border-radius:var(--k-radius)}

/* ---- Chicken Timer ---- */
html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar{background:#1a1a1a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--k-hair)}
html.kitchen-screen.fryer-page #kitchen-app .station-label strong{color:var(--k-brand);font-weight:650}
html.kitchen-screen.fryer-page #kitchen-app :is(.eyebrow,.station-label span,#wake-status,.cutover-note,#basket-summary){color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar button{background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar button:hover{background:var(--k-muted)}
html.kitchen-screen.fryer-page #kitchen-app .prep-preset strong{color:var(--k-brand);font-weight:650}
html.kitchen-screen.fryer-page #kitchen-app .prep-preset small,html.kitchen-screen.fryer-page #kitchen-app #manual-button span{color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .prep-preset[aria-pressed=true],html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar button[aria-pressed=true]{background:var(--k-brand);border-color:var(--k-brand);color:var(--k-brand-fg)}
html.kitchen-screen.fryer-page #kitchen-app .prep-preset[aria-pressed=true] :is(strong,small,span){color:inherit}
html.kitchen-screen.fryer-page #kitchen-app .station-bottom #sound-status.error{color:#ffb199}
html.kitchen-screen.fryer-page #kitchen-app .fryer-heading h1{font-weight:600;letter-spacing:-1px}
html.kitchen-screen.fryer-page #kitchen-app .connection{color:#bfe8cc}
html.kitchen-screen.fryer-page #kitchen-app .connection.offline{color:#ffb199}
html.kitchen-screen.fryer-page #kitchen-app .basket-heading h2{font-weight:600}

/* Needed tiles */
html.kitchen-screen.fryer-page #kitchen-app .count-card{background:var(--k-card);border:1px solid var(--k-hair);border-radius:16px;color:var(--k-fg);box-shadow:0 8px 24px #0006;overflow:hidden}
html.kitchen-screen.fryer-page #kitchen-app .count-card :is(.count-number,.count-name){color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-card .count-number{font-weight:700;letter-spacing:-2px}
html.kitchen-screen.fryer-page #kitchen-app .count-card .count-name{font-weight:600;color:#d6d6d6}
html.kitchen-screen.fryer-page #kitchen-app .count-card.is-zero .count-number{color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-status{background:var(--k-raised);border-color:var(--k-hair);color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-status .count-status-label{color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-status .ready-number{color:var(--k-brand)}
html.kitchen-screen.fryer-page #kitchen-app .count-card.is-selected{border-color:var(--k-brand);box-shadow:0 0 0 2px var(--k-brand),0 8px 28px #f0c03026;background:#211d10}
html.kitchen-screen.fryer-page #kitchen-app .quantity-stepper button{background:var(--k-muted);border:1px solid var(--k-border);border-radius:10px;color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .quantity-stepper>span{background:var(--k-brand);color:var(--k-brand-fg);border-radius:10px}
html.kitchen-screen.fryer-page #kitchen-app .selection-strip{color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .selection-strip.has-selection{color:var(--k-brand)}
html.kitchen-screen.fryer-page #kitchen-app #clear-selection{background:var(--k-raised);border:1px solid var(--k-border);border-radius:10px;color:var(--k-fg)}

/* Baskets */
html.kitchen-screen.fryer-page #kitchen-app .basket{border-radius:16px;border:1px solid var(--k-hair);background:var(--k-card);color:var(--k-fg);box-shadow:0 8px 24px #0005}
html.kitchen-screen.fryer-page #kitchen-app .basket :is(.basket-name,.basket-status){letter-spacing:1.2px;font-weight:650}
html.kitchen-screen.fryer-page #kitchen-app .basket.empty{background:#ffffff05;border:1px dashed var(--k-border);box-shadow:none}
html.kitchen-screen.fryer-page #kitchen-app .basket.empty :is(.basket-name,.basket-status,.basket-clock,.basket-contents,.basket-foot){color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .basket.down{background:var(--k-raised);border-color:var(--k-border)}
html.kitchen-screen.fryer-page #kitchen-app .basket.down :is(.basket-main,.basket-clock,.basket-contents,.basket-piece-qty){color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .basket.down .basket-foot{color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .basket :is(.basket-clock){font-weight:700;letter-spacing:-1px}
html.kitchen-screen.fryer-page #kitchen-app .basket.can-drop{border:2px dashed var(--k-brand);background:#f0c0300f}
html.kitchen-screen.fryer-page #kitchen-app .basket.can-drop .basket-clock{background:var(--k-brand);color:var(--k-brand-fg);border-radius:999px}
html.kitchen-screen.fryer-page #kitchen-app .basket :is(.basket-options,.basket-adjust){background:#00000059;border:1px solid var(--k-hair);border-radius:10px;color:var(--k-fg)}
html.kitchen-screen.fryer-page #kitchen-app .available-strip{background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius);color:var(--k-fg)}
html.kitchen-screen.fryer-page dialog .button.secondary{background:var(--k-muted);border-color:var(--k-border);color:var(--k-fg);border-radius:var(--k-radius)}
html.kitchen-screen.fryer-page dialog .button.primary{background:var(--k-brand);color:var(--k-brand-fg);border-radius:var(--k-radius)}
html.kitchen-screen.fryer-page dialog :is(input,select,button:not(.button):not(.dialog-close)){border-radius:10px}

/* A count with nothing needed is quiet, not a pale tile. */
html.kitchen-screen.fryer-page #kitchen-app .count-select:disabled{background:transparent;color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-select:disabled :is(.count-number,.count-name){color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app button:disabled:not(.count-select){background:var(--k-card);color:var(--k-muted-fg);border-color:var(--k-hair)}
html.kitchen-screen.fryer-page .fryer-toast{background:#242424f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--k-fg);border:1px solid var(--k-hair);border-radius:14px;box-shadow:0 16px 48px #000a}
html.kitchen-screen.fryer-page .fryer-toast button{background:var(--k-brand);color:var(--k-brand-fg);border:0;border-radius:10px;font-weight:700}
html.kitchen-screen.fryer-page .fryer-toast #timer-toast-close{background:transparent;color:var(--k-fg)}
html.kitchen-screen.fryer-page dialog button:disabled{background:var(--k-card);color:var(--k-muted-fg);border-color:var(--k-hair)}
html.kitchen-screen .button.secondary{background:var(--k-muted);border:1px solid var(--k-border);color:var(--k-fg);border-radius:var(--k-radius)}
html.kitchen-screen .button.secondary:hover{background:#3a3a3a}
html.kitchen-screen .button.primary{background:var(--k-brand);color:var(--k-brand-fg);border-radius:var(--k-radius)}
html.kitchen-screen .gate-cancel{color:var(--k-muted-fg)}

/* ---- Workforce rules: lit states instead of gold fills ---- */
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer.is-ready{background:linear-gradient(180deg,hsl(var(--k-brand-hsl) / .34),hsl(var(--k-brand-hsl) / .1)),var(--k-card);border-color:var(--k-brand);box-shadow:0 0 0 2px var(--k-brand),0 0 18px hsl(var(--k-brand-hsl) / .5);color:#fff}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer.is-ready .chip-clock{color:var(--k-brand)}
html.kitchen-screen:not(.fryer-page) #kitchen-app .chip-timer.is-ready .chip-status{color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .basket{box-shadow:inset 0 1px 0 #ffffff14}
html.kitchen-screen.fryer-page #kitchen-app .basket.down .basket-status,html.kitchen-screen.fryer-page #kitchen-app .basket.ready .basket-status,html.kitchen-screen.fryer-page #kitchen-app .basket.empty .basket-status{border-radius:999px;padding:2px 10px;font-size:.8em}
html.kitchen-screen.fryer-page #kitchen-app .basket.down .basket-status{background:hsl(var(--band-exceptional) / .16) !important;border:1px solid hsl(var(--band-exceptional) / .45);color:hsl(var(--band-exceptional))}
html.kitchen-screen.fryer-page #kitchen-app .basket.ready{background:linear-gradient(180deg,hsl(var(--k-brand-hsl) / .36),hsl(var(--k-brand-hsl) / .1) 70%),var(--k-card);border-color:var(--k-brand);box-shadow:0 0 0 2px var(--k-brand),0 0 22px hsl(var(--k-brand-hsl) / .5)}
html.kitchen-screen.fryer-page #kitchen-app .basket.ready :is(.basket-main,.basket-name,.basket-contents,.basket-piece-qty,.basket-foot){color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .basket.ready .basket-clock{color:var(--k-brand)}
html.kitchen-screen.fryer-page #kitchen-app .basket.ready .basket-status{background:var(--k-brand) !important;border:1px solid var(--k-brand);color:var(--k-brand-fg)}
html.kitchen-screen.fryer-page #kitchen-app .basket :is(.basket-options,.basket-adjust){background:var(--k-muted);border:1px solid var(--k-border);color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .count-card{box-shadow:inset 0 1px 0 #ffffff14}
html.kitchen-screen.fryer-page #kitchen-app .count-card :is(.count-number,.count-name){color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .basket.down :is(.basket-main,.basket-clock,.basket-contents,.basket-piece-qty){color:#fff}
html.kitchen-screen .gate-sites button[aria-pressed=true]{background:var(--k-muted);color:#fff;border-color:var(--k-brand);box-shadow:0 0 0 2px hsl(var(--k-brand-hsl) / .4)}
html.kitchen-screen .gate-sites button[aria-pressed=true]::before{color:var(--k-brand)}
html.kitchen-screen .site-gate-card,html.kitchen-screen dialog{box-shadow:inset 0 1px 0 #ffffff12,0 10px 30px -18px #000000b3}
/* Thin, quiet scrollbars, as in Workforce. */
html.kitchen-screen *{scrollbar-width:thin;scrollbar-color:#9e9e9e59 transparent}
html.kitchen-screen *::-webkit-scrollbar{width:8px;height:8px}
html.kitchen-screen *::-webkit-scrollbar-track{background:transparent}
html.kitchen-screen *::-webkit-scrollbar-thumb{background:#9e9e9e40;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
html.kitchen-screen body{font-variant-numeric:tabular-nums}

/* ---- Chicken: same language as the Bump tickets ----
   Cooking is a soft green glow with a green edge, ready is lit gold, empty is quiet. */
html.kitchen-screen.fryer-page #kitchen-app .basket.down{--b:var(--band-exceptional);border-color:hsl(var(--b) / .6);background:linear-gradient(180deg,hsl(var(--b) / .2),hsl(var(--b) / .04) 46%),var(--k-card)}
html.kitchen-screen.fryer-page #kitchen-app .basket.down .basket-clock{color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .basket.empty :is(.basket-clock,.basket-contents){color:#7d7d7d}
html.kitchen-screen.fryer-page #kitchen-app .basket.empty .basket-status{background:transparent !important;border:1px solid var(--k-hair);color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .basket-name{color:#fff}
html.kitchen-screen.fryer-page #kitchen-app .basket.empty .basket-name{color:var(--k-muted-fg)}
html.kitchen-screen.fryer-page #kitchen-app .count-card{border-color:var(--k-hair)}
html.kitchen-screen.fryer-page #kitchen-app .count-status strong{color:#fff;font-weight:700}
html.kitchen-screen.fryer-page #kitchen-app .count-status .ready-number strong{color:var(--k-brand)}
html.kitchen-screen.fryer-page #kitchen-app .count-status .count-status-label{color:#b8b8b8}
html.kitchen-screen.fryer-page #kitchen-app .prep-preset,html.kitchen-screen.fryer-page #kitchen-app .station-actions button,html.kitchen-screen.fryer-page #kitchen-app .station-bottom button{box-shadow:inset 0 1px 0 #ffffff12}
html.kitchen-screen.fryer-page #kitchen-app .basket :is(.basket-options,.basket-adjust):hover{background:#3a3a3a}

/* Chicken side panel: store name in white with the gold dot, as on the Bump screen. */
html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar .station-label strong{color:#fff;font-weight:600;font-size:26px;letter-spacing:-.8px;line-height:1.1}
html.kitchen-screen.fryer-page #kitchen-app .fryer-sidebar .station-label strong::after{content:'.';color:var(--k-brand)}

/* ---- Chicken: silent hurry-up on the Needed tiles ----
   The five Workforce band colours at 1, 2, 3, 4 and 5 minutes of waiting. Colour only. */
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="1"]{--b:var(--band-exceptional)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="2"]{--b:var(--band-good)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="3"]{--b:var(--band-ok)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="4"]{--b:var(--band-poor)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="5"]{--b:var(--band-bad)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait]:not([data-wait="0"]):not(.is-selected){border-color:hsl(var(--b) / .7);background:linear-gradient(180deg,hsl(var(--b) / .26),hsl(var(--b) / .05) 60%),var(--k-card)}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait]:not([data-wait="0"]) .count-number{color:hsl(var(--b))}
html.kitchen-screen.fryer-page #kitchen-app .count-card[data-wait="5"]:not(.is-selected){border-color:hsl(var(--b));box-shadow:0 0 0 2px hsl(var(--b)),0 0 18px hsl(var(--b) / .45)}

/* ---- Chicken: hold-and-drag targets ---- */
html.kitchen-screen.fryer-page #kitchen-app .basket.move-target,html.kitchen-screen.fryer-page #kitchen-app .basket.combine-target{outline:2px dashed var(--k-brand);outline-offset:-4px;position:relative}
html.kitchen-screen.fryer-page #kitchen-app .basket.move-target.move-over,html.kitchen-screen.fryer-page #kitchen-app .basket.combine-target.move-over{outline-style:solid;box-shadow:0 0 0 3px var(--k-brand),0 0 24px hsl(var(--k-brand-hsl) / .5)}
html.kitchen-screen.fryer-page #kitchen-app .basket.move-target::after,html.kitchen-screen.fryer-page #kitchen-app .basket.combine-target::after{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 16px;border-radius:999px;background:var(--k-brand);color:var(--k-brand-fg);font-weight:700;font-size:15px;white-space:nowrap;pointer-events:none}
html.kitchen-screen.fryer-page #kitchen-app .basket.move-target::after{content:'Move here'}
html.kitchen-screen.fryer-page #kitchen-app .basket.combine-target::after{content:'Combine here'}
html.kitchen-screen.fryer-page .basket-drag-ghost{border-radius:16px}

/* ---- Logo lockup: the Stax mark with the screen's name under it, where "Burger Co." sat ---- */
html.kitchen-screen #kitchen-app :is(.kitchen-sidebar,.fryer-sidebar) .brand{display:inline-flex;flex-direction:column;align-items:center;gap:3px;width:auto;align-self:flex-start;text-decoration:none}
html.kitchen-screen #kitchen-app :is(.kitchen-sidebar,.fryer-sidebar) .brand-logo{width:46px;height:62px;flex:0 0 auto;object-fit:contain}
html.kitchen-screen #kitchen-app :is(.kitchen-sidebar,.fryer-sidebar) .brand-product{color:var(--k-brand);font-size:9px;font-weight:700;letter-spacing:2.6px;line-height:1;margin-right:-2.6px}
html.kitchen-screen .gate-brand{display:inline-flex;flex-direction:column;align-items:center;gap:6px}
html.kitchen-screen .gate-brand .brand-logo{width:64px;height:86px;object-fit:contain}
html.kitchen-screen .gate-brand>span:last-child{border:0;padding:0;font-size:12px;font-weight:700;letter-spacing:3.4px;line-height:1;margin-right:-3.4px;color:var(--k-brand)}

/* ---- Sign-in card on a tablet that is already set up ----
   Links that act as buttons are full-width blocks like the real buttons, without underlines,
   and the panel has even spacing. */
html.kitchen-screen .site-gate a.button{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;font-weight:650;box-sizing:border-box}
html.kitchen-screen .site-gate .button + .button,html.kitchen-screen .site-gate #paired-device-panel .button{margin-top:12px}
html.kitchen-screen #paired-device-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--k-hair)}
html.kitchen-screen #paired-device-panel p{margin:0 0 4px;color:#c8c8c8;font-size:16px;line-height:1.5}
html.kitchen-screen .site-gate .gate-cancel{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-radius:var(--k-radius);color:var(--k-muted-fg);font-size:16px;text-decoration:none}
html.kitchen-screen .site-gate .gate-cancel:hover{background:var(--k-raised);color:var(--k-fg)}
html.kitchen-screen #paired-remove-confirmation{margin-top:12px;padding:16px;background:var(--k-raised);border:1px solid var(--k-hair);border-radius:var(--k-radius)}
html.kitchen-screen #paired-remove-confirmation .button{width:100%}
html.kitchen-screen .site-gate .site-code-status{margin:16px 0 0;color:var(--k-muted-fg);font-size:16px}
html.kitchen-screen .site-gate .site-code-status.error{color:#ffb199}