/*
* custom.css — estilos propios del proyecto
* NO tocar demo.css (es del template base)
******************************************************************************/

/* Dark mode: iconos del menú lateral visibles en items activos
 * El theme-default-dark.css pone color:#5a8dee en los iconos de items activos
 * del submenú, igual que el fondo → invisible. Lo sobreescribimos con blanco.
 */
.dark-style .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon,
.dark-style .bg-menu-theme .menu-inner .menu-sub > .menu-item.active .menu-icon {
  color: #fff !important;
}

/* User list: espaciado entre elementos de la barra de acciones */
.dt-action-buttons .dataTables_length {
  border-right: 1px solid #dbdade;
  padding-right: 1rem;
}
.dark-style .dt-action-buttons .dataTables_length {
  border-right-color: #434968;
}
.dt-action-buttons .dt-buttons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* DataTables: empty state */
td.dataTables_empty {
  padding: 3rem 1rem !important;
  text-align: center;
  color: #a1acb8;
  font-size: .9375rem;
}
td.dataTables_empty i {
  display: block;
  font-size: 2.5rem;
  margin-bottom: .5rem;
  opacity: .5;
}

/* Logs: opciones de familia en el select de acción */
select#filterAction option.log-family-opt {
  font-weight: 700;
  background-color: #f0f2f5;
  color: #444;
}
.dark-style select#filterAction option.log-family-opt {
  background-color: #2b2c40;
  color: #cfd3ec;
}

/* SweetAlert2 toasts de éxito */
.swal2-popup.swal2-toast {
  padding: 0.6rem 1rem !important;
  font-size: 0.8125rem !important;
  max-width: 300px !important;
  background: #28a745 !important;
  color: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(40,167,69,.35) !important;
  align-items: center !important;
}
.swal2-popup.swal2-toast .swal2-title {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: #fff !important;
}
.swal2-popup.swal2-toast .swal2-icon {
  display: none !important;
}
.swal2-popup.swal2-toast .swal2-title::before {
  content: '✓ ';
  font-weight: 700;
}
.swal2-popup.swal2-toast .swal2-timer-progress-bar {
  background: rgba(255,255,255,.4) !important;
  height: 3px !important;
}