/* EGU — Emprendimientos Gastronómicos Unidos. Sistema de diseño del entorno administrativo (EGU Super Admin y EGU Restaurant Admin).
 * Solo lo cargan las pantallas administrativas: /admin, /admin/menu, /admin/operaciones y la consola de plataforma. La tienda pública de cada
 * restaurante NUNCA lo carga: cada restaurante conserva su propia marca. Ver docs/egu/IDENTIDAD_EGU.md.
 * Fuente única de verdad: estos tokens. Los paneles no definen colores propios de marca; usan estos (y sus alias --op-*, --adm-*).
 * Logotipos oficiales (vectoriales, generados con admin/egu/marca/generar.js): admin/egu/marca/*.svg. */
:root{
  /* marca */
  --egu-rojo:#E10600;--egu-rojo-osc:#B30500;--egu-rojo-brillante:#FF1E12;--egu-rojo-suave:#FFE9E7;
  --egu-naranja:#FF7900;--egu-dorado:#FFC400;--egu-noche:#080A10;--egu-blanco:#FFFFFF;
  /* neutros (fríos, para la interfaz clara) */
  --egu-negro:#101218;--egu-grafito:#1D2029;--egu-grafito-2:#2B2F3A;
  --egu-gris-7:#3F4552;--egu-gris-6:#5A6170;--egu-gris-5:#666C7B;--egu-gris-4:#A4AAB6;--egu-gris-3:#D3D7DF;--egu-gris-2:#E6E9EF;--egu-gris-1:#F4F5F8;--egu-fondo:#F7F8FA;
  /* semánticos: reservados para su función (el rojo de marca NO es el de error) */
  --egu-ok:#127A3A;--egu-ok-f:#E6F5EC;--egu-aviso:#8A5300;--egu-aviso-f:#FFF4DC;--egu-error:#B42318;--egu-error-f:#FDECEA;--egu-info:#3F4552;--egu-info-f:#EEF0F4;
  /* gráficos: secuencia de la marca y neutros (sin violeta, magenta, turquesa ni verde) */
  --egu-graf-1:#E10600;--egu-graf-2:#FF7900;--egu-graf-3:#FFC400;--egu-graf-4:#3F4552;--egu-graf-5:#A4AAB6;
  /* tipografía: Sora para títulos y cifras, Inter para textos e interfaz */
  --egu-f:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --egu-f-titulo:"Sora","Inter","Segoe UI",system-ui,sans-serif;
  /* forma */
  --egu-radio:10px;--egu-radio-g:14px;--egu-radio-p:999px;
  --egu-sombra:0 1px 2px rgba(16,18,24,.06),0 2px 8px rgba(16,18,24,.05);--egu-sombra-flota:0 8px 24px rgba(16,18,24,.12);
  --egu-esp-1:4px;--egu-esp-2:8px;--egu-esp-3:12px;--egu-esp-4:16px;--egu-esp-5:24px;--egu-esp-6:32px;
}

/* logotipo: imagen vectorial oficial; las variantes cambian por fondo, nunca la geometría */
.egu-logo{display:block;line-height:0}
.egu-logo img{display:block;width:100%;height:auto}

/* etiqueta del entorno: deja claro dónde se está */
.egu-entorno{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--egu-f);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.egu-entorno::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--egu-rojo);flex:none}

/* títulos con la tipografía de la marca */
.egu-titulo,h1,h2{font-family:var(--egu-f-titulo)}

/* ---------- componentes compartidos (prefijo egu-) ---------- */
.egu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:var(--egu-radio);background:var(--egu-rojo);color:#fff;font:600 14px/1.2 var(--egu-f);cursor:pointer;text-decoration:none}
.egu-btn:hover{background:var(--egu-rojo-osc)}
.egu-btn.sec{background:#fff;color:var(--egu-negro);border-color:var(--egu-gris-3)}
.egu-btn.sec:hover{border-color:var(--egu-gris-6)}
.egu-btn.negro{background:var(--egu-noche)}
.egu-btn.negro:hover{background:var(--egu-grafito-2)}
.egu-btn.peligro{background:#fff;color:var(--egu-error);border-color:#F3B8B2}
.egu-btn.peligro:hover{background:var(--egu-error-f)}
.egu-btn:disabled{opacity:.5;cursor:not-allowed}
.egu-btn:focus-visible,.egu-campo input:focus-visible,.egu-campo select:focus-visible,.egu-campo textarea:focus-visible{outline:3px solid rgba(225,6,0,.35);outline-offset:2px}
.egu-campo{display:grid;gap:5px;font:600 13px/1.3 var(--egu-f);color:var(--egu-gris-7);min-width:0}
.egu-campo input,.egu-campo select,.egu-campo textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--egu-gris-3);border-radius:var(--egu-radio);background:#fff;color:var(--egu-negro);font:500 15px/1.3 var(--egu-f)}
.egu-tarjeta{background:#fff;border:1px solid var(--egu-gris-2);border-radius:var(--egu-radio-g);padding:18px;min-width:0;box-shadow:var(--egu-sombra)}
.egu-chip{display:inline-block;padding:3px 9px;border-radius:var(--egu-radio-p);font:600 12px/1.4 var(--egu-f);background:var(--egu-gris-1);color:var(--egu-gris-7);white-space:nowrap}
.egu-chip.ok{background:var(--egu-ok-f);color:var(--egu-ok)}.egu-chip.error{background:var(--egu-error-f);color:var(--egu-error)}.egu-chip.aviso{background:var(--egu-aviso-f);color:var(--egu-aviso)}.egu-chip.rojo{background:var(--egu-rojo-suave);color:var(--egu-rojo-osc)}
.egu-tabla{overflow-x:auto;border:1px solid var(--egu-gris-2);border-radius:var(--egu-radio-g);background:#fff}
.egu-tabla table{border-collapse:collapse;width:100%;min-width:620px;font:500 14px/1.4 var(--egu-f)}
.egu-tabla th{text-align:left;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--egu-gris-6);background:var(--egu-gris-1);padding:10px 14px;border-bottom:1px solid var(--egu-gris-2);white-space:nowrap}
.egu-tabla td{padding:12px 14px;border-bottom:1px solid var(--egu-gris-2);vertical-align:top;color:var(--egu-negro)}
.egu-tabla tr:last-child td{border-bottom:0}
.egu-tabla td small{display:block;color:var(--egu-gris-6)}
.egu-error{color:var(--egu-error);font:600 14px/1.4 var(--egu-f);margin:0}
.egu-num{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* acceso directo al centro de operaciones desde los demás paneles del restaurante */
.egu-ir-ops{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:var(--egu-radio);background:var(--egu-rojo);color:#fff;font:600 13px/1.2 var(--egu-f);text-decoration:none}
.egu-ir-ops:hover{background:var(--egu-rojo-osc)}

/* pantalla de acceso común: la marca sobre negro profundo y el formulario en una tarjeta clara */
.egu-acceso-fondo{background:var(--egu-noche)}