/* ARCHIVO GENERADO — no editar a mano.
   Origen: tools/tema-oscuro/generar_tema_oscuro.py (ver ahí cómo regenerarlo).
   Ajustes manuales del tema oscuro: theme-dark.css */

/* ---- static/css/style.css ---- */
html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .media-hover:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .full-cover-background {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .div-table {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .div-table-row:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .div-table-row .div-table-cell:first-child {
    border-left: 1px solid var(--dk-border);
}
html[data-theme="dark"] .div-table-cell {
    border-bottom: 1px solid var(--dk-border);
    border-right: 1px solid var(--dk-border);
}
html[data-theme="dark"] .div-table-head,
html[data-theme="dark"] .div-table-head:hover {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .div-table-head .div-table-cell {
    border-top: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] .content-page-container {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .imagen4:hover {
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0);
}
html[data-theme="dark"] .container-flat-form {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.44);
}
html[data-theme="dark"] select.material-control,
html[data-theme="dark"] select.no-style {
    background: var(--dk-surface) url(../assets/icons/SelectMaterialIndicator.png) no-repeat scroll right 0.75rem center / 9px 13px;
}
html[data-theme="dark"] input.material-control:focus ~ label,
html[data-theme="dark"] input.material-control:valid ~ label {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] input.material-control:focus:invalid ~ label,
html[data-theme="dark"] input.material-control:invalid ~ label {
    color: #e66e52;
}
html[data-theme="dark"] .tile {
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .tile-icon {
    color: #ea7676;
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .tile-num {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .tile-name {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .tile:hover .tile-icon i {
    color: #8893db;
}
html[data-theme="dark"] .report-content {
    color: #75c1eb;
}
html[data-theme="dark"] .report-content p i:hover {
    color: #e8a45e;
}
html[data-theme="dark"] .report-content:hover {
    color: #ea7676;
    border: 1px solid rgba(0, 0, 0, 0.26);
}
html[data-theme="dark"] .list-catalog {
    color: #849eb4;
}
html[data-theme="dark"] .list-catalog:hover {
    color: #9d9df1;
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .list-catalog.active {
    color: rgba(157, 157, 241, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.52);
}
@media (max-width: 767px) {
    html[data-theme="dark"] .font-movile-menu {
        background-color: rgba(0, 0, 0, 0.65);
    }
}

/* ---- static/css/general.css ---- */
html[data-theme="dark"] .form-label-title {
    color: var(--var(--dk-text-soft)-700);
}
html[data-theme="dark"] .form-label-body {
    color: var(--var(--dk-text-soft)-500);
}
html[data-theme="dark"] .text-descriptive,
html[data-theme="dark"] .form-text-help {
    color: var(--var(--dk-text-soft)-500);
}
html[data-theme="dark"] .custom-dropdown-button {
    background-color: var(--dk-surface) !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--var(--dk-text-soft)-700);
}
html[data-theme="dark"] .custom-dropdown-button:hover,
html[data-theme="dark"] .custom-dropdown-button:focus {
    border-color: #2963a3 !important;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .dropdown-caret {
    color: var(--var(--dk-text-soft)-500);
}
html[data-theme="dark"] .custom-dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.135);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .custom-dropdown-item {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .form-group-custom label {
    color: var(--var(--dk-text-soft)-700);
}
html[data-theme="dark"] .form-control-custom {
    border: 1px solid var(--dk-border-strong);
    color: var(--var(--dk-text-soft)-700);
}
html[data-theme="dark"] .form-control-custom:focus {
    border-color: #2963a3;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .btn-outline-custom {
    color: #589de7;
}
html[data-theme="dark"] .modal-custom .modal-content {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.385);
}
html[data-theme="dark"] .actions-btn {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .actions-btn:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .actions-dropdown {
    border: 1px solid var(--dk-border) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.33) !important;
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .actions-dropdown .dropdown-item {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .actions-dropdown .dropdown-item:hover {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-strong) !important;
}
html[data-theme="dark"] .actions-dropdown .dropdown-item i {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] table.dataTable thead .sorting_asc:after {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] table.dataTable thead .sorting_desc:after {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] table.dataTable thead .sorting:hover:after {
    color: var(--dk-text);
}
html[data-theme="dark"] .custom-dropdown-button {
    background-color: var(--dk-surface) !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .custom-dropdown-button:hover,
html[data-theme="dark"] .custom-dropdown-button.show {
    border-color: #2963a3 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .custom-dropdown-menu {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border-strong);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.385);
}
html[data-theme="dark"] .custom-dropdown-item {
    color: var(--dk-text);
}
html[data-theme="dark"] .custom-dropdown-item:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .custom-file-upload .custom-file-label {
    background-color: var(--dk-surface-2);
    border: 1px dashed var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .custom-file-upload .custom-file-label:hover {
    background-color: var(--dk-surface-3);
    border-color: #2963a3;
}
html[data-theme="dark"] .custom-file-upload .custom-file-label.dragover {
    background-color: #1f3c52;
}
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] #page-top,
html[data-theme="dark"] #wrapper,
html[data-theme="dark"] #content-wrapper,
html[data-theme="dark"] #content {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .app-sidebar {
    background-color: var(--dk-surface-2) !important;
    border-right: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link,
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link:hover,
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link:focus,
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link:active,
html[data-theme="dark"] .sidebar-dark .nav-item.active .nav-link {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link i,
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link:hover i,
html[data-theme="dark"] .sidebar-dark .nav-item .nav-link:active i {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .app-sidebar-brand {
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .app-sidebar .nav-link {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .app-sidebar .nav-link:hover {
    background-color: var(--dk-surface-4) !important;
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar .nav-item.active:not(.app-sidebar-profile) > .nav-link,
html[data-theme="dark"] .app-sidebar .nav-item.show:not(.app-sidebar-profile) > .nav-link {
    background-color: rgba(255, 255, 255, 0.09) !important;
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar .nav-item.active:not(.app-sidebar-profile) > .nav-link .app-sidebar-icon,
html[data-theme="dark"] .app-sidebar .nav-item.show:not(.app-sidebar-profile) > .nav-link .app-sidebar-icon {
    color: #7ccdec !important;
}
html[data-theme="dark"] .app-sidebar .nav-item.active:not(.app-sidebar-profile) > .nav-link .app-sidebar-label,
html[data-theme="dark"] .app-sidebar .nav-item.show:not(.app-sidebar-profile) > .nav-link .app-sidebar-label {
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar .nav-item.active:not(.app-sidebar-profile) > .nav-link:hover,
html[data-theme="dark"] .app-sidebar .nav-item.show:not(.app-sidebar-profile) > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.135) !important;
}
html[data-theme="dark"] .app-sidebar-icon {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .app-sidebar .nav-link:hover .app-sidebar-icon {
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .app-sidebar .nav-link:hover .app-sidebar-label {
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar .collapse-inner::before {
    background-color: var(--dk-surface-4) !important;
}
html[data-theme="dark"] .app-submenu-link,
html[data-theme="dark"] .app-sidebar .collapse-item {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .app-sidebar .collapse-inner .app-submenu-link::before,
html[data-theme="dark"] .app-sidebar .collapse-inner .collapse-item::before {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .app-sidebar .collapse-inner .app-submenu-link:last-child::after,
html[data-theme="dark"] .app-sidebar .collapse-inner .collapse-item:last-child::after {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .app-submenu-link:hover,
html[data-theme="dark"] .app-sidebar .collapse-item:hover {
    background-color: var(--dk-surface-4) !important;
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-submenu-link.active,
html[data-theme="dark"] .app-sidebar .collapse-item.active {
    background-color: rgba(255, 255, 255, 0.072) !important;
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-submenu-link.active .app-submenu-icon,
html[data-theme="dark"] .app-sidebar .collapse-item.active .app-submenu-icon {
    color: #7ccdec !important;
}
html[data-theme="dark"] .app-sidebar-footer {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .app-profile-trigger:hover,
html[data-theme="dark"] .app-profile-trigger:focus {
    background-color: var(--dk-surface-4) !important;
}
html[data-theme="dark"] .app-sidebar-avatar {
    border: 2px solid rgba(0, 0, 0, 0.455);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] .app-sidebar-profile-name {
    color: var(--dk-text-strong) !important;
}
html[data-theme="dark"] .app-sidebar-profile-role {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .app-sidebar-toggle {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-sidebar-toggle:hover {
    background-color: var(--dk-surface-4);
    color: #a4cbeb;
}
html[data-theme="dark"] .app-profile-popover-avatar {
    border: 2px solid var(--dk-border);
}
html[data-theme="dark"] .app-profile-avatar-edit-btn {
    border: 2px solid var(--dk-border-soft);
}
html[data-theme="dark"] .app-profile-popover-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-profile-popover-name {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .app-profile-popover-role {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-profile-logout {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .app-profile-logout i {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .app-profile-image {
    border: 3px solid rgba(69, 131, 158, 0.15);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.396);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .maintenance-card,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .bg-white.shadow,
html[data-theme="dark"] .shadow,
html[data-theme="dark"] .shadow-sm {
    border: 1px solid color-mix(in srgb, var(--dk-border) 90%, transparent) !important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .modal-content {
    background-color: color-mix(in srgb, var(--dk-surface) 96%, transparent);
}
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: color-mix(in srgb, var(--dk-border) 80%, transparent) !important;
}
html[data-theme="dark"] .card-header {
    background: linear-gradient(180deg, color-mix(in srgb, var(--dk-surface-2) 98%, transparent), color-mix(in srgb, var(--dk-surface-3) 85%, transparent)) !important;
}
html[data-theme="dark"] .breadcrumb {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-secondary-custom {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .custom-dropdown-button,
html[data-theme="dark"] .custom-file-upload .custom-file-label,
html[data-theme="dark"] .multiselect-native-select .btn {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .custom-select:focus,
html[data-theme="dark"] .custom-dropdown-button:hover,
html[data-theme="dark"] .custom-dropdown-button.show {
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.264) !important;
}
html[data-theme="dark"] .custom-dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
    border: 1px solid color-mix(in srgb, var(--dk-border) 95%, transparent) !important;
}
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table-custom th,
html[data-theme="dark"] table.dataTable thead th {
    background-color: var(--dk-surface-2) !important;
    border-bottom: 1px solid var(--dk-border-soft) !important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table-custom td {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .table-hover tbody tr:hover,
html[data-theme="dark"] .table-custom tbody tr:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] .dataTables_wrapper .dataTables_length select {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .badge-warning {
    color: #edc67e !important;
}
html[data-theme="dark"] .badge-success {
    color: #a3dfb9 !important;
}
html[data-theme="dark"] .badge-danger {
    color: #c86a77 !important;
}
html[data-theme="dark"] .scroll-to-top {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.528);
}
html[data-theme="dark"] body.sidebar-toggled .sidebar {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] body.sidebar-toggled .sidebar .collapse-inner {
    background-color: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme="dark"] .sidebar-nav-flyout {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .sidebar-nav-flyout .app-submenu-link,
html[data-theme="dark"] .sidebar-nav-flyout .collapse-item {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .sidebar-nav-flyout .app-submenu-link:hover,
html[data-theme="dark"] .sidebar-nav-flyout .collapse-item:hover {
    color: var(--dk-text) !important;
    box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0) !important;
}
html[data-theme="dark"] .sidebar-nav-flyout .app-submenu-link.active,
html[data-theme="dark"] .sidebar-nav-flyout .collapse-item.active {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .sidebar-profile-flyout {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-popover-avatar {
    border: 2px solid var(--dk-border);
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-popover-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-popover-name {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-popover-role {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .sidebar-profile-flyout .dropdown-divider {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-logout {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-logout:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-strong) !important;
}
html[data-theme="dark"] .sidebar-profile-flyout .app-profile-logout i {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .search-input {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] .search-input:focus {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .icon-btn {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .icon-btn:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .icon-btn i {
    color: #7ccdec;
}
html[data-theme="dark"] .action-btn {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .action-btn:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .dropdown-menu-custom {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] .dropdown-item-custom i {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .dropdown-item-custom:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .dropdown-item-custom:hover i {
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] .dropdown-item-danger:hover i {
    color: #e1505e;
}
html[data-theme="dark"] .badge-estado.activo {
    background-color: var(--dk-surface-3);
    color: #a0e9b1;
}
html[data-theme="dark"] .badge-estado.inactivo {
    background-color: var(--dk-surface-3);
    color: #e1505e;
}
html[data-theme="dark"] .repeat-day-item {
    color: var(--dk-text-muted);
}
html[data-theme="dark"] .multiselect-native-select .multiselect {
    border: 1px solid var(--dk-border) !important;
    background-color: var(--dk-surface) !important;
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .multiselect-container.dropdown-menu {
    border: 1px solid var(--dk-border) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.264) !important;
}
html[data-theme="dark"] .multiselect-container > li > a > label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .multiselect-container > li.active > a > label,
html[data-theme="dark"] .multiselect-container > li > a:hover > label {
    color: #94c4dc !important;
}
html[data-theme="dark"] .multiselect-container .multiselect-filter input {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .dias-container .badge {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-strong);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .dias-container .badge:hover {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .truncate-cell[title] {
    border-bottom: 1px dotted var(--dk-border-strong);
}
html[data-theme="dark"] .app-sidebar .submenu-child-group .collapse-item:hover {
    color: #a4cbeb !important;
}
html[data-theme="dark"] .app-sidebar .submenu-child-group .collapse-item.active {
    color: #a4cbeb !important;
    background-color: rgba(255, 255, 255, 0.072) !important;
}
html[data-theme="dark"] .app-submenu-link.app-sidebar-ancestor {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .app-submenu-link.app-sidebar-ancestor .app-submenu-icon {
    color: #4990d1 !important;
}
html[data-theme="dark"] .app-submenu-link.app-sidebar-ancestor .app-submenu-arrow {
    color: #4990d1 !important;
}
html[data-theme="dark"] .sidebar-nav-flyout .app-flyout-section-header {
    color: var(--dk-text) !important;
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .sidebar-nav-flyout .app-subchild-link {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .table-responsive-wrapper > table > thead > tr > th,
html[data-theme="dark"] .table-responsive-wrapper table.dataTable > thead > tr > th {
    background-color: var(--dk-surface-2);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
html[data-theme="dark"] body .badge.badge-success {
    background-color: var(--dk-surface) !important;
    color: oklch(67.3% 0.154 150.069) !important;
    border: 1px solid oklch(48.0% 0.120 154.449) !important;
}
html[data-theme="dark"] body .badge.badge-warning {
    background-color: var(--dk-surface) !important;
    color: oklch(65.6% 0.163 48.998) !important;
    border: 1px solid oklch(48.0% 0.135 91.605) !important;
}
html[data-theme="dark"] body .badge.badge-pendiente {
    background-color: var(--dk-surface) !important;
    color: oklch(65.6% 0.163 48.998) !important;
    border: 1px solid oklch(48.0% 0.135 91.605) !important;
}
html[data-theme="dark"] body .badge.badge-danger {
    background-color: var(--dk-surface) !important;
    color: oklch(68.7% 0.213 27.518) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}
html[data-theme="dark"] body .badge.badge-info {
    background-color: var(--dk-surface) !important;
    color: oklch(69.7% 0.217 264.376) !important;
    border: 1px solid oklch(48.0% 0.084 251.813) !important;
}
html[data-theme="dark"] body .badge.badge-primary {
    background-color: var(--dk-surface) !important;
    color: oklch(69.7% 0.217 264.376) !important;
    border: 1px solid oklch(48.0% 0.084 251.813) !important;
}
html[data-theme="dark"] body .badge.badge-secondary {
    background-color: var(--dk-surface) !important;
    color: oklch(72.3% 0.043 257.281) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-dark {
    background-color: var(--dk-surface) !important;
    color: oklch(72.3% 0.043 257.281) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-light {
    background-color: var(--dk-surface) !important;
    color: oklch(65.7% 0.046 257.417) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-expirada {
    background-color: var(--dk-surface) !important;
    color: oklch(65.7% 0.046 257.417) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-critical {
    background-color: var(--dk-surface) !important;
    color: oklch(75.4% 0.141 25.723) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}
html[data-theme="dark"] body .badge.badge-outline-success {
    background-color: var(--dk-surface) !important;
    color: oklch(67.3% 0.154 150.069) !important;
    border: 1px solid oklch(48.0% 0.120 154.449) !important;
}
html[data-theme="dark"] body .badge.badge-outline-primary {
    background-color: var(--dk-surface) !important;
    color: #7ccdec !important;
    border: 1px solid #3c7e98 !important;
}
html[data-theme="dark"] body .badge.badge-outline-info {
    background-color: var(--dk-surface) !important;
    color: oklch(68.3% 0.096 186.391) !important;
    border: 1px solid oklch(48.0% 0.110 181.071) !important;
}
html[data-theme="dark"] body .badge.badge-outline-warning {
    background-color: var(--dk-surface) !important;
    color: oklch(65.7% 0.195 38.402) !important;
    border: 1px solid oklch(48.0% 0.102 66.290) !important;
}
html[data-theme="dark"] body .badge.badge-outline-danger {
    background-color: var(--dk-surface) !important;
    color: oklch(68.7% 0.213 27.518) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}
html[data-theme="dark"] body .badge.badge-outline-secondary {
    background-color: var(--dk-surface) !important;
    color: oklch(72.3% 0.043 257.281) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-act-teal {
    background-color: var(--dk-surface) !important;
    color: oklch(69.7% 0.217 264.376) !important;
    border: 1px solid oklch(48.0% 0.084 251.813) !important;
}
html[data-theme="dark"] body .badge.badge-act-rose {
    background-color: var(--dk-surface) !important;
    color: oklch(68.7% 0.213 27.518) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}
html[data-theme="dark"] body .badge.badge-act-cyan {
    background-color: var(--dk-surface) !important;
    color: oklch(67.8% 0.105 223.128) !important;
    border: 1px solid oklch(48.0% 0.102 207.078) !important;
}
html[data-theme="dark"] body .badge.badge-act-indigo {
    background-color: var(--dk-surface) !important;
    color: oklch(72.3% 0.043 257.281) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge.badge-act-mint {
    background-color: var(--dk-surface) !important;
    color: oklch(67.3% 0.154 150.069) !important;
    border: 1px solid oklch(48.0% 0.120 154.449) !important;
}
html[data-theme="dark"] body .badge.badge-act-amber {
    background-color: var(--dk-surface) !important;
    color: oklch(68.7% 0.213 27.518) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}
html[data-theme="dark"] body .badge.badge-act-lavender {
    background-color: var(--dk-surface) !important;
    color: oklch(72.3% 0.043 257.281) !important;
    border: 1px solid oklch(48.0% 0.018 252.894) !important;
}
html[data-theme="dark"] body .badge-estado.activo {
    background-color: var(--dk-surface) !important;
    color: oklch(67.3% 0.154 150.069) !important;
    border: 1px solid oklch(48.0% 0.120 154.449) !important;
}
html[data-theme="dark"] body .badge-estado.inactivo {
    background-color: var(--dk-surface) !important;
    color: oklch(68.7% 0.213 27.518) !important;
    border: 1px solid oklch(48.0% 0.091 19.571) !important;
}

/* ---- static/css/bootstrap-multiselect.css ---- */
html[data-theme="dark"] .multiselect-item.multiselect-group label b {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .multiselect-item.multiselect-all label.checkbox {
    color: var(--dk-text-strong);
}

/* ---- static/css/date-picker.css ---- */
html[data-theme="dark"] .flatpickr-calendar {
    background-color: var(--dk-surface);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.264), 0 2px 6px rgba(0, 0, 0, 0.132);
}
html[data-theme="dark"] .flatpickr-day.selected,
html[data-theme="dark"] .flatpickr-day.selected:hover,
html[data-theme="dark"] .flatpickr-day.selected:focus,
html[data-theme="dark"] .flatpickr-day.startRange,
html[data-theme="dark"] .flatpickr-day.endRange {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.616);
}
html[data-theme="dark"] .flatpickr-calendar.noCalendar .flatpickr-time .numInputWrapper {
    background-color: var(--dk-surface-2);
}

/* ---- static/css/alerts.css ---- */
html[data-theme="dark"] .notyf__toast {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .confirm-bar {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .global-loader {
    background-color: color-mix(in srgb, var(--dk-surface) 60%, transparent);
}
html[data-theme="dark"] .loader-box {
    background-color: var(--dk-surface);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .spinner {
    border: 3px solid var(--dk-border);
}

/* ---- static/css/profile.css ---- */
html[data-theme="dark"] .app-profile-action-item {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-profile-action-item:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .app-profile-action-item:hover i {
    color: #7ccdec;
}
html[data-theme="dark"] .profile-modal-avatar-img {
    border: 2px solid color-mix(in srgb, var(--dk-border-soft) 60%, transparent);
}
html[data-theme="dark"] .profile-avatar-edit-btn {
    background-color: color-mix(in srgb, var(--dk-surface) 90%, transparent);
    border: 1px solid color-mix(in srgb, var(--dk-border-soft) 60%, transparent);
}
html[data-theme="dark"] .profile-avatar-edit-btn:hover {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .profile-avatar-edit-btn i {
    color: var(--dk-text);
}
html[data-theme="dark"] .profile-modal-tabs {
    border-bottom: 1px solid var(--dk-border-soft);
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .profile-tab-btn {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .profile-tab-btn:hover {
    color: var(--dk-text);
}
html[data-theme="dark"] .profile-tab-btn.active {
    color: #7ccdec;
}
html[data-theme="dark"] .profile-form-group label {
    color: var(--dk-text);
}
html[data-theme="dark"] .profile-form-control {
    border: 1px solid var(--dk-border);
    color: var(--dk-text-strong);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .profile-form-control:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .profile-form-control:disabled {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .mfa-status-banner.active-state {
    background-color: var(--dk-surface-3);
    border: 1px solid #517c5d;
}
html[data-theme="dark"] .mfa-status-banner.inactive-state {
    background-color: var(--dk-surface-3);
    border: 1px solid #b3932d;
}
html[data-theme="dark"] .mfa-status-banner.active-state .mfa-status-icon {
    color: #a1dca4;
}
html[data-theme="dark"] .mfa-status-banner.inactive-state .mfa-status-icon {
    color: #e99668;
}
html[data-theme="dark"] .mfa-status-text span {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .mfa-status-banner.active-state .mfa-status-text strong {
    color: #a1dca4;
}
html[data-theme="dark"] .mfa-status-banner.inactive-state .mfa-status-text strong {
    color: #e99668;
}
html[data-theme="dark"] .mfa-qr-wrap img {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .mfa-secret-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .mfa-secret-code {
    color: var(--dk-text-strong);
    background-color: var(--dk-surface-3);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .profile-modal-footer {
    border-top: 1px solid var(--dk-border-soft);
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .profile-btn-secondary {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .profile-btn-secondary:hover {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .profile-btn-danger {
    background-color: var(--dk-surface-3);
    color: #e16b6b;
    border: 1px solid #8a232d;
}
html[data-theme="dark"] .profile-btn-danger:hover {
    background-color: #552025;
}

/* ---- static/css/bienvenido.css ---- */
html[data-theme="dark"] .welcome-container {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .quick-card {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .quick-card:hover {
    border-color: #3f6279;
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+1):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+2):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+3):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+4):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+5):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+6):hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.286);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+1) .card-icon-wrap {
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+2) .card-icon-wrap {
    background-color: var(--dk-surface-3);
    color: #84edeb;
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+3) .card-icon-wrap {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+4) .card-icon-wrap {
    background-color: var(--dk-surface-3);
    color: #75e9aa;
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+5) .card-icon-wrap {
    background-color: #4e421e;
    color: #e8b962;
}
html[data-theme="dark"] .quick-access-grid > a:nth-child(6n+6) .card-icon-wrap {
    background-color: var(--dk-surface-3);
    color: #e45b41;
}
html[data-theme="dark"] .card-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .card-footer-link {
    color: #7ccdec;
}
html[data-theme="dark"] .quick-card--child {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border);
}

/* ---- static/css/catalogos-config.css ---- */
html[data-theme="dark"] .workspace-tabbar {
    background-color: var(--dk-surface-2);
    border: 1px solid var(--dk-border-soft);
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .workspace-tab {
    color: var(--dk-text);
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    border-bottom: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .workspace-tab i {
    color: var(--dk-text);
}
html[data-theme="dark"] .workspace-pill {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .workspace-panel {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .maintenance-shell .breadcrumb {
    background-color: var(--dk-surface-2);
    border: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .maintenance-shell .maintenance-card .card-header {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .maintenance-shell .module-chip {
    background-color: var(--dk-surface-3);
    color: #6eaac8;
}
html[data-theme="dark"] .maintenance-shell .maintenance-table thead th {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .maintenance-table thead tr {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .maintenance-shell .maintenance-table thead th {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .maintenance-table td {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .maintenance-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .maintenance-shell .maintenance-subtitle {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .maintenance-table-frame {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.132);
}
html[data-theme="dark"] .maintenance-shell .maintenance-filter-box label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .form-section-title {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .form-control,
html[data-theme="dark"] .maintenance-shell .custom-select {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .maintenance-shell .field-help {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .maintenance-shell .variable-pill {
    color: #70acd0;
}
html[data-theme="dark"] .app-generic-modal .modal-header {
    border-bottom: 1px solid var(--dk-border);
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .app-generic-modal .modal-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-generic-modal .modal-body {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-generic-modal .modal-body label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .form-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-generic-modal .modal-body .form-control,
html[data-theme="dark"] .app-generic-modal .modal-body .custom-select {
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .app-generic-modal .modal-body .input-custom {
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .app-generic-modal .modal-footer {
    border-top: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .dropdown-menu-custom {
    border: 1px solid var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] .dropdown-item-custom {
    color: var(--dk-text);
}
html[data-theme="dark"] .dropdown-item-custom > i {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-generic-modal .modal-body::-webkit-scrollbar-thumb,
html[data-theme="dark"] .app-select-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] .app-generic-modal .modal-body::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .app-select-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.364);
}
html[data-theme="dark"] .app-select-trigger {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
    color: var(--dk-text-soft);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.132);
}
html[data-theme="dark"] .app-select-trigger:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.308);
}
html[data-theme="dark"] .app-select-trigger .app-select-placeholder {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-select-trigger-text:not(.app-select-placeholder) {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-select-caret {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .app-select-menu {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .app-select-item {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-select-item.active {
    color: #94c4dc;
}
html[data-theme="dark"] #usr-edit-select-portal {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] #usr-edit-select-portal::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] #usr-edit-select-portal::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.364);
}
html[data-theme="dark"] .page-shell,
html[data-theme="dark"] .container-fluid {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .workspace-wrapper {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .toolbar-desc {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .det-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .bita-date-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .bita-date-input {
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .bita-date-input:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .icon-btn {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .icon-btn:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .icon-btn i {
    color: #7ccdec;
}
html[data-theme="dark"] .btn-action {
    color: #7ccdec;
}
html[data-theme="dark"] #catalog-select-portal {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] #catalog-select-portal .app-select-item {
    color: var(--dk-text);
}
html[data-theme="dark"] #catalog-select-portal .app-select-item:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] #catalog-select-portal .app-select-item.active {
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] #catalog-select-portal::-webkit-scrollbar-thumb {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .srv-check-item {
    border-bottom: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .srv-check-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .srv-check-empresa {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] #detalleContent dl {
    color: var(--dk-text);
}
html[data-theme="dark"] #detalleContent dt {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] #detalleContent dd {
    color: var(--dk-text);
}
html[data-theme="dark"] .btn-action:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .table-loader {
    background-color: color-mix(in srgb, var(--dk-surface) 70%, transparent);
}
html[data-theme="dark"] .loader {
    border: 3px solid var(--dk-border);
}
html[data-theme="dark"] .action-btn {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .action-btn i {
    color: var(--dk-text);
}
html[data-theme="dark"] .action-btn:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .action-btn:hover i {
    color: #7ccdec;
}
html[data-theme="dark"] .dropdown-menu-custom {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] .dropdown-item-custom {
    color: var(--dk-text);
}
html[data-theme="dark"] .dropdown-item-custom:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .dropdown-item-custom > i {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .tooltip-inner {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-strong);
    border: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] #tbl-component thead th {
    color: var(--dk-text-soft);
    background-color: var(--dk-surface-2);
    border-bottom: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] #tbl-component tbody td {
    color: var(--dk-text);
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] #tbl-component tbody tr:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .badge-success {
    background-color: var(--dk-surface-3);
    color: #a1dca4;
}
html[data-theme="dark"] .badge-warning {
    background-color: var(--dk-surface-3);
    color: #e99668;
}
html[data-theme="dark"] .badge-danger {
    background-color: var(--dk-surface-3);
    color: #e16b6b;
}
html[data-theme="dark"] .badge-info {
    background-color: var(--dk-surface-3);
    color: #73abeb;
}
html[data-theme="dark"] .badge-primary {
    background-color: var(--dk-surface-3);
    color: #9d87e2;
}
html[data-theme="dark"] .badge-secondary {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .badge-dark {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .badge-light {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-soft);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .badge-outline-success {
    background-color: var(--dk-surface);
    color: #a1dca4;
    border-color: #507e52;
}
html[data-theme="dark"] .badge-outline-warning {
    background-color: var(--dk-surface);
    color: #e99668;
    border-color: #a37229;
}
html[data-theme="dark"] .badge-outline-danger {
    background-color: var(--dk-surface);
    color: #e16b6b;
    border-color: #8f3838;
}
html[data-theme="dark"] .badge-outline-info {
    background-color: var(--dk-surface);
    color: #73abeb;
    border-color: #2e6a9a;
}
html[data-theme="dark"] .badge-outline-primary {
    background-color: var(--dk-surface);
    color: #7ccdec;
}
html[data-theme="dark"] .badge-outline-secondary {
    background-color: var(--dk-surface);
    color: var(--dk-text-soft);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .menu-icon-default {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .menu-icon-danger {
    background-color: var(--dk-surface-3);
    color: #e16b6b;
}
html[data-theme="dark"] .menu-icon-success {
    background-color: var(--dk-surface-3);
    color: #a1dca4;
}
html[data-theme="dark"] .menu-icon-warning {
    background-color: var(--dk-surface-3);
    color: #e99668;
}
html[data-theme="dark"] .menu-icon-info {
    background-color: var(--dk-surface-3);
    color: #73abeb;
}
html[data-theme="dark"] .menu-icon-primary {
    background-color: var(--dk-surface-3);
    color: #9d87e2;
}
html[data-theme="dark"] .dropdown-divider-custom {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .badge-estado.activo {
    background-color: var(--dk-surface-3);
    color: #a1dca4;
}
html[data-theme="dark"] .badge-estado.inactivo {
    background-color: var(--dk-surface-3);
    color: #e16b6b;
}
html[data-theme="dark"] .badge-wa-utility {
    background-color: var(--dk-surface);
    color: oklch(71.7% 0.240 277.023);
    border: 1px solid oklch(48.0% 0.092 274.713);
}
html[data-theme="dark"] .badge-wa-cobro {
    background-color: var(--dk-surface);
    color: oklch(71.7% 0.240 277.023);
    border: 1px solid oklch(48.0% 0.092 274.713);
}
html[data-theme="dark"] .badge-wa-marketing {
    background-color: var(--dk-surface);
    color: oklch(67.5% 0.223 3.958);
    border: 1px solid oklch(48.0% 0.096 346.018);
}
html[data-theme="dark"] .badge-wa-authentication {
    background-color: var(--dk-surface);
    color: oklch(67.8% 0.105 223.128);
    border: 1px solid oklch(48.0% 0.102 207.078);
}
html[data-theme="dark"] .badge-wa-informativa {
    background-color: var(--dk-surface);
    color: oklch(67.8% 0.105 223.128);
    border: 1px solid oklch(48.0% 0.102 207.078);
}
html[data-theme="dark"] .badge-wa-header-text,
html[data-theme="dark"] .badge-wa-header-image,
html[data-theme="dark"] .badge-wa-header-video,
html[data-theme="dark"] .badge-wa-header-doc {
    background-color: var(--dk-surface);
    color: oklch(72.3% 0.043 257.281);
    border: 1px solid oklch(48.0% 0.018 252.894);
}
html[data-theme="dark"] .badge-wa-aprobado {
    background-color: var(--dk-surface);
    color: oklch(67.3% 0.154 150.069);
    border: 1px solid oklch(48.0% 0.120 154.449);
}
html[data-theme="dark"] .badge-wa-pendiente {
    background-color: var(--dk-surface);
    color: oklch(65.6% 0.163 48.998);
    border: 1px solid oklch(48.0% 0.135 91.605);
}
html[data-theme="dark"] .badge-wa-notif-si,
html[data-theme="dark"] .badge-wa-notif-no {
    background-color: var(--dk-surface);
    color: oklch(72.3% 0.043 257.281);
    border: 1px solid oklch(48.0% 0.018 252.894);
}
html[data-theme="dark"] .badge-voz-vapi {
    background-color: var(--dk-surface);
    color: oklch(71.7% 0.240 277.023);
    border: 1px solid oklch(48.0% 0.092 274.713);
}
html[data-theme="dark"] .badge-voz-telnyx {
    background-color: var(--dk-surface);
    color: oklch(67.8% 0.105 223.128);
    border: 1px solid oklch(48.0% 0.102 207.078);
}
html[data-theme="dark"] .badge-voz-custom {
    background-color: var(--dk-surface);
    color: oklch(72.3% 0.043 257.281);
    border: 1px solid oklch(48.0% 0.018 252.894);
}
html[data-theme="dark"] .badge-rol-proveedor {
    background-color: var(--dk-surface);
    color: oklch(69.6% 0.270 292.581);
    border: 1px solid oklch(48.0% 0.089 293.571);
}
html[data-theme="dark"] .badge-rol-admin {
    background-color: var(--dk-surface);
    color: oklch(69.0% 0.134 242.749);
    border: 1px solid oklch(48.0% 0.089 230.318);
}
html[data-theme="dark"] .tooltip-inner {
    background-color: var(--dk-surface);
    color: var(--dk-text);
    border: 1px solid var(--dk-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .tooltip.bs-tooltip-top .arrow::before,
html[data-theme="dark"] .bs-tooltip-top .arrow::before,
html[data-theme="dark"] .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--dk-border);
}
html[data-theme="dark"] .tooltip.bs-tooltip-bottom .arrow::before,
html[data-theme="dark"] .bs-tooltip-bottom .arrow::before,
html[data-theme="dark"] .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--dk-border);
}
html[data-theme="dark"] .dia-chip {
    color: #81b5d4;
}
html[data-theme="dark"] .dia-chip--all {
    color: #98c5dc;
}
html[data-theme="dark"] .var-builder-example {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .var-builder-badge {
    color: #81b5d4;
}
html[data-theme="dark"] .var-builder-remove:hover {
    color: #e1505e;
}
html[data-theme="dark"] .var-builder-add {
    border: 1px dashed var(--dk-border-strong);
    color: #81b5d4;
}
html[data-theme="dark"] .var-origen-toggle {
    border: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] .var-origen-toggle button {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .var-origen-toggle button + button {
    border-left: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] .var-origen-toggle button.active {
    color: #81b5d4;
}
html[data-theme="dark"] .var-origen-toggle button[data-origen="por_registro"].active {
    background-color: rgba(255, 255, 255, 0.126);
    color: #edb183;
}
html[data-theme="dark"] .var-origen-chip {
    color: #81b5d4;
}
html[data-theme="dark"] .var-origen-chip-registro,
html[data-theme="dark"] .var-origen-dia-chip {
    background-color: rgba(255, 255, 255, 0.126);
    color: #edb183;
}
html[data-theme="dark"] .wa-form-col::-webkit-scrollbar-thumb,
html[data-theme="dark"] .wa-preview-col::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.135);
}
html[data-theme="dark"] .wa-form-col::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .wa-preview-col::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.364);
}
html[data-theme="dark"] .wa-preview-panel {
    border-left: 1px solid var(--dk-border);
}
html[data-theme="dark"] #contenidoDinamicoPreviewPanel .wa-preview-title,
html[data-theme="dark"] #contenidoNotificacionPreviewPanel .wa-preview-title {
    color: var(--dk-text);
}
@media (max-width: 991.98px) {
    html[data-theme="dark"] .wa-preview-panel {
        border-top: 1px solid var(--dk-border);
    }
}
@media (max-width: 991.98px) {
    html[data-theme="dark"] .wa-form-wrapper .wa-preview-col {
        border-top: 1px solid var(--dk-border);
    }
}
html[data-theme="dark"] .wa-preview-title {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .wa-form-wrapper .wa-preview-col {
    border-left: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-preview-chat {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .wa-preview-bubble {
    background-color: var(--dk-surface);
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.286);
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .wa-preview-bubble::before {
    border-right: 8px solid var(--dk-border-soft);
}
html[data-theme="dark"] .wa-preview-header {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .wa-preview-body {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .wa-preview-media-marco {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .wa-preview-media-cargando {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .wa-preview-media-img {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .wa-preview-media-pdf {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .wa-preview-media-marcador {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-muted);
}
html[data-theme="dark"] .wa-preview-footer {
    color: var(--dk-text-muted);
}
html[data-theme="dark"] .header-media-ayuda,
html[data-theme="dark"] .header-media-actual {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .wa-preview-buttons {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-preview-button {
    color: #5fbce8;
}
html[data-theme="dark"] .wa-preview-button + .wa-preview-button {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-preview-time {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .table-loader {
    background-color: color-mix(in srgb, var(--dk-surface) 70%, transparent);
}
html[data-theme="dark"] .loader {
    border: 3px solid var(--dk-border);
}
html[data-theme="dark"] .table-responsive-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.09);
}
html[data-theme="dark"] .table-responsive-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] .dt-footer {
    border-top: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .dataTables_info {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .dataTables_info b {
    color: var(--dk-text);
}
html[data-theme="dark"] .dataTables_length label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .dataTables_length select {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
    color: var(--dk-text);
}
html[data-theme="dark"] .dataTables_paginate .page-item .page-link {
    border: 1px solid var(--dk-border) !important;
    background-color: var(--dk-surface) !important;
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .dataTables_paginate .page-item.active .page-link {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .dataTables_paginate .page-item:not(.disabled):not(.active) .page-link:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dataTables_paginate .page-item.disabled .page-link {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .cat-section {
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-definicion-subseccion .cat-section-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .wa-button-card {
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-lectura-valor {
    color: var(--dk-text);
}
html[data-theme="dark"] .wa-lectura-mensaje {
    color: var(--dk-text);
    background-color: var(--dk-surface-2);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-lectura-boton {
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .wa-lectura-boton-titulo {
    color: var(--dk-text);
}
html[data-theme="dark"] .app-generic-modal .input-custom:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.308) !important;
}
html[data-theme="dark"] .camp-section {
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .camp-subtitle {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .form-control.is-invalid,
html[data-theme="dark"] .input-custom.is-invalid {
    border-color: #b03a3a !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme="dark"] .app-select-trigger.is-invalid {
    border-color: #b03a3a !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme="dark"] .camp-ms-trigger {
    background-color: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.132);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .camp-ms-trigger:hover,
html[data-theme="dark"] .camp-ms-trigger:focus,
html[data-theme="dark"] .camp-ms-trigger.open {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.308) !important;
}
html[data-theme="dark"] .camp-ms-trigger.is-invalid {
    border-color: #b03a3a !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme="dark"] .camp-ms-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-ms-placeholder {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .camp-ms-caret {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .camp-ms-panel {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .camp-ms-search {
    border-bottom: 1px solid var(--dk-border-soft);
}
html[data-theme="dark"] .camp-ms-search input {
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-ms-list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] .camp-ms-item-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .csv-headers-btn {
    border: 1px solid var(--dk-border-strong);
    color: #81b5d4;
}
html[data-theme="dark"] .csv-col-etiqueta {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .csv-col-chip {
    color: #81b5d4;
}
html[data-theme="dark"] .csv-col-fila--registro .csv-col-etiqueta {
    color: #edb183;
}
html[data-theme="dark"] .csv-col-fila--registro .csv-col-chip {
    background-color: rgba(255, 255, 255, 0.126);
    color: #edb183;
}
html[data-theme="dark"] .file-upload-box {
    border: 2px dashed var(--dk-border-strong);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .file-upload-box:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .file-upload-box-lg.dragover {
    background-color: rgba(255, 255, 255, 0.054);
}
html[data-theme="dark"] .file-upload-icon-badge {
    background-color: rgba(255, 255, 255, 0.09);
    color: #7ccdec;
}
html[data-theme="dark"] .file-upload-box-lg .file-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .chat-container {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .chat-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.135);
}
html[data-theme="dark"] .chat-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.325);
}
html[data-theme="dark"] .message-ai .avatar {
    color: #6eaac8;
}
html[data-theme="dark"] .message-ai .bubble {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.088);
}
html[data-theme="dark"] .message-ai .name {
    color: #6eaac8;
}
html[data-theme="dark"] .message-ai .text {
    color: var(--dk-text);
}
html[data-theme="dark"] .message-user .avatar {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-soft);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .message-user .text {
    color: #94c4dc;
}
html[data-theme="dark"] .time-user {
    color: rgba(148, 196, 220, 0.65) !important;
}
html[data-theme="dark"] .audio-player-container .audio-loader {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .audio-player-container .audio-error {
    color: #e16b6b;
}
html[data-theme="dark"] .mensaje-chip {
    background-color: var(--dk-surface-3);
    color: #65a7e9;
    border: 1px solid #2a5f8b;
}
html[data-theme="dark"] .mensaje-chip:hover {
    background-color: #27435b;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.44);
}
html[data-theme="dark"] .input-custom[readonly] {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .usr-pwd-toggle-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .usr-toggle-slider {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .usr-toggle-slider::before {
    background-color: var(--dk-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .pwd-strength-bar {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .pwd-strength-meter.medium .pwd-strength-label {
    color: #e7b157;
}
html[data-theme="dark"] .pwd-strength-meter.strong .pwd-strength-label {
    color: #7becc7;
}
html[data-theme="dark"] .tree-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.09);
}
html[data-theme="dark"] .tree-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] .tree-row {
    border-top: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .tree-row:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .tree-toggle {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .tree-toggle:hover {
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] .tree-icon {
    color: #7ccdec;
}
html[data-theme="dark"] .tree-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .tree-name.is-category {
    color: #94c4dc;
}
html[data-theme="dark"] .tree-node[data-depth="0"] > .tree-row .tree-name.is-category {
    color: #7ccdec;
}
html[data-theme="dark"] .tree-icon-chip {
    background-color: var(--dk-surface-3);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .permisos-toolbar {
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .permisos-bulk-btn {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] .permisos-bulk-btn:hover {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .permisos-bulk-btn.is-danger {
    border-color: var(--dk-border);
    background-color: var(--dk-surface-3);
    color: #d84d48;
}
html[data-theme="dark"] .permisos-bulk-btn.is-danger:hover {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .permisos-search-input {
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .permisos-row {
    border-top: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .permisos-row.saved-flash {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .permisos-row:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .permisos-toggle {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .permisos-toggle:hover {
    background-color: var(--dk-surface-3);
    color: #7ccdec;
}
html[data-theme="dark"] .permisos-icon {
    color: #7ccdec;
}
html[data-theme="dark"] .permisos-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .permisos-name.is-category {
    color: #94c4dc;
}
html[data-theme="dark"] .permisos-crud-chip {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .permisos-crud-chip:hover:not(:disabled) {
    color: #7ccdec;
}
html[data-theme="dark"] .permisos-switch .slider {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .permisos-switch .slider::before {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .btn-plantilla {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .btn-plantilla:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.308);
}
html[data-theme="dark"] .btn-plantilla-icon {
    background-color: rgba(255, 255, 255, 0.09);
    color: #7ccdec;
}
html[data-theme="dark"] .btn-plantilla-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .btn-plantilla-compact {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .btn-plantilla-compact-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .btn-plantilla-compact:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.308);
    color: var(--dk-text);
}
html[data-theme="dark"] .btn-plantilla-compact-icon {
    background-color: rgba(255, 255, 255, 0.09);
    color: #7ccdec;
}
html[data-theme="dark"] .btn-apikey-copy {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .btn-apikey-revoke {
    border: 1px solid #80343c;
    background-color: var(--dk-surface);
    color: #e16b6b;
}
html[data-theme="dark"] .btn-apikey-revoke:hover {
    background-color: var(--dk-surface-3);
}

/* ---- static/css/campania-view.css ---- */
html[data-theme="dark"] .det-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .det-chip {
    border: 1px solid var(--dk-border);
    background-color: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] .det-chip--wa {
    color: #97f0e6;
}
html[data-theme="dark"] .det-chip--voz {
    color: #98c5dc;
}
html[data-theme="dark"] .det-chip--date {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-soft);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .det-chip--count {
    color: #98c5dc;
}
html[data-theme="dark"] .camp-progress-track {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .camp-progress-bar:not(.camp-progress-bar--complete)::after {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--dk-surface) 45%, transparent), transparent);
}
html[data-theme="dark"] .camp-progress-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] #formulario input:disabled,
html[data-theme="dark"] #formulario select:disabled,
html[data-theme="dark"] #formulario textarea:disabled {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #formulario .app-select-trigger:disabled {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
}

/* ---- static/css/campania-detalles.css ---- */
html[data-theme="dark"] .det-tabs {
    background-color: var(--dk-surface);
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .det-tabs .nav-link {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .det-tab-icon {
    background-color: var(--dk-surface-4);
}
html[data-theme="dark"] .det-tabs .nav-link:hover:not(.active) {
    color: var(--dk-text);
    background-color: rgba(255, 255, 255, 0.036);
}
html[data-theme="dark"] .det-tabs .nav-link.active {
    color: #7ccdec;
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .det-tabs .nav-link.active .det-tab-icon {
    background-color: rgba(255, 255, 255, 0.108);
    color: #7ccdec;
}
html[data-theme="dark"] #tbl-voz thead th,
html[data-theme="dark"] #tbl-wa thead th {
    color: var(--dk-text-soft);
    background-color: var(--dk-surface-2);
    border-bottom: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] #tbl-voz tbody td,
html[data-theme="dark"] #tbl-wa tbody td {
    color: var(--dk-text);
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] #tbl-voz tbody tr:hover,
html[data-theme="dark"] #tbl-wa tbody tr:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .chat-container {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .chat-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.135);
}
html[data-theme="dark"] .message-ai .avatar {
    color: #6eaac8;
}
html[data-theme="dark"] .message-ai .bubble {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.088);
}
html[data-theme="dark"] .message-ai .name {
    color: #6eaac8;
}
html[data-theme="dark"] .message-ai .text {
    color: var(--dk-text);
}
html[data-theme="dark"] .message-user .avatar {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-soft);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .message-user .text {
    color: #94c4dc;
}
html[data-theme="dark"] .time-user {
    color: rgba(148, 196, 220, 0.6) !important;
}
html[data-theme="dark"] .modal-white .modal-content {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .modal-white .modal-header {
    background-color: var(--dk-surface) !important;
    border-bottom: 1px solid var(--dk-border);
}
html[data-theme="dark"] .modal-white .modal-title {
    color: var(--dk-text-strong) !important;
}
html[data-theme="dark"] .modal-white .close {
    color: var(--dk-text-soft) !important;
}
html[data-theme="dark"] .modal-white .modal-footer {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .audio-player-container .audio-loader {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .audio-player-container .audio-error {
    color: #e16b6b;
}
html[data-theme="dark"] .modal-title .fas {
    color: #589de7;
}
html[data-theme="dark"] .mensaje-chip {
    background-color: var(--dk-surface-3);
    color: #65a7e9;
    border: 1px solid #2a5f8b;
}
html[data-theme="dark"] .mensaje-chip:hover {
    background-color: #27435b;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.44);
}

/* ---- static/css/consumo.css ---- */
html[data-theme="dark"] .consumo-section {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .consumo-section-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .consumo-section-title .ri-customer-service-2-line {
    color: #3778e2;
}
html[data-theme="dark"] .consumo-section-title .ri-whatsapp-line {
    color: #61e392;
}
html[data-theme="dark"] .consumo-usage-value {
    color: var(--dk-text);
}
html[data-theme="dark"] .consumo-toggle {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .consumo-toggle-btn {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .consumo-toggle-btn:hover {
    color: var(--dk-text);
}
html[data-theme="dark"] .consumo-toggle-btn.active {
    background-color: var(--dk-surface);
    color: #3778e2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] .consumo-chart-loader {
    background-color: color-mix(in srgb, var(--dk-surface) 70%, transparent);
}
html[data-theme="dark"] .consumo-billing-card {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .consumo-billing-sub-warning {
    color: #eab06d;
}
html[data-theme="dark"] .consumo-billing-sub-danger {
    color: #e45858;
}

/* ---- static/css/dashboard-embed.css ---- */
html[data-theme="dark"] .dashboard-embed-wrapper {
    border: 1px solid var(--spec-border, var(--dk-border));
    background: var(--spec-surface, var(--dk-surface));
    box-shadow: var(--app-shadow-soft, 0 8px 22px rgba(0, 0, 0, 0.176));
}
html[data-theme="dark"] .dashboard-embed-error {
    background-color: color-mix(in srgb, var(--dk-surface) 85%, transparent);
}
html[data-theme="dark"] .dashboard-embed-error-title {
    color: var(--spec-text, var(--dk-text));
}
html[data-theme="dark"] .dashboard-embed-error-desc {
    color: var(--spec-text-soft, var(--dk-text-soft));
}
html[data-theme="dark"] .dashboard-embed-error-btn {
    background-color: var(--dk-surface);
    color: var(--spec-primary, #6eaac8);
}
html[data-theme="dark"] .dashboard-empresa-card {
    background: var(--spec-surface, var(--dk-surface));
    border: 1px solid var(--spec-border, var(--dk-border));
    box-shadow: var(--app-shadow, 0 18px 40px rgba(0, 0, 0, 0.264));
}
html[data-theme="dark"] .dashboard-empresa-title {
    color: var(--spec-text, var(--dk-text));
}
html[data-theme="dark"] .dashboard-select-wrap .app-select-menu {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .dashboard-empresa-search-icon {
    color: var(--spec-text-soft, var(--dk-text-soft));
}
html[data-theme="dark"] .dashboard-empresa-search {
    border: 1px solid var(--spec-border, var(--dk-border));
    background-color: var(--dk-surface);
    color: var(--spec-text, var(--dk-text));
}
html[data-theme="dark"] .dashboard-empresa-search:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.308);
}
html[data-theme="dark"] .dashboard-empresa-items::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.234);
}
html[data-theme="dark"] .dashboard-empresa-item {
    color: var(--spec-text, var(--dk-text));
}
html[data-theme="dark"] .dashboard-empresa-item.active {
    color: #94c4dc;
}
html[data-theme="dark"] .dashboard-empresa-empty {
    color: var(--spec-text-soft, var(--dk-text-soft));
}

/* ---- static/css/logs.css ---- */
html[data-theme="dark"] .logs-toolbar-input {
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .logs-toolbar-input:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .btn-action-ghost {
    border: 1px solid var(--dk-border);
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .btn-action-ghost:hover {
    background-color: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] #tblLogs thead th {
    color: var(--dk-text-soft);
    background-color: var(--dk-surface-2);
    border-bottom: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] #tblLogs tbody td {
    color: var(--dk-text);
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] #tblLogs tbody tr:hover {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .badge-act-teal {
    background-color: var(--dk-surface-4);
    color: #aff4eb;
}
html[data-theme="dark"] .badge-act-rose {
    background-color: var(--dk-surface-3);
    color: #f19dca;
}
html[data-theme="dark"] .badge-act-cyan {
    background-color: var(--dk-surface-3);
    color: #99caf0;
}
html[data-theme="dark"] .badge-act-indigo {
    background-color: var(--dk-surface-3);
    color: #919ae1;
}
html[data-theme="dark"] .badge-act-mint {
    background-color: var(--dk-surface-3);
    color: #c0e9b0;
}
html[data-theme="dark"] .badge-act-amber {
    background-color: #4c3a1d;
    color: #ec957a;
}
html[data-theme="dark"] .badge-act-lavender {
    background-color: var(--dk-surface-3);
    color: #c78beb;
}

/* ---- templates/views/cobranza/index.html ---- */
html[data-theme="dark"] .camp-drawer-overlay {
    background-color: rgba(0, 0, 0, 0.39);
}
html[data-theme="dark"] .camp-drawer {
    background-color: var(--dk-surface);
    box-shadow: -10px 0 36px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .camp-drawer-header {
    border-bottom: 1px solid var(--dk-border);
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .camp-drawer-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-drawer-badge.wa {
    background-color: var(--dk-surface-3);
    color: #a3e9b4;
    border-color: #517c5d;
}
html[data-theme="dark"] .camp-drawer-badge.voz {
    background-color: var(--dk-surface-3);
    color: #8ab9ee;
    border-color: #2e6a9a;
}
html[data-theme="dark"] .camp-drawer-close {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .camp-drawer-close:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-drawer-body::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.126);
}
html[data-theme="dark"] .camp-drawer-body .form-label {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .camp-drawer-body .form-control,
html[data-theme="dark"] .camp-drawer-body .input-custom {
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-drawer-body .form-control:focus,
html[data-theme="dark"] .camp-drawer-body .input-custom:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .camp-drawer-body .app-select-trigger {
    border: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] #rdPanel {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.176);
}
html[data-theme="dark"] #rdPanel .camp-ms-item-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .camp-drawer-footer {
    border-top: 1px solid var(--dk-border);
    background-color: var(--dk-surface);
}
html[data-theme="dark"] #duplicate-notice {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] #duplicate-notice .dup-icon {
    color: #6eaac8;
}
html[data-theme="dark"] #duplicate-notice .dup-title {
    color: #98c5dd;
}
html[data-theme="dark"] #duplicate-notice .dup-text {
    color: #89b6d1;
}
html[data-theme="dark"] #duplicate-notice .dup-text strong {
    color: #98c5dd;
}
html[data-theme="dark"] #duplicate-notice .dup-close {
    color: #6eaac8;
}
html[data-theme="dark"] .dup-highlight {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.396) !important;
}
html[data-theme="dark"] .dup-highlight:hover {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.616) !important;
}
html[data-theme="dark"] .file-upload-modern.dup-highlight .file-upload-box {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.396);
}
html[data-theme="dark"] .file-upload-modern.dup-highlight:hover .file-upload-box {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.616);
}
html[data-theme="dark"] .file-upload-modern.dup-highlight .file-upload-box i {
    color: #6eaac8;
}

/* ---- templates/views/cobranza/campania-clientes.html ---- */
html[data-theme="dark"] .det-stat {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}
html[data-theme="dark"] .det-stat-value {
    color: var(--dk-text);
}
html[data-theme="dark"] .det-stat--canal .det-stat-value {
    color: #3778e2;
}
html[data-theme="dark"] .det-stat--canal-wa .det-stat-value {
    color: #61e392;
}
html[data-theme="dark"] .det-stat--progreso .det-stat-value {
    color: #7becc7;
}
html[data-theme="dark"] .det-stat--clientes .det-stat-value {
    color: #e7b157;
}

/* ---- templates/views/cobranza/campania-detalles.html ---- */
html[data-theme="dark"] .det-stat {
    background-color: var(--dk-surface);
    border: 1px solid var(--dk-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}
html[data-theme="dark"] .det-stat-value {
    color: var(--dk-text);
}
html[data-theme="dark"] .det-stat--canal .det-stat-value {
    color: #3778e2;
}
html[data-theme="dark"] .det-stat--canal-wa .det-stat-value {
    color: #61e392;
}
html[data-theme="dark"] .det-stat--registros .det-stat-value {
    color: #e7b157;
}

/* ---- static/css/login.css ---- */
html[data-theme="dark"] .shape-1 {
    background-color: var(--dk-surface);
}
html[data-theme="dark"] .login-right {
    background: linear-gradient(160deg, var(--dk-surface) 0%, var(--dk-surface-2) 55%, var(--dk-surface-2) 100%);
    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.66);
}
html[data-theme="dark"] .form-title {
    color: #a4cbeb;
}
html[data-theme="dark"] .input-group-modern {
    border: 1.5px solid var(--dk-border);
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .input-group-modern:focus-within {
    background-color: var(--dk-surface);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.264);
}
html[data-theme="dark"] .input-group-modern:focus-within .input-icon {
    color: #7ccdec;
}
html[data-theme="dark"] .input-field input {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .input-field input:focus + label,
html[data-theme="dark"] .input-field input:not(:placeholder-shown) + label {
    color: #7ccdec;
}
html[data-theme="dark"] .toggle-password:hover {
    color: #7ccdec;
}
html[data-theme="dark"] .btn-login {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.88);
}
html[data-theme="dark"] .btn-login:hover {
    box-shadow: 0 8px 26px #000000;
}
html[data-theme="dark"] .btn-login:active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.77);
}
html[data-theme="dark"] .btn-login.loading::after {
    border: 2px solid color-mix(in srgb, var(--dk-border-soft) 35%, transparent);
    border-top-color: var(--dk-border-soft);
}
html[data-theme="dark"] .toast {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.33);
}

/* ---- templates/acceso-denegado.html ---- */
html[data-theme="dark"] .forbidden-icon-wrap {
    background: linear-gradient(135deg, var(--dk-surface-2) 0%, var(--dk-surface-3) 100%);
}
html[data-theme="dark"] .forbidden-icon-wrap i {
    color: #e44d4d;
}
html[data-theme="dark"] .forbidden-badge {
    background-color: var(--dk-surface-2);
    color: #e06868;
    border: 1px solid #8c2323;
}
html[data-theme="dark"] .forbidden-title {
    color: var(--dk-text-strong);
}
html[data-theme="dark"] .forbidden-text {
    color: var(--dk-text-soft);
}
html[data-theme="dark"] .btn-logout {
    color: var(--dk-text);
    border: 1.5px solid var(--dk-border);
}
html[data-theme="dark"] .btn-logout:hover {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .forbidden-divider::before,
html[data-theme="dark"] .forbidden-divider::after {
    background-color: var(--dk-surface-4);
}