.profile-info .profile-img img,.user-profile-dropdown .user img{object-fit:cover;object-position:center}
.theme-brand .navbar-logo{object-fit:contain;object-position:center;width:64px!important;height:44px!important}
.theme-brand .theme-text .nav-link{font-size:18px!important;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.profile-info .profile-content h6,.user-profile-section h5{white-space:normal;overflow-wrap:anywhere}
.profile-info .profile-content p,.user-profile-section p{white-space:normal;overflow-wrap:anywhere}
/* Marca del capítulo: logo arriba y nombre completo debajo. */
#sidebar .theme-brand{align-items:flex-start;gap:10px;height:auto;min-height:0}
#sidebar .theme-brand .nav-logo{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;gap:6px;overflow:visible}
#sidebar .theme-brand .theme-logo{width:100%;min-width:0;overflow:visible}
#sidebar .theme-brand .theme-logo>a{display:flex;justify-content:center;width:100%;overflow:visible}
#sidebar .theme-brand .navbar-logo{width:100%!important;max-width:120px;height:60px!important;object-fit:contain}
#sidebar .theme-brand .theme-text{width:100%;min-width:0;height:auto;overflow:visible}
#sidebar .theme-brand .theme-text .nav-link{display:block;font-size:17px!important;line-height:1.3!important;padding:0 2px 6px!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;overflow:visible;text-align:center;height:auto;max-height:none}
#sidebar .theme-brand .sidebar-toggle{flex:0 0 28px;align-self:flex-start;margin-top:12px}
.header .theme-brand{flex-direction:column!important;align-items:center;flex:0 1 200px;min-width:0;gap:4px;height:auto}
.header .theme-brand .theme-text{width:100%;min-width:0}
.header .theme-brand .theme-text .nav-link{font-size:16px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center;padding:0 4px!important;max-height:none}
.header .theme-brand .navbar-logo{width:90px!important;height:44px!important}

/* Phase I: requested menu labels remain readable in CORK. */
#sidebar .bni-menu-two-lines,
.bni-menu-two-lines { white-space:normal!important; line-height:1.35!important; height:auto; }
#sidebar .sidebarCollapse:focus-visible { outline:2px solid #e7515a; outline-offset:4px; }
@media (min-width:992px) {
 .sidebar-closed > .sidebar-wrapper:not(:hover) #sidebar .theme-brand .nav-logo { flex:0 0 32px; }
 .sidebar-closed > .sidebar-wrapper:not(:hover) #sidebar .theme-brand .navbar-logo { max-width:32px; height:32px!important; }
 .sidebar-closed > .sidebar-wrapper:not(:hover) #sidebar .theme-brand { padding:12px 6px; gap:4px; }
 .sidebar-closed > .sidebar-wrapper:not(:hover) #sidebar .theme-brand .sidebar-toggle { display:block; flex:0 0 24px; margin-top:4px; }
}

/* Click-driven desktop rail, including while the pointer remains over it. */
@media (min-width:992px) {
 .main-container.bni-menu-compact > .sidebar-wrapper,
 .main-container.bni-menu-compact > .sidebar-wrapper:hover { width:84px!important; }
 .main-container.bni-menu-compact #sidebar .theme-brand {
   padding:12px 6px!important; gap:4px!important; align-items:center!important;
 }
 .main-container.bni-menu-compact #sidebar .theme-brand .nav-logo { flex:0 0 36px!important; width:36px!important; }
 .main-container.bni-menu-compact #sidebar .theme-brand .navbar-logo {
   width:36px!important; max-width:36px!important; height:36px!important; object-fit:contain;
 }
 .main-container.bni-menu-compact #sidebar .theme-brand .sidebar-toggle {
   display:block!important; flex:0 0 24px!important; margin-top:0!important;
 }
 .main-container.bni-menu-compact #sidebar .theme-brand .sidebarCollapse svg { transform:rotate(180deg)!important; }
 .main-container.bni-menu-compact #sidebar .theme-text,
 .main-container.bni-menu-compact #sidebar .profile-content,
 .main-container.bni-menu-compact #sidebar li.menu > a span,
 .main-container.bni-menu-compact #sidebar li.menu > a .feather-chevron-right,
 .main-container.bni-menu-compact #sidebar li.menu-heading .heading span,
 .main-container.bni-menu-compact #sidebar ul.submenu,
 .main-container.bni-menu-compact #sidebar ul.submenu.show { display:none!important; }
 .main-container.bni-menu-compact #sidebar li.menu-heading .heading .feather-minus { display:inline-block!important; }
 .main-container.bni-menu-compact #sidebar .profile-info .user-info { padding:7px 12px!important; }
 .main-container.bni-menu-compact #sidebar .profile-img { margin:0!important; }
 .main-container.bni-menu-compact #sidebar .shadow-bottom { display:none!important; }
 .main-container.bni-menu-compact #sidebar li.menu > a { margin-inline:8px!important; padding:10px 20px!important; }
}

/* ── Menú lateral en rojo BNI (en lugar del azul del tema) ── */
:root { --bni-red:#CF2030; --bni-red-soft:rgba(207,32,48,.10); }
/* Menú principal activo o abierto: recuadro rojo con letra e ícono blancos */
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true],
body.layout-dark #sidebar ul.menu-categories li.menu.active>.dropdown-toggle,
body.layout-dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] { background:var(--bni-red)!important; background-color:var(--bni-red)!important; }
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle span,
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle svg,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] svg,
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle:hover,
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle:hover svg,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true]:hover svg { color:#fff!important; fill:none!important; }
/* Menú principal al pasar el mouse (sin estar abierto) */
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded=false]:hover,
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded=false]:hover span,
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded=false]:hover svg,
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle:not([aria-expanded]):hover,
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle:not([aria-expanded]):hover span,
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle:not([aria-expanded]):hover svg { color:var(--bni-red)!important; fill:none!important; }
/* Submenús y tercer nivel.
   El tema pinta la opción activa con un recuadro azul (li.active:before) y letra blanca; lo quitamos y
   pintamos directamente el enlace: así funciona igual en todas las variantes del tema. */
#sidebar ul.menu-categories ul.submenu>li.active:before,
body.layout-dark #sidebar ul.menu-categories ul.submenu>li.active:before { display:none!important; background:transparent!important; }
/* Opciones normales (también las que están dentro de un grupo activo, p. ej. "Global" de Qué mejorar) */
#sidebar ul.menu-categories ul.submenu li:not(.active)>a { color:#515365!important; background-color:transparent!important; }
body.layout-dark #sidebar ul.menu-categories ul.submenu li:not(.active)>a { color:#bfc9d4!important; }
/* Opción seleccionada: recuadro rojo BNI con letra e ícono blancos */
#sidebar ul.menu-categories ul.submenu li.active>a:not(.dropdown-toggle),
#sidebar ul.menu-categories ul.submenu li.active>a:not(.dropdown-toggle):hover,
body.layout-dark #sidebar ul.menu-categories ul.submenu li.active>a:not(.dropdown-toggle) { background:var(--bni-red)!important; background-color:var(--bni-red)!important; color:#fff!important; border-radius:6px; font-weight:600; }
#sidebar ul.menu-categories ul.submenu li.active>a:not(.dropdown-toggle) svg { color:#fff!important; }
/* Grupo dentro del submenú (Qué mejorar) activo o abierto: solo texto e ícono en rojo */
#sidebar ul.menu-categories ul.submenu li.active>a.dropdown-toggle,
#sidebar ul.menu-categories ul.submenu li>a.dropdown-toggle[aria-expanded=true],
body.layout-dark #sidebar ul.menu-categories ul.submenu li.active>a.dropdown-toggle { background:transparent!important; background-color:transparent!important; color:var(--bni-red)!important; font-weight:600; }
#sidebar ul.menu-categories ul.submenu li.active>a.dropdown-toggle svg,
#sidebar ul.menu-categories ul.submenu li>a.dropdown-toggle[aria-expanded=true] svg { color:var(--bni-red)!important; }
/* Al pasar el mouse por una opción no seleccionada */
#sidebar ul.menu-categories ul.submenu li:not(.active)>a:hover,
body.layout-dark #sidebar ul.menu-categories ul.submenu li:not(.active)>a:hover { color:var(--bni-red)!important; background-color:var(--bni-red-soft)!important; border-radius:6px; }
#sidebar ul.menu-categories ul.submenu li:not(.active)>a:hover svg { color:var(--bni-red)!important; }
/* Puntitos del tema (opciones sin ícono): en rojo en lugar de azul */
#sidebar ul.menu-categories ul.submenu>li a:before,
#sidebar ul.menu-categories ul.submenu li>a[aria-expanded=true]:before,
#sidebar ul.menu-categories li.menu ul.submenu>li.active a:before,
#sidebar ul.menu-categories li.menu ul.submenu>li a:hover:before,
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:hover:before { border-color:var(--bni-red)!important; box-shadow:0 0 0 2px rgba(207,32,48,.30)!important; }
#sidebar ul.menu-categories li.menu ul.submenu>li.active a:before,
#sidebar ul.menu-categories ul.submenu li>a[aria-expanded=true]:before,
#sidebar ul.menu-categories li.menu ul.submenu>li a:hover:before,
#sidebar ul.menu-categories ul.submenu>li ul.sub-submenu>li a:hover:before { background:var(--bni-red)!important; background-color:var(--bni-red)!important; }
/* Íconos en los submenús (en lugar del puntito) */
#sidebar ul.menu-categories ul.submenu>li>a.bni-has-icon:before { display:none!important; }
#sidebar ul.menu-categories ul.submenu>li>a.bni-has-icon { display:flex!important; align-items:center; gap:10px; }
#sidebar .bni-sub-icon { display:inline-flex; flex:0 0 18px; width:18px; height:18px; }
#sidebar .bni-sub-icon svg { width:18px!important; height:18px!important; stroke-width:1.9; }
#sidebar ul.menu-categories ul.submenu>li>a.bni-has-icon .bni-menu-two-lines { flex:1 1 auto; min-width:0; }
#sidebar ul.menu-categories ul.submenu>li>a.bni-has-icon svg.feather-chevron-right { flex:0 0 auto; margin-left:auto; }

/* ═════════ Todo el sistema en rojo BNI: botones, pestañas, listas, enlaces y controles ═════════
   Los colores de estado (verde = listo, amarillo = pendiente) de etiquetas y avisos se conservan. */
:root { --bni-red-dark:#A8182A; --bni-red-rgb:207,32,48; }
/* Botones sólidos */
.btn-primary, .btn-secondary, .btn-info, .btn-success, .btn-warning, .btn-dark, .btn-danger,
.fc .fc-button-primary {
  background-color:var(--bni-red)!important; border-color:var(--bni-red)!important; color:#fff!important; box-shadow:0 8px 16px -8px rgba(var(--bni-red-rgb),.45)!important;
}
.btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover, .btn-dark:hover, .btn-danger:hover,
.btn-primary:focus, .btn-secondary:focus, .btn-info:focus, .btn-success:focus, .btn-warning:focus, .btn-dark:focus, .btn-danger:focus,
.btn-primary:active, .btn-secondary:active, .btn-info:active, .btn-success:active, .btn-warning:active, .btn-dark:active, .btn-danger:active,
.btn-check:checked+.btn-primary, .btn-check:checked+.btn-secondary, .btn-check:checked+.btn-danger,
.fc .fc-button-primary:hover, .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
  background-color:var(--bni-red-dark)!important; border-color:var(--bni-red-dark)!important; color:#fff!important;
}
.btn-primary:disabled, .btn-secondary:disabled, .btn-info:disabled, .btn-success:disabled, .btn-danger:disabled, .btn-dark:disabled { opacity:.6; }
/* Botones de contorno */
.btn-outline-primary, .btn-outline-secondary, .btn-outline-info, .btn-outline-success, .btn-outline-warning, .btn-outline-dark, .btn-outline-danger, .btn-light {
  background-color:transparent!important; border-color:var(--bni-red)!important; color:var(--bni-red)!important; box-shadow:none!important;
}
.btn-light { background-color:#fff!important; }
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-info:hover, .btn-outline-success:hover, .btn-outline-warning:hover, .btn-outline-dark:hover, .btn-outline-danger:hover, .btn-light:hover,
.btn-outline-primary.active, .btn-outline-secondary.active, .btn-outline-danger.active, .btn-outline-dark.active,
.btn-check:checked+.btn-outline-primary, .btn-check:checked+.btn-outline-secondary, .btn-check:checked+.btn-outline-danger, .btn-check:checked+.btn-outline-dark {
  background-color:var(--bni-red)!important; border-color:var(--bni-red)!important; color:#fff!important;
}
.btn-outline-primary:hover svg, .btn-outline-secondary:hover svg, .btn-outline-danger:hover svg, .btn-outline-dark:hover svg, .btn-light:hover svg { color:#fff!important; }
.btn-link { color:var(--bni-red)!important; }
/* Pestañas (nav-pills / nav-tabs) */
#content .nav-pills .nav-link, #content .nav-tabs .nav-link, .modal .nav-pills .nav-link, .modal .nav-tabs .nav-link { color:var(--bni-red)!important; }
#content .nav-pills .nav-link.active, #content .nav-pills .show>.nav-link, .modal .nav-pills .nav-link.active {
  background-color:var(--bni-red)!important; color:#fff!important; box-shadow:0 8px 16px -8px rgba(var(--bni-red-rgb),.45)!important;
}
#content .nav-tabs .nav-link.active, #content .nav-tabs .nav-item.show .nav-link { color:var(--bni-red)!important; border-color:#e0e6ed #e0e6ed transparent!important; border-bottom:2px solid var(--bni-red)!important; font-weight:600; }
#content .nav-pills .nav-link:not(.active):hover, #content .nav-tabs .nav-link:not(.active):hover { color:var(--bni-red-dark)!important; background-color:rgba(var(--bni-red-rgb),.08)!important; }
/* Listas seleccionables (p. ej. puestos y roles) */
.list-group-item.active, .list-group-item-action.active { background-color:var(--bni-red)!important; border-color:var(--bni-red)!important; color:#fff!important; }
.list-group-item.active small, .list-group-item.active .text-muted, .list-group-item.active .badge { color:#fff!important; }
.list-group-item-action:not(.active):hover { color:var(--bni-red)!important; background-color:rgba(var(--bni-red-rgb),.06)!important; }
/* Enlaces del contenido */
#content a:not(.btn):not(.nav-link):not(.page-link):not(.list-group-item):not(.dropdown-item):not(.badge):not([class*="fc-"]) { color:var(--bni-red); }
#content a:not(.btn):not(.nav-link):not(.page-link):not(.list-group-item):not(.dropdown-item):not(.badge):not([class*="fc-"]):hover { color:var(--bni-red-dark); }
/* Textos y fondos que eran azul o morado */
.text-primary, .text-info, .text-secondary:not(.form-text) { color:var(--bni-red)!important; }
.bg-primary, .bg-info, .bg-secondary { background-color:var(--bni-red)!important; color:#fff!important; }
.badge-primary, .badge-secondary, .badge-info, .badge.bg-primary, .badge.bg-secondary, .badge.bg-info { background-color:var(--bni-red)!important; color:#fff!important; }
.badge-light-primary, .badge-light-secondary, .badge-light-info { background-color:rgba(var(--bni-red-rgb),.12)!important; color:var(--bni-red)!important; border-color:rgba(var(--bni-red-rgb),.25)!important; }
.progress-bar:not(.bg-success):not(.bg-warning):not(.bg-danger), .progress-bar.bg-primary { background-color:var(--bni-red)!important; }
/* Avisos informativos (antes azules): gris claro con borde rojo, distintos de los de error */
.alert-info, .alert-light-info { background-color:#f4f4f5!important; color:#3b3f5c!important; border:1px solid #e3e4e8!important; border-left:4px solid var(--bni-red)!important; }
body.layout-dark .alert-info, body.layout-dark .alert-light-info { background-color:#1b2e4b!important; color:#e0e6ed!important; border-color:#253b5c!important; border-left-color:var(--bni-red)!important; }
/* Casillas, interruptores, campos y paginación */
.form-check-input:checked { background-color:var(--bni-red)!important; border-color:var(--bni-red)!important; }
.form-check-input:focus, .form-control:focus, .form-select:focus { border-color:rgba(var(--bni-red-rgb),.6)!important; box-shadow:0 0 0 .2rem rgba(var(--bni-red-rgb),.15)!important; }
.page-item.active .page-link, .pagination .active .page-link { background-color:var(--bni-red)!important; border-color:var(--bni-red)!important; color:#fff!important; }
.page-link { color:var(--bni-red); }
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background-color:rgba(var(--bni-red-rgb),.10)!important; color:var(--bni-red)!important; }
/* Interruptores del tema (switch) encendidos, círculos de iniciales y el rojo "danger" del tema → rojo BNI */
.switch.form-switch-custom .switch-input:checked, .switch .switch-input:checked, .form-switch-danger .switch-input:checked,
.switch.form-switch-custom.form-switch-primary .switch-input:checked, .switch.form-switch-custom.form-switch-secondary .switch-input:checked, .switch.form-switch-custom.form-switch-info .switch-input:checked {
  background-color:var(--bni-red)!important; border-color:var(--bni-red)!important;
}
.bg-light-primary, .bg-light-secondary, .bg-light-info { background-color:rgba(var(--bni-red-rgb),.12)!important; color:var(--bni-red)!important; }
.text-danger { color:var(--bni-red)!important; }
.bg-danger, .badge-danger, .badge.bg-danger { background-color:var(--bni-red)!important; }
.badge-light-danger { background-color:rgba(var(--bni-red-rgb),.12)!important; color:var(--bni-red)!important; }
