/* kai.css · Kaiten AI, stile comune degli schermi di servizio (lavoro 7, 12 set 2026)
   Schermi in cucina e in sala: fondo scuro, caratteri grandi, tasti che si prendono con le dita bagnate. */
:root {
  --fondo: #10131a; --carta: #1b202b; --carta2: #232a38; --bordo: #333c4e;
  --testo: #eef2f8; --spento: #93a0b5; --oro: #d9a62b; --verde: #2ad17a; --rosso: #e5484d; --blu: #3b82f6;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; background: var(--fondo); color: var(--testo);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; overscroll-behavior: none; }
button { font: inherit; color: inherit; border: 0; border-radius: 12px; padding: 14px 16px; background: var(--carta2);
  border: 1px solid var(--bordo); cursor: pointer; min-height: 52px; font-weight: 700; }
button:active { transform: translateY(1px); }
button.primario { background: var(--verde); color: #07130c; border-color: transparent; font-size: 20px; }
button.rosso { background: var(--rosso); color: #fff; border-color: transparent; }
button.oro { background: var(--oro); color: #1a1200; border-color: transparent; }
.testata { display: flex; align-items: center; gap: 14px; padding: 12px 18px; background: var(--carta);
  border-bottom: 1px solid var(--bordo); position: sticky; top: 0; z-index: 5; }
.testata h1 { font-size: 20px; margin: 0; font-weight: 800; letter-spacing: .2px; }
.testata .spia { margin-left: auto; display: flex; align-items: center; gap: 10px; color: var(--spento); font-size: 14px; }
.pallino { width: 12px; height: 12px; border-radius: 50%; background: var(--rosso); }
.pallino.vivo { background: var(--verde); }
.avviso { background: var(--rosso); color: #fff; padding: 10px 18px; font-weight: 700; }
.buio { position: fixed; inset: 0; background: rgba(12,15,22,.96); z-index: 50; display: none;
  align-items: center; justify-content: center; text-align: center; padding: 30px; }
.buio.acceso { display: flex; }
.buio div { max-width: 720px; }
.buio h2 { font-size: 46px; margin: 0 0 12px; color: var(--rosso); }
.buio p { font-size: 22px; color: var(--testo); margin: 6px 0; }
.vuoto { color: var(--spento); padding: 18px; font-size: 15px; }

/* barra rossa: chiamate dei tavoli e segnalazioni (cucina e sala) */
.rosse { padding: 0 12px; display: flex; flex-direction: column; gap: 8px; }
.rossa { background: #3a1417; border: 1px solid var(--rosso); border-radius: 12px; padding: 10px 14px;
  display: flex; align-items: center; gap: 12px; font-size: 18px; }
.rossa .che { font-weight: 800; }
.rossa .minuti { color: var(--spento); font-size: 15px; }
.rossa button { margin-left: auto; min-height: 44px; padding: 8px 14px; }