/* ==========================================================================
   NOTARIA-41 — LIMPIEZA DE CÓDIGO (FASE 9)
   Reemplaza reglas con !important por selectores de mayor especificidad.
   Este archivo se carga DESPUÉS de todos los CSS de módulo para
   sobrescribir limpiamente sin necesidad de !important.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. OVERRIDES GLOBALES — Contabilidad (el peor infractor)
   Se usa .content-wrapper .content para ganar especificidad sobre AdminLTE
   -------------------------------------------------------------------------- */

/* --- Botones contabilidad --- */
.content-wrapper .content .btn-warning,
.content-wrapper .content .finance-actions a,
.content-wrapper .content .btnEliminar {
  background-color: var(--app-primary);
  border-color: var(--app-primary-hover, #223140);
  color: #ffffff;
}
.content-wrapper .content .btn-warning:hover,
.content-wrapper .content .finance-actions a:hover,
.content-wrapper .content .btnEliminar:hover {
  background-color: var(--app-primary-hover, #223140);
  border-color: #243342;
  color: #ffffff;
}

/* --- Small boxes (KPIs) en Contabilidad --- */
.content-wrapper .content .small-box {
  background: var(--app-surface);
  border-radius: 12px;
  box-shadow: var(--app-card-shadow, 0 6px 18px rgba(0,0,0,0.08));
  color: var(--app-text);
  min-height: 145px;
}
.content-wrapper .content .small-box .inner {
  padding: 18px 16px 12px;
}
.content-wrapper .content .small-box .small-box-footer {
  background: var(--app-surface-2);
  border-top: 1px solid var(--app-border);
  color: var(--app-primary);
  font-weight: 800;
}
.content-wrapper .content .small-box .small-box-footer:hover {
  background: var(--app-active-bg, #edf2f7);
  color: var(--app-primary-hover, #223140);
}

/* --- Montos grid (finanzas v2) --- */
.content-wrapper .montos-grid > div {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 12px;
  box-shadow: var(--app-card-shadow, 0 12px 34px rgba(15, 23, 42, .06));
  color: var(--app-text);
  min-height: 118px;
}
.content-wrapper .montos-grid strong {
  color: var(--app-text);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}
.content-wrapper .montos-grid span {
  color: var(--app-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* --- Tablas de impresión contabilidad --- */
.content-wrapper .print-table {
  background: var(--app-surface);
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}
.content-wrapper .print-table thead th {
  background: var(--app-table-head, #f8fafc);
  border-bottom: 1px solid var(--app-border);
  color: var(--app-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 12px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.content-wrapper .print-table td {
  border-bottom: 1px solid var(--app-table-hover, #eef2f7);
  color: var(--app-text);
  padding: 12px;
  vertical-align: middle;
}

/* --- Selects de reportes --- */
.content-wrapper .reportes-container select {
  background: var(--app-input-bg);
  border: 1px solid var(--app-border);
  border-radius: 10px;
  box-shadow: none;
  color: var(--app-input-text);
  min-height: 40px;
  padding: 8px 11px;
}
.content-wrapper .reportes-container select:focus {
  border-color: var(--app-primary);
  box-shadow: 0 0 0 3px var(--app-focus-ring);
  outline: 0;
}

/* --- Card footer contabilidad --- */
.content-wrapper .content .card-footer {
  background: var(--app-surface);
  border-top: 1px solid var(--app-border);
  display: flex;
  padding: 16px;
}

/* --- Iconos de acción en tablas --- */
.content-wrapper .icon-action,
.content-wrapper .finance-v2-icon-btn {
  align-items: center;
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 9px;
  color: var(--app-text);
  display: inline-flex;
  justify-content: center;
  padding: 0;
  width: 34px;
  height: 34px;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.content-wrapper .icon-action:hover,
.content-wrapper .finance-v2-icon-btn:hover {
  background: var(--app-surface-2);
  border-color: var(--app-muted);
  color: var(--app-primary);
}

/* --- Cashbook primary action --- */
.content-wrapper .cashbook-primary-action {
  align-items: center;
  background: var(--app-primary);
  border: 0;
  border-radius: 10px;
  color: #ffffff;
  display: inline-flex;
  min-height: 46px;
  padding: 11px 16px;
  transition: background .15s ease, transform .15s ease;
  font-weight: 700;
  gap: 8px;
  cursor: pointer;
}
.content-wrapper .cashbook-primary-action:hover {
  background: var(--app-primary-hover, #223140);
  transform: translateY(-1px);
}

/* --- Cashbook paginación --- */
.content-wrapper .cashbook-v2 .paginate_button {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 8px;
  color: var(--app-primary);
  cursor: pointer;
  margin-left: 4px;
  padding: 6px 10px;
}
.content-wrapper .cashbook-v2 .paginate_button.current {
  background: var(--app-primary);
  border-color: var(--app-primary);
  color: #ffffff;
}
.content-wrapper .cashbook-v2 .paginate_button.disabled {
  background: var(--app-surface-2);
  border-color: var(--app-border);
  color: var(--app-muted);
  cursor: not-allowed;
}

/* --- Finance v2 toolbar --- */
.content-wrapper .content .finance-v2-toolbar a {
  background: var(--app-surface);
  border-color: var(--app-border);
  box-shadow: none;
  color: var(--app-text);
}
.content-wrapper .content .finance-v2-toolbar a:hover {
  background: var(--app-surface-2);
  border-color: var(--app-muted);
  color: var(--app-primary);
}

/* --- Finance v2 icon button --- */
.content-wrapper .content .finance-v2-icon-btn {
  background: var(--app-primary);
  border: 1px solid var(--app-primary-hover, #223140);
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(44, 62, 80, .24);
  color: #ffffff;
  font-weight: 800;
  width: auto;
  height: auto;
  padding: 8px 12px;
}
.content-wrapper .content .finance-v2-icon-btn:hover {
  background: var(--app-primary-hover, #223140);
  border-color: var(--app-primary-hover, #223140);
  box-shadow: 0 14px 30px rgba(44, 62, 80, .30);
  transform: translateY(-1px);
}

/* --- Finance v2 menu buttons --- */
.content-wrapper .content .finance-v2-menu > button {
  background: var(--app-surface);
  border-color: var(--app-border);
  box-shadow: none;
  color: var(--app-muted);
  transform: none;
}
.content-wrapper .content .finance-v2-menu > button:hover {
  background: var(--app-active-bg);
  border-color: var(--app-primary);
  color: var(--app-primary);
}

.content-wrapper .content .finance-v2-menu-list button {
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  color: var(--app-text);
  font-weight: 700;
  transform: none;
  padding: 7px 9px;
  min-height: 32px;
  text-align: left;
  width: 100%;
}
.content-wrapper .content .finance-v2-menu-list button:hover {
  background: var(--app-active-bg);
  color: var(--app-primary);
}
.content-wrapper .content .finance-v2-menu-list button[data-action*="eliminar"]:hover {
  background: var(--app-danger-bg);
  color: var(--app-danger-text);
}
.content-wrapper .content .finance-v2-menu-list button:disabled {
  box-shadow: none;
  transform: none;
  opacity: 0.5;
}

/* --- Modal submit buttons --- */
.content-wrapper .content .modal-content button[type="submit"]:not(.danger) {
  background: var(--app-primary);
  border-color: var(--app-primary-hover, #223140);
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(44, 62, 80, .22);
  color: #ffffff;
  font-weight: 800;
}
.content-wrapper .content .modal-content button[type="submit"]:not(.danger):hover {
  background: var(--app-primary-hover, #223140);
  box-shadow: 0 14px 30px rgba(44, 62, 80, .28);
}

/* --- Botones de acción modal --- */
.content-wrapper .modal-actions .danger {
  background: var(--app-danger-solid);
  border-color: var(--app-danger-text);
  color: #ffffff;
}
.content-wrapper .modal-actions .muted {
  background: var(--app-surface);
  border-color: var(--app-border);
  color: var(--app-text);
}
.content-wrapper .content .btn-rechazar {
  background: var(--app-danger-solid);
  border-color: var(--app-danger-text);
  box-shadow: 0 10px 22px rgba(220, 38, 38, .18);
  color: #ffffff;
}
.content-wrapper .content .btnEditar {
  background: var(--app-warning-solid);
  border-color: var(--app-warning-text);
  color: #111827;
}
.content-wrapper .content .btn-aceptar {
  background: var(--app-success-solid);
  border-color: var(--app-success-text);
  color: #ffffff;
}

/* --- Badge de estado --- */
.content-wrapper .estado-badge {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  color: var(--app-text);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* --- Alerta cards --- */
.content-wrapper .alerta-card strong {
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  padding: 5px 9px;
}
.content-wrapper .estado {
  background: var(--app-active-bg);
  color: var(--app-primary);
}

/* --- Finish form --- */
.content-wrapper .finish-form {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 12px;
  box-shadow: var(--app-card-shadow, 0 12px 34px rgba(15, 23, 42, .06));
  overflow: hidden;
}
.content-wrapper .finish-form button {
  align-items: center;
  background: var(--app-primary);
  border: 1px solid var(--app-primary-hover, #223140);
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(44, 62, 80, .20);
  color: #ffffff;
  display: inline-flex;
  font-weight: 800;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
  cursor: pointer;
}
.content-wrapper .finish-form button:hover {
  background: var(--app-primary-hover, #223140);
  box-shadow: 0 14px 30px rgba(44, 62, 80, .28);
  color: #ffffff;
  transform: translateY(-1px);
}

/* --- Botón close --- */
.content-wrapper .content button.close {
  background: var(--app-surface);
  border-color: var(--app-border);
  box-shadow: none;
  color: var(--app-text);
}

/* --- Alertas header --- */
.content-wrapper .alertas-header {
  align-items: center;
  background: var(--app-surface);
  border-bottom: 1px solid var(--app-border);
  color: var(--app-text);
  min-height: 52px;
  padding: 14px 16px;
}
.content-wrapper .alertas-header h2 {
  border-left: 0;
  color: var(--app-text);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
  padding-left: 0;
}

/* --- Tabla gastos hover --- */
.content-wrapper .tabla-gastos:hover {
  box-shadow: 0 18px 44px rgba(15, 23, 42, .09);
}

/* --- Resumen icon --- */
.content-wrapper .resumen-icon {
  color: var(--app-primary);
  opacity: .16;
}

/* --- Side KPI title --- */
.content-wrapper .side-kpi-title span {
  color: var(--app-primary);
}

/* --- Expense header meta --- */
.content-wrapper .expense-header-meta {
  border-left-color: var(--app-border);
}

/* --- Receipt table hover --- */
.content-wrapper .receipt-table tbody tr:hover {
  background: var(--app-table-hover);
}

/* --- Finance message --- */
.content-wrapper .finance-message {
  color: var(--app-muted);
}

/* --- Section title icon --- */
.content-wrapper .section-title i {
  color: var(--app-primary);
}

/* --------------------------------------------------------------------------
   2. OVERRIDES — Archivo
   -------------------------------------------------------------------------- */
.archivo-module #filtrosContainer .panel-body {
  padding: 5px;
}
.archivo-module .tipos-expediente .panel-body {
  padding: 5px;
}
.archivo-module .archivo-toggle-filtros {
  display: block;
}
.archivo-module .panel-heading.archivo-heading {
  background: transparent;
}

/* --------------------------------------------------------------------------
   3. OVERRIDES — Configuración / Colores
   -------------------------------------------------------------------------- */
.config-colores-wrapper .content-wrapper {
  background-color: var(--app-bg);
  border-left: 5px solid var(--app-primary);
}

/* --------------------------------------------------------------------------
   4. OVERRIDES — Compradores / Vendedores forms
   -------------------------------------------------------------------------- */
.comprador-form-wrapper,
.vendedor-form-wrapper {
  min-height: 110vh;
}

/* --------------------------------------------------------------------------
   5. OVERRIDES — Bancos / Scotia
   -------------------------------------------------------------------------- */
.scotiabank-module .datatable-scotia td {
  border-bottom: none;
  padding: 8px;
  font-size: 14px;
}
.scotiabank-module .celda-verde  { background-color: #d4edda; font-weight: 600; }
.scotiabank-module .celda-amarilla { background-color: #fff3cd; font-weight: 600; }
.scotiabank-module .celda-roja   { background-color: #f8d7da; font-weight: 600; }
.scotiabank-module .celda-morada { background-color: #e2d9f3; font-weight: 600; }
.scotiabank-module .celda-boleta { background-color: #c8e6c9; }

.scotiabank-module .modal-header.bg-primary { background-color: var(--app-primary); color: #fff; }
.scotiabank-module .modal-header.bg-warning { background-color: #f39c12; color: #fff; }
.scotiabank-module .modal-header.bg-info    { background-color: #17a2b8; color: #fff; }

/* --------------------------------------------------------------------------
   6. OVERRIDES — cambiar-password
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .cambiar-password-view .content-wrapper {
    margin-left: 0;
  }
}

/* --------------------------------------------------------------------------
   7. OVERRIDES — print (comprobante contable)
   -------------------------------------------------------------------------- */
@media print {
  .comprobante-print .content-wrapper .content {
    padding: 0;
    margin: 0;
    max-width: none;
    background: #ffffff;
  }
  .comprobante-print .content-header,
  .comprobante-print .main-footer {
    display: none;
  }
  .comprobante-print .main-footer {
    margin-left: 0;
    min-height: 0;
    padding: 0;
  }
  .comprobante-print .print-only {
    display: block;
  }
  .comprobante-print .comprobante-container {
    border: 1px solid #222;
    box-shadow: none;
    margin: 0;
    padding: 18px;
    border-radius: 0;
    background: #ffffff;
  }
  .comprobante-print .receipt-hero {
    background: #fff;
    border-bottom: 2px solid #222;
    margin: 0 0 14px;
    padding: 0 0 12px;
  }
  .comprobante-print .receipt-detail {
    border-color: #999;
    box-shadow: none;
    background: #ffffff;
    border-left: 1px solid #777;
  }
  .comprobante-print .receipt-metric strong {
    color: #111;
  }

  /* Accounting print sheet */
  .comprobante-print .accounting-print-sheet {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #111827;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
  }
  .comprobante-print .accounting-print-header {
    border: 1px solid #d6dce5;
    border-radius: 0;
  }
  .comprobante-print .accounting-print-document {
    border-color: #d6dce5;
  }
  .comprobante-print .accounting-print-brand h1 {
    color: #111827;
    font-size: 18pt;
  }
  .comprobante-print .accounting-print-status span {
    color: #374151;
  }
  .comprobante-print .accounting-print-document strong {
    color: #111827;
    font-size: 14pt;
  }
  .comprobante-print .accounting-print-status {
    background: #f3f4f6;
    border-left: 1px solid #d6dce5;
  }
  .comprobante-print .accounting-print-status.is-rejected,
  .comprobante-print .accounting-print-status.is-approved,
  .comprobante-print .accounting-print-status.is-finalized,
  .comprobante-print .accounting-print-status.is-partial {
    color: #111827;
    border-left-color: #d6dce5;
  }
  .comprobante-print .accounting-print-status strong {
    background: #e5e7eb;
    border: 1px solid #6b7280;
    border-radius: 3px;
    color: #111827;
    font-size: 10pt;
  }
  .comprobante-print .accounting-watermark {
    opacity: .04;
    font-size: 54pt;
  }
  .comprobante-print .accounting-doc-section h2 {
    border-bottom: 1px solid #d6dce5;
    font-size: 10pt;
  }
  .comprobante-print .accounting-summary-table td {
    background: #ffffff;
    border-bottom: 1px solid #d6dce5;
    font-size: 10pt;
    padding: 2.8mm 3mm;
  }
  .comprobante-print .accounting-summary-table .numeric {
    text-align: right;
    font-size: 11pt;
  }
  .comprobante-print .accounting-financial-section {
    border: 1px solid #d6dce5;
    border-radius: 0;
    padding: 5mm;
  }
  .comprobante-print .accounting-observations div {
    border-bottom: 1px solid #d6dce5;
    min-height: 32mm;
  }
  .comprobante-print .accounting-print-sheet .notice-box {
    border: 1px solid #d6dce5;
  }
}

/* --------------------------------------------------------------------------
   8. CLASES UTILITARIAS (reemplazan one-off !important)
   -------------------------------------------------------------------------- */

/* Display helpers */
.u-d-block  { display: block; }
.u-d-none   { display: none; }
.u-d-print-block { display: none; }
@media print {
  .u-d-print-block { display: block; }
  .u-d-print-none  { display: none; }
}

/* Margin / Padding resets */
.u-m-0  { margin: 0; }
.u-p-0  { padding: 0; }
.u-ml-0 { margin-left: 0; }

/* Background transparent */
.u-bg-transparent { background: transparent; }

/* Border none */
.u-border-0 { border: 0; }

/* Width full */
.u-w-full { width: 100%; }

/* Border radius reset */
.u-rounded-0 { border-radius: 0; }

/* Box shadow none */
.u-shadow-none { box-shadow: none; }

/* Text align */
.u-text-left   { text-align: left; }
.u-text-right  { text-align: right; }
.u-text-center { text-align: center; }

/* Vertical align */
.u-v-middle { vertical-align: middle; }

/* Min height */
.u-min-h-0 { min-height: 0; }

/* Max width none */
.u-max-w-none { max-width: none; }

/* --------------------------------------------------------------------------
   9. ESTABILIDAD DE TEMAS (HEADER, PERSONALIZADO Y CONTABILIDAD DARK)
   -------------------------------------------------------------------------- */

html[data-theme="custom"] {
  --app-background: var(--app-bg, #f4f6f9);
}

html[data-theme="custom"] body .wrapper {
  --app-primary: var(--color-header, #3c8dbc);
  --app-primary-hover: color-mix(in srgb, var(--color-header, #3c8dbc) 86%, #000000);
  --app-header: var(--color-header, #3c8dbc);
  --app-header-text: var(--color-header-text, #ffffff);
  --app-header-hover: var(--color-header-hover, rgba(255, 255, 255, 0.14));
  --app-sidebar: var(--color-sidebar, #222d32);
  --app-sidebar-text: var(--color-sidebar-text, #ecf0f1);
  --app-sidebar-muted: var(--color-sidebar-muted, #b8c7ce);
  --app-sidebar-hover: var(--color-sidebar-hover, rgba(255, 255, 255, 0.14));
  --app-sidebar-active: var(--color-sidebar-hover, rgba(255, 255, 255, 0.18));
  --app-sidebar-submenu: color-mix(in srgb, var(--color-sidebar, #222d32) 82%, #000000);
}

html[data-theme="custom"] body .wrapper .main-header,
html[data-theme="custom"] body .wrapper .main-header .navbar,
html[data-theme="custom"] body .wrapper .main-header .navbar .navbar-custom-menu,
html[data-theme="custom"] body .wrapper .main-header .logo {
  background: var(--app-header, #2c3e50) !important;
  color: var(--app-header-text) !important;
}

html[data-theme="custom"] body .wrapper .main-header {
  border-bottom-color: var(--app-header) !important;
  box-shadow: none !important;
}

html[data-theme="custom"] body .wrapper .main-header .navbar .sidebar-toggle,
html[data-theme="custom"] body .wrapper .main-header .navbar .nav > li > a,
html[data-theme="custom"] body .wrapper .main-header .logo,
html[data-theme="custom"] body .wrapper .main-header .logo:hover {
  color: var(--app-header-text) !important;
}

html[data-theme="custom"] body .wrapper .main-header .navbar .sidebar-toggle:hover,
html[data-theme="custom"] body .wrapper .main-header .navbar .nav > li > a:hover,
html[data-theme="custom"] body .wrapper .main-header .navbar .nav > li.open > a {
  background: var(--app-header-hover) !important;
  color: var(--app-header-text) !important;
}

html[data-theme="custom"] body .wrapper .main-sidebar,
html[data-theme="custom"] body .wrapper .sidebar,
html[data-theme="custom"] body .wrapper .sidebar-menu,
html[data-theme="custom"] body .wrapper .sidebar-menu > li > .treeview-menu {
  background: var(--app-sidebar) !important;
  color: var(--app-sidebar-text, #ecf0f1) !important;
}

html[data-theme="custom"] body .wrapper .sidebar-menu > li > a,
html[data-theme="custom"] body .wrapper .sidebar-menu > li > a > .fa,
html[data-theme="custom"] body .wrapper .treeview-menu > li > a {
  color: var(--app-sidebar-muted) !important;
}

html[data-theme="custom"] body .wrapper .sidebar-menu > li > a,
html[data-theme="custom"] body .wrapper .treeview-menu > li > a {
  border-radius: 10px !important;
  margin: 3px 8px !important;
}

html[data-theme="custom"] body .wrapper .treeview-menu > li > a {
  padding: 10px 5px 10px 24px !important;
}

html[data-theme="custom"] body .wrapper .sidebar-menu > li:hover > a,
html[data-theme="custom"] body .wrapper .sidebar-menu > li.active > a,
html[data-theme="custom"] body .wrapper .sidebar-menu > li.menu-open > a,
html[data-theme="custom"] body .wrapper .treeview-menu > li:hover > a,
html[data-theme="custom"] body .wrapper .treeview-menu > li.active > a {
  background: var(--app-sidebar-hover) !important;
  color: var(--app-sidebar-text) !important;
}

html[data-theme="custom"] body .wrapper .sidebar-menu > li:hover > a > .fa,
html[data-theme="custom"] body .wrapper .sidebar-menu > li.active > a > .fa,
html[data-theme="custom"] body .wrapper .sidebar-menu > li.menu-open > a > .fa {
  color: var(--app-sidebar-text) !important;
}

body .wrapper .sidebar-menu > li > a {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  min-height: 42px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-icon,
body .wrapper .sidebar-menu > li > a > i:first-child {
  flex: 0 0 20px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-align: center !important;
  width: 20px !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-title {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
body .wrapper .sidebar-menu > li > a > .pull-right-container {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 18px !important;
  float: none !important;
  height: 18px !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  position: static !important;
  width: 18px !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow > i,
body .wrapper .sidebar-menu > li > a > .pull-right-container > i {
  float: none !important;
  font-size: 12px !important;
  height: 14px !important;
  line-height: 14px !important;
  margin: 0 !important;
  position: static !important;
  transform-origin: center !important;
  width: 14px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .pull-right-container,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .fa-angle-left {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body .wrapper .sidebar-menu > li.menu-open > a > .sidebar-menu-arrow > i,
body .wrapper .sidebar-menu > li.active > a > .sidebar-menu-arrow > i,
body .wrapper .sidebar-menu > li.menu-open > a > .pull-right-container > i,
body .wrapper .sidebar-menu > li.active > a > .pull-right-container > i {
  transform: rotate(-90deg) !important;
}

body .wrapper .sidebar-menu > li > a:hover,
body .wrapper .treeview-menu > li > a:hover {
  transform: translateX(1px);
}

@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 50px !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    max-height: 34px !important;
    max-width: 34px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-sidebar {
    width: 50px !important;
    overflow: visible !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu {
    overflow: visible !important;
    width: 50px !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li {
    width: 50px !important;
    position: relative !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a {
    align-items: center !important;
    border-radius: 0 !important;
    display: flex !important;
    gap: 0 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 44px !important;
    padding: 0 !important;
    width: 50px !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .fa,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .glyphicon,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .ion,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-icon {
    display: block !important;
    flex: 0 0 50px !important;
    font-size: 16px !important;
    line-height: 44px !important;
    margin: 0 !important;
    text-align: center !important;
    width: 50px !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .pull-right-container,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .fa-angle-left {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .pull-right-container,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .fa-angle-left {
    display: none !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-title,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > span:not(.pull-right):not(.sidebar-menu-arrow),
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
    align-items: center !important;
    border-radius: 0 12px 0 0 !important;
    box-shadow: none !important;
    display: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 44px !important;
    left: 50px !important;
    line-height: 20px !important;
    margin-left: 0 !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    position: absolute !important;
    top: 0 !important;
    width: 230px !important;
    z-index: 905 !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > .treeview-menu,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > .treeview-menu {
    border-radius: 0 0 10px 0 !important;
    box-shadow: 10px 16px 28px rgba(0, 0, 0, 0.22) !important;
    display: none !important;
    left: 50px !important;
    margin: 0 !important;
    padding: 8px 0 10px !important;
    position: absolute !important;
    top: 44px !important;
    width: 230px !important;
    z-index: 904 !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow),
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
    display: flex !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > .treeview-menu > li > a {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 18px 10px 26px !important;
    width: 230px !important;
  }

  html[data-theme="custom"] body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  html[data-theme="custom"] body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow),
  html[data-theme="custom"] body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > .treeview-menu {
    background: var(--app-sidebar) !important;
    color: var(--app-sidebar-text) !important;
  }

  html[data-theme="custom"] body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  html[data-theme="custom"] body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
    border-bottom: 1px solid var(--app-sidebar-hover) !important;
  }
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
  display: block !important;
  margin: 0 auto !important;
  max-height: 34px !important;
  max-width: 34px !important;
  object-fit: contain !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-icon,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > i:first-child {
  display: block !important;
  flex: 0 0 50px !important;
  font-size: 16px !important;
  line-height: 44px !important;
  margin: 0 !important;
  text-align: center !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .pull-right-container,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .fa-angle-left {
  display: none !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
  align-items: center !important;
  display: flex !important;
  font-weight: 700 !important;
  justify-content: flex-start !important;
  left: 50px !important;
  margin-left: 0 !important;
  padding: 0 18px !important;
  width: 230px !important;
  z-index: 905 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > .treeview-menu {
  left: 50px !important;
  margin: 0 !important;
  top: 0 !important;
  width: 230px !important;
  z-index: 904 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
  align-items: center !important;
  display: flex !important;
  float: left !important;
  height: 50px !important;
  justify-content: center !important;
  line-height: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
  padding: 0 !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .navbar {
  margin-left: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 32px !important;
  max-width: 32px !important;
  object-fit: contain !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-sidebar {
  transform: translate(0, 0) !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .content-wrapper,
body.sidebar-mini.sidebar-collapse .wrapper .main-footer {
  margin-left: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li {
  overflow: visible !important;
  width: 50px !important;
}

@media (max-width: 767px) {
  body.sidebar-mini.sidebar-open .wrapper .main-header .logo {
    width: 100% !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .main-header .navbar {
    margin-left: 0 !important;
    width: 100% !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .main-sidebar {
    transform: translate(0, 0) !important;
    width: 230px !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .content-wrapper,
  body.sidebar-mini.sidebar-open .wrapper .main-footer {
    margin-left: 0 !important;
    transform: translate(230px, 0) !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu,
  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu > li {
    width: 230px !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu > li > a {
    display: flex !important;
    width: auto !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu > li > a > .sidebar-menu-title {
    display: block !important;
  }

  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
  body.sidebar-mini.sidebar-open .wrapper .sidebar-menu > li > a > .pull-right-container {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .main-header {
    max-height: 50px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .main-header .logo {
    align-items: center !important;
    display: flex !important;
    float: left !important;
    height: 50px !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 64px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .main-header .logo img {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    max-height: 34px !important;
    max-width: 34px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .main-header .navbar {
    margin-left: 64px !important;
    min-height: 50px !important;
    width: auto !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .main-sidebar {
    min-height: 100% !important;
    overflow: visible !important;
    padding-top: 50px !important;
    transform: translate(0, 0) !important;
    width: 64px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .content-wrapper,
  body.sidebar-mini:not(.sidebar-open) .wrapper .main-footer {
    margin-left: 64px !important;
    transform: none !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li {
    overflow: visible !important;
    width: 64px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a {
    align-items: center !important;
    border-radius: 0 !important;
    display: flex !important;
    gap: 0 !important;
    height: 45px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 45px !important;
    padding: 0 !important;
    width: 64px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > .sidebar-menu-icon,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > i:first-child {
    display: block !important;
    flex: 0 0 64px !important;
    font-size: 16px !important;
    line-height: 45px !important;
    margin: 0 !important;
    text-align: center !important;
    width: 64px !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > .pull-right-container,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > .fa-angle-left {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > .sidebar-menu-title,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
    display: none !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li:hover > a > .sidebar-menu-title,
  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow) {
    align-items: center !important;
    background: var(--app-sidebar) !important;
    border-radius: 0 12px 0 0 !important;
    box-shadow: 10px 12px 26px rgba(0, 0, 0, 0.22) !important;
    color: var(--app-sidebar-text) !important;
    display: flex !important;
    font-weight: 700 !important;
    height: 45px !important;
    left: 64px !important;
    padding: 0 18px !important;
    position: absolute !important;
    top: 0 !important;
    width: 230px !important;
    z-index: 905 !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li:hover > .treeview-menu {
    background: var(--app-sidebar) !important;
    border-radius: 0 0 12px 0 !important;
    box-shadow: 10px 16px 28px rgba(0, 0, 0, 0.22) !important;
    display: block !important;
    left: 64px !important;
    margin: 0 !important;
    padding: 8px 0 10px !important;
    position: absolute !important;
    top: 45px !important;
    width: 230px !important;
    z-index: 904 !important;
  }

  body.sidebar-mini:not(.sidebar-open) .wrapper .sidebar-menu > li:hover > .treeview-menu > li > a {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 18px 10px 26px !important;
    width: 230px !important;
  }
}

html[data-theme="dark"] {
  --app-background: #202123;
  --app-bg: #202123;
  --app-surface: #2a2b2f;
  --app-surface-2: #303136;
  --app-surface-3: #383a40;
  --app-text: #f3f4f6;
  --app-text-secondary: #d8dbe2;
  --app-muted: #b8bcc7;
  --app-border: rgba(255, 255, 255, 0.075);
  --app-border-light: rgba(255, 255, 255, 0.11);
  --app-header: #242528;
  --app-sidebar: #17181b;
  --app-sidebar-submenu: #1c1d20;
  --app-sidebar-hover: rgba(255, 255, 255, 0.075);
  --app-sidebar-active: rgba(255, 255, 255, 0.11);
  --app-sidebar-text: #f4f5f7;
  --app-sidebar-muted: #c1c5ce;
  --app-sidebar-border: rgba(255, 255, 255, 0.065);
  --app-sidebar-header: rgba(193, 197, 206, 0.68);
  --app-sidebar-user-panel: #1c1d20;
  --app-input-bg: #282a2e;
  --app-input-text: #f3f4f6;
  --app-input-border: rgba(255, 255, 255, 0.12);
  --app-table-head: #34363b;
  --app-table-row: #2f3035;
  --app-table-row-alt: #2b2c31;
  --app-table-hover: #3a3c42;
  --app-card-shadow: 0 16px 34px rgba(0, 0, 0, 0.26);
  --app-elevated-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] body .wrapper .main-header,
html[data-theme="dark"] body .wrapper .main-header .navbar,
html[data-theme="dark"] body .wrapper .main-header .navbar .navbar-custom-menu {
  background: var(--app-header) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] body .wrapper .main-header .logo {
  background: #1b1c1f !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] body .wrapper .main-sidebar {
  background: var(--app-sidebar) !important;
  border-right-color: var(--app-sidebar-border) !important;
}

html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .right-side {
  background: var(--app-background) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content,
html[data-theme="dark"] .content-wrapper .box-body,
html[data-theme="dark"] .content-wrapper .tab-content {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .box,
html[data-theme="dark"] .content-wrapper .box-header,
html[data-theme="dark"] .content-wrapper .box-footer,
html[data-theme="dark"] .content-wrapper .panel,
html[data-theme="dark"] .content-wrapper .panel-body,
html[data-theme="dark"] .content-wrapper .well,
html[data-theme="dark"] .content-wrapper .nav-tabs-custom,
html[data-theme="dark"] .content-wrapper .nav-tabs-custom > .tab-content,
html[data-theme="dark"] .content-wrapper .cashbook-v2-header,
html[data-theme="dark"] .content-wrapper .cashbook-panel,
html[data-theme="dark"] .content-wrapper .cashbook-table-panel,
html[data-theme="dark"] .content-wrapper .finance-v2-header,
html[data-theme="dark"] .content-wrapper .finance-v2-card,
html[data-theme="dark"] .content-wrapper .finance-v2-sidebar,
html[data-theme="dark"] .content-wrapper .finance-v2-main,
html[data-theme="dark"] .content-wrapper .finance-v2-create,
html[data-theme="dark"] .content-wrapper .finance-v2-account,
html[data-theme="dark"] .content-wrapper .notary-v2-header,
html[data-theme="dark"] .content-wrapper .notary-filter-card,
html[data-theme="dark"] .content-wrapper .notary-kpi,
html[data-theme="dark"] .content-wrapper .notary-table-card,
html[data-theme="dark"] .content-wrapper .notary-chart-card,
html[data-theme="dark"] .content-wrapper .chart-card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
  box-shadow: var(--app-card-shadow) !important;
}

html[data-theme="dark"] .content-wrapper .cashbook-kpi,
html[data-theme="dark"] .content-wrapper .cashbook-today,
html[data-theme="dark"] .content-wrapper .cashbook-meta,
html[data-theme="dark"] .content-wrapper .cashbook-report-filter,
html[data-theme="dark"] .content-wrapper .finance-v2-mini-grid > div,
html[data-theme="dark"] .content-wrapper .finance-v2-period,
html[data-theme="dark"] .content-wrapper .finance-v2-metric,
html[data-theme="dark"] .content-wrapper .notary-filter-status,
html[data-theme="dark"] .content-wrapper .notary-search-box,
html[data-theme="dark"] .content-wrapper .notary-summary-card,
html[data-theme="dark"] .content-wrapper .small-box {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .cashbook-panel-header,
html[data-theme="dark"] .content-wrapper .finance-v2-section-header,
html[data-theme="dark"] .content-wrapper .notary-table-header,
html[data-theme="dark"] .content-wrapper .box-header,
html[data-theme="dark"] .content-wrapper .panel-heading {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper h1,
html[data-theme="dark"] .content-wrapper h2,
html[data-theme="dark"] .content-wrapper h3,
html[data-theme="dark"] .content-wrapper h4,
html[data-theme="dark"] .content-wrapper h5,
html[data-theme="dark"] .content-wrapper h6,
html[data-theme="dark"] .content-wrapper label,
html[data-theme="dark"] .content-wrapper strong,
html[data-theme="dark"] .content-wrapper th,
html[data-theme="dark"] .content-wrapper .box-title,
html[data-theme="dark"] .content-wrapper .cashbook-kpi-value,
html[data-theme="dark"] .content-wrapper .cashbook-panel-header strong,
html[data-theme="dark"] .content-wrapper .finance-v2-account strong,
html[data-theme="dark"] .content-wrapper .finance-v2-header h1,
html[data-theme="dark"] .content-wrapper .notary-v2-title {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper p,
html[data-theme="dark"] .content-wrapper span,
html[data-theme="dark"] .content-wrapper small,
html[data-theme="dark"] .content-wrapper td,
html[data-theme="dark"] .content-wrapper .text-muted,
html[data-theme="dark"] .content-wrapper .cashbook-kpi-label,
html[data-theme="dark"] .content-wrapper .cashbook-code,
html[data-theme="dark"] .content-wrapper .finance-v2-muted,
html[data-theme="dark"] .content-wrapper .notary-muted {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .content-wrapper input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .content-wrapper select,
html[data-theme="dark"] .content-wrapper textarea,
html[data-theme="dark"] .content-wrapper .form-control,
html[data-theme="dark"] .content-wrapper .select2-selection,
html[data-theme="dark"] .content-wrapper .dataTables_filter input,
html[data-theme="dark"] .content-wrapper .dataTables_length select {
  background: var(--app-input-bg) !important;
  border-color: var(--app-input-border) !important;
  color: var(--app-input-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .content-wrapper input::placeholder,
html[data-theme="dark"] .content-wrapper textarea::placeholder {
  color: #a9aeb8 !important;
}

html[data-theme="dark"] .content-wrapper .table,
html[data-theme="dark"] .content-wrapper table.dataTable {
  background: var(--app-table-row) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .table > thead > tr > th,
html[data-theme="dark"] .content-wrapper table.dataTable thead th,
html[data-theme="dark"] .content-wrapper table.dataTable thead td {
  background: var(--app-table-head) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

html[data-theme="dark"] .content-wrapper .table > tbody > tr,
html[data-theme="dark"] .content-wrapper table.dataTable tbody tr {
  background: var(--app-table-row) !important;
}

html[data-theme="dark"] .content-wrapper .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .content-wrapper table.dataTable.stripe tbody tr.odd,
html[data-theme="dark"] .content-wrapper table.dataTable.display tbody tr.odd {
  background: var(--app-table-row-alt) !important;
}

html[data-theme="dark"] .content-wrapper .table-hover > tbody > tr:hover,
html[data-theme="dark"] .content-wrapper table.dataTable.hover tbody tr:hover,
html[data-theme="dark"] .content-wrapper table.dataTable.display tbody tr:hover {
  background: var(--app-table-hover) !important;
}

html[data-theme="dark"] .content-wrapper .table > tbody > tr > td,
html[data-theme="dark"] .content-wrapper .table > tbody > tr > th,
html[data-theme="dark"] .content-wrapper table.dataTable tbody td,
html[data-theme="dark"] .content-wrapper table.dataTable tbody th {
  border-color: var(--app-border) !important;
  color: var(--app-text-secondary) !important;
}

html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_length,
html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_paginate {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .content-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--app-surface-3) !important;
  border-color: var(--app-border-light) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .content-wrapper .content select,
html[data-theme="dark"] .content-wrapper .content textarea,
html[data-theme="dark"] .content-wrapper .content .cashbook-v2-form input.form-control,
html[data-theme="dark"] .content-wrapper .content .cashbook-report-filter input[type="date"],
html[data-theme="dark"] .content-wrapper .content .finance-v2-period select,
html[data-theme="dark"] .content-wrapper .content .finance-v2-period input,
html[data-theme="dark"] .content-wrapper .content .finance-v2-create-form input,
html[data-theme="dark"] .content-wrapper .content .finance-v2-create-form select,
html[data-theme="dark"] .content-wrapper .content .filtro-input,
html[data-theme="dark"] .content-wrapper .content .filtro-select,
html[data-theme="dark"] .content-wrapper .content .filtro-card input,
html[data-theme="dark"] .content-wrapper .content .expense-form-grid input,
html[data-theme="dark"] .content-wrapper .content .expense-form-grid select,
html[data-theme="dark"] .content-wrapper .content .expense-form-grid textarea,
html[data-theme="dark"] .content-wrapper .content .titular-container input,
html[data-theme="dark"] .content-wrapper .content .titular-container select,
html[data-theme="dark"] .content-wrapper .content .reportes-container input,
html[data-theme="dark"] .content-wrapper .content .reportes-container select {
  background: var(--app-input-bg) !important;
  background-color: var(--app-input-bg) !important;
  border-color: var(--app-input-border) !important;
  color: var(--app-input-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .cashbook-kpi-icon,
html[data-theme="dark"] .content-wrapper .content .notary-kpi-icon {
  background: var(--app-surface-3) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2 {
  --fd-bg: var(--app-background);
  --fd-card: var(--app-surface);
  --fd-soft: var(--app-surface-2);
  --fd-border: var(--app-border);
  --fd-text: var(--app-text);
  --fd-muted: var(--app-muted);
}

html[data-theme="dark"] .content-wrapper .content .notary-v2,
html[data-theme="dark"] .content-wrapper .content .dashboard-container {
  background: var(--app-background) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-kpi,
html[data-theme="dark"] .content-wrapper .content .finance-v2-card,
html[data-theme="dark"] .content-wrapper .content .finance-v2-header,
html[data-theme="dark"] .content-wrapper .content .finance-v2-sidebar,
html[data-theme="dark"] .content-wrapper .content .finance-v2-main,
html[data-theme="dark"] .content-wrapper .content .finance-v2-period,
html[data-theme="dark"] .content-wrapper .notary-v2-user,
html[data-theme="dark"] .content-wrapper .content .notary-v2-user,
html[data-theme="dark"] .content-wrapper .content .notary-state-chip,
html[data-theme="dark"] .content-wrapper .dashboard-header,
html[data-theme="dark"] .content-wrapper .content .dashboard-header,
html[data-theme="dark"] .content-wrapper .content .contabilidad-form-card,
html[data-theme="dark"] .content-wrapper .content .contabilidad-form-card .card-header,
html[data-theme="dark"] .content-wrapper .content .contabilidad-form-card .card-body,
html[data-theme="dark"] .content-wrapper .content .content-box {
  background: var(--app-surface) !important;
  background-color: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-table,
html[data-theme="dark"] .content-wrapper .content .notary-table,
html[data-theme="dark"] .content-wrapper .content .cashbook-table {
  background: var(--app-table-row) !important;
  background-color: var(--app-table-row) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-table thead th,
html[data-theme="dark"] .content-wrapper .content .notary-table thead th,
html[data-theme="dark"] .content-wrapper .content .cashbook-table thead th {
  background: var(--app-table-head) !important;
  background-color: var(--app-table-head) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-table tbody tr,
html[data-theme="dark"] .content-wrapper .content .notary-table tbody tr,
html[data-theme="dark"] .content-wrapper .content .cashbook-table tbody tr {
  background: var(--app-table-row) !important;
  background-color: var(--app-table-row) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-table td,
html[data-theme="dark"] .content-wrapper .content .notary-table td,
html[data-theme="dark"] .content-wrapper .content .cashbook-table td {
  border-color: var(--app-border) !important;
  color: var(--app-text-secondary) !important;
}

html[data-theme="dark"] .content-wrapper .content .finance-v2-layout,
html[data-theme="dark"] .content-wrapper .content .finance-v2-kpis,
html[data-theme="dark"] .content-wrapper .content .dashboard-container .row,
html[data-theme="dark"] .content-wrapper .content .dashboard-container [class*="col-"] {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .notary-empty-state,
html[data-theme="dark"] .content-wrapper .content .notary-empty-state {
  background: var(--app-surface-2) !important;
  background-color: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-muted) !important;
}

/* --------------------------------------------------------------------------
   10. SIDEBAR FINAL UX OVERRIDES
   -------------------------------------------------------------------------- */

body .wrapper .sidebar-menu > li > a {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-icon {
  flex: 0 0 20px !important;
  font-size: 15px !important;
  margin: 0 !important;
  text-align: center !important;
  width: 20px !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 18px !important;
  float: none !important;
  height: 18px !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  position: static !important;
  width: 18px !important;
}

body .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow > i {
  float: none !important;
  font-size: 12px !important;
  line-height: 14px !important;
  margin: 0 !important;
  position: static !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
  align-items: center !important;
  display: flex !important;
  float: left !important;
  height: 50px !important;
  justify-content: center !important;
  line-height: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
  padding: 0 !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 32px !important;
  max-width: 32px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .navbar {
  margin-left: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-sidebar,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li {
  overflow: visible !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a {
  align-items: center !important;
  border-radius: 0 !important;
  display: flex !important;
  gap: 0 !important;
  height: 44px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 44px !important;
  padding: 0 !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-icon {
  flex: 0 0 50px !important;
  font-size: 16px !important;
  line-height: 44px !important;
  text-align: center !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-arrow,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .pull-right-container,
body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .fa-angle-left {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview:hover > a > .sidebar-menu-title {
  display: none !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:not(.treeview):hover > a > .sidebar-menu-title {
  align-items: center !important;
  background: var(--app-sidebar) !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 10px 14px 28px rgba(0, 0, 0, 0.22) !important;
  color: var(--app-sidebar-text) !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  height: 44px !important;
  left: 50px !important;
  padding: 0 18px !important;
  position: absolute !important;
  top: 0 !important;
  width: 230px !important;
  z-index: 905 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview:hover > .treeview-menu {
  background: var(--app-sidebar) !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 10px 16px 30px rgba(0, 0, 0, 0.24) !important;
  display: block !important;
  left: 50px !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  position: absolute !important;
  top: 0 !important;
  width: 230px !important;
  z-index: 904 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview > .treeview-menu {
  top: 0 !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview:hover > .treeview-menu::before {
  align-items: center;
  border-bottom: 1px solid var(--app-sidebar-hover, rgba(255,255,255,0.12));
  color: var(--app-sidebar-text, #ffffff);
  content: attr(data-menu-title);
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 44px;
  padding: 0 18px;
  white-space: nowrap;
}

body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview:hover > .treeview-menu > li > a {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 10px 18px 10px 26px !important;
  width: 230px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
  max-width: 50px !important;
  min-width: 50px !important;
  position: relative !important;
  width: 50px !important;
}

body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
  display: block !important;
  height: 32px !important;
  left: 50% !important;
  margin: 0 !important;
  max-height: 32px !important;
  max-width: 32px !important;
  object-fit: contain !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 32px !important;
}

/* Dark theme contrast for pastel chips and status pills. */
html[data-theme="dark"] .content-wrapper .product-chip,
html[data-theme="dark"] .content-wrapper .badge-protocolo,
html[data-theme="dark"] .content-wrapper .badge-info {
  background: rgba(96, 165, 250, .18) !important;
  border-color: rgba(147, 197, 253, .34) !important;
  color: #dbeafe !important;
}

html[data-theme="dark"] .content-wrapper .badge-tipo,
html[data-theme="dark"] .content-wrapper .badge-success,
html[data-theme="dark"] .content-wrapper .label-success {
  background: rgba(74, 222, 128, .16) !important;
  border-color: rgba(134, 239, 172, .34) !important;
  color: #dcfce7 !important;
}

html[data-theme="dark"] .content-wrapper .estado-completado,
html[data-theme="dark"] .content-wrapper .finance-v2-badge.is-paid,
html[data-theme="dark"] .content-wrapper .cashbook-kpi-balance.is-positive .cashbook-kpi-icon {
  background: rgba(74, 222, 128, .16) !important;
  border-color: rgba(134, 239, 172, .34) !important;
  color: #dcfce7 !important;
}

html[data-theme="dark"] .content-wrapper .estado-pendiente,
html[data-theme="dark"] .content-wrapper .cashbook-kpi-balance.is-negative .cashbook-kpi-icon,
html[data-theme="dark"] .content-wrapper .badge-danger,
html[data-theme="dark"] .content-wrapper .label-danger {
  background: rgba(248, 113, 113, .16) !important;
  border-color: rgba(252, 165, 165, .34) !important;
  color: #fecaca !important;
}

html[data-theme="dark"] .content-wrapper .estado-tramite,
html[data-theme="dark"] .content-wrapper .finance-v2-badge.is-pending,
html[data-theme="dark"] .content-wrapper .badge-warning,
html[data-theme="dark"] .content-wrapper .label-warning {
  background: rgba(251, 191, 36, .16) !important;
  border-color: rgba(252, 211, 77, .34) !important;
  color: #fde68a !important;
}

html[data-theme="dark"] .content-wrapper .estado-no-aplica,
html[data-theme="dark"] .content-wrapper .finance-v2-badge.is-cancelled,
html[data-theme="dark"] .content-wrapper .badge-default,
html[data-theme="dark"] .content-wrapper .label-default {
  background: rgba(148, 163, 184, .14) !important;
  border-color: rgba(203, 213, 225, .24) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .content-wrapper .badge,
html[data-theme="dark"] .content-wrapper .label,
html[data-theme="dark"] .content-wrapper [class*="badge"],
html[data-theme="dark"] .content-wrapper [class*="chip"],
html[data-theme="dark"] .content-wrapper [class*="pill"] {
  text-shadow: none !important;
}

/* Dark theme: administrative modules with page-level hardcoded light colors. */
html[data-theme="dark"] .content-wrapper .box,
html[data-theme="dark"] .content-wrapper .box-body,
html[data-theme="dark"] .content-wrapper .card,
html[data-theme="dark"] .content-wrapper .card-body,
html[data-theme="dark"] .content-wrapper .card-footer,
html[data-theme="dark"] .content-wrapper .panel,
html[data-theme="dark"] .content-wrapper .panel-body,
html[data-theme="dark"] .content-wrapper .well,
html[data-theme="dark"] .content-wrapper .table-responsive,
html[data-theme="dark"] .content-wrapper .container-fluid,
html[data-theme="dark"] .cotizacion-historial,
html[data-theme="dark"] .historial-tabla-wrap,
html[data-theme="dark"] .testamentos-listado .summary-card,
html[data-theme="dark"] .testamento-detalle .summary-card,
html[data-theme="dark"] .testamento-info-item,
html[data-theme="dark"] .document-card,
html[data-theme="dark"] .expedientes-header,
html[data-theme="dark"] .exp-filter-panel,
html[data-theme="dark"] .exp-card,
html[data-theme="dark"] .exp-no-results,
html[data-theme="dark"] .exp-loading,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .exp-side-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .amount-card,
html[data-theme="dark"] .collapse-card,
html[data-theme="dark"] .estatus-broker-card,
html[data-theme="dark"] .archivo-module .instrumento-info,
html[data-theme="dark"] .archivo-module .expediente-card,
html[data-theme="dark"] .archivo-module .expediente-card-header,
html[data-theme="dark"] .archivo-module .expediente-table-wrap,
html[data-theme="dark"] .archivo-module .expediente-table,
html[data-theme="dark"] .card-operacion,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .qr-card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .abogados-wrap,
html[data-theme="dark"] .ver-exp-wrap {
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper h1,
html[data-theme="dark"] .content-wrapper h2,
html[data-theme="dark"] .content-wrapper h3,
html[data-theme="dark"] .content-wrapper h4,
html[data-theme="dark"] .content-wrapper h5,
html[data-theme="dark"] .content-wrapper .title-operacion,
html[data-theme="dark"] .content-wrapper .card-title,
html[data-theme="dark"] .content-wrapper .summary-title h3,
html[data-theme="dark"] .content-wrapper .section-title,
html[data-theme="dark"] .content-wrapper .exp-title,
html[data-theme="dark"] .content-wrapper .expediente-title,
html[data-theme="dark"] .content-wrapper .tabla-titulo,
html[data-theme="dark"] .content-wrapper .producto-historial,
html[data-theme="dark"] .content-wrapper .historial-header h3,
html[data-theme="dark"] .content-wrapper .historial-pagina-actual,
html[data-theme="dark"] .content-wrapper .person-card h4,
html[data-theme="dark"] .content-wrapper .document-card h5,
html[data-theme="dark"] .content-wrapper .testamento-info-item strong,
html[data-theme="dark"] .content-wrapper .summary-card strong,
html[data-theme="dark"] .content-wrapper .exp-side-row strong {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper p,
html[data-theme="dark"] .content-wrapper small,
html[data-theme="dark"] .content-wrapper .text-muted,
html[data-theme="dark"] .content-wrapper .subtitle-operacion,
html[data-theme="dark"] .content-wrapper .card-operacion span,
html[data-theme="dark"] .content-wrapper .historial-header p,
html[data-theme="dark"] .content-wrapper .historial-resumen,
html[data-theme="dark"] .content-wrapper .valores-historial,
html[data-theme="dark"] .content-wrapper .summary-title p,
html[data-theme="dark"] .content-wrapper .testamento-info-item span,
html[data-theme="dark"] .content-wrapper .document-card p,
html[data-theme="dark"] .content-wrapper .expedientes-header p,
html[data-theme="dark"] .content-wrapper .exp-meta,
html[data-theme="dark"] .content-wrapper .exp-label,
html[data-theme="dark"] .content-wrapper .dba-help,
html[data-theme="dark"] .content-wrapper .summary-card span,
html[data-theme="dark"] .content-wrapper .exp-side-row span {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .content-wrapper label,
html[data-theme="dark"] .content-wrapper .exp-value,
html[data-theme="dark"] .content-wrapper .info-label,
html[data-theme="dark"] .content-wrapper .info-value,
html[data-theme="dark"] .content-wrapper .filtro-item label,
html[data-theme="dark"] .content-wrapper .exp-filter-panel label,
html[data-theme="dark"] .archivo-module .titulo-filtros {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .form-control,
html[data-theme="dark"] .content-wrapper input,
html[data-theme="dark"] .content-wrapper select,
html[data-theme="dark"] .content-wrapper textarea,
html[data-theme="dark"] .archivo-module #filtrosContainer .form-control,
html[data-theme="dark"] .archivo-module .tipos-expediente .filtroExpedienteEtapa,
html[data-theme="dark"] .archivo-module .expediente-table .form-control,
html[data-theme="dark"] .historial-filtros .form-control,
html[data-theme="dark"] .exp-filter-panel .form-control,
html[data-theme="dark"] .dba-form .form-control,
html[data-theme="dark"] .abogados-form .form-control {
  background: var(--app-input-bg) !important;
  border-color: var(--app-border) !important;
  color: var(--app-input-text) !important;
}

html[data-theme="dark"] .content-wrapper .table,
html[data-theme="dark"] .content-wrapper table,
html[data-theme="dark"] .archivo-module table.tabla-datos,
html[data-theme="dark"] .archivo-module .expediente-table,
html[data-theme="dark"] .historial-tabla,
html[data-theme="dark"] .testamento-table {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .table > thead > tr > th,
html[data-theme="dark"] .content-wrapper .table > tbody > tr > th,
html[data-theme="dark"] .content-wrapper .table > tbody > tr > td,
html[data-theme="dark"] .content-wrapper table > thead > tr > th,
html[data-theme="dark"] .content-wrapper table > tbody > tr > td,
html[data-theme="dark"] .archivo-module table.tabla-datos th,
html[data-theme="dark"] .archivo-module table.tabla-datos td,
html[data-theme="dark"] .archivo-module .expediente-table tbody td,
html[data-theme="dark"] .testamento-table th {
  background-color: transparent !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .table > thead > tr > th,
html[data-theme="dark"] .content-wrapper table > thead > tr > th,
html[data-theme="dark"] .archivo-module .expediente-table thead th,
html[data-theme="dark"] .archivo-module table.tabla-datos th,
html[data-theme="dark"] .historial-tabla thead th,
html[data-theme="dark"] .testamento-table th {
  background: var(--app-surface-3) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .content-wrapper .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .content-wrapper .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] .archivo-module table.tabla-datos tr:nth-child(even),
html[data-theme="dark"] .archivo-module .expediente-table tbody tr:nth-child(even) {
  background: var(--app-surface-2) !important;
}

html[data-theme="dark"] .content-wrapper .table-hover > tbody > tr:hover,
html[data-theme="dark"] .content-wrapper .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .archivo-module table.tabla-datos tr:hover,
html[data-theme="dark"] .archivo-module .expediente-table tbody tr:hover,
html[data-theme="dark"] .exp-card:hover,
html[data-theme="dark"] .card-operacion:hover {
  background: var(--app-surface-3) !important;
}

html[data-theme="dark"] .content-wrapper tr.danger,
html[data-theme="dark"] .content-wrapper tr.danger > td {
  background: rgba(248, 113, 113, .12) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .abogado-field-label,
html[data-theme="dark"] .alert-dba,
html[data-theme="dark"] .estado-pill,
html[data-theme="dark"] .qr-badge-ok,
html[data-theme="dark"] .qr-badge-warn,
html[data-theme="dark"] .btn-historial-pagina,
html[data-theme="dark"] .archivo-module .btn-estados-expediente {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

/* Dark theme: remaining module screens reported after visual pass. */
html[data-theme="dark"] .content-wrapper .content-header h1,
html[data-theme="dark"] .content-wrapper .content-header h2,
html[data-theme="dark"] .content-wrapper .content-header h3,
html[data-theme="dark"] .content-wrapper .content-header h4,
html[data-theme="dark"] .content-wrapper .content-header h1 *,
html[data-theme="dark"] .content-wrapper .content-header h2 *,
html[data-theme="dark"] .content-wrapper .content-header h3 *,
html[data-theme="dark"] .content-wrapper .content-header h4 *,
html[data-theme="dark"] .content-wrapper [style*="color: #2c3e50"],
html[data-theme="dark"] .content-wrapper [style*="color:#2c3e50"],
html[data-theme="dark"] .content-wrapper [style*="color: rgb(44, 62, 80)"] {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .titulo-personalizado,
html[data-theme="dark"] .doc-card,
html[data-theme="dark"] .doc-header,
html[data-theme="dark"] .doc-item,
html[data-theme="dark"] .upload-box,
html[data-theme="dark"] .oficio-panel,
html[data-theme="dark"] .oficio-upload,
html[data-theme="dark"] .cancelacion-panel,
html[data-theme="dark"] .cancelacion-upload,
html[data-theme="dark"] .resultado-box,
html[data-theme="dark"] .step-indicator,
html[data-theme="dark"] .preview,
html[data-theme="dark"] #contenedorArbol .list-group,
html[data-theme="dark"] #contenedorArbol .list-group-item,
html[data-theme="dark"] .accounting-print-sheet,
html[data-theme="dark"] .accounting-print-header,
html[data-theme="dark"] .accounting-print-brand,
html[data-theme="dark"] .accounting-print-document,
html[data-theme="dark"] .accounting-print-status,
html[data-theme="dark"] .cashbook-v2-header,
html[data-theme="dark"] .cashbook-today,
html[data-theme="dark"] .cashbook-kpi,
html[data-theme="dark"] .cashbook-panel,
html[data-theme="dark"] .cashbook-history-card,
html[data-theme="dark"] .notary-v2-user,
html[data-theme="dark"] .notary-filter-card,
html[data-theme="dark"] .notary-kpi,
html[data-theme="dark"] .notary-state-chip,
html[data-theme="dark"] .notary-table-card,
html[data-theme="dark"] .finance-v2-card,
html[data-theme="dark"] .finance-v2-message,
html[data-theme="dark"] .estatus-broker-page .estatus-broker-hero,
html[data-theme="dark"] .estatus-broker-page .estatus-summary-card,
html[data-theme="dark"] .estatus-broker-page .estatus-progress-card,
html[data-theme="dark"] .estatus-broker-page .estatus-filter-bar,
html[data-theme="dark"] .estatus-broker-page .estatus-tramite-card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .doc-item:hover,
html[data-theme="dark"] #contenedorArbol .list-group-item:hover,
html[data-theme="dark"] .estatus-broker-page .estatus-tramite-card:hover {
  background: var(--app-surface-2) !important;
}

html[data-theme="dark"] .doc-title,
html[data-theme="dark"] .doc-item-header,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .oficio-titulo,
html[data-theme="dark"] .oficio-numero,
html[data-theme="dark"] .oficio-valor,
html[data-theme="dark"] .cancelacion-titulo,
html[data-theme="dark"] .cancelacion-valor,
html[data-theme="dark"] #contenedorArbol label,
html[data-theme="dark"] .accounting-print-brand h1,
html[data-theme="dark"] .accounting-print-document strong,
html[data-theme="dark"] .accounting-print-status strong,
html[data-theme="dark"] .cashbook-v2-header h1,
html[data-theme="dark"] .cashbook-today strong,
html[data-theme="dark"] .cashbook-kpi strong,
html[data-theme="dark"] .cashbook-panel-header h2,
html[data-theme="dark"] .notary-v2-header h1,
html[data-theme="dark"] .notary-filter-head h2,
html[data-theme="dark"] .notary-card-head h2,
html[data-theme="dark"] .notary-kpi strong,
html[data-theme="dark"] .estatus-broker-page h1,
html[data-theme="dark"] .estatus-broker-page h2,
html[data-theme="dark"] .estatus-broker-page h3,
html[data-theme="dark"] .estatus-card-meta strong,
html[data-theme="dark"] .archivo-module .instrumento-info h2,
html[data-theme="dark"] .archivo-module .instrumento-info h2 *,
html[data-theme="dark"] .archivo-module .instrumento-datos span {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .doc-subtitle,
html[data-theme="dark"] .doc-desc,
html[data-theme="dark"] .oficio-label,
html[data-theme="dark"] .cancelacion-label,
html[data-theme="dark"] .accounting-print-kicker,
html[data-theme="dark"] .accounting-print-document span,
html[data-theme="dark"] .accounting-print-status span,
html[data-theme="dark"] .accounting-print-brand p,
html[data-theme="dark"] .accounting-print-document small,
html[data-theme="dark"] .cashbook-eyebrow,
html[data-theme="dark"] .cashbook-v2 .cashbook-panel-header span,
html[data-theme="dark"] .cashbook-v2 .cashbook-kpi span,
html[data-theme="dark"] .cashbook-today span,
html[data-theme="dark"] .cashbook-v2-header p,
html[data-theme="dark"] .cashbook-today small,
html[data-theme="dark"] .cashbook-kpi small,
html[data-theme="dark"] .notary-v2-header p,
html[data-theme="dark"] .notary-v2-user span,
html[data-theme="dark"] .notary-kpi span,
html[data-theme="dark"] .notary-kpi small,
html[data-theme="dark"] .estatus-broker-page p,
html[data-theme="dark"] .estatus-card-meta span {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .badge-doc,
html[data-theme="dark"] .doc-ok,
html[data-theme="dark"] .doc-falta,
html[data-theme="dark"] .listado-badge,
html[data-theme="dark"] .circle-step.badge-secondary,
html[data-theme="dark"] .notary-filter-status,
html[data-theme="dark"] .cashbook-kpi-icon,
html[data-theme="dark"] .cashbook-report-action.is-muted,
html[data-theme="dark"] .estatus-broker-page .estatus-filter-btn,
html[data-theme="dark"] .estatus-broker-page .estatus-pill,
html[data-theme="dark"] .estatus-broker-page .estatus-icon {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .circle-step.badge-primary,
html[data-theme="dark"] .circle-step.badge-success,
html[data-theme="dark"] .estatus-broker-page .estatus-filter-btn.is-active {
  background: var(--app-primary) !important;
  border-color: var(--app-primary) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] input[type="file"].form-control-file,
html[data-theme="dark"] .form-control-file.btn,
html[data-theme="dark"] .preview {
  background: var(--app-input-bg) !important;
  border-color: var(--app-border) !important;
  color: var(--app-input-text) !important;
}

html[data-theme="dark"] .doc-card .section-title,
html[data-theme="dark"] .doc-card .upload-box,
html[data-theme="dark"] .doc-card .doc-item,
html[data-theme="dark"] .estatus-broker-page,
html[data-theme="dark"] .section-read,
html[data-theme="dark"] .side-observation,
html[data-theme="dark"] .collapse-trigger,
html[data-theme="dark"] .doc-row,
html[data-theme="dark"] .person-card,
html[data-theme="dark"] .person-head,
html[data-theme="dark"] .people-group,
html[data-theme="dark"] .doc-section,
html[data-theme="dark"] .accounting-doc-section,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .receipt-toolbar,
html[data-theme="dark"] .cashbook-code,
html[data-theme="dark"] .money-badge {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .section-read,
html[data-theme="dark"] .doc-section,
html[data-theme="dark"] .accounting-doc-section {
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .collapse-trigger:hover,
html[data-theme="dark"] .doc-row:hover,
html[data-theme="dark"] .person-card:hover {
  background: var(--app-surface-3) !important;
}

html[data-theme="dark"] .collapse-trigger,
html[data-theme="dark"] .collapse-trigger *,
html[data-theme="dark"] .section-read h3,
html[data-theme="dark"] .section-read h3 *,
html[data-theme="dark"] .doc-row *,
html[data-theme="dark"] .person-card *,
html[data-theme="dark"] .side-observation,
html[data-theme="dark"] .side-observation *,
html[data-theme="dark"] .review-page,
html[data-theme="dark"] .review-page *,
html[data-theme="dark"] .receipt-toolbar,
html[data-theme="dark"] .receipt-toolbar *,
html[data-theme="dark"] .accounting-doc-section,
html[data-theme="dark"] .accounting-doc-section *,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .notice-box *,
html[data-theme="dark"] .cashbook-code,
html[data-theme="dark"] .money-badge,
html[data-theme="dark"] .small-box h3,
html[data-theme="dark"] .small-box p,
html[data-theme="dark"] .small-box .inner h3,
html[data-theme="dark"] .small-box .inner p {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .accounting-watermark {
  color: rgba(243, 244, 246, .08) !important;
}

html[data-theme="dark"] .money-badge {
  background: rgba(96, 165, 250, .18) !important;
  border-color: rgba(147, 197, 253, .34) !important;
  color: #dbeafe !important;
}

html[data-theme="dark"] .cashbook-code {
  background: rgba(148, 163, 184, .14) !important;
  border-color: rgba(203, 213, 225, .24) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .small-box,
html[data-theme="dark"] .small-box > .inner,
html[data-theme="dark"] .small-box .icon {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .section-read > h3,
html[data-theme="dark"] .section-read > h4,
html[data-theme="dark"] .collapse-card > h3,
html[data-theme="dark"] .collapse-card > h4,
html[data-theme="dark"] .cashbook-panel-header > strong,
html[data-theme="dark"] .accounting-print-status > strong {
  background: var(--app-surface-3) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

/* Dark theme: Scotiabank post-signature counters and timeline cells. */
html[data-theme="dark"] #tablaRegistros .cell-wrapper {
  border-radius: 8px;
  padding: 6px;
}

html[data-theme="dark"] #tablaRegistros .contador {
  color: #f8fafc !important;
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-top: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] #tablaRegistros .celda-verde,
html[data-theme="dark"] .celda-verde {
  background: rgba(22, 163, 74, .30) !important;
  border-color: rgba(134, 239, 172, .35) !important;
  color: #dcfce7 !important;
}

html[data-theme="dark"] #tablaRegistros .celda-amarilla,
html[data-theme="dark"] .celda-amarilla {
  background: rgba(245, 158, 11, .28) !important;
  border-color: rgba(252, 211, 77, .38) !important;
  color: #fef3c7 !important;
}

html[data-theme="dark"] #tablaRegistros .celda-roja,
html[data-theme="dark"] .celda-roja {
  background: rgba(220, 38, 38, .28) !important;
  border-color: rgba(252, 165, 165, .38) !important;
  color: #fee2e2 !important;
}

html[data-theme="dark"] #tablaRegistros .celda-morada,
html[data-theme="dark"] .celda-morada {
  background: rgba(168, 85, 247, .25) !important;
  border-color: rgba(216, 180, 254, .35) !important;
  color: #f3e8ff !important;
}

html[data-theme="dark"] #contadorGeneral,
html[data-theme="dark"] #contadorGeneral strong,
html[data-theme="dark"] #diasTotales {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .doc-empty {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-muted) !important;
}

/* Dark theme: Documentos/documentos */
html[data-theme="dark"] .documents-header,
html[data-theme="dark"] .documents-content {
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .documents-title-wrap,
html[data-theme="dark"] .documents-content .person-card,
html[data-theme="dark"] .documents-content .person-header,
html[data-theme="dark"] .documents-content .person-collapse-body,
html[data-theme="dark"] .documents-content .upload-section,
html[data-theme="dark"] .documents-content .doc-table,
html[data-theme="dark"] .documents-content .alert-secondary,
html[data-theme="dark"] .documents-content .alert {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .documents-content .person-collapse-toggle:hover,
html[data-theme="dark"] .documents-content .doc-table tr:hover {
  background: var(--app-surface-2) !important;
}

html[data-theme="dark"] .documents-title-wrap .page-title,
html[data-theme="dark"] .documents-content .person-main-name,
html[data-theme="dark"] .documents-content .person-header,
html[data-theme="dark"] .documents-content .person-card h6,
html[data-theme="dark"] .documents-content .upload-section h6,
html[data-theme="dark"] .documents-content .form-label,
html[data-theme="dark"] .documents-content label,
html[data-theme="dark"] .documents-content h6,
html[data-theme="dark"] .documents-content [style*="color:#444"],
html[data-theme="dark"] .documents-content [style*="color: #444"] {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .documents-title-wrap small,
html[data-theme="dark"] .documents-content .person-type-label {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .documents-content .doc-table th {
  background: var(--app-surface-3) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .documents-content .doc-table td {
  background: transparent !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .documents-content .doc-table tr:nth-child(even) {
  background: var(--app-surface-2) !important;
}

html[data-theme="dark"] .documents-content .badge-pf,
html[data-theme="dark"] .documents-content .badge-pm,
html[data-theme="dark"] .documents-content .badge-info {
  background: var(--app-surface-2) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

/* Dashboard notario: prevent cramped KPI/chip/chart layout. */
.notary-v2-header {
  flex-wrap: wrap;
}

.notary-v2-header > div:first-child {
  min-width: 0;
}

.notary-filter-grid {
  grid-template-columns: minmax(220px, 1.2fr) minmax(145px, .7fr) minmax(145px, .7fr) minmax(220px, auto) !important;
}

.notary-filter-actions {
  flex-wrap: wrap;
  min-width: 0;
}

.notary-kpi-grid {
  grid-template-columns: minmax(280px, 1.25fr) repeat(2, minmax(220px, 1fr)) !important;
}

.notary-kpi {
  min-width: 0;
  align-items: center !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.notary-kpi .notary-kpi-icon {
  align-self: center !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  margin: 0 !important;
  order: 0 !important;
  position: static !important;
  transform: none !important;
  width: 48px !important;
}

.notary-kpi > div:not(.notary-kpi-icon) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 1 !important;
}

.notary-kpi strong {
  font-size: clamp(22px, 2vw, 30px) !important;
  overflow-wrap: anywhere;
}

.notary-kpi-main strong {
  font-size: clamp(26px, 2.5vw, 38px) !important;
}

.notary-state-chips {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

.notary-state-chip {
  min-width: 0;
}

html[data-theme="dark"] .notary-state-chip i {
  color: #93c5fd !important;
}

html[data-theme="dark"] .notary-state-chip span {
  color: #e5e7eb !important;
}

html[data-theme="dark"] .notary-state-chip strong {
  background: rgba(147, 197, 253, .16) !important;
  border: 1px solid rgba(147, 197, 253, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: #f8fafc !important;
}

.notary-state-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notary-dashboard-grid {
  grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
  align-items: stretch;
}

.notary-chart-card {
  min-width: 0;
  overflow: hidden;
}

.notary-chart-card .chart-box {
  min-height: 280px;
  position: relative;
}

@media (max-width: 1180px) {
  .notary-filter-grid,
  .notary-kpi-grid,
  .notary-dashboard-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .notary-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .notary-filter-grid,
  .notary-kpi-grid,
  .notary-dashboard-grid,
  .notary-state-chips {
    grid-template-columns: 1fr !important;
  }
}

/* Login: polished dark-mode surface without changing custom/light behavior. */
html[data-theme="dark"] body.login-page:not(:has(.wrapper)) {
  align-items: center;
  background:
    radial-gradient(circle at 18% 12%, rgba(148, 163, 184, .14), transparent 28rem),
    radial-gradient(circle at 86% 82%, rgba(96, 165, 250, .10), transparent 26rem),
    var(--app-bg) !important;
  color: var(--app-text) !important;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

html[data-theme="dark"] body.login-page:not(:has(.wrapper)) .notary-login-shell {
  margin: 0 auto !important;
  max-width: 420px;
  padding: 28px 18px;
  width: min(420px, 100%);
}

html[data-theme="dark"] .notary-login-shell .login-logo {
  margin-bottom: 18px;
}

html[data-theme="dark"] .notary-login-shell .login-logo img {
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .32));
  height: auto !important;
  max-height: 136px;
  max-width: 180px;
}

html[data-theme="dark"] .notary-login-card {
  margin: 0 !important;
  width: 100% !important;
}

html[data-theme="dark"] .notary-login-card .login-box-body {
  background: rgba(42, 43, 47, .96) !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .36) !important;
  color: var(--app-text) !important;
  padding: 30px !important;
}

html[data-theme="dark"] .notary-login-card .login-box-msg {
  color: var(--app-text) !important;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 22px;
  text-transform: uppercase;
}

html[data-theme="dark"] .notary-login-card .form-group {
  margin-bottom: 16px;
}

html[data-theme="dark"] .notary-login-card .form-control {
  background: #242529 !important;
  border: 1px solid #3a3c42 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #f8fafc !important;
  height: 46px;
}

html[data-theme="dark"] .notary-login-card .form-control::placeholder {
  color: #b4b7be !important;
  opacity: 1;
}

html[data-theme="dark"] .notary-login-card .form-control:focus {
  background: #282a2e !important;
  border-color: #8a95a6 !important;
  box-shadow: 0 0 0 4px rgba(138, 149, 166, .22) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .notary-login-card .form-control-feedback {
  color: #cbd5e1 !important;
  line-height: 46px;
}

html[data-theme="dark"] .notary-login-card .row {
  margin-left: 0;
  margin-right: 0;
}

html[data-theme="dark"] .notary-login-card .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

html[data-theme="dark"] .notary-login-card .btn-primary {
  background: #2c3e50 !important;
  border-color: #2c3e50 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .28) !important;
  color: #ffffff !important;
  font-weight: 800;
  height: 46px;
  letter-spacing: .02em;
}

html[data-theme="dark"] body.login-page .notary-login-card button.btn.btn-primary[type="submit"] {
  background: #2c3e50 !important;
  border-color: #2c3e50 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .notary-login-card .btn-primary:hover,
html[data-theme="dark"] .notary-login-card .btn-primary:focus {
  background: #364b60 !important;
  border-color: #364b60 !important;
  box-shadow: 0 0 0 4px rgba(138, 149, 166, .22), 0 16px 34px rgba(0, 0, 0, .32) !important;
  color: #ffffff !important;
}

@supports not selector(:has(*)) {
  html[data-theme="dark"] body.login-page > .notary-login-shell {
    margin-top: 0 !important;
  }
}

/* Dark theme: final modal border/background cleanup across Bootstrap modals. */
html[data-theme="dark"] {
  --n41-modal-bg: var(--app-surface);
  --n41-modal-text: var(--app-text);
  --n41-modal-muted: var(--app-muted);
  --n41-modal-border: rgba(255, 255, 255, .10);
  --n41-modal-surface: var(--app-surface-2);
  --n41-modal-shadow: 0 28px 70px rgba(0, 0, 0, .42);
  --n41-modal-focus: rgba(138, 149, 166, .28);
}

html[data-theme="dark"] .modal .modal-dialog,
html[data-theme="dark"] .modal-content {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .modal-content {
  background-color: var(--app-surface) !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer {
  background-color: var(--app-surface) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .modal-header {
  background: linear-gradient(180deg, var(--app-surface-2) 0%, var(--app-surface) 100%) !important;
}

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

html[data-theme="dark"] .modal-header.bg-primary,
html[data-theme="dark"] .modal-header.bg-info,
html[data-theme="dark"] .modal-header.bg-success,
html[data-theme="dark"] .modal-header.bg-warning,
html[data-theme="dark"] .modal-header.bg-danger,
html[data-theme="dark"] .modal-header.bg-blue {
  border-bottom-color: rgba(255, 255, 255, .12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .modal-header.bg-primary,
html[data-theme="dark"] .modal-header.bg-blue {
  background: #2c3e50 !important;
}

html[data-theme="dark"] .modal-header.bg-info {
  background: #334155 !important;
}

html[data-theme="dark"] .modal-header.bg-warning {
  background: #7c5f23 !important;
}

html[data-theme="dark"] .modal-header.bg-success {
  background: #1f5f3d !important;
}

html[data-theme="dark"] .modal-header.bg-danger {
  background: #7f2d36 !important;
}

html[data-theme="dark"] .modal-header *,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .modal label,
html[data-theme="dark"] .modal .control-label,
html[data-theme="dark"] .modal p,
html[data-theme="dark"] .modal span,
html[data-theme="dark"] .modal td,
html[data-theme="dark"] .modal th {
  color: var(--app-text) !important;
}

html[data-theme="dark"] .modal-header.bg-primary *,
html[data-theme="dark"] .modal-header.bg-info *,
html[data-theme="dark"] .modal-header.bg-success *,
html[data-theme="dark"] .modal-header.bg-warning *,
html[data-theme="dark"] .modal-header.bg-danger *,
html[data-theme="dark"] .modal-header.bg-blue * {
  color: #ffffff !important;
}

html[data-theme="dark"] .modal .close,
html[data-theme="dark"] .modal .btn-close {
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: currentColor !important;
  opacity: .9 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .modal .close:hover,
html[data-theme="dark"] .modal .btn-close:hover {
  background: rgba(255, 255, 255, .16) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .modal .form-control,
html[data-theme="dark"] .modal input[type="text"],
html[data-theme="dark"] .modal input[type="number"],
html[data-theme="dark"] .modal input[type="date"],
html[data-theme="dark"] .modal input[type="email"],
html[data-theme="dark"] .modal input[type="password"],
html[data-theme="dark"] .modal input[type="file"],
html[data-theme="dark"] .modal select,
html[data-theme="dark"] .modal textarea {
  background: var(--app-input-bg) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  color: var(--app-input-text) !important;
}

html[data-theme="dark"] .modal .form-control::placeholder,
html[data-theme="dark"] .modal textarea::placeholder {
  color: var(--app-input-placeholder) !important;
}

html[data-theme="dark"] .modal .form-control:focus,
html[data-theme="dark"] .modal input:focus,
html[data-theme="dark"] .modal select:focus,
html[data-theme="dark"] .modal textarea:focus {
  border-color: rgba(163, 173, 186, .72) !important;
  box-shadow: 0 0 0 4px rgba(138, 149, 166, .24) !important;
}

html[data-theme="dark"] .modal .table-responsive,
html[data-theme="dark"] .modal table,
html[data-theme="dark"] .modal .table,
html[data-theme="dark"] .modal .list-group-item,
html[data-theme="dark"] .modal .well,
html[data-theme="dark"] .modal .panel,
html[data-theme="dark"] .modal .box {
  background: var(--app-surface-2) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .modal table th,
html[data-theme="dark"] .modal .table th {
  background: var(--app-surface-3) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .modal table td,
html[data-theme="dark"] .modal table th,
html[data-theme="dark"] .modal .table td,
html[data-theme="dark"] .modal .table th {
  border-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .modal .text-muted,
html[data-theme="dark"] .modal .help-block {
  color: var(--app-muted) !important;
}

/* Dark theme: remove bright-looking modal outlines. */
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .modal .table-responsive,
html[data-theme="dark"] .modal table,
html[data-theme="dark"] .modal .table,
html[data-theme="dark"] .modal table td,
html[data-theme="dark"] .modal table th,
html[data-theme="dark"] .modal .table td,
html[data-theme="dark"] .modal .table th,
html[data-theme="dark"] .modal .list-group-item,
html[data-theme="dark"] .modal .well,
html[data-theme="dark"] .modal .panel,
html[data-theme="dark"] .modal .box {
  border-color: #3a3c42 !important;
}

html[data-theme="dark"] .modal .form-control,
html[data-theme="dark"] .modal input[type="text"],
html[data-theme="dark"] .modal input[type="number"],
html[data-theme="dark"] .modal input[type="date"],
html[data-theme="dark"] .modal input[type="email"],
html[data-theme="dark"] .modal input[type="password"],
html[data-theme="dark"] .modal input[type="file"],
html[data-theme="dark"] .modal select,
html[data-theme="dark"] .modal textarea,
html[data-theme="dark"] .modal .close,
html[data-theme="dark"] .modal .btn-close {
  border-color: #3f4249 !important;
}

html[data-theme="dark"] .swal2-container .swal2-popup {
  background: var(--app-surface) !important;
  border: 1px solid #3a3c42 !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .swal2-container .swal2-title,
html[data-theme="dark"] .swal2-container .swal2-html-container {
  color: var(--app-text) !important;
}

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

html[data-theme="dark"] .swal2-container .swal2-actions {
  background: var(--app-surface-2) !important;
  border-top: 1px solid #3a3c42 !important;
}

html[data-theme="dark"] .swal2-container .swal2-input,
html[data-theme="dark"] .swal2-container .swal2-select,
html[data-theme="dark"] .swal2-container .swal2-textarea {
  background: #282a2e !important;
  border: 1px solid #3f4249 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .swal2-container .swal2-input::placeholder,
html[data-theme="dark"] .swal2-container .swal2-textarea::placeholder {
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .swal2-container .swal2-input:focus,
html[data-theme="dark"] .swal2-container .swal2-select:focus,
html[data-theme="dark"] .swal2-container .swal2-textarea:focus {
  border-color: #6f7785 !important;
  box-shadow: 0 0 0 4px rgba(138, 149, 166, .24) !important;
}

html[data-theme="dark"] .swal2-container .swal2-success-circular-line-left,
html[data-theme="dark"] .swal2-container .swal2-success-circular-line-right,
html[data-theme="dark"] .swal2-container .swal2-success-fix {
  background-color: var(--app-surface) !important;
}

html[data-theme="dark"] .swal2-container .swal2-icon.swal2-success {
  border-color: #6bbf8f !important;
  color: #6bbf8f !important;
}

html[data-theme="dark"] .swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #6bbf8f !important;
}

html[data-theme="dark"] .swal2-container .swal2-icon.swal2-warning {
  border-color: #d6b76a !important;
  color: #d6b76a !important;
}

html[data-theme="dark"] .swal2-container .swal2-icon.swal2-error {
  border-color: #e08f8f !important;
  color: #e08f8f !important;
}

html[data-theme="dark"] .swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #e08f8f !important;
}

html[data-theme="dark"] .swal2-container .swal2-timer-progress-bar {
  background: rgba(243, 244, 246, .28) !important;
}

html[data-theme="dark"] .swal2-container .swal2-close {
  background: #303136 !important;
  border-color: #3f4249 !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .swal2-container .swal2-close:hover {
  background: #383a40 !important;
  color: #ffffff !important;
}

/* Dark theme: Scotiabank observation history cards generated by JS. */
html[data-theme="dark"] #modalHistorialObs #historialObservaciones > div,
html[data-theme="dark"] #modalHistorialObs #historialObservaciones .highlight-obs {
  background: var(--app-surface-2) !important;
  border: 1px solid #3a3c42 !important;
  border-left-width: 4px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones > div[style*="#27ae60"] {
  border-left-color: #2f7d55 !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones > div[style*="#f39c12"] {
  border-left-color: #9a6a27 !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color:#2c3e50"],
html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color: #2c3e50"],
html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color:black"],
html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color: black"] {
  color: var(--app-text) !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color:#27ae60"],
html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color: #27ae60"] {
  color: #9bd8b3 !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color:#f39c12"],
html[data-theme="dark"] #modalHistorialObs #historialObservaciones [style*="color: #f39c12"] {
  color: #e6c979 !important;
}

html[data-theme="dark"] #modalHistorialObs #historialObservaciones .text-muted,
html[data-theme="dark"] #modalHistorialObs #historialObservaciones p {
  color: var(--app-muted) !important;
}

/* Sidebar/header stability: keep the brand area aligned in every theme. */
body .wrapper {
  --notary-header-height: 58px;
  --notary-sidebar-expanded: 230px;
  --notary-sidebar-collapsed: 64px;
}

body .wrapper .main-header,
body .wrapper .main-header .navbar {
  min-height: var(--notary-header-height) !important;
}

body .wrapper .main-header .logo {
  align-items: center !important;
  display: flex !important;
  height: var(--notary-header-height) !important;
  justify-content: center !important;
  line-height: var(--notary-header-height) !important;
  min-height: var(--notary-header-height) !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: var(--notary-sidebar-expanded) !important;
}

body .wrapper .main-header .navbar {
  margin-left: var(--notary-sidebar-expanded) !important;
}

body .wrapper .main-header .navbar .sidebar-toggle,
body .wrapper .main-header .navbar .nav > li > a {
  min-height: var(--notary-header-height) !important;
  line-height: calc(var(--notary-header-height) - 30px) !important;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

body .wrapper .main-sidebar {
  padding-top: var(--notary-header-height) !important;
}

body:not(.sidebar-collapse) .wrapper .main-header .logo img {
  display: block !important;
  margin: 0 !important;
  max-height: 38px !important;
  max-width: calc(100% - 24px) !important;
  object-fit: contain !important;
  position: static !important;
}

@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo {
    align-items: center !important;
    display: flex !important;
    float: left !important;
    height: var(--notary-header-height) !important;
    justify-content: center !important;
    line-height: var(--notary-header-height) !important;
    max-width: var(--notary-sidebar-collapsed) !important;
    min-width: var(--notary-sidebar-collapsed) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    width: var(--notary-sidebar-collapsed) !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo img {
    display: block !important;
    flex: 0 0 auto !important;
    height: 36px !important;
    left: 50% !important;
    margin: 0 !important;
    max-height: 36px !important;
    max-width: 42px !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 36px !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-header .logo .logo-mini {
    display: none !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-header .navbar,
  body.sidebar-mini.sidebar-collapse .wrapper .content-wrapper,
  body.sidebar-mini.sidebar-collapse .wrapper .main-footer {
    margin-left: var(--notary-sidebar-collapsed) !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .main-sidebar,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li {
    width: var(--notary-sidebar-collapsed) !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a {
    height: 45px !important;
    min-height: 45px !important;
    width: var(--notary-sidebar-collapsed) !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > .sidebar-menu-icon,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li > a > i:first-child {
    flex-basis: var(--notary-sidebar-collapsed) !important;
    line-height: 45px !important;
    width: var(--notary-sidebar-collapsed) !important;
  }

  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:not(.treeview):hover > a > .sidebar-menu-title,
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li:hover > a > span:not(.pull-right):not(.sidebar-menu-arrow),
  body.sidebar-mini.sidebar-collapse .wrapper .sidebar-menu > li.treeview:hover > .treeview-menu {
    left: var(--notary-sidebar-collapsed) !important;
  }
}