/* Fuentes: se cargan de forma no bloqueante. Para uso offline, instalar localmente en renderer/fonts/ */

        :root {
            /* ============================================
               JAMM Nexus — Dark Premium Design System
               Canónico: extraído de login.html + modal-cobro
            ============================================ */

            /* Texto */
            --ink-900: #f0f6ff;                          /* Texto primario */
            --ink-700: rgba(176, 200, 230, 0.75);        /* Texto secundario */
            --ink-500: rgba(120, 155, 195, 0.5);         /* Texto dim / placeholder */

            /* Fondos */
            --paper: #060b14;                            /* Fondo base de la app */
            --panel: #0d1825;                            /* Fondo de cards y paneles */
            --line:  rgba(255, 255, 255, 0.08);          /* Bordes y separadores */

            /* Acentos */
            --accent:   #1a56db;                         /* Azul primario */
            --accent-2: #7e3af2;                         /* Violeta secundario */

            /* Estados semánticos */
            --ok:     #1f9d55;
            --warn:   #d38a1d;
            --danger: #b0392f;

            /* Superficies de marca */
            --brand-deep: #030711;
            --brand-mid:  #0a1220;

            /* Superficies sutiles */
            --surface-soft:   rgba(255, 255, 255, 0.04);
            --surface-soft-2: rgba(255, 255, 255, 0.06);

            /* Gradientes canónicos */
            --grad-primary:   linear-gradient(135deg, #1a56db 0%, #7e3af2 100%);   /* Nav activo, btn-new, acciones primarias */
            --grad-ok:        linear-gradient(135deg, #1f9d55 0%, #2eb872 100%);   /* Confirmar, guardar, ticket */
            --grad-danger:    linear-gradient(135deg, #b0392f 0%, #872d26 100%);   /* Eliminar, cancelar destructivo */
            --grad-warn:      linear-gradient(135deg, #d38a1d 0%, #ecaa3c 100%);   /* Editar */
            --grad-secondary: linear-gradient(135deg, #355289 0%, #223f73 100%);   /* Acciones secundarias */
            --grad-cyan:      linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);   /* Nuevo — acción de creación */

            /* Alturas de botones */
            --btn-h:    40px;
            --btn-h-sm: 34px;
        }

        /* ============================================
           Tema Claro — variables
        ============================================ */
        html[data-theme="light"] {
            color-scheme: light;
            /* Texto neutro-oscuro sin tinte azul: contrasta más sobre fondos azul-grisáceos */
            --ink-900: #0e0e0e;   /* antes #0a1426 — casi negro puro */
            --ink-700: #1e1e1e;   /* antes #2a3e5f — negro oscuro para texto secundario */
            --ink-600: #333333;   /* antes #3d5176 */
            --ink-500: #404040;   /* antes #555555 — gris medio para placeholders */
            --paper:        #a8bace;
            --panel:        #b4c6d8;
            --line:         rgba(0, 0, 0, 0.28);
            --brand-deep:   #9fb0c2;
            --brand-mid:    #aabace;
            --surface-soft:   rgba(15, 25, 41, 0.08);
            --surface-soft-2: rgba(15, 25, 41, 0.26);
            --elev-1: 0 4px 16px rgba(0, 0, 0, 0.12);
            --elev-2: 0 8px 32px rgba(0, 0, 0, 0.20);
        }

        /* Texto base del body en modo claro — garantiza negro en todo lo que hereda */
        html[data-theme="light"] body {
            color: #0e0e0e;
        }

        /* ============================================
           Tema Claro — overrides de componentes
        ============================================ */

        /* Scrollbar */
        html[data-theme="light"] ::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); }
        html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.32); }

        /* Orbes de fondo — más suaves en claro */
        html[data-theme="light"] body::before {
            background:
                radial-gradient(circle at 75% 20%, rgba(26,86,219,0.05) 0, transparent 35%),
                radial-gradient(circle at 15% 70%, rgba(126,58,242,0.04) 0, transparent 33%);
        }

        /* Barra superior window chrome */
        html[data-theme="light"] .window-chrome {
            background: linear-gradient(180deg, rgba(152,172,192,0.97) 0%, rgba(140,162,183,0.97) 100%);
            border-bottom-color: rgba(0,0,0,0.32);
        }
        html[data-theme="light"] .window-btn-small {
            border-color: rgba(0,0,0,0.25);
            background: rgba(0,0,0,0.05);
            color: var(--ink-700);
        }
        html[data-theme="light"] .window-btn-small:hover {
            background: rgba(0,0,0,0.23);
            border-color: rgba(0,0,0,0.20);
        }

        /* Header status */
        html[data-theme="light"] .header-status {
            background: #b4becc;
            border-color: rgba(0,0,0,0.25);
        }

        /* Nav lateral */
        html[data-theme="light"] nav {
            background: linear-gradient(180deg, #96aabe 0%, #a6b6ca 100%);
            box-shadow: 2px 0 20px rgba(0,0,0,0.30), 0 0 0 0.5px rgba(26,86,219,0.20);
            border-right-color: rgba(0,0,0,0.30);
        }
        html[data-theme="light"] .nav-btn:hover {
            background: rgba(0,0,0,0.18);
        }
        html[data-theme="light"] .btn-logout {
            background: rgba(96,149,248,0.10);
            border-color: rgba(96,149,248,0.30);
        }
        html[data-theme="light"] .btn-logout:hover {
            background: rgba(96,149,248,0.18);
        }
        html[data-theme="light"] .btn-min {
            background: rgba(26,86,219,0.14);
        }
        html[data-theme="light"] .btn-min:hover {
            background: rgba(26,86,219,0.24);
        }
        html[data-theme="light"] .nav-btn-group .nav-subbmenu {
            background: #c6d0da;
            border-color: rgba(0,0,0,0.30);
            box-shadow: 0 8px 32px rgba(0,0,0,0.32);
        }
        html[data-theme="light"] .nav-subbmenu .nav-sub-item:hover {
            background: rgba(0,0,0,0.18);
        }

        /* Inputs y selects */
        html[data-theme="light"] input,
        html[data-theme="light"] select {
            background: #f0f4f8;
            border-color: rgba(0,0,0,0.22);
            color: #0e0e0e;
        }
        html[data-theme="light"] input:focus,
        html[data-theme="light"] select:focus {
            background: #f0f4f8;
            border-color: #3b82f6;
        }
        html[data-theme="light"] input[readonly] {
            background: #c4cede;
            color: rgba(50,70,100,0.65);
            border-color: rgba(0,0,0,0.28);
        }
        html[data-theme="light"] input::placeholder {
            color: rgba(50,70,100,0.45);
        }
        html[data-theme="light"] select option {
            background: #f0f4f8;
            color: #0e0e0e;
        }

        /* ABM form */
        html[data-theme="light"] .abm-form {
            background: #a8b8c8;
            border-color: rgba(0,0,0,0.30);
        }
        html[data-theme="light"] .abm-form label {
            color: #1a1a1a;
            font-weight: 700;
        }
        html[data-theme="light"] .abm-form input,
        html[data-theme="light"] .abm-form select {
            background: #f0f4f8;
            border-color: rgba(0,0,0,0.22);
            color: #0e0e0e;
            color-scheme: light;
        }
        html[data-theme="light"] .abm-form input:disabled,
        html[data-theme="light"] .abm-form select:disabled {
            background: #c8d2dc;
            color: #1a1a1a;
            border-color: rgba(0,0,0,0.32);
            opacity: 1;
            -webkit-text-fill-color: #1a1a1a; /* fix Chromium que aclara texto disabled */
        }
        html[data-theme="light"] .abm-form input[readonly] {
            background: #c8d2dc;
            color: #1a1a1a;
            border-color: rgba(0,0,0,0.32);
            -webkit-text-fill-color: #1a1a1a;
        }
        /* Inputs disabled fuera del abm-form (campos sueltos) */
        html[data-theme="light"] input:disabled,
        html[data-theme="light"] select:disabled {
            color: #1a1a1a;
            -webkit-text-fill-color: #1a1a1a;
            background: #c8d2dc;
            opacity: 1;
        }

        /* ── Override de reglas específicas por ID que pisan los estilos light ──
           components.css tiene #form-prod-container/#form-cliente/#form-user/#form-pago
           input:disabled con colores dark hardcoded (specificity 1,1,2). Igualamos. */
        html[data-theme="light"] #form-prod-container input:disabled,
        html[data-theme="light"] #form-prod-container select:disabled,
        html[data-theme="light"] #form-cliente input:disabled,
        html[data-theme="light"] #form-user input:disabled,
        html[data-theme="light"] #form-user select:disabled,
        html[data-theme="light"] #form-pago input:not([type=checkbox]):disabled,
        html[data-theme="light"] #form-rubro input:disabled,
        html[data-theme="light"] #form-rubro select:disabled,
        html[data-theme="light"] #form-envase-container input:disabled,
        html[data-theme="light"] #form-envase-container select:disabled {
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
            border-color: rgba(0,0,0,0.20) !important;
            opacity: 1 !important;
            cursor: default !important;
        }

        /* Inputs habilitados con foco / hover en mismos forms — coherencia con Compras */
        html[data-theme="light"] #form-prod-container input:not(:disabled),
        html[data-theme="light"] #form-prod-container select:not(:disabled),
        html[data-theme="light"] #form-cliente input:not(:disabled),
        html[data-theme="light"] #form-user input:not(:disabled),
        html[data-theme="light"] #form-user select:not(:disabled),
        html[data-theme="light"] #form-pago input:not(:disabled),
        html[data-theme="light"] #form-rubro input:not(:disabled),
        html[data-theme="light"] #form-rubro select:not(:disabled) {
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
            border-color: rgba(0,0,0,0.22) !important;
        }
        html[data-theme="light"] #form-prod-container input:focus,
        html[data-theme="light"] #form-prod-container select:focus,
        html[data-theme="light"] #form-cliente input:focus,
        html[data-theme="light"] #form-user input:focus,
        html[data-theme="light"] #form-user select:focus,
        html[data-theme="light"] #form-pago input:focus,
        html[data-theme="light"] #form-rubro input:focus,
        html[data-theme="light"] #form-rubro select:focus {
            background: #f0f4f8 !important;
            border-color: #3b82f6 !important;
            box-shadow: 0 0 0 3px rgba(59,130,246,0.20) !important;
        }

        /* Cuando el form de productos está en modo "disabled-form" (estado idle al entrar)
           reducir el opacity:0.55 heredado para que no se vea fantasmal — los inputs ya están
           legibles por las reglas de arriba */
        html[data-theme="light"] .abm-form.disabled-form {
            opacity: 0.92;
        }
        html[data-theme="light"] .abm-form input:focus,
        html[data-theme="light"] .abm-form select:focus {
            background: #f0f4f8;
            border-color: #3b82f6;
        }
        html[data-theme="light"] .abm-toolbar {
            border-color: rgba(0,0,0,0.26);
            background: #9fb0c4;
        }

        /* Tarjetas */
        html[data-theme="light"] .card {
            border-color: rgba(0,0,0,0.24);
            background: #b0c4d6;
        }

        /* Tablas */
        html[data-theme="light"] table {
            border-color: rgba(0,0,0,0.24);
        }
        html[data-theme="light"] th {
            background: rgba(0,0,0,0.18);
            border-bottom-color: rgba(0,0,0,0.24);
            color: rgba(30,50,90,0.85);
        }
        html[data-theme="light"] td {
            border-bottom-color: rgba(0,0,0,0.18);
        }
        html[data-theme="light"] tbody tr:nth-child(even) {
            background: rgba(0,0,0,0.035);
        }

        /* Ventas: reforzar contraste para que los ítems agregados se lean bien en claro */
        html[data-theme="light"] #view-ventas .scan-bar {
            background: rgba(15,25,41,0.05);
            border-color: rgba(15,25,41,0.15);
        }
        html[data-theme="light"] #view-ventas table {
            background: #acc0d2;
            border-color: rgba(15,25,41,0.14);
        }
        html[data-theme="light"] #view-ventas th {
            background: rgba(15,25,41,0.09);
            color: rgba(20,40,75,0.92);
            border-bottom-color: rgba(15,25,41,0.14);
        }
        html[data-theme="light"] #view-ventas #v-body td {
            color: #0e0e0e;
            border-bottom-color: rgba(15,25,41,0.10);
        }
        html[data-theme="light"] #view-ventas #v-body tr:nth-child(even) {
            background: rgba(15,25,41,0.04);
        }
        html[data-theme="light"] #view-ventas #v-body tr:hover {
            background: rgba(26,86,219,0.10);
        }
        html[data-theme="light"] #view-ventas #v-body input[type="number"],
        html[data-theme="light"] #view-ventas #v-body input[type="text"],
        html[data-theme="light"] #view-ventas #v-body input:not([type]) {
            background: #f0f4f8;
            color: #0e0e0e;
            border: 1px solid rgba(15,25,41,0.28);
        }

        /* Pedido modal dinámico: override del estilo dark para modo claro */
        html[data-theme="light"] .nuevo-pedido-modal .modal-box {
            background: #b0c4d6;
            border: 1px solid rgba(15,25,41,0.16);
            box-shadow: 0 22px 48px rgba(0,0,0,0.20);
        }
        html[data-theme="light"] .nuevo-pedido-modal .modal-header {
            background: linear-gradient(135deg, #96aabe 0%, #a6b6ca 100%);
            color: #0e0e0e;
            border-bottom: 1px solid rgba(15,25,41,0.14);
        }
        html[data-theme="light"] .nuevo-pedido-modal .modal-header h3 {
            color: #0e0e0e;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-nro-badge {
            color: #333333;
            background: rgba(15,25,41,0.06);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-meta-chip {
            border-color: rgba(15,25,41,0.14);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-mozo-chip,
        html[data-theme="light"] .nuevo-pedido-modal .pedido-comensales-chip {
            background: rgba(15,25,41,0.05);
            color: #1a1a1a;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-mozo-chip:hover,
        html[data-theme="light"] .nuevo-pedido-modal .pedido-comensales-chip:hover {
            background: rgba(15,25,41,0.10);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-cliente-label {
            color: #2d1b69;
            background: linear-gradient(135deg, rgba(139,92,246,0.10) 0%, rgba(99,60,200,0.06) 100%);
            border-color: rgba(139,92,246,0.20);
        }
        html[data-theme="light"] .nuevo-pedido-modal .modal-header .btn-model,
        html[data-theme="light"] .nuevo-pedido-modal .modal-header .btn-cancel,
        html[data-theme="light"] .nuevo-pedido-modal .modal-header .close-modal {
            background: rgba(15,25,41,0.06);
            border-color: rgba(15,25,41,0.18);
            color: #1a1a1a;
        }
        html[data-theme="light"] .nuevo-pedido-modal .modal-body {
            background: #b0c4d6;
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-left,
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-right {
            background: rgba(15,25,41,0.06);
            border-color: rgba(15,25,41,0.14);
            box-shadow: 0 3px 12px rgba(0,0,0,0.23);
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap thead tr {
            background: rgba(15,25,41,0.06);
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap th {
            color: rgba(35,55,85,0.92);
            border-bottom-color: rgba(15,25,41,0.16);
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap td {
            color: #0e0e0e;
            border-bottom-color: rgba(15,25,41,0.10);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary {
            border-top-color: rgba(15,25,41,0.14);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-totals-row {
            background: rgba(15,25,41,0.05);
            border-color: rgba(15,25,41,0.10);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-label {
            color: #3d3d3d;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-value {
            color: #1a1a1a;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-subtotal {
            background: rgba(15,25,41,0.03);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-desc {
            background: rgba(34,197,94,0.08);
            border-left-color: rgba(15,25,41,0.08);
            border-right-color: rgba(15,25,41,0.08);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-desc .pedido-desc-label {
            color: #16a34a;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-total {
            background: rgba(37,99,235,0.07);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-total .pedido-chip-label {
            color: #2563eb;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-total .pedido-chip-value {
            color: #0e0e0e;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-pad { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.25); }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-display { color: rgba(30,50,90,0.65); }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-val { color: #0f2050; }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty {
            background: rgba(0,0,0,0.06);
            border-color: rgba(0,0,0,0.15);
            color: #1e3260;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty:hover {
            background: rgba(36,115,232,0.15);
            border-color: rgba(36,115,232,0.4);
            color: #1c5cbc;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty.active {
            background: linear-gradient(135deg, #2473e8 0%, #1c5cbc 100%);
            border-color: #2473e8;
            color: #fff;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn {
            color: #fff;
            border: none;
            box-shadow: 0 2px 6px rgba(42,72,128,0.22);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn:hover {
            box-shadow: 0 4px 10px rgba(42,72,128,0.30);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-asignar {
            background: linear-gradient(135deg, #2473e8 0%, #1c5cbc 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-marchar-global {
            background: linear-gradient(135deg, #d97218 0%, #b45c14 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-art-inex {
            background: linear-gradient(135deg, #6b4eb2 0%, #563f95 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-obs {
            background: linear-gradient(135deg, #357895 0%, #265c75 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-control-mesa {
            background: linear-gradient(135deg, #0c96aa 0%, #097889 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-descuento {
            background: linear-gradient(135deg, #7c4fe0 0%, #6438bc 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-transferir-mesa {
            background: linear-gradient(135deg, #5a6a80 0%, #455368 100%);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-cobrar {
            background: linear-gradient(135deg, #1f9d55 0%, #177a42 100%) !important;
            color: #fff !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-anular {
            background: linear-gradient(135deg, #bf3f33 0%, #992e25 100%) !important;
            color: #fff !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-scan-input,
        html[data-theme="light"] .nuevo-pedido-modal .filtro-pedido {
            background: #f0f4f8;
            color: #0e0e0e;
            border-color: rgba(15,25,41,0.22);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-rubro-wrap {
            border-color: rgba(15,25,41,0.16);
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-rubro {
            background: rgba(126,58,242,0.10);
            color: #1e1e1e;
            border-left-color: #6d28d9;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-rubro-products {
            background: rgba(15,25,41,0.03);
        }
        html[data-theme="light"] .nuevo-pedido-modal .prod-card-btn,
        html[data-theme="light"] #promo-items-grid .prod-card-btn {
            background: #f0f4f8;
            color: #0e0e0e;
            border-color: rgba(15,25,41,0.20);
            box-shadow: 0 2px 6px rgba(0,0,0,0.23);
        }

        /* Modales */
        html[data-theme="light"] .modal-box {
            background: #b4c6d8 !important;
            border-color: rgba(0,0,0,0.26);
        }
        html[data-theme="light"] .modal-header {
            background: linear-gradient(135deg, #96aabe 0%, #a6b6ca 100%);
            border-bottom-color: rgba(0,0,0,0.25);
        }
        html[data-theme="light"] .modal-body {
            background: #b4c6d8 !important;
        }
        /* Modales con inline background:#0d1825 (alert, confirm, fichaje, recetas-nuevo-insumo, etc.) */
        html[data-theme="light"] .modal-body[style*="background:#0d1825"],
        html[data-theme="light"] .modal-box > div[style*="background:#0d1825"],
        html[data-theme="light"] div[style*="background:#0d1825"] {
            background: #b4c6d8 !important;
            color: #0e0e0e;
        }
        html[data-theme="light"] .modal-body[style*="background:#0d1825"] *,
        html[data-theme="light"] .modal-box > div[style*="background:#0d1825"] * {
            /* heredan color cuando no tienen color explícito; los específicos los cubren las reglas de abajo */
        }
        /* Botón de cerrar (x) en modales con inline color claro */
        html[data-theme="light"] .close-modal[style*="color:#eef6fb"] {
            color: rgba(255,255,255,0.92) !important; /* en header con gradient azul/violeta sigue siendo blanco */
        }
        html[data-theme="light"] .close-modal {
            color: rgba(50,70,100,0.55);
        }
        html[data-theme="light"] .app-alert-msg {
            color: rgba(50,70,105,0.85);
        }

        /* Botones de pago */
        html[data-theme="light"] .btn-payment {
            background: rgba(0,0,0,0.04);
            border-color: rgba(0,0,0,0.25);
        }
        html[data-theme="light"] .btn-payment:hover {
            background: rgba(0,0,0,0.20);
            border-color: rgba(0,0,0,0.20);
        }

        /* Grilla de productos del pedido */
        html[data-theme="light"] .prod-card-btn {
            background: #f0f4f8;
            border-color: rgba(0,0,0,0.32);
            box-shadow: 0 2px 6px rgba(0,0,0,0.23);
            color: #0e0e0e;
        }
        html[data-theme="light"] .prod-card-btn:hover {
            background: #d4e0ec;
            border-color: #3b82f6;
        }
        html[data-theme="light"] .pedido-rubro {
            color: #1e1e1e;
            background: rgba(126,58,242,0.08);
        }

        /* Scan bar */
        html[data-theme="light"] .scan-bar {
            background: rgba(0,0,0,0.03);
            border-color: rgba(0,0,0,0.20);
        }

        /* (ventas-op-status, footer-panel y modal-header → ver bloque de separadores al final) */

        /* Preview box */
        html[data-theme="light"] .preview-box {
            background: rgba(0,0,0,0.03);
            border-color: rgba(0,0,0,0.23);
            color: rgba(50,70,105,0.90);
        }

        /* DSG diseños */
        html[data-theme="light"] #view-disenos .dsg-output-card {
            border-color: rgba(0,0,0,0.22);
            background: rgba(0,0,0,0.02);
        }
        html[data-theme="light"] #view-disenos .dsg-sticky-actions {
            border-top-color: rgba(0,0,0,0.20);
        }
        html[data-theme="light"] .align-picker {
            border-color: rgba(0,0,0,0.28);
            background: rgba(0,0,0,0.03);
        }
        html[data-theme="light"] .align-btn {
            background: rgba(0,0,0,0.03);
            border-right-color: rgba(0,0,0,0.20);
        }
        html[data-theme="light"] .align-btn:hover {
            background: rgba(0,0,0,0.20);
        }
        html[data-theme="light"] .align-icon {
            filter: none;
        }

        /* Roles panel */
        html[data-theme="light"] .role-list-item {
            border-color: rgba(0,0,0,0.18);
            background: rgba(0,0,0,0.02);
        }
        html[data-theme="light"] .role-list-item.is-active {
            background: rgba(59,130,246,0.08);
            border-color: rgba(59,130,246,0.3);
        }
        html[data-theme="light"] .role-list-item-name {
            color: var(--ink-900);
        }

        /* Roles y permisos */
        html[data-theme="light"] .role-perm-container {
            border-color: rgba(0,0,0,0.20);
            background: rgba(0,0,0,0.01);
        }
        html[data-theme="light"] .role-perm-group {
            border-color: rgba(0,0,0,0.20);
            background: rgba(0,0,0,0.02);
        }
        html[data-theme="light"] .role-perm-item-wrap {
            border-color: rgba(0,0,0,0.18);
            background: rgba(0,0,0,0.03);
        }
        html[data-theme="light"] .role-perm-item-wrap:not(.is-disabled):hover {
            background: rgba(59,130,246,0.07);
            border-color: rgba(59,130,246,0.2);
        }
        html[data-theme="light"] .role-perm-item-wrap:has(input:checked):not(.is-disabled) {
            background: rgba(59,130,246,0.10);
            border-color: rgba(59,130,246,0.35);
            color: #1d4ed8;
        }

        /* Botón cancelar */
        html[data-theme="light"] .btn-cancel {
            background: linear-gradient(135deg, #c5d0e0 0%, #b5c3d6 100%);
            color: #1e1e1e;
            border: 1.5px solid rgba(60,80,110,0.45);
        }

        /* Botones — bordes reforzados en claro */
        html[data-theme="light"] .btn {
            border-width: 1.5px;
            border-color: rgba(0,130,190,0.58);
            color: #0272a0;
        }
        html[data-theme="light"] .btn-new {
            border: 1.5px solid rgba(0,158,227,0.65);
            color: #0278a8;
            background: rgba(0,158,227,0.12);
        }
        html[data-theme="light"] .btn-edit {
            border: 1.5px solid rgba(26,86,219,0.60);
            color: #1a4fc0;
            background: rgba(26,86,219,0.10);
        }
        html[data-theme="light"] .btn-add {
            border: 1.5px solid rgba(22,163,74,0.60);
            color: #15803d;
            background: rgba(22,163,74,0.10);
        }
        html[data-theme="light"] .btn-del {
            border: 1.5px solid rgba(185,28,28,0.55);
            color: #b91c1c;
            background: rgba(220,38,38,0.10);
        }
        html[data-theme="light"] .btn-model,
        html[data-theme="light"] .btn-import {
            border: 1.5px solid rgba(99,102,241,0.58);
            color: #4338ca;
            background: rgba(99,102,241,0.10);
        }
        html[data-theme="light"] .btn-payment {
            border: 1.5px solid rgba(0,0,0,0.28);
        }
        html[data-theme="light"] .btn-payment:hover {
            border-color: rgba(0,0,0,0.42);
        }
        html[data-theme="light"] .window-btn-small {
            border-width: 1.5px;
            border-color: rgba(0,0,0,0.24);
        }
        html[data-theme="light"] .window-btn-small:hover {
            border-color: rgba(0,0,0,0.38);
        }
        html[data-theme="light"] .btn-logout {
            border: 1.5px solid rgba(96,149,248,0.50);
        }
        html[data-theme="light"] .btn-min {
            border: 1.5px solid rgba(26,86,219,0.40);
        }

        /* Separadores — reforzar en claro */
        html[data-theme="light"] .modal-header {
            border-bottom: 1.5px solid rgba(0,0,0,0.30) !important;
        }
        html[data-theme="light"] .footer-panel {
            border-top: 1.5px solid rgba(0,0,0,0.30);
        }
        html[data-theme="light"] .ventas-op-status {
            border: 1.5px solid rgba(0,0,0,0.30);
        }
        html[data-theme="light"] .ventas-op-status span {
            border-right: 1.5px solid rgba(0,0,0,0.30);
        }
        html[data-theme="light"] #view-config .ventas-op-status span {
            border-bottom: 1.5px solid rgba(0,0,0,0.28);
        }
        html[data-theme="light"] .abm-toolbar {
            border-bottom: 1.5px solid rgba(0,0,0,0.30);
        }
        html[data-theme="light"] .nav-btn-group .nav-subbmenu {
            border: 1.5px solid rgba(0,0,0,0.20);
        }
        html[data-theme="light"] .header-status {
            border: 1.5px solid rgba(0,0,0,0.30);
        }

        /* Stats accordion */
        html[data-theme="light"] .stats-accordion-header {
            background: #a4b4c8;
        }
        html[data-theme="light"] .stats-accordion-header:hover {
            background: #bccde0;
        }

        /* Alto contraste dark en ventas — neutralizar en tema claro */
        html[data-theme="light"] body.modo-alto-contraste #view-ventas .card {
            background: var(--panel);
            border-color: rgba(0,0,0,0.20);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas .scan-bar {
            background: rgba(0,0,0,0.03);
            border-color: rgba(0,0,0,0.20);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas .scan-input {
            border-color: #3b82f6;
            color: var(--ink-900);
            background: rgba(0,0,0,0.04);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas th {
            background: rgba(26,86,219,0.08);
            color: var(--ink-900);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas tbody tr:nth-child(even) {
            background: rgba(0,0,0,0.02);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas tbody tr:hover {
            background: rgba(59,130,246,0.07);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas .ventas-op-status {
            border-color: rgba(0,0,0,0.20);
            background: rgba(0,0,0,0.03);
            color: var(--ink-900);
        }
        html[data-theme="light"] body.modo-alto-contraste #view-ventas #total-final {
            color: var(--ink-900);
        }

        /* ============================================
           Tema Claro — fixes adicionales de contraste
           Cubre elementos con colores inline pensados para
           dark mode (pastel sobre oscuro) que se pierden en claro.
        ============================================ */

        /* ── Sidebar / nav ── */
        html[data-theme="light"] nav .nav-sep { background: rgba(0,0,0,0.16); }

        /* ── Espaciadores de grilla de productos ── */
        html[data-theme="light"] .prod-spacer {
            border-color: rgba(0,0,0,0.10) !important;
        }
        html[data-theme="light"] .prod-spacer:hover {
            border-color: rgba(185,28,28,0.30) !important;
        }
        html[data-theme="light"] .prod-spacer::after { color: rgba(0,0,0,0.0); }
        html[data-theme="light"] .prod-spacer:hover::after { color: rgba(185,28,28,0.45); }
        html[data-theme="light"] .prod-add-spacer-btn {
            border-color: rgba(0,0,0,0.13) !important;
            color: rgba(0,0,0,0.22) !important;
        }
        html[data-theme="light"] .prod-add-spacer-btn:hover {
            border-color: rgba(29,111,174,0.45) !important;
            color: rgba(29,111,174,0.65) !important;
            background: rgba(29,111,174,0.06) !important;
        }

        /* ── ABM Clientes: separador vertical entre tabs ── */
        html[data-theme="light"] .cli-tab-vsep { background: rgba(0,0,0,0.18); }
        html[data-theme="light"] .cli-tab-bar { border-bottom-color: rgba(0,0,0,0.16); }
        html[data-theme="light"] nav .nav-btn { color: #1a1a1a; }
        html[data-theme="light"] nav .nav-btn:hover { color: #0e0e0e; }
        html[data-theme="light"] nav .nav-btn.active { color: #ffffff; }
        html[data-theme="light"] nav h3 { color: #0e0e0e !important; }
        html[data-theme="light"] nav h3 span { color: #0e0e0e !important; }
        html[data-theme="light"] #user-display { opacity: 1 !important; color: #1e1e1e !important; }
        html[data-theme="light"] #gs-nav-btn { color: #1e1e1e !important; opacity: 1 !important; background: rgba(255,255,255,0.55) !important; border-color: rgba(0,0,0,0.32) !important; }
        html[data-theme="light"] #gs-nav-btn kbd { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.15); color: #1e1e1e; }
        html[data-theme="light"] nav .btn-logout { color: #1d4ed8 !important; }
        html[data-theme="light"] nav .btn-salir   { color: #b91c1c !important; background: rgba(220,38,38,0.10) !important; border-color: rgba(185,28,28,0.45) !important; }
        html[data-theme="light"] nav .btn-salir:hover { color: #991b1b !important; background: rgba(220,38,38,0.18) !important; }
        html[data-theme="light"] nav #reg-info { color: #1a1a1a !important; }
        html[data-theme="light"] nav #ver-info { color: #1e1e1e !important; }
        html[data-theme="light"] nav > div[style*="margin-top:10px"] { color: #1e1e1e !important; }
        html[data-theme="light"] nav > div[style*="margin-top:10px"] > div { color: #1e1e1e !important; }

        /* Window chrome top */
        html[data-theme="light"] #window-cliente-code { color: #1e1e1e !important; }

        /* ── Header status (Usuario / Caja / Turno) ── */
        html[data-theme="light"] .header-status { background: #b6cbe2 !important; }
        html[data-theme="light"] .ventas-op-status { background: rgba(255,255,255,0.55); }
        html[data-theme="light"] .ventas-op-status span { color: #1a1a1a; }
        html[data-theme="light"] #page-title { color: #0e0e0e !important; }

        /* ── Botones de color (clases btn-color-*) — overrides para fondo claro ── */
        html[data-theme="light"] .btn.btn-color-green  { background: rgba(22,163,74,0.14) !important;  color: #15803d !important; border-color: rgba(22,163,74,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-indigo { background: rgba(79,70,229,0.14) !important;  color: #3730a3 !important; border-color: rgba(79,70,229,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-blue   { background: rgba(29,78,216,0.14) !important;  color: #1d4ed8 !important; border-color: rgba(29,78,216,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-slate  { background: rgba(71,85,105,0.14) !important;  color: #222222 !important; border-color: rgba(71,85,105,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-gray   { background: rgba(100,116,139,0.14) !important; color: #222222 !important; border-color: rgba(100,116,139,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-red    { background: rgba(220,38,38,0.12) !important;  color: #b91c1c !important; border-color: rgba(185,28,28,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-amber  { background: rgba(217,119,6,0.14) !important;  color: #92400e !important; border-color: rgba(217,119,6,0.55) !important; }
        html[data-theme="light"] .btn.btn-color-sky    { background: rgba(59,130,246,0.14) !important; color: #1d4ed8 !important; border-color: rgba(59,130,246,0.55) !important; }

        /* ── Botones de acción ventas (inline-styled) ── */
        html[data-theme="light"] #btn-nuevo-presupuesto {
            color: #92400e !important;
            background: rgba(245,158,11,0.18) !important;
            border-color: rgba(217,119,6,0.55) !important;
        }
        html[data-theme="light"] #btn-historial-mp {
            color: #15803d !important;
            background: rgba(74,222,128,0.18) !important;
            border-color: rgba(22,163,74,0.55) !important;
        }
        html[data-theme="light"] #stock-alert-badge-btn {
            color: #92400e !important;
            background: rgba(217,119,6,0.18) !important;
            border-color: #b45309 !important;
        }
        html[data-theme="light"] #wb-fichaje-ventas {
            color: #0369a1 !important;
            background: rgba(14,165,233,0.15) !important;
            border-color: rgba(14,116,144,0.55) !important;
        }
        html[data-theme="light"] #licencia-badge { color: #b45309 !important; }
        html[data-theme="light"] #expiry-warning-banner span { color: #9a3412 !important; }
        html[data-theme="light"] #expiry-warning-banner button { color: #9a3412 !important; background: rgba(230,126,34,0.22) !important; }

        /* Botón flotante de sync (refresh): mantener gradiente azul */
        html[data-theme="light"] #btn-sync-info-sales { box-shadow: 0 2px 14px rgba(26,86,219,0.35); }

        /* ── Tabs de header (Productos / Compras / Usuarios) ── */
        html[data-theme="light"] #prod-view-tabs button,
        html[data-theme="light"] #compras-view-tabs button,
        html[data-theme="light"] #usuarios-view-tabs button { color: #2e2e2e !important; }
        html[data-theme="light"] #prod-view-tabs button[style*="color:#60a5fa"],
        html[data-theme="light"] #prod-view-tabs button[style*="border-bottom:3px solid #1a56db"],
        html[data-theme="light"] #compras-view-tabs button[style*="color:#60a5fa"],
        html[data-theme="light"] #usuarios-view-tabs button[style*="color:#60a5fa"] {
            color: #1d4ed8 !important;
        }

        /* ── Pedidos activos: cards con borde rojo pero fondo legible ── */
        html[data-theme="light"] .pedido-card-activo {
            background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%) !important;
            box-shadow: 0 4px 12px rgba(220,38,38,0.18) !important;
        }
        html[data-theme="light"] .pedido-card-activo:hover {
            background: #fef2f2 !important;
        }
        html[data-theme="light"] .pedido-card-activo div[style*="color:var(--ink-900)"],
        html[data-theme="light"] .pedido-card-activo div[style*="color: var(--ink-900)"] { color: #0e0e0e !important; }
        html[data-theme="light"] #pedidos-activos-header span { color: #1a1a1a !important; }

        /* ── Cards de vistas: descripciones (#607080) y status (#556270, #5f6c77) ── */
        html[data-theme="light"] [style*="color:#607080"] { color: #2a2a2a !important; }
        html[data-theme="light"] [style*="color:#556270"] { color: #1e1e1e !important; }
        html[data-theme="light"] [style*="color:#5f6c77"] { color: #1e1e1e !important; }
        html[data-theme="light"] [style*="color:#2c3e50"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#9eb0be"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#8b9bb4"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#8a9bb0"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#7a9ab8"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#94a3b8"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color: #94a3b8"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#cbd5e1"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#e2e8f0"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#d9e6ef"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#eaf1f6"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#f1f5f9"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#e0e7ff"] { color: #1e3a8a !important; }
        html[data-theme="light"] [style*="color:#c7d2fe"] { color: #3730a3 !important; }
        html[data-theme="light"] [style*="color:#f8fafc"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#8fa4bb"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#7b8da3"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#91a3b8"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#8ba0b6"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#5a7090"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#6080a0"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#7090b0"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#4a6080"] { color: #1e3a8a !important; }
        html[data-theme="light"] [style*="color:#4a5a78"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#b8d0f5"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#aac4e0"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#8baad4"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#ddeeff"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#e8eef6"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#e06070"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#576070"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#6c7a89"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#6c7884"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#ddd6fe"] { color: #6d28d9 !important; }
        html[data-theme="light"] [style*="color:#bfdbfe"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#dbeafe"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#dcfce7"] { color: #166534 !important; }
        html[data-theme="light"] [style*="color:#86efac"] { color: #166534 !important; }
        html[data-theme="light"] [style*="color:#fde68a"] { color: #78350f !important; }
        html[data-theme="light"] [style*="color:#818cf8"] { color: #3730a3 !important; }
        html[data-theme="light"] [style*="color:#ef4444"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#6b7280"] { color: #374151 !important; }
        html[data-theme="light"] [style*="color:#666"] { color: #374151 !important; }
        html[data-theme="light"] [style*="color:#445566"] { color: #1e293b !important; }
        html[data-theme="light"] [style*="color:#6a7884"] { color: #222222 !important; }

        /* ── Acentos pastel (índigo / violeta / verde / amber / cyan / sky) ── */
        html[data-theme="light"] [style*="color:#a5b4fc"] { color: #3730a3 !important; }
        html[data-theme="light"] [style*="color:#c4b5fd"] { color: #6d28d9 !important; }
        html[data-theme="light"] [style*="color:#a78bfa"] { color: #6d28d9 !important; }
        html[data-theme="light"] [style*="color:#4ade80"] { color: #15803d !important; }
        html[data-theme="light"] [style*="color:#6ee7b7"] { color: #047857 !important; }
        html[data-theme="light"] [style*="color:#f87171"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#fcd34d"] { color: #92400e !important; }
        html[data-theme="light"] [style*="color:#fbbf24"] { color: #92400e !important; }
        html[data-theme="light"] [style*="color:#fef3c7"] { color: #78350f !important; }
        html[data-theme="light"] [style*="color:#facc15"] { color: #78350f !important; }
        html[data-theme="light"] [style*="color:#93c5fd"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#60a5fa"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#38bdf8"] { color: #0369a1 !important; }
        html[data-theme="light"] [style*="color:#7baff8"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#009ee3"] { color: #0369a1 !important; }
        html[data-theme="light"] [style*="color:#e67e22"] { color: #9a3412 !important; }
        html[data-theme="light"] [style*="color:orange"] { color: #b45309 !important; }

        /* Headers gradient de las vistas (Productos, Inventario, Comprobantes, Caja, Kardex, etc.)
           Los <h3> y la <p> de descripción quedan blancos sobre el gradient: bien.
           Pero los <p> descriptivos que están FUERA del header gradient deben oscurecer. */
        html[data-theme="light"] .view-section .card > p { color: #1e1e1e !important; }

        /* ── Page info de paginadores (Página 1/1) ── */
        html[data-theme="light"] [id$="-page-info"] { color: #1e1e1e !important; }

        /* ── Buscadores y placeholders ── */
        html[data-theme="light"] .scan-input::placeholder,
        html[data-theme="light"] #search-prod::placeholder,
        html[data-theme="light"] input::placeholder { color: rgba(50,70,100,0.55) !important; }

        /* ── KPI strip / chips de historial ── */
        html[data-theme="light"] #hist-turno-badge { color: #1d4ed8 !important; background: rgba(99,102,241,0.14) !important; border-color: rgba(99,102,241,0.45) !important; }

        /* Caja: estado y header */
        html[data-theme="light"] #caja-estado { color: #0e0e0e !important; }
        html[data-theme="light"] #caja-turno-stats-panel { color: #1a1a1a; }

        /* Recetas: bg dark-only del dropdown */
        html[data-theme="light"] #rec-art-results,
        html[data-theme="light"] #rec-ins-results,
        html[data-theme="light"] #prod-rubro-results,
        html[data-theme="light"] #prod-grupo-precios-results {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            box-shadow: 0 12px 32px rgba(0,0,0,0.32) !important;
            color: #0e0e0e;
        }

        /* Theme toggle separator */
        html[data-theme="light"] .header-tools > div[style*="border-left:1px solid rgba(255,255,255"] { border-left-color: rgba(0,0,0,0.15) !important; }

        /* Botones theme dark/light */
        html[data-theme="light"] #btn-theme-dark,
        html[data-theme="light"] #btn-theme-light { color: #1a1a1a; }

        /* Pedido activo header chip (lista button btn-color-indigo) ya cubierto.
           Stat cards de turno (caja-turno-stats-grid) heredan .card → ya overrideado. */

        /* Card header gradients: el <h3> es blanco — confirmar que NO se invierta */
        html[data-theme="light"] .card > div[style*="background:linear-gradient(135deg"] h3,
        html[data-theme="light"] .card > div[style*="background: linear-gradient(135deg"] h3 { color: #ffffff !important; }

        /* Texto descriptivo dentro de cards con border colored (productos, inventario, etc.) */
        html[data-theme="light"] .view-section .card p[style*="color:#607080"],
        html[data-theme="light"] .view-section .card p[style*="color: #607080"] { color: #1e1e1e !important; }

        /* Inputs deshabilitados / readonly del ABM */
        html[data-theme="light"] .abm-form input:disabled + label,
        html[data-theme="light"] .abm-form label { color: #1e3260; }

        /* ── Inputs con dark bg + light text inline: forzar light bg para que el texto oscurecido sea legible ── */
        html[data-theme="light"] input[style*="background:#0f1923"],
        html[data-theme="light"] input[style*="background:#1a2436"],
        html[data-theme="light"] input[style*="background:rgba(15,23,42"],
        html[data-theme="light"] input[style*="background:rgba(15,25,41"],
        html[data-theme="light"] select[style*="background:#0f1923"],
        html[data-theme="light"] select[style*="background:#1a2436"],
        html[data-theme="light"] select[style*="background:rgba(15,23,42"],
        html[data-theme="light"] textarea[style*="background:#0f1923"],
        html[data-theme="light"] textarea[style*="background:rgba(15,23,42"] {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }

        /* ── Botones del toolbar de Productos (.btn-prod-action, .btn-prod-nav) ── */
        html[data-theme="light"] #view-productos .abm-toolbar .btn-prod-action,
        html[data-theme="light"] #view-productos .abm-toolbar .btn-prod-nav {
            color: #1d4ed8 !important;
            background: rgba(96,149,248,0.16) !important;
            border-color: rgba(29,78,216,0.55) !important;
        }
        html[data-theme="light"] #view-productos .abm-toolbar .btn-prod-action:hover {
            background: rgba(96,149,248,0.26) !important;
        }

        /* ── Tabla de Productos: headers y celdas con colores pastel ── */
        html[data-theme="light"] #tr-thead-productos th[style*="color:#fbbf24"] {
            color: #92400e !important;
            background: rgba(217,119,6,0.07) !important;
            border-left-color: rgba(0,0,0,0.23) !important;
        }
        html[data-theme="light"] #tr-thead-productos th[style*="color:#6ee7b7"] {
            color: #047857 !important;
            background: rgba(16,185,129,0.10) !important;
            border-left-color: rgba(16,185,129,0.50) !important;
            border-right-color: rgba(16,185,129,0.50) !important;
        }
        html[data-theme="light"] #tbody-productos td[style*="color:#fbbf24"] {
            color: #92400e !important;
            background: transparent !important;
            border-left-color: rgba(0,0,0,0.20) !important;
        }
        html[data-theme="light"] #tbody-productos td[style*="color:#6ee7b7"] {
            color: #047857 !important;
            background: rgba(16,185,129,0.08) !important;
            border-left-color: rgba(16,185,129,0.45) !important;
            border-right-color: rgba(16,185,129,0.45) !important;
        }

        /* Producto inactivo: aclaración */
        html[data-theme="light"] #tbody-productos em[style*="color:#9ca3af"] {
            color: #6b7280 !important;
        }

        /* "INVENTARIO" y "Configurar recetas" (botones en card Productos) */
        html[data-theme="light"] #view-productos button[style*="color:#c4b5fd"],
        html[data-theme="light"] #view-productos button[style*="color: #c4b5fd"] {
            color: #6d28d9 !important;
            background: rgba(139,92,246,0.18) !important;
            border-color: rgba(124,58,237,0.55) !important;
        }

        /* "Calcular precio" */
        html[data-theme="light"] #btn-calc-precio {
            color: #047857 !important;
            background: rgba(16,185,129,0.18) !important;
            border-color: rgba(5,150,105,0.55) !important;
        }

        /* "Alerta falta de stock" texto amber */
        html[data-theme="light"] #prod-stock-minimo-wrap span[style*="color:#fcd34d"] {
            color: #92400e !important;
        }

        /* Filtro estado (Activos/Inactivos/Todos) — input border azul */
        html[data-theme="light"] #search-prod {
            border-color: rgba(29,78,216,0.45) !important;
        }
        html[data-theme="light"] #search-prod:focus {
            border-color: #1d4ed8 !important;
        }

        /* Selección de fila destacada (azul translúcido) — más visible en claro */
        html[data-theme="light"] tr[style*="background:rgba(59,130,246,0.28)"] {
            background: rgba(59,130,246,0.18) !important;
            outline-color: rgba(29,78,216,0.55) !important;
        }

        /* ── Tabs internas de ABMs (config, productos, compras, usuarios) ── */
        html[data-theme="light"] [id^="cfg-tab-btn-"],
        html[data-theme="light"] [id^="usr-hdr-tab-btn-"],
        html[data-theme="light"] [id^="compras-hdr-tab-btn-"],
        html[data-theme="light"] [id^="prod-tab-btn-"] {
            color: #1a1a1a !important;
        }
        /* Tabs activos (los que tienen border-bottom solid color) — azul oscuro */
        html[data-theme="light"] [id^="cfg-tab-btn-"][style*="color:#1a56db"],
        html[data-theme="light"] [id^="cfg-tab-btn-"][style*="border-bottom:3px solid #1a56db"],
        html[data-theme="light"] [id^="prod-tab-btn-"][style*="border-bottom:3px solid #1a56db"],
        html[data-theme="light"] [id^="prod-tab-btn-"][style*="color:#60a5fa"] {
            color: #1d4ed8 !important;
        }
        /* Hover sutil */
        html[data-theme="light"] [id^="cfg-tab-btn-"]:hover,
        html[data-theme="light"] [id^="usr-hdr-tab-btn-"]:hover,
        html[data-theme="light"] [id^="compras-hdr-tab-btn-"]:hover,
        html[data-theme="light"] [id^="prod-tab-btn-"]:hover {
            background: rgba(26,86,219,0.07) !important;
        }

        /* ── Modal de descuento en pedido (#overlay-descuento-pedido, #box-descuento-pedido) ──
           Se construye dinámicamente con inline styles dark. Override total con !important. */
        html[data-theme="light"] #overlay-descuento-pedido {
            background: rgba(15,25,41,0.45) !important;
        }
        html[data-theme="light"] #box-descuento-pedido {
            background: linear-gradient(160deg, #b4c6d8 0%, #a8bece 100%) !important;
            border: 1px solid rgba(15,25,41,0.18) !important;
            box-shadow: 0 22px 48px rgba(0,0,0,0.22) !important;
        }
        html[data-theme="light"] #box-descuento-pedido > div:first-child {
            border-bottom-color: rgba(15,25,41,0.14) !important;
        }
        /* Header del modal: título y subtítulo */
        html[data-theme="light"] #box-descuento-pedido div[style*="color:#ddeeff"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #box-descuento-pedido div[style*="color:#5a7090"] {
            color: #2e2e2e !important;
        }
        /* Botón X cerrar */
        html[data-theme="light"] #btn-close-desc-overlay {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.18) !important;
            color: #222222 !important;
        }
        /* Labels de secciones (uppercase) */
        html[data-theme="light"] #box-descuento-pedido div[style*="color:#4a6080"],
        html[data-theme="light"] #box-descuento-pedido div[style*="color:#7090b0"] {
            color: #2e2e2e !important;
        }
        /* "Aplicación rápida" container (oscuro inline) */
        html[data-theme="light"] #box-descuento-pedido div[style*="background:rgba(255,255,255,0.03)"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.14) !important;
        }
        /* Inputs y selects con bg dark inline */
        html[data-theme="light"] #box-descuento-pedido input[style*="background:rgba(8,18,32"],
        html[data-theme="light"] #box-descuento-pedido select[style*="background:rgba(8,18,32"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        /* Botón "Aplicar" azul */
        html[data-theme="light"] #box-descuento-pedido .btn-quick-aplicar {
            background: rgba(37,99,235,0.18) !important;
            border-color: rgba(29,78,216,0.55) !important;
            color: #1d4ed8 !important;
        }
        html[data-theme="light"] #box-descuento-pedido .btn-quick-aplicar:hover {
            background: rgba(37,99,235,0.32) !important;
        }
        /* Botones de descuentos guardados */
        html[data-theme="light"] #box-descuento-pedido .btn-apply-saved {
            background: rgba(26,55,100,0.10) !important;
            color: #1e3a8a !important;
        }
        html[data-theme="light"] #box-descuento-pedido .btn-apply-saved span {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #box-descuento-pedido .btn-apply-saved:hover {
            background: rgba(59,130,246,0.18) !important;
        }
        html[data-theme="light"] #box-descuento-pedido div[style*="border:1px solid rgba(99,140,210,0.22)"] {
            border-color: rgba(15,25,41,0.18) !important;
        }
        html[data-theme="light"] #box-descuento-pedido .btn-del-saved {
            background: rgba(220,38,38,0.10) !important;
            color: #b91c1c !important;
            border-left-color: rgba(15,25,41,0.10) !important;
        }
        html[data-theme="light"] #box-descuento-pedido .btn-del-saved:hover {
            background: rgba(220,38,38,0.22) !important;
        }
        /* Separadores entre secciones (border-top con white alpha) */
        html[data-theme="light"] #box-descuento-pedido div[style*="border-top:1px solid rgba(255,255,255,0.06)"] {
            border-top-color: rgba(15,25,41,0.14) !important;
        }
        /* "Sin guardados aún" */
        html[data-theme="light"] #box-descuento-pedido p[style*="color:#576070"] {
            color: #2e2e2e !important;
        }
        /* Botón Guardar y aplicar (verde) */
        html[data-theme="light"] #box-descuento-pedido #btn-guardar-y-aplicar {
            background: rgba(16,185,129,0.18) !important;
            border-color: rgba(5,150,105,0.55) !important;
            color: #047857 !important;
        }
        /* Botón Quitar descuento (rojo) */
        html[data-theme="light"] #box-descuento-pedido #btn-quitar-descuento {
            background: rgba(220,38,38,0.10) !important;
            border-color: rgba(185,28,28,0.45) !important;
            color: #b91c1c !important;
        }

        /* ── Modales genéricos: cards/contenedores con bg/border en white-alpha
           (cuenta corriente, fidelidad, asignar cliente venta, etc.) ── */
        html[data-theme="light"] .modal-box [style*="background:rgba(255,255,255,0.04)"],
        html[data-theme="light"] .modal-box [style*="background:rgba(255,255,255,0.06)"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.18) !important;
        }
        html[data-theme="light"] .modal-box [style*="border:1px solid rgba(255,255,255,0.08)"],
        html[data-theme="light"] .modal-box [style*="border:1px solid rgba(255,255,255,0.07)"],
        html[data-theme="light"] .modal-box [style*="border:1px solid rgba(255,255,255,0.06)"] {
            border-color: rgba(15,25,41,0.18) !important;
        }
        /* Tablas sticky con thead dark dentro de cualquier modal */
        html[data-theme="light"] .modal-box thead[style*="background:#0d1825"] {
            background: #a6b6ca !important;
        }
        html[data-theme="light"] .modal-box thead[style*="background:#0d1825"] th {
            color: #0e0e0e !important;
        }

        /* Helper genérico para sub-paneles con bg muy transparente blanco */
        html[data-theme="light"] .modal-box [style*="background:rgba(255,255,255,0.03)"] {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }
        html[data-theme="light"] .modal-box [style*="background:rgba(255,255,255,0.025)"] {
            background: rgba(15,25,41,0.04) !important;
        }

        /* Saldos / valores claros en modales de fidelidad */
        html[data-theme="light"] [style*="color:#bbf7d0"] { color: #166534 !important; }

        /* ── Informes / Hub: tarjetas .stats-panel sin bordes visibles en claro ── */
        html[data-theme="light"] .stats-panel {
            background: #f0f4f8 !important;
            border: 1px solid rgba(15,25,41,0.16) !important;
            box-shadow: 0 2px 8px rgba(15,25,41,0.04);
            transition: background 0.15s, box-shadow 0.15s, transform 0.15s;
        }
        html[data-theme="light"] .stats-panel:hover {
            box-shadow: 0 6px 16px rgba(15,25,41,0.10);
            transform: translateY(-1px);
            background: #d0dce8 !important;
        }
        html[data-theme="light"] .stats-panel h4 {
            color: #0e0e0e;
        }
        html[data-theme="light"] .stats-view-copy {
            color: #2e2e2e;
        }

        /* BI tabs (Finanzas/Operatividad/Auditoría/Fiscal) */
        html[data-theme="light"] .bi-tab {
            color: #1e1e1e;
            border-color: rgba(15,25,41,0.20);
            background: transparent;
        }
        html[data-theme="light"] .bi-tab:hover {
            background: rgba(26,86,219,0.10);
            color: #1d4ed8;
            border-color: rgba(26,86,219,0.50);
        }
        html[data-theme="light"] .bi-tab.bi-tab-active {
            background: #1a56db;
            color: #ffffff;
            border-color: #1a56db;
        }

        /* Universal: el verde "estado completada" #34d399 inline */
        html[data-theme="light"] [style*="color:#34d399"] { color: #047857 !important; }
        html[data-theme="light"] [style*="color:#60c8f0"] { color: #0369a1 !important; }
        html[data-theme="light"] [style*="color:#9ca3af"] { color: #2e2e2e !important; }
        /* Headers de sección "Informes de Stock" más fuertes */
        html[data-theme="light"] #view-stats h3 {
            color: #0e0e0e;
        }

        /* Bar charts en informes (fondo de barras white-alpha) */
        html[data-theme="light"] .bar-track { background: rgba(15,25,41,0.08); }
        html[data-theme="light"] .bar-label,
        html[data-theme="light"] .bar-value { color: #1e1e1e; }

        /* ── Comprobantes del Turno: select filtro con inline bg dark ── */
        html[data-theme="light"] #hist-filter-tipo,
        html[data-theme="light"] #histv-filter-tipo,
        html[data-theme="light"] select[style*="background:#0f172a"] {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
        }

        /* ── Modal detalle de comprobante (#hist-comprobante-overlay) ──
           Construido dinámicamente en JS con paleta dark hardcoded inline.
           Override total con !important. */
        html[data-theme="light"] #hist-comprobante-overlay {
            background: rgba(15,25,41,0.45) !important;
        }
        html[data-theme="light"] #hist-comprobante-overlay > div {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
            color: #0e0e0e !important;
            box-shadow: 0 22px 48px rgba(0,0,0,0.20) !important;
        }
        /* Título y subtítulo del comprobante */
        html[data-theme="light"] #hist-comprobante-overlay h3[style*="color:#f8fafc"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #hist-comprobante-overlay div[style*="color:#94a3b8"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #hist-comprobante-overlay strong[style*="color:#8a9bb0"] {
            color: #1e1e1e !important;
        }
        /* Botón Cerrar */
        html[data-theme="light"] #hist-comprobante-overlay button[style*="background:rgba(255,255,255,0.06)"] {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.20) !important;
            color: #222222 !important;
        }
        /* Paneles "Información del pedido" / "Productos" con bg dark inline */
        html[data-theme="light"] #hist-comprobante-overlay div[style*="background:rgba(15,23,42,0.5)"],
        html[data-theme="light"] #hist-comprobante-overlay div[style*="background:rgba(15,23,42,0.3)"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.16) !important;
        }
        /* Headers de sección "INFORMACIÓN DEL PEDIDO" / "PRODUCTOS" */
        html[data-theme="light"] #hist-comprobante-overlay div[style*="color:#93c5fd"][style*="text-transform:uppercase"] {
            color: #1d4ed8 !important;
        }
        /* Labels (Cliente, Observaciones, Mesa, Tipo pedido) */
        html[data-theme="light"] #hist-comprobante-overlay label[style*="color:#8a9bb0"] {
            color: #2e2e2e !important;
        }
        /* Inputs/selects con bg dark inline */
        html[data-theme="light"] #hist-comprobante-overlay input[style*="background:rgba(15,23,42"],
        html[data-theme="light"] #hist-comprobante-overlay select[style*="background:rgba(15,23,42"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        /* Tabla de productos: headers y celdas */
        html[data-theme="light"] #hist-comprobante-overlay thead tr[style*="color:#8a9bb0"] {
            color: #2e2e2e !important;
            border-bottom-color: rgba(15,25,41,0.14) !important;
        }
        html[data-theme="light"] #hist-comprobante-overlay tbody tr {
            border-bottom-color: rgba(15,25,41,0.08) !important;
        }
        html[data-theme="light"] #hist-comprobante-overlay tbody td[style*="color:#e2e8f0"],
        html[data-theme="light"] #hist-comprobante-overlay tbody td[style*="color:#f8fafc"] {
            color: #0e0e0e !important;
        }
        /* Total del comprobante */
        html[data-theme="light"] #hist-comprobante-overlay div[style*="color:#f8fafc"][style*="font-weight:700"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #ec-total-display[style*="color:#34d399"] {
            color: #047857 !important;
        }
        /* Botón "+ Agregar línea" */
        html[data-theme="light"] #hist-comprobante-overlay button[style*="color:#a5b4fc"] {
            background: rgba(99,102,241,0.14) !important;
            color: #3730a3 !important;
            border-color: rgba(99,102,241,0.55) !important;
        }
        /* Botones del footer: Reimprimir / Editar pago / Guardar cambios */
        html[data-theme="light"] #hist-comprobante-overlay button[style*="color:#60c8f0"] {
            background: rgba(0,158,227,0.14) !important;
            color: #0369a1 !important;
            border-color: rgba(0,158,227,0.55) !important;
        }
        /* Separador del footer */
        html[data-theme="light"] #hist-comprobante-overlay div[style*="border-top:1px solid rgba(99,102,241,0.15)"] {
            border-top-color: rgba(15,25,41,0.14) !important;
        }
        /* Botón "✕" eliminar línea (rojo pastel) */
        html[data-theme="light"] #hist-comprobante-overlay button[style*="color:#f87171"] {
            background: rgba(220,38,38,0.10) !important;
            color: #b91c1c !important;
            border-color: rgba(185,28,28,0.50) !important;
        }
        /* "Sin productos." vacio */
        html[data-theme="light"] #hist-comprobante-overlay div[style*="color:#5f6c77"] {
            color: #2e2e2e !important;
        }
        /* Estado "completada" verde claro */
        html[data-theme="light"] #hist-comprobante-overlay span[style*="color:#34d399"] {
            color: #047857 !important;
        }

        /* ── Modales de Caja (Registrar Ingreso/Egreso, Cerrar Caja) ── */
        html[data-theme="light"] .caja-mov-modal {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
            box-shadow: 0 22px 48px rgba(0,0,0,0.22) !important;
            color: #0e0e0e;
        }
        html[data-theme="light"] .caja-mov-modal h4 {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] .caja-mov-modal label,
        html[data-theme="light"] .caja-mov-modal .row > div {
            color: #1a1a1a;
        }
        /* Cards de "Cerrar Caja" con bg dark inline */
        html[data-theme="light"] .caja-mov-modal [style*="background:#0d2240"] {
            background: #b8c6dc !important;
            border-color: #1d4ed8 !important;
        }
        html[data-theme="light"] .caja-mov-modal [style*="background:#0d1f30"] {
            background: #c8d2dc !important;
        }
        html[data-theme="light"] .caja-mov-modal [style*="background:#0d1f30"]:hover {
            background: #bdc8d8 !important;
        }
        /* Cajas internas (Saldo en caja, Próximo turno...) */
        html[data-theme="light"] .caja-mov-modal [style*="background:#0f1e2d"],
        html[data-theme="light"] .caja-mov-modal [style*="background:#071422"] {
            background: rgba(15,25,41,0.05) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }
        /* Inputs internos */
        html[data-theme="light"] .caja-mov-modal input[style*="background:#0a1520"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        /* Bordes con tonos dark */
        html[data-theme="light"] .caja-mov-modal [style*="border:1px solid #1e3a5f"] {
            border-color: rgba(15,25,41,0.18) !important;
        }
        html[data-theme="light"] .caja-mov-modal [style*="border-top:1px solid #1e3a5f"] {
            border-top-color: rgba(15,25,41,0.14) !important;
        }
        /* Textos pastel */
        html[data-theme="light"] .caja-mov-modal [style*="color:#465f73"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] .caja-mov-modal [style*="color:#64748b"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] .caja-mov-modal [style*="color:#f59e0b"] {
            color: #b45309 !important;
        }

        /* ── Paneles Usuarios > Claves de acción y Fichaje ──
           Ambos paneles tienen <div style="padding:18px;background:#0d1825;"> como contenedor */
        html[data-theme="light"] #claves-panel > div[style*="background:#0d1825"],
        html[data-theme="light"] #fichaje-panel > div[style*="background:#0d1825"] {
            background: #f0f4f8 !important;
        }

        /* Cards de acciones protegidas y usuarios (renderizadas por accion-claves.js) */
        html[data-theme="light"] #accion-claves-config-lista > div[style*="background:#0a1520"],
        html[data-theme="light"] #accion-claves-usuarios-lista > div[style*="background:#0a1520"] {
            background: #c8d2dc !important;
            border-color: rgba(15,25,41,0.16) !important;
        }
        html[data-theme="light"] #accion-claves-config-lista span[style*="color:#d0dde8"],
        html[data-theme="light"] #accion-claves-usuarios-lista span[style*="color:#d0dde8"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #accion-claves-config-lista label[style*="color:#8899aa"] {
            color: #2e2e2e !important;
        }
        /* Select "Nivel mínimo" con bg dark inline */
        html[data-theme="light"] #accion-claves-config-lista select[style*="background:#0d1825"] {
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
            border-color: rgba(15,25,41,0.22) !important;
        }
        /* Form inline "Asignar clave" */
        html[data-theme="light"] [style*="background:#0d2035"] {
            background: #c8d2dc !important;
            border-color: #9b59b6 !important;
        }
        html[data-theme="light"] input[style*="background:#0a1520"][style*="color:#e8f4f8"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }

        /* Inputs/selects con bg #111827 inline (Fichaje configurar empleado, otros) */
        html[data-theme="light"] input[style*="background:#111827"],
        html[data-theme="light"] select[style*="background:#111827"] {
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
            border-color: rgba(15,25,41,0.22) !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }

        /* Colores pastel extra que vimos */
        html[data-theme="light"] [style*="color:#d0dde8"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#8899aa"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#b0bec5"] { color: #1e1e1e !important; }
        html[data-theme="light"] [style*="color:#9b59b6"] { color: #7c3aed !important; }
        html[data-theme="light"] [style*="color:#4a6076"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#e8f4f8"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#e74c3c"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#888"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#4caf50"] { color: #166534 !important; }

        /* Badge "Sin clave" / "Tiene clave" con bg #2a1a1a / #1a4a20 */
        html[data-theme="light"] span[style*="background:#2a1a1a"] {
            background: rgba(220,38,38,0.14) !important;
        }
        html[data-theme="light"] span[style*="background:#1a4a20"] {
            background: rgba(22,163,74,0.14) !important;
        }

        /* ── Vista Soporte (#view-help): help-tyc Terms & Conditions ── */
        html[data-theme="light"] .help-tyc {
            background: #f0f4f8;
            border-color: rgba(15,25,41,0.18);
        }
        html[data-theme="light"] .help-tyc[open] {
            border-color: rgba(8,145,178,0.55);
        }
        html[data-theme="light"] .help-tyc-summary {
            color: #0e0e0e;
        }
        html[data-theme="light"] .help-tyc-summary:hover { background: rgba(8,145,178,0.08); }
        html[data-theme="light"] .help-tyc-chev { color: #0e7490; }
        html[data-theme="light"] .help-tyc-body {
            border-top-color: rgba(15,25,41,0.12);
            color: #1a1a1a;
        }
        html[data-theme="light"] .help-tyc-body h4 { color: #1d4ed8; }
        html[data-theme="light"] .help-tyc-body p,
        html[data-theme="light"] .help-tyc-body li { color: #1a1a1a; }
        html[data-theme="light"] .help-tyc-body strong { color: #0e0e0e; }
        html[data-theme="light"] .help-tyc-body code {
            background: rgba(15,25,41,0.07);
            color: #1d4ed8;
        }
        html[data-theme="light"] .help-tyc-meta {
            border-bottom-color: rgba(15,25,41,0.12);
            color: #2e2e2e;
        }
        html[data-theme="light"] .help-tyc-pill {
            background: rgba(126,58,242,0.10);
            border-color: rgba(126,58,242,0.45);
            color: #6d28d9;
        }
        html[data-theme="light"] .help-tyc-foot {
            border-top-color: rgba(15,25,41,0.12);
            color: #2e2e2e !important;
        }
        html[data-theme="light"] .help-manual-cta {
            border-top-color: rgba(15,25,41,0.14);
        }
        html[data-theme="light"] .help-manual-kicker { color: #1d4ed8; }
        html[data-theme="light"] .help-manual-cta-copy strong { color: #0e0e0e; }

        /* ── Servicios extra (cfg-servicio-card en tab Servicios) ── */
        html[data-theme="light"] .cfg-servicio-card[style*="background:rgba(15,23,42,0.4)"] {
            background: #f0f4f8 !important;
        }

        /* ── Teclas rápidas: cards renderizadas por config.js ── */

        /* Contenedor de cada card (fondo dark inline) */
        html[data-theme="light"] div[style*="background:rgba(15,23,42,0.5)"][style*="border:1px solid rgba(255,255,255,0.10)"] {
            background: #c8d4e0 !important;
            border-color: rgba(15,25,41,0.22) !important;
        }

        /* Label del slot (nombre de la acción) — texto blanco en dark mode */
        html[data-theme="light"] div[style*="background:rgba(15,23,42,0.5)"] > div[style*="color:#e2e8f0"] {
            color: #0e0e0e !important;
        }

        /* Botón de la tecla asignada — aspecto de tecla de teclado */
        html[data-theme="light"] .hotkey-capture-btn {
            background: #f0f4f8 !important;
            border: 2px solid #1e40af !important;
            border-style: solid !important;   /* pisa el dashed del inline style */
            border-radius: 6px !important;
            color: #1e40af !important;
            font-weight: 800 !important;
            box-shadow: 0 3px 0 #1e40af, 0 4px 6px rgba(0,0,0,0.32) !important;  /* efecto tecla 3D */
        }
        html[data-theme="light"] .hotkey-capture-btn:hover {
            background: #eff6ff !important;
            color: #1d4ed8 !important;
            border-color: #1d4ed8 !important;
            box-shadow: 0 3px 0 #1d4ed8, 0 4px 8px rgba(0,0,0,0.20) !important;
        }

        /* Estado "esperá la tecla…" — botón en amarillo */
        html[data-theme="light"] .hotkey-capture-btn[style*="background: rgba(245,158,11"] {
            background: rgba(245,158,11,0.15) !important;
            border-color: rgba(180,115,0,0.70) !important;
            color: #78350f !important;
            box-shadow: 0 3px 0 rgba(180,115,0,0.50), 0 4px 6px rgba(0,0,0,0.25) !important;
        }

        /* Botón ✕ quitar tecla */
        html[data-theme="light"] button[style*="color:#fca5a5"][style*="background:rgba(220,38,38"] {
            background: rgba(220,38,38,0.12) !important;
            border-color: rgba(185,28,28,0.45) !important;
            color: #b91c1c !important;
        }

        /* ── Configuración: modal #modal-terminales-cfg ── */
        html[data-theme="light"] #modal-terminales-cfg > div[style*="background:#1a2332"] {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
            box-shadow: 0 22px 48px rgba(0,0,0,0.22) !important;
            color: #0e0e0e;
        }
        html[data-theme="light"] #modal-terminales-cfg h3[style*="color:#e2e8f0"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #modal-terminales-cfg p[style*="color:#8a9bb0"],
        html[data-theme="light"] #modal-terminales-cfg button[style*="color:#8a9bb0"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #modal-terminales-cfg b[style*="color:#e2e8f0"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #modal-terminales-cfg th[style*="color:#64748b"] {
            color: #1a1a1a !important;
        }
        html[data-theme="light"] #modal-terminales-cfg td[style*="color:#e2e8f0"] {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #modal-terminales-cfg tr[style*="border-bottom:2px solid rgba(255,255,255,0.08)"] {
            border-bottom-color: rgba(15,25,41,0.16) !important;
        }
        html[data-theme="light"] #modal-terminales-cfg div[style*="border-top:1px solid rgba(255,255,255,0.07)"] {
            border-top-color: rgba(15,25,41,0.14) !important;
        }
        /* Banners de conflicto y otros wraps de config con bg dark inline */
        html[data-theme="light"] #view-config div[style*="background:rgba(15,23,42,0.3)"],
        html[data-theme="light"] #view-config div[style*="background:rgba(15,23,42,0.4)"],
        html[data-theme="light"] #view-config div[style*="background:rgba(15,23,42,0.5)"] {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }

        /* ── Mantenimiento: archivo de BD en uso (dentro de view-config) ── */
        html[data-theme="light"] #view-config #cfg-tab-mant div[style*="background:#0f172a"],
        html[data-theme="light"] #view-config #cfg-tab-mant div[style*="background:#1a2436"],
        html[data-theme="light"] #view-config #cfg-tab-mant div[style*="background:rgba(30,41,59"],
        html[data-theme="light"] #view-config #cfg-tab-mant div[style*="background:rgba(15,23,42"] {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }
        /* Texto blanco del DB path en mantenimiento */
        html[data-theme="light"] #cfg-db-info-content {
            color: #1a1a1a !important;
        }

        /* Botón ✕ clear en hotkey con color #fca5a5 */
        html[data-theme="light"] [style*="color:#fca5a5"] { color: #b91c1c !important; }
        /* "Esperá la tecla…" amber background */
        html[data-theme="light"] [style*="color:#fde68a"] { color: #92400e !important; }
        /* Soporte "JAMM - Desarrollado por..." color #8b9bb4 ya cubierto */

        /* "Tu suscripción" panel en Soporte */
        html[data-theme="light"] #view-help [style*="background:rgba(126,58,242,0.12)"],
        html[data-theme="light"] #view-help [style*="background:rgba(124,58,237,0.12)"] {
            background: rgba(126,58,242,0.10) !important;
            border-color: rgba(126,58,242,0.45) !important;
        }

        /* ── Menú flotante "Personalizar botón" del pedido (#prod-btn-custom-menu) ── */
        html[data-theme="light"] #prod-btn-custom-menu {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.20) !important;
            box-shadow: 0 12px 36px rgba(0,0,0,0.22) !important;
        }
        html[data-theme="light"] #prod-btn-custom-menu > div[style*="color:#7a9ab8"] {
            color: #1a1a1a !important;
        }
        html[data-theme="light"] #prod-btn-custom-menu div[style*="color:#8a9bb0"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #pbc-label {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        /* Swatch "Por defecto" con outline dashed */
        html[data-theme="light"] #pbc-swatches div[style*="background:#0d1f30"] {
            background: #c8d2dc !important;
            outline-color: rgba(15,25,41,0.40) !important;
        }
        /* Botones Reubicar / Ocultar / Mostrar */
        html[data-theme="light"] #pbc-reubicar,
        html[data-theme="light"] #pbc-ocultar {
            background: rgba(15,25,41,0.05) !important;
            border-color: rgba(15,25,41,0.22) !important;
        }
        html[data-theme="light"] #pbc-reubicar:hover,
        html[data-theme="light"] #pbc-ocultar:hover {
            background: rgba(15,25,41,0.12) !important;
        }
        html[data-theme="light"] #pbc-reubicar[style*="color:#7dd3fc"] {
            color: #0369a1 !important;
        }
        /* Botones ↺ / ✕ */
        html[data-theme="light"] #pbc-reset,
        html[data-theme="light"] #pbc-cancel {
            background: rgba(15,25,41,0.07) !important;
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #pbc-reset:hover,
        html[data-theme="light"] #pbc-cancel:hover {
            background: rgba(15,25,41,0.14) !important;
        }
        /* Color swatch active border: mantener #1e90ff */

        /* ── Modal de pedido: input de CANTIDAD por item con bg/color dark inline ── */
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap td input[type="number"],
        html[data-theme="light"] .nuevo-pedido-modal td input[type="number"][style*="color:#f0f6ff"],
        html[data-theme="light"] .nuevo-pedido-modal td input[style*="background:rgba(255,255,255,0.06)"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap td input[type="number"]:focus {
            border-color: #3b82f6 !important;
            box-shadow: 0 0 0 3px rgba(59,130,246,0.20) !important;
        }

        /* ── Botones de acción del pedido: tonificar gradients dark para que no
           queden tan saturados sobre fondo claro ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-asignar {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-art-inex {
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-obs {
            background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-control-mesa {
            background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-descuento {
            background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-anular {
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn-cobrar {
            background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
        }
        /* Todos los botones del modal de pedido: borde sutil para definir contorno en light */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn {
            border: 1px solid rgba(15,25,41,0.10) !important;
            box-shadow: 0 2px 6px rgba(15,25,41,0.10) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary-actions .btn:hover {
            box-shadow: 0 4px 12px rgba(15,25,41,0.18) !important;
            filter: brightness(1.05);
        }

        /* TOTAL del pedido (chip-total): mantener legible */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-total {
            background: rgba(37,99,235,0.09) !important;
            border: 1px solid rgba(37,99,235,0.30) !important;
        }

        /* Recetas: backgrounds dark-only de la tabla y tfoot */
        html[data-theme="light"] #view-recetas thead tr[style*="background:rgba(15,23,42"],
        html[data-theme="light"] #view-recetas tfoot tr[style*="background:rgba(15,23,42"] {
            background: rgba(15,25,41,0.07) !important;
        }
        html[data-theme="light"] #view-recetas input[type="number"][style*="background:rgba(15,23,42"] {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #view-recetas div[style*="background:rgba(15,23,42,0.5)"] {
            background: rgba(15,25,41,0.05) !important;
        }

        /* ============================================
           Tema Claro — fixes round 2
           Colores hardcodeados en components.css que
           no se adaptan automáticamente al tema claro.
        ============================================ */

        /* ── Inventario: inputs y celdas con paleta dark ── */
        html[data-theme="light"] .inv-ajuste {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
        }
        html[data-theme="light"] .inv-td-code,
        html[data-theme="light"] .inv-td-umb,
        html[data-theme="light"] .inv-resultante {
            color: #2e2e2e !important;
        }

        /* ── Tabla Historial: filas de nota de crédito y anuladas ── */
        html[data-theme="light"] .nc-row td {
            color: #b91c1c !important;
        }
        html[data-theme="light"] .badge-nc {
            background: rgba(220,38,38,0.12) !important;
            color: #b91c1c !important;
            border-color: rgba(185,28,28,0.40) !important;
        }

        /* ── Caja: saldo box y elementos con colores hardcodeados ── */
        html[data-theme="light"] #view-caja .caja-saldo-box span {
            color: #1d4ed8 !important;
        }
        html[data-theme="light"] #view-caja .caja-head-meta {
            color: #222222 !important;
        }
        html[data-theme="light"] #view-caja .caja-total-line {
            border-bottom-color: rgba(15,25,41,0.12) !important;
        }
        html[data-theme="light"] #view-caja .caja-panel {
            background: rgba(15,25,41,0.03) !important;
            border-color: rgba(15,25,41,0.12) !important;
        }
        html[data-theme="light"] #view-caja .caja-head-box {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.12) !important;
        }
        html[data-theme="light"] #view-caja .caja-head-box-open {
            background: rgba(22,163,74,0.07) !important;
            border-color: rgba(22,163,74,0.30) !important;
        }
        html[data-theme="light"] #view-caja .caja-head-box-closed {
            background: rgba(220,38,38,0.06) !important;
            border-color: rgba(185,28,28,0.28) !important;
        }

        /* ── Botones de productos (toolbar): colores pastel invisibles en claro ── */
        html[data-theme="light"] #view-productos .abm-toolbar .btn-prod-nav {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.18) !important;
            color: #1a1a1a !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.20) !important;
        }
        html[data-theme="light"] #view-productos .abm-toolbar .btn-prod-nav:hover {
            background: rgba(15,25,41,0.12) !important;
        }

        /* ── Botones de ordenamiento de rubros ── */
        html[data-theme="light"] .btn-rubro-orden {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.18) !important;
            color: #1a1a1a !important;
        }
        html[data-theme="light"] .btn-rubro-orden:hover {
            background: rgba(15,25,41,0.12) !important;
        }

        /* ── Código de rubro (readonly readonly azul) ── */
        html[data-theme="light"] #form-rubro input[readonly]#r-codigo {
            background: rgba(26,86,219,0.07) !important;
            color: #1a4fc0 !important;
            border-color: rgba(26,86,219,0.30) !important;
        }

        /* ── Borders separadores en forms que usan rgba(255,255,255,*) ── */
        html[data-theme="light"] #form-prod-container > div:last-child {
            border-top-color: rgba(15,25,41,0.12) !important;
            background: rgba(15,25,41,0.02) !important;
        }
        html[data-theme="light"] #form-proveedor .prov-form-actions {
            border-top-color: rgba(15,25,41,0.12) !important;
            background: rgba(15,25,41,0.02) !important;
        }
        html[data-theme="light"] .cli-actions {
            border-top-color: rgba(15,25,41,0.12) !important;
            background: var(--panel) !important;
        }
        html[data-theme="light"] .cli-section-title {
            color: rgba(26,86,219,0.75) !important;
            border-bottom-color: rgba(15,25,41,0.10) !important;
        }

        /* ── Footer del modal de nuevo pedido (fijo) ── */
        html[data-theme="light"] #modal-nuevo-pedido .nuevo-pedido-footer {
            background: #a6b6ca !important;
            border-top-color: rgba(15,25,41,0.14) !important;
        }

        /* ── Labels de filtros en historial ventas (hardcoded #6b7f91) ── */
        html[data-theme="light"] #view-historial-ventas .historial-ventas-filtro-item label,
        html[data-theme="light"] #view-historial .historial-filtros label {
            color: #222222 !important;
        }

        /* ── Diseños: label dark hardcoded ── */
        html[data-theme="light"] #view-disenos .dsg-output-copy {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] #view-disenos .dsg-printer-grid label {
            color: #1e1e1e !important;
        }
        html[data-theme="light"] #view-config #cfg-tab-comprobantes .dsg-printer-grid label {
            color: #222222 !important;
        }

        /* ── Compras tabs bar: borde inferior visible en claro ── */
        html[data-theme="light"] .compras-tabs-bar {
            border-bottom-color: rgba(15,25,41,0.16) !important;
        }

        /* ── Promo rules list: fondo white-alpha → claro ── */
        html[data-theme="light"] .promo-rules-list {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }

        /* ── Historial ventas filtros container: white-alpha → visible ── */
        html[data-theme="light"] #view-historial-ventas .historial-ventas-filtros {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.12) !important;
        }

        /* ── ABM separators: rgba(255,255,255,0.07) invisible en claro ── */
        html[data-theme="light"] #view-productos .abm-form > div[style*='margin-top:20px'],
        html[data-theme="light"] #view-clientes .abm-form > div[style*='margin-top:20px'],
        html[data-theme="light"] #view-pagos .abm-form > div[style*='margin-top:20px'],
        html[data-theme="light"] #view-usuarios .abm-form > div[style*='margin-top:20px'],
        html[data-theme="light"] #view-rubros .abm-form > div[style*='margin-top:20px'],
        html[data-theme="light"] #view-envases .abm-form > div[style*='margin-top:20px'] {
            border-top-color: rgba(15,25,41,0.12) !important;
        }

        /* ── Pedidos: líneas de separación bottom de la tabla ── */
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap td {
            border-bottom-color: rgba(15,25,41,0.08) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap thead tr {
            background: rgba(15,25,41,0.05) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap th {
            border-bottom-color: rgba(15,25,41,0.14) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-rubro-wrap {
            border-color: rgba(15,25,41,0.14) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-rubro-products {
            background: rgba(15,25,41,0.02) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-editar-precio {
            border-color: rgba(29,78,216,0.40) !important;
            color: #1d4ed8 !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-editar-precio:hover {
            background: rgba(29,78,216,0.10) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-item-del-nuevo {
            border-color: rgba(185,28,28,0.40) !important;
            color: #b91c1c !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-item-del-nuevo:hover {
            background: rgba(185,28,28,0.12) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty-clear {
            background: rgba(220,38,38,0.10) !important;
            border-color: rgba(185,28,28,0.35) !important;
            color: #b91c1c !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty-clear:hover {
            background: rgba(220,38,38,0.20) !important;
        }

        /* ── Modo reubicar: slots con borde visible en claro ── */
        html[data-theme="light"] .prod-reubicar-slot {
            border-color: rgba(100,116,139,0.40) !important;
        }

        /* ── Quick-ops-bar: borde invisible en claro ── */
        html[data-theme="light"] .quick-ops-bar {
            border-color: rgba(15,25,41,0.10) !important;
            background: rgba(15,25,41,0.04) !important;
        }

        /* ── Mesas: toolbar sticky ── */
        html[data-theme="light"] .mesas-toolbar {
            background: var(--panel) !important;
            border-bottom-color: rgba(15,25,41,0.12) !important;
        }

        /* ── Stats accordion en modo claro: fondo heredado correcto ── */
        html[data-theme="light"] .stats-accordion-section {
            border-color: rgba(15,25,41,0.14) !important;
        }
        html[data-theme="light"] .stats-accordion-header.open {
            border-bottom-color: rgba(15,25,41,0.12) !important;
            color: #1d4ed8 !important;
        }
        html[data-theme="light"] .stats-accordion-body {
            background: #f0f4f8 !important;
        }

        /* ── Role perm item activo: color de texto legible en claro ── */
        html[data-theme="light"] .role-perm-item-wrap:has(input:checked):not(.is-disabled) {
            color: #1d4ed8 !important;
        }

        /* ── Diseños: preview-box borde dashed en modo claro ── */
        html[data-theme="light"] #preview-diseno.preview-ticket {
            border-color: rgba(15,25,41,0.20) !important;
        }

        /* ── Configuracion: tabs gastro border ── */
        html[data-theme="light"] #cfg-tab-gastro > div > div:first-child {
            background: rgba(15,25,41,0.03) !important;
            border-color: rgba(26,86,219,0.20) !important;
        }

        /* ── Scan-input en ventas: border en claro ── */
        html[data-theme="light"] .scan-input {
            border-color: rgba(29,78,216,0.40) !important;
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
        }
        html[data-theme="light"] .scan-input:focus {
            border-color: #1d4ed8 !important;
        }

        /* ── Colores adicionales inline no cubiertos anteriormente ── */
        html[data-theme="light"] [style*="color:#465f73"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#3d5a7a"] { color: #1e3a8a !important; }
        html[data-theme="light"] [style*="color:#253040"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#d0e4f4"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#c0d4e8"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#a0b8d0"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#b0c8e0"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#80a0c0"] { color: #1e3a8a !important; }
        html[data-theme="light"] [style*="color:#708090"] { color: #222222 !important; }

        /* ── Fondos white-alpha en DIVs de contenedor (no en botones ni prod-cards) ──
           Nota: solo aplica a div/section/article para no pisar botones e íconos */
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.04)"],
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.03)"],
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.02)"] {
            background: rgba(15,25,41,0.03) !important;
        }
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.07)"],
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.08)"] {
            background: rgba(15,25,41,0.05) !important;
        }
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.10)"],
        html[data-theme="light"] div[style*="background:rgba(255,255,255,0.12)"] {
            background: rgba(15,25,41,0.06) !important;
        }

        /* ── Bordes white-alpha en DIVs de contenedor ── */
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.04)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.05)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.06)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.07)"] {
            border-color: rgba(15,25,41,0.10) !important;
        }
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.08)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.09)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.10)"],
        html[data-theme="light"] div[style*="border:1px solid rgba(255,255,255,0.12)"] {
            border-color: rgba(15,25,41,0.14) !important;
        }

        /* ── Nuevo pedido: footer background hardcoded ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-summary {
            border-top-color: rgba(15,25,41,0.12) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-totals-row {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.10) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-label {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-chip-value {
            color: #0e0e0e !important;
        }

        /* ============================================
           Tema Claro — fixes round 3
           Dropdowns de búsqueda, selects de BI export,
           modales generados por JS con bg hardcoded,
           y elementos residuales en responsive.css
        ============================================ */

        /* ── Dropdowns de búsqueda (inline bg:#1a2436) ── */
        html[data-theme="light"] #ins-search-results,
        html[data-theme="light"] #cmp-prod-search-results,
        html[data-theme="light"] #cmp-conceptos-results,
        html[data-theme="light"] #asoc-prod-dd {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            box-shadow: 0 12px 32px rgba(0,0,0,0.32) !important;
            color: #0e0e0e !important;
        }
        /* Items dentro de los dropdowns */
        html[data-theme="light"] #ins-search-results > div,
        html[data-theme="light"] #cmp-prod-search-results > div,
        html[data-theme="light"] #cmp-conceptos-results > div,
        html[data-theme="light"] #asoc-prod-dd > div {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] #ins-search-results > div:hover,
        html[data-theme="light"] #cmp-prod-search-results > div:hover,
        html[data-theme="light"] #cmp-conceptos-results > div:hover,
        html[data-theme="light"] #asoc-prod-dd > div:hover {
            background: rgba(26,86,219,0.08) !important;
        }

        /* ── Selects de export de BI (inline bg:#0f172a, border:#334155) ── */
        html[data-theme="light"] #bi-finanzas-export-selector,
        html[data-theme="light"] #bi-op-export-selector,
        html[data-theme="light"] #bi-aud-export-selector,
        html[data-theme="light"] #bi-fiscal-export-selector {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
        }

        /* ── Historial: modal editar pago (inline bg:#0f172a, color:#f1f5f9) ── */
        html[data-theme="light"] input[style*="background:#0f172a"],
        html[data-theme="light"] select[style*="background:#0f172a"],
        html[data-theme="light"] div[style*="background:#0f172a"] {
            background: #f0f4f8 !important;
            border-color: rgba(0,0,0,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }
        html[data-theme="light"] [style*="border:1px solid #334155"],
        html[data-theme="light"] [style*="border:1.5px solid #334155"] {
            border-color: rgba(15,25,41,0.22) !important;
        }
        html[data-theme="light"] [style*="color:#f1f5f9"] { color: #0e0e0e !important; }

        /* ── Mesas JS: modal de selección de sector (bg:#0f172a) ── */
        html[data-theme="light"] [style*="background:#1a2332"] {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
            color: #0e0e0e !important;
        }

        /* ── Cobro: modal confirmación final (bg:#0d1825 inline) ── */
        html[data-theme="light"] [style*="border:1px solid rgba(0,158,227,0.4)"][style*="background:#0d1825"] {
            background: #b4c6d8 !important;
            border-color: rgba(26,86,219,0.35) !important;
        }

        /* ── Pedido: modal obs/comensales inline bg:#0d1825 ── */
        html[data-theme="light"] [style*="background:#0d1825"][style*="border-radius:18px"],
        html[data-theme="light"] [style*="background:#0d1825"][style*="border-radius:16px"] {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
        }

        /* ── responsive.css: nuevo-pedido-footer hardcoded #0d1825 ── */
        html[data-theme="light"] #modal-nuevo-pedido .nuevo-pedido-footer {
            background: #a6b6ca !important;
            border-top-color: rgba(15,25,41,0.14) !important;
        }

        /* ── responsive.css: .nuevo-pedido-modal .modal-box bg:#0d1825 ── */
        html[data-theme="light"] .nuevo-pedido-modal .modal-box {
            background: #b0c4d6 !important;
            border-color: rgba(15,25,41,0.18) !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .modal-body {
            background: #b0c4d6 !important;
        }

        /* ── responsive.css: paneles izquierdo y derecho del modal de pedido ── */
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-left,
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-right {
            background: rgba(15,25,41,0.05) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }

        /* ── responsive.css: botones de cantidad (numpad) ── */
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.16) !important;
            color: #1e3260 !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .btn-qty:hover {
            background: rgba(26,86,219,0.14) !important;
            border-color: rgba(26,86,219,0.40) !important;
            color: #1d4ed8 !important;
        }

        /* ── responsive.css: pedido-qty-pad (numpad container) ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-pad {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
        }

        /* ── responsive.css: chip de badge del pedido ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-nro-badge {
            color: #2e2e2e !important;
            background: rgba(15,25,41,0.06) !important;
        }

        /* ── responsive.css: chip mozo/comensales ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-mozo-chip,
        html[data-theme="light"] .nuevo-pedido-modal .pedido-comensales-chip {
            background: rgba(15,25,41,0.05) !important;
            color: #1a1a1a !important;
            border-color: rgba(15,25,41,0.12) !important;
        }

        /* ── responsive.css: pedido items row hover ── */
        html[data-theme="light"] .nuevo-pedido-modal tr.pedido-item-row:hover {
            background: rgba(26,86,219,0.07) !important;
        }

        /* ── responsive.css: scroll del pedido items ── */
        html[data-theme="light"] .nuevo-pedido-modal .nuevo-pedido-items-wrap td {
            color: #0e0e0e !important;
        }

        /* ── responsive.css: numpad valor y display label ── */
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-val {
            color: #0e0e0e !important;
        }
        html[data-theme="light"] .nuevo-pedido-modal .pedido-qty-display {
            color: #2e2e2e !important;
        }

        /* ── responsive.css: prod-card-btn color en el pedido modal dinámico ── */
        html[data-theme="light"] .nuevo-pedido-modal .prod-card-btn {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.20) !important;
            color: #0e0e0e !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.20) !important;
        }
        html[data-theme="light"] #promo-items-grid .prod-card-btn {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.20) !important;
            color: #0e0e0e !important;
        }

        /* ── Historial: contenedor con bg:#0f172a como panel de filtros ── */
        html[data-theme="light"] #view-historial [style*="background:#0f172a"],
        html[data-theme="light"] #view-historial-ventas [style*="background:#0f172a"] {
            background: rgba(15,25,41,0.04) !important;
            border-color: rgba(15,25,41,0.14) !important;
            color: #0e0e0e !important;
        }

        /* ── Salud: modal diagnóstico (bg:#1a2332) ── */
        html[data-theme="light"] #view-salud [style*="background:#1a2332"],
        html[data-theme="light"] [style*="background:#1a2332"][style*="border-radius:16px"] {
            background: #b4c6d8 !important;
            border-color: rgba(15,25,41,0.18) !important;
        }

        /* ── Accion-claves: select con bg:#0d1825 ── */
        html[data-theme="light"] select[style*="background:#0d1825"][style*="color:#d0dde8"] {
            background: #f0f4f8 !important;
            border-color: rgba(15,25,41,0.22) !important;
            color: #0e0e0e !important;
            -webkit-text-fill-color: #0e0e0e !important;
        }

        /* ── Cobro: panel interno de formas de pago (bg:#0d1825 flex) ── */
        html[data-theme="light"] [style*="flex:1;overflow-y:auto"][style*="background:#0d1825"] {
            background: #b4c6d8 !important;
        }

        /* ── Clientes: modal cuenta corriente con colores inline dark ── */
        html[data-theme="light"] [style*="color:#e2e8f0"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#f1f5f9"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#cbd5e0"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#a0aec0"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#718096"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#4a5568"] { color: #1e293b !important; }
        html[data-theme="light"] [style*="color:#2d3748"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#1a202c"] { color: #0e0e0e !important; }

        /* ── Textos adicionales con valores pastel de la paleta dark ── */
        html[data-theme="light"] [style*="color:#90cdf4"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#63b3ed"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#4299e1"] { color: #1d4ed8 !important; }
        html[data-theme="light"] [style*="color:#68d391"] { color: #15803d !important; }
        html[data-theme="light"] [style*="color:#48bb78"] { color: #15803d !important; }
        html[data-theme="light"] [style*="color:#fc8181"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#feb2b2"] { color: #b91c1c !important; }
        html[data-theme="light"] [style*="color:#fbd38d"] { color: #92400e !important; }
        html[data-theme="light"] [style*="color:#f6e05e"] { color: #78350f !important; }
        html[data-theme="light"] [style*="color:#b794f4"] { color: #6d28d9 !important; }
        html[data-theme="light"] [style*="color:#9f7aea"] { color: #6d28d9 !important; }
        html[data-theme="light"] [style*="color:#76e4f7"] { color: #0369a1 !important; }
        html[data-theme="light"] [style*="color:#4fd1c5"] { color: #047857 !important; }

        /* ── Colores inline del modal de cobro (cobro.js) ── */
        html[data-theme="light"] [style*="color:#d7e3f1"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#9db4cc"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#b9c8d8"] { color: #222222 !important; }
        html[data-theme="light"] [style*="color:#e6eff9"] { color: #0e0e0e !important; }
        html[data-theme="light"] [style*="color:#cdd9e6"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:#7a9ab8"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:#5f7a99"] { color: #2e2e2e !important; }

        /* Botones comprobante en cobro (bg white-alpha oscuro, color #e2e8f0) */
        html[data-theme="light"] button[style*="background:rgba(255,255,255,0.07)"][style*="color:#e2e8f0"] {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.20) !important;
            color: #1a1a1a !important;
        }
        /* Botón "Cancelar" en QR de Mercado Pago */
        html[data-theme="light"] #mp-btn-cancelar {
            background: rgba(220,38,38,0.10) !important;
            border-color: rgba(185,28,28,0.45) !important;
            color: #b91c1c !important;
        }
        /* Status de verificación (color:#60a5fa) — ya cubierto por regla global */
        /* "← Cambiar forma de pago" */
        html[data-theme="light"] .ci-volver-pago {
            color: #1d4ed8 !important;
        }
        /* Warnings y banners de cobro */
        html[data-theme="light"] .ci-ctacte-warning {
            background: rgba(217,119,6,0.10) !important;
            border-color: rgba(217,119,6,0.35) !important;
            color: #92400e !important;
        }
        html[data-theme="light"] .ci-remito-banner {
            background: rgba(234,88,12,0.10) !important;
            border-color: rgba(194,65,12,0.35) !important;
            color: #9a3412 !important;
        }
        html[data-theme="light"] .ci-dolar-info {
            background: rgba(22,163,74,0.08) !important;
            border-color: rgba(22,163,74,0.30) !important;
            color: #15803d !important;
        }
        /* Panel de fidelidad dentro del cobro */
        html[data-theme="light"] .ci-cobro-fid-suma {
            color: #15803d !important;
            border-top-color: rgba(15,25,41,0.12) !important;
        }
        /* "Asignar cliente" chip */
        html[data-theme="light"] .ci-btn-asignar-cliente {
            background: rgba(15,25,41,0.06) !important;
            border-color: rgba(15,25,41,0.20) !important;
            color: #1a1a1a !important;
        }

        /* ── Banner de notificaciones del admin ──────────────────────────────
           El banner siempre tiene fondo oscuro (gradiente azul/violeta hardcodeado).
           La regla genérica [style*="color:#e2e8f0"] lo convertía a oscuro → invisible
           sobre el fondo oscuro del banner. */
        html[data-theme="light"] #jamm-notif-banner,
        html[data-theme="light"] #jamm-notif-ticker,
        html[data-theme="light"] #jamm-notif-banner span {
            color: #e2e8f0 !important;
        }

        /* ── Input de cantidad en tabla de ítems del pedido ─────────────────
           Template inline usa color:#f0f6ff (casi blanco).
           En modo claro el fondo se vuelve claro → texto invisible. */
        html[data-theme="light"] .nuevo-pedido-modal input[type="number"] {
            background: #f0f4f8 !important;
            color: #0e0e0e !important;
            border-color: rgba(0,0,0,0.22) !important;
        }

        /* Cobertura genérica para inline color:#f0f6ff (blanco-casi) */
        html[data-theme="light"] [style*="color:#f0f6ff"] {
            color: #0e0e0e !important;
        }

        /* Aclaraciones y precios tachados en ítems del pedido */
        html[data-theme="light"] [style*="color:#94a3b8"] {
            color: #2e2e2e !important;
        }
        html[data-theme="light"] [style*="color:#6b7785"] {
            color: #4a5568 !important;
        }

        /* ═══════════════════════════════════════════════════════════════
           Tema Claro — fixes round 4
           Ingeniería de Menú (ABC matrix), KPI cards Auditoría/Fiscal,
           colores inline residuales en tablas de Informes.
        ══════════════════════════════════════════════════════════════════ */

        /* ── KPI cards (.stats-kpi): bg white-alpha invisible en claro ── */
        html[data-theme="light"] .stats-kpi {
            background: #f0f4f8 !important;
            border: 1px solid rgba(15,25,41,0.16) !important;
            box-shadow: 0 2px 8px rgba(15,25,41,0.06);
        }

        /* ── Ingeniería de Menú: leyenda del ABC — cada tarjeta con su color ── */
        html[data-theme="light"] #view-stats div[style*="background:rgba(30,41,59,0.6)"]:has(span[style*="background:rgba(245,158,11"]) {
            background: rgba(245,158,11,0.13) !important;
            border: 1px solid rgba(155,80,0,0.35) !important;
        }
        html[data-theme="light"] #view-stats div[style*="background:rgba(30,41,59,0.6)"]:has(span[style*="background:rgba(59,130,246"]) {
            background: rgba(59,130,246,0.12) !important;
            border: 1px solid rgba(37,99,235,0.35) !important;
        }
        html[data-theme="light"] #view-stats div[style*="background:rgba(30,41,59,0.6)"]:has(span[style*="background:rgba(168,85,247"]) {
            background: rgba(168,85,247,0.12) !important;
            border: 1px solid rgba(109,40,217,0.35) !important;
        }
        html[data-theme="light"] #view-stats div[style*="background:rgba(30,41,59,0.6)"]:has(span[style*="background:rgba(75,85,99"]) {
            background: rgba(75,85,99,0.10) !important;
            border: 1px solid rgba(75,85,99,0.35) !important;
        }

        /* ── ABC matrix: colores de badge (pastel → oscuros en claro) ── */
        html[data-theme="light"] #view-stats [style*="color:#fbbf24"] { color: #92400e !important; }
        html[data-theme="light"] #view-stats [style*="color:#93c5fd"] { color: #1d4ed8 !important; }
        html[data-theme="light"] #view-stats [style*="color:#d8b4fe"] { color: #6d28d9 !important; }

        /* ── ABC matrix: fondos de badge — borde más definido en claro ── */
        html[data-theme="light"] #view-stats span[style*="background:rgba(245,158,11,0.15)"] {
            background: rgba(245,158,11,0.18) !important;
            border-color: rgba(155,80,0,0.55) !important;
        }
        html[data-theme="light"] #view-stats span[style*="background:rgba(59,130,246,0.15)"] {
            background: rgba(59,130,246,0.15) !important;
            border-color: rgba(37,99,235,0.55) !important;
        }
        html[data-theme="light"] #view-stats span[style*="background:rgba(168,85,247,0.15)"] {
            background: rgba(168,85,247,0.15) !important;
            border-color: rgba(109,40,217,0.55) !important;
        }
        html[data-theme="light"] #view-stats span[style*="background:rgba(75,85,99,0.3)"] {
            background: rgba(75,85,99,0.12) !important;
            border-color: rgba(75,85,99,0.55) !important;
        }

        /* ── Tablas de Informes: sub-textos gris-medio ── */
        html[data-theme="light"] [style*="color:#6c7a89"] { color: #444444 !important; }

        /* ── IVA / azul en tablas fiscal y otros ── */
        html[data-theme="light"] [style*="color:#60a5fa"] { color: #1d4ed8 !important; }

        /* ── Advertencia alícuota sin asignar (amber) ── */
        html[data-theme="light"] [style*="color:#f59e0b"] { color: #92400e !important; }

        /* ── Fiscal: separador total row (white-alpha borde) ── */
        html[data-theme="light"] #view-stats tr[style*="border-top:1px solid rgba(255,255,255,0.1)"] {
            border-top-color: rgba(15,25,41,0.18) !important;
        }

        /* ═══════════════════════════════════════════════════════════════
           Tema Claro — Ayuda: bloque terminales contratadas
        ══════════════════════════════════════════════════════════════════ */

        /* Boxes de stats (Contratadas / En uso / Libres) */
        html[data-theme="light"] .help-term-stat {
            background: transparent !important;
            border-color: rgba(0,0,0,0.15) !important;
        }
        /* Etiquetas dentro de cada box */
        html[data-theme="light"] .help-term-stat-label {
            color: #6b7280 !important;
        }
        /* Números de cada box */
        html[data-theme="light"] #help-term-compradas,
        html[data-theme="light"] #help-term-en-uso,
        html[data-theme="light"] #help-term-libres {
            color: var(--ink-900) !important;
        }
        /* Título "Terminales contratadas" */
        html[data-theme="light"] .help-term-header {
            color: #6b7280 !important;
        }
        /* Badge "Esta PC: slot #1" */
        html[data-theme="light"] #help-term-mi-slot {
            color: #6d28d9 !important;
            background: rgba(109,40,217,0.08) !important;
            border-color: rgba(109,40,217,0.30) !important;
        }

        /* ═══════════════════════════════════════════════════════════════
           Tema Claro — intensidad global de texto
           Cubre los colores claros de dark-mode usados con style inline
           que quedan casi invisibles sobre fondo claro.
        ══════════════════════════════════════════════════════════════════ */

        /* Color principal de texto en dark (#e2e8f0 ≈ blanco-gris) */
        html[data-theme="light"] [style*="color:#e2e8f0"]:not(#jamm-notif-banner):not(#jamm-notif-ticker):not(#jamm-notif-banner *) {
            color: #111111 !important;
        }
        /* Gris claro (#cbd5e1, #d1d5db) */
        html[data-theme="light"] [style*="color:#cbd5e1"] { color: #2a2a2a !important; }
        html[data-theme="light"] [style*="color:#d1d5db"] { color: #2a2a2a !important; }
        /* Azul-gris medio (#b0c4de, #8a9bb0, #7a9ab8, #9ca3af) */
        html[data-theme="light"] [style*="color:#b0c4de"] { color: #2a3f5a !important; }
        html[data-theme="light"] [style*="color:#8a9bb0"] { color: #2a3a4a !important; }
        html[data-theme="light"] [style*="color:#7a9ab8"] { color: #1e3a58 !important; }
        html[data-theme="light"] [style*="color:#9ca3af"] { color: #333333 !important; }
        /* Azul-gris suave (#a8b8c8, #aac0d4, #b8cad8) */
        html[data-theme="light"] [style*="color:#a8b8c8"] { color: #334a5e !important; }
        html[data-theme="light"] [style*="color:#aac0d4"] { color: #2a4060 !important; }
        html[data-theme="light"] [style*="color:#b8cad8"] { color: #334050 !important; }
        /* Gris-plata (#a0aec0, #9aacbc) */
        html[data-theme="light"] [style*="color:#a0aec0"] { color: #2e3a4a !important; }
        html[data-theme="light"] [style*="color:#9aacbc"] { color: #2e3a4a !important; }
        /* Blanco puro inline */
        html[data-theme="light"] [style*="color:#ffffff"]:not(#jamm-notif-banner):not(#jamm-notif-ticker):not(#jamm-notif-banner *):not(button):not(.btn) {
            color: #111111 !important;
        }
        /* Blanco casi-puro (#f8fafc, #f1f5f9, #f4f4f5) */
        html[data-theme="light"] [style*="color:#f8fafc"] { color: #111111 !important; }
        html[data-theme="light"] [style*="color:#f1f5f9"] { color: #111111 !important; }
        html[data-theme="light"] [style*="color:#f4f4f5"] { color: #111111 !important; }
        /* rgba slate/gray oscuro-para-dark: rgba(148,163,184,X) — extendido */
        html[data-theme="light"] [style*="color:rgba(148,163,184"] { color: #2e2e2e !important; }
        html[data-theme="light"] [style*="color:rgba(203,213,225"] { color: #1a1a1a !important; }
        html[data-theme="light"] [style*="color:rgba(226,232,240"] { color: #111111 !important; }