/* ── LAS PANTALLAS DE TRABAJO: /admin y /cocina (3 nov 2026) ─────────────────
   Nacho: «las pantallas de admin y de espacios de cocina creo que es mejor no intentar
   hacerlas tan estéticas sino más funcionales, partiendo de tipografías, colores y sobre
   todo el contraste del fondo: el fondo oscuro impide ver bien… arregla la pantalla de
   admin y de ahora en adelante lo que desarrollemos para el espacio de trabajo y la cuenta
   de la cocina». Son PRODUCTO, no marca: fondo claro, texto casi negro, una sola letra
   (Hanken) y la terracota solo en lo que se pulsa.
   Se carga DESPUÉS de feat.css y le da la vuelta a sus tokens: lo que en la web es crema
   (el texto) aquí es tinta, y lo que es carbón (el fondo), papel. Así las piezas que ya
   usan tokens (tarjetas, campos, píldoras, chips) cambian sin tocarlas. La web pública
   sigue en carbón. Lo vigila scripts/prueba-trabajo.mjs. */
:root{
  --carbon:#F3F1EC;            /* el fondo de la página */
  --carbon-2:#FFFFFF;          /* tarjetas y comandas */
  --carbon-3:#E9E5DD;          /* huecos: campos, píldoras, avisos */
  --crema:#1B1712;             /* el texto: 16:1 sobre blanco */
  --humo:#57504A;              /* lo secundario: 7,6:1 sobre blanco */
  --linea:rgba(27,23,18,.16);
  --marco:rgba(27,23,18,.26);
  --trigo:#7E520C;             /* etiquetas y cifras, en ocre oscuro: 6,6:1 */
  --oliva:#4E6024;             /* «listo» y lo hecho: 6,8:1 con blanco encima */
  --aviso:#B3261E;             /* errores: 6,1:1 */
  --terracota-cl:#A3441E;
  --f-display:'Hanken Grotesk',system-ui,sans-serif;
  --f-etiqueta:'Hanken Grotesk',system-ui,sans-serif;
}
body{background:var(--carbon);color:var(--crema)}
/* Las casillas (.chip) ya se ven marcadas a la primera con la regla de feat.css: aquí el relleno es tinta. */
::selection{background:#F4D9CB}
/* (3 nov, Nacho: «el acceso a cuenta de empresa colapsa») La entrada a una cuenta de trabajo,
   UNA pieza para /cocina y /empresa: el sello, el título, una frase, el correo y el botón a
   todo el ancho, con aire entre ellos. Antes cada página tenía la suya y la de empresa pegaba
   el botón al campo y heredaba el título gigante de la web. */
.entrada{max-width:26rem;margin:14vh auto 0;padding:0 1.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.entrada h1,.entrada h2{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}
.entrada p{color:var(--humo);line-height:1.5;margin:0}
.entrada form{width:100%;display:flex;flex-direction:column;gap:.6rem;text-align:left;margin-top:.4rem}
.entrada label{font-weight:600}
.entrada input{width:100%;box-sizing:border-box;min-height:3.2rem;padding:0 1rem;border-radius:12px;border:1.5px solid var(--marco);background:var(--carbon-2);color:var(--crema);font:inherit;font-size:1.05rem}
.entrada input:focus{outline:2px solid var(--terracota);outline-offset:1px}
.entrada button{min-height:3.2rem;border-radius:12px;border:0;background:var(--terracota-boton);color:#fff;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer}
.entrada button:disabled{opacity:.5;cursor:wait}
.entrada__nota{min-height:1.5em;font-size:.95rem}
.entrada a{color:inherit;text-underline-offset:3px}
/* (5 nov) La puerta del panel (/admin, /admin/numeros y /admin/manual): «Entrar» en blanco sobre la
   terracota (con la tinta de aquí daba 3,4:1) y el error en rojo (la regla gris de su párrafo le ganaba). */
.cm-gate .btn{color:#fff}
.cm-gate .cm-err{color:var(--aviso)}