/* Variables y reset compartidos por las pantallas de Alltik (y copiado en
   central/assets/base.css para el SAP). Todos los colores salen de estas
   variables: el modo oscuro solo las cambia, según lo que tenga el equipo
   (claro u oscuro). Regla: ningún color fijo en las pantallas, siempre var(--…). */
:root {
  color-scheme: light dark;
  --bg:          #F5F5F7;
  --card:        #FFFFFF;
  --card-2:      #FAFAFC;   /* filas y cabeceras suaves dentro de una tarjeta */
  --hover:       #F5F7FF;
  --pista:       #EEF0F6;   /* fondo de barras, chips neutros */
  --borde:       #E3E5EC;
  --borde-suave: #F0F0F3;
  --campo:       #FFFFFF;   /* fondo de inputs */
  --campo-borde: #D5D8E2;
  --navbar:      #1e359c;   /* barras, encabezados de tabla, botones principales */
  --navbar-2:    #2a46c8;   /* hover de botones principales */
  --primario:    #1e359c;   /* texto/enlace/borde de la marca sobre fondo claro */
  --serie:       #1e359c;   /* barras de gráficos */
  --acento:      #6abcd3;
  --texto:       #1d1d1f;
  --sub:         #6e6e73;
  --tenue:       #AEAEB2;   /* placeholders, íconos apagados */
  --sombra:      rgba(0,0,0,0.08);
  --velo:        rgba(20,24,40,0.55);
  /* Estados: fondo suave + texto legible encima */
  --ok-bg:   #E7F6EE; --ok-tx:   #0a5c31; --pos: #0a7d3e;
  --err-bg:  #FDECEC; --err-tx:  #9b1c1c; --neg: #c0322f;
  --warn-bg: #FFF4DB; --warn-tx: #8a5a00; --warn: #eda100;
  --info-bg: #E8EEFC; --info-tx: #1e359c;
  --nar-bg:  #FFE7D6; --nar-tx:  #a3430b;
  --papel:   #FFFFFF; --papel-tx: #111111;   /* vista previa del ticket: siempre papel blanco */
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:          #0E1015;
    --card:        #191C23;
    --card-2:      #1F232B;
    --hover:       #232A3B;
    --pista:       #2A2F3A;
    --borde:       #2C313B;
    --borde-suave: #242830;
    --campo:       #12151B;
    --campo-borde: #3A404C;
    --navbar:      #182A73;
    --navbar-2:    #2440A8;
    --primario:    #9DB2FF;
    --serie:       #6F8CFF;
    --texto:       #E8EAED;
    --sub:         #A0A6AF;
    --tenue:       #6B717C;
    --sombra:      rgba(0,0,0,0.45);
    --velo:        rgba(0,0,0,0.65);
    --ok-bg:   #12301F; --ok-tx:   #7FDCA4; --pos: #4CD38A;
    --err-bg:  #3A1818; --err-tx:  #FF9A90; --neg: #FF6B6B;
    --warn-bg: #3A2E10; --warn-tx: #F2C94C; --warn: #F2B01E;
    --info-bg: #1B2547; --info-tx: #A9BBFF;
    --nar-bg:  #3D2414; --nar-tx:  #FFB07A;
  }
  /* Logos oscuros sobre fondo de tarjeta: se ven en blanco. */
  .logo-adaptable { filter: brightness(0) invert(1); }
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display",
               "Segoe UI", Arial, sans-serif;
  background: var(--bg);
  color: var(--texto);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}

img, svg, video { max-width: 100%; }
input, select, textarea, button { font: inherit; color: inherit; max-width: 100%; }
input:not([type=checkbox]):not([type=radio]), select, textarea { background-color: var(--campo); color: var(--texto); }
::placeholder { color: var(--tenue); }

/* Menú superior fijo en toda la app: queda arriba mientras el resto
   de la pantalla se desplaza. */
.navbar, body > header {
  position: sticky;
  top: 0;
  z-index: 100;
}

/* Logo sobre la barra azul: siempre blanco, sea cual sea el archivo. */
.logo-blanco { filter: brightness(0) invert(1); }

/* Celular: con letra menor a 16 px, iOS hace zoom al tocar un campo. */
@media (max-width: 640px) {
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: max(16px, 1em); }
}