/* 
   ========================================================
   SISTEMA DE MODO OSCURO - ARQUITECTURA SAAS 2026
   ======================================================== 
*/

body.dark-mode {
    /* --- Base (Background & Text) --- */
    --dm-bg-body: #0b1220;
    --dm-bg-page: #0b1220;
    --dm-text-main: #cbd5e1;
    --dm-text-muted: #94a3b8;
    --dm-text-heading: #f8fafc;

    /* --- Surface (Cards, Modals, Dropdowns) --- */
    --dm-surface-card: #161d31;
    --dm-surface-modal: #111827;
    --dm-surface-dropdown: #111827;
    --dm-surface-input: #0f172a;
    --dm-surface-hover: #1f2937;
    --dm-surface-active: #2563eb;

    /* --- Borders & Shadows --- */
    --dm-border-color: rgba(148, 163, 184, 0.12);
    --dm-border-strong: rgba(148, 163, 184, 0.24);
    --dm-shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
    --dm-shadow-md: 0 4px 12px rgba(0,0,0,0.25);
    --dm-shadow-lg: 0 12px 24px rgba(0,0,0,0.35);

    /* --- States (Interactivity) --- */
    --dm-state-hover-bg: rgba(255, 255, 255, 0.05);
    --dm-state-focus-ring: rgba(37, 99, 235, 0.35);
    
    /* --- Feedback (Validation) --- */
    --dm-error: #ef4444;
    --dm-success: #10b981;
    --dm-warning: #f59e0b;
    --dm-info: #3b82f6;

    /* Mapeo de compatibilidad con estilos existentes */
    --dm-card-bg: var(--dm-surface-card);
    --dm-card-border: var(--dm-border-color);
    --dm-card-shadow: var(--dm-shadow-md);
    --dm-card-shadow-hover: var(--dm-shadow-lg);

    /* Overrides de variables del sistema moderno (ajustes-modern.css, tables-modern.css) */
    --bg-primary: var(--dm-bg-body);
    --card-bg: var(--dm-surface-card);
    --input-bg: var(--dm-surface-input);
    --input-border: var(--dm-border-strong);
    --table-head-bg: var(--dm-surface-modal);
    --table-head-color: var(--dm-text-heading);
    --table-hover-bg: var(--dm-surface-hover);
    --modal-border: var(--dm-border-color);
    --border-color: var(--dm-border-color);
    
    /* Badges semÃ¡nticos en modo oscuro */
    --badge-active-bg: rgba(16, 185, 129, 0.15);
    --badge-active-color: #34d399;
    --badge-inactive-bg: rgba(239, 68, 68, 0.15);
    --badge-inactive-color: #f87171;
    --badge-admin-bg: rgba(37, 99, 235, 0.15);
    --badge-admin-color: #60a5fa;

    background: var(--dm-bg-body) !important;
    color: var(--dm-text-main) !important;
}

/* Fondo de pÃ¡gina y contenedores principales */
body.dark-mode .page-wrapper,
body.dark-mode .container-fluid {
    background-color: var(--dm-bg-page) !important;
}

/* Utilidades de background Bootstrap */
body.dark-mode .bg-light,
body.dark-mode .light,
body.dark-mode .bg-white {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-color) !important;
}

/* --- FORM LAYER (Unified Inputs & Selects) --- */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .bootstrap-select .dropdown-toggle,
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-dropdown,
body.dark-mode [class*="form-control"] {
    background-color: var(--dm-surface-input) !important;
    background: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
    border: 1px solid var(--dm-border-strong) !important;
}

body.dark-mode input:focus,
body.dark-mode .form-control:focus,
body.dark-mode .bootstrap-select .dropdown-toggle:focus {
    border-color: var(--dm-surface-active) !important;
    box-shadow: 0 0 0 0.25rem var(--dm-state-focus-ring) !important;
    outline: none !important;
}

/* --- DATA LAYER (Unified Tables & Lists) --- */
body.dark-mode .table,
body.dark-mode .table-responsive,
body.dark-mode [class*="table-"]:not(.btn):not(.badge) {
    background-color: transparent !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .table th,
body.dark-mode .table td,
body.dark-mode [class*="table-"] th,
body.dark-mode [class*="table-"] td {
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .table thead th,
body.dark-mode [class*="table-"] thead th {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-heading) !important;
    border-bottom-width: 2px !important;
}

/* Zebra Striping (Preservar visibilidad sin romper) */
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: var(--dm-surface-hover) !important;
}

/* Support for Sticky Columns (th/td with position: sticky) */
body.dark-mode .table th[style*="position: sticky"],
body.dark-mode .table td[style*="position: sticky"],
body.dark-mode .table .sticky-col,
body.dark-mode .table th:first-child,
body.dark-mode .table td:first-child {
    background-color: var(--dm-surface-card) !important;
    z-index: 2;
}

body.dark-mode .table thead th[style*="position: sticky"],
body.dark-mode .table thead th:first-child {
    background-color: var(--dm-surface-modal) !important;
    z-index: 3;
}

/* --- SURFACE LAYER (Unified Cards, Panels, Boxes) --- */
/* Fallback global para componentes tipo tarjeta */
body.dark-mode .card, 
body.dark-mode .box, 
body.dark-mode .panel,
body.dark-mode .premium-card,
body.dark-mode .inf-ven-card,
body.dark-mode .fact-kpi-card,
body.dark-mode .doc-kpi-card,
body.dark-mode .apc-card,
body.dark-mode .pro-cliente-card-list,
body.dark-mode .pro-cliente-card-detail,
body.dark-mode [class*="card-"]:not(.btn):not(.badge),
body.dark-mode [class*="box-"]:not(.btn):not(.badge) {
    background-color: var(--dm-surface-card) !important;
    color: var(--dm-text-main) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-md) !important;
    transition: all 0.2s ease;
}

body.dark-mode .card:hover, 
body.dark-mode .premium-card:hover,
body.dark-mode [class*="card-"]:not(.btn):not(.badge):hover {
    box-shadow: var(--dm-shadow-lg) !important;
    border-color: var(--dm-border-strong) !important;
}

/* Headers y Footers de componentes */
body.dark-mode .card-header,
body.dark-mode .card-footer,
body.dark-mode .box-header,
body.dark-mode .box-footer,
body.dark-mode [class*="card-header"],
body.dark-mode [class*="card-footer"] {
    background-color: var(--dm-surface-modal) !important;
    background: var(--dm-surface-modal) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-heading) !important;
}

/* Chips / pills y elementos pequeÃ±os de UI */
body.dark-mode .pill-item,
body.dark-mode .chart-summary-pill,
body.dark-mode .badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info) {
    background-color: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
    border: 1px solid var(--dm-border-color) !important;
}

/* --- UI Components Base --- */
body.dark-mode .pro-cliente-stat-lbl { color: #fcd34d !important; }

/* Topbar & Navbar */
body.dark-mode .topbar {
    background: linear-gradient(90deg, #0f172a, #1e293b) !important;
    box-shadow: var(--dm-shadow-md) !important;
}

/* Sidebar */
body.dark-mode .left-sidebar,
body.dark-mode .scroll-sidebar,
body.dark-mode .sidebar-nav,
body.dark-mode .sidebar-nav ul,
body.dark-mode .sidebar-nav ul li a {
    background: #0f1729 !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .sidebar-nav ul li a:hover {
    background: var(--dm-surface-hover) !important;
}

body.dark-mode .sidebar-nav ul li.active > a {
    background: linear-gradient(90deg, rgba(61, 127, 217, 0.25), rgba(37, 99, 235, 0.35)) !important;
    color: var(--dm-text-heading) !important;
}

/* Typography */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6, 
body.dark-mode .text-dark {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .text-muted, body.dark-mode small {
    color: var(--dm-text-muted) !important;
}

/* Enlaces y botones */
body.dark-mode a {
    color: var(--dm-info);
}

body.dark-mode a:hover {
    color: var(--dm-text-heading);
}

body.dark-mode .btn-outline-light {
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-strong) !important;
}

body.dark-mode .btn-outline-light:hover {
    background-color: var(--dm-surface-hover) !important;
    border-color: var(--dm-border-strong) !important;
}

/* Feedback / Validaciones */
body.dark-mode .form-control.is-invalid,
body.dark-mode .was-validated .form-control:invalid {
    border-color: var(--dm-error) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23ef4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef4444' stroke='none'/%3e%3c/svg%3e") !important;
}

body.dark-mode .form-control.is-valid,
body.dark-mode .was-validated .form-control:valid {
    border-color: var(--dm-success) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none' stroke='%2310b981'%3e%3cpath d='M2.3 6.7L.3 4.7l.8-.8 1.2 1.2L6.9.8l.8.8z'/%3e%3c/svg%3e") !important;
}

/* Bootstrap Select */
body.dark-mode .bootstrap-select .dropdown-menu {
    background-color: var(--dm-surface-dropdown) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu .bs-searchbox {
    background-color: var(--dm-surface-dropdown) !important;
    border-bottom: 1px solid var(--dm-border-color) !important;
    padding: 10px;
}

body.dark-mode .bootstrap-select .dropdown-menu .bs-searchbox .form-control {
    background-color: var(--dm-surface-input) !important;
    border-color: var(--dm-border-strong) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu li a {
    color: var(--dm-text-main) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu li a:hover,
body.dark-mode .bootstrap-select .dropdown-menu li a.active,
body.dark-mode .bootstrap-select .dropdown-menu li.selected a {
    background-color: var(--dm-surface-hover) !important;
    color: var(--dm-text-heading) !important;
}

/* =========================
   MODO OSCURO ESPECIFICO - MODULO VENTA
   Mantiene color de estado de mesas
   ========================= */
body.dark-mode[data-current-page="venta"] .page-wrapper,
body.dark-mode[data-current-page="venta"] .container-fluid {
    background: #0b1220 !important;
}

body.dark-mode[data-current-page="venta"] .card,
body.dark-mode[data-current-page="venta"] .modal-content,
body.dark-mode[data-current-page="venta"] .dropdown-menu,
body.dark-mode[data-current-page="venta"] .card-header-modern,
body.dark-mode[data-current-page="venta"] .display-estado-mesa,
body.dark-mode[data-current-page="venta"] .display-estado-pedidos,
body.dark-mode[data-current-page="venta"] .tab-pane {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] .orden-ticket-dropdown .dropdown-item i.fas {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="venta"] .orden-ticket-dropdown .dropdown-item:hover i.fas,
body.dark-mode[data-current-page="venta"] .orden-ticket-dropdown .dropdown-item:focus i.fas {
    color: #93c5fd !important;
}

/* Mesas: no permitir que el tema meta degradados/imÃ¡genes sobre el estado */
body.dark-mode .mesa-premium-wrapper .card {
    background-image: none !important;
}

/* Franja blanca: corregir contenedores con background blanco hardcodeado inline */
/* Franja blanca: corregir contenedores con background blanco hardcodeado inline */
body.dark-mode #delivery_list [style*="background: #ffffff"],
body.dark-mode .display-estado-pedidos[style*="background: #ffffff"]{
    background: #0f172a !important;
}
body.dark-mode #delivery_list [style*="background:#ffffff"],
body.dark-mode .display-estado-pedidos[style*="background:#ffffff"]{
    background: #0f172a !important;
}
body.dark-mode #delivery_list [style*="border-bottom: 1px solid #f1f5f9"],
body.dark-mode .display-estado-pedidos[style*="border-bottom: 1px solid #f1f5f9"]{
    border-bottom-color: #1f2937 !important;
}
body.dark-mode .venta-subnav-bar,
body.dark-mode .display-estado-pedidos.venta-subnav-bar {
    background: #0f172a !important;
    border-bottom: 1px solid #1f2937 !important;
}

/* Venta: franja/cabeceras y barra de pago que vienen hardcodeadas en blanco */
body.dark-mode .card-header-modern{
    background: #0f172a !important;
    border-bottom: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .card-footer-right{
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}

/* Venta: barra horizontal de salones (sidebar-salones) hardcodeada en claro */
body.dark-mode .sidebar-salones{
    background: #0f172a !important;
    border-bottom: 1px solid #1f2937 !important;
    scrollbar-color: #334155 #0f172a !important;
}
body.dark-mode .sidebar-salones::-webkit-scrollbar-track{
    background: #0f172a !important;
}
body.dark-mode .sidebar-salones::-webkit-scrollbar-thumb{
    background: #334155 !important;
}

/* --- MODAL LAYER (Unified Dialogs) --- */
body.dark-mode .modal-content,
body.dark-mode [class*="modal-content"] {
    background-color: var(--dm-surface-modal) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: var(--dm-surface-modal) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .modal-title {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .modal-body {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .modal-header .btn-close {
    background-color: var(--dm-surface-input) !important;
    border-color: var(--dm-border-strong) !important;
    opacity: 0.8 !important;
    filter: invert(1) brightness(200%);
}

/* Tooltips */
body.dark-mode .tooltip .tooltip-inner {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-heading) !important;
    border: 1px solid var(--dm-border-strong) !important;
    box-shadow: var(--dm-shadow-md) !important;
}

body.dark-mode .tooltip .tooltip-arrow::before {
    border-top-color: var(--dm-surface-modal) !important;
}
body.dark-mode #modalDetallePedido .floating-labels .form-control,
body.dark-mode #modalDetallePedido .modal-body .form-control.bg-t,
body.dark-mode #modalDetallePedido .modal-body textarea.form-control,
body.dark-mode #modalDetallePedido .modal-body select.form-control {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode #modalDetallePedido .floating-labels .form-control:focus,
body.dark-mode #modalDetallePedido .modal-body .form-control:focus {
    background: #111827 !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}
body.dark-mode #modalDetallePedido .floating-labels .form-label,
body.dark-mode #modalDetallePedido .display-tipo-entrega > label:first-child {
    color: #94a3b8 !important;
}
body.dark-mode #modalDetallePedido .floating-labels .form-label i {
    color: #64748b !important;
}
body.dark-mode #modalDetallePedido .form-control::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
body.dark-mode #modalDetallePedido .btn-tipo-entrega-1,
body.dark-mode #modalDetallePedido .btn-tipo-entrega-2 {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
body.dark-mode #modalDetallePedido .btn-tipo-entrega-1.active,
body.dark-mode #modalDetallePedido .btn-tipo-entrega-2.active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}
body.dark-mode #modalDetallePedido .btn-tipo-entrega-1:hover:not(.active),
body.dark-mode #modalDetallePedido .btn-tipo-entrega-2:hover:not(.active) {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}
body.dark-mode #modalDetallePedido .display-pedido-programado {
    background: #111827 !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode #modalDetallePedido .btn-secondary {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}
body.dark-mode #modalDetallePedido .text-inverse {
    color: #94a3b8 !important;
}

/* Venta: SweetAlert2 (si el modal es Swal.fire) */
body.dark-mode .swal2-popup{
    background: #0b1220 !important;
    background-color: #0b1220 !important;
    border: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.45) !important;
}
body.dark-mode .swal2-popup .swal2-title,
body.dark-mode .swal2-popup .swal2-html,
body.dark-mode .swal2-popup .swal2-html-container{
    color: #e2e8f0 !important;
}

/* SweetAlert2 Styles */
body.dark-mode .swal2-popup {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-main) !important;
    box-shadow: var(--dm-shadow-lg) !important;
    border: 1px solid var(--dm-border-color) !important;
}

body.dark-mode .swal2-title,
body.dark-mode .swal2-html-container {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .swal2-footer {
    border-top: 1px solid var(--dm-border-color) !important;
    background-color: var(--dm-surface-modal) !important;
}

body.dark-mode .swal2-input, 
body.dark-mode .swal2-textarea, 
body.dark-mode .swal2-select {
    background-color: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-strong) !important;
}

body.dark-mode .swal2-input::placeholder {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .swal2-close {
    background-color: var(--dm-surface-input) !important;
    border: 1px solid var(--dm-border-strong) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .swal2-styled.swal2-confirm {
    background-color: var(--dm-surface-active) !important;
}

body.dark-mode .swal2-styled.swal2-cancel {
    background-color: var(--dm-surface-hover) !important;
    color: var(--dm-text-main) !important;
}

/* Venta - SweetAlert custom (html con #modal-venta-completada y clases mvc-*) */
body.dark-mode #modal-venta-completada{
    background: #0b1220 !important;
}
body.dark-mode #modal-venta-completada .mvc-left{
    background: #0f172a !important;
}
body.dark-mode #modal-venta-completada .mvc-right{
    background: #0b1220 !important;
    border-left: 1px dashed #334155 !important;
}
body.dark-mode #modal-venta-completada .mvc-title{
    color: #e2e8f0 !important;
}
body.dark-mode #modal-venta-completada .mvc-subtitle{
    color: #94a3b8 !important;
}
body.dark-mode #modal-venta-completada .mvc-action-btn{
    border: 1px dashed #334155 !important;
    background: transparent !important;
}
body.dark-mode #modal-venta-completada .mvc-action-btn:hover{
    background: #111827 !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.35) !important;
}
body.dark-mode #modal-venta-completada .mvc-action-btn i{
    color: #94a3b8 !important;
}
body.dark-mode #modal-venta-completada .mvc-action-text{
    color: #94a3b8 !important;
}

/* Inputs/selects dentro de SweetAlert (cuando el html trae form-control y no swal2-input) */
body.dark-mode .swal2-popup .form-control{
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border: 1px solid #334155 !important;
}
body.dark-mode .swal2-popup .form-label,
body.dark-mode .swal2-popup label{
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .nav-estados-premium {
    background: #0f172a !important;
    border-bottom-color: #1f2937 !important;
}
body.dark-mode[data-current-page="venta"] .nav-modern-tabs .nav-link,
body.dark-mode[data-current-page="venta"] .nav-estados-premium .nav-link,
body.dark-mode[data-current-page="venta"] .sidebar-salon-item,
body.dark-mode[data-current-page="venta"] .btn-action,
body.dark-mode[data-current-page="venta"] .btn-opciones,
body.dark-mode[data-current-page="venta"] .btn-refresh {
    background: #111827 !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] .nav-modern-tabs .nav-link:hover,
body.dark-mode[data-current-page="venta"] .nav-estados-premium .nav-link:hover,
body.dark-mode[data-current-page="venta"] .sidebar-salon-item:hover {
    background: #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .nav-modern-tabs .nav-link.active,
body.dark-mode[data-current-page="venta"] .nav-estados-premium .nav-link.active,
body.dark-mode[data-current-page="venta"] .sidebar-salon-item.active {
    background: #0f172a !important;
    color: #93c5fd !important;
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 2px 14px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="venta"] .sidebar-salon-item.active .badge-salon-conteo {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
body.dark-mode[data-current-page="venta"] .nav-estados-premium .nav-link .badge-contador {
    background: #1f2937 !important;
    color: #cbd5e1 !important;
}
body.dark-mode[data-current-page="venta"] .nav-estados-premium .nav-link.active .badge-contador {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #bfdbfe !important;
}

body.dark-mode[data-current-page="venta"] .nav-modern-tabs .nav-link:not(.active) .badge-modern {
    background: #1f2937 !important;
    color: #cbd5e1 !important;
}
body.dark-mode[data-current-page="venta"] .nav-modern-tabs .nav-link.active .badge-modern {
    background: rgba(59, 130, 246, 0.25) !important;
    color: #bfdbfe !important;
}

/* Inputs y filtros del POS */
body.dark-mode[data-current-page="venta"] .form-control,
body.dark-mode[data-current-page="venta"] .bootstrap-select .dropdown-toggle,
body.dark-mode[data-current-page="venta"] .selectpicker {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Mesas: mantener semÃ¡ntica de color por estado (suave) */
body.dark-mode[data-current-page="venta"] .btn-green .mesa-premium,
body.dark-mode[data-current-page="venta"] .btn-green .mesa-rebuilt,
body.dark-mode[data-current-page="venta"] .btn-green .m-monto-center,
body.dark-mode[data-current-page="venta"] .contenedor.btn-green .mesa-premium-wrapper,
body.dark-mode[data-current-page="venta"] .contenedor.btn-green .mesa-premium {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    border-color: #86efac !important;
}
body.dark-mode[data-current-page="venta"] .btn-reed .mesa-premium,
body.dark-mode[data-current-page="venta"] .btn-reed .mesa-rebuilt,
body.dark-mode[data-current-page="venta"] .btn-reed .m-monto-center,
body.dark-mode[data-current-page="venta"] .contenedor.btn-reed .mesa-premium-wrapper,
body.dark-mode[data-current-page="venta"] .contenedor.btn-reed .mesa-premium {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border-color: #fda4af !important;
}
body.dark-mode[data-current-page="venta"] .btn-blue .mesa-premium,
body.dark-mode[data-current-page="venta"] .btn-blue .mesa-rebuilt,
body.dark-mode[data-current-page="venta"] .btn-blue .m-monto-center,
body.dark-mode[data-current-page="venta"] .contenedor.btn-blue .mesa-premium-wrapper,
body.dark-mode[data-current-page="venta"] .contenedor.btn-blue .mesa-premium {
    background: #eff6ff !important;
    color: #1e3a8a !important;
    border-color: #93c5fd !important;
}

/* Refuerzo visual: tarjeta de mesa con estado visible */
body.dark-mode[data-current-page="venta"] .contenedor.btn-green .mesa-premium-wrapper,
body.dark-mode[data-current-page="venta"] .contenedor.btn-reed .mesa-premium-wrapper,
body.dark-mode[data-current-page="venta"] .contenedor.btn-blue .mesa-premium-wrapper {
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

/* Textos dentro de mesas para legibilidad */
body.dark-mode[data-current-page="venta"] .m-tiempo,
body.dark-mode[data-current-page="venta"] .m-nombre,
body.dark-mode[data-current-page="venta"] .m-pax,
body.dark-mode[data-current-page="venta"] .m-mozo {
    color: #0f172a !important;
}

/* Listados de pedidos y bloques blancos del flujo */
body.dark-mode[data-current-page="venta"] #delivery_list .card,
body.dark-mode[data-current-page="venta"] #auto_servicio_list .card,
body.dark-mode[data-current-page="venta"] #list-mostrador-confirmacion .card,
body.dark-mode[data-current-page="venta"] #list-mostrador-cocina .card,
body.dark-mode[data-current-page="venta"] #list-mostrador-entregados .card,
body.dark-mode[data-current-page="venta"] #list-delivery-camino .card,
body.dark-mode[data-current-page="venta"] #list-delivery-entregados .card {
    background: #111827 !important;
    border-color: #1f2937 !important;
    color: #cbd5e1 !important;
}

/* ---------- Venta: modales (#modalDetallePedido tiene footer/body en blanco con !important en la vista) ---------- */
body.dark-mode #modalDetallePedido .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}
body.dark-mode #modalDetallePedido .modal-footer,
body.dark-mode #modalDetallePedido .modal-footer.card-footer-right {
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}
body.dark-mode #modalDetallePedido .modal-title,
body.dark-mode #modalDetallePedido .modal-title span {
    color: #f8fafc !important;
}
body.dark-mode .modal-mesa-pro .total-footer,
body.dark-mode .modal-mesa-pro .total-footer span {
    color: #f8fafc !important;
}
body.dark-mode #modalDetallePedido .empty-state-title,
body.dark-mode #modalDetallePedido .empty-state-title b {
    color: #e2e8f0 !important;
}
body.dark-mode #modalDetallePedido .empty-state-text {
    color: #94a3b8 !important;
}
body.dark-mode #modalDetallePedido .empty-state-icon {
    background: linear-gradient(135deg, #1f2937 0%, #334155 100%) !important;
}
body.dark-mode #modalDetallePedido .empty-state-icon i {
    color: #94a3b8 !important;
}
body.dark-mode #modalDetallePedido .section-header-modern {
    background: #0f172a !important;
    border-color: #1f2937 !important;
}
body.dark-mode #modalDetallePedido .section-title {
    color: #e2e8f0 !important;
}

/* Modal datos mesa (libre/ocupada) â€” el .modal-body global de venta/index usa fondo blanco !important */
body.dark-mode #modal-pedido-mesa .modal-content,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-content {
    background: #0b1220 !important;
    border: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}
body.dark-mode #modal-pedido-mesa .modal-header,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-header {
    background: transparent !important;
}
body.dark-mode #modal-pedido-mesa .modal-title-modern,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-title-modern {
    color: #f8fafc !important;
}
body.dark-mode #modal-pedido-mesa .modal-body,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
    scrollbar-color: #334155 #0b1220 !important;
}
body.dark-mode #modal-pedido-mesa .modal-body::-webkit-scrollbar-track,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-body::-webkit-scrollbar-track {
    background: #0b1220 !important;
}
body.dark-mode #modal-pedido-mesa .modal-body::-webkit-scrollbar-thumb,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-body::-webkit-scrollbar-thumb {
    background: #334155 !important;
}
body.dark-mode #modal-pedido-mesa .modal-body h5,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-body h5 {
    color: #f8fafc !important;
}
body.dark-mode #modal-pedido-mesa .numero-personas,
body.dark-mode #modal-confirmar-pedido-autoservicio .numero-personas,
body.dark-mode #modal-pedido-mesa #buscar_mozo_modal,
body.dark-mode #modal-confirmar-pedido-autoservicio #buscar_mozo_mau {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}
body.dark-mode #modal-pedido-mesa .modal-body label,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-body label {
    color: #cbd5e1 !important;
}
body.dark-mode #modal-pedido-mesa .modal-footer,
body.dark-mode #modal-confirmar-pedido-autoservicio .modal-footer {
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
}

/* Pantalla orden (productos + detalle): mÃ¡rgenes claros del wrapper */
body.dark-mode .layout-orden-pro {
    background: #0b1220 !important;
}
body.dark-mode .layout-orden-pro .card-moderna {
    background-color: #0f172a !important;
    border-color: #1f2937 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}
body.dark-mode .layout-orden-pro .card-header.bg-white,
body.dark-mode .layout-orden-pro .card-footer.bg-white {
    background-color: #0f172a !important;
    border-color: #1f2937 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .layout-orden-pro .card-body.scroll_productos,
body.dark-mode .layout-orden-pro .card-body.scroll_orden {
    background: #0b1220 !important;
}
body.dark-mode .layout-orden-pro .btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .layout-orden-pro .text-slate-700 {
    color: #cbd5e1 !important;
}
body.dark-mode .layout-orden-pro .border-light,
body.dark-mode .layout-orden-pro .border-bottom {
    border-color: #334155 !important;
}
body.dark-mode .layout-orden-pro #btn-cobrar .btn-outline-primary {
    background-color: #1f2937 !important;
    color: #e2e8f0 !important;
    border-color: #3b82f6 !important;
}
/* Tarjetas de producto/categorÃ­a en orden (estilos con !important en orden.php) */
body.dark-mode .layout-orden-pro .item-producto {
    background: #111827 !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, 0.35) !important;
}
body.dark-mode .layout-orden-pro .item-producto .product-image-container {
    background-color: #0f172a !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .layout-orden-pro .product-title-name {
    color: #e2e8f0 !important;
}
body.dark-mode .layout-orden-pro .comment-widgets .comment-row,
body.dark-mode .layout-orden-pro .comment-widgets .comment-list {
    background: #111827 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .layout-orden-pro #list-detped.comment-widgets > .comment-list:hover {
    background: rgba(56, 189, 248, 0.14) !important;
    border-color: rgba(125, 211, 252, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.12) inset !important;
}

/* ---------- Tarjetas de pedidos (mostrador / delivery / auto servicio, generadas en venta_index.js) ---------- */
body.dark-mode .pedido-card-venta {
    background: #111827 !important;
    background-color: #111827 !important;
    /* Borde que resalta sobre fondo oscuro (misma familia cromÃ¡tica que pestaÃ±as activas) */
    border: 1px solid rgba(96, 165, 250, 0.65) !important;
    box-shadow:
        0 8px 26px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(59, 130, 246, 0.18) !important;
}
body.dark-mode .pedido-card-venta > .d-flex.justify-content-between.align-items-start.w-100 span:first-child {
    color: #e2e8f0 !important;
}
body.dark-mode .pedido-card-venta > .d-flex.justify-content-between.align-items-start.w-100 span:last-child {
    color: #94a3b8 !important;
}
body.dark-mode .pedido-card-venta h6 {
    color: #e2e8f0 !important;
}
body.dark-mode .pedido-card-venta .flex-grow-1.align-items-center > div:first-child {
    background: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pedido-card-venta .flex-grow-1 .ti-user {
    color: #94a3b8 !important;
}
body.dark-mode .pedido-card-venta > .d-flex.justify-content-between.align-items-end.w-100 {
    border-top: none !important;
}
body.dark-mode .pedido-card-venta > .d-flex.align-items-end.w-100.mt-1 {
    border-top: none !important;
}
body.dark-mode .pedido-card-venta > .d-flex.justify-content-between.align-items-end > span:last-child {
    color: #f8fafc !important;
}
body.dark-mode .pedido-card-nuevo {
    background-color: rgba(17, 24, 39, 0.92) !important;
    border: 2px dashed rgba(96, 165, 250, 0.75) !important;
    box-shadow:
        0 6px 22px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(59, 130, 246, 0.2) !important;
}
body.dark-mode .pedido-card-nuevo h6,
body.dark-mode .pedido-card-nuevo > span {
    color: #cbd5e1 !important;
}

/* Otros modales de venta (evitar header/body blancos) */
body.dark-mode[data-current-page="venta"] .modal:not(#modal-facturar) .modal-header {
    background: #0f172a !important;
    border-bottom: none !important;
}
body.dark-mode[data-current-page="venta"] .modal:not(#modal-facturar) .modal-title {
    color: #f1f5f9 !important;
}
body.dark-mode[data-current-page="venta"] .modal:not(#modal-facturar):not(#modalDetallePedido) .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}
body.dark-mode[data-current-page="venta"] .modal:not(#modal-facturar):not(#modalDetallePedido) .modal-footer {
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
}

/* ========================================================
   Venta - Orden (venta/orden): modo oscuro completo
   Incluye: agregar producto, editar precio, notas, tÃ³picos,
   agregar cliente y procesar pago.
   ======================================================== */

/* Layout principal (dos columnas) */
body.dark-mode[data-current-page="venta"] .layout-orden-pro {
    background: #0b1220 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-page {
    background: #0b1220 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-layout-clean {
    background: #0b1220 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-card-catalog .scroll_productos {
    background: #0b1220 !important;
    border-top-color: #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-toolbar,
body.dark-mode[data-current-page="venta"] .orden-pro-card-catalog > .card-header.bg-white {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-btn-volver {
    background: #1f2937 !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-btn-volver:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-search {
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-search--voice,
body.dark-mode[data-current-page="venta"] .orden-pro-search__field {
    background: #111827 !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-search__icon {
    color: #64748b !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-search__input {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .layout-orden-pro .item-producto .stock-badge--ok {
    background: linear-gradient(180deg, #422006 0%, #713f12 100%) !important;
    color: #fde68a !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] .layout-orden-pro .item-producto .stock-badge--loading {
    background: #1f2937 !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] .layout-orden-pro .item-producto .stock-badge--out {
    background: #431407 !important;
    color: #fdba74 !important;
    border-color: rgba(234, 88, 12, 0.4) !important;
}

body.dark-mode[data-current-page="venta"] .layout-orden-pro .item-producto .stock-badge--neg {
    background: #450a0a !important;
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] .item-producto .product-presentacion-plain {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="venta"] .orden-panel-header--pro {
    background: linear-gradient(135deg, #1d4ed8 0%, #172554 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] .orden-pro-confirm-btn {
    background: linear-gradient(180deg, #ca8a04 0%, #a16207 100%) !important;
    color: #fefce8 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] .card-header.bg-white,
body.dark-mode[data-current-page="venta"] .card-footer.bg-white,
body.dark-mode[data-current-page="venta"] .bg-white {
    background-color: #0f172a !important;
    border-color: #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .card-moderna,
body.dark-mode[data-current-page="venta"] .card-productos,
body.dark-mode[data-current-page="venta"] .card-detalle,
body.dark-mode[data-current-page="venta"] .card-productos,
body.dark-mode[data-current-page="venta"] .card-header,
body.dark-mode[data-current-page="venta"] .card-footer,
body.dark-mode[data-current-page="venta"] .card-moderna.shadow-sm {
    background: #0b1220 !important;
    border-color: #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .pos-card-resumen {
    background: #0f172a !important;
    border: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}

/* Lista de productos dentro de la orden (template JS) */
body.dark-mode[data-current-page="venta"] .warning-element {
    background: #0b1220 !important;
    border: 1.5px dashed #334155 !important; /* Override inline: border: 1.5px dashed #cbd5e1 */
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] .warning-element td,
body.dark-mode[data-current-page="venta"] .warning-element .precio,
body.dark-mode[data-current-page="venta"] .warning-element [style*="color: #1e293b"],
body.dark-mode[data-current-page="venta"] .warning-element [style*="color:#0f172a"],
body.dark-mode[data-current-page="venta"] .warning-element [style*="color: #0f172a"] {
    color: #e2e8f0 !important;
}

/* Asegurar que el Ã¡rea completa del renglÃ³n quede oscura */
body.dark-mode[data-current-page="venta"] #list-detped .warning-element,
body.dark-mode[data-current-page="venta"] #list-detped tr.warning-element {
    background: #0b1220 !important;
}

/* Rectificar divisores/dashed dentro del renglÃ³n */
body.dark-mode[data-current-page="venta"] #list-detped .warning-element [style*="border-right: 1.5px dashed"] {
    border-right-color: #334155 !important;
}

/* ========================================================
   Procesar Pago (venta/orden): tapar fondos blancos
   ======================================================== */
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen {
    background: #0f172a !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .pos-input-pago {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-item {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-item.active {
    background: #1d4ed8 !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-input {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Los paneles blancos laterales (grid-cobro-pro) se regeneran con background #fff !important */
body.dark-mode[data-current-page="venta"] #modal-facturar .grid-cobro-pro > div,
body.dark-mode[data-current-page="venta"] #modal-facturar .grid-cobro-pro > div:last-child {
    background-color: #0f172a !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .modal-footer.modal-facturar-footer,
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-footer.modal-facturar-footer * {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

/* Cabecera Procesar Pago (tiene fondo blanco en orden.php) */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-facturar-header,
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-header {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-bottom: 1px solid #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .modal-title,
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-title * {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .modal-facturar-header .btn-close,
body.dark-mode[data-current-page="venta"] #modal-facturar .btn-close {
    background: #111827 !important;
    border: 1px solid #334155 !important;
    opacity: 1 !important;
}

/* Asegurar fondo general del body del modal */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-facturar-body,
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

/* Cabecera (tÃ­tulo) en procesar pago: suele venir con style inline */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-facturar-header h4[style*="color:"] {
    color: #e2e8f0 !important;
}

/* Evitar fondos blancos en contenedores internos del facturar */
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen[style*="background"] {
    background: #0f172a !important;
}

/* ===========================
   Modal Nuevo Cliente
   =========================== */
body.dark-mode[data-current-page="venta"] #modal-cliente .modal-content {
    background: #0b1220 !important;
    border: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente .modal-header {
    background: #0f172a !important;
    border-bottom: 1px solid #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente .modal-title-cliente {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente .modal-footer {
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
}

/* Parches para bloques internos que traen background claro en style="" */
body.dark-mode[data-current-page="venta"] #modal-cliente div[style*="background: #f8fafc"],
body.dark-mode[data-current-page="venta"] #modal-cliente div[style*="background: #f1f5f9"],
body.dark-mode[data-current-page="venta"] #modal-cliente div[style*="background: #eff6ff"],
body.dark-mode[data-current-page="venta"] #modal-cliente .opcion_dni_ruc {
    background: #0f172a !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente label,
body.dark-mode[data-current-page="venta"] #modal-cliente .form-label {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente .form-control,
body.dark-mode[data-current-page="venta"] #modal-cliente textarea.form-control,
body.dark-mode[data-current-page="venta"] #modal-cliente input.form-control,
body.dark-mode[data-current-page="venta"] #modal-cliente select.form-control {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Parches contra estilos inline del cliente (background: white !important) */
body.dark-mode[data-current-page="venta"] #modal-cliente input[style*="background: white"] {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente input[style*="background: white"]::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

body.dark-mode[data-current-page="venta"] #modal-cliente textarea[style] {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Bloques internos blancos con background: #f8fafc (no siempre tienen !important) */
body.dark-mode[data-current-page="venta"] #modal-cliente div[style*="background: #f8fafc"] {
    background: #0f172a !important;
    border-color: #334155 !important;
}

/* BotÃ³n cancelar (btn-light) */
body.dark-mode[data-current-page="venta"] #modal-cliente .btn-light,
body.dark-mode[data-current-page="venta"] #modal-cliente .btn-light * {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Evitar texto oscuro sobre fondos oscuros */
body.dark-mode[data-current-page="venta"] #modal-cliente .text-slate-700 {
    color: #cbd5e1 !important;
}


/* Botones/inputs que en orden.php vienen con background: white */
body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-item[style*="background: white"],
body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-input[style*="background: white"],
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-input-pago[style*="background: #f8fafc"] {
    background: #0f172a !important;
}

/* ========================================================
   Modales de venta/orden
   ======================================================== */

/* Inputs/selects en modales */
body.dark-mode[data-current-page="venta"] #modal-agregar-producto .form-control,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .form-control,
body.dark-mode[data-current-page="venta"] #modal-nota .form-control,
body.dark-mode[data-current-page="venta"] #modal-cliente .form-control,
body.dark-mode[data-current-page="venta"] #modal-topicos .form-control,
body.dark-mode[data-current-page="venta"] #modal-facturar input,
body.dark-mode[data-current-page="venta"] #modal-facturar select,
body.dark-mode[data-current-page="venta"] #modal-facturar textarea {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-agregar-producto .modal-content,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .modal-content,
body.dark-mode[data-current-page="venta"] #modal-nota .modal-content,
body.dark-mode[data-current-page="venta"] #modal-topicos .modal-content,
body.dark-mode[data-current-page="venta"] #modal-detalle .modal-content,
body.dark-mode[data-current-page="venta"] #modal-anular .modal-content,
body.dark-mode[data-current-page="venta"] #modal-cliente .modal-content {
    background: #0b1220 !important;
    border: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-agregar-producto .modal-body,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .modal-body,
body.dark-mode[data-current-page="venta"] #modal-nota .modal-body,
body.dark-mode[data-current-page="venta"] #modal-topicos .modal-body,
body.dark-mode[data-current-page="venta"] #modal-detalle .modal-body,
body.dark-mode[data-current-page="venta"] #modal-anular .modal-body,
body.dark-mode[data-current-page="venta"] #modal-cliente .modal-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-agregar-producto .modal-header,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .modal-header,
body.dark-mode[data-current-page="venta"] #modal-nota .modal-header,
body.dark-mode[data-current-page="venta"] #modal-topicos .modal-header,
body.dark-mode[data-current-page="venta"] #modal-detalle .modal-header,
body.dark-mode[data-current-page="venta"] #modal-anular .modal-header {
    background: transparent !important;
    border-bottom: none !important;
}

/* Etiquetas y tÃ­tulos */
body.dark-mode[data-current-page="venta"] #modal-agregar-producto .form-label,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .form-label,
body.dark-mode[data-current-page="venta"] #modal-nota .form-label,
body.dark-mode[data-current-page="venta"] #modal-cliente .form-label,
body.dark-mode[data-current-page="venta"] #modal-topicos .form-label,
body.dark-mode[data-current-page="venta"] #modal-agregar-producto label,
body.dark-mode[data-current-page="venta"] #modal-edit-precio label,
body.dark-mode[data-current-page="venta"] #modal-nota label,
body.dark-mode[data-current-page="venta"] #modal-cliente label,
body.dark-mode[data-current-page="venta"] #modal-topicos label {
    color: #cbd5e1 !important;
}

/* Nota: alert-info */
body.dark-mode[data-current-page="venta"] #modal-nota .alert.alert-info {
    background: #0b2a4a !important;
    border: 1px solid #1f3b66 !important;
    color: #93c5fd !important;
}

/* Botones dentro de modales */
body.dark-mode[data-current-page="venta"] #modal-topicos .btn-light,
body.dark-mode[data-current-page="venta"] #modal-cliente .btn-light,
body.dark-mode[data-current-page="venta"] #modal-agregar-producto .btn-secondary,
body.dark-mode[data-current-page="venta"] #modal-edit-precio .btn-secondary {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ========================================================
   Procesar Pago (modal-facturar)
   ======================================================== */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-content {
    background: #0b1220 !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .modal-body,
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-body.modal-facturar-body {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .modal-footer.modal-facturar-footer {
    background: #0f172a !important;
    border-top: 1px solid #1f2937 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen {
    background: transparent !important;
    border: none !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-ticket-panel {
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-card-head--pro {
    background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 45%, #134e4a 100%) !important;
    border-bottom-color: #4338ca !important;
    box-shadow: none !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-card-body,
body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-scroll,
body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-scroll-inner {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-resumen-item {
    background: #111827 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-col-pago.columna-detalle-pago {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-pago-ticket-panel {
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-panel-pago-body {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .pos-input-pago {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-item {
    border: 2px solid #334155 !important;
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-item.active {
    border-color: #2563eb !important;
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

/* Evitar textos oscuros por inline: paneles "efectivo/tarjeta" y etiquetas */
body.dark-mode[data-current-page="venta"] #modal-facturar [style*="color: #0f172a"] ,
body.dark-mode[data-current-page="venta"] #modal-facturar [style*="color: #1e293b"] ,
body.dark-mode[data-current-page="venta"] #modal-facturar [style*="color: #334155"] ,
body.dark-mode[data-current-page="venta"] #modal-facturar .text-dark,
body.dark-mode[data-current-page="venta"] #modal-facturar .text-slate-700,
body.dark-mode[data-current-page="venta"] #modal-facturar .text-muted {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .metodo-pago-input {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Autocomplete del modal facturar */
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete.ui-menu,
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item a,
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item div,
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item-wrapper {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item:hover a,
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item:hover div,
body.dark-mode[data-current-page="venta"] #modal-facturar .ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

/* ========================================================
   Procesar Pago (modal-facturar): legibilidad premium
   - Mucho contenido viene con color negro por inline CSS
   - Forzamos color claro en textos y tabs/panels
   ======================================================== */
body.dark-mode[data-current-page="venta"] #modal-facturar,
body.dark-mode[data-current-page="venta"] #modal-facturar * {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .cobro-header-azul .cobro-buscar-cliente-titulo {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}

/* Checkboxes/switch: sin accent-color (rompe appearance:none de BS5). Tilde SVG explícito como en modules.css */
body.dark-mode[data-current-page="venta"] #modal-facturar input.form-check-input[type="checkbox"] {
    opacity: 1 !important;
    accent-color: revert !important;
}
body.dark-mode[data-current-page="venta"] #modal-facturar .form-check:not(.form-switch) input.form-check-input[type="checkbox"]:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-image: var(--bs-form-check-bg-image) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}
body.dark-mode[data-current-page="venta"] #modal-facturar input.form-check-input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.35) !important;
}
body.dark-mode[data-current-page="venta"] #modal-facturar input.form-check-input[type="checkbox"]:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.65) !important;
    outline-offset: 2px;
}

/*
 * Switch "RESUMIR POR CONSUMO" (orden.php): el .form-check.form-switch estÃ¡ FUERA de #grupo-comprobantes
 * (es hermano, no hijo). Los selectores antiguos no aplicaban â†’ fondo #f1f5f9 seguÃ­a visible.
 */
body.dark-mode[data-current-page="venta"] #modal-facturar #wrap_switch_resumir_consumo,
body.dark-mode[data-current-page="venta"] #modal-facturar .columna-detalle-pago .form-check.form-switch[style*="f1f5f9"],
body.dark-mode[data-current-page="venta"] #modal-facturar .form-check.form-switch.mb-2[style*="background"] {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar label[for="switch_consumo"],
body.dark-mode[data-current-page="venta"] #modal-facturar label[for="switch_consumo"].text-slate-700 {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar label[for="switch_consumo"] .text-primary {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #switch_consumo.form-check-input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #switch_consumo.form-check-input:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

/* ----- Procesar Pago: bloques inline (propina, cliente, mixto, badges) ----- */
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen h5.fw-bold,
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen h5[style*="color"] {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen .mt-2.pt-2[style*="border-top"] {
    border-top-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina[style*="background"],
body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina {
    background: rgba(6, 78, 59, 0.55) !important;
    border: 1px dashed rgba(52, 211, 153, 0.45) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina label,
body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina .text-muted,
body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina .small,
body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina span {
    color: #d1fae5 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina .form-control,
body.dark-mode[data-current-page="venta"] #modal-facturar .display-propina .form-select {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .text-dark,
body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .cobro-resumen-item__name,
body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .cobro-resumen-item .fw-bold.text-dark {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .cobro-resumen-item__meta {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .cobro-resumen-item__total .price {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #list-items-facturar .text-primary {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .label.label-warning,
body.dark-mode[data-current-page="venta"] #modal-facturar .label-warning {
    background: #78350f !important;
    color: #fef3c7 !important;
    border: 1px solid rgba(251, 191, 36, 0.45) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .columna-detalle-pago .input-group-text,
body.dark-mode[data-current-page="venta"] #modal-facturar .columna-detalle-pago .opcion-cliente,
body.dark-mode[data-current-page="venta"] #modal-facturar #buscar_cliente {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .columna-detalle-pago a.input-group-text {
    background-color: #0f172a !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #pago_efe {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #vuelto {
    color: #4ade80 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .display-pago-mixto [style*="#f8fafc"] {
    background: #1f2937 !important;
    border-color: #475569 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar [style*="background: #eff6ff"],
body.dark-mode[data-current-page="venta"] #modal-facturar [style*="background:#eff6ff"] {
    background: rgba(30, 58, 138, 0.4) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar [style*="background: #eff6ff"] .text-primary {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #panel_config_credito [style*="e0f2fe"],
body.dark-mode[data-current-page="venta"] #modal-facturar #panel_config_credito [style*="background: #e0f2fe"] {
    background: rgba(30, 58, 138, 0.45) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar #panel_config_credito .text-primary,
body.dark-mode[data-current-page="venta"] #modal-facturar #panel_config_credito .text-slate-700 {
    color: #bfdbfe !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .alert-info {
    background: rgba(30, 58, 138, 0.45) !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    color: #dbeafe !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .alert-info .text-muted {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .alert-warning {
    background: rgba(120, 53, 15, 0.45) !important;
    border: 1px solid rgba(251, 191, 36, 0.35) !important;
    color: #fef3c7 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .msgdocmento .alert-warning,
body.dark-mode[data-current-page="venta"] #modal-facturar .mensaje-amortizacion .alert-warning {
    color: #fef3c7 !important;
}

/* Excepciones al selector universal #modal-facturar * (botones y total) */
body.dark-mode[data-current-page="venta"] #modal-facturar .btn-success,
body.dark-mode[data-current-page="venta"] #modal-facturar .btn-success * {
    color: #ffffff !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .btn-secondary {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .btn-outline-primary {
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen div[style*="linear-gradient(135deg, #0f172a"],
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-card-resumen div[style*="linear-gradient(135deg, #0f172a"] * {
    color: #ffffff !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .text-success {
    color: #6ee7b7 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .text-danger {
    color: #fca5a5 !important;
}

body.dark-mode[data-current-page="venta"] #modal-facturar .text-primary {
    color: #93c5fd !important;
}

/* Footer inline background:#fff */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-footer.modal-facturar-footer[style*="background"] {
    background: #0f172a !important;
}

/* Header vidrio en modo oscuro (misma idea que layout-saas-pro) */
body.dark-mode header.topbar {
    background: linear-gradient(
        90deg,
        rgba(15, 23, 42, 0.88) 0%,
        rgba(30, 41, 59, 0.82) 100%
    ) !important;
    backdrop-filter: blur(16px) saturate(1.15);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.dark-mode header.topbar {
        background: linear-gradient(90deg, #0f172a, #1e293b) !important;
    }
}

/* ============================================================
   Tablero (/tablero) â€” bloques claros del HTML inline, Morris,
   tablas Top 10, canal de venta. Usa .dashboard-wrapper por si
   data-current-page no coincide con basename de la URL.
   ============================================================ */
body.dark-mode[data-current-page="tablero"] .tablero-soft-shell,
body.dark-mode .dashboard-wrapper .tablero-soft-shell {
    background: linear-gradient(135deg, #0f172a 0%, #111827 50%, #0f172a 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: var(--dm-card-shadow) !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-welcome-title,
body.dark-mode .dashboard-wrapper .tablero-welcome-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-welcome-clock,
body.dark-mode .dashboard-wrapper .tablero-welcome-clock {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-welcome-date,
body.dark-mode[data-current-page="tablero"] .tablero-tc-pair,
body.dark-mode[data-current-page="tablero"] .tablero-kpi-foot,
body.dark-mode[data-current-page="tablero"] .tablero-kpi-warn,
body.dark-mode .dashboard-wrapper .tablero-welcome-date,
body.dark-mode .dashboard-wrapper .tablero-tc-pair,
body.dark-mode .dashboard-wrapper .tablero-kpi-foot,
body.dark-mode .dashboard-wrapper .tablero-kpi-warn {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-tc-pair span strong,
body.dark-mode .dashboard-wrapper .tablero-tc-pair span strong {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-kpi-inline .tablero-kpi-monto,
body.dark-mode .dashboard-wrapper .tablero-kpi-inline .tablero-kpi-monto {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-welcome-icon-circle,
body.dark-mode .dashboard-wrapper .tablero-welcome-icon-circle {
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.28) 0%, rgba(16, 185, 129, 0.22) 100%) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-welcome-icon-circle .tablero-welcome-ti,
body.dark-mode .dashboard-wrapper .tablero-welcome-icon-circle .tablero-welcome-ti {
    color: #ddd6fe !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-caja-card .bootstrap-select > .dropdown-toggle,
body.dark-mode .dashboard-wrapper .tablero-caja-card .bootstrap-select > .dropdown-toggle {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

body.dark-mode[data-current-page="tablero"] .tablero-caja-card select.selectpicker.form-control,
body.dark-mode .dashboard-wrapper .tablero-caja-card select.selectpicker.form-control {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="tablero"] .card-doc-soft-violet,
body.dark-mode .dashboard-wrapper .card-doc-soft-violet {
    background: rgba(124, 58, 237, 0.14) !important;
    border-left-color: #a78bfa !important;
}

body.dark-mode[data-current-page="tablero"] .card-doc-soft-violet .icon-circle-pro,
body.dark-mode .dashboard-wrapper .card-doc-soft-violet .icon-circle-pro {
    background: rgba(124, 58, 237, 0.28) !important;
    color: #ddd6fe !important;
}

body.dark-mode[data-current-page="tablero"] .card-doc-soft-mint,
body.dark-mode .dashboard-wrapper .card-doc-soft-mint {
    background: rgba(16, 185, 129, 0.12) !important;
    border-left-color: #34d399 !important;
}

body.dark-mode[data-current-page="tablero"] .card-doc-soft-mint .icon-circle-pro,
body.dark-mode .dashboard-wrapper .card-doc-soft-mint .icon-circle-pro {
    background: rgba(16, 185, 129, 0.22) !important;
    color: #a7f3d0 !important;
}

body.dark-mode[data-current-page="tablero"] .kpi-doc-sub,
body.dark-mode .dashboard-wrapper .kpi-doc-sub {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .doc-kpi-card .text-dark,
body.dark-mode .dashboard-wrapper .doc-kpi-card .text-dark {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-legend-inline span,
body.dark-mode .dashboard-wrapper .chart-card .chart-legend-inline span {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill strong,
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill strong {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill small,
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill small {
    color: #94a3b8 !important;
}

/* Pills resumen pagos: anular fondos inline claros */
body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill[style*="ecfdf5"],
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill[style*="ecfdf5"] {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill[style*="eff6ff"],
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill[style*="eff6ff"] {
    background: rgba(59, 130, 246, 0.16) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill .text-success,
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill .text-success {
    color: #6ee7b7 !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .chart-summary-pill .text-primary,
body.dark-mode .dashboard-wrapper .chart-card .chart-summary-pill .text-primary {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="tablero"] .chart-card .badge.bg-light,
body.dark-mode .dashboard-wrapper .chart-card .badge.bg-light {
    background: #1f2937 !important;
    color: #cbd5e1 !important;
    border: 1px solid #334155 !important;
}

/* Morris (Raphael): refuerzo por si queda texto SVG heredado */
body.dark-mode[data-current-page="tablero"] #chart_ventas_documento svg text,
body.dark-mode[data-current-page="tablero"] #chart_metodos_pago svg text,
body.dark-mode .dashboard-wrapper #chart_ventas_documento svg text,
body.dark-mode .dashboard-wrapper #chart_metodos_pago svg text {
    fill: #cbd5e1 !important;
}

body.dark-mode[data-current-page="tablero"] #chart_metodos_pago svg text,
body.dark-mode .dashboard-wrapper #chart_metodos_pago svg text {
    fill: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .card-header-pro,
body.dark-mode .dashboard-wrapper .card-header-pro {
    background: #161d31 !important;
    border-bottom-color: rgba(148, 163, 184, 0.15) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="tablero"] .nav-tabs-pro,
body.dark-mode .dashboard-wrapper .nav-tabs-pro {
    border-bottom-color: rgba(148, 163, 184, 0.15) !important;
}

body.dark-mode[data-current-page="tablero"] .nav-tabs-pro .nav-link,
body.dark-mode .dashboard-wrapper .nav-tabs-pro .nav-link {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .nav-tabs-pro .nav-link.active,
body.dark-mode .dashboard-wrapper .nav-tabs-pro .nav-link.active {
    color: #93c5fd !important;
    border-bottom-color: #3b82f6 !important;
}

body.dark-mode[data-current-page="tablero"] .table-pro th,
body.dark-mode .dashboard-wrapper .table-pro th {
    color: #94a3b8 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="tablero"] .table-pro td,
body.dark-mode .dashboard-wrapper .table-pro td {
    color: #e2e8f0 !important;
    border-bottom-color: rgba(148, 163, 184, 0.1) !important;
}

body.dark-mode[data-current-page="tablero"] .middle-main-grid .tab-pane .d-flex span[style*="font-weight:500"],
body.dark-mode .dashboard-wrapper .middle-main-grid .tab-pane .d-flex span[style*="font-weight:500"] {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10,
body.dark-mode .dashboard-wrapper .card-top10 {
    background: var(--dm-card-bg) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .card-header-top10,
body.dark-mode .dashboard-wrapper .card-top10 .card-header-top10 {
    background: #1a2336 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .titulo-top10,
body.dark-mode .dashboard-wrapper .card-top10 .titulo-top10 {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .subtitulo-top10,
body.dark-mode .dashboard-wrapper .card-top10 .subtitulo-top10 {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 thead th,
body.dark-mode .dashboard-wrapper .table-top10 thead th {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

/*
 * Top 10: Bootstrap 5 pinta el fondo en cada <td> (--bs-table-bg / hover), no solo en <tr>.
 * Sin esto quedaba fila â€œblancaâ€ con texto claro del modo oscuro (ilegible).
 */
body.dark-mode[data-current-page="tablero"] .card-top10 .table-top10,
body.dark-mode .dashboard-wrapper .card-top10 .table-top10 {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(30, 41, 59, 0.35);
    --bs-table-hover-bg: rgba(51, 65, 85, 0.65);
    --bs-table-hover-color: #f8fafc;
    color: #e2e8f0;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .table-top10 tbody tr > *,
body.dark-mode .dashboard-wrapper .card-top10 .table-top10 tbody tr > * {
    background-color: transparent !important;
    --bs-table-accent-bg: transparent;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .table-top10.table-striped > tbody > tr:nth-of-type(odd) > *,
body.dark-mode .dashboard-wrapper .card-top10 .table-top10.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(30, 41, 59, 0.4);
    background-color: rgba(30, 41, 59, 0.35) !important;
}

body.dark-mode[data-current-page="tablero"] .card-top10 .table-top10 tbody tr:hover > *,
body.dark-mode .dashboard-wrapper .card-top10 .table-top10 tbody tr:hover > * {
    --bs-table-accent-bg: rgba(51, 65, 85, 0.75) !important;
    background-color: rgba(51, 65, 85, 0.55) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 tbody td,
body.dark-mode .dashboard-wrapper .table-top10 tbody td {
    color: #e2e8f0 !important;
    border-bottom-color: rgba(148, 163, 184, 0.1) !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 tbody tr:hover,
body.dark-mode .dashboard-wrapper .table-top10 tbody tr:hover {
    background: transparent !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 .product-name,
body.dark-mode .dashboard-wrapper .table-top10 .product-name {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 .product-presentacion,
body.dark-mode .dashboard-wrapper .table-top10 .product-presentacion {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .table-top10 .progress-wrap,
body.dark-mode .dashboard-wrapper .table-top10 .progress-wrap {
    background: #334155 !important;
}

body.dark-mode[data-current-page="tablero"] .card-top01 .nombre-top01,
body.dark-mode .dashboard-wrapper .card-top01 .nombre-top01 {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="tablero"] .card-top01 .categoria-top01,
body.dark-mode .dashboard-wrapper .card-top01 .categoria-top01 {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .card-top01 .ventas-badge,
body.dark-mode .dashboard-wrapper .card-top01 .ventas-badge {
    background: #1f2937 !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="tablero"] .card-top01 .ventas-badge .num-ventas,
body.dark-mode .dashboard-wrapper .card-top01 .ventas-badge .num-ventas {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="tablero"] .icon-circle-pro.bg-light-success,
body.dark-mode .dashboard-wrapper .icon-circle-pro.bg-light-success {
    background: rgba(16, 185, 129, 0.22) !important;
    color: #6ee7b7 !important;
}

body.dark-mode[data-current-page="tablero"] .icon-circle-pro.bg-light-info,
body.dark-mode .dashboard-wrapper .icon-circle-pro.bg-light-info {
    background: rgba(14, 165, 233, 0.2) !important;
    color: #7dd3fc !important;
}

body.dark-mode[data-current-page="tablero"] .icon-circle-pro.bg-light-warning,
body.dark-mode .dashboard-wrapper .icon-circle-pro.bg-light-warning {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fcd34d !important;
}

body.dark-mode[data-current-page="tablero"] .icon-circle-pro.bg-light-danger,
body.dark-mode .dashboard-wrapper .icon-circle-pro.bg-light-danger {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
}

body.dark-mode[data-current-page="tablero"] .caja-context-note,
body.dark-mode .dashboard-wrapper .caja-context-note {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .caja-context-badge,
body.dark-mode .dashboard-wrapper .caja-context-badge {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="tablero"] .pill-item h6,
body.dark-mode .dashboard-wrapper .pill-item h6 {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="tablero"] .text-kpi,
body.dark-mode .dashboard-wrapper .text-kpi {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="tablero"] .top10-empty .title-empty,
body.dark-mode .dashboard-wrapper .top10-empty .title-empty {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="tablero"] .top10-empty .subtitle-empty,
body.dark-mode .dashboard-wrapper .top10-empty .subtitle-empty {
    color: #94a3b8 !important;
}

/* ============================================================
   Venta / orden â€” tÃ­tulos modal cobro (sin color inline forzado)
   ============================================================ */
body.dark-mode[data-current-page="venta"] #modal-facturar .modal-facturar-title-main,
body.dark-mode[data-current-page="venta"] #modal-facturar .pos-resumen-orden-titulo {
    color: #f8fafc !important;
}

/* ============================================================
   MÃ³dulo Caja (/caja/*) â€” tarjetas, tabs, encabezados informe_pro
   data-current-page="caja" (header.php) + .caja-apercie-page en apertura
   ============================================================ */
body.dark-mode[data-current-page="caja"] .inf-ven-title,
body.dark-mode.caja-apercie-page .inf-ven-title {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-breadcrumb a,
body.dark-mode.caja-apercie-page .inf-ven-breadcrumb a {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-breadcrumb .active,
body.dark-mode.caja-apercie-page .inf-ven-breadcrumb .active {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-header-icon,
body.dark-mode.caja-apercie-page .inf-ven-header-icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(99, 102, 241, 0.16)) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-label,
body.dark-mode.caja-apercie-page .inf-ven-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-card-head-title,
body.dark-mode.caja-apercie-page .inf-ven-card-head-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-card-head-desc,
body.dark-mode.caja-apercie-page .inf-ven-card-head-desc {
    color: #94a3b8 !important;
}

/* informe_pro: .inf-ven-card-head gradiente claro (Monitor â€œLista de ventasâ€, etc.) */
body.dark-mode[data-current-page="caja"] .inf-ven-card-head,
body.dark-mode.caja-apercie-page .inf-ven-card-head {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-card-head > i,
body.dark-mode.caja-apercie-page .inf-ven-card-head > i {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-stat,
body.dark-mode.caja-apercie-page .inf-ven-stat {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: var(--dm-card-shadow) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-stat:hover,
body.dark-mode.caja-apercie-page .inf-ven-stat:hover {
    background: #1a2336 !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: var(--dm-card-shadow-hover) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-stat-title,
body.dark-mode[data-current-page="caja"] .inf-ven-stat-value,
body.dark-mode.caja-apercie-page .inf-ven-stat-title,
body.dark-mode.caja-apercie-page .inf-ven-stat-value {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .mon-nav-tabs .nav-link,
body.dark-mode.caja-apercie-page .mon-nav-tabs .nav-link {
    color: #94a3b8 !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="caja"] .mon-nav-tabs .nav-link.active,
body.dark-mode.caja-apercie-page .mon-nav-tabs .nav-link.active {
    color: #93c5fd !important;
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .text-warning,
body.dark-mode.caja-apercie-page .inf-ven-monitor-pro .text-warning {
    color: #fbbf24 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro h6.font-bold,
body.dark-mode.caja-apercie-page .inf-ven-monitor-pro h6.font-bold {
    color: #cbd5e1 !important;
}

/* Apertura/cierre: tarjetas kiosko y tabs */
body.dark-mode[data-current-page="caja"] .apercie-kiosko-skin .apc-card,
body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-card {
    background: var(--dm-card-bg, #161d31) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: var(--dm-card-shadow) !important;
}

body.dark-mode[data-current-page="caja"] .apercie-kiosko-skin .inf-pro-icon--caja-apc,
body.dark-mode.caja-apercie-page .apercie-kiosko-skin .inf-pro-icon--caja-apc {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(37, 99, 235, 0.15)) !important;
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="caja"] .fact-nav-tabs-caja,
body.dark-mode.caja-apercie-page .fact-nav-tabs-caja {
    border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode[data-current-page="caja"] .fact-nav-tabs-caja .nav-link,
body.dark-mode.caja-apercie-page .fact-nav-tabs-caja .nav-link {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .fact-nav-tabs-caja .nav-link:hover,
body.dark-mode.caja-apercie-page .fact-nav-tabs-caja .nav-link:hover {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .fact-nav-tabs-caja .nav-link.active,
body.dark-mode.caja-apercie-page .fact-nav-tabs-caja .nav-link.active {
    color: #f8fafc !important;
    background-color: #0f172a !important;
    border-top-color: #3b82f6 !important;
    border-left-color: rgba(148, 163, 184, 0.2) !important;
    border-right-color: rgba(148, 163, 184, 0.2) !important;
    border-bottom-color: #0f172a !important;
}

body.dark-mode[data-current-page="caja"] .custom-pills-caja .nav-link,
body.dark-mode.caja-apercie-page .custom-pills-caja .nav-link {
    background: #111827 !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

body.dark-mode[data-current-page="caja"] .custom-pills-caja .nav-link:hover,
body.dark-mode.caja-apercie-page .custom-pills-caja .nav-link:hover {
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="caja"] .custom-pills-caja .nav-link.active,
body.dark-mode.caja-apercie-page .custom-pills-caja .nav-link.active {
    background: rgba(37, 99, 235, 0.25) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

body.dark-mode[data-current-page="caja"] .apercie-lock-banner .rounded-4.border,
body.dark-mode.caja-apercie-page .apercie-lock-banner .rounded-4.border {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="caja"] .apercie-lock-banner .text-body,
body.dark-mode[data-current-page="caja"] .apercie-lock-banner .text-body-secondary,
body.dark-mode[data-current-page="caja"] .apercie-lock-banner strong,
body.dark-mode.caja-apercie-page .apercie-lock-banner .text-body,
body.dark-mode.caja-apercie-page .apercie-lock-banner .text-body-secondary,
body.dark-mode.caja-apercie-page .apercie-lock-banner strong {
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .swal2-popup {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode.caja-apercie-page .swal2-title {
    color: #f8fafc !important;
}

body.dark-mode.caja-apercie-page .swal2-html-container {
    color: #cbd5e1 !important;
}

/* ============================================================
   MÃ³dulo Caja â€” modo oscuro completo (DataTables, resumen apercie,
   inputs; neutraliza estilos inline de views/caja/apercie.php)
   ============================================================ */
body.dark-mode[data-current-page="caja"],
body.dark-mode.caja-apercie-page {
    --caja-dm-surface: #161d31;
    --caja-dm-surface-2: #1a2336;
    --caja-dm-border: rgba(148, 163, 184, 0.16);
    /* Neutraliza --table-hover-bg (#f1f5f9) de ajustes-modern / tables-modern */
    --table-hover-bg: rgba(59, 130, 246, 0.14);
}

/* Bootstrap 5 â€” hover de tabla pinta cada celda vÃ­a --bs-table-hover-bg */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro,
body.dark-mode.caja-apercie-page .inf-ven-all-pro,
body.dark-mode[data-current-page="caja"] .display-arq_resumen,
body.dark-mode.caja-apercie-page .display-arq_resumen {
    --bs-table-bg: #161d31;
    --bs-table-color: #e2e8f0;
    --bs-table-hover-bg: rgba(59, 130, 246, 0.16);
    --bs-table-hover-color: #f8fafc;
    --bs-table-striped-bg: rgba(30, 41, 59, 0.42);
    --bs-table-active-bg: rgba(59, 130, 246, 0.22);
    --bs-table-active-color: #f8fafc;
    --bs-border-color: rgba(148, 163, 184, 0.18);
    --bs-table-border-color: rgba(148, 163, 184, 0.14);
}

/* ajustes-modern: table.table + tbody.tb-st fondo blanco y hover gris claro (!important) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table {
    background: var(--caja-dm-surface) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table tbody.tb-st,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table tbody.tb-st {
    background: var(--caja-dm-surface) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table tbody.tb-st td,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table tbody.tb-st td {
    color: #e2e8f0 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > th,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > th {
    background-color: rgba(59, 130, 246, 0.14) !important;
    background: rgba(59, 130, 246, 0.14) !important;
    color: #e2e8f0 !important;
    --bs-table-accent-bg: rgba(59, 130, 246, 0.14) !important;
}

/* tables-modern.css usa table#table â€” mayor especificidad que table.table */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-ventas.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-ventas.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-ventas.table.table-hover tbody.tb-st tr:hover > th,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-mesas.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-mesas.table.table-hover tbody.tb-st tr:hover > td {
    background-color: rgba(59, 130, 246, 0.14) !important;
    background: rgba(59, 130, 246, 0.14) !important;
    color: #e2e8f0 !important;
}

/* tables-modern: color #334155 en celdas (gana por #table) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table.table tbody.tb-st td,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-ventas.table tbody.tb-st td,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table#table-mesas.table tbody.tb-st td {
    color: #e2e8f0 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

/* BS5: hover aplica inset shadow en celdas hijas */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .table-hover > tbody > tr:hover > *,
body.dark-mode.caja-apercie-page .inf-ven-all-pro .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(59, 130, 246, 0.16) !important;
    color: #e2e8f0 !important;
    box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.16) !important;
}

/* informe_pro: resumen arqueo â€” filas tipo â€œmini cardâ€ con hover #f8fafc */
body.dark-mode[data-current-page="caja"] .display-arq_resumen .card table.table-hover tbody tr:hover,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .card table.table-hover tbody tr:hover td,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .card table.table-hover tbody tr:hover th {
    background: rgba(59, 130, 246, 0.14) !important;
    background-color: rgba(59, 130, 246, 0.14) !important;
    color: #e2e8f0 !important;
}

/* Apercie â€” pestaÃ±a Canales: tbody sin .tb-st */
body.dark-mode.caja-apercie-page .display-arq_resumen table.table-hover tbody tr:hover,
body.dark-mode.caja-apercie-page .display-arq_resumen table.table-hover tbody tr:hover > td {
    background-color: rgba(59, 130, 246, 0.14) !important;
    color: #e2e8f0 !important;
}

/* Tarjetas .card: mantener fondo oscuro al hover (layout-saas-pro solo sombra; refuerzo) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .card:hover,
body.dark-mode.caja-apercie-page .inf-ven-all-pro .card:hover,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .card:hover {
    background-color: var(--dm-card-bg, #161d31) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-card:hover {
    background-color: var(--dm-card-bg, #161d31) !important;
}

/* KPIs monitor/ingresos: sin salto a gris claro al pasar el mouse */
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card:hover {
    box-shadow: var(--dm-card-shadow-hover) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--ops:hover {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.26) 0%, rgba(120, 53, 15, 0.34) 100%) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--total:hover {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.24) 0%, rgba(6, 78, 59, 0.36) 100%) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--info:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.28) 0%, rgba(30, 58, 138, 0.36) 100%) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--slate:hover {
    background: linear-gradient(135deg, rgba(71, 85, 105, 0.45) 0%, rgba(30, 41, 59, 0.58) 100%) !important;
}

/* BÃºsqueda: ajustes-modern fuerza fondo blanco en :focus */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .global_filter:focus,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .global_filter_01:focus,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .global_filter_02:focus,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .inf-pro-global-filter:focus {
    background: #0f172a !important;
    color: #f1f5f9 !important;
    border-color: #3b82f6 !important;
}

/* Tarjetas informe_pro (fondo #fff !important en informe_pro.css) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro > .row > .col-md-7 > .card,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro > .row > .col-md-5 > .card,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .pro-cliente-col-list > .card,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .pro-cliente-col-detail > .card {
    background: var(--dm-card-bg, #161d31) !important;
    border-color: var(--caja-dm-border) !important;
    color: #cbd5e1 !important;
}

/* Resumen arqueo (apercie): tarjetas blancas y scroll areas */
body.dark-mode[data-current-page="caja"] .display-arq_resumen .card-group .card,
body.dark-mode[data-current-page="caja"] .display-arq_resumen > .row .card {
    background: var(--dm-card-bg, #161d31) !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .display-arq_resumen .social-widget {
    background: var(--caja-dm-surface-2) !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .display-arq_resumen .scroll-1,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .scroll-2,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .scroll-3 {
    background: var(--caja-dm-surface) !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .display-arq_resumen table thead th,
body.dark-mode[data-current-page="caja"] .display-arq_resumen table thead th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-bottom-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .display-arq_resumen table tbody td {
    color: #e2e8f0 !important;
    border-top-color: var(--caja-dm-border) !important;
}

/* KPIs resumen apercie (gradientes claros en informe_pro) */
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--ops {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.2) 0%, rgba(120, 53, 15, 0.28) 100%) !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--total {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(6, 78, 59, 0.28) 100%) !important;
    border-color: rgba(52, 211, 153, 0.28) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--info {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(30, 58, 138, 0.28) 100%) !important;
    border-color: rgba(147, 197, 253, 0.28) !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--slate {
    background: linear-gradient(135deg, rgba(71, 85, 105, 0.35) 0%, rgba(30, 41, 59, 0.5) 100%) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-stat-icon {
    background: #1e293b !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--ops .inf-ven-stat-value {
    color: #fcd34d !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--total .inf-ven-stat-value,
body.dark-mode[data-current-page="caja"] .inf-ven-stat-value--money {
    color: #6ee7b7 !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--info .inf-ven-stat-value {
    color: #93c5fd !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-card--slate .inf-ven-stat-value {
    color: #e2e8f0 !important;
}
body.dark-mode[data-current-page="caja"] .inf-ven-stat-label {
    color: #94a3b8 !important;
}

/* Tablas inf-ven-table */
body.dark-mode[data-current-page="caja"] .inf-ven-table-wrap {
    border-top-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-table thead th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-bottom-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-table tbody td {
    border-color: var(--caja-dm-border) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.08) !important;
}

/* DataTables (plugin + celdas vacÃ­as) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.dataTable,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.dataTable {
    background: transparent !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] table.dataTable thead th,
body.dark-mode[data-current-page="caja"] table.dataTable thead td,
body.dark-mode.caja-apercie-page table.dataTable thead th,
body.dark-mode.caja-apercie-page table.dataTable thead td {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] table.dataTable tbody th,
body.dark-mode[data-current-page="caja"] table.dataTable tbody td,
body.dark-mode.caja-apercie-page table.dataTable tbody th,
body.dark-mode.caja-apercie-page table.dataTable tbody td {
    background: var(--caja-dm-surface) !important;
    color: #e2e8f0 !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] table.dataTable td.dataTables_empty,
body.dark-mode.caja-apercie-page table.dataTable td.dataTables_empty {
    background: var(--caja-dm-surface) !important;
    color: #94a3b8 !important;
    border-left: 0 !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_info,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_info {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_filter input,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_filter input {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_length select,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_length select {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_paginate .paginate_button,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #334155 !important;
    color: #fff !important;
    border-color: rgba(148, 163, 184, 0.4) !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(59, 130, 246, 0.35) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

body.dark-mode[data-current-page="caja"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.dark-mode.caja-apercie-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.45 !important;
}

/* stylish-table + tablas con thead.table-head (monitor: #table-mesas, #table-ventas) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro table.table thead.table-head th,
body.dark-mode.caja-apercie-page .inf-ven-all-pro table.table thead.table-head th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .stylish-table thead th,
body.dark-mode.caja-apercie-page .stylish-table thead th {
    color: #cbd5e1 !important;
    border-bottom-color: var(--caja-dm-border) !important;
    background: #0f172a !important;
}

body.dark-mode[data-current-page="caja"] .stylish-table tbody td,
body.dark-mode.caja-apercie-page .stylish-table tbody td {
    color: #e2e8f0 !important;
    border-top-color: var(--caja-dm-border) !important;
}

body.dark-mode[data-current-page="caja"] .stylish-table tbody tr:hover,
body.dark-mode.caja-apercie-page .stylish-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.08) !important;
}

/* Filtros globales e inputs en panel caja */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .global_filter,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .inf-pro-global-filter {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .global_filter::placeholder {
    color: #64748b !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-toolbar {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-toolbar-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .text-dark {
    color: #e2e8f0 !important;
}

/* Apertura/cierre: estilos â€œSAASâ€ en la vista (mayor especificidad que body.caja-apercie-page) */
body.dark-mode.caja-apercie-page {
    background-color: #0b1220 !important;
}

body.dark-mode.caja-apercie-page .inf-ven-header {
    background: var(--dm-card-bg, #161d31) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: var(--dm-card-shadow) !important;
}

body.dark-mode.caja-apercie-page .inf-ven-title {
    color: #f8fafc !important;
}

body.dark-mode.caja-apercie-page .inf-ven-breadcrumb li.active {
    color: #94a3b8 !important;
}

body.dark-mode.caja-apercie-page .form-control,
body.dark-mode.caja-apercie-page .bootstrap-select > .dropdown-toggle,
body.dark-mode.caja-apercie-page .filter-option-inner-inner {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode.caja-apercie-page .form-control:focus,
body.dark-mode.caja-apercie-page .bootstrap-select > .dropdown-toggle:focus {
    background: #0f172a !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.dark-mode.caja-apercie-page .input-group-text {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #cbd5e1 !important;
}

body.dark-mode.caja-apercie-page .input-group .form-control {
    background: #111827 !important;
    color: #f1f5f9 !important;
}

body.dark-mode.caja-apercie-page .card-footer.bg-white {
    background-color: #161d31 !important;
    border-top-color: rgba(148, 163, 184, 0.14) !important;
    color: #cbd5e1 !important;
}

body.dark-mode.caja-apercie-page .customtab {
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode.caja-apercie-page .customtab li a.nav-link {
    color: #cbd5e1 !important;
}

body.dark-mode.caja-apercie-page .customtab li a.nav-link.active {
    color: #93c5fd !important;
    border-bottom-color: #3b82f6 !important;
}

body.dark-mode.caja-apercie-page .table {
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page h3,
body.dark-mode.caja-apercie-page h4,
body.dark-mode.caja-apercie-page h5,
body.dark-mode.caja-apercie-page h6 {
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .btn-secondary:not(.active) {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.dark-mode.caja-apercie-page .btn-secondary.active {
    color: #fff !important;
}

/* Kiosko apercie: secciones y monto cierre */
body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-section {
    background: #1a2336 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-title {
    color: #f8fafc !important;
}

body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-subtitle {
    color: #94a3b8 !important;
}

body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-label {
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-money-wrap {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-money-addon,
body.dark-mode.caja-apercie-page .apercie-kiosko-skin .apc-money-input {
    color: #f1f5f9 !important;
}

body.dark-mode.caja-apercie-page .inf-ven-all-pro #form-apertura .bootstrap-select > .dropdown-toggle,
body.dark-mode.caja-apercie-page .inf-ven-all-pro #form-cierre .bootstrap-select > .dropdown-toggle {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode.caja-apercie-page .inf-ven-all-pro #form-apertura .bootstrap-select .filter-option-inner-inner,
body.dark-mode.caja-apercie-page .inf-ven-all-pro #form-cierre .bootstrap-select .filter-option-inner-inner {
    color: #f1f5f9 !important;
}

/* Resumen arqueo: pie â€œMonto cierreâ€ usa bg-light + inline background */
body.dark-mode.caja-apercie-page .display-arq_resumen .bg-light,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .bg-light {
    background-color: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
    color: #cbd5e1 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .text-muted,
body.dark-mode[data-current-page="caja"] .display-arq_resumen .text-muted {
    color: #94a3b8 !important;
}

/* Monitor caja: fechas y separadores â€œalâ€ (informe_pro fondo claro !important) */
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-ven-ig,
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-ven-ig-mid {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-ven-date-group .form-control {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .bootstrap-select.inf-ven-select > .dropdown-toggle {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .bootstrap-select.inf-ven-select .filter-option-inner-inner {
    color: #e2e8f0 !important;
}

/* ============================================================
   Caja â€” Monitor: #table-ventas sin clase .table-head en <thead>
   (evita cabecera y cuerpo blancos; bÃºsqueda en panel monitor)
   ============================================================ */
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro table#table-ventas.inf-ven-table thead th,
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro table#table-ventas.inf-ven-table thead tr th {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro table#table-ventas thead tr {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="caja"] #table-ventas_wrapper table.dataTable thead th,
body.dark-mode[data-current-page="caja"] #table-ventas_wrapper table thead th {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] #table-ventas_wrapper .dataTables_scrollHead,
body.dark-mode[data-current-page="caja"] #table-ventas_wrapper .dataTables_scrollHeadInner,
body.dark-mode[data-current-page="caja"] #table-ventas_wrapper .dataTables_scrollBody {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .global_filter,
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-pro-global-filter {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .global_filter:focus,
body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-pro-global-filter:focus {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .global_filter::placeholder {
    color: #64748b !important;
}

/* ============================================================
   Caja â€” Modales Ingreso / Egreso (.pro-modal-caja: estilos !important
   en views/caja/ingreso.php y egreso.php; gana body + data-current-page)
   ============================================================ */
body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-header,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-footer {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-title {
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .btn-close {
    filter: invert(1) grayscale(1) brightness(1.2);
    opacity: 0.85;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels .form-group label,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .form-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels .form-control,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels textarea.form-control {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels .form-control::placeholder,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels textarea.form-control::placeholder {
    color: #64748b !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels .form-control:focus,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .floating-labels textarea.form-control:focus {
    background: #0b1220 !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .bootstrap-select > .dropdown-toggle {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .bootstrap-select .filter-option-inner-inner {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-footer .btn-secondary {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-footer .btn-secondary:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .modal-footer .btn-success {
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.25) !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .dropdown-menu {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .dropdown-menu .dropdown-item,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .bootstrap-select .dropdown-menu li a {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .pro-modal-caja .bootstrap-select .dropdown-menu li a:hover,
body.dark-mode[data-current-page="caja"] .pro-modal-caja .bootstrap-select .dropdown-menu li.selected a {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #f8fafc !important;
}

/* DataTables: contenedores scroll (ingreso/egreso/monitor) */
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .dataTables_wrapper .dataTables_scrollHead,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .dataTables_wrapper .dataTables_scrollHeadInner,
body.dark-mode[data-current-page="caja"] .inf-ven-all-pro .dataTables_wrapper .dataTables_scrollBody {
    background: #161d31 !important;
}

/* Monitor â€” modales inf-pro-modal (estilos inline en monitor.php) */
body.dark-mode[data-current-page="caja"] .inf-pro-modal .modal-content {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .modal-header {
    background: #111827 !important;
    border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .modal-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .modal-footer {
    background: #111827 !important;
    border-top-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .form-control:focus {
    background: #0b1220 !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .input-group-text {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal-label i {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.2);
    opacity: 0.85;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .bootstrap-select > .dropdown-toggle {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .inf-pro-modal .bootstrap-select .filter-option-inner-inner {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-mon-actions-box .dropdown-menu {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-mon-actions-box .dropdown-item {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="caja"] .inf-ven-monitor-pro .inf-mon-actions-box .dropdown-item:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #f8fafc !important;
}

/* ============================================================
   Caja â€” Apercie resumen: tablas sin .tb-st, scroll-*, card interno
   (filas blancas / texto claro ilegible)
   ============================================================ */
body.dark-mode.caja-apercie-page .display-arq_resumen .card.border-0,
body.dark-mode.caja-apercie-page .display-arq_resumen .card.shadow-sm {
    background: var(--dm-card-bg, #161d31) !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table,
body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table-hover {
    background: #161d31 !important;
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table tbody td,
body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table-hover tbody td,
body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table tbody th,
body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table-hover tbody th {
    background-color: #161d31 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table tbody tr:hover td,
body.dark-mode.caja-apercie-page .display-arq_resumen .card table.table-hover tbody tr:hover td {
    background-color: rgba(59, 130, 246, 0.12) !important;
    color: #f8fafc !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-1 table.table,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-2 table.table,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-3 table.table,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-1 table,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-2 table,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-3 table {
    background: #161d31 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-1 table tbody td,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-2 table tbody td,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-3 table tbody td {
    background-color: #161d31 !important;
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-1 table.table-hover tbody tr:hover td,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-2 table.table-hover tbody tr:hover td,
body.dark-mode.caja-apercie-page .display-arq_resumen .scroll-3 table.table-hover tbody tr:hover td {
    background-color: rgba(59, 130, 246, 0.14) !important;
    color: #f8fafc !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .card .card-body {
    background: transparent !important;
    color: #cbd5e1 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .card-body h3,
body.dark-mode.caja-apercie-page .display-arq_resumen .card-body h5,
body.dark-mode.caja-apercie-page .display-arq_resumen .card-body h6 {
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen small,
body.dark-mode.caja-apercie-page .display-arq_resumen .font-11 {
    color: #94a3b8 !important;
}

/* Tabla fija de cabecera (Documento / NÃºmero) sobre scroll en apercie */
body.dark-mode.caja-apercie-page .display-arq_resumen table.table thead.table-head th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
}

/* Apercie â€” pie resumen: sin inline !important (clase + bg-light); refuerzo */
body.dark-mode.caja-apercie-page .display-arq_resumen .apercie-resumen-footer,
body.dark-mode.caja-apercie-page .display-arq_resumen .apercie-resumen-footer.bg-light {
    background: #161d31 !important;
    background-color: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen .apercie-resumen-footer .text-muted {
    color: #94a3b8 !important;
}

/* Apercie â€” <style> vista: .stylish-table tbody tr:hover #f8fafc !important (todo el body) */
body.dark-mode.caja-apercie-page .stylish-table tbody tr:hover,
body.dark-mode.caja-apercie-page .stylish-table tbody tr:hover td {
    background-color: rgba(59, 130, 246, 0.12) !important;
    background: rgba(59, 130, 246, 0.12) !important;
    color: #e2e8f0 !important;
}

body.dark-mode.caja-apercie-page .stylish-table tbody td {
    color: #e2e8f0 !important;
    border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode.caja-apercie-page .stylish-table thead th {
    color: #cbd5e1 !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

/* BS5: hover por celda en tablas .table-hover del resumen */
body.dark-mode.caja-apercie-page .display-arq_resumen .table-hover > tbody > tr:hover > *,
body.dark-mode.caja-apercie-page .display-arq_resumen table.table-hover tbody tr:hover > td {
    --bs-table-accent-bg: rgba(59, 130, 246, 0.14) !important;
    color: #f1f5f9 !important;
    box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.14) !important;
    background-color: transparent !important;
}

body.dark-mode.caja-apercie-page .display-arq_resumen table.dataTable tbody tr:hover > td,
body.dark-mode.caja-apercie-page .display-arq_resumen table.dataTable tbody tr:hover {
    background-color: rgba(59, 130, 246, 0.12) !important;
    color: #f1f5f9 !important;
}

/* ============================================================
   MÃ³dulo Clientes (/cliente) â€” listado, detalle, tablas, modal
   ============================================================ */
body.dark-mode[data-current-page="cliente"] .pro-cliente-page {
    --bs-table-bg: #161d31;
    --bs-table-color: #e2e8f0;
    --bs-table-hover-bg: rgba(59, 130, 246, 0.12);
    --bs-table-hover-color: #f8fafc;
    --table-hover-bg: rgba(59, 130, 246, 0.12);
}

/*
 * informe_pro.css se enlaza DESPUÃ‰S de dark-mode en la vista â†’ gana en empate.
 * Tarjetas: .inf-ven-all-pro .pro-cliente-col-* > .card { background:#fff !important }
 * BÃºsqueda: .inf-ven-all-pro #global_filter { ... } (ID)
 */
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .pro-cliente-col-list > .card.pro-cliente-card-list,
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .pro-cliente-col-detail > .card.pro-cliente-card-detail {
    background: #161d31 !important;
    background-color: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .pro-cliente-col-list > .card.pro-cliente-card-list:hover,
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .pro-cliente-col-detail > .card.pro-cliente-card-detail:hover {
    background-color: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: var(--dm-card-shadow-hover) !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro #global_filter {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro #global_filter:focus {
    background: #0f172a !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .clientes-total {
    color: #fef3c7 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #334155 !important;
    color: #fff !important;
    border-color: rgba(148, 163, 184, 0.4) !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(59, 130, 246, 0.35) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro table.dataTable tbody td,
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro table.dataTable tbody th {
    color: #e2e8f0 !important;
}

/* tables-modern: table#table tbody td color #334155 (ID gana a .pro-cliente-page) */
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro table#table.table tbody.tb-st td,
body.dark-mode[data-current-page="cliente"] .inf-ven-all-pro table#table-ventas.table tbody.tb-st td {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-title {
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-breadcrumb a {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-breadcrumb .active {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cliente"] .inf-ven-header-icon {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.22), rgba(99, 102, 241, 0.14)) !important;
    color: #c4b5fd !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-search-wrap .global_filter,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page .global_filter {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-search-wrap .global_filter:focus,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page .global_filter:focus {
    background: #0f172a !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-search-wrap.floating-labels label.form-label {
    color: #94a3b8 !important;
}

/* PestaÃ±as Personas / Empresas (informe_pro: activo con fondo #fff) */
body.dark-mode[data-current-page="cliente"] .pro-cliente-tabs .nav-link {
    color: #94a3b8 !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-tabs .nav-link.active {
    color: #93c5fd !important;
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    border-bottom-color: #0f172a !important;
    box-shadow: 0 -2px 0 #3b82f6 inset !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-tabs .nav-link:hover:not(.active) {
    color: #cbd5e1 !important;
}

/* Tablas #table y #table-ventas (tables-modern + ajustes-modern) */
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table.table,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table.table,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table-ventas.table {
    background: #161d31 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page table.table tbody.tb-st,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table.table tbody.tb-st,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table-ventas.table tbody.tb-st {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table.table tbody.tb-st td,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table-ventas.table tbody.tb-st td {
    color: #e2e8f0 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table.table thead.table-head th,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table#table-ventas.table thead.table-head th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page table.table.table-hover tbody.tb-st tr:hover > td {
    background-color: rgba(59, 130, 246, 0.12) !important;
    background: rgba(59, 130, 246, 0.12) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(59, 130, 246, 0.12) !important;
    color: #e2e8f0 !important;
    box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.12) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page .dataTables_wrapper .dataTables_scrollHead,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page .dataTables_wrapper .dataTables_scrollBody {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page .dataTables_wrapper .dataTables_info,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(59, 130, 246, 0.35) !important;
    color: #bfdbfe !important;
}

/* Panel detalle derecho */
body.dark-mode[data-current-page="cliente"] .pro-cliente-detail-head.bg-light-inverse,
body.dark-mode[data-current-page="cliente"] h5.pro-cliente-detail-head {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-card-detail .display-one h4,
body.dark-mode[data-current-page="cliente"] .pro-cliente-card-detail .display-one .text-muted {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-card-detail .display-two h3,
body.dark-mode[data-current-page="cliente"] .pro-cliente-card-detail .display-two h6 {
    color: #cbd5e1 !important;
}

/* Modal â€” estilos !important en views/cliente/index.php <style> */
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-header,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-footer {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.2);
    opacity: 0.85;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body .bg-light-info,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body .bg-light-inverse {
    background: #1a2336 !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body .bg-light-info h6,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body .bg-light-inverse h6 {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-body .card-body.bg-header {
    background: transparent !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .bg-header {
    background: #111827 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels .form-group label,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels .form-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels .form-control,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels textarea.form-control {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels .form-control:focus,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .floating-labels textarea.form-control:focus {
    background: #0b1220 !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .cliente-tipo-pills {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .cliente-tipo-pills label.form-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .cliente-tipo-pills input#td_dni:checked + label.form-label,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .cliente-tipo-pills input#td_ruc:checked + label.form-label {
    background: #2563eb !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-footer .btn-secondary {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .modal-footer .btn-secondary:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal input:-webkit-autofill,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal textarea:-webkit-autofill,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal input:-webkit-autofill:hover,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal textarea:-webkit-autofill:hover,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal input:-webkit-autofill:focus,
body.dark-mode[data-current-page="cliente"] .pro-cliente-modal textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0f172a inset !important;
    box-shadow: 0 0 0 1000px #0f172a inset !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-modal .b-r {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-page .stylish-table tbody tr:hover,
body.dark-mode[data-current-page="cliente"] .pro-cliente-page .stylish-table tbody tr:hover td {
    background-color: rgba(59, 130, 246, 0.1) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cliente"] .pro-cliente-card-detail hr {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

/* ========== MÃ³dulo Compras (compra_pro.css) ========== */
body.dark-mode[data-current-page="compra"] .compra-pro-header-icon {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    color: #fb923c !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.dark-mode[data-current-page="compra"] .compra-pro-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-breadcrumb {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-breadcrumb li:not(:last-child)::after {
    color: #64748b !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-breadcrumb .active {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-breadcrumb a {
    color: #60a5fa !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card-head {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card-head > i {
    color: #fb923c !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card-head-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card-head-desc {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-filters {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-label i {
    color: #fb923c !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-date-group .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-date-group .form-control:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-ig,
body.dark-mode[data-current-page="compra"] .compra-pro-ig-mid {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-ig-mid {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-select.bootstrap-select > .dropdown-toggle {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-select.bootstrap-select > .dropdown-toggle:focus,
body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-select.bootstrap-select.show > .dropdown-toggle {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-select.bootstrap-select .filter-option-inner-inner {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-select.bootstrap-select > .dropdown-toggle:hover {
    background: #1e293b !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-date-group .form-control:hover {
    border-color: rgba(96, 165, 250, 0.35) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-card {
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-card--ops {
    background: linear-gradient(135deg, #1c1917 0%, #292524 100%) !important;
    border-color: rgba(251, 191, 36, 0.28) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-card--total {
    background: linear-gradient(135deg, #1c1917 0%, #431407 55%, #1c1917 100%) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-icon {
    background: #0f172a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    color: #fb923c !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-value {
    color: #fdba74 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-card--total .compra-pro-stat-value {
    color: #fed7aa !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-stat-label {
    color: #a8a29e !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-table-wrap {
    border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-table-wrap .table-responsive {
    border-color: rgba(148, 163, 184, 0.14) !important;
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-table-wrap .table-responsive::-webkit-scrollbar-track {
    background: #0f172a !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-table-wrap .table-responsive::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.35) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-table-wrap .table-responsive::-webkit-scrollbar-thumb:hover {
    background: rgba(96, 165, 250, 0.45) !important;
}

/* layout-saas-pro: .table { background:#fff } â€” anular en el <table> (DataTables + compra_pro) */
body.dark-mode[data-current-page="compra"] .compra-pro table.table.compra-pro-table.dataTable,
body.dark-mode[data-current-page="compra"] .compra-pro table#table01.table,
body.dark-mode[data-current-page="compra"] .compra-pro table#table.table {
    background-color: #161d31 !important;
    --bs-table-bg: #161d31 !important;
    --bs-table-striped-bg: #141c2e !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .table thead {
    background: transparent !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-table thead th {
    background: #111827 !important;
    color: #94a3b8 !important;
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-table tbody td {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .compra-pro-table.table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.12) !important;
}

/* layout-saas-pro: .table tbody tr:hover { background:#f8fafc } */
body.dark-mode[data-current-page="compra"] .compra-pro .table.table-hover tbody tr:hover {
    background: rgba(59, 130, 246, 0.1) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .table.table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-prov-top {
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-prov-search .form-control,
body.dark-mode[data-current-page="compra"] .compra-pro #global_filter {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro #global_filter::placeholder {
    color: #64748b !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro #global_filter:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_info,
body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_length label,
body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_filter label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #f8fafc !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(37, 99, 235, 0.55) !important;
    color: #f8fafc !important;
    border-color: rgba(96, 165, 250, 0.55) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #111827 !important;
    color: #64748b !important;
    border-color: rgba(148, 163, 184, 0.15) !important;
    opacity: 0.65 !important;
}

/* Modales compra */
body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-header,
body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-footer {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.2);
    opacity: 0.85;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .table thead th,
body.dark-mode[data-current-page="compra"] .compra-pro-modal thead.table-head th {
    background: #111827 !important;
    color: #94a3b8 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .table tbody td,
body.dark-mode[data-current-page="compra"] .compra-pro-modal tbody.tb-st td {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .table-hover tbody tr:hover,
body.dark-mode[data-current-page="compra"] .compra-pro-modal .table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-footer .btn-secondary {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .modal-footer .btn-secondary:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .floating-labels .form-label,
body.dark-mode[data-current-page="compra"] .compra-pro-modal .form-label.small {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal .form-control:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal#modal-credito .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal#modal-credito .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: rgba(15, 23, 42, 0.65) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-modal#modal-credito .table-hover tbody tr:hover > * {
    background: rgba(59, 130, 246, 0.14) !important;
}

/* Nueva compra */
body.dark-mode[data-current-page="compra"] .compra-pro-nueva .btn-compra-volver {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .btn-compra-volver:hover {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva-divider {
    background: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-card-head--sub {
    border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva-detalle-search {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva-detalle-search #label-unidad-medida {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .compra-pro-card-footer-actions {
    background: #111827 !important;
    border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .floating-labels .compra-pro-field-static > label.form-label,
body.dark-mode[data-current-page="compra"] .compra-pro .floating-labels .compra-pro-field-static > .compra-pro-nueva-select-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .form-control:not(.compra-pro-select) {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.stylish-table thead th,
body.dark-mode[data-current-page="compra"] .compra-pro-nueva .compra-pro-table thead.table-head th {
    background: #111827 !important;
    color: #94a3b8 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.stylish-table tbody td,
body.dark-mode[data-current-page="compra"] .compra-pro-nueva .compra-pro-table tbody.tb-st td {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: #e2e8f0 !important;
}

/* Nueva compra â€” neutraliza ajustes-modern: --table-hover-bg #f1f5f9 en tr:hover (!important) */
body.dark-mode[data-current-page="compra"] .compra-pro-nueva {
    --table-hover-bg: rgba(59, 130, 246, 0.18);
    --bs-table-hover-bg: rgba(59, 130, 246, 0.18);
    --bs-table-hover-color: #f8fafc;
    --bs-table-accent-bg: rgba(59, 130, 246, 0.18);
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.table tbody.tb-st {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="compra"] .compra-pro-nueva table.table.table-hover tbody.tb-st tr:hover > th {
    background: rgba(59, 130, 246, 0.18) !important;
    background-color: rgba(59, 130, 246, 0.18) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .stylish-table.table-hover tbody tr:hover,
body.dark-mode[data-current-page="compra"] .compra-pro-nueva .stylish-table.table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.18) !important;
    background-color: rgba(59, 130, 246, 0.18) !important;
}

/* BS5: hover por celda (box-shadow inset) sobre fila */
body.dark-mode[data-current-page="compra"] .compra-pro-nueva .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(59, 130, 246, 0.18) !important;
    box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.18) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva label.form-label[for="actualizastock"] {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-toolbar .btn-compra-nueva.btn-warning {
    background: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%) !important;
    border: 1px solid rgba(251, 146, 60, 0.45) !important;
    color: #fff7ed !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-toolbar .btn-compra-nueva.btn-warning:hover {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%) !important;
    color: #fff !important;
    border-color: rgba(253, 186, 116, 0.55) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .btn-agregar-insumo-pro.btn-warning {
    background: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%) !important;
    border-color: rgba(251, 146, 60, 0.45) !important;
    color: #fff7ed !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro-nueva .btn-agregar-insumo-pro.btn-warning:hover {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%) !important;
    color: #fff !important;
}

/* Compras â€” bootstrap-select: menÃº desplegable (ajustes-modern fuerza color #334155 en li a) */
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu.inner,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu.inner {
    background: #111827 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li a,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li a,
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li a span.text,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li a span.text {
    color: #e2e8f0 !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li a:hover,
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li a:focus,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li a:hover,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li a:focus,
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.active a,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.active a {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.selected a,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.selected a,
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.selected a span.text,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.selected a span.text {
    background: rgba(59, 130, 246, 0.42) !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.disabled a,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.disabled a {
    color: #64748b !important;
    opacity: 0.85;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu .dropdown-header,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu .dropdown-header,
body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.dropdown-header,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.dropdown-header {
    color: #94a3b8 !important;
    background: rgba(15, 23, 42, 0.65) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .dropdown-menu li.divider,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .dropdown-menu li.divider {
    background: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .bs-searchbox,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .bs-searchbox {
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .bs-searchbox .form-control,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .bs-searchbox .form-control {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro .bootstrap-select .bs-searchbox .form-control::placeholder,
body.dark-mode[data-current-page="compra"] .bootstrap-select.compra-pro-select .bs-searchbox .form-control::placeholder {
    color: #64748b !important;
}

/* Compras â€” DataTables: fila vacÃ­a (dataTables.bootstrap4: fondo #fff + border-left #fff !important) */
body.dark-mode[data-current-page="compra"] .compra-pro .dataTables_wrapper,
body.dark-mode[data-current-page="compra"] .compra-pro #table01_wrapper,
body.dark-mode[data-current-page="compra"] .compra-pro #table_wrapper {
    background: transparent !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable tbody tr,
body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable.no-footer tbody tr {
    background: transparent !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable td.dataTables_empty,
body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable th.dataTables_empty {
    background: #161d31 !important;
    background-color: #161d31 !important;
    color: #94a3b8 !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    border-left: 5px solid #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable.stripe tbody tr.odd,
body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable.display tbody tr.odd {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable.stripe tbody tr.even,
body.dark-mode[data-current-page="compra"] .compra-pro table.dataTable.display tbody tr.even {
    background: #141c2e !important;
}

/* Compras â€” bootstrapMaterialDatePicker (.dtp en body, plugin material datetimepicker) */
body.dark-mode[data-current-page="compra"] .dtp {
    background: rgba(0, 0, 0, 0.62) !important;
}

body.dark-mode[data-current-page="compra"] .dtp > .dtp-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="compra"] .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: linear-gradient(90deg, #1e3a5f 0%, #0f172a 100%) !important;
    color: #f1f5f9 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="compra"] .dtp div.dtp-date,
body.dark-mode[data-current-page="compra"] .dtp div.dtp-time {
    background: linear-gradient(135deg, #1e3a8a 0%, #172554 100%) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .dtp div.dtp-actual-month,
body.dark-mode[data-current-page="compra"] .dtp div.dtp-actual-year {
    color: rgba(226, 232, 240, 0.85) !important;
}

body.dark-mode[data-current-page="compra"] .dtp div.dtp-picker {
    background: #161d31 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-picker-calendar {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tbody,
body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr,
body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > td {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > th {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > td > span.dtp-select-day {
    color: #64748b !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > td > a {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > td > a:hover {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .dtp table.dtp-picker-days tr > td > a.selected {
    background: #2563eb !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="compra"] .dtp .p10 > a {
    color: rgba(226, 232, 240, 0.9) !important;
}

body.dark-mode[data-current-page="compra"] .dtp .p10 > a:hover {
    color: #ffffff !important;
}

body.dark-mode[data-current-page="compra"] .dtp a.dtp-meridien-am,
body.dark-mode[data-current-page="compra"] .dtp a.dtp-meridien-pm {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-actual-meridien a.selected {
    background: #2563eb !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-picker-year {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .year-picker-item {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .year-picker-item:hover {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="compra"] .dtp .year-picker-item.active {
    color: #60a5fa !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-buttons {
    background: #111827 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
    padding: 12px 16px 16px !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-btn-cancel.btn-inverse {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-btn-cancel.btn-inverse:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-btn-ok.btn-success {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
    color: #ecfdf5 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .dtp-btn-ok.btn-success:hover {
    filter: brightness(1.08);
    color: #ffffff !important;
}

body.dark-mode[data-current-page="compra"] .dtp .btn-default.dtp-select-year-range {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="compra"] .dtp .btn-default.dtp-select-year-range:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

/* =============================================================================
   CrÃ©dito + Cobranza (informe_pro.css â€” inf-ven-all-pro, tablas, modales, .dtp)
   ============================================================================= */
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro {
    --table-hover-bg: rgba(59, 130, 246, 0.18);
    --bs-table-hover-bg: rgba(59, 130, 246, 0.18);
    --bs-table-hover-color: #f8fafc;
    --bs-table-accent-bg: rgba(59, 130, 246, 0.18);
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-header-icon,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-header-icon {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    color: #fbbf24 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-pro-icon--credito,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-pro-icon--credito {
    background: linear-gradient(135deg, #292524 0%, #1c1917 100%) !important;
    color: #fbbf24 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-title,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-breadcrumb .active,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-breadcrumb .active {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-breadcrumb a,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-breadcrumb a {
    color: #60a5fa !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-card,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-card {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-card-head,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-card-head {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-card-head-title,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-card-head-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-card-head-desc,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-card-head-desc {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-card-head > i,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-card-head > i {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-label,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-label i,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-label i {
    color: #60a5fa !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-filters .form-control,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-filters .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-filters .form-control:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-filters .form-control:hover {
    border-color: rgba(96, 165, 250, 0.35) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .input-group-text.bg-gris,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .input-group-text.bg-gris {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .input-group-text.bg-body-tertiary {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro #global_filter {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro #global_filter::placeholder {
    color: #64748b !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro #global_filter:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-date-group .form-control,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-date-group .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-ig,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-ig-mid,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-ig,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-ig-mid {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-toolbar,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-toolbar {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page .inf-cred-volver,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page .inf-cred-volver.btn-light {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page .inf-cred-volver:hover {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-stat,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: var(--dm-card-shadow, 0 4px 24px rgba(0, 0, 0, 0.35)) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-stat:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat:hover {
    background: #1a2336 !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-stat-title,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat-title {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-stat-value,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat-value {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat-value.text-danger {
    color: #f87171 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat-value.text-primary {
    color: #93c5fd !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-stat-value.text-success {
    color: #6ee7b7 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page .inf-ven-stat-title i {
    color: #fbbf24 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select > .dropdown-toggle,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select > .dropdown-toggle {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select > .dropdown-toggle:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select > .dropdown-toggle:hover {
    background: #1e293b !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .filter-option-inner-inner,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .filter-option-inner-inner {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a span.text,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a span.text {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li a:hover,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li.selected a,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .dropdown-menu li.selected a {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .bs-searchbox .form-control,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .bootstrap-select.inf-ven-select .bs-searchbox .form-control {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-cobranza-page .btn-outline-primary {
    border-color: rgba(96, 165, 250, 0.45) !important;
    color: #93c5fd !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="cobranza"] .inf-cobranza-page .btn-outline-primary:hover {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #f8fafc !important;
    border-color: rgba(96, 165, 250, 0.55) !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-pro .inf-cred-pill--deuda,
body.dark-mode[data-current-page="cobranza"] .inf-credito-pro .inf-cred-pill--deuda {
    background: rgba(127, 29, 29, 0.35) !important;
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-pro .inf-cred-pill--pendiente,
body.dark-mode[data-current-page="cobranza"] .inf-credito-pro .inf-cred-pill--pendiente {
    background: rgba(120, 53, 15, 0.4) !important;
    color: #fde68a !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-table-wrap,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-table-wrap {
    border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-table-wrap .table-responsive,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-table-wrap .table-responsive {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table.inf-ven-table,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table.inf-ven-table,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table#table.table,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table#table_cobranzas.table,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table#tabledetalle.table {
    background-color: #161d31 !important;
    --bs-table-bg: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-table thead th,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-table thead th,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table thead.table-head th,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table thead.table-head th {
    background: #111827 !important;
    color: #94a3b8 !important;
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-table tbody td,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-table tbody td {
    background: #161d31 !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .inf-ven-table tbody tr:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .inf-ven-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.14) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > th,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > td,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table.table-hover tbody.tb-st tr:hover > th {
    background: rgba(59, 130, 246, 0.18) !important;
    background-color: rgba(59, 130, 246, 0.18) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .stylish-table.table-hover tbody tr:hover,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .stylish-table.table-hover tbody tr:hover > td,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .stylish-table.table-hover tbody tr:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .stylish-table.table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.18) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .table-hover > tbody > tr:hover > *,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(59, 130, 246, 0.18) !important;
    box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.18) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.table tbody.tb-st,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.table tbody.tb-st {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .dataTables_wrapper .dataTables_info,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .dataTables_wrapper .dataTables_info,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .dataTables_wrapper .dataTables_length label,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .dataTables_wrapper .dataTables_length label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #f8fafc !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(37, 99, 235, 0.55) !important;
    color: #f8fafc !important;
    border-color: rgba(96, 165, 250, 0.55) !important;
}

body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.dataTable td.dataTables_empty,
body.dark-mode[data-current-page="credito"] .inf-ven-all-pro table.dataTable th.dataTables_empty,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.dataTable td.dataTables_empty,
body.dark-mode[data-current-page="cobranza"] .inf-ven-all-pro table.dataTable th.dataTables_empty {
    background: #161d31 !important;
    color: #94a3b8 !important;
    border-left: 5px solid #161d31 !important;
}

/* Modales â€” cobranza */
body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-content,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-header,
body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-footer,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-header,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-footer {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-title,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-body,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-body strong,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-body strong {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .form-control,
body.dark-mode[data-current-page="cobranza"] #modal-historial .table {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-historial .table thead th {
    background: #111827 !important;
    color: #94a3b8 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-historial .table tbody td {
    background: #161d31 !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.1) !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-historial .table-hover tbody tr:hover > td {
    background: rgba(59, 130, 246, 0.12) !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-footer .btn-secondary,
body.dark-mode[data-current-page="cobranza"] #modal-historial .modal-footer .btn-secondary {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="cobranza"] #modal-cobrar .modal-footer .btn-primary {
    background: #2563eb !important;
    border-color: rgba(96, 165, 250, 0.5) !important;
}

/* Modales â€” crÃ©dito detalle */
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-content,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-header,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-footer,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-header,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-footer {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-body,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-body {
    background: #161d31 !important;
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-title,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-title {
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .form-control,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .table {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #f1f5f9 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito label,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .floating-labels .inf-cred-det-field-static > label {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-credito .modal-footer .btn-secondary,
body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .modal-footer .btn-secondary {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .table thead th {
    background: #111827 !important;
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .inf-credito-detalle-page #modal-detalle .table tbody td {
    background: #161d31 !important;
    color: #e2e8f0 !important;
}

/* Calendario material (.dtp) â€” crÃ©dito y cobranza */
body.dark-mode[data-current-page="credito"] .dtp,
body.dark-mode[data-current-page="cobranza"] .dtp {
    background: rgba(0, 0, 0, 0.62) !important;
}

body.dark-mode[data-current-page="credito"] .dtp > .dtp-content,
body.dark-mode[data-current-page="cobranza"] .dtp > .dtp-content {
    background: #161d31 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.dark-mode[data-current-page="credito"] .dtp > .dtp-content > .dtp-date-view,
body.dark-mode[data-current-page="cobranza"] .dtp > .dtp-content > .dtp-date-view {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .dtp > .dtp-content > .dtp-date-view > header.dtp-header,
body.dark-mode[data-current-page="cobranza"] .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: linear-gradient(90deg, #1e3a5f 0%, #0f172a 100%) !important;
    color: #f1f5f9 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="credito"] .dtp div.dtp-picker-month,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-picker-month {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="credito"] .dtp div.dtp-date,
body.dark-mode[data-current-page="credito"] .dtp div.dtp-time,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-date,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-time {
    background: linear-gradient(135deg, #1e3a8a 0%, #172554 100%) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="credito"] .dtp div.dtp-actual-month,
body.dark-mode[data-current-page="credito"] .dtp div.dtp-actual-year,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-actual-month,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-actual-year {
    color: rgba(226, 232, 240, 0.85) !important;
}

body.dark-mode[data-current-page="credito"] .dtp div.dtp-picker,
body.dark-mode[data-current-page="cobranza"] .dtp div.dtp-picker {
    background: #161d31 !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .dtp .dtp-picker-calendar,
body.dark-mode[data-current-page="cobranza"] .dtp .dtp-picker-calendar {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tbody,
body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr,
body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > td,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tbody,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > td {
    background: #161d31 !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > th,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > th {
    color: #94a3b8 !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > td > span.dtp-select-day,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > td > span.dtp-select-day {
    color: #64748b !important;
    background: transparent !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > td > a,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > td > a {
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > td > a:hover,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > td > a:hover {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #f8fafc !important;
}

body.dark-mode[data-current-page="credito"] .dtp table.dtp-picker-days tr > td > a.selected,
body.dark-mode[data-current-page="cobranza"] .dtp table.dtp-picker-days tr > td > a.selected {
    background: #2563eb !important;
    color: #ffffff !important;
}

body.dark-mode[data-current-page="credito"] .dtp .dtp-buttons,
body.dark-mode[data-current-page="cobranza"] .dtp .dtp-buttons {
    background: #111827 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body.dark-mode[data-current-page="credito"] .dtp .dtp-btn-cancel.btn-inverse,
body.dark-mode[data-current-page="cobranza"] .dtp .dtp-btn-cancel.btn-inverse {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .dtp .dtp-btn-ok.btn-success,
body.dark-mode[data-current-page="cobranza"] .dtp .dtp-btn-ok.btn-success {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
    color: #ecfdf5 !important;
}

body.dark-mode[data-current-page="credito"] .dtp .btn-default.dtp-select-year-range,
body.dark-mode[data-current-page="cobranza"] .dtp .btn-default.dtp-select-year-range {
    background: #1e293b !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
}

body.dark-mode[data-current-page="credito"] .dtp a.dtp-meridien-am,
body.dark-mode[data-current-page="credito"] .dtp a.dtp-meridien-pm,
body.dark-mode[data-current-page="cobranza"] .dtp a.dtp-meridien-am,
body.dark-mode[data-current-page="cobranza"] .dtp a.dtp-meridien-pm {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

body.dark-mode[data-current-page="credito"] .dtp .year-picker-item,
body.dark-mode[data-current-page="cobranza"] .dtp .year-picker-item {
    color: #cbd5e1 !important;
}

body.dark-mode[data-current-page="credito"] .dtp .year-picker-item:hover,
body.dark-mode[data-current-page="cobranza"] .dtp .year-picker-item:hover {
    color: #93c5fd !important;
}

/* 
   ========================================================
   HEAVYWEIGHT OVERRIDES (Para módulos con alta especificidad)
   Módulos: Informes, Ajustes, Clientes, Tablas Modernas
   ======================================================== 
*/

body.dark-mode .inf-ven-all-pro .card,
body.dark-mode .inf-ven-all-pro .card-body,
body.dark-mode .inf-ven-all-pro .display-one,
body.dark-mode .inf-ven-all-pro .display-two,
body.dark-mode .inf-ven-all-pro .pro-cliente-col-list > .card,
body.dark-mode .inf-ven-all-pro .pro-cliente-col-detail > .card,
body.dark-mode .inf-ven-all-pro .pro-cliente-card-list,
body.dark-mode .inf-ven-all-pro .pro-cliente-card-detail,
body.dark-mode .inf-ven-all-pro .inf-ven-toolbar,
body.dark-mode .ajustes-modern .card,
body.dark-mode .ajustes-modern .card-header,
body.dark-mode .ajustes-modern .card-footer,
body.dark-mode .ajustes-modern .card-body {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important; /* Forzar ambos por si acaso */
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

/* Headers y Footers específicos que suelen tener gris claro o blanco */
body.dark-mode .inf-ven-all-pro .card-header,
body.dark-mode .inf-ven-all-pro .display-two h5,
body.dark-mode .inf-ven-all-pro .modal-header,
body.dark-mode .inf-ven-all-pro .modal-footer,
body.dark-mode .ajustes-modern .card-header,
body.dark-mode .ajustes-modern .card-footer {
    background-color: var(--dm-surface-modal) !important;
    background: var(--dm-surface-modal) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-heading) !important;
}

/* Stats y Widgets en Informes */
body.dark-mode .inf-ven-all-pro .pro-cliente-stat-card {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
    border-color: var(--dm-border-strong) !important;
    box-shadow: var(--dm-shadow-md) !important;
}

/* Inputs en Modales de Informes */
body.dark-mode .inf-ven-all-pro #modal .floating-labels .form-control,
body.dark-mode .inf-ven-all-pro #modal .floating-labels textarea.form-control,
body.dark-mode .inf-ven-all-pro #modal .floating-labels select.form-control,
body.dark-mode .inf-ven-all-pro #modal .floating-labels .selectpicker {
    background-color: var(--dm-surface-input) !important;
    background: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-strong) !important;
}

/* Fix para el autocompletado de Chrome en estos modales */
body.dark-mode .inf-ven-all-pro #modal input:-webkit-autofill,
body.dark-mode .inf-ven-all-pro #modal textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--dm-surface-input) inset !important;
    -webkit-text-fill-color: var(--dm-text-main) !important;
    box-shadow: 0 0 0 1000px var(--dm-surface-input) inset !important;
}

/* Badges y Pills en Informes */
body.dark-mode .inf-ven-all-pro .customtab.nav-tabs .nav-link {
    background-color: var(--dm-surface-input) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-muted) !important;
}

body.dark-mode .inf-ven-all-pro .customtab.nav-tabs .nav-link.active {
    background-color: var(--dm-surface-active) !important;
    color: #ffffff !important;
    border-color: var(--dm-surface-active) !important;
}


/* 
   REFUERZO FINAL DE ESPECIFICIDAD PARA CARDS
   Target: Informes, Ajustes, Tablas Modernas
*/
body.dark-mode .inf-ven-all-pro .card,
body.dark-mode .inf-ven-all-pro .card-body,
body.dark-mode .inf-ven-all-pro .display-one,
body.dark-mode .inf-ven-all-pro .display-two,
body.dark-mode .ajustes-modern .card,
body.dark-mode .ajustes-modern .card-body,
body.dark-mode .ajustes-modern .card-header,
body.dark-mode .ajustes-modern .card-footer,
body.dark-mode .layout-saas-pro .card,
body.dark-mode .card,
body.dark-mode .box,
body.dark-mode .widget {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .inf-ven-all-pro .card-header,
body.dark-mode .inf-ven-all-pro .modal-header,
body.dark-mode .inf-ven-all-pro .modal-footer,
body.dark-mode .inf-ven-all-pro h5,
body.dark-mode .ajustes-modern h3,
body.dark-mode [class*="white-box"] {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
}

/* ========================================================================
   ARCHITECTURAL THEME OVERRIDES (2026)
   ======================================================================== */

/* --- COMPONENT OVERRIDES (CORES) --- */
body.dark-mode .ui-autocomplete.ui-menu {
    background: var(--dm-surface-dropdown) !important;
    border-color: var(--dm-border-strong) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

body.dark-mode .ui-autocomplete .ui-menu-item a,
body.dark-mode .ui-autocomplete .ui-menu-item div,
body.dark-mode .ui-autocomplete .ui-menu-item-wrapper {
    color: var(--dm-text-main) !important;
}

body.dark-mode .ui-autocomplete .ui-menu-item:hover a,
body.dark-mode .ui-autocomplete .ui-menu-item:hover div,
body.dark-mode .ui-state-active a,
body.dark-mode .ui-state-active .ui-menu-item-wrapper {
    background: var(--dm-surface-hover) !important;
    color: var(--dm-surface-active) !important;
}

body.dark-mode .metodo-pago-item {
    background: var(--dm-surface-input) !important;
    border-color: var(--dm-border-strong) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .metodo-pago-item:hover,
body.dark-mode .metodo-pago-item.active {
    background: var(--dm-surface-hover) !important;
    border-color: var(--dm-surface-active) !important;
}

body.dark-mode .metodo-pago-input {
    background: var(--dm-surface-input) !important;
    border-color: var(--dm-border-strong) !important;
    color: var(--dm-text-main) !important;
}

/* --- MODULE OVERRIDES (VENTA) --- */
body.dark-mode .columna-detalle-pago {
    background: var(--dm-surface-card) !important;
    border: 1px solid var(--dm-border-color) !important;
}

body.dark-mode .total-cobrar-box {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid var(--dm-border-strong) !important;
}

body.dark-mode .pos-card-resumen {
    background: var(--dm-bg-body) !important;
    border: 1px solid var(--dm-border-color) !important;
}

body.dark-mode .pos-input-pago {
    background: var(--dm-surface-input) !important;
    color: var(--dm-text-heading) !important;
}

/* --- MODULE OVERRIDES (TABLERO) --- */
body.dark-mode .tablero-soft-shell {
    background: linear-gradient(135deg, #161d31 0%, #0f172a 100%) !important;
    border-color: var(--dm-border-strong) !important;
}

body.dark-mode .tablero-welcome-title,
body.dark-mode .tablero-welcome-clock {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .tablero-welcome-icon-circle {
    background: var(--dm-surface-hover) !important;
    border-color: var(--dm-border-strong) !important;
}

/* --- MODULE OVERRIDES (HIGH SPECIFICITY FOR LEGACY VIEWS) --- */

/* Módulo Informes: .inf-ven-all-pro */
body.dark-mode .inf-ven-all-pro .inf-ven-card,
body.dark-mode .inf-ven-all-pro .inf-ven-toolbar,
body.dark-mode .inf-ven-all-pro .inf-ven-card-head,
body.dark-mode .inf-ven-all-pro .inf-ven-toolbar-actions button:not(.btn-success),
body.dark-mode .inf-ven-all-pro .inf-ven-ig,
body.dark-mode .inf-ven-all-pro .inf-ven-ig-mid {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .inf-ven-all-pro .inf-ven-title,
body.dark-mode .inf-ven-all-pro .inf-ven-card-head-title,
body.dark-mode .inf-ven-all-pro .inf-ven-label,
body.dark-mode .inf-ven-all-pro .inf-ven-stat-value {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .inf-ven-all-pro .inf-ven-header-icon {
    background: var(--dm-surface-hover) !important;
    color: var(--dm-info) !important;
}

/* Módulo Ajustes: .productos-layout */
body.dark-mode .productos-layout .premium-card,
body.dark-mode .productos-layout .tabs-premium,
body.dark-mode .productos-layout .toolbar-premium,
body.dark-mode .productos-layout .table-left-col,
body.dark-mode .productos-layout .table-right-col,
body.dark-mode .productos-layout #head-p,
body.dark-mode .productos-layout .cat-header,
body.dark-mode .productos-layout .cat-list-container {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .productos-layout .search-big input,
body.dark-mode .productos-layout .bootstrap-tagsinput {
    background-color: var(--dm-surface-input) !important;
    background: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-strong) !important;
}

body.dark-mode .productos-layout .stylish-table th,
body.dark-mode .productos-layout .stylish-table td {
    color: var(--dm-text-main) !important;
    border-bottom-color: var(--dm-border-color) !important;
}

body.dark-mode .productos-layout .stylish-table th {
    background-color: var(--dm-surface-modal) !important;
    color: var(--dm-text-heading) !important;
}

body.dark-mode .productos-layout .stylish-table tbody tr:hover {
    background-color: var(--dm-surface-hover) !important;
}

/* Fix for Sticky Columns in Ajustes Table */
body.dark-mode .productos-layout .stylish-table th:nth-child(1),
body.dark-mode .productos-layout .stylish-table td:nth-child(1),
body.dark-mode .productos-layout .stylish-table th:nth-child(2),
body.dark-mode .productos-layout .stylish-table td:nth-child(2) {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
}

body.dark-mode .productos-layout .cat-header h4,
body.dark-mode .productos-layout .tab-premium-item.active,
body.dark-mode .productos-layout .product-title-name {
    color: var(--dm-text-heading) !important;
}

/* Módulo Optimización: .opt-grid */
body.dark-mode .opt-grid .opt-card {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .opt-grid .opt-title {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .opt-grid .opt-desc {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .opt-grid .btn-opt-primary {
    background-color: var(--dm-surface-hover) !important;
    color: var(--dm-info) !important;
}

body.dark-mode .opt-grid .btn-opt-primary:hover {
    background-color: var(--dm-info) !important;
    color: #ffffff !important;
}

/* --- FORCE LAYER (Final Reset for Hardcoded Legacy) --- */
body.dark-mode .bg-white, 
body.dark-mode .bg-light, 
body.dark-mode .light,
body.dark-mode .white-box,
body.dark-mode .bg-light-inverse,
body.dark-mode .bg-light-info {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-color) !important;
}

/* Neutralización de Estilos Inline (Solo cuando fuerzan blanco) */
body.dark-mode *[style*="background: #fff"],
body.dark-mode *[style*="background:#fff"],
body.dark-mode *[style*="background: #ffffff"],
body.dark-mode *[style*="background:#ffffff"],
body.dark-mode *[style*="background: white"],
body.dark-mode *[style*="background:white"],
body.dark-mode *[style*="background-color: #fff"],
body.dark-mode *[style*="background-color:#fff"],
body.dark-mode *[style*="background-color: #ffffff"],
body.dark-mode *[style*="background-color:#ffffff"],
body.dark-mode *[style*="background-color: white"],
body.dark-mode *[style*="background-color:white"] {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    color: var(--dm-text-main) !important;
}

/* ========================================= */
/* FINAL RESIDUE CORRECTION LAYER             */
/* ========================================= */

/* 1. UNIVERSAL HOVER & INTERACTIVE STATES (High Specificity) */
body.dark-mode .ajustes-card:hover,
body.dark-mode .list-group-item:hover,
body.dark-mode .table-hover tbody tr:hover,
body.dark-mode .stylish-table tbody tr:hover,
body.dark-mode .btn-opt-primary:hover,
body.dark-mode .dropdown-item:hover,
body.dark-mode .nav-link:hover,
body.dark-mode .nav-pills .nav-link:hover {
    background-color: var(--dm-surface-hover) !important;
    color: var(--dm-text-heading) !important;
    transform: translateX(4px) !important; /* Mantiene la animación si existe */
}

/* 2. UNIVERSAL CARD & SURFACE REINFORCEMENT */
body.dark-mode .ajustes-col,
body.dark-mode .premium-card,
body.dark-mode .opt-card,
body.dark-mode .white-box,
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .bg-white,
body.dark-mode .bg-light {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

/* 2.1 NUCLEAR CATCH-ALL (Utility Classes & Inline Styles) */
body.dark-mode .bg-white,
body.dark-mode .bg-light,
body.dark-mode .white-bg,
body.dark-mode .bg-gray-100,
body.dark-mode .bg-gray-200,
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color: #ffffff"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background: #ffffff"] {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    color: var(--dm-text-main) !important;
}

/* Prevención de falsos positivos en botones funcionales */
body.dark-mode .btn-success, 
body.dark-mode .btn-danger, 
body.dark-mode .btn-warning, 
body.dark-mode .btn-info,
body.dark-mode .btn-primary {
    color: #fff !important; /* Mantiene texto blanco en botones de color */
}

/* 2.2 GLOBAL STRUCTURAL CONTAINERS (The "Blind Spots") */
body.dark-mode .page-wrapper,
body.dark-mode .container-fluid,
body.dark-mode #main-wrapper,
body.dark-mode .wrapper-content,
body.dark-mode #page-wrapper {
    background-color: var(--dm-bg-body) !important;
    background: var(--dm-bg-body) !important;
}

/* 2.3 NAVIGATION & TABS (Universal & Combos) */
body.dark-mode .nav-tabs,
body.dark-mode .tabs-premium,
body.dark-mode .nav-item,
body.dark-mode .tab-content,
body.dark-mode .tab-pane,
body.dark-mode .nav-link.active {
    background-color: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .tab-premium-item {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .tab-premium-item.active {
    color: var(--dm-info) !important;
    border-bottom-color: var(--dm-info) !important;
    background: var(--dm-surface-hover) !important;
}

/* 2.4 MODULE SPECIFIC: GESTIÓN DE COMBOS & SPLIT AREAS */
body.dark-mode .combos-sidebar,
body.dark-mode .combos-main,
body.dark-mode .split-left,
body.dark-mode .split-right,
body.dark-mode #step2 {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

/* Info Box Contrast Repair (Fixing white-on-white) */
body.dark-mode .premium-info-box {
    background: var(--dm-surface-hover) !important;
    border-color: var(--dm-info) !important;
    box-shadow: none !important;
}

body.dark-mode .premium-info-box h3,
body.dark-mode .premium-info-box p,
body.dark-mode .premium-info-box h6,
body.dark-mode .premium-info-box ul li,
body.dark-mode .premium-info-box .text-info-title {
    color: var(--dm-text-heading) !important;
}

/* 2.5 TABLE EMPTY STATES (DataTables) */
body.dark-mode .dataTables_empty,
body.dark-mode td[colspan],
body.dark-mode .no-data-cell {
    background-color: var(--dm-surface-card) !important;
    color: var(--dm-text-muted) !important;
    text-align: center !important;
}

/* Estructura Interna de Tablas Stylish y Reportes */
body.dark-mode .stylish-table,
body.dark-mode .stylish-table td,
body.dark-mode .stylish-table th,
body.dark-mode .table-responsive table td {
    background-color: transparent !important;
    border-color: var(--dm-border-color) !important;
}

/* 2.6 MODULE SPECIFIC: MAIN INFORMES PAGE (index.php) */
body.dark-mode .informe-pro-card,
body.dark-mode .informe-pro-card-head,
body.dark-mode .informe-pro-panel-head,
body.dark-mode .informe-pro-placeholder-icon {
    background-color: var(--dm-surface-card) !important;
    background: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .informe-pro-header-icon {
    background: var(--dm-surface-hover) !important;
    border: 1px solid var(--dm-info) !important;
    color: var(--dm-info) !important;
    box-shadow: none !important;
}

body.dark-mode .informe-pro-cat {
    background-color: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .informe-pro-cat:hover,
body.dark-mode .informe-pro-cat.active {
    background-color: var(--dm-surface-hover) !important;
    background: var(--dm-surface-hover) !important;
    border-color: var(--dm-info) !important;
}

body.dark-mode .informe-pro-subitem {
    background-color: transparent !important;
    color: var(--dm-text-main) !important;
}

body.dark-mode .informe-pro-subitem:hover {
    background-color: var(--dm-surface-hover) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-heading) !important;
}

body.dark-mode .informe-pro-subicon {
    background-color: var(--dm-surface-input) !important;
    color: var(--dm-text-muted) !important;
}

body.dark-mode .informe-pro-subitem:hover .informe-pro-subicon {
    background: var(--dm-surface-hover) !important;
    color: var(--dm-info) !important;
}

body.dark-mode .informe-pro-title,
body.dark-mode .informe-pro-card-title,
body.dark-mode .informe-pro-cat-name,
body.dark-mode .informe-pro-subtext,
body.dark-mode .informe-pro-placeholder-title,
body.dark-mode .informe-pro-panel-title {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .informe-pro-subtitle,
body.dark-mode .informe-pro-cat-desc,
body.dark-mode .informe-pro-placeholder-text,
body.dark-mode .informe-pro-panel-desc {
    color: var(--dm-text-muted) !important;
}

/* 4. UNIVERSAL HOVER REFINEMENT (Ajuste & Informe) */
body.dark-mode .ajustes-card:hover,
body.dark-mode .informe-pro-cat:hover,
body.dark-mode .informe-pro-subitem:hover,
body.dark-mode .list-group-item-action:hover,
body.dark-mode .dropdown-item:hover,
body.dark-mode .table-hover tbody tr:hover,
body.dark-mode .nav-link:hover:not(.active),
body.dark-mode .btn-premium-add:hover,
body.dark-mode .btn-save-config:hover,
body.dark-mode .user-dropdown-item:hover {
    background-color: var(--dm-surface-hover) !important;
    background: var(--dm-surface-hover) !important;
    color: var(--dm-text-heading) !important;
    border-color: var(--dm-info) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Fix for specific Ajuste cards that use transform */
body.dark-mode .ajustes-card:hover {
    transform: translateX(5px) !important;
}

/* Fix for category arrows in hovered state */
body.dark-mode .informe-pro-cat:hover .informe-pro-cat-arrow,
body.dark-mode .informe-pro-subitem:hover .ti-chevron-right {
    color: var(--dm-info) !important;
    transform: translateX(3px) !important;
}

/* 5. MODAL & DIALOG REINFORCEMENT (Universal) */
body.dark-mode .modal-content,
body.dark-mode .modal-header,
body.dark-mode .modal-footer,
body.dark-mode .sweet-alert {
    background-color: var(--dm-surface-card) !important;
    border-color: var(--dm-border-color) !important;
}

body.dark-mode .modal-title,
body.dark-mode .modal-header h4,
body.dark-mode .modal-header h5 {
    color: var(--dm-text-heading) !important;
}
body.dark-mode .datepicker table tr td.old,
body.dark-mode .datepicker table tr td.new {
    color: var(--dm-text-muted) !important;
    opacity: 0.5;
}

/* bootstrap-material-datetimepicker UNIVERSAL DARK THEME */
body.dark-mode .dtp > .dtp-content {
    background-color: var(--dm-surface-modal) !important;
    background: var(--dm-surface-modal) !important;
    border: 1px solid var(--dm-border-color) !important;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

body.dark-mode .dtp .dtp-header,
body.dark-mode .dtp .dtp-date,
body.dark-mode .dtp .dtp-time {
    background-color: var(--dm-surface-hover) !important;
    color: var(--dm-text-heading) !important;
}

body.dark-mode .dtp .dtp-actual-num,
body.dark-mode .dtp .dtp-actual-month,
body.dark-mode .dtp .dtp-actual-year,
body.dark-mode .dtp .dtp-actual-day,
body.dark-mode .dtp .dtp-picker-month {
    color: var(--dm-text-heading) !important;
}

body.dark-mode .dtp-date-view,
body.dark-mode .dtp-picker,
body.dark-mode .dtp-picker-calendar {
    background-color: var(--dm-surface-modal) !important;
    background: var(--dm-surface-modal) !important;
}

body.dark-mode .dtp table.dtp-picker-calendar tr > td > a {
    color: var(--dm-text-main) !important;
    text-decoration: none !important;
}

body.dark-mode .dtp table.dtp-picker-calendar tr > td > a.dtp-select-day {
    color: #fff !important;
    background-color: var(--dm-info) !important;
    border-radius: 50%;
}

body.dark-mode .dtp table.dtp-picker-calendar tr > td > a:hover {
    background-color: var(--dm-surface-hover) !important;
}

body.dark-mode .dtp-buttons > .btn {
    border: none !important;
}

body.dark-mode .dtp-buttons > .dtp-btn-ok {
    background-color: #00c292 !important;
    color: #fff !important;
}

body.dark-mode .dtp-buttons > .dtp-btn-cancel {
    background-color: #f62d51 !important;
    color: #fff !important;
}

/* Nuclear Table Hover & Selection Fix */
body.dark-mode .table-hover tbody tr:hover,
body.dark-mode .table-hover tbody tr:hover td,
body.dark-mode .table-hover tbody tr:hover th,
body.dark-mode .table tbody tr.hover,
body.dark-mode .table tbody tr.selected,
body.dark-mode .table tbody tr.active-row,
body.dark-mode .table tbody tr.odd:hover,
body.dark-mode .table tbody tr.even:hover {
    background-color: var(--dm-surface-hover) !important;
    background: var(--dm-surface-hover) !important;
    color: var(--dm-text-heading) !important;
}

/* Specific fix for the white selection seen in screenshots */
body.dark-mode .table tbody tr[style*="background-color: #f1f1f1"],
body.dark-mode .table tbody tr[style*="background:#f1f1f1"] {
    background-color: var(--dm-surface-hover) !important;
}

/* 4. MODAL & INTERNAL TABLE REINFORCEMENT */
body.dark-mode .modal-content,
body.dark-mode .modal-header,
body.dark-mode .modal-body,
body.dark-mode .modal-footer {
    background-color: var(--dm-surface-modal) !important;
    background: var(--dm-surface-modal) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-main) !important;
}

/* Tablas dentro de Modales (Como las de reportes) */
body.dark-mode .modal-body .table,
body.dark-mode .modal-body .stylish-table,
body.dark-mode .modal-body .table td,
body.dark-mode .modal-body .table th {
    background-color: transparent !important;
    color: var(--dm-text-main) !important;
    border-color: var(--dm-border-strong) !important;
}

/* 5. TYPOGRAPHY & CONTRAST REFINEMENT (Final Polish) */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .ajustes-title,
body.dark-mode .ajustes-col-title,
body.dark-mode .opt-title,
body.dark-mode .modal-title,
body.dark-mode .card-title {
    color: var(--dm-text-heading) !important;
}

body.dark-mode p, 
body.dark-mode .ajustes-subtitle,
body.dark-mode .opt-desc,
body.dark-mode .text-muted,
body.dark-mode .breadcrumb-item.active {
    color: var(--dm-text-muted) !important;
}

/* Links and Breadcrumbs */
body.dark-mode .breadcrumb-item a,
body.dark-mode .link {
    color: var(--dm-info) !important;
}

/* Forzar que los bordes de los inputs y grupos se vean en el fondo modal */
body.dark-mode .modal-body .form-control,
body.dark-mode .modal-body .input-group-text {
    border-color: var(--dm-border-strong) !important;
    background-color: var(--dm-surface-input) !important;
    color: var(--dm-text-main) !important;
}

/* Forzar que el texto sea claro sobre fondos oscuros en el force layer */
body.dark-mode *[style*="color: #1e293b"],
body.dark-mode *[style*="color:#1e293b"],
body.dark-mode *[style*="color: #0f172a"],
body.dark-mode *[style*="color:#0f172a"] {
    color: var(--dm-text-heading) !important;
}