/**
 * AccessNHS — paleta azul corporativa (#2f80ed).
 * Sobrescribe restos de dorado/amarillo del template base con paleta NHS.
 */

:root {
  --brand-primary: #2f80ed;
  --brand-primary-dark: #1f5fa5;
  --brand-primary-action: #56a6ff;
  --brand-primary-light: #edf5ff;

  --mide-gold: #2f80ed;
  --mide-gold-light: #edf5ff;
  --mide-gold-dark: #1f5fa5;
  --gold: #2f80ed;
  --gold-light: #edf5ff;
  --gold-dark: #1f5fa5;
  --grad-gold: linear-gradient(135deg, #56a6ff, #1f5fa5);

  --aus-gold: #2f80ed;
  --aus-grad-gold: linear-gradient(135deg, #56a6ff, #1f5fa5);
  --aus-chart-1: #2f80ed;

  --vis-gold: #2f80ed;
  --vis-grad-gold: linear-gradient(135deg, #56a6ff, #1f5fa5);

  --login-gold: #2f80ed;
  --login-gold-hover: #1f5fa5;
  --login-gold-soft: rgba(47, 128, 237, 0.14);
  --login-gold-ring: rgba(47, 128, 237, 0.32);

  --warn-bg: #edf5ff;
  --ok-bg: #edf5ff;
}

/* Index programación (estilos inline en body) */
.mide-ops-body {
  --gold-dim: rgba(47, 128, 237, 0.13);
  --gold-glow: rgba(47, 128, 237, 0.22);
  --g-gold: linear-gradient(135deg, #56a6ff 0%, #1f5fa5 100%);
}

.mide-ops-body .ph-deco {
  color: rgba(47, 128, 237, 0.12) !important;
}

.mide-ops-body .chip.gold,
.mide-ops-body .chip.demo,
.mide-ops-body .alert-b.warn {
  background: #edf5ff !important;
  border-color: #2f80ed !important;
  color: #184e77 !important;
}

.mide-ops-body .kpi-ico {
  background: #edf5ff !important;
  color: #184e77 !important;
  border-color: rgba(47, 128, 237, 0.35) !important;
}

.mide-ops-body .kpi:hover {
  border-color: rgba(47, 128, 237, 0.4) !important;
}

.mide-ops-body .btn-p:hover,
.mide-ops-body .btn-s:hover,
.mide-ops-body .welcome-icon {
  box-shadow: 0 5px 18px rgba(47, 128, 237, 0.35) !important;
}

.mide-ops-body .welcome-icon::after {
  border-color: rgba(47, 128, 237, 0.35) !important;
}

.mide-ops-body .tip-card {
  background: linear-gradient(135deg, #f5f9fd, var(--brand-primary-light)) !important;
  border-color: rgba(47, 128, 237, 0.4) !important;
}

.mide-ops-body .tip-card i {
  box-shadow: 0 2px 8px rgba(47, 128, 237, 0.25) !important;
}

.mide-ops-body .pagi .on {
  box-shadow: 0 2px 10px rgba(47, 128, 237, 0.35) !important;
}

.mide-ops-body .ecard:hover {
  border-color: rgba(47, 128, 237, 0.45) !important;
}

/* Login — refuerzo azul NHS (después de mide-login.css) */
.login-page .login-bg {
  background:
    radial-gradient(ellipse 90% 70% at 12% 8%, rgba(47, 128, 237, 0.1) 0%, transparent 58%),
    radial-gradient(ellipse 70% 55% at 88% 92%, rgba(47, 128, 237, 0.07) 0%, transparent 52%),
    linear-gradient(180deg, #ffffff 0%, #f5f9fd 42%, #edf5ff 100%) !important;
}

.login-page .blob.blob-1,
.login-page .blob.blob-2 {
  background: rgba(47, 128, 237, 0.1) !important;
}

.login-page .brand-headline .accent {
  color: var(--brand-primary) !important;
}

.login-page .brand-module {
  background: var(--brand-primary-light) !important;
  border-color: rgba(47, 128, 237, 0.2) !important;
}

.login-page .brand-module-icon {
  background: linear-gradient(145deg, rgba(47, 128, 237, 0.22), rgba(47, 128, 237, 0.1)) !important;
  color: var(--brand-primary-dark) !important;
}

.login-page .brand-module:hover .brand-module-icon {
  background: linear-gradient(145deg, rgba(47, 128, 237, 0.35), rgba(47, 128, 237, 0.16)) !important;
  color: var(--brand-primary) !important;
}

.login-page .form-header-icon {
  background: linear-gradient(145deg, var(--brand-primary-action), var(--brand-primary-dark)) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(47, 128, 237, 0.35) !important;
}

.login-page .btn-submit {
  background: linear-gradient(135deg, var(--brand-primary-action), var(--brand-primary-dark)) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(47, 128, 237, 0.35) !important;
}

.login-page .btn-submit .btn-spinner {
  border-color: rgba(255, 255, 255, 0.35) !important;
  border-top-color: #fff !important;
}

.login-page .brand-pill i,
.login-page .brand-eyebrow i {
  color: var(--brand-primary) !important;
}

/* Dashboard / ausentismo / visitas */
.rv-hero,
.aus-hero,
.mide-dashboard-hero {
  background: linear-gradient(135deg, #184e77 0%, #1f5fa5 100%) !important;
}

.kpi-card::before,
.ph::before,
.mide-ops-body .ph::before {
  background: var(--grad-gold) !important;
}

.ph,
.mide-ops-body .ph {
  border-left-color: var(--brand-primary) !important;
}

.mide-btn.gold,
.mide-btn-gold,
.btn-exec-dash {
  background: var(--grad-gold) !important;
  box-shadow: 0 4px 14px rgba(47, 128, 237, 0.35) !important;
}

.mide-upload:hover,
.mide-upload.is-dragover {
  border-color: var(--brand-primary-dark) !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.15) !important;
}

/* Ranking medallas — 1er lugar azul NHS (no oro) */
.rank-1,
.aus-rank-row:nth-child(1) .aus-rank-pos {
  background: linear-gradient(135deg, #56a6ff, #1f5fa5) !important;
  color: #fff !important;
}

.vis-kpi--gold {
  border-top-color: #2f80ed !important;
}

.vis-kpi--gold .vis-kpi-icon {
  background: rgba(47, 128, 237, 0.15) !important;
  color: #1f5fa5 !important;
}

.vis-btn--gold {
  background: linear-gradient(135deg, #56a6ff, #1f5fa5) !important;
  border-color: #1f5fa5 !important;
}

/* Navbar — logo NHS (no texto MIDE HOLDING) */
.mide-ops-body .brand-logo-nav {
  filter: drop-shadow(0 2px 6px rgba(47, 128, 237, 0.18));
}