/* Tema "estilo Alpha 1.0.72" para Cierres de Caja FCM.
   Se carga DESPUES de style.css y solo redefine variables y unas pocas reglas.
   Para volver al aspecto anterior basta con quitar el <link> de base.html.
   Valores tomados del tema de Alpha Administrativo: acento #007EBE, Inter, radio 10. */
:root {
  --azul: #007ebe;
  --azul-oscuro: #006eae;
  --azul-claro: #def6ff;
  --azul-tinta: #00436a;
  --verde: #1c8742;
  --rojo: #cb4644;
  --texto: #121c23;
  --texto-suave: #565f65;
  --borde: #e1e5e8;
  --borde-fuerte: #ccd2d6;
  --fondo: #fafcfe;
  --fondo-suave: #f4f7fa;
  --tarjeta: #ffffff;
  --radio: 10px;
  --sombra: 0 1px 2px rgba(18, 28, 35, 0.04);

  --badge-usd-bg: #def6ff; --badge-usd-fg: #00436a;
  --badge-bs-bg: #fff0d4; --badge-bs-fg: #a86a0a;
  --badge-cerrado-bg: #e0fae4; --badge-cerrado-fg: #1c8742;
  --badge-activo-bg: #e0fae4; --badge-activo-fg: #1c8742;
  --badge-inactivo-bg: #edf3f7; --badge-inactivo-fg: #565f65;
  --badge-vencida-bg: #ffe8e4; --badge-vencida-fg: #cb4644;
  --fila-vencida-bg: #fff5f4;
}

:root[data-theme="dark"] {
  --azul: #007ebe;
  --azul-oscuro: #3aa3d6;
  --azul-claro: #002e40;
  --azul-tinta: #8bcfed;
  --verde: #3fc168;
  --rojo: #ff6f69;
  --texto: #eff2f5;
  --texto-suave: #9ea6ab;
  --borde: #242a2e;
  --borde-fuerte: #32393f;
  --fondo: #0c1013;
  --fondo-suave: #11171b;
  --tarjeta: #13191d;
  --sombra: none;

  --badge-usd-bg: #002e40; --badge-usd-fg: #8bcfed;
  --badge-bs-bg: #3b2301; --badge-bs-fg: #f4a437;
  --badge-cerrado-bg: #0f3118; --badge-cerrado-fg: #3fc168;
  --badge-activo-bg: #0f3118; --badge-activo-fg: #3fc168;
  --badge-inactivo-bg: #1a2024; --badge-inactivo-fg: #9ea6ab;
  --badge-vencida-bg: #421c19; --badge-vencida-fg: #ff6f69;
  --fila-vencida-bg: #2b1513;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { letter-spacing: -0.02em; font-weight: 600; }

/* barra superior y menu: el activo va con fondo suave y tinta azul (no relleno solido) */
.topbar { border-bottom: 1px solid var(--borde); }
.topbar .titulo { letter-spacing: -0.02em; color: var(--texto); }
.topbar nav a, .topbar .usuario-chip { border-radius: var(--radio); font-weight: 500; }
.topbar nav a:hover { background: var(--fondo-suave); color: var(--texto); }
.topbar nav a.activo { background: var(--azul-claro); color: var(--azul-tinta); font-weight: 600; }
.nav-grupo > summary:hover { background: var(--fondo-suave); color: var(--texto); }
.nav-grupo.activo > summary { background: var(--azul-claro); color: var(--azul-tinta); }

/* tarjetas, formularios, botones */
.tarjeta, .tarjeta-login { border: 1px solid var(--borde); box-shadow: none; border-radius: var(--radio); }
input[type=text], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=file], select, textarea {
  border-radius: var(--radio); border-color: var(--borde-fuerte);
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-claro); }
.btn { border-radius: var(--radio); font-weight: 600; box-shadow: none; }
.btn.secundario { border-color: var(--borde-fuerte); color: var(--texto); background: var(--tarjeta); }
.btn.secundario:hover { background: var(--fondo-suave); }
.btn.peligro:hover { background: var(--rojo); filter: brightness(0.92); }

/* tablas */
table th { background: var(--fondo-suave); font-weight: 600; letter-spacing: 0.04em; }
table tr:hover td { background: var(--fondo-suave); }
.kpi .valor { font-weight: 700; letter-spacing: -0.02em; color: var(--texto); }
.badge { font-weight: 600; }