/* Dark theme styles */
[data-theme="dark"] {
    --primary-color: #1a5276;
    --primary-dark: #0e2d40;
    --secondary-color: #2474a6;
    --light-color: #1e1e2d;
    --dark-color: #f8f9fa;
    --gray-100: #212529;
    --gray-200: #343a40;
    --gray-300: #495057;
    --gray-400: #6c757d;
    --gray-800: #e9ecef;
    --gray-900: #f8f9fa;
    
    --bs-body-color: #e9ecef;
    --bs-body-bg: #121212;
    --bs-border-color: #2a2a3c;
}

[data-theme="dark"] body {
    background-color: #121212;
    color: #e9ecef;
}

[data-theme="dark"] .card,
[data-theme="dark"] .table,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu {
    background-color: #1e1e2d;
    border-color: #2a2a3c;
}

[data-theme="dark"] .card-header {
    background-color: #1e1e2d;
    border-bottom-color: #2a2a3c;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .input-group-text {
    background-color: #2a2a3c;
    border-color: #343a40;
    color: #e9ecef;
}

[data-theme="dark"] .table-bordered,
[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: #2a2a3c;
}

[data-theme="dark"] .navbar-dark {
    background-color: #2c3e50 !important;
}

[data-theme="dark"] .sidebar {
    background: linear-gradient(to bottom, #2c3e50, #34495e);
}

[data-theme="dark"] .bg-light {
    background-color: #1e1e2d !important;
}

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

[data-theme="dark"] .dropdown-item {
    color: #e9ecef;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #2a2a3c;
}

[data-theme="dark"] hr {
    border-top-color: #2a2a3c;
}

[data-theme="dark"] .btn-light {
    background-color: #2a2a3c;
    border-color: #343a40;
    color: #e9ecef;
}

[data-theme="dark"] .border-end,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border {
    border-color: #2a2a3c !important;
}

[data-theme="dark"] .quick-access:hover {
    background-color: rgba(42, 42, 60, 0.5);
}

/* Footer dark theme */
[data-theme="dark"] .footer {
  background-color: #1a1a27;
  color: #adb5bd;
  border-top-color: #2a2a3c;
}

[data-theme="dark"] .footer span {
  color: #adb5bd;
}

[data-theme="dark"] .text-muted {
  color: #adb5bd !important;
}

body, .card, .footer, .navbar, .sidebar .table {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ajuste del color amarillo para botones e iconos en tema oscuro */
[data-theme="dark"] .card-header.bg-warning {
    background-color: #c9a531 !important; 
}

[data-theme="dark"] .btn-warning {
    background-color: #c9a531 !important;
    border-color: #5c4c15 !important;
}

[data-theme="dark"] .btn-warning:hover {
    background-color: #7e6410 !important;
    border-color: #4b3e10 !important;
}

[data-theme="dark"] .text-warning {
    color: #d4b94e !important;
}

[data-theme="dark"] .bi-lock-fill.text-warning {
    color: #d4b94e !important;
}

[data-theme="dark"] .input-group-text .text-warning {
    color: #d4b94e !important;
}

[data-theme="dark"] .form-select {
    background-color: #2a2a3c !important;
    border-color: #3a3a4c !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* Modo oscuro para las tables de Datatable */

[data-theme="dark"] .table,
[data-theme="dark"] .table,
[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: #444;
    color: white;
}
[data-theme="dark"] .table tbody td,
[data-theme="dark"] .table thead th {
    background-color: #292828;
    border-color: #333;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #252536 !important;
    --bs-table-accent-bg: #252536 !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #1e1e2d !important;
    --bs-table-accent-bg: #1e1e2d !important;
}

[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: #2f2f45 !important;
    --bs-table-accent-bg: #2f2f45 !important;
    color: #ffffff;
}


/* Tooltips */
[data-theme="dark"] .tooltip .tooltip-inner {
    background-color: #e9ecef; 
    color: #121212;
}

/* Flechas del tooltip */
[data-theme="dark"] .tooltip.bs-tooltip-top .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #e9ecef;
}

[data-theme="dark"] .tooltip.bs-tooltip-end .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #e9ecef;
}

[data-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #e9ecef;
}

[data-theme="dark"] .tooltip.bs-tooltip-start .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #e9ecef;
}

/* Mejora para el fondo de la nav-tabs en modo oscuro */
[data-theme="dark"] .card-header.bg-white,
[data-theme="dark"] .card-header.bg-white.p-0 {
    background-color: #1a1a27 !important;
    border-bottom-color: #2a2a3c;
}

/* Mejora para las pestañas en modo oscuro */
[data-theme="dark"] .nav-tabs {
    border-bottom-color: #2a2a3c;
    background-color: transparent;
}

/* Pestañas inactivas */
[data-theme="dark"] .nav-tabs .nav-link {
    color: #adb5bd;
    background-color: transparent;
    border-color: transparent;
}

/* Pestaña al pasar el mouse */
[data-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: #2a2a3c;
    isolation: isolate;
    color: #e9ecef;
    background-color: #252536;
}

/* Pestaña activa */
[data-theme="dark"] .nav-tabs .nav-link.active {
    color: #e9ecef;
    background-color: #1e1e2d;
    border-color: #2a2a3c #2a2a3c #1e1e2d;
    font-weight: 500;
}

/* Contenedor de pestañas activo */
[data-theme="dark"] .tab-content {
    background-color: #1e1e2d;
    border: 1px solid #2a2a3c;
    border-top: none;
}

/* Badge en pestañas */
[data-theme="dark"] .nav-tabs .nav-link .badge {
    background-color: #343a40;
    color: #e9ecef;
}

[data-theme="dark"] .nav-tabs .nav-link.active .badge {
    background-color: #1a5276;
}

/* placeholder en inputs */
[data-theme="dark"] ::placeholder {
    color: #8a8a9a !important;
    opacity: 1;
}

[data-theme="dark"] :-ms-input-placeholder {
    color: #8a8a9a !important;
}

[data-theme="dark"] ::-ms-input-placeholder {
    color: #8a8a9a !important;
}

/* input de archivos */
[data-theme="dark"] .form-control::file-selector-button {
    background-color: #2a2a3c;
    color: #e9ecef;
    border-color: #343a40;
}

[data-theme="dark"] .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #343a40;
}

/*  texto de ayuda bajo los campos (en gestionar expediente) */
[data-theme="dark"] .form-text {
    color: #adb5bd !important;
}