/* ============================================================
   TANDA 92 - MODO CLARO (data-theme="light")
   ============================================================
   Override de los colores principales del sistema cuando el body
   tiene data-theme="light". Es additivo: el modo OSCURO sigue
   siendo el default. Click en el toggle del header → light.
   Persiste en localStorage como _mb_theme=light/dark.
   
   Estrategia: NO redefinir todos los colores (el site.css tiene
   miles de reglas con #14171f, #0a0c10, etc). En su lugar:
   - Cambiar el FONDO general (body, app-shell, app-main)
   - Cambiar el TEXTO general claro a oscuro
   - Cambiar las TARJETAS (cards) a fondo blanco
   - Mantener los acentos de color (naranja, verde, rojo)
   - El POS recibe tratamiento especial para que sea claro y limpio
*/

body[data-theme="light"] {
    background: #f3f1ec !important;
    color: #1a1d24 !important;
}

body[data-theme="light"] .app-shell,
body[data-theme="light"] .app-main {
    background: #f3f1ec !important;
}

body[data-theme="light"] .app-side {
    background: linear-gradient(180deg, #ffffff 0%, #f8f6f0 100%) !important;
    border-right: 1px solid #e8e2d4 !important;
    box-shadow: 2px 0 12px rgba(0,0,0,0.05) !important;
}

body[data-theme="light"] .app-top {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e2d4 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    color: #1a1d24 !important;
}

/* Cards generales */
body[data-theme="light"] .card {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}

/* Module cards del menú */
body[data-theme="light"] .module-card {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}
body[data-theme="light"] .module-card:hover {
    box-shadow: 0 6px 18px rgba(200,16,46,0.2) !important;
    border-color: rgba(200,16,46,0.4) !important;
}
body[data-theme="light"] .module-card .mc-title {
    color: #1a1d24 !important;
}
body[data-theme="light"] .module-card .mc-sub {
    color: #888 !important;
}

/* Inputs */
body[data-theme="light"] .inp,
body[data-theme="light"] input.inp,
body[data-theme="light"] select.inp,
body[data-theme="light"] textarea.inp {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #d8d2c4 !important;
}
body[data-theme="light"] .inp:focus,
body[data-theme="light"] input.inp:focus {
    border-color: #c8102e !important;
    box-shadow: 0 0 0 3px rgba(200,16,46,0.15) !important;
}
body[data-theme="light"] .inp::placeholder {
    color: #999 !important;
}

/* Botones */
body[data-theme="light"] .btn-secondary {
    background: #f8f6f0 !important;
    color: #1a1d24 !important;
    border: 1px solid #d8d2c4 !important;
}

/* POS - rediseño claro y limpio */
body[data-theme="light"] .pos-shell {
    background: #fafaf6 !important;
}
body[data-theme="light"] .pos-shell .pos-head-slim {
    background: linear-gradient(135deg, #fff7e0, #ffe9b8) !important;
    color: #6b4f00 !important;
    border-bottom: 1px solid #f5d989 !important;
}
body[data-theme="light"] .pos-shell .pos-head-brand {
    color: #6b4f00 !important;
    font-weight: 900 !important;
}
body[data-theme="light"] .pos-shell .pos-head-chip {
    background: rgba(200,16,46,0.18) !important;
    color: #6b4f00 !important;
    border: 1px solid rgba(200,16,46,0.3) !important;
}
body[data-theme="light"] .pos-shell .zona-busqueda {
    background: linear-gradient(135deg, #ffffff, #f0f4ff) !important;
    border-left: 3px solid #6b8cff !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell .zona-carrito {
    background: linear-gradient(135deg, #ffffff, #f8f8f0) !important;
    border-left: 3px solid #aaa !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell .zona-cobro {
    background: linear-gradient(135deg, #fff8e0, #fdf3c8) !important;
    border-left: 3px solid #c8102e !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell .zona-cliente {
    background: linear-gradient(135deg, #f0fcf5, #e0f7e9) !important;
    border-left: 3px solid #3ecf8e !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell h3 {
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell .total-grande {
    background: rgba(255,255,255,0.7) !important;
    color: #c8102e !important;
}

/* Carrito drawer mobile - también modo claro */
body[data-theme="light"] .pos-cart-drawer {
    background: #ffffff !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-cart-drawer-head {
    color: #1a1d24 !important;
    border-bottom-color: #e8e2d4 !important;
}
body[data-theme="light"] .pos-cart-drawer-item-name b {
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-cart-drawer-item {
    border-bottom-color: #f0ece4 !important;
}

/* Tablas */
body[data-theme="light"] table {
    background: #ffffff !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] table th {
    background: #f8f6f0 !important;
    color: #555 !important;
    border-bottom: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] table td {
    border-bottom: 1px solid #f0ece4 !important;
    color: #1a1d24 !important;
}

/* Texto auxiliar */
body[data-theme="light"] .muted {
    color: #888 !important;
}
body[data-theme="light"] p {
    color: #1a1d24;
}

/* Page head */
body[data-theme="light"] .page-head h1,
body[data-theme="light"] .page-head h2 {
    color: #1a1d24 !important;
}

/* Cart cards POS */
body[data-theme="light"] .cart-card {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .cart-cant-val,
body[data-theme="light"] .cart-cant-btn {
    background: #fef9e7 !important;
    color: #1a1d24 !important;
    border-color: #f5d989 !important;
}
body[data-theme="light"] .cart-nombre b {
    color: #1a1d24 !important;
}
body[data-theme="light"] .cart-meta {
    color: #888 !important;
}

/* Badge carrito */
body[data-theme="light"] .pos-cart-badge {
    box-shadow: 0 6px 18px rgba(200,16,46,0.5), 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* Toggle theme button */
.theme-toggle {
    cursor: pointer;
    background: transparent;
    color: #f5c76e;
    border: 1px solid rgba(245,199,110,0.3);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}
.theme-toggle:hover {
    background: rgba(245,199,110,0.1);
    border-color: rgba(245,199,110,0.6);
}
body[data-theme="light"] .theme-toggle {
    color: #6b4f00;
    border-color: rgba(107,79,0,0.3);
}
body[data-theme="light"] .theme-toggle:hover {
    background: rgba(107,79,0,0.1);
}

/* Inicio de página: fondo distintivo en modo claro */
body[data-theme="light"] .page-head {
    background: transparent !important;
}

/* Modal */
body[data-theme="light"] .modal,
body[data-theme="light"] .modal-canal-box {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .modal-back,
body[data-theme="light"] .modal-canal-bg {
    background: rgba(0,0,0,0.5) !important;
}

/* ============================================================
   TANDA 94 OLA 3 - Mejoras al modo claro
   ============================================================ */

/* Botones disabled VISIBLEMENTE bloqueados en modo claro */
body[data-theme="light"] button:disabled,
body[data-theme="light"] .btn:disabled,
body[data-theme="light"] .btn-primary:disabled,
body[data-theme="light"] .btn-guardar-grande:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    background: #c8c4b8 !important;
    color: #6b6b6b !important;
    border-color: #b8b4a8 !important;
    box-shadow: none !important;
    filter: grayscale(0.8) !important;
}

/* El botón confirmar grande en modo claro - más legible */
body[data-theme="light"] .btn-guardar-grande {
    background: linear-gradient(135deg, #2ecc71, #27ae60) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(46,204,113,0.35) !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}
body[data-theme="light"] .btn-guardar-grande:hover {
    background: linear-gradient(135deg, #27ae60, #229954) !important;
    box-shadow: 0 6px 18px rgba(46,204,113,0.5) !important;
}
body[data-theme="light"] .btn-cancelar {
    background: #ffffff !important;
    color: #555 !important;
    border: 1px solid #d8d2c4 !important;
}

/* Header del POS más legible y bonito en modo claro */
body[data-theme="light"] .pos-shell .pos-head-slim {
    background: linear-gradient(135deg, #fffaeb, #ffeec4) !important;
    color: #5a4000 !important;
    border-bottom: 2px solid #f5d989 !important;
    box-shadow: 0 2px 8px rgba(200,16,46,0.15) !important;
}
body[data-theme="light"] .pos-shell .pos-head-brand {
    color: #5a4000 !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}
body[data-theme="light"] .pos-shell .pos-head-chip {
    background: #ffffff !important;
    color: #5a4000 !important;
    border: 1px solid rgba(200,16,46,0.4) !important;
    font-weight: 700 !important;
}

/* Header global app-top en modo claro - más definido */
body[data-theme="light"] .app-top {
    background: #ffffff !important;
    border-bottom: 2px solid #e8e2d4 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
body[data-theme="light"] .app-top .top-group {
    color: #1a1d24 !important;
}
body[data-theme="light"] .app-top .top-val {
    color: #1a1d24 !important;
    font-weight: 700 !important;
}
body[data-theme="light"] .app-top .top-key {
    color: #888 !important;
}

/* Alerts en modo claro */
body[data-theme="light"] .alert-warn {
    background: #fef9e7 !important;
    color: #6b4f00 !important;
    border: 1px solid #f5d989 !important;
}
body[data-theme="light"] .alert-err {
    background: #fdecea !important;
    color: #a73838 !important;
    border: 1px solid #f5b8b3 !important;
}
body[data-theme="light"] .alert-ok {
    background: #e8f8ee !important;
    color: #1c6d3a !important;
    border: 1px solid #a3d9b9 !important;
}
body[data-theme="light"] .alert-info {
    background: #e8f0ff !important;
    color: #2a4a8c !important;
    border: 1px solid #b9c9eb !important;
}

/* Pos body fondo más sutil */
body[data-theme="light"] .pos-shell {
    background: #f6f4ee !important;
    color: #1a1d24 !important;
}

/* === FUENTES POS más grandes (Lautaro pidió más visible) === */
body[data-theme="light"] .pos-shell,
body .pos-shell {
    font-size: 15px !important;
}
.pos-shell h3 {
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
}
.pos-shell .total-grande {
    font-size: 36px !important;
    font-weight: 900 !important;
}
.pos-shell .cart-nombre b {
    font-size: 15px !important;
}
.pos-shell .inp,
.pos-shell input.inp,
.pos-shell select.inp {
    font-size: 15px !important;
    padding: 11px 14px !important;
}
.pos-shell .btn-guardar-grande {
    font-size: 19px !important;
    padding: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}
.pos-shell .btn-cancelar {
    font-size: 15px !important;
    padding: 14px 24px !important;
}

/* Línea separadora entre items del carrito más visible */
body[data-theme="light"] .cart-card {
    border: 1px solid #e8e2d4 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
body[data-theme="light"] .cart-card + .cart-card {
    margin-top: 6px !important;
}

/* SUBTOTAL / TOTAL más prominente en modo claro */
body[data-theme="light"] .total-grande {
    background: linear-gradient(135deg, #1a1d24, #2c3038) !important;
    color: #f5c76e !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.2) !important;
    padding: 18px 24px !important;
}

/* Quita texto blanco invisible en modo claro */
body[data-theme="light"] .muted-strong {
    color: #555 !important;
}
body[data-theme="light"] label {
    color: #1a1d24 !important;
}

/* Toggle ☀/🌙 más visible */
body[data-theme="light"] .theme-toggle {
    color: #5a4000 !important;
    border-color: rgba(90,64,0,0.35) !important;
    background: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06) !important;
}

/* ============================================================
   TANDA G - MODO CLARO mejorado para POS rediseno + devolucion
   ============================================================ */

/* === BARRA TOTAL FIJO en modo claro === */
body[data-theme="light"] .pos-total-fijo {
    background: linear-gradient(135deg, #16a34a 0%, #059669 100%) !important;
    border: 2px solid #065f46 !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25) !important;
}
body[data-theme="light"] .pos-total-fijo .ptf-cant,
body[data-theme="light"] .pos-total-fijo .ptf-monto {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}
body[data-theme="light"] .pos-total-fijo .ptf-lbl,
body[data-theme="light"] .pos-total-fijo .ptf-cant-lbl {
    color: #d1fae5 !important;
}
body[data-theme="light"] .pos-total-fijo .ptf-meta {
    background: rgba(255,255,255,0.18) !important;
    color: #fff !important;
}

/* === ZONA COBRO en modo claro === */
body[data-theme="light"] .pos-cuadrado .zona-cobro {
    background: #fdfcf8 !important;
    border-color: #e8e2d4 !important;
}
body[data-theme="light"] .tot-line {
    color: #2a2d34 !important;
}
body[data-theme="light"] .tot-line.txt-warn { color: #b45309 !important; }
body[data-theme="light"] .tot-line.txt-ok { color: #047857 !important; }
body[data-theme="light"] .tot-final-mini {
    color: #b45309 !important;
    border-top-color: rgba(180, 83, 9, 0.4) !important;
}

/* === MODAL DEVOLUCION en modo claro === */
body[data-theme="light"] .modal-devo {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .devo-paso {
    background: #fdfcf8 !important;
    border-color: #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .devo-paso-active {
    border-color: #a30d24 !important;
    background: #fff7ed !important;
}
body[data-theme="light"] .devo-paso-ok {
    border-color: #059669 !important;
    background: #ecfdf5 !important;
}
body[data-theme="light"] .devo-paso-head { color: #1a1d24 !important; }
body[data-theme="light"] .devo-venta-info {
    background: #fef9ef !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .devo-vi-plan {
    background: #fef3c7 !important;
    color: #78350f !important;
    border-left-color: #a30d24 !important;
}
body[data-theme="light"] .devo-vi-noplan {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border-left-color: #dc2626 !important;
}

/* === CARRITO en modo claro - mejor contraste === */
body[data-theme="light"] .cart-card .cart-nombre b {
    color: #1a1d24 !important;
}
body[data-theme="light"] .cart-card .cart-meta { color: #6b7280 !important; }
body[data-theme="light"] .cart-card .cart-total { color: #047857 !important; }
body[data-theme="light"] .cart-card .cart-punit { color: #4b5563 !important; }

/* === MODAL ANULACION POS en modo claro === */
body[data-theme="light"] .alert-warn {
    background: #fef3c7 !important;
    color: #78350f !important;
    border-color: #fbbf24 !important;
}
body[data-theme="light"] .alert-err {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border-color: #f87171 !important;
}
body[data-theme="light"] .alert-ok {
    background: #d1fae5 !important;
    color: #065f46 !important;
    border-color: #6ee7b7 !important;
}
body[data-theme="light"] .alert-info {
    background: #dbeafe !important;
    color: #1e3a8a !important;
    border-color: #93c5fd !important;
}

/* === LABELS y muted en modo claro - mas legible === */
body[data-theme="light"] .lbl-mini {
    color: #4b5563 !important;
    font-weight: 600 !important;
}
body[data-theme="light"] .muted { color: #6b7280 !important; }
body[data-theme="light"] .muted.small { color: #9ca3af !important; }

/* === H3 secciones POS - mas contrastante === */
body[data-theme="light"] .pos-cuadrado .pos-col h3 {
    color: #1a1d24 !important;
    border-bottom-color: #e8e2d4 !important;
    font-weight: 800 !important;
}

/* === Tipografia general en modo claro - mas peso === */
body[data-theme="light"] .pos-shell {
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-shell .inp {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1.5px solid #d1d5db !important;
}
body[data-theme="light"] .pos-shell .inp:focus {
    border-color: #a30d24 !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* === FAB scanner y antipanico en modo claro === */
body[data-theme="light"] .mb-fab-scan {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

/* === Carrito card hover en modo claro === */
body[data-theme="light"] .cart-card:hover {
    border-color: #a30d24 !important;
    background: #fef9ef !important;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.15) !important;
}

/* === BOTONES en modo claro - mas peso visual === */
body[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #a30d24 0%, #b45309 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.3) !important;
}
body[data-theme="light"] .btn-primary:hover {
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4) !important;
    transform: translateY(-1px);
}
body[data-theme="light"] .btn-secondary {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1.5px solid #d1d5db !important;
    font-weight: 700 !important;
}
body[data-theme="light"] .btn-secondary:hover {
    border-color: #9ca3af !important;
    background: #f9fafb !important;
}
body[data-theme="light"] .btn-danger {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    color: #fff !important;
}

/* ============================================================
   TANDA H - MODO CLARO COMPLETO POS (todas las columnas)
   ============================================================ */

/* Las 3 columnas del POS - fondo claro armonico */
body[data-theme="light"] .pos-cuadrado .pos-col,
body[data-theme="light"] .pos-cuadrado .zona-busqueda,
body[data-theme="light"] .pos-cuadrado .zona-carrito,
body[data-theme="light"] .pos-cuadrado .zona-cobro {
    background: #fdfcf8 !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* Headers de cada columna en modo claro */
body[data-theme="light"] .pos-cuadrado .pos-col h3 {
    color: #1a1d24 !important;
    border-bottom: 2px solid #e8e2d4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fdfcf8 100%) !important;
    padding: 6px 0 !important;
    font-weight: 800 !important;
}

/* Header slim arriba del POS */
body[data-theme="light"] .pos-head-slim {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-head-brand {
    color: #b45309 !important;
    font-weight: 900 !important;
}
body[data-theme="light"] .pos-head-chip {
    background: #f3f1ec !important;
    color: #4b5563 !important;
    border: 1px solid #e8e2d4 !important;
}

/* === ZONA BUSQUEDA en modo claro === */
body[data-theme="light"] .pos-empty {
    background: #f9f6ed !important;
    color: #6b7280 !important;
    border: 1.5px dashed #d6cfb8 !important;
}
body[data-theme="light"] .busq-top select.inp,
body[data-theme="light"] .pos-cuadrado select.inp {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1.5px solid #d6cfb8 !important;
}
body[data-theme="light"] .pos-grid-prods .pos-prod-card {
    background: #fff !important;
    border: 1.5px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .pos-grid-prods .pos-prod-card:hover {
    border-color: #a30d24 !important;
    background: #fff7ed !important;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.15) !important;
}
body[data-theme="light"] .pos-prod-card .pp-precio,
body[data-theme="light"] .pos-prod-card span:last-child {
    color: #047857 !important;
    font-weight: 800 !important;
}

/* === COLUMNA DERECHA (Cliente / Plan / Sugerencias / Combos) === */
body[data-theme="light"] .pos-col-cliente,
body[data-theme="light"] .col-cliente,
body[data-theme="light"] .pos-cuadrado [class*="zona-cliente"],
body[data-theme="light"] .pos-cuadrado [class*="col-derecha"] {
    background: #fdfcf8 !important;
    border-color: #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .sub-block {
    background: #fff !important;
    border: 1px solid #e8e2d4 !important;
    border-radius: 6px !important;
    padding: 8px !important;
    margin-top: 4px !important;
}
body[data-theme="light"] .sub-block .muted.small,
body[data-theme="light"] .sub-block .muted {
    color: #6b7280 !important;
}

/* Plan Manolito chip */
body[data-theme="light"] .manolito-chip {
    color: #fff !important;
}
body[data-theme="light"] .pm-status {
    background: #fff7ed !important;
    color: #92400e !important;
    border: 1px solid #fbbf24 !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
}

/* Sugerencias y combos en modo claro */
body[data-theme="light"] .reco-item {
    background: #fff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .reco-nombre { color: #1a1d24 !important; }
body[data-theme="light"] .reco-msg { color: #6b7280 !important; }
body[data-theme="light"] .reco-precio { color: #047857 !important; }
body[data-theme="light"] .reco-badge.reco-regla {
    background: #dbeafe !important; color: #1e3a8a !important;
}
body[data-theme="light"] .reco-badge.reco-auto {
    background: #f3e8ff !important; color: #6b21a8 !important;
}

body[data-theme="light"] .combo-sug-item {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
    border-left: 4px solid #a30d24 !important;
}
body[data-theme="light"] .combo-sug-nombre { color: #1a1d24 !important; }
body[data-theme="light"] .combo-sug-items { color: #4b5563 !important; }
body[data-theme="light"] .combo-sug-precio { color: #047857 !important; }
body[data-theme="light"] .combo-sug-ahorro {
    background: #d1fae5 !important;
    color: #065f46 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* === COBRO: forma de pago / canal / etc === */
body[data-theme="light"] .pos-cuadrado .canal-row {
    background: #fff7ed !important;
    color: #1a1d24 !important;
    border: 1px solid #fbbf24 !important;
}
body[data-theme="light"] .pos-cuadrado .canal-chip {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1.5px solid #e8e2d4 !important;
}
body[data-theme="light"] .pos-cuadrado .canal-chip.on {
    background: #fef3c7 !important;
    border-color: #a30d24 !important;
    color: #92400e !important;
}

/* === DESGLOSE DETALLADO TANDA H en modo claro === */
body[data-theme="light"] .totales-detallado-h {
    background: #fff !important;
    border: 1.5px solid #fbbf24 !important;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.10) !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line {
    color: #1a1d24 !important;
    border-bottom: 1px dashed #e8e2d4 !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line.tot-line-subtotal {
    color: #1a1d24 !important;
    border-bottom: 1.5px solid #d6cfb8 !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line.txt-ok {
    color: #047857 !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line.txt-warn {
    color: #b45309 !important;
}
/* TOTAL FINAL en modo claro - igual de protagonista */
body[data-theme="light"] .tot-final-h {
    background: linear-gradient(135deg, #a30d24 0%, #b45309 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
}
body[data-theme="light"] .tot-final-h span:last-child {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* === CARRITO en modo claro - cards mas legibles === */
body[data-theme="light"] .cart-card {
    background: #ffffff !important;
    border: 1.5px solid #e8e2d4 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
body[data-theme="light"] .cart-card:hover {
    background: #fff7ed !important;
    border-color: #a30d24 !important;
    box-shadow: 0 3px 10px rgba(217, 119, 6, 0.15) !important;
}
body[data-theme="light"] .cart-card .cart-nombre b {
    color: #1a1d24 !important;
}
body[data-theme="light"] .cart-card .cart-meta {
    color: #6b7280 !important;
}
body[data-theme="light"] .cart-card .cart-total {
    color: #047857 !important;  /* verde mas oscuro para legibilidad */
}
body[data-theme="light"] .cart-card .cart-punit {
    color: #4b5563 !important;
}
body[data-theme="light"] .cart-card .cart-cant-btn {
    background: #f3f1ec !important;
    color: #1a1d24 !important;
    border: 1px solid #d6cfb8 !important;
}
body[data-theme="light"] .cart-card .cart-cant-btn:hover {
    background: #fef3c7 !important;
    border-color: #a30d24 !important;
}
body[data-theme="light"] .cart-card .cart-cant-val {
    background: #fff !important;
    color: #1a1d24 !important;
    border: 1px solid #d6cfb8 !important;
}
body[data-theme="light"] .cart-card .cart-x {
    color: #dc2626 !important;
}

/* === PRODUCTO peso calc / vuelto calc === */
body[data-theme="light"] .vuelto-calc {
    background: #fff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .vc-billete {
    background: #fff7ed !important;
    color: #92400e !important;
    border: 1.5px solid #fbbf24 !important;
}
body[data-theme="light"] .vc-billete:hover {
    background: #fef3c7 !important;
    border-color: #a30d24 !important;
}

/* === Boton anti-panico flotante en modo claro === */
body[data-theme="light"] .anti-panic-btn,
body[data-theme="light"] [class*="panic"] {
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4) !important;
}

/* === Banner promo del dia en modo claro === */
body[data-theme="light"] .promo-dia-banner {
    background: linear-gradient(135deg, #fff7ed, #fef3c7) !important;
    color: #1a1d24 !important;
    border: 1.5px solid #a30d24 !important;
}
body[data-theme="light"] .pdb-label { color: #a30d24 !important; }
body[data-theme="light"] .pdb-nombre { color: #1a1d24 !important; }

/* === Texto general del POS en modo claro === */
body[data-theme="light"] .pos-cuadrado label,
body[data-theme="light"] .pos-cuadrado .lbl-mini {
    color: #4b5563 !important;
    font-weight: 600 !important;
}

/* ============================================================
   TANDA H - MODO CLARO para POS reorganizado
   ============================================================ */

/* Header POS minimal en claro */
body[data-theme="light"] .pos-head-min {
    background: linear-gradient(90deg, #fef3c7, #fef9ef) !important;
    border-color: #fbbf24 !important;
}
body[data-theme="light"] .pos-head-vid-big {
    color: #92400e !important;
}
body[data-theme="light"] .pos-head-turno {
    color: #6b7280 !important;
}

/* Carrito protagonista en claro */
body[data-theme="light"] .pos-cuadrado .zona-carrito {
    background: linear-gradient(135deg, #ffffff 0%, #fdfcf8 100%) !important;
    border-left-color: #059669 !important;
    border: 1px solid #d1d5db !important;
    border-left: 4px solid #059669 !important;
}
body[data-theme="light"] .pos-cuadrado .zona-carrito h3 {
    color: #047857 !important;
    border-bottom-color: rgba(5, 150, 105, 0.2) !important;
}

/* Desglose detallado en claro */
body[data-theme="light"] .tot-detallado,
body[data-theme="light"] .totales-detallado-h {
    background: linear-gradient(180deg, #fef9ef 0%, #ffffff 100%) !important;
    border-color: #fbbf24 !important;
}
body[data-theme="light"] .tot-section-head {
    color: #b45309 !important;
    border-bottom-color: rgba(180, 83, 9, 0.25) !important;
}
body[data-theme="light"] .tot-line-base,
body[data-theme="light"] .tot-line-subtotal {
    background: rgba(0,0,0,0.025) !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line {
    color: #1a1d24 !important;
}
body[data-theme="light"] .totales-detallado-h .tot-line.txt-ok { color: #047857 !important; }
body[data-theme="light"] .totales-detallado-h .tot-line.txt-warn { color: #b45309 !important; }

/* TOTAL FINAL en claro - mantiene gradient pero contraste mejor */
body[data-theme="light"] .tot-final-strong,
body[data-theme="light"] .tot-final-h {
    background: linear-gradient(135deg, #f59e0b 0%, #a30d24 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.40) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
}

body[data-theme="light"] .tot-vuelto {
    background: #ecfdf5 !important;
    border-left-color: #059669 !important;
    color: #047857 !important;
}

/* Pills en barra TOTAL FIJO - mejor contraste en claro */
body[data-theme="light"] .ptf-pill-desc {
    background: rgba(255,255,255,0.30) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.45) !important;
}
body[data-theme="light"] .ptf-pill-rec {
    background: rgba(255,255,255,0.30) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.45) !important;
}
body[data-theme="light"] .ptf-pill-red {
    background: rgba(255,255,255,0.30) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.45) !important;
}

/* ============================================================
   TANDA TEMA-CLARO V2 - Inicio/Menu, sidebar, brand link
   Pulido punta a punta del modo claro: fondos sólidos, contraste
   real en cards, hovers con tinte de la categoría, sidebar legible.
   ============================================================ */

/* ===== Logo M clickeable (en ambos modos) ===== */
.brand-link {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer;
    transition: transform 0.15s cubic-bezier(.16, 1, .3, 1);
    border-radius: 12px;
}
.brand-link:hover .brand-mark {
    transform: scale(1.06);
    box-shadow: 0 8px 20px rgba(245, 166, 35, 0.55) !important;
}
.brand-link:active .brand-mark { transform: scale(0.96); }
.brand-mark { transition: transform 0.18s cubic-bezier(.16, 1, .3, 1), box-shadow 0.18s ease; }

/* ===== INICIO / MENU - tema claro ===== */

/* KPI cards: fondo blanco sólido, bordes definidos, texto oscuro */
body[data-theme="light"] .kpi-card {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .kpi-card:hover {
    border-color: #c8a155 !important;
    box-shadow: 0 6px 18px rgba(200, 16, 46, 0.14) !important;
    transform: translateY(-2px);
}
body[data-theme="light"] .kpi-green  { border-left: 4px solid #16a34a !important; }
body[data-theme="light"] .kpi-blue   { border-left: 4px solid #2563eb !important; }
body[data-theme="light"] .kpi-orange { border-left: 4px solid #ea7c0c !important; }
body[data-theme="light"] .kpi-red    { border-left: 4px solid #c8102e !important; }
body[data-theme="light"] .kc-lbl {
    color: #5a6072 !important;
    font-weight: 800 !important;
}
body[data-theme="light"] .kc-val {
    color: #1a1d24 !important;
    font-weight: 800 !important;
}
body[data-theme="light"] .kc-sub {
    color: #6b7280 !important;
}

/* Quick action cards (atajos rápidos): fondo blanco con tinte por color */
body[data-theme="light"] .qa-card {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.16s cubic-bezier(.16, 1, .3, 1);
}
body[data-theme="light"] .qa-card:hover {
    background: #fdfcf8 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10) !important;
    transform: translateY(-2px);
}
/* Hover con tinte por categoría — visible y elegante */
body[data-theme="light"] .qa-blue:hover   { border-color: #2563eb !important; background: #eff6ff !important; }
body[data-theme="light"] .qa-green:hover  { border-color: #16a34a !important; background: #f0fdf4 !important; }
body[data-theme="light"] .qa-orange:hover { border-color: #ea7c0c !important; background: #fff7ed !important; }
body[data-theme="light"] .qa-purple:hover { border-color: #9333ea !important; background: #faf5ff !important; }
body[data-theme="light"] .qa-red:hover    { border-color: #c8102e !important; background: #fef2f2 !important; }
body[data-theme="light"] .qa-gold:hover   { border-color: #b45309 !important; background: #fffbeb !important; }
body[data-theme="light"] .qa-lbl {
    color: #2a2d34 !important;
    font-weight: 700 !important;
}
body[data-theme="light"] .qa-ico {
    /* Los iconos emoji ya tienen color propio. Pero aseguramos que no
       hereden el color blanco viejo si el emoji se renderiza con tinte */
    color: inherit !important;
    filter: none !important;
}

/* Hub cards: mismo tratamiento, más grandes */
body[data-theme="light"] .hub-card {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    border-top-width: 4px !important;
}
body[data-theme="light"] .hub-card:hover {
    background: #fdfcf8 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-3px);
}
body[data-theme="light"] .hub-blue   { border-top-color: #2563eb !important; }
body[data-theme="light"] .hub-cyan   { border-top-color: #0891b2 !important;
                                       background: linear-gradient(180deg, rgba(8,145,178,0.04), #ffffff) !important; }
body[data-theme="light"] .hub-green  { border-top-color: #16a34a !important; }
body[data-theme="light"] .hub-purple { border-top-color: #9333ea !important; }
body[data-theme="light"] .hub-gold   { border-top-color: #b45309 !important; }
body[data-theme="light"] .hub-orange { border-top-color: #ea7c0c !important; }
body[data-theme="light"] .hub-red    { border-top-color: #c8102e !important; }
body[data-theme="light"] .hub-mi     { border-top-color: #ea7c0c !important;
                                       background: linear-gradient(180deg, rgba(234,124,12,0.06), #ffffff) !important; }
body[data-theme="light"] .hc-tit { color: #1a1d24 !important; font-weight: 800 !important; }
body[data-theme="light"] .hc-sub { color: #6b7280 !important; }

/* Sub-títulos de sección en home (QUICK ACTIONS, EXPLORÁ POR ÁREA) */
body[data-theme="light"] .qa-section-title,
body[data-theme="light"] .hubs-section-title {
    color: #6b7280 !important;
}

/* Mi día (vendedor) en modo claro */
body[data-theme="light"] .mi-dia-card {
    background: #fff7ed !important;
    border: 1px solid #fbbf24 !important;
}
body[data-theme="light"] .md-titulo { color: #b45309 !important; }
body[data-theme="light"] .md-item {
    background: #ffffff !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .md-item.md-link:hover {
    background: #fef3c7 !important;
    border-color: #fbbf24 !important;
}
body[data-theme="light"] .md-num { color: #1a1d24 !important; }
body[data-theme="light"] .md-lbl { color: #6b7280 !important; }
body[data-theme="light"] .md-top { background: #fef3c7 !important; }

/* Tip card (purple) */
body[data-theme="light"] .tip-card {
    background: #faf5ff !important;
    border: 1px dashed #d8b4fe !important;
}
body[data-theme="light"] .tip-lbl { color: #7c3aed !important; }
body[data-theme="light"] .tip-body { color: #5b21b6 !important; }

/* Alert pills (anti-robo en home) */
body[data-theme="light"] .alert-pill {
    background: #ffffff !important;
    border: 1.5px solid #e8e2d4 !important;
    color: #1a1d24 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .alert-pill.alert-red {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}
body[data-theme="light"] .alert-pill.alert-warn,
body[data-theme="light"] .alert-pill.alert-yellow {
    background: #fffbeb !important;
    border-color: #fbbf24 !important;
    color: #92400e !important;
}
body[data-theme="light"] .alert-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
}

/* ===== SIDEBAR / NAV - tema claro ===== */

/* La marca arriba: borde más sutil */
body[data-theme="light"] .brand,
body[data-theme="light"] .brand-link {
    border-bottom: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .brand-name {
    color: #6b7280 !important;
}
body[data-theme="light"] .brand-name b {
    color: #1a1d24 !important;
}

/* Nav items: separadores entre sección y mejor contraste */
body[data-theme="light"] .app-side a,
body[data-theme="light"] .app-side .nav-link,
body[data-theme="light"] .app-side .nav-item {
    color: #2a2d34 !important;
}
body[data-theme="light"] .app-side a:hover,
body[data-theme="light"] .app-side .nav-link:hover {
    background: rgba(200, 16, 46, 0.06) !important;
    color: #c8102e !important;
}
body[data-theme="light"] .app-side .nav-link.active,
body[data-theme="light"] .app-side a.active {
    background: linear-gradient(135deg, rgba(200,16,46,0.10), rgba(245,166,35,0.10)) !important;
    color: #c8102e !important;
    border-right: 3px solid #c8102e !important;
}
body[data-theme="light"] .app-side .nav-section-title,
body[data-theme="light"] .app-side .menu-group-label {
    color: #9ca3af !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
}
body[data-theme="light"] .app-side .nav-icon { color: inherit !important; }

/* User card del sidebar (legajo + sucursal + turno) */
body[data-theme="light"] .user-card,
body[data-theme="light"] .legajo-card {
    background: #fdfcf8 !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}

/* Buscador del sidebar */
body[data-theme="light"] .menu-search,
body[data-theme="light"] .nav-search {
    background: #fdfcf8 !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .menu-search::placeholder,
body[data-theme="light"] .nav-search::placeholder {
    color: #9ca3af !important;
}

/* ===== HEADER GLOBAL (app-top) - tema claro ===== */

/* "Buscar..." en header */
body[data-theme="light"] .app-top input,
body[data-theme="light"] .app-top .buscador-global,
body[data-theme="light"] .app-top .top-search {
    background: #fdfcf8 !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}

/* Pills LEGAJO / PERMISO / VIENDO / TURNO - separadas del fondo */
body[data-theme="light"] .app-top .top-group {
    background: #fdfcf8 !important;
    border: 1px solid #e8e2d4 !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
}

/* Pills sucursales S01/S02/S03 más legibles */
body[data-theme="light"] .app-top .suc-chip,
body[data-theme="light"] .app-top .pill-suc {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .app-top .suc-chip.active,
body[data-theme="light"] .app-top .pill-suc.active {
    background: #fef3c7 !important;
    border-color: #c8102e !important;
    color: #c8102e !important;
}

/* Botón "LLAMÉ POLICÍA" rojo - mismo color en ambos modos */
body[data-theme="light"] .app-top .btn-911,
body[data-theme="light"] .app-top [class*="policia"] {
    background: linear-gradient(135deg, #dc2626, #991b1b) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.30) !important;
}

/* Pedido / Escanear / Claro toggle del header */
body[data-theme="light"] .app-top .btn,
body[data-theme="light"] .app-top button {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .app-top .btn:hover,
body[data-theme="light"] .app-top button:hover {
    background: #fef9ef !important;
    border-color: #c8a155 !important;
}

/* SALIR */
body[data-theme="light"] .top-logout,
body[data-theme="light"] a.btn-ghost.top-logout {
    color: #c8102e !important;
    border-color: #fca5a5 !important;
}

/* ===== BANNER "NUEVA VENTA" verde - menos saturado en claro ===== */
body[data-theme="light"] .home-welcome,
body[data-theme="light"] .welcome-banner,
body[data-theme="light"] [class*="welcome-green"] {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25) !important;
}

/* ===== MOBILE - asegurar que también respete modo claro ===== */
@media (max-width: 768px) {
    body[data-theme="light"] .app-side {
        background: #ffffff !important;
    }
    body[data-theme="light"] .qa-card,
    body[data-theme="light"] .kpi-card,
    body[data-theme="light"] .hub-card {
        background: #ffffff !important;
    }
}

/* ===== Bottom-nav mobile en modo claro ===== */
body[data-theme="light"] .mb-bottom-nav {
    background: #ffffff !important;
    border-top: 1px solid #e8e2d4 !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06) !important;
}
body[data-theme="light"] .mb-bottom-nav a,
body[data-theme="light"] .mb-bottom-nav .mb-bn-item {
    color: #6b7280 !important;
}
body[data-theme="light"] .mb-bottom-nav a.active,
body[data-theme="light"] .mb-bottom-nav .mb-bn-item.active {
    color: #c8102e !important;
}

/* ===== Campanita y notifs en modo claro ===== */
body[data-theme="light"] .cc-bell {
    color: #c8102e !important;
}
body[data-theme="light"] .cc-bell-badge {
    background: #c8102e !important;
    color: #ffffff !important;
}

/* ===== Badge "28" del usuario en sidebar (notifs) ===== */
body[data-theme="light"] .user-badge,
body[data-theme="light"] .legajo-badge,
body[data-theme="light"] .nav-badge-num {
    background: #c8102e !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(200, 16, 46, 0.30) !important;
}

/* ===== Banner "HAY 3 TURNOS PENDIENTES DE REVISAR" en claro ===== */
body[data-theme="light"] .turno-pendiente-banner,
body[data-theme="light"] [class*="banner-revisar"] {
    background: linear-gradient(135deg, #fef2f2 0%, #ffe4e6 100%) !important;
    color: #991b1b !important;
    border: 1.5px solid #fca5a5 !important;
}

/* ===== Botones IR A REVISAR / botones contrastantes en banners ===== */
body[data-theme="light"] .btn-ir-revisar,
body[data-theme="light"] [class*="btn-revisar"] {
    background: linear-gradient(135deg, #dc2626, #991b1b) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.30) !important;
}

/* ===== Ajustes finos para textos grises invisibles ===== */
body[data-theme="light"] .small.muted,
body[data-theme="light"] .text-muted,
body[data-theme="light"] .gray-text,
body[data-theme="light"] [class*="muted"] {
    color: #6b7280 !important;
}

/* ===== Welcome card "Pantalla no encontrada" ===== */
body[data-theme="light"] .nf-card,
body[data-theme="light"] .empty-state {
    background: #ffffff !important;
    color: #1a1d24 !important;
    border: 1px solid #e8e2d4 !important;
}

/* ===== HERO NUEVA VENTA (.home-hero) en modo claro ===== */
body[data-theme="light"] .home-hero {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.30) !important;
}
body[data-theme="light"] .home-hero:hover {
    box-shadow: 0 10px 28px rgba(22, 163, 74, 0.40) !important;
    transform: translateY(-2px);
}
body[data-theme="light"] .hh-h1 { color: #ffffff !important; font-weight: 800 !important; }
body[data-theme="light"] .hh-h2 { color: rgba(255, 255, 255, 0.90) !important; }
body[data-theme="light"] .hh-arrow { color: #ffffff !important; }
body[data-theme="light"] .hh-ico { color: #fde047 !important; }

/* ===== Saludo grande "Hola, X" del header del menu ===== */
body[data-theme="light"] .home-saludo,
body[data-theme="light"] .home-greeting {
    color: #1a1d24 !important;
}
body[data-theme="light"] .home-fecha,
body[data-theme="light"] .home-fecha-extra {
    color: #6b7280 !important;
}

/* ===== Mensaje "27 avisos requieren tu atención" en claro ===== */
body[data-theme="light"] .cc-pop-sub,
body[data-theme="light"] .cv-head-sub {
    color: #6b7280 !important;
}

/* ===== Centro de Avisos en modo claro (panel completo) ===== */
body[data-theme="light"] .cc-pop {
    background: linear-gradient(135deg, #ffffff 0%, #fdfcf8 100%) !important;
    border: 1px solid #e8e2d4 !important;
    color: #1a1d24 !important;
}
body[data-theme="light"] .cc-pop-titulo { color: #b45309 !important; }
body[data-theme="light"] .cc-pop-tab {
    color: #6b7280 !important;
    background: transparent !important;
}
body[data-theme="light"] .cc-pop-tab.on {
    color: #b45309 !important;
    background: #fef3c7 !important;
}
body[data-theme="light"] .cc-pop-item {
    color: #1a1d24 !important;
}
body[data-theme="light"] .cc-pop-item:hover {
    background: rgba(0, 0, 0, 0.025) !important;
}
body[data-theme="light"] .cc-pop-item-titulo { color: #1a1d24 !important; }
body[data-theme="light"] .cc-pop-item-fuente { color: #6b7280 !important; }
body[data-theme="light"] .cc-pop-item-fecha  { color: #9ca3af !important; }
body[data-theme="light"] .cc-pop-item-sub    { color: #4b5563 !important; }
body[data-theme="light"] .cc-pop-item-ico {
    background: #f3f1ec !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .cc-pop-foot {
    background: #fdfcf8 !important;
    border-top: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .cc-pop-foot-link { color: #b45309 !important; }
body[data-theme="light"] .cc-pop-clear {
    background: #d1fae5 !important;
    color: #065f46 !important;
    border-color: #6ee7b7 !important;
}
body[data-theme="light"] .cc-pop-clear-icon {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border-color: #fca5a5 !important;
}
body[data-theme="light"] .cc-pop-x {
    background: #ffffff !important;
    color: #6b7280 !important;
    border: 1px solid #e8e2d4 !important;
}
body[data-theme="light"] .cc-back {
    background: rgba(0, 0, 0, 0.40) !important;
}

/* =====================================================================
   V4.4.1 FIX TEMA - Modales oscuros que NO deben adoptar el tema claro
   =====================================================================
   Algunos modales (apertura turno, abrir caja admin, etc.) son siempre
   oscuros por diseño - aparecen como overlay sobre la pantalla actual
   con su propia paleta. NO heredan del tema claro.

   Excepción explícita aplicada con high specificity. */

body[data-theme="light"] .apertura-turno-overlay,
body[data-theme="light"] .apertura-turno-overlay *,
body[data-theme="light"] .apertura-turno-card,
body[data-theme="light"] .apertura-turno-card * {
    color: revert !important;
}
body[data-theme="light"] .apertura-turno-overlay {
    background: rgba(0, 0, 0, 0.78) !important;
    color: #e8e8e8 !important;
}
body[data-theme="light"] .apertura-turno-card {
    background: linear-gradient(180deg, #1f2229, #181b22) !important;
    color: #e8e8e8 !important;
}
body[data-theme="light"] .apertura-turno-card .atm-titulo { color: #f5c76e !important; }
body[data-theme="light"] .apertura-turno-card .atm-sub,
body[data-theme="light"] .apertura-turno-card .atm-textarea-wrap label { color: #aaa !important; }
body[data-theme="light"] .apertura-turno-card .atm-cierre-tit,
body[data-theme="light"] .apertura-turno-card .atm-faltan { color: #f5c76e !important; }
body[data-theme="light"] .apertura-turno-card .atm-cl-tit { color: #ddd !important; }
body[data-theme="light"] .apertura-turno-card .atm-cp-obs { color: #ccc !important; }
body[data-theme="light"] .apertura-turno-card .atm-sin-cierre-prev { color: #aac !important; }
body[data-theme="light"] .apertura-turno-card .atm-cp-item.ok span:last-child { color: #2ecc71 !important; }
body[data-theme="light"] .apertura-turno-card .atm-cp-item.no span:last-child { color: #e74c3c !important; }
body[data-theme="light"] .apertura-turno-card .atm-error { color: #ffb3b3 !important; }
body[data-theme="light"] .apertura-turno-card .atm-btn-guardar { color: #fff !important; }
body[data-theme="light"] .apertura-turno-card .atm-footer { color: #888 !important; }
body[data-theme="light"] .apertura-turno-card textarea {
    background: rgba(0,0,0,0.4) !important;
    color: #e8e8e8 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ChecklistItem (componente reutilizable usado por AperturaTurnoModal) */
body[data-theme="light"] .cl-row,
body[data-theme="light"] .cl-row * {
    color: revert !important;
}
body[data-theme="light"] .cl-row {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body[data-theme="light"] .cl-label { color: #ddd !important; }
body[data-theme="light"] .cl-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #aaa !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body[data-theme="light"] .cl-btn-yes.cl-btn-active {
    background: linear-gradient(135deg, #2ecc71, #27ae60) !important;
    color: #fff !important;
}
body[data-theme="light"] .cl-btn-no.cl-btn-active {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: #fff !important;
}

/* AbrirCajaAdmin - mismo problema */
body[data-theme="light"] .aca-card {
    background: #1a1d24 !important;
    color: #fff !important;
}
body[data-theme="light"] .aca-card * { color: inherit !important; }
body[data-theme="light"] .aca-card h2 { color: #f5c76e !important; }
body[data-theme="light"] .aca-card p { color: #ccc !important; }