/*
 * ================================================================
 * Mensajería Brand Tokens — sobre el ALG Design System
 * Plataforma de Mensajería Interna · Grupo ALG
 * ================================================================
 * Cargar DESPUÉS de alg-design-system.css: sobreescribe SOLO la
 * paleta de color, conservando layout/componentes/sombras.
 *
 * Regla general: la tipografía NO se personaliza por proyecto — todos los
 * dashboards ALG usan Inter (definida en alg-design-system.css). Solo la
 * paleta de color distingue la marca de cada división/proyecto.
 *
 * Mensajería ya usaba esta paleta antes de adoptar el design system
 * compartido (ver includes/layout.php anterior): se conserva igual.
 *   navy #002D74 → slot navy
 *   teal #0091B3 → slot cyan
 * ================================================================
 */

:root {
  --alg-navy:        #002D74;
  --alg-navy-dark:   #001d52;
  --alg-navy-light:  #e7edf7;
  --alg-navy-soft:   #f3f6fb;

  --alg-cyan:        #0091B3;
  --alg-cyan-light:  #e3f3f7;
  --alg-teal:        #00ADD8;
  --alg-teal-light:  #e2f6fb;
  --alg-mint:        #13D0CA;
}

/* El logo ALG (assets/alg-logo.jpg) tiene fondo blanco propio: no invertir a
   blanco como asume el default del sistema (pensado para un logo transparente). */
.alg-login-logo,
.alg-navbar-logo { filter: none; }

/* ──────────────────────────────────────────────────────────────
   Alias legacy — para que las páginas existentes (dashboard,
   solicitar, solicitudes, catalogos, mensajero) sigan luciendo
   igual sin tocar su HTML, ahora sobre los tokens compartidos.
   ────────────────────────────────────────────────────────────── */
.card-soft {
  background: #fff;
  border: 1px solid #e8eef8;
  border-radius: var(--alg-radius);
  box-shadow: var(--alg-shadow);
}
.btn-alg { background: var(--alg-navy); color: #fff; font-weight: 600; }
.btn-alg:hover { background: var(--alg-navy-dark); color: #fff; }

.stat-num { font-size: 1.9rem; font-weight: 700; line-height: 1; color: var(--alg-navy); }
.stat-lbl { font-size: .75rem; letter-spacing: .03em; text-transform: uppercase; color: #7a95b8; }

.num { text-align: right; font-variant-numeric: tabular-nums; }

.form-label { font-weight: 600; font-size: .85rem; color: #3d5480; }
.req::after { content: " *"; color: var(--alg-danger); }