/*
 * Color de marca de Contiora, reutilizado del rediseño del login (2026-09-02)
 * sobre el "primary" azul genérico de Bootstrap 4 / AdminLTE (#007bff).
 * Un solo archivo cargado desde master.blade.php — se aplica a todos los
 * módulos automáticamente porque todos extienden ese mismo layout.
 */

:root {
    --brand-blue-600: #1b4b91; /* fallback hex para navegadores sin oklch() */
    --brand-blue-600: oklch(52% 0.16 258);
    --brand-blue-500: #2461b8;
    --brand-blue-500: oklch(58% 0.15 258);
    --brand-blue-700: #133563;
    --brand-blue-700: oklch(44% 0.15 258);
    --brand-navy-900: #0f1d32; /* fallback hex para navegadores sin oklch() */
    --brand-navy-900: oklch(23% 0.045 258);
}

/* Sidebar: el fondo del panel es fijo (#343a40) en AdminLTE, independiente
   del color "primary" — por eso los botones ya cambiaban pero el panel
   seguía gris/negro. Aquí sí se toca el panel completo. */
[class*="sidebar-dark-"] {
    background-color: var(--brand-navy-900);
}

/* Sidebar: ítem activo */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--brand-blue-600);
}

.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: var(--brand-blue-600);
}

/* Botones */
.btn-primary {
    background-color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--brand-blue-500) !important;
    border-color: var(--brand-blue-500) !important;
}

.btn-outline-primary {
    color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}

.btn-outline-primary:hover {
    background-color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}

/* Texto, fondos, bordes, badges */
.text-primary {
    color: var(--brand-blue-600) !important;
}

.bg-primary {
    background-color: var(--brand-blue-600) !important;
}

.border-primary {
    border-color: var(--brand-blue-600) !important;
}

.badge-primary {
    background-color: var(--brand-blue-600);
}

/* Tarjetas (card-outline card-primary, patrón usado en varios módulos) */
.card-primary.card-outline {
    border-top-color: var(--brand-blue-600);
}

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--brand-blue-600);
}

/* Enlaces y pestañas dentro del contenido */
a.text-primary:hover,
a.text-primary:focus {
    color: var(--brand-blue-700) !important;
}

/* Paginación (listados con muchos módulos) */
.page-item.active .page-link {
    background-color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}

.page-link {
    color: var(--brand-blue-600);
}

/* Checkboxes / switches Bootstrap */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}

/* icheck-bootstrap (usado en login/registro) */
.icheck-primary input:checked + label::before {
    background-color: var(--brand-blue-600);
    border-color: var(--brand-blue-600);
}