/* SISFIC theme – AdminLTE4/Bootstrap5 overrides */
:root{
  /* Paleta SISFIC */
  --sisfic-primary: #f36c2d;          /* naranja del logotipo */
  --sisfic-primary-rgb: 243,108,45;
  --sisfic-dark: #2f3337;
  --sisfic-gray: #5b6066;

  /* Bootstrap vars */
  --bs-primary: var(--sisfic-primary);
  --bs-primary-rgb: var(--sisfic-primary-rgb);
  --bs-link-color: var(--sisfic-primary);
  --bs-link-hover-color: #d95e26;
}

/* Botones/Badges */
.btn-primary,
.btn-primary:focus,
.btn-primary:active{
  background-color: var(--sisfic-primary)!important;
  border-color: var(--sisfic-primary)!important;
  color: #fff !important;
}

.btn-primary:hover{ background-color:#d95e26!important; border-color:#d95e26!important; color: #fff !important;}
.text-primary{ color: var(--sisfic-primary)!important; }
.bg-primary{ background-color: var(--sisfic-primary)!important; }

/* Sidebar (oscuro por defecto) */
.main-sidebar { background-color: var(--sisfic-dark)!important; }
.nav-sidebar .nav-link.active{
  background-color: rgba(var(--sisfic-primary-rgb), .15)!important;
  color: #fff!important;
}
.nav-sidebar .nav-link:hover{ color:#fff!important; }

/* Navbar */
.main-header.navbar { border-bottom-color: rgba(var(--sisfic-primary-rgb), .25)!important; }

/* Login (modo auth) */
.auth-page .card{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.auth-page .btn-primary{ box-shadow: 0 4px 12px rgba(var(--sisfic-primary-rgb), .35); }

/* Select2 highlight */
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--sisfic-primary)!important;
}

/* DataTables focus */
.page-item.active .page-link{
  background-color: var(--sisfic-primary)!important;
  border-color: var(--sisfic-primary)!important;
}

/* Links globales */
a, a.link-primary, .text-primary, .page-link {
  color: var(--sisfic-primary) !important;
}
a:hover, a:focus {
  color: #d95e26 !important;
  text-decoration: none;
}

/* Botón confirmar de SweetAlert2 al estilo SISFIC (opcional) */
.swal2-confirm {
  background-color: var(--sisfic-primary) !important;
  border-color: var(--sisfic-primary) !important;
}
.swal2-confirm:hover {
  background-color: #d95e26 !important;
  border-color: #d95e26 !important;
}

.form-control:focus, .form-select:focus, .btn:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--sisfic-primary-rgb), .25) !important;
  border-color: var(--sisfic-primary) !important;
}

/* separa bloques grandes en dashboard */
.app-main .app-content .card + .row,
.app-main .app-content .row + .row {
  margin-top: 1rem;
}

/* === SISFIC • App Sidebar (AdminLTE 4 RC3) === */

/* color base (ojo: un solo #) */
.app-sidebar .sidebar-menu .nav-link,
.app-sidebar .sidebar-menu > .nav-item > .nav-link {
  color: #c2c7d0 !important;
}

/* hover/focus y activos */
.app-sidebar .sidebar-menu .nav-link:hover,
.app-sidebar .sidebar-menu .nav-link:focus {
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
}
.app-sidebar .sidebar-menu .nav-link.active,
.app-sidebar .sidebar-menu .menu-open > .nav-link {
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
}

/* iconos heredan color del link */
.app-sidebar .sidebar-menu .nav-link .nav-icon {
  color: inherit !important;
  opacity: .95;
}

/* hijos gris + indentación; nietos un poco más */
.app-sidebar .sidebar-menu .nav-treeview .nav-link {
  color: #c2c7d0 !important;
  padding-left: 2rem;
  font-weight: 500;
}
.app-sidebar .sidebar-menu .nav-treeview .nav-treeview .nav-link {
  padding-left: 2.5rem;
}

/* caret: gira a abajo cuando el padre está abierto (RC3 usa .end; dejo .right por compat) */
.app-sidebar .sidebar-menu .nav-link .end.fas.fa-angle-left,
.app-sidebar .sidebar-menu .nav-link .right.fas.fa-angle-left {
  transition: transform .2s ease;
}
.app-sidebar .menu-open > .nav-link .end.fas.fa-angle-left,
.app-sidebar .menu-open > .nav-link .right.fas.fa-angle-left {
  transform: rotate(-90deg);
}

/* Asegura que el contenedor pueda scrollear todo el alto disponible */
.app-sidebar .sidebar-wrapper { height: 100%; }

/* Barra en modo dark un poco más visible */
.app-sidebar .os-scrollbar .os-scrollbar-handle {
  background-color: rgba(255,255,255,.35) !important;
}

/* DataTables + Bootstrap 5 paginator */
.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link{
  color:#ff7a00 !important; /* texto normal */
  background:#f8f9fa;
  border:1px solid #e9ecef;
  border-radius:.5rem;
  /*padding:.35rem .75rem;*/
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link:hover{
  color:#ff7a00 !important;
  background:#fff3e8 !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link{
  color:#fff !important;                 /* número en activo */
  background-color:#ff7a00 !important;   /* naranja SISFIC */
  border-color:#ff7a00 !important;
}

/* Fallback si no usas el renderer BS5 (clases paginate_button) */
.dataTables_wrapper .dataTables_paginate .paginate_button{
  color:#ff7a00 !important;
  border-radius:.5rem;
  /*padding:.35rem .75rem;*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color:#fff !important;
  background:#ff7a00 !important;
  border:1px solid #ff7a00 !important;
}