/*
 * adminlte3-skins.css — compatibilidad de skins AdminLTE 3 sobre AdminLTE 4.
 *
 * AdminLTE 4 eliminó el sistema de skins: `navbar-primary`, `navbar-navy`,
 * `sidebar-dark-primary`… ya no existen. El modelo `security.Dashboard` guarda
 * esos nombres en `navbar`, `brand_logo` y `sidebar` (core/security/choices.py),
 * y hay filas reales usándolos. Este archivo los reimplementa sobre las variables
 * CSS de AdminLTE 4 y Bootstrap 5, para no tener que migrar datos ni retirar la
 * pantalla de configuración del panel.
 *
 * Generado a partir de la paleta de adminlte-3.2.0/css/adminlte.css.
 * Plan: docs/plan-modernizacion-stack.md — Fase 6.1.
 */
/* ---------- Navbar y brand (campos `navbar` y `brand_logo`) ---------- */
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #343a40;
    color: #fff;
}
.navbar-light {
    --bs-navbar-color: rgba(31, 45, 61, .7);
    --bs-navbar-hover-color: #1f2d3d;
    --bs-navbar-active-color: #1f2d3d;
    --bs-navbar-brand-color: #1f2d3d;
    --bs-navbar-brand-hover-color: #1f2d3d;
    --bs-navbar-disabled-color: rgba(31, 45, 61, .7);
    background-color: #f8f9fa;
    color: #1f2d3d;
}
.navbar-primary {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #007bff;
    color: #fff;
}
.navbar-secondary {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #6c757d;
    color: #fff;
}
.navbar-info {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #17a2b8;
    color: #fff;
}
.navbar-success {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #28a745;
    color: #fff;
}
.navbar-danger {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #dc3545;
    color: #fff;
}
.navbar-indigo {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #6610f2;
    color: #fff;
}
.navbar-purple {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #6f42c1;
    color: #fff;
}
.navbar-pink {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #e83e8c;
    color: #fff;
}
.navbar-navy {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #001f3f;
    color: #fff;
}
.navbar-lightblue {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #3c8dbc;
    color: #fff;
}
.navbar-teal {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #20c997;
    color: #fff;
}
.navbar-cyan {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #17a2b8;
    color: #fff;
}
.navbar-gray-dark {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #343a40;
    color: #fff;
}
.navbar-gray {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #6c757d;
    color: #fff;
}
.navbar-warning {
    --bs-navbar-color: rgba(31, 45, 61, .7);
    --bs-navbar-hover-color: #1f2d3d;
    --bs-navbar-active-color: #1f2d3d;
    --bs-navbar-brand-color: #1f2d3d;
    --bs-navbar-brand-hover-color: #1f2d3d;
    --bs-navbar-disabled-color: rgba(31, 45, 61, .7);
    background-color: #ffc107;
    color: #1f2d3d;
}
.navbar-white {
    --bs-navbar-color: rgba(31, 45, 61, .7);
    --bs-navbar-hover-color: #1f2d3d;
    --bs-navbar-active-color: #1f2d3d;
    --bs-navbar-brand-color: #1f2d3d;
    --bs-navbar-brand-hover-color: #1f2d3d;
    --bs-navbar-disabled-color: rgba(31, 45, 61, .7);
    background-color: #fff;
    color: #1f2d3d;
}
.navbar-orange {
    --bs-navbar-color: rgba(31, 45, 61, .7);
    --bs-navbar-hover-color: #1f2d3d;
    --bs-navbar-active-color: #1f2d3d;
    --bs-navbar-brand-color: #1f2d3d;
    --bs-navbar-brand-hover-color: #1f2d3d;
    --bs-navbar-disabled-color: rgba(31, 45, 61, .7);
    background-color: #fd7e14;
    color: #1f2d3d;
}
.navbar-fuchsia {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #f012be;
    color: #fff;
}
.navbar-maroon {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #d81b60;
    color: #fff;
}
.navbar-lime {
    --bs-navbar-color: rgba(31, 45, 61, .7);
    --bs-navbar-hover-color: #1f2d3d;
    --bs-navbar-active-color: #1f2d3d;
    --bs-navbar-brand-color: #1f2d3d;
    --bs-navbar-brand-hover-color: #1f2d3d;
    --bs-navbar-disabled-color: rgba(31, 45, 61, .7);
    background-color: #01ff70;
    color: #1f2d3d;
}
.navbar-olive {
    --bs-navbar-color: rgba(255, 255, 255, .8);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-disabled-color: rgba(255, 255, 255, .8);
    background-color: #3d9970;
    color: #fff;
}

/* ---------- Sidebar (campo `sidebar`) ---------- */
/* Superficie oscura: fondo #343a40, como AdminLTE 3. */
.app-sidebar[class*="sidebar-dark-"] {
    --lte-sidebar-color: #c2c7d0;
    --lte-sidebar-hover-color: #fff;
    --lte-sidebar-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-active-color: #fff;
    --lte-sidebar-header-color: #d0d4da;
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-color: #c2c7d0;
    --lte-sidebar-submenu-hover-color: #fff;
    --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-submenu-active-color: #fff;
    --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, .15);
    background-color: #343a40;
    color: #c2c7d0;
}

/* Superficie clara: fondo #f4f6f9, como AdminLTE 3. */
.app-sidebar[class*="sidebar-light-"] {
    --lte-sidebar-color: #343a40;
    --lte-sidebar-hover-color: #212529;
    --lte-sidebar-hover-bg: rgba(0, 0, 0, .1);
    --lte-sidebar-active-color: #000;
    --lte-sidebar-header-color: #6c757d;
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-color: #777;
    --lte-sidebar-submenu-hover-color: #000;
    --lte-sidebar-submenu-hover-bg: rgba(0, 0, 0, .1);
    --lte-sidebar-submenu-active-color: #212529;
    --lte-sidebar-submenu-active-bg: rgba(0, 0, 0, .1);
    background-color: #f4f6f9;
    color: #343a40;
}

.app-sidebar[class*="sidebar-dark-"] .sidebar-brand {
    background-color: rgba(0, 0, 0, .12);
}

.app-sidebar[class*="sidebar-light-"] .sidebar-brand {
    background-color: rgba(0, 0, 0, .04);
}

/* Color de acento: el elemento activo del menú. */
.app-sidebar.sidebar-dark-primary {
    --lte-sidebar-menu-active-bg: #007bff;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-primary {
    --lte-sidebar-menu-active-bg: #007bff;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-warning {
    --lte-sidebar-menu-active-bg: #ffc107;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-light-warning {
    --lte-sidebar-menu-active-bg: #ffc107;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-dark-info {
    --lte-sidebar-menu-active-bg: #17a2b8;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-info {
    --lte-sidebar-menu-active-bg: #17a2b8;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-danger {
    --lte-sidebar-menu-active-bg: #dc3545;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-danger {
    --lte-sidebar-menu-active-bg: #dc3545;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-success {
    --lte-sidebar-menu-active-bg: #28a745;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-success {
    --lte-sidebar-menu-active-bg: #28a745;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-indigo {
    --lte-sidebar-menu-active-bg: #6610f2;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-indigo {
    --lte-sidebar-menu-active-bg: #6610f2;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-lightblue {
    --lte-sidebar-menu-active-bg: #3c8dbc;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-lightblue {
    --lte-sidebar-menu-active-bg: #3c8dbc;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-navy {
    --lte-sidebar-menu-active-bg: #001f3f;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-navy {
    --lte-sidebar-menu-active-bg: #001f3f;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-purple {
    --lte-sidebar-menu-active-bg: #6f42c1;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-purple {
    --lte-sidebar-menu-active-bg: #6f42c1;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-fuchsia {
    --lte-sidebar-menu-active-bg: #f012be;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-fuchsia {
    --lte-sidebar-menu-active-bg: #f012be;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-pink {
    --lte-sidebar-menu-active-bg: #e83e8c;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-pink {
    --lte-sidebar-menu-active-bg: #e83e8c;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-maroon {
    --lte-sidebar-menu-active-bg: #d81b60;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-maroon {
    --lte-sidebar-menu-active-bg: #d81b60;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-orange {
    --lte-sidebar-menu-active-bg: #fd7e14;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-light-orange {
    --lte-sidebar-menu-active-bg: #fd7e14;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-dark-lime {
    --lte-sidebar-menu-active-bg: #01ff70;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-light-lime {
    --lte-sidebar-menu-active-bg: #01ff70;
    --lte-sidebar-menu-active-color: #1f2d3d;
}
.app-sidebar.sidebar-dark-teal {
    --lte-sidebar-menu-active-bg: #20c997;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-teal {
    --lte-sidebar-menu-active-bg: #20c997;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-dark-olive {
    --lte-sidebar-menu-active-bg: #3d9970;
    --lte-sidebar-menu-active-color: #fff;
}
.app-sidebar.sidebar-light-olive {
    --lte-sidebar-menu-active-bg: #3d9970;
    --lte-sidebar-menu-active-color: #fff;
}