/* This file is reserved for overriding and extending the template styles. */

/* Scrollbars nativos más delgados globalmente */
/* Para modales */
.modal-body::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.modal-body .scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
  border-radius: var(--border-radius-md);
}

.modal-body::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb,
.modal-body .scroll::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-md);
  background: rgba(var(--muted-rgb), 0.4);
}

.modal-body::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track,
.modal-body .scroll::-webkit-scrollbar-track {
  background: rgba(var(--muted-rgb), 0.15);
  border-radius: var(--border-radius-md);
}

/* Para dropdowns */
.dropdown-menu::-webkit-scrollbar,
.notification-dropdown::-webkit-scrollbar,
.dropdown-menu .scroll::-webkit-scrollbar,
.notification-dropdown .scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
  border-radius: var(--border-radius-md);
}

.dropdown-menu::-webkit-scrollbar-thumb,
.notification-dropdown::-webkit-scrollbar-thumb,
.dropdown-menu .scroll::-webkit-scrollbar-thumb,
.notification-dropdown .scroll::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-md);
  background: rgba(var(--muted-rgb), 0.4);
}

.dropdown-menu::-webkit-scrollbar-track,
.notification-dropdown::-webkit-scrollbar-track,
.dropdown-menu .scroll::-webkit-scrollbar-track,
.notification-dropdown .scroll::-webkit-scrollbar-track {
  background: rgba(var(--muted-rgb), 0.15);
  border-radius: var(--border-radius-md);
}

/* Para elementos con overflow que no usan OverlayScrollbars */
div[style*="overflow"]:not(.os-host):not(.os-content)::-webkit-scrollbar,
.scroll:not(.os-host):not(.os-content)::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
  border-radius: var(--border-radius-md);
}

div[style*="overflow"]:not(.os-host):not(.os-content)::-webkit-scrollbar-thumb,
.scroll:not(.os-host):not(.os-content)::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-md);
  background: rgba(var(--muted-rgb), 0.4);
}

div[style*="overflow"]:not(.os-host):not(.os-content)::-webkit-scrollbar-track,
.scroll:not(.os-host):not(.os-content)::-webkit-scrollbar-track {
  background: rgba(var(--muted-rgb), 0.15);
  border-radius: var(--border-radius-md);
}

/* Firefox - scrollbars delgados */
.modal-body,
.modal-content,
.dropdown-menu,
.notification-dropdown,
.scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--muted-rgb), 0.4) rgba(var(--muted-rgb), 0.15);
}

/* Estilos para el dropdown de notificaciones */
#notifications.notification-dropdown {
  padding: 0;
}

.notification-scroll-container {
  max-height: 400px;
  overflow-y: auto;
  padding: 0.5rem 0;
}

.notification-empty-icon {
  font-size: 2.5rem;
  color: var(--bs-muted);
}

.notification-empty-text {
  font-size: 0.875rem;
}

.notification-footer-link {
  font-size: 0.875rem;
}

/* Estilos para selección de texto */
::selection {
  background: var(--primary);
  color: white;
  text-shadow: none;
}

::-moz-selection {
  background: var(--primary);
  color: white;
  text-shadow: none;
}