/*
 * dark-mode.css
 * Tema claro / oscuro para el sistema
 * Basado en la paleta corporativa existente.
 *
 * Cargar DESPUÉS de:
 *   1. bootstrap.css
 *   2. jquery-ui.css
 *   3. alertify.css
 *   4. style.css
 *   5. style-menu.css
 */

:root {
  color-scheme: light;

  /* ===== PALETA CORPORATIVA ===== */
  --theme-bg: #ededf4;
  --theme-surface: #ffffff;
  --theme-surface-2: #f9f9fb;
  --theme-surface-3: #f3f3f8;

  --theme-text: #212529;
  --theme-text-secondary: #444444;
  --theme-text-muted: #6c757d;

  --theme-border: #d6d6df;
  --theme-border-2: #cecee2;

  --theme-primary: #4147a8;
  --theme-primary-2: #4d54b8;
  --theme-primary-light: #c9cff2;
  --theme-accent: #fbbc05;

  --theme-success: #198754;
  --theme-danger: #dc3545;
  --theme-warning: #ffc107;
  --theme-info: #0dcaf0;

  --theme-shadow: rgba(197, 197, 213, 0.4);
  --theme-overlay: rgba(0, 0, 0, 0.45);

  /* Variables que aparecen en componentes personalizados */
  --color-bg-main: #ededf4;
  --color-bg-section: #f9f9fb;
  --color-text-main: #212529;
  --color-text-muted: #6c757d;
  --color-border: #d6d6df;
  --color-border-hover: #b9b9c9;

  /*SWEET ALERT2*/
  --swal-bg: #ffffff;
  --swal-text: #212529;
  --swal-title: #212529;
  --swal-border: #d6d6df;
  --swal-shadow: rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --theme-bg: #212329;
  --theme-surface: #292b32;
  --theme-surface-2: #30323a;
  --theme-surface-3: #373940;
  --theme-text: #f1f3f5;
  --theme-text-secondary: #d1d5db;
  --theme-text-muted: #9ca3af;
  --theme-border: #41444d;
  --theme-border-2: #50535d;

  /*
     * Se conservan los azules corporativos para botones/identidad.
     * Los fondos generales usan tonos oscuros para evitar contraste
     * excesivo y mantener el amarillo como acento.
     */
  --theme-primary: #4147a8;
  --theme-primary-2: #4d54b8;
  --theme-primary-light: #c9cff2;
  --theme-accent: #fbbc05;
  --theme-success: #20a36a;
  --theme-danger: #e05260;
  --theme-warning: #fbbc05;
  --theme-info: #35c8e8;
  --theme-shadow: rgba(0, 0, 0, 0.35);
  --theme-overlay: rgba(0, 0, 0, 0.65);
  --color-bg-main: #212329;
  --color-bg-section: #30323a;
  --color-text-main: #f1f3f5;
  --color-text-muted: #9ca3af;
  --color-border: #41444d;
  --color-border-hover: #626671;

  /*SWEET ALERT2*/
  --swal-bg: #191a24;
  --swal-text: #f1f3f5;
  --swal-title: #ffffff;
  --swal-border: #343645;
  --swal-shadow: rgba(0, 0, 0, 0.55);
}

/* =========================================================
   BASE / BOOTSTRAP
   ========================================================= */

[data-theme="dark"] body {
  background-color: transparent !important;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: transparent !important;
  color: var(--theme-text);
}

html[data-theme="dark"] {
  --bs-body-bg: var(--bs-btn-hover-bg);
  --bs-body-color: var(--theme-text);
  --bs-body-color-rgb: 241, 243, 245;
  --bs-secondary-bg: var(--theme-surface);
  --bs-tertiary-bg: var(--theme-surface-2);
  --bs-border-color: var(--theme-border);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.12);
  --bs-emphasis-color: #ffffff;
  --bs-secondary-color: var(--theme-text-muted);
  --bs-secondary-color-rgb: 156, 163, 175;
  --bs-heading-color: #ffffff;
  --bs-link-color: #9dbbff;
  --bs-link-hover-color: #c9d8ff;
  --bs-light: #373940;
  --bs-light-rgb: 55, 57, 64;
  --bs-dark: #212329;
  --bs-dark-rgb: 33, 35, 41;
  --bs-primary: #4d54b8;
  --bs-primary-rgb: 77, 84, 184;
}

[data-theme="dark"] ::selection {
  background: rgba(251, 188, 5, 0.35);
  color: #ffffff;
}

[data-theme="dark"] a {
  color: #9dbbff;
}

[data-theme="dark"] a:hover {
  color: #c9d8ff;
}

[data-theme="dark"] hr {
  color: var(--theme-border);
  opacity: 1;
}

/* Texto Bootstrap */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-body {
  color: var(--theme-text) !important;
}

[data-theme="dark"] .text-secondary {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .text-muted {
  color: var(--theme-text-muted) !important;
}

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

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

/* Fondos Bootstrap */
[data-theme="dark"] .bg-white {
  background-color: var(--theme-surface) !important;
}

[data-theme="dark"] .bg-light {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] .bg-body {
  background-color: var(--theme-bg) !important;
}

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

[data-theme="dark"] .text-success {
  color: var(--theme-success) !important;
}
[data-theme="dark"] .text-danger {
  color: var(--theme-danger) !important;
}
[data-theme="dark"] .text-warning {
  color: var(--theme-warning) !important;
}
[data-theme="dark"] .text-info {
  color: var(--theme-info) !important;
}

[data-theme="dark"] .text-azul {
  color: var(--theme-text-muted) !important;
}

/* =========================================================
   CARDS / PANELS / CONTENEDORES
   ========================================================= */

[data-theme="dark"] .card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .offcanvas,
[data-theme="dark"] .popover,
[data-theme="dark"] .toast,
[data-theme="dark"] .list-group-item,
[data-theme="dark"] .accordion-item {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer,
[data-theme="dark"] .accordion-header,
[data-theme="dark"] .accordion-button {
  background-color: var(--theme-surface-2);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: rgba(77, 84, 184, 0.35);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--theme-border);
}

[data-theme="dark"] .accordion-button::after {
  filter: invert(0) grayscale(100%);
}

[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus {
  background-color: var(--theme-surface-2);
  color: #ffffff;
}

[data-theme="dark"] .list-group-item.active {
  background-color: var(--theme-primary-2);
  border-color: var(--theme-primary-2);
  color: #ffffff;
}

/* =========================================================
   FORMULARIOS BOOTSTRAP
   ========================================================= */

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .input-group-text {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .form-control::placeholder {
  color: #858a98;
  opacity: 1;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  border-color: #5d65a8;
  box-shadow: 0 0 0 0.25rem rgba(23, 23, 124, 0.25);
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly],
[data-theme="dark"] .form-select:disabled {
  background-color: #30323a;
  color: #777c8b;
  border-color: #343645;
}

[data-theme="dark"] .form-select {
  --bs-form-select-bg-img: var(--bs-form-select-bg-img);
}

[data-theme="dark"] .form-select option,
[data-theme="dark"] select option {
  background-color: var(--theme-surface);
  color: var(--theme-text);
}

[data-theme="dark"] .form-check-input {
  background-color: var(--theme-surface);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .form-check-input:checked {
  background-color: var(--theme-primary-2);
  border-color: var(--theme-primary-2);
}

[data-theme="dark"] .form-check-input:focus {
  border-color: #7078bb;
  box-shadow: 0 0 0 0.25rem rgba(23, 23, 124, 0.25);
}

[data-theme="dark"] .form-check-label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-floating > label {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .input-group-text {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .form-control-plaintext {
  color: var(--theme-text);
}

/* Floating labels */
[data-theme="dark"] .form-floating > label::after {
  background-color: var(--theme-surface);
}

/* File selector */
[data-theme="dark"] .form-control::file-selector-button,
[data-theme="dark"] .form-control::-webkit-file-upload-button {
  background-color: var(--theme-surface-2);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

/* =========================================================
   BOTONES BOOTSTRAP
   ========================================================= */

[data-theme="dark"] .btn-light {
  --bs-btn-color: #f1f3f5;
  --bs-btn-bg: #252633;
  --bs-btn-border-color: #414256;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #303142;
  --bs-btn-hover-border-color: #55586d;
}

[data-theme="dark"] .btn-danger {
  background: var(--theme-danger) !important;
}

[data-theme="dark"] .btn-primary {
  background: var(--theme-primary) !important;
}

[data-theme="dark"] .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212329;
  --bs-btn-border-color: #343645;
  --bs-btn-hover-bg: #292b32;
}

[data-theme="dark"] .btn-outline-dark {
  --bs-btn-color: #d1d5db;
  --bs-btn-border-color: #55586d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #303142;
  --bs-btn-hover-border-color: #55586d;
}

[data-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: #d1d5db;
  --bs-btn-border-color: #55586d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #303142;
  --bs-btn-hover-border-color: #666a80;
}

/* =========================================================
   DROPDOWNS
   ========================================================= */

[data-theme="dark"] .dropdown-menu {
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .dropdown-item {
  color: var(--theme-text);
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  color: #ffffff;
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .dropdown-item.active,
[data-theme="dark"] .dropdown-item:active {
  color: #ffffff;
  background-color: var(--theme-primary-2);
}

[data-theme="dark"] .dropdown-header {
  color: var(--theme-text-muted);
}

[data-theme="dark"] .dropdown-divider {
  border-color: var(--theme-border);
}

/* =========================================================
   MODALES / POPOVERS / TOOLTIPS
   ========================================================= */

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
  border-color: var(--theme-border);
}

[data-theme="dark"] .modal-header {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .modal-footer {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .btn-close {
  filter: invert(0) grayscale(50%) brightness(100%);
  background: var(--theme-surface-3) !important;
  color: var(--theme-danger) !important;
}

[data-theme="dark"] .popover-header {
  background-color: var(--theme-surface-2);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .popover-body {
  background-color: var(--theme-surface);
  color: var(--theme-text);
}

[data-theme="dark"] .tooltip .tooltip-inner {
  background-color: #25272d;
  color: #ffffff;
}

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

/* =========================================================
   TABLES BOOTSTRAP + TABLAS PERSONALIZADAS
   ========================================================= */

[data-theme="dark"] .table {
  --bs-table-color: var(--theme-text);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--theme-border);
  --bs-table-striped-color: var(--theme-text);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
  --bs-table-active-color: #ffffff;
  --bs-table-active-bg: rgba(255, 255, 255, 0.06);
  --bs-table-hover-color: #ffffff;
  --bs-table-hover-bg: rgba(255, 255, 255, 0.045);

  color: var(--theme-text);
}

[data-theme="dark"] table,
[data-theme="dark"] table th,
[data-theme="dark"] table td {
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .table > :not(caption) > * > * {
  color: inherit;
  background-color: transparent;
  border-bottom-color: var(--theme-border);
}

[data-theme="dark"] .table thead th {
  background-color: var(--theme-surface-2);
  color: #c9cff2;
}

[data-theme="dark"] .table-hover > tbody > tr:hover > * {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.045);
}

/* Clases presentes en style.css */
[data-theme="dark"] table.thead-form thead tr th,
[data-theme="dark"] table.table-head thead tr th,
[data-theme="dark"] table.table-venta thead tr th,
[data-theme="dark"] table.table-venta tfoot tr th,
[data-theme="dark"] table.table-head tfoot tr th {
  background-color: var(--theme-surface-2) !important;
  color: #c9cff2 !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] table.table-row tr td {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  border-bottom-color: var(--theme-border) !important;
}

[data-theme="dark"] table.table-factura tr td {
  background-color: #25332c !important;
  color: #d7e9df !important;
  border-bottom-color: var(--theme-border) !important;
}

[data-theme="dark"] table.table-row tfoot {
  border-top-color: var(--theme-border) !important;
}

[data-theme="dark"] #tabla-productos {
  background-color: var(--theme-surface) !important;
}

[data-theme="dark"] .tbl-custom {
  color: var(--theme-text);
}

[data-theme="dark"] .tbl-custom thead th {
  background-color: var(--theme-surface-2) !important;
  color: #c9cff2 !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .tbl-custom tbody td {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .tbl-custom tbody tr:hover td {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] .tbl-input {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .tbl-input:hover,
[data-theme="dark"] .tbl-input:focus {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .tbl-input:focus {
  border-color: #6872c0;
  box-shadow: 0 0 0 3px rgba(104, 114, 192, 0.18);
}

[data-theme="dark"] .empty-row td {
  color: var(--theme-text-muted) !important;
}

/* =========================================================
   ESTILOS PERSONALIZADOS DE style.css
   ========================================================= */

[data-theme="dark"] .div-form,
[data-theme="dark"] .div-form2 {
  color: var(--theme-text);
}

[data-theme="dark"] .div-form {
  background: var(--theme-surface) !important;
  box-shadow: 0 17px 19px -6px var(--theme-shadow);
}

[data-theme="dark"] .fijo {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .label-sub,
[data-theme="dark"] .label-sub-tit,
[data-theme="dark"] .panel-head-style,
[data-theme="dark"] .titulo-lista,
[data-theme="dark"] .alert-text {
  color: #c9cff2 !important;
}

[data-theme="dark"] .label-radio,
[data-theme="dark"] .label-form,
[data-theme="dark"] .label-text,
[data-theme="dark"] .label-venta,
[data-theme="dark"] .label-status {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .label-index {
  color: #c9cff2 !important;
}

[data-theme="dark"] .button-create,
[data-theme="dark"] .button-ventas,
[data-theme="dark"] .button-modal,
[data-theme="dark"] .button-submit,
[data-theme="dark"] .button-agregar,
[data-theme="dark"] .button-check,
[data-theme="dark"] .button-config,
[data-theme="dark"] .button-add-prod,
[data-theme="dark"] .tab-pago,
[data-theme="dark"] .btn-add,
[data-theme="dark"] .btn-generate,
[data-theme="dark"] .permiso-pill {
  background-color: var(--theme-surface) !important;
  color: #c9cff2 !important;
  border-color: var(--theme-border-2) !important;
}

[data-theme="dark"] .button-create:hover,
[data-theme="dark"] .button-ventas:hover,
[data-theme="dark"] .button-modal:hover,
[data-theme="dark"] .button-submit:hover,
[data-theme="dark"] .button-agregar:hover,
[data-theme="dark"] .button-check:hover,
[data-theme="dark"] .button-config:hover,
[data-theme="dark"] .button-add-prod:hover,
[data-theme="dark"] .tab-pago:hover,
[data-theme="dark"] .btn-add:hover,
[data-theme="dark"] .btn-generate:hover {
  background-color: var(--theme-surface-2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .button-file {
  background-color: var(--theme-surface) !important;
  color: #c9cff2 !important;
  border-color: var(--theme-border-2) !important;
}

[data-theme="dark"] .button-file:hover {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] .input-form,
[data-theme="dark"] .input-form:focus,
[data-theme="dark"] .input-form:active,
[data-theme="dark"] .input-check,
[data-theme="dark"] .input-radio {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border-2) !important;
}

[data-theme="dark"] .input-form:focus,
[data-theme="dark"] .input-check:focus,
[data-theme="dark"] .input-radio:focus {
  border-color: #6872c0 !important;
  box-shadow: 0 0 0 3px rgba(104, 114, 192, 0.18);
}

[data-theme="dark"] .input-form:disabled,
[data-theme="dark"] .input-check:disabled,
[data-theme="dark"] .input-radio:disabled {
  background-color: var(--theme-surface-2) !important;
  color: #777c8b !important;
}

[data-theme="dark"] .input-check:checked,
[data-theme="dark"] .input-radio:checked {
  background: var(--theme-border-2) !important;
}

[data-theme="dark"] .input-switch {
  background: var(--bs-btn-bg);
  border-color: var(--color-border);
}

[data-theme="dark"] .input-switch::before {
  background: var(--bs-light);
}

[data-theme="dark"] .input-switch:checked {
  background: var(--theme-border-2);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .input-switch:checked::before {
  background: var(--theme-text);
}

[data-theme="dark"] .input-switch:disabled {
  background: var(--theme-bg);
  border-color: var(--theme-border);
}

[data-theme="dark"] .input-switch:disabled::before {
  background: var(--theme-border);
}

[data-theme="dark"] .input-switch:disabled:checked {
  background: var(--theme-border);
  border-color: var(--theme-border);
}

[data-theme="dark"] .input-switch:disabled:checked::before {
  background: var(--theme-border-2);
}

[data-theme="dark"] .boton-largo,
[data-theme="dark"] .tab-pago {
  background-color: var(--theme-surface) !important;
}

[data-theme="dark"] .close-button {
  background-color: var(--theme-surface);
}

[data-theme="dark"] .conf-active,
[data-theme="dark"] .sub-tab-active {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] .new-tooltip {
  color: var(--theme-text);
}

[data-theme="dark"] .new-tooltip .tiptext {
  background-color: var(--theme-surface-2);
  color: var(--theme-text);
  border: 1px solid var(--theme-border);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .new-tooltip .tiptext:before {
  border-top-color: var(--theme-surface-2);
}

[data-theme="dark"] .list-unstyled li::before {
  border-color: #c9cff2;
}

[data-theme="dark"] .permiso-pill.active {
  background-color: rgba(23, 23, 124, 0.45) !important;
  color: #ffffff !important;
  border-color: #4f58a6 !important;
}

/* =========================================================
   COMPONENTES PERSONALIZADOS MODERNOS
   ========================================================= */

[data-theme="dark"] .btn-primary-custom {
  background-color: var(--theme-primary-2);
  border-color: #343a9a;
  color: #ffffff;
}

[data-theme="dark"] .btn-primary-custom:hover {
  background-color: #555cc4;
  border-color: #686ed0;
}

[data-theme="dark"] .btn-cancel {
  color: var(--theme-text-muted);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .btn-cancel:hover {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .badge-modulo {
  background: #18264d;
  color: #9dbbff;
}

[data-theme="dark"] .badge-sub {
  background: #123b2a;
  color: #6ee7b7;
}

[data-theme="dark"] .badge-custom {
  background: #3d3010;
  color: #ffd666;
}

[data-theme="dark"] .badge-success {
  background: #123b2a !important;
  color: #6ee7b7 !important;
  border-color: #198754 !important;
}

[data-theme="dark"] .badge-danger {
  background: #401b1e !important;
  color: #ff8f96 !important;
  border-color: #dc3545 !important;
}

[data-theme="dark"] .badge-warning {
  background: #3d3010 !important;
  color: #ffd666 !important;
  border-color: #b45309 !important;
}

[data-theme="dark"] .badge-primary {
  background: #18264d !important;
  color: #9dbbff !important;
  border-color: #1e40af !important;
}

[data-theme="dark"] .not-unread {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] .notification-menu li:hover {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .img-report,
[data-theme="dark"] .file-report {
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .img-report:hover,
[data-theme="dark"] .file-report:hover {
  background-color: var(--theme-surface-2);
}

[data-theme="dark"] .exp-item:hover {
  background-color: rgba(77, 84, 184, 0.25);
}

[data-theme="dark"] .sortable-ghost {
  background: var(--theme-surface-2);
}

[data-theme="dark"] .dot {
  background: #d1d5db;
}

[data-theme="dark"] .dot-secondary {
  background: #858a98;
}

/* =========================================================
   PAGINACIÓN
   ========================================================= */

[data-theme="dark"] .pagination > li > button {
  color: #c9cff2;
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
}

[data-theme="dark"] .pagination > li > button:hover {
  color: #ffffff;
  background-color: var(--theme-surface-2);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .pagination > .disabled > button,
[data-theme="dark"] .pagination > .disabled > button:focus,
[data-theme="dark"] .pagination > .disabled > button:hover {
  color: #6f7482;
  background-color: #25272d;
  border-color: var(--theme-border);
}

[data-theme="dark"] .pagination > .active > button,
[data-theme="dark"] .pagination > .active > button:focus,
[data-theme="dark"] .pagination > .active > button:hover {
  color: #ffffff;
  background-color: var(--theme-primary-2);
  border-color: var(--theme-primary-2);
}

/* =========================================================
   MENÚ EXISTENTE
   =========================================================
   Se mantiene el azul corporativo para no romper la identidad.
   Únicamente se ajustan sombras/elementos auxiliares.
   ========================================================= */

[data-theme="dark"] .left-menu {
  background: var(--theme-bg);
  border-top: 1px solid var(--theme-text-secondary);
  border-right: 1px solid var(--theme-text-secondary);
}
[data-theme="dark"] .content-menu {
  background: var(--theme-bg);
}

[data-theme="dark"] .elipse,
[data-theme="dark"] .elipse-left-menu {
  background: #2d3037;
}

[data-theme="dark"] .content-mn-item,
[data-theme="dark"] .content-mn-item .content-mn-label,
[data-theme="dark"] .content-mn-subitem,
[data-theme="dark"] .content-mn-subitem-title {
  color: #c9cff2;
}

[data-theme="dark"] .content-mn-item:hover,
[data-theme="dark"] .content-mn-subitem:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

[data-theme="dark"] .content-mn-item.active,
[data-theme="dark"] .content-mn-subitem.current {
  background: rgba(251, 188, 5, 0.2);
  color: #ffffff;
}

[data-theme="dark"] .subcontent-item {
  background: #212329;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .menu-active,
[data-theme="dark"] .marker-active {
  color: #fbbc05;
}

[data-theme="dark"] .lista-submenu-elemento:hover {
  background-color: #2d3037;
}

/* El selector de tema puede vivir dentro del menú sin heredar
   colores blancos/negros inesperados. */
[data-theme="dark"] .theme-selector,
[data-theme="dark"] .theme-selector-menu {
  background: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

/* =========================================================
   SCROLLBARS
   ========================================================= */

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #25272d;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #3b3e47;
  border-radius: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #555963;
}

[data-theme="dark"] .scrollX::-webkit-scrollbar {
  background-color: #25272d;
}

[data-theme="dark"] .scrollX::-webkit-scrollbar-thumb {
  background-color: #3b3e47;
}

[data-theme="dark"] .scroll::-webkit-scrollbar-thumb {
  background-color: #3b3e47;
}

/* =========================================================
   JQUERY UI
   ========================================================= */

[data-theme="dark"] .ui-widget {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-widget-content {
  background: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-widget-header {
  background: var(--theme-surface-2);
  color: #ffffff;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-state-default,
[data-theme="dark"] .ui-button {
  background: #373940;
  color: #d1d5db;
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .ui-state-hover,
[data-theme="dark"] .ui-widget-content .ui-state-hover,
[data-theme="dark"] .ui-widget-header .ui-state-hover,
[data-theme="dark"] .ui-button:hover,
[data-theme="dark"] .ui-button:focus {
  background: #3b3e47;
  color: #ffffff;
  border-color: #55586d;
}

[data-theme="dark"] .ui-state-active,
[data-theme="dark"] .ui-widget-content .ui-state-active,
[data-theme="dark"] .ui-widget-header .ui-state-active,
[data-theme="dark"] .ui-button:active,
[data-theme="dark"] .ui-button.ui-state-active:hover {
  background: var(--theme-primary-2);
  color: #ffffff;
  border-color: #4d55a0;
}

[data-theme="dark"] .ui-state-active a,
[data-theme="dark"] .ui-state-active a:link,
[data-theme="dark"] .ui-state-active a:visited {
  color: #ffffff;
}

[data-theme="dark"] .ui-state-highlight,
[data-theme="dark"] .ui-widget-content .ui-state-highlight,
[data-theme="dark"] .ui-widget-header .ui-state-highlight {
  background: #3d3010;
  color: #ffd666;
  border-color: #8a701c;
}

[data-theme="dark"] .ui-state-error,
[data-theme="dark"] .ui-widget-content .ui-state-error,
[data-theme="dark"] .ui-widget-header .ui-state-error {
  background: #401b1e;
  color: #ff9ba2;
  border-color: #8c3841;
}

[data-theme="dark"] .ui-state-error a,
[data-theme="dark"] .ui-widget-content .ui-state-error a,
[data-theme="dark"] .ui-widget-header .ui-state-error a {
  color: #ff9ba2;
}

/* Autocomplete */
[data-theme="dark"] .ui-autocomplete {
  background: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .ui-autocomplete .ui-menu-item-wrapper {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-autocomplete .ui-menu-item-wrapper:hover,
[data-theme="dark"] .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: var(--theme-primary-2);
  color: #ffffff;
  border-color: transparent;
}

/* Datepicker */
[data-theme="dark"] .ui-datepicker {
  background: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .ui-datepicker .ui-datepicker-header {
  background: var(--theme-surface-2);
  color: #ffffff;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-datepicker th {
  color: #c9cff2;
}

[data-theme="dark"] .ui-datepicker td a,
[data-theme="dark"] .ui-datepicker td span {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-datepicker td a:hover,
[data-theme="dark"] .ui-datepicker .ui-datepicker-current-day a {
  background: var(--theme-primary-2);
  color: #ffffff;
}

[data-theme="dark"] .ui-datepicker .ui-datepicker-today a {
  border-color: var(--theme-accent);
}

/* Dialog */
[data-theme="dark"] .ui-dialog {
  background: var(--theme-surface);
  border-color: var(--theme-border);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .ui-dialog .ui-dialog-titlebar {
  background: var(--theme-surface-2);
  color: #ffffff;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-dialog .ui-dialog-content {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-dialog .ui-dialog-buttonpane {
  border-color: var(--theme-border);
}

/* Selectmenu */
[data-theme="dark"] .ui-selectmenu-menu .ui-menu {
  background: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-selectmenu-optgroup {
  color: var(--theme-text-muted);
}

[data-theme="dark"] .ui-selectmenu-optgroup,
[data-theme="dark"] .ui-selectmenu-menu .ui-menu-item-wrapper {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-selectmenu-menu .ui-menu-item-wrapper:hover,
[data-theme="dark"] .ui-selectmenu-menu .ui-state-active {
  background: var(--theme-primary-2);
  color: #ffffff;
}

/* Tabs */
[data-theme="dark"] .ui-tabs {
  background: transparent;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-tabs .ui-tabs-nav {
  background: var(--theme-surface-2);
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-tabs .ui-tabs-nav li {
  background: #373940;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: var(--theme-primary-2);
}

[data-theme="dark"] .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #ffffff;
}

/* Tooltip */
[data-theme="dark"] .ui-tooltip {
  background: #25272d;
  color: #ffffff;
  border-color: #343645;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.45);
}

/* Slider / progressbar */
[data-theme="dark"] .ui-slider {
  background: #3b3e47;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-slider .ui-slider-handle {
  background: #373940;
  border-color: #55586d;
}

[data-theme="dark"] .ui-slider .ui-slider-range {
  background: var(--theme-primary-2);
}

[data-theme="dark"] .ui-progressbar {
  background: #373940;
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-progressbar .ui-progressbar-value {
  background: var(--theme-primary-2);
}

/* Spinner */
[data-theme="dark"] .ui-spinner {
  background: var(--theme-surface);
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-spinner-input {
  color: var(--theme-text);
}

[data-theme="dark"] .ui-spinner-button {
  color: var(--theme-text);
  background: var(--theme-surface-2);
}

/* Checkbox radio */
[data-theme="dark"] .ui-checkboxradio-label {
  background: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}

[data-theme="dark"] .ui-checkboxradio-label:hover {
  background: var(--theme-surface-2);
}

[data-theme="dark"] .ui-checkboxradio-checked {
  background: var(--theme-primary-2);
  color: #ffffff;
}

/* =========================================================
   ALERTIFY 1.6.1
   ========================================================= */

[data-theme="dark"] .alertify .ajs-dialog {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.55);
  border: 1px solid var(--theme-border);
}

[data-theme="dark"] .alertify .ajs-header {
  color: #ffffff;
  background: var(--theme-surface-2);
  border-bottom-color: var(--theme-border);
}

[data-theme="dark"] .alertify .ajs-body {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .alertify .ajs-body .ajs-content .ajs-input {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border-2);
}

[data-theme="dark"] .alertify .ajs-footer {
  background: var(--theme-surface-2);
  border-top-color: var(--theme-border);
}

[data-theme="dark"] .alertify .ajs-footer .ajs-buttons .ajs-button {
  color: #d1d5db;
}

[data-theme="dark"] .alertify .ajs-footer .ajs-buttons .ajs-button:hover {
  color: #ffffff;
}

[data-theme="dark"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #9dbbff;
}

[data-theme="dark"] .alertify-notifier .ajs-message {
  background: rgba(55, 57, 64, 0.97);
  color: #f1f3f5;
  border-color: var(--theme-border-2);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .alertify-notifier .ajs-message.ajs-success {
  color: #ffffff;
  background: rgba(25, 135, 84, 0.95);
}

[data-theme="dark"] .alertify-notifier .ajs-message.ajs-error {
  color: #ffffff;
  background: rgba(176, 48, 61, 0.95);
}

[data-theme="dark"] .alertify-notifier .ajs-message.ajs-warning {
  color: #ffe8a3;
  background: rgba(61, 48, 16, 0.97);
  border-color: #8a701c;
}

/* =========================================================
   OVERLAY / LOADERS
   ========================================================= */

[data-theme="dark"] #contenedor-loader {
  background-color: rgba(0, 0, 0, 0.7);
}

/* =========================================================
   TRANSICIÓN DEL TEMA
   ========================================================= */

html.theme-transition,
html.theme-transition body,
html.theme-transition body *,
html.theme-transition body *::before,
html.theme-transition body *::after {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease !important;
}

/* .section-card usa background:#fff fijo */
[data-theme="dark"] .section-card {
  background: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
}

/* Hover de botones que no quedaron en tu lista original */
[data-theme="dark"] .button-list:hover,
[data-theme="dark"] .button-impuesto:hover,
[data-theme="dark"] .button-list-add:hover,
[data-theme="dark"] .button-image:hover,
[data-theme="dark"] .button-form:hover,
[data-theme="dark"] .sm-tab:hover,
[data-theme="dark"] .button-tab:hover,
[data-theme="dark"] .sub-button-tab:hover {
  /* background: var(--theme-surface-2) !important; */
  color: #ffffff !important;
}

[data-theme="dark"] .button-list,
[data-theme="dark"] .button-impuesto,
[data-theme="dark"] .button-list-add,
[data-theme="dark"] .button-image,
[data-theme="dark"] .button-form,
[data-theme="dark"] .sm-tab,
[data-theme="dark"] .button-tab,
[data-theme="dark"] .sub-button-tab {
  background-color: var(--theme-surface);
  color: #c9cff2;
  border-color: var(--theme-border-2);
}

/* =========================================================
   FONDOS HOME MENU LATERAL Y CUADROS
========================================================= */

html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: transparent !important;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] header {
  background-color: var(--theme-bg) !important;
}

[data-theme="dark"] .background {
  background: var(--theme-bg) !important;
}

[data-theme="dark"] .smh-square,
[data-theme="dark"] .mdh-square {
  background: #2d3037 !important;
}

[data-theme="dark"] .background ul.squares li {
  background: #2d3037 !important;
}

[data-theme="dark"] #menu-icon,
[data-theme="dark"] .button-home {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .logo-color {
  filter: grayscale(100%) brightness(1900%) contrast(99%) !important;
}

[data-bs-theme="dark"] .theme-switch-bar,
.dark .theme-switch-bar {
  background-color: var(--theme-surface-3) !important;
}

[data-bs-theme="dark"] .theme-switch-glider,
.dark .theme-switch-glider {
  background-color: var(--theme-bg) !important;
}

[data-bs-theme="dark"] .theme-switch-btn.active,
.dark .theme-switch-btn.active {
  color: var(--theme-accent) !important;
}

/* =========================================================
   DATATABLES - TEMA OSCURO
   ========================================================= */

[data-theme="dark"] .dataTables_wrapper {
  color: var(--theme-text);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_processing,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-theme="dark"] .dataTables_wrapper .dataTables_length select {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border-2) !important;
  border-radius: 4px;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_filter input::placeholder {
  color: var(--theme-text-muted) !important;
}

[data-theme="dark"] table.dataTable {
  color: var(--theme-text) !important;
  background-color: transparent !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] table.dataTable thead th,
[data-theme="dark"] table.dataTable thead td {
  background-color: var(--theme-surface-2) !important;
  color: #dce1f5 !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] table.dataTable tbody td {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] table.dataTable tbody tr:nth-child(even) td {
  background-color: var(--theme-surface-2) !important;
}

[data-theme="dark"] table.dataTable tbody tr:hover td,
[data-theme="dark"] table.dataTable.hover tbody tr:hover td {
  background-color: #3a3d45 !important;
  color: #ffffff !important;
}

[data-theme="dark"] table.dataTable tbody tr.selected td,
[data-theme="dark"] table.dataTable tbody tr.selected:hover td {
  background-color: rgba(23, 23, 124, 0.55) !important;
  color: #ffffff !important;
}

[data-theme="dark"] table.dataTable.no-footer {
  border-bottom: 1px solid var(--theme-border) !important;
}

[data-theme="dark"] table.dataTable thead .sorting,
[data-theme="dark"] table.dataTable thead .sorting_asc,
[data-theme="dark"] table.dataTable thead .sorting_desc,
[data-theme="dark"] table.dataTable thead .sorting_asc_disabled,
[data-theme="dark"] table.dataTable thead .sorting_desc_disabled {
  color: #dce1f5 !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--theme-text-secondary) !important;
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
}

[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:hover {
  color: #ffffff !important;
  background: var(--theme-surface-3) !important;
  border-color: var(--theme-border-2) !important;
}

[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current,
[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current:hover {
  color: #ffffff !important;
  background: var(--theme-primary-2) !important;
  border-color: var(--theme-primary-2) !important;
}

[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled,
[data-theme="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled:hover {
  color: #777c8b !important;
  background: var(--theme-surface-2) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_processing {
  background: var(--theme-surface-2) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .dataTables_wrapper .dt-button,
[data-theme="dark"] .dataTables_wrapper .buttons-copy,
[data-theme="dark"] .dataTables_wrapper .buttons-excel,
[data-theme="dark"] .dataTables_wrapper .buttons-csv,
[data-theme="dark"] .dataTables_wrapper .buttons-pdf,
[data-theme="dark"] .dataTables_wrapper .buttons-print {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border-2) !important;
}

[data-theme="dark"] .dataTables_wrapper .dt-button:hover,
[data-theme="dark"] .dataTables_wrapper .buttons-copy:hover,
[data-theme="dark"] .dataTables_wrapper .buttons-excel:hover,
[data-theme="dark"] .dataTables_wrapper .buttons-csv:hover,
[data-theme="dark"] .dataTables_wrapper .buttons-pdf:hover,
[data-theme="dark"] .dataTables_wrapper .buttons-print:hover {
  background: var(--theme-surface-3) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .dt-info,
[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button {
  color: var(--theme-text) !important;
}

[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--theme-bg) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent) !important;
}

[data-theme="dark"] .boton-azul {
  background: var(--theme-surface-3) !important;
  color: var(--theme-text) !important;
}

[data-theme="dark"] #body-index {
  background: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

[data-theme="dark"] .label-login {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .input-login {
  background: var(--theme-surface-3);
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .icon-login {
  color: var(--theme-text) !important;
}

[data-theme="dark"] #logo-login {
  filter: grayscale(100%) brightness(1900%) contrast(99%) !important;
}

[data-theme="dark"] .body-right {
  background: #2d3037;
}

[data-theme="dark"] .sm-square,
[data-theme="dark"] .md-square,
[data-theme="dark"] .elipse-login {
  background: var(--theme-bg);
}

[data-theme="dark"] .line {
  background: var(--color-text-main);
}

[data-theme="dark"] .timeout-exit,
[data-theme="dark"] .text-main-exit {
  color: var(--color-text-main) !important;
}

[data-theme="dark"] .sub-button-tab.sub-tab-active {
  color: var(--theme-text) !important;
}

/* =========================================================
   SWEETALERT2
   ========================================================= */

/*
 * Popup principal
 */
.swal2-popup.swal-popup-custom {
  background: var(--swal-bg) !important;
  color: var(--swal-text) !important;

  border: 1px solid var(--swal-border);

  box-shadow: 0 15px 40px var(--swal-shadow);
}

/*
 * Título
 */
.swal2-popup.swal-popup-custom .swal2-title,
.swal2-popup.swal-popup-custom .sub-titulo {
  color: var(--swal-title) !important;
}

/*
 * Contenido HTML
 */
.swal2-popup.swal-popup-custom .swal2-html-container {
  color: var(--swal-text) !important;
}

/*
 * Texto normal que venga dentro del html:
 *
 * <strong>
 * <span>
 * <p>
 * etc.
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-html-container p,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-html-container span,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-html-container div {
  color: var(--swal-text);
}

/*
 * Iconos
 *
 * SweetAlert conserva sus colores semánticos.
 */
.swal2-popup.swal-popup-custom .swal2-icon.swal2-success {
  border-color: #28a745;
  color: #28a745;
}

.swal2-popup.swal-popup-custom .swal2-icon.swal2-error {
  border-color: #ed495c;
  color: #ed495c;
}

.swal2-popup.swal-popup-custom .swal2-icon.swal2-info {
  border-color: #17a2b8;
  color: #17a2b8;
}

.swal2-popup.swal-popup-custom .swal2-icon.swal2-warning {
  border-color: #a57025;
  color: #a57025;
}

/*
 * Botones
 *
 * Conservamos tus colores actuales.
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-confirm.btn-success {
  background-color: var(--theme-success) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-confirm.btn-info {
  background-color: var(--theme-info) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-confirm.btn-danger {
  background-color: var(--theme-danger) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-confirm.btn-primary {
  background-color: var(--theme-primary) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-cancel {
  background-color: var(--theme-danger) !important;
  color: #ffffff !important;
}

/*
 * Botones al pasar el mouse
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-confirm:hover,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-cancel:hover {
  filter: brightness(1.1);
}

/*
 * Input de SweetAlert
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-input,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-textarea,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-select {
  background-color: #20212d !important;
  color: #f1f3f5 !important;
  border-color: #414256 !important;
}

/*
 * Placeholder
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-input::placeholder,
[data-theme="dark"]
  .swal2-popup.swal-popup-custom
  .swal2-textarea::placeholder {
  color: #858a98 !important;
}

/*
 * Input focus
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-input:focus,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-textarea:focus,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-select:focus {
  border-color: #6872c0 !important;

  box-shadow: 0 0 0 3px rgba(104, 114, 192, 0.18) !important;
}

/*
 * Checkbox / radio
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-checkbox,
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-radio {
  color: #d1d5db;
}

/*
 * Validation message
 */
[data-theme="dark"] .swal2-popup.swal-popup-custom .swal2-validation-message {
  background: #401b1e !important;
  color: #ff9ba2 !important;
}

/*
 * Progress steps
 */
[data-theme="dark"]
  .swal2-popup.swal-popup-custom
  .swal2-progress-steps
  .swal2-progress-step {
  background: #17177c;
  color: #ffffff;
}

[data-theme="dark"]
  .swal2-popup.swal-popup-custom
  .swal2-progress-steps
  .swal2-progress-step-line {
  background: #414256;
}

/*
 * Backdrop
 */
[data-theme="dark"] .swal2-container.swal2-backdrop-show {
  background: rgba(0, 0, 0, 0.7) !important;
}