/* ================================
   Tema oscuro pastel adaptado
   ================================ */
body[data-bs-theme="dark"] {
    ---tblr-body-bg: #111827;
    --tblr-card-bg: #1f2937;
    --tblr-card-border-color: #374151;
    --tblr-input-bg: #1f2937;

    --tblr-navbar-bg: #252537;           /* Navbar oscuro */
    --tblr-navbar-border-color: #3a3a50;
    --tblr-sidebar-bg: #232334;          /* Sidebar */
    --tblr-sidebar-hover-bg: #2f2f47;
    --tblr-sidebar-active-bg: #3b3b5c;
    --tblr-footer-bg: #252537;

    /* Texto */
    color: #e5e7eb;                      /* Gris claro por defecto */
}

/* ================================
   Ajustes de texto en oscuro
   ================================ */
body[data-bs-theme="dark"] .text-secondary,
body[data-bs-theme="dark"] .text-gray {
  color: #9ca3af !important; /* Gris medio claro */
}

body[data-bs-theme="dark"] .text-dark {
  color: #d1d5db !important;
}

body[data-bs-theme="dark"] .text-light {
  color: #f9fafb !important;
}

/* ================================
   Navbar en oscuro
   ================================ */
body[data-bs-theme="dark"] .navbar {
  background: var(--tblr-navbar-bg) !important;
  color: #e5e7eb;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

body[data-bs-theme="dark"] .navbar .navbar-nav .nav-link,
body[data-bs-theme="dark"] .navbar .dropdown-toggle {
  color: #d1d5db !important;
}

body[data-bs-theme="dark"] .navbar .navbar-nav .nav-link:hover,
body[data-bs-theme="dark"] .navbar .dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff !important;
}

/* ================================
   Dropdown en navbar oscuro
   ================================ */
body[data-bs-theme="dark"] .navbar .dropdown-menu,
body[data-bs-theme="dark"] .dropdown-menu {
  background-color: #2a2a3d;
  border: 1px solid #3a3a50;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7);
}

body[data-bs-theme="dark"] .navbar .dropdown-item,
body[data-bs-theme="dark"] .dropdown-item {
  color: #e5e7eb;
}

body[data-bs-theme="dark"] .navbar .dropdown-item:hover,
body[data-bs-theme="dark"] .dropdown-item:focus,
body[data-bs-theme="dark"] .dropdown-item.active {
  background-color: rgba(94, 129, 244, 0.2); /* Azul pastel translúcido */
  color: #ffffff;
}

/* ================================
   Cards y formularios en oscuro
   ================================ */
body[data-bs-theme="dark"] .card {
  background-color: var(--tblr-card-bg);
  border: 1px solid var(--tblr-card-border-color);
  color: #f3f4f6;
}

body[data-bs-theme="dark"] .form-control,
body[data-bs-theme="dark"] .form-select {
  background: var(--tblr-input-bg);
  border-color: var(--tblr-input-border-color);
  color: #e5e7eb;
}

body[data-bs-theme="dark"] .form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238897aa' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}

body[data-bs-theme="dark"] .form-control:focus,
body[data-bs-theme="dark"] .form-select:focus {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), 0.25);
}

/* ================================
   Tablas en oscuro
   ================================ */
body[data-bs-theme="dark"] .table thead th {
  background: transparent !important;
  border-bottom: 2px solid #3a3a50;
  color: #d1d5db;
}

body[data-bs-theme="dark"] .table tbody tr:hover {
  background-color: rgba(94, 129, 244, 0.1);
}

/* ================================
   Botones oscuros adaptados
   ================================ */
body[data-bs-theme="dark"] .btn-primary {
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

body[data-bs-theme="dark"] .btn-primary:hover {
  background-color: #4a6ee0;
  border-color: #4a6ee0;
}

/* ================================
   Multiselect oscuro
   ================================ */
body[data-bs-theme="dark"] .multi-select .multi-select-options {
  background-color: #2a2a3d !important;
  border: 1px solid #3a3a50 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.7) !important;
}

body[data-bs-theme="dark"] .multi-select .multi-select-options .multi-select-option .multi-select-option-text,
body[data-bs-theme="dark"] .multi-select .multi-select-options .multi-select-all .multi-select-option-text {
  color: #e5e7eb !important;
}