/* ================================================================
   DARK MODE — agildia
   La mayor parte del dark mode se aplica via JavaScript (inline
   styles) en dark-mode-toggle.blade.php. Este archivo cubre solo
   los elementos que Bootstrap/AdminLTE inyectan dinámicamente
   fuera del .wrapper (tooltips, hover states), que JS no alcanza.
   Activado con: body.dark-tooltip (añadida por JS al habilitar dark)
   ================================================================ */

/* ── Variables de paleta (espejo de const DARK en dark-mode-toggle.blade.php) ── */
:root {
    /* Fondos base */
    --dark-card:          #1e2130;   /* DARK.card / sidebar / modal / dropdown */
    --dark-brand:         #161826;   /* DARK.brand */
    --dark-content:       #12131a;   /* DARK.content */
    --dark-hover:         #252a3d;   /* DARK.hover / input / tableStripe */
    /* Texto */
    --dark-text:          #d0d0d0;   /* DARK.text */
    --dark-text-muted:    #888888;   /* DARK.textMuted */
    --dark-text-disabled: #444a5a;   /* DARK.textDisabled */
    --dark-white:         #ffffff;   /* DARK.white */
    --dark-accent:        #90c8ff;   /* DARK.accent */
    /* Bordes */
    --dark-border:        #2e3448;   /* DARK.border / tableBorder */
    --dark-border-light:  #3a4060;   /* DARK.borderLight */
    --dark-border-accent: #4a5070;   /* DARK.borderAccent */
    --dark-active-border: #1a5a9a;   /* DARK.activeBorder */
    /* Links */
    --dark-link-active:   #4a9eff;   /* DARK.linkActive */
    --dark-link-visited:  #7ab0f0;   /* visited links */
    /* Estados semánticos */
    --dark-danger:        #eb5757;   /* DARK.danger */
    --dark-success:       #6fcf97;   /* DARK.success */
    --dark-valid-danger:  #dc3545;   /* DARK.validDanger */
    --dark-valid-success: #28a745;   /* DARK.validSuccess */
    --dark-active-bg:     #1a4a7a;   /* DARK.activeBg */
    --dark-success-bg:    #1a3a2a;   /* DARK.successBg */
    --dark-danger-dark-bg:#2a1a1a;   /* DARK.dangerDarkBg */
    /* CSS-only: hover states y pseudo-elementos que JS no puede alcanzar */
    --dark-tooltip-bg:    #2a2f45;   /* fondo tooltip/popover (más claro que card) */
    --dark-highlight:     #2e3a5a;   /* select2 highlighted, swal confirm hover */
    --dark-swal-deny-bg:  #5a1a1a;   /* swal deny button + invalid-tooltip bg */
    --dark-swal-deny-hov: #7a2a2a;   /* swal deny hover */
    --dark-disabled:      #555a6a;   /* nav-tabs disabled, select2 disabled */
    --dark-selection-bg:  #2a4a7a;   /* ::selection background */
    --dark-sidebar-hover: #333333;   /* nav sidebar link hover */
    /* Sombras */
    --dark-shadow-sm:     rgba(0, 0, 0, 0.5);
    --dark-focus-ring:    rgba(74, 158, 255, 0.25);
}

/* ── Tooltips (Bootstrap 4 + 5) ── */
body.dark-tooltip .tooltip .tooltip-inner {
    background-color: var(--dark-tooltip-bg) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 2px 8px var(--dark-shadow-sm) !important;
    max-width: 250px !important;
}

/* Bootstrap 4 — flechas (.arrow) */
body.dark-tooltip .tooltip.bs-tooltip-top .arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-bottom .arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-left .arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-right .arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: var(--dark-tooltip-bg) !important;
}

/* Bootstrap 5 — flechas (.tooltip-arrow) */
body.dark-tooltip .tooltip.bs-tooltip-top .tooltip-arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-start .tooltip-arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--dark-tooltip-bg) !important;
}
body.dark-tooltip .tooltip.bs-tooltip-end .tooltip-arrow::before,
body.dark-tooltip .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--dark-tooltip-bg) !important;
}

/* Tooltips con HTML personalizado (título en negrita, contenido) */
body.dark-tooltip .tooltip .tooltip-inner strong,
body.dark-tooltip .tooltip .tooltip-inner b {
    color: var(--dark-white) !important;
}
body.dark-tooltip .tooltip .tooltip-inner a {
    color: var(--dark-link-active) !important;
}

/* ── Popovers (Bootstrap 4 + 5) ── */
body.dark-tooltip .popover {
    background-color: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
}
body.dark-tooltip .popover-header {
    background-color: var(--dark-brand) !important;
    color: var(--dark-text) !important;
    border-bottom-color: var(--dark-border) !important;
}
body.dark-tooltip .popover-body {
    background-color: var(--dark-card) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .popover-body a {
    color: var(--dark-link-active) !important;
}
body.dark-tooltip .popover-body strong,
body.dark-tooltip .popover-body b {
    color: var(--dark-white) !important;
}

/* Bootstrap 4 — flechas (.arrow) borde exterior + relleno */
body.dark-tooltip .popover.bs-popover-top .arrow::before,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=top] .arrow::before {
    border-top-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-top .arrow::after,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=top] .arrow::after {
    border-top-color: var(--dark-card) !important;
}
body.dark-tooltip .popover.bs-popover-bottom .arrow::before,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-bottom .arrow::after,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=bottom] .arrow::after {
    border-bottom-color: var(--dark-brand) !important;
}
body.dark-tooltip .popover.bs-popover-left .arrow::before,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=left] .arrow::before {
    border-left-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-left .arrow::after,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=left] .arrow::after {
    border-left-color: var(--dark-card) !important;
}
body.dark-tooltip .popover.bs-popover-right .arrow::before,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=right] .arrow::before {
    border-right-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-right .arrow::after,
body.dark-tooltip .popover.bs-popover-auto[x-placement^=right] .arrow::after {
    border-right-color: var(--dark-card) !important;
}

/* Bootstrap 5 — flechas (.popover-arrow) */
body.dark-tooltip .popover.bs-popover-top .popover-arrow::before,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
    border-top-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-top .popover-arrow::after,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: var(--dark-card) !important;
}
body.dark-tooltip .popover.bs-popover-bottom .popover-arrow::before,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
    border-bottom-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-bottom .popover-arrow::after,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: var(--dark-brand) !important;
}
body.dark-tooltip .popover.bs-popover-start .popover-arrow::before,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
    border-left-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-start .popover-arrow::after,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: var(--dark-card) !important;
}
body.dark-tooltip .popover.bs-popover-end .popover-arrow::before,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
    border-right-color: var(--dark-border) !important;
}
body.dark-tooltip .popover.bs-popover-end .popover-arrow::after,
body.dark-tooltip .popover.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: var(--dark-card) !important;
}

/* ── Dropdown hover ── */
body.dark-tooltip .dropdown-item:hover,
body.dark-tooltip .dropdown-item:focus {
    background-color: var(--dark-hover) !important;
    color: var(--dark-white) !important;
}

/* ── Nav sidebar hover ── */
body.dark-tooltip .nav-sidebar .nav-link:hover {
    color: var(--dark-white) !important;
    background-color: var(--dark-sidebar-hover) !important;
}

/* ── Scrollbars en dark mode ── */
body.dark-tooltip ::-webkit-scrollbar-track {
    background: var(--dark-card) !important;
}
body.dark-tooltip ::-webkit-scrollbar-thumb {
    background: var(--dark-border) !important;
}
body.dark-tooltip ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-link-active) !important;
}

/* ── Auth pages (login, register, reset) ── */
html.dark-pre-load body.login-page,
html.dark-pre-load body.register-page {
    background-color: var(--dark-content) !important;
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .login-box,
html.dark-pre-load body.register-page .register-box {
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .login-logo a,
html.dark-pre-load body.register-page .register-logo a {
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .card,
html.dark-pre-load body.register-page .card {
    background-color: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .card-header,
html.dark-pre-load body.register-page .card-header {
    background-color: var(--dark-brand) !important;
    border-bottom-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .card-body,
html.dark-pre-load body.login-page .login-card-body,
html.dark-pre-load body.register-page .card-body,
html.dark-pre-load body.register-page .register-card-body {
    background-color: var(--dark-card) !important;
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page .card-footer,
html.dark-pre-load body.register-page .card-footer {
    background-color: var(--dark-brand) !important;
    border-top-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}
html.dark-pre-load body.login-page input,
html.dark-pre-load body.login-page .form-control,
html.dark-pre-load body.register-page input,
html.dark-pre-load body.register-page .form-control {
    background-color: var(--dark-hover) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}
html.dark-pre-load body.login-page .input-group-text,
html.dark-pre-load body.register-page .input-group-text {
    background-color: var(--dark-brand) !important;
    color: var(--dark-text-muted) !important;
    border-color: var(--dark-border) !important;
}
html.dark-pre-load body.login-page label,
html.dark-pre-load body.register-page label {
    color: var(--dark-text) !important;
}
html.dark-pre-load body.login-page a,
html.dark-pre-load body.register-page a {
    color: var(--dark-link-active) !important;
}
html.dark-pre-load body.login-page p,
html.dark-pre-load body.register-page p {
    color: var(--dark-text-muted) !important;
}

/* ── Anti-FOUC: evita flash blanco antes de que JS cargue ── */
html.dark-pre-load,
html.dark-pre-load body,
html.dark-pre-load .wrapper,
html.dark-pre-load .content-wrapper,
html.dark-pre-load .content,
html.dark-pre-load .preloader,
html.dark-pre-load .main-header,
html.dark-pre-load .navbar,
html.dark-pre-load .main-sidebar,
html.dark-pre-load .card,
html.dark-pre-load .card-body {
    background-color: var(--dark-card) !important;
}
html.dark-pre-load,
html.dark-pre-load body,
html.dark-pre-load .content-wrapper {
    background-color: var(--dark-content) !important;
}

/* ── Paginación DataTables hover ── */
body.dark-tooltip .dataTables_paginate .paginate_button:hover {
    background-color: var(--dark-hover) !important;
    color: var(--dark-white) !important;
    border-color: var(--dark-link-active) !important;
}
body.dark-tooltip .dataTables_paginate .paginate_button.current:hover {
    background-color: var(--dark-highlight) !important;
    color: var(--dark-link-active) !important;
    border-color: var(--dark-link-active) !important;
}
body.dark-tooltip .dataTables_paginate .paginate_button.disabled:hover {
    background-color: var(--dark-brand) !important;
    color: var(--dark-text-disabled) !important;
    border-color: var(--dark-border) !important;
    cursor: not-allowed;
}

/* ── Breadcrumbs ── */
body.dark-tooltip .breadcrumb-item + .breadcrumb-item::before {
    color: var(--dark-text-muted) !important;
}
body.dark-tooltip .breadcrumb-item a:hover {
    color: var(--dark-accent) !important;
}

/* ── Alerts close button ── */
body.dark-tooltip .alert .close:hover {
    color: var(--dark-white) !important;
    opacity: 1 !important;
}

/* ── Botones hover/focus ── */
body.dark-tooltip .btn-light:hover,
body.dark-tooltip .btn-default:hover {
    background-color: var(--dark-border) !important;
    border-color: var(--dark-border-accent) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .btn-secondary:hover {
    background-color: var(--dark-border-light) !important;
    border-color: var(--dark-border-accent) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .btn-white:hover {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .btn-link:hover {
    color: var(--dark-accent) !important;
}
body.dark-tooltip .btn-outline-secondary:hover {
    background-color: var(--dark-border) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .btn-outline-light:hover {
    background-color: var(--dark-hover) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .btn:focus,
body.dark-tooltip .btn:active {
    box-shadow: 0 0 0 0.2rem var(--dark-focus-ring) !important;
}

/* ── Footer links hover ── */
body.dark-tooltip .main-footer a:hover {
    color: var(--dark-accent) !important;
}

/* ── Headings y textos generales ── */
body.dark-tooltip a:hover {
    color: var(--dark-accent) !important;
}
body.dark-tooltip a:visited {
    color: var(--dark-link-visited) !important;
}
body.dark-tooltip ::selection {
    background-color: var(--dark-selection-bg) !important;
    color: var(--dark-white) !important;
}

/* ── SweetAlert2 ── */
body.dark-tooltip .swal2-popup {
    background-color: var(--dark-card) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .swal2-title {
    color: var(--dark-text) !important;
}
body.dark-tooltip .swal2-html-container {
    color: var(--dark-text-muted) !important;
}
body.dark-tooltip .swal2-footer {
    border-top-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}
/* Backdrop */
body.dark-tooltip .swal2-container.swal2-backdrop-show,
body.dark-tooltip .swal2-container.swal2-noanimation {
    background-color: rgba(0, 0, 0, 0.7) !important;
}
/* Botón confirm */
body.dark-tooltip .swal2-confirm {
    background-color: var(--dark-active-bg) !important;
    border-color: var(--dark-active-border) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .swal2-confirm:hover {
    background-color: var(--dark-highlight) !important;
}
/* Botón deny */
body.dark-tooltip .swal2-deny {
    background-color: var(--dark-swal-deny-bg) !important;
    border-color: var(--dark-swal-deny-hov) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .swal2-deny:hover {
    background-color: var(--dark-swal-deny-hov) !important;
}
/* Botón cancel */
body.dark-tooltip .swal2-cancel {
    background-color: var(--dark-border) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .swal2-cancel:hover {
    background-color: var(--dark-border-light) !important;
    color: var(--dark-white) !important;
}
/* Close button */
body.dark-tooltip .swal2-close {
    color: var(--dark-text-muted) !important;
}
body.dark-tooltip .swal2-close:hover {
    color: var(--dark-white) !important;
}
/* Inputs */
body.dark-tooltip .swal2-input,
body.dark-tooltip .swal2-textarea,
body.dark-tooltip .swal2-select,
body.dark-tooltip .swal2-file {
    background-color: var(--dark-hover) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}
/* Validation message */
body.dark-tooltip .swal2-validation-message {
    background-color: var(--dark-danger-dark-bg) !important;
    color: var(--dark-danger) !important;
}

/* ── Preloader ── */
html.dark-pre-load .preloader,
body.dark-tooltip .preloader {
    background-color: var(--dark-card) !important;
    color: var(--dark-text) !important;
}

/* ── Paginación Bootstrap ── */
body.dark-tooltip .page-link:hover {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--dark-focus-ring) !important;
    background-color: var(--dark-hover) !important;
}

/* ── Validación de formularios ── */
body.dark-tooltip .form-control.is-invalid,
body.dark-tooltip .was-validated .form-control:invalid {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-valid-danger) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .form-control.is-valid,
body.dark-tooltip .was-validated .form-control:valid {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-valid-success) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .form-control.is-invalid:focus,
body.dark-tooltip .was-validated .form-control:invalid:focus {
    border-color: var(--dark-valid-danger) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
body.dark-tooltip .form-control.is-valid:focus,
body.dark-tooltip .was-validated .form-control:valid:focus {
    border-color: var(--dark-valid-success) !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
body.dark-tooltip .invalid-tooltip {
    background-color: var(--dark-swal-deny-bg) !important;
    color: var(--dark-danger) !important;
}
body.dark-tooltip .valid-tooltip {
    background-color: var(--dark-success-bg) !important;
    color: var(--dark-success) !important;
}
/* Validación en auth pages (antes de que JS cargue) */
html.dark-pre-load body.login-page .invalid-feedback,
html.dark-pre-load body.register-page .invalid-feedback {
    color: var(--dark-danger) !important;
}
html.dark-pre-load body.login-page .valid-feedback,
html.dark-pre-load body.register-page .valid-feedback {
    color: var(--dark-success) !important;
}
html.dark-pre-load body.login-page .is-invalid,
html.dark-pre-load body.register-page .is-invalid {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-valid-danger) !important;
}
html.dark-pre-load body.login-page .is-valid,
html.dark-pre-load body.register-page .is-valid {
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-valid-success) !important;
}

/* ── Accordions (Bootstrap 5) ── */
body.dark-tooltip .accordion-button:hover {
    background-color: var(--dark-hover) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .accordion-button:not(.collapsed) {
    background-color: var(--dark-hover) !important;
    color: var(--dark-link-active) !important;
    box-shadow: inset 0 -1px 0 var(--dark-border) !important;
}
body.dark-tooltip .accordion-button::after {
    filter: invert(1) brightness(0.8) !important;
}
body.dark-tooltip .accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(1.2) !important;
}
body.dark-tooltip .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem var(--dark-focus-ring) !important;
    border-color: var(--dark-link-active) !important;
}

/* ── List groups ── */
body.dark-tooltip .list-group-item-action:hover,
body.dark-tooltip .list-group-item-action:focus {
    background-color: var(--dark-hover) !important;
    color: var(--dark-text) !important;
}
body.dark-tooltip .list-group-item-action.active {
    background-color: var(--dark-active-bg) !important;
    color: var(--dark-white) !important;
}

/* ── Nav-tabs ── */
body.dark-tooltip .nav-tabs .nav-link:hover {
    color: var(--dark-text) !important;
    background-color: var(--dark-hover) !important;
    border-color: var(--dark-border) var(--dark-border) transparent !important;
}
body.dark-tooltip .nav-tabs .nav-link.disabled {
    color: var(--dark-disabled) !important;
}

/* ── Toastr ── */
body.dark-tooltip #toast-container .toast:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
}
body.dark-tooltip #toast-container .toast-close-button:hover {
    color: var(--dark-white) !important;
    opacity: 1 !important;
}
body.dark-tooltip #toast-container .toast-progress {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* ── Select2 ── */
body.dark-tooltip .select2-results__option--highlighted,
body.dark-tooltip .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--dark-highlight) !important;
    color: var(--dark-white) !important;
}
body.dark-tooltip .select2-container--default.select2-container--focus .select2-selection,
body.dark-tooltip .select2-container--default.select2-container--open .select2-selection {
    border-color: var(--dark-link-active) !important;
    outline: none !important;
}
body.dark-tooltip .select2-selection__choice__remove:hover {
    color: var(--dark-white) !important;
    background-color: transparent !important;
}
body.dark-tooltip .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none !important;
    border-color: var(--dark-link-active) !important;
}
body.dark-tooltip .select2-results__option--disabled {
    color: var(--dark-disabled) !important;
}

/* ── Tablas hover ── */
body.dark-tooltip .table-hover tbody tr:hover,
body.dark-tooltip .table-hover tbody tr:hover > td,
body.dark-tooltip .table-hover tbody tr:hover > th {
    background-color: var(--dark-hover) !important;
    color: var(--dark-text) !important;
}

/* ── DataTables processing (cargando...) ── */
body.dark-tooltip .dataTables_processing {
    background-color: var(--dark-card) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 2px 8px var(--dark-shadow-sm) !important;
}
body.dark-tooltip .dataTables_processing > div:last-child > div {
    background-color: var(--dark-link-active) !important;
}