/* ============================================ EMPYREAN — MODO OSCURO Se activa con [data-theme="dark"] en . Las variables de color (--card-bg, --text, etc.) ya cambian solas vía variables.css; acá solo se sobreescriben los fondos "blancos" fijos que no pasan por variables. ============================================ */ :root[data-theme="dark"] { color-scheme: dark; } [data-theme="dark"] body { background-color: #17131b; } [data-theme="dark"] body.logged-in-bg { background-color: #17131b; background-image: radial-gradient(at 0% 0%, rgba(200, 149, 232, 0.07) 0%, transparent 50%), radial-gradient(at 100% 100%, rgba(245, 200, 98, 0.05) 0%, transparent 50%); } /* ─── Pantallas principales ─────────────────── */ [data-theme="dark"] #auth-screen, [data-theme="dark"] #app-screen, [data-theme="dark"] #recovery-screen { border-color: #362e40; } /* ─── Nav / Tabs ─────────────────────────────── */ [data-theme="dark"] .nav-header { background: rgba(30, 25, 36, 0.9) !important; border-bottom-color: #362e40; } [data-theme="dark"] .tabs { background: var(--card-bg); border-bottom-color: #362e40; } [data-theme="dark"] .tab-btn:hover { background: #2a2233; } [data-theme="dark"] .tab-btn.active { background: linear-gradient(135deg, #362e40, #2a2233); } [data-theme="dark"] .btn-tab-citas:hover:not(.active), [data-theme="dark"] .sub-tab-btn:hover:not(.active) { background: #2a2233; color: var(--primary); } [data-theme="dark"] .tabs-citas-wrapper, [data-theme="dark"] .sub-tabs { background: linear-gradient(135deg, #2a2233, #241d2c); border-color: #362e40; } [data-theme="dark"] .btn-tab-citas.active, [data-theme="dark"] .sub-tab-btn.active { background: linear-gradient(135deg, #2f2738, #362e40) !important; } [data-theme="dark"] .btn-pill-secondary, [data-theme="dark"] .btn-pill-light { background: #2a2233 !important; color: var(--text-light) !important; } /* ─── Cards ──────────────────────────────────── */ [data-theme="dark"] .admin-card, [data-theme="dark"] .appointment-card, [data-theme="dark"] .clienta-card, [data-theme="dark"] .product-card, [data-theme="dark"] .venta-card, [data-theme="dark"] .skeleton-card { background: var(--card-bg) !important; border-color: #362e40 !important; } [data-theme="dark"] .clienta-header:hover { background: #2a2233; } [data-theme="dark"] .service-item, [data-theme="dark"] .category-content, [data-theme="dark"] .add-row { background: #241d2c !important; border-color: #362e40 !important; } /* ─── Inputs / Selects / Textareas ───────────── */ [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="date"], [data-theme="dark"] input[type="time"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] textarea, [data-theme="dark"] select { background: #241d2c !important; color: var(--text) !important; border-color: #3a3244 !important; } [data-theme="dark"] .step-next { background: linear-gradient(135deg, #2f2738, #362e40) !important; } [data-theme="dark"] .is-calendarHint { background: #241d2c !important; border-color: #362e40 !important; color: var(--text-light) !important; } [data-theme="dark"] .bubble-input-group input[type="text"] { background: rgba(255, 255, 255, 0.06) !important; } [data-theme="dark"] .bubble-input-group input[type="text"]:focus { background: #241d2c !important; } /* ─── Login: caja de inputs + botón crear cuenta ──── */ [data-theme="dark"] .cs-50 { background: linear-gradient(160deg, #241d2c, #2a2233) !important; border-color: #362e40 !important; } [data-theme="dark"] .cs-58 { background: linear-gradient(135deg, #2a2233, #241d2c) !important; border-color: #3a3244 !important; color: var(--text) !important; } /* ─── Modales ────────────────────────────────── */ [data-theme="dark"] .modal-overlay { background: rgba(10, 8, 14, 0.75) !important; } [data-theme="dark"] .modal-content { background: var(--card-bg) !important; color: var(--text); } [data-theme="dark"] .btn-modal.secondary { background: #2a2233; color: var(--text-light); } /* ─── Burbuja de perfil ──────────────────────── */ [data-theme="dark"] .profile-bubble { background: rgba(30, 25, 36, 0.97); } [data-theme="dark"] #profileBackdrop { background: rgba(0, 0, 0, 0.55); } [data-theme="dark"] .neon-controls { background: linear-gradient(160deg, #241d2c, #2a2233); border-color: #362e40; } [data-theme="dark"] .dark-mode-row { background: #241d2c; } [data-theme="dark"] .dark-mode-slider { background: #4a4054; } [data-theme="dark"] .btn-bubble.notif { background: #2f2738; border-color: #3a3244; } [data-theme="dark"] .btn-bubble.notif:hover { background: #362e40; } [data-theme="dark"] .btn-bubble.pass { background: rgba(200, 149, 232, 0.1); } [data-theme="dark"] .btn-bubble.pass:hover { background: rgba(200, 149, 232, 0.18); } /* ─── Day-chip activo (Horario): fondo sólido y claro para que se note de verdad el cambio, no solo un morado apagado ── */ [data-theme="dark"] .day-chip.active { background: var(--gold) !important; color: #3a2408 !important; border-color: var(--gold) !important; box-shadow: 0 0 0 2px rgba(245, 200, 98, 0.35), 0 6px 16px rgba(245, 200, 98, 0.3) !important; } /* ─── Calendario ─────────────────────────────── */ [data-theme="dark"] .day { background: #241d2c; color: var(--text); border-color: #362e40; } [data-theme="dark"] .day:not(.disabled):not(.full):not(.blocked-day):not(.selected):hover { background: #362e40; } [data-theme="dark"] .day.today { background: #2a2233; } [data-theme="dark"] .day.full, [data-theme="dark"] .day.blocked-day { background: #1c1721; color: #6b6270; } [data-theme="dark"] .day.disabled { background: #1c1721; color: #4a4450; border-color: #2a2530; opacity: 0.55; } [data-theme="dark"] .day-chip { background: #241d2c; border-color: #362e40; color: var(--text-light); } [data-theme="dark"] .specific-dates-row { background: #1c1721; border-color: #362e40; } /* ─── Categorías / Servicios (admin) ─────────── */ [data-theme="dark"] .service-item:hover, [data-theme="dark"] .service-item.selected { background: #2a2233 !important; } [data-theme="dark"] .category-accordion { background: var(--card-bg); } [data-theme="dark"] .category-header { background: #241d2c; } [data-theme="dark"] .category-header:hover { background: #2a2233; } [data-theme="dark"] .sortable-ghost { background: #2a2233 !important; } [data-theme="dark"] .sortable-drag { background: var(--card-bg) !important; } [data-theme="dark"] .sortable-chosen { background: #2a2233 !important; } [data-theme="dark"] optgroup { background: #241d2c; } /* ─── Mensajes / Config ──────────────────────── */ [data-theme="dark"] .msg-collapsable, [data-theme="dark"] .msg-collapsable-body, [data-theme="dark"] .cs-113 { background: #241d2c !important; border-color: #362e40 !important; } [data-theme="dark"] .msg-collapsable summary:hover { background: #2a2233 !important; } [data-theme="dark"] .msg-collapsable[open] summary { background: #2a2233 !important; border-bottom-color: #362e40 !important; } [data-theme="dark"] .card-warning-bg { background: #2e2618 !important; } [data-theme="dark"] .cs-119 { background: #2e2618 !important; } [data-theme="dark"] .cs-123 { background: #2e1c1c !important; } [data-theme="dark"] .cs-128 { background: #2e1c1c !important; } [data-theme="dark"] .cs-133 { background: #2a2233 !important; } [data-theme="dark"] .cs-134 { background: #241d2c !important; } [data-theme="dark"] .cs-135 { background: #2e1c1c !important; } [data-theme="dark"] .cs-140 { background: #241d2c !important; } [data-theme="dark"] .cs-144 { background: #2a2233 !important; } [data-theme="dark"] .cs-151 { background: #2e2618 !important; } [data-theme="dark"] .cs-157 { background: #2e1c1c !important; } [data-theme="dark"] .cs-158 { background: #17281f !important; } [data-theme="dark"] .is-bloqueMotivInput { background: #241d2c !important; } /* ─── Horarios ───────────────────────────────── */ [data-theme="dark"] .hours-editor-box { background: #241d2c !important; } [data-theme="dark"] .hour-tag { background: #2a2233 !important; } [data-theme="dark"] .sched-time-input { background: #241d2c !important; } /* ─── Custom category picker (agenda) ────────── */ [data-theme="dark"] .is-fieldCategoriaTrigger, [data-theme="dark"] .is-fieldCategoriaDropdown { background: #241d2c !important; } [data-theme="dark"] .is-rdBtn_manicurista, [data-theme="dark"] .is-rdBtn_spa { background: #241d2c !important; } /* ─── Protocolos ─────────────────────────────── */ [data-theme="dark"] .is-proto-body-general { background: #241d2c !important; } /* ─── Modales / hojas inferiores (cs-XXX) ────── */ [data-theme="dark"] .cs-173 { background: #2a2233 !important; } [data-theme="dark"] .cs-174, [data-theme="dark"] .cs-189, [data-theme="dark"] .cs-192, [data-theme="dark"] .cs-195, [data-theme="dark"] .cs-205, [data-theme="dark"] .cs-208, [data-theme="dark"] .cs-213, [data-theme="dark"] .cs-217 { background: var(--card-bg) !important; } [data-theme="dark"] .cs-220 { background: #241d2c !important; } [data-theme="dark"] .cs-246, [data-theme="dark"] .cs-249, [data-theme="dark"] .cs-251 { background: #241d2c !important; } [data-theme="dark"] .is-nuevaPromoVariante { background: var(--card-bg) !important; } [data-theme="dark"] .is-arrivedDescuentoPanel { background: #2a2233 !important; } [data-theme="dark"] .is-surchargeMsg { background: #2e2618 !important; } [data-theme="dark"] .is-tlSubTabActividad { background: var(--card-bg) !important; } [data-theme="dark"] .is-inventarioSearch, [data-theme="dark"] .is-ventaProductoSelect, [data-theme="dark"] .is-ventaVarianteSelect { background: #241d2c !important; } /* ─── Pantallas ──────────────────────────────── */ [data-theme="dark"] .pt-card, [data-theme="dark"] .pt-list-item { background: #241d2c !important; } [data-theme="dark"] .pt-input, [data-theme="dark"] .pt-select, [data-theme="dark"] .pt-preset-btn, [data-theme="dark"] .pt-btn-outline, [data-theme="dark"] .pt-months-btn { background: #241d2c !important; } [data-theme="dark"] .pt-sheet { background: var(--card-bg) !important; } /* ─── Formularios con fondo degradado claro ──── */ [data-theme="dark"] .cs-103, [data-theme="dark"] .cs-62 { background: linear-gradient(160deg, #241d2c, #2a2233) !important; border-color: #362e40 !important; } [data-theme="dark"] .cs-85 { background: linear-gradient(135deg, #2a2233, #241d2c) !important; border-color: #362e40 !important; } [data-theme="dark"] .is-timelineMesNav { background: linear-gradient(135deg, #2a2233, #241d2c) !important; border-color: #362e40 !important; } [data-theme="dark"] .is-selectedAppointmentCard { background: linear-gradient(135deg, #2a2233, #362e40) !important; } [data-theme="dark"] .is-btnBiometriaClientas { background: linear-gradient(135deg, #2f2738, #362e40) !important; color: var(--text) !important; } [data-theme="dark"] .is-passkeyOfertaClientas { background: linear-gradient(135deg, #2f2738, #362e40) !important; } [data-theme="dark"] .surcharge-alert { background: linear-gradient(135deg, #2e2618, #332a1a) !important; } [data-theme="dark"] .skeleton-line { background: linear-gradient(90deg, #241d2c 0%, #2f2738 50%, #241d2c 100%) !important; } /* ─── Clientas: ficha expandida ──────────────── */ [data-theme="dark"] .clienta-body-wrap { background: #241d2c !important; border-top-color: #362e40 !important; } [data-theme="dark"] .clienta-stat-box, [data-theme="dark"] .clienta-contact-box { background: #2a2233 !important; border-color: #362e40 !important; } [data-theme="dark"] .clienta-stat-value { color: var(--text) !important; } [data-theme="dark"] .clienta-contact-text { color: var(--text-light) !important; } [data-theme="dark"] .clienta-close-btn { background: #2a2233 !important; color: var(--text-light) !important; } /* ─── WhatsApp: verde menos brillante en oscuro ──── */ [data-theme="dark"] [style*="background:#25d366"], [data-theme="dark"] [style*="background:rgb(37, 211, 102)"], [data-theme="dark"] [style*="background: #25d366"], [data-theme="dark"] [style*="background: rgb(37, 211, 102)"] { background: var(--whatsapp) !important; box-shadow: 0 2px 8px rgba(31, 168, 85, 0.2) !important; } [data-theme="dark"] [style*="color:#25d366"], [data-theme="dark"] [style*="color:rgb(37, 211, 102)"], [data-theme="dark"] [style*="border-color:#25d366"], [data-theme="dark"] [style*="border-color:rgb(37, 211, 102)"] { color: var(--whatsapp) !important; border-color: var(--whatsapp) !important; } /* ─── Pantallas: texto casi negro fijo, ilegible en fondo oscuro ─── */ [data-theme="dark"] [style*="color:#2d1f3d"], [data-theme="dark"] [style*="color:rgb(45, 31, 61)"], [data-theme="dark"] .is-ptRenNombre, [data-theme="dark"] .is-ptRTNombre, [data-theme="dark"] .is-ptPactadoNombre, [data-theme="dark"] .is-ptConfirmTitulo { color: var(--text) !important; } /* ─── Clases sueltas con fondo pastel fijo (auditoría 2) ─── */ [data-theme="dark"] .cs-64, [data-theme="dark"] .cs-68, [data-theme="dark"] .is-bubbleNumeroCuenta, [data-theme="dark"] .is-adminCitaSearch, [data-theme="dark"] .is-timelineClientaSelect, [data-theme="dark"] .is-bulkRetoqueSelect, [data-theme="dark"] .cs-148, [data-theme="dark"] .cs-156, [data-theme="dark"] .btn-round-sm, [data-theme="dark"] .cs-178, [data-theme="dark"] .cs-186, [data-theme="dark"] .cs-188, [data-theme="dark"] .cs-206, [data-theme="dark"] .cs-223, [data-theme="dark"] .pt-badge-purple, [data-theme="dark"] .pt-badge-gray, [data-theme="dark"] .pt-close-btn, [data-theme="dark"] .pt-info-box, [data-theme="dark"] .pt-strip, [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea, [data-theme="dark"] input:focus, [data-theme="dark"] select:focus, [data-theme="dark"] textarea:focus, [data-theme="dark"] .field-warning, [data-theme="dark"] .field-danger, [data-theme="dark"] .is-btnToggleDay, [data-theme="dark"] .field-danger-tint, [data-theme="dark"] .is-newRetoqueMensaje, [data-theme="dark"] .close-bubble-btn:hover { background: #2a2233 !important; color: var(--text) !important; } [data-theme="dark"] .btn-pill-outline { background: #2a2233; border-color: #3a3244; color: var(--text); } [data-theme="dark"] .is-cancelConAbonoMsg, [data-theme="dark"] .cs-183, [data-theme="dark"] .pt-badge-yellow, [data-theme="dark"] .is-btnCancelSurcharge { background: #332a18 !important; } [data-theme="dark"] .cs-145, [data-theme="dark"] .cs-150, [data-theme="dark"] .cs-199, [data-theme="dark"] .cs-201, [data-theme="dark"] .bulk-btn.yes, [data-theme="dark"] .pt-badge-green, [data-theme="dark"] .pt-success-box, [data-theme="dark"] .btn-primary-inline { background: #1c2e28 !important; } [data-theme="dark"] .cs-149 { background: #182a38 !important; } [data-theme="dark"] .cs-212, [data-theme="dark"] .sched-btn-dayoff, [data-theme="dark"] .bulk-btn.del, [data-theme="dark"] .pt-badge-red, [data-theme="dark"] .pt-btn-danger, [data-theme="dark"] .btn-danger-inline { background: #332024 !important; } [data-theme="dark"] .cs-194, [data-theme="dark"] .cs-203, [data-theme="dark"] .cs-226, [data-theme="dark"] .cs-228, [data-theme="dark"] .is-btnCancelEditCategory, [data-theme="dark"] .is-btnCancelEdit, [data-theme="dark"] .is-btnCancelEditTipoMsg, [data-theme="dark"] .is-btnCancelEditTipoRetoque, [data-theme="dark"] input:disabled, [data-theme="dark"] select:disabled, [data-theme="dark"] .btn-main:disabled { background: #2a2530 !important; color: var(--text-light) !important; } /* ─── Botón "Actualizar" (Stats productos) ────── */ [data-theme="dark"] .cs-146 { background: #2a2233 !important; color: var(--primary) !important; border-color: #3a3244 !important; } /* ─── Pill de estado de la cita ───────────────── */ [data-theme="dark"] .status-pill { background: #2a2233 !important; color: var(--primary) !important; border-color: #3a3244 !important; } [data-theme="dark"] .status-pill.repro { background: #182a38 !important; color: #6cc4f5 !important; border-color: #24435a !important; } [data-theme="dark"] .status-pill.done { background: #1c2e28 !important; color: #4fd8c4 !important; border-color: #294a42 !important; } [data-theme="dark"] .status-pill.late { background: #332024 !important; color: #ff6b7a !important; border-color: #4a2b30 !important; } /* ─── Botones de acción en tarjetas de citas ──── */ [data-theme="dark"] .btn-reschedule { background: #182a38 !important; color: #6cc4f5 !important; } [data-theme="dark"] .btn-cancel { background: #332024 !important; color: #ff6b7a !important; } [data-theme="dark"] .btn-arrive { background: #1c2e28 !important; color: #4fd8c4 !important; } [data-theme="dark"] .btn-cancel-inline { background: #2a2530 !important; color: var(--text-light) !important; } /* ─── Botones redondos (editar/eliminar) ─────── */ [data-theme="dark"] .btn-edit { background: #332a45 !important; color: var(--primary) !important; border-color: #4a3d5c !important; } [data-theme="dark"] .btn-del { background: #3a2228 !important; color: var(--danger) !important; border-color: #5c2e36 !important; } [data-theme="dark"] .btn-round-icon { background: var(--card-bg) !important; color: var(--text) !important; } [data-theme="dark"] .btn-close-text { color: var(--primary) !important; } /* ─── Badge "ADMIN" junto al logo ─────────────── */ [data-theme="dark"] .is-adminBadge { background: var(--primary-solid) !important; color: #fff !important; } /* ─── Chips/paneles con fondo pastel fijo escrito directo en JS ─── Estos elementos no tienen clase (son style="" inline generados en los .js de admin/citas), así que se detectan por el valor literal de background que ya está escrito en el código. Cada familia de color se reparte en 2-3 tonos (en vez de uno solo plano) para que no todo se vea del mismo gris-morado. ─── */ /* Lila — tono principal (chips/badges) */ [data-theme="dark"] [style*="background:#f3e8ff"], [data-theme="dark"] [style*="background:rgb(243, 232, 255)"], [data-theme="dark"] [style*="background: #f3e8ff"], [data-theme="dark"] [style*="background: rgb(243, 232, 255)"], [data-theme="dark"] [style*="background:#fdf2ff"], [data-theme="dark"] [style*="background:rgb(253, 242, 255)"], [data-theme="dark"] [style*="background: #fdf2ff"], [data-theme="dark"] [style*="background: rgb(253, 242, 255)"], [data-theme="dark"] [style*="background:#f0eaff"], [data-theme="dark"] [style*="background:rgb(240, 234, 255)"], [data-theme="dark"] [style*="background: #f0eaff"], [data-theme="dark"] [style*="background: rgb(240, 234, 255)"], [data-theme="dark"] [style*="background:#f3eeff"], [data-theme="dark"] [style*="background:rgb(243, 238, 255)"], [data-theme="dark"] [style*="background: #f3eeff"], [data-theme="dark"] [style*="background: rgb(243, 238, 255)"], [data-theme="dark"] [style*="background:#f0e6ff"], [data-theme="dark"] [style*="background:rgb(240, 230, 255)"], [data-theme="dark"] [style*="background: #f0e6ff"], [data-theme="dark"] [style*="background: rgb(240, 230, 255)"], [data-theme="dark"] [style*="background:#f8f2ff"], [data-theme="dark"] [style*="background:rgb(248, 242, 255)"], [data-theme="dark"] [style*="background: #f8f2ff"], [data-theme="dark"] [style*="background: rgb(248, 242, 255)"], [data-theme="dark"] [style*="background:#faf5ff"], [data-theme="dark"] [style*="background:rgb(250, 245, 255)"], [data-theme="dark"] [style*="background: #faf5ff"], [data-theme="dark"] [style*="background: rgb(250, 245, 255)"], [data-theme="dark"] [style*="background:#f8f5ff"], [data-theme="dark"] [style*="background:rgb(248, 245, 255)"], [data-theme="dark"] [style*="background: #f8f5ff"], [data-theme="dark"] [style*="background: rgb(248, 245, 255)"] { background: #2c2338 !important; } /* Lila — tono sutil (fondos casi blancos, superficies grandes) */ [data-theme="dark"] [style*="background:#fdfaff"], [data-theme="dark"] [style*="background:rgb(253, 250, 255)"], [data-theme="dark"] [style*="background: #fdfaff"], [data-theme="dark"] [style*="background: rgb(253, 250, 255)"], [data-theme="dark"] [style*="background:#fdf8ff"], [data-theme="dark"] [style*="background:rgb(253, 248, 255)"], [data-theme="dark"] [style*="background: #fdf8ff"], [data-theme="dark"] [style*="background: rgb(253, 248, 255)"], [data-theme="dark"] [style*="background:#fafaff"], [data-theme="dark"] [style*="background:rgb(250, 250, 255)"], [data-theme="dark"] [style*="background: #fafaff"], [data-theme="dark"] [style*="background: rgb(250, 250, 255)"], [data-theme="dark"] [style*="background:#fff8ff"], [data-theme="dark"] [style*="background:rgb(255, 248, 255)"], [data-theme="dark"] [style*="background: #fff8ff"], [data-theme="dark"] [style*="background: rgb(255, 248, 255)"], [data-theme="dark"] [style*="background:#f9f4ff"], [data-theme="dark"] [style*="background:rgb(249, 244, 255)"], [data-theme="dark"] [style*="background: #f9f4ff"], [data-theme="dark"] [style*="background: rgb(249, 244, 255)"], [data-theme="dark"] [style*="background:#f9f4fb"], [data-theme="dark"] [style*="background:rgb(249, 244, 251)"], [data-theme="dark"] [style*="background: #f9f4fb"], [data-theme="dark"] [style*="background: rgb(249, 244, 251)"], [data-theme="dark"] [style*="background:#fbf4fb"], [data-theme="dark"] [style*="background:rgb(251, 244, 251)"], [data-theme="dark"] [style*="background: #fbf4fb"], [data-theme="dark"] [style*="background: rgb(251, 244, 251)"], [data-theme="dark"] [style*="background:#fcfaff"], [data-theme="dark"] [style*="background:rgb(252, 250, 255)"], [data-theme="dark"] [style*="background: #fcfaff"], [data-theme="dark"] [style*="background: rgb(252, 250, 255)"] { background: #241f2c !important; } /* Lila — tono acento (más saturado, para lo que resaltaba más) */ [data-theme="dark"] [style*="background:#f9f0ff"], [data-theme="dark"] [style*="background:rgb(249, 240, 255)"], [data-theme="dark"] [style*="background: #f9f0ff"], [data-theme="dark"] [style*="background: rgb(249, 240, 255)"], [data-theme="dark"] [style*="background:#e0c8f0"], [data-theme="dark"] [style*="background:rgb(224, 200, 240)"], [data-theme="dark"] [style*="background: #e0c8f0"], [data-theme="dark"] [style*="background: rgb(224, 200, 240)"], [data-theme="dark"] [style*="background:#ede1ff"], [data-theme="dark"] [style*="background:rgb(237, 225, 255)"], [data-theme="dark"] [style*="background: #ede1ff"], [data-theme="dark"] [style*="background: rgb(237, 225, 255)"], [data-theme="dark"] [style*="background:#f0e6f9"], [data-theme="dark"] [style*="background:rgb(240, 230, 249)"], [data-theme="dark"] [style*="background: #f0e6f9"], [data-theme="dark"] [style*="background: rgb(240, 230, 249)"], [data-theme="dark"] [style*="background:#e8d5f9"], [data-theme="dark"] [style*="background:rgb(232, 213, 249)"], [data-theme="dark"] [style*="background: #e8d5f9"], [data-theme="dark"] [style*="background: rgb(232, 213, 249)"], [data-theme="dark"] [style*="background:#ede0ff"], [data-theme="dark"] [style*="background:rgb(237, 224, 255)"], [data-theme="dark"] [style*="background: #ede0ff"], [data-theme="dark"] [style*="background: rgb(237, 224, 255)"], [data-theme="dark"] [style*="background:#e8dff5"], [data-theme="dark"] [style*="background:rgb(232, 223, 245)"], [data-theme="dark"] [style*="background: #e8dff5"], [data-theme="dark"] [style*="background: rgb(232, 223, 245)"] { background: #362b48 !important; } /* Verde — badges/CTA (Confirmada, Llegó, Retoque) */ [data-theme="dark"] [style*="background:#e8f5e9"], [data-theme="dark"] [style*="background:rgb(232, 245, 233)"], [data-theme="dark"] [style*="background: #e8f5e9"], [data-theme="dark"] [style*="background: rgb(232, 245, 233)"], [data-theme="dark"] [style*="background:#e0f2f1"], [data-theme="dark"] [style*="background:rgb(224, 242, 241)"], [data-theme="dark"] [style*="background: #e0f2f1"], [data-theme="dark"] [style*="background: rgb(224, 242, 241)"], [data-theme="dark"] [style*="background:#e0f7f4"], [data-theme="dark"] [style*="background:rgb(224, 247, 244)"], [data-theme="dark"] [style*="background: #e0f7f4"], [data-theme="dark"] [style*="background: rgb(224, 247, 244)"] { background: #1c2e28 !important; } /* Verde — cajas de estadística "de paso" (ganancia, resumen), tono más neutro para no acumular verde saturado cuando hay varias por tarjeta */ [data-theme="dark"] [style*="background:#f1faf2"], [data-theme="dark"] [style*="background:rgb(241, 250, 242)"], [data-theme="dark"] [style*="background: #f1faf2"], [data-theme="dark"] [style*="background: rgb(241, 250, 242)"], [data-theme="dark"] [style*="background:#f0faf0"], [data-theme="dark"] [style*="background:rgb(240, 250, 240)"], [data-theme="dark"] [style*="background: #f0faf0"], [data-theme="dark"] [style*="background: rgb(240, 250, 240)"], [data-theme="dark"] [style*="background:#f0f9f0"], [data-theme="dark"] [style*="background:rgb(240, 249, 240)"], [data-theme="dark"] [style*="background: #f0f9f0"], [data-theme="dark"] [style*="background: rgb(240, 249, 240)"] { background: #1e2620 !important; } /* Ámbar — badges/CTA */ [data-theme="dark"] [style*="background:#fff3e0"], [data-theme="dark"] [style*="background:rgb(255, 243, 224)"], [data-theme="dark"] [style*="background: #fff3e0"], [data-theme="dark"] [style*="background: rgb(255, 243, 224)"], [data-theme="dark"] [style*="background:#fff8e1"], [data-theme="dark"] [style*="background:rgb(255, 248, 225)"], [data-theme="dark"] [style*="background: #fff8e1"], [data-theme="dark"] [style*="background: rgb(255, 248, 225)"] { background: #3a2e14 !important; } /* Ámbar — tono sutil */ [data-theme="dark"] [style*="background:#fffde7"], [data-theme="dark"] [style*="background:rgb(255, 253, 231)"], [data-theme="dark"] [style*="background: #fffde7"], [data-theme="dark"] [style*="background: rgb(255, 253, 231)"], [data-theme="dark"] [style*="background:#fff3cd"], [data-theme="dark"] [style*="background:rgb(255, 243, 205)"], [data-theme="dark"] [style*="background: #fff3cd"], [data-theme="dark"] [style*="background: rgb(255, 243, 205)"], [data-theme="dark"] [style*="background:#fff8f0"], [data-theme="dark"] [style*="background:rgb(255, 248, 240)"], [data-theme="dark"] [style*="background: #fff8f0"], [data-theme="dark"] [style*="background: rgb(255, 248, 240)"], [data-theme="dark"] [style*="background:#fff5f0"], [data-theme="dark"] [style*="background:rgb(255, 245, 240)"], [data-theme="dark"] [style*="background: #fff5f0"], [data-theme="dark"] [style*="background: rgb(255, 245, 240)"] { background: #2a2216 !important; } /* Rojo/rosa — alertas y botones de eliminar */ [data-theme="dark"] [style*="background:#ffebee"], [data-theme="dark"] [style*="background:rgb(255, 235, 238)"], [data-theme="dark"] [style*="background: #ffebee"], [data-theme="dark"] [style*="background: rgb(255, 235, 238)"], [data-theme="dark"] [style*="background:#fee2e2"], [data-theme="dark"] [style*="background:rgb(254, 226, 226)"], [data-theme="dark"] [style*="background: #fee2e2"], [data-theme="dark"] [style*="background: rgb(254, 226, 226)"], [data-theme="dark"] [style*="background:#ffeaea"], [data-theme="dark"] [style*="background:rgb(255, 234, 234)"], [data-theme="dark"] [style*="background: #ffeaea"], [data-theme="dark"] [style*="background: rgb(255, 234, 234)"] { background: #3d2229 !important; } /* Rojo/rosa — tono sutil */ [data-theme="dark"] [style*="background:#fff0f0"], [data-theme="dark"] [style*="background:rgb(255, 240, 240)"], [data-theme="dark"] [style*="background: #fff0f0"], [data-theme="dark"] [style*="background: rgb(255, 240, 240)"], [data-theme="dark"] [style*="background:#fff5f5"], [data-theme="dark"] [style*="background:rgb(255, 245, 245)"], [data-theme="dark"] [style*="background: #fff5f5"], [data-theme="dark"] [style*="background: rgb(255, 245, 245)"], [data-theme="dark"] [style*="background:#fff4f4"], [data-theme="dark"] [style*="background:rgb(255, 244, 244)"], [data-theme="dark"] [style*="background: #fff4f4"], [data-theme="dark"] [style*="background: rgb(255, 244, 244)"], [data-theme="dark"] [style*="background:#fff0f5"], [data-theme="dark"] [style*="background:rgb(255, 240, 245)"], [data-theme="dark"] [style*="background: #fff0f5"], [data-theme="dark"] [style*="background: rgb(255, 240, 245)"] { background: #2c1f23 !important; } /* Azul */ [data-theme="dark"] [style*="background:#e3f2fd"], [data-theme="dark"] [style*="background:rgb(227, 242, 253)"], [data-theme="dark"] [style*="background: #e3f2fd"], [data-theme="dark"] [style*="background: rgb(227, 242, 253)"] { background: #182a38 !important; } /* Gris neutro (sin tinte morado) */ [data-theme="dark"] [style*="background:#fafafa"], [data-theme="dark"] [style*="background:rgb(250, 250, 250)"], [data-theme="dark"] [style*="background: #fafafa"], [data-theme="dark"] [style*="background: rgb(250, 250, 250)"], [data-theme="dark"] [style*="background:#f5f5f5"], [data-theme="dark"] [style*="background:rgb(245, 245, 245)"], [data-theme="dark"] [style*="background: #f5f5f5"], [data-theme="dark"] [style*="background: rgb(245, 245, 245)"], [data-theme="dark"] [style*="background:#f8f8f8"], [data-theme="dark"] [style*="background:rgb(248, 248, 248)"], [data-theme="dark"] [style*="background: #f8f8f8"], [data-theme="dark"] [style*="background: rgb(248, 248, 248)"], [data-theme="dark"] [style*="background:#f0f0f0"], [data-theme="dark"] [style*="background:rgb(240, 240, 240)"], [data-theme="dark"] [style*="background: #f0f0f0"], [data-theme="dark"] [style*="background: rgb(240, 240, 240)"] { background: #27272c !important; } [data-theme="dark"] [style*="background:white"], [data-theme="dark"] [style*="background: white"], [data-theme="dark"] [style*="background:#fff;"], [data-theme="dark"] [style*="background: #fff;"] { background: var(--card-bg) !important; } /* ─── Mismos pasteles pero como degradado (linear-gradient) ──── */ [data-theme="dark"] [style*="linear-gradient(135deg,#fff3e0,#ffe0b2)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 243, 224), rgb(255, 224, 178))"], [data-theme="dark"] [style*="linear-gradient(135deg,#fff8e1,#fffde7)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 248, 225), rgb(255, 253, 231))"], [data-theme="dark"] [style*="linear-gradient(135deg,#fff8e1,#fff3cd)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 248, 225), rgb(255, 243, 205))"], [data-theme="dark"] [style*="linear-gradient(135deg,#fff8e1,#fff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 248, 225), rgb(255, 255, 255))"] { background: #3a2e14 !important; } [data-theme="dark"] [style*="linear-gradient(135deg,#fdfaff,#f8f0ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(253, 250, 255), rgb(248, 240, 255))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f9f4fb,#f3e8ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(249, 244, 251), rgb(243, 232, 255))"] { background: #241f2c !important; } [data-theme="dark"] [style*="linear-gradient(135deg,#fdf2ff,#f5e8ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(253, 242, 255), rgb(245, 232, 255))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f3e8ff,#e8d5f5)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(243, 232, 255), rgb(232, 213, 245))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f3e8ff,#fdf2ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(243, 232, 255), rgb(253, 242, 255))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f3e8ff,#e0d0f8)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(243, 232, 255), rgb(224, 208, 248))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f3e8ff,#fdf4ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(243, 232, 255), rgb(253, 244, 255))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f3e8ff,#ede0f5)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(243, 232, 255), rgb(237, 224, 245))"], [data-theme="dark"] [style*="linear-gradient(135deg,#fdf2ff,#fff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(253, 242, 255), rgb(255, 255, 255))"], [data-theme="dark"] [style*="linear-gradient(135deg,#f8f0ff,#f3e8ff)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(248, 240, 255), rgb(243, 232, 255))"] { background: #2c2338 !important; } [data-theme="dark"] [style*="linear-gradient(135deg,#ffebee,#ffcdd2)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 235, 238), rgb(255, 205, 210))"] { background: #3d2229 !important; } [data-theme="dark"] [style*="linear-gradient(135deg,#e8f5e9,#c8e6c9)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(232, 245, 233), rgb(200, 230, 201))"] { background: #1c2e28 !important; } [data-theme="dark"] [style*="linear-gradient(135deg,#fff0f0,#fff8f8)"], [data-theme="dark"] [style*="linear-gradient(135deg, rgb(255, 240, 240), rgb(255, 248, 248))"] { background: #2c1f23 !important; } /* ─── Bordes claros fijos en JS (Inventario/Ventas/Stats) ─── Los fondos ya quedan oscuros arriba, pero muchas tarjetas tienen además un borde de 1-1.5px en un lila/rojo/ámbar clarito que, sin tocar, se ve como un contorno blanco brillante alrededor de la tarjeta. ─── */ [data-theme="dark"] [style*="border:1.5px solid #ede0f0"], [data-theme="dark"] [style*="border:1.5px solid rgb(237, 224, 240)"], [data-theme="dark"] [style*="border: 1.5px solid #ede0f0"], [data-theme="dark"] [style*="border: 1.5px solid rgb(237, 224, 240)"], [data-theme="dark"] [style*="border:1.5px solid #f0e6f9"], [data-theme="dark"] [style*="border:1.5px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border: 1.5px solid #f0e6f9"], [data-theme="dark"] [style*="border: 1.5px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border:1px solid #f0e8f5"], [data-theme="dark"] [style*="border:1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border: 1px solid #f0e8f5"], [data-theme="dark"] [style*="border: 1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border:1.5px solid #f0e8f5"], [data-theme="dark"] [style*="border:1.5px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border: 1.5px solid #f0e8f5"], [data-theme="dark"] [style*="border: 1.5px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border:1.5px solid #ece3f5"], [data-theme="dark"] [style*="border:1.5px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border: 1.5px solid #ece3f5"], [data-theme="dark"] [style*="border: 1.5px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border:1.5px solid #e0c8f0"], [data-theme="dark"] [style*="border:1.5px solid rgb(224, 200, 240)"], [data-theme="dark"] [style*="border: 1.5px solid #e0c8f0"], [data-theme="dark"] [style*="border: 1.5px solid rgb(224, 200, 240)"], [data-theme="dark"] [style*="border:1.5px solid #f0e0e0"], [data-theme="dark"] [style*="border:1.5px solid rgb(240, 224, 224)"], [data-theme="dark"] [style*="border: 1.5px solid #f0e0e0"], [data-theme="dark"] [style*="border: 1.5px solid rgb(240, 224, 224)"], [data-theme="dark"] [style*="border:1px solid #ede0f5"], [data-theme="dark"] [style*="border:1px solid rgb(237, 224, 245)"], [data-theme="dark"] [style*="border: 1px solid #ede0f5"], [data-theme="dark"] [style*="border: 1px solid rgb(237, 224, 245)"] { border-color: #3a3244 !important; } [data-theme="dark"] [style*="border:1.5px solid #ffe0b2"], [data-theme="dark"] [style*="border:1.5px solid rgb(255, 224, 178)"], [data-theme="dark"] [style*="border: 1.5px solid #ffe0b2"], [data-theme="dark"] [style*="border: 1.5px solid rgb(255, 224, 178)"], [data-theme="dark"] [style*="border:1px solid #ffe0b2"], [data-theme="dark"] [style*="border:1px solid rgb(255, 224, 178)"], [data-theme="dark"] [style*="border: 1px solid #ffe0b2"], [data-theme="dark"] [style*="border: 1px solid rgb(255, 224, 178)"], [data-theme="dark"] [style*="border:1.5px solid #ffe082"], [data-theme="dark"] [style*="border:1.5px solid rgb(255, 224, 130)"], [data-theme="dark"] [style*="border: 1.5px solid #ffe082"], [data-theme="dark"] [style*="border: 1.5px solid rgb(255, 224, 130)"] { border-color: #5c4a1f !important; } [data-theme="dark"] [style*="border:1.5px solid #ffcdd2"], [data-theme="dark"] [style*="border:1.5px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border: 1.5px solid #ffcdd2"], [data-theme="dark"] [style*="border: 1.5px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border:1px solid #ffcdd2"], [data-theme="dark"] [style*="border:1px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border: 1px solid #ffcdd2"], [data-theme="dark"] [style*="border: 1px solid rgb(255, 205, 210)"] { border-color: #5c2e36 !important; } [data-theme="dark"] [style*="border:1px solid #c8e6c9"], [data-theme="dark"] [style*="border:1px solid rgb(200, 230, 201)"], [data-theme="dark"] [style*="border: 1px solid #c8e6c9"], [data-theme="dark"] [style*="border: 1px solid rgb(200, 230, 201)"] { border-color: #294a42 !important; } [data-theme="dark"] [style*="border:1.5px solid #e0d0f0"], [data-theme="dark"] [style*="border:1.5px solid rgb(224, 208, 240)"] { border-color: #3a3244 !important; } [data-theme="dark"] [style*="border-top:1px solid #f5f0fa"], [data-theme="dark"] [style*="border-top:1px solid rgb(245, 240, 250)"], [data-theme="dark"] [style*="border-bottom:1px solid #f5f0fa"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(245, 240, 250)"], [data-theme="dark"] [style*="border-right:1px solid #f5f0fa"], [data-theme="dark"] [style*="border-right:1px solid rgb(245, 240, 250)"] { border-color: #362e40 !important; } [data-theme="dark"] [style*="border:2px solid #e0e0e0"], [data-theme="dark"] [style*="border:2px solid rgb(224, 224, 224)"], [data-theme="dark"] [style*="border: 2px solid #e0e0e0"], [data-theme="dark"] [style*="border: 2px solid rgb(224, 224, 224)"] { border-color: #3a3a40 !important; } /* ─── Scrollbar sutil (opcional, solo webkit) ─── */ [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #4a4054; } /* --- Divisores internos (border-top/bottom/right/left) de tarjetas de Productos/Finanzas --- */ [data-theme="dark"] [style*="border-top:1px solid #f0e8f5"], [data-theme="dark"] [style*="border-top:1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border-bottom:1px solid #f0e8f5"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border-right:1px solid #f0e8f5"], [data-theme="dark"] [style*="border-right:1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border-left:1px solid #f0e8f5"], [data-theme="dark"] [style*="border-left:1px solid rgb(240, 232, 245)"], [data-theme="dark"] [style*="border-top:1px solid #f3e8ff"], [data-theme="dark"] [style*="border-top:1px solid rgb(243, 232, 255)"], [data-theme="dark"] [style*="border-bottom:1px solid #f3e8ff"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(243, 232, 255)"], [data-theme="dark"] [style*="border-right:1px solid #f3e8ff"], [data-theme="dark"] [style*="border-right:1px solid rgb(243, 232, 255)"], [data-theme="dark"] [style*="border-left:1px solid #f3e8ff"], [data-theme="dark"] [style*="border-left:1px solid rgb(243, 232, 255)"], [data-theme="dark"] [style*="border-top:1px solid #f0e6f9"], [data-theme="dark"] [style*="border-top:1px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border-bottom:1px solid #f0e6f9"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border-right:1px solid #f0e6f9"], [data-theme="dark"] [style*="border-right:1px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border-left:1px solid #f0e6f9"], [data-theme="dark"] [style*="border-left:1px solid rgb(240, 230, 249)"], [data-theme="dark"] [style*="border-top:1px solid #ece3f5"], [data-theme="dark"] [style*="border-top:1px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border-bottom:1px solid #ece3f5"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border-right:1px solid #ece3f5"], [data-theme="dark"] [style*="border-right:1px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border-left:1px solid #ece3f5"], [data-theme="dark"] [style*="border-left:1px solid rgb(236, 227, 245)"], [data-theme="dark"] [style*="border-top:1px solid #e8d5f5"], [data-theme="dark"] [style*="border-top:1px solid rgb(232, 213, 245)"], [data-theme="dark"] [style*="border-bottom:1px solid #e8d5f5"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(232, 213, 245)"], [data-theme="dark"] [style*="border-right:1px solid #e8d5f5"], [data-theme="dark"] [style*="border-right:1px solid rgb(232, 213, 245)"], [data-theme="dark"] [style*="border-left:1px solid #e8d5f5"], [data-theme="dark"] [style*="border-left:1px solid rgb(232, 213, 245)"], [data-theme="dark"] [style*="border-top:1px solid #f9f4fb"], [data-theme="dark"] [style*="border-top:1px solid rgb(249, 244, 251)"], [data-theme="dark"] [style*="border-bottom:1px solid #f9f4fb"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(249, 244, 251)"], [data-theme="dark"] [style*="border-right:1px solid #f9f4fb"], [data-theme="dark"] [style*="border-right:1px solid rgb(249, 244, 251)"], [data-theme="dark"] [style*="border-left:1px solid #f9f4fb"], [data-theme="dark"] [style*="border-left:1px solid rgb(249, 244, 251)"], [data-theme="dark"] [style*="border-top:1px solid #f9edf7"], [data-theme="dark"] [style*="border-top:1px solid rgb(249, 237, 247)"], [data-theme="dark"] [style*="border-bottom:1px solid #f9edf7"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(249, 237, 247)"], [data-theme="dark"] [style*="border-right:1px solid #f9edf7"], [data-theme="dark"] [style*="border-right:1px solid rgb(249, 237, 247)"], [data-theme="dark"] [style*="border-left:1px solid #f9edf7"], [data-theme="dark"] [style*="border-left:1px solid rgb(249, 237, 247)"], [data-theme="dark"] [style*="border-top:1px solid #f8f4fc"], [data-theme="dark"] [style*="border-top:1px solid rgb(248, 244, 252)"], [data-theme="dark"] [style*="border-bottom:1px solid #f8f4fc"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(248, 244, 252)"], [data-theme="dark"] [style*="border-right:1px solid #f8f4fc"], [data-theme="dark"] [style*="border-right:1px solid rgb(248, 244, 252)"], [data-theme="dark"] [style*="border-left:1px solid #f8f4fc"], [data-theme="dark"] [style*="border-left:1px solid rgb(248, 244, 252)"], [data-theme="dark"] [style*="border-top:1px solid #f3eeff"], [data-theme="dark"] [style*="border-top:1px solid rgb(243, 238, 255)"], [data-theme="dark"] [style*="border-bottom:1px solid #f3eeff"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(243, 238, 255)"], [data-theme="dark"] [style*="border-right:1px solid #f3eeff"], [data-theme="dark"] [style*="border-right:1px solid rgb(243, 238, 255)"], [data-theme="dark"] [style*="border-left:1px solid #f3eeff"], [data-theme="dark"] [style*="border-left:1px solid rgb(243, 238, 255)"], [data-theme="dark"] [style*="border-top:1px solid #f3eef8"], [data-theme="dark"] [style*="border-top:1px solid rgb(243, 238, 248)"], [data-theme="dark"] [style*="border-bottom:1px solid #f3eef8"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(243, 238, 248)"], [data-theme="dark"] [style*="border-right:1px solid #f3eef8"], [data-theme="dark"] [style*="border-right:1px solid rgb(243, 238, 248)"], [data-theme="dark"] [style*="border-left:1px solid #f3eef8"], [data-theme="dark"] [style*="border-left:1px solid rgb(243, 238, 248)"], [data-theme="dark"] [style*="border-top:1px solid #d8b0e8"], [data-theme="dark"] [style*="border-top:1px solid rgb(216, 176, 232)"], [data-theme="dark"] [style*="border-bottom:1px solid #d8b0e8"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(216, 176, 232)"], [data-theme="dark"] [style*="border-right:1px solid #d8b0e8"], [data-theme="dark"] [style*="border-right:1px solid rgb(216, 176, 232)"], [data-theme="dark"] [style*="border-left:1px solid #d8b0e8"], [data-theme="dark"] [style*="border-left:1px solid rgb(216, 176, 232)"] { border-color: #3a3244 !important; } [data-theme="dark"] [style*="border-top:1px solid #fff3e0"], [data-theme="dark"] [style*="border-top:1px solid rgb(255, 243, 224)"], [data-theme="dark"] [style*="border-bottom:1px solid #fff3e0"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(255, 243, 224)"], [data-theme="dark"] [style*="border-right:1px solid #fff3e0"], [data-theme="dark"] [style*="border-right:1px solid rgb(255, 243, 224)"], [data-theme="dark"] [style*="border-left:1px solid #fff3e0"], [data-theme="dark"] [style*="border-left:1px solid rgb(255, 243, 224)"], [data-theme="dark"] [style*="border-top:1px solid #ffe082"], [data-theme="dark"] [style*="border-top:1px solid rgb(255, 224, 130)"], [data-theme="dark"] [style*="border-bottom:1px solid #ffe082"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(255, 224, 130)"], [data-theme="dark"] [style*="border-right:1px solid #ffe082"], [data-theme="dark"] [style*="border-right:1px solid rgb(255, 224, 130)"], [data-theme="dark"] [style*="border-left:1px solid #ffe082"], [data-theme="dark"] [style*="border-left:1px solid rgb(255, 224, 130)"] { border-color: #5c4a1f !important; } [data-theme="dark"] [style*="border-top:1px solid #ffcdd2"], [data-theme="dark"] [style*="border-top:1px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border-bottom:1px solid #ffcdd2"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border-right:1px solid #ffcdd2"], [data-theme="dark"] [style*="border-right:1px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border-left:1px solid #ffcdd2"], [data-theme="dark"] [style*="border-left:1px solid rgb(255, 205, 210)"], [data-theme="dark"] [style*="border-top:1px solid #fce8e8"], [data-theme="dark"] [style*="border-top:1px solid rgb(252, 232, 232)"], [data-theme="dark"] [style*="border-bottom:1px solid #fce8e8"], [data-theme="dark"] [style*="border-bottom:1px solid rgb(252, 232, 232)"], [data-theme="dark"] [style*="border-right:1px solid #fce8e8"], [data-theme="dark"] [style*="border-right:1px solid rgb(252, 232, 232)"], [data-theme="dark"] [style*="border-left:1px solid #fce8e8"], [data-theme="dark"] [style*="border-left:1px solid rgb(252, 232, 232)"] { border-color: #5c2e36 !important; } /* ══════════════════════════════════════════════════════ AUTO: cobertura dark-mode para clases nuevas de la fase de conversion style="" -> clases (13 archivos JS + pantallas.js). Generado con gen_dark_mode.py a partir de la paleta ya usada arriba (mismo mapeo claro->oscuro). ══════════════════════════════════════════════════════ */ [data-theme="dark"] .appt-desc-total, [data-theme="dark"] .appt-detalle-wrap, [data-theme="dark"] .cli-modal-footer--ref, [data-theme="dark"] .cli-modal-header--ref, [data-theme="dark"] .cli-ref-stat-box--referidos, [data-theme="dark"] .cs-112, [data-theme="dark"] .cs-175, [data-theme="dark"] .cs-215, [data-theme="dark"] .cs-283, [data-theme="dark"] .cs-290, [data-theme="dark"] .cs-297, [data-theme="dark"] .cs-302, [data-theme="dark"] .dash-btn-ver-citas-mes, [data-theme="dark"] .dash-tasa-box--comp, [data-theme="dark"] .dash-topsvc-row--border, [data-theme="dark"] .field-lg, [data-theme="dark"] .field-md, [data-theme="dark"] .field-md-plain, [data-theme="dark"] .field-sm, [data-theme="dark"] .field-sm-center, [data-theme="dark"] .fin-card-body, [data-theme="dark"] .fin-cat-header, [data-theme="dark"] .fin-item-row, [data-theme="dark"] .inv-btn-editar, [data-theme="dark"] .inv-detalle-var-img, [data-theme="dark"] .inv-prod-actions, [data-theme="dark"] .inv-prod-card--ok, [data-theme="dark"] .inv-prod-img, [data-theme="dark"] .inv-sb-img, [data-theme="dark"] .inv-thumb--normal, [data-theme="dark"] .inv-var-img, [data-theme="dark"] .is-abonoMontoInput, [data-theme="dark"] .is-arrivedObservaciones, [data-theme="dark"] .is-asignarReferidorList, [data-theme="dark"] .is-asignarReferidorSearch, [data-theme="dark"] .is-clientasPassInput, [data-theme="dark"] .is-clientasSearch, [data-theme="dark"] .is-nuevaVarianteImagenPreview, [data-theme="dark"] .is-pgBackBar, [data-theme="dark"] .is-prodDescripcion, [data-theme="dark"] .sheet-header, [data-theme="dark"] .sheet-header-alt, [data-theme="dark"] .sp-card-footer, [data-theme="dark"] .sp-item-row, [data-theme="dark"] .sp-mes-card, [data-theme="dark"] .sp-pedido-body, [data-theme="dark"] .sp-prod-row--border, [data-theme="dark"] .sp-section, [data-theme="dark"] .tl-acc, [data-theme="dark"] .tl-acc2, [data-theme="dark"] .vp-cart-item, [data-theme="dark"] .vp-edit-cantidad-input, [data-theme="dark"] .vp-edit-cantidad-nueva, [data-theme="dark"] .vp-edit-item-row, [data-theme="dark"] .vp-footer, [data-theme="dark"] .vp-item-row, [data-theme="dark"] .vp-mes-card, [data-theme="dark"] .vp-pedido-actions, [data-theme="dark"] .vp-pedido-btn-editar, [data-theme="dark"] .vp-pedido-item-row, [data-theme="dark"] .vp-pg-prod-row { border-color: #3a3244 !important; } [data-theme="dark"] .appt-btn-retoque-enviar, [data-theme="dark"] .cli-badge-admin, [data-theme="dark"] .cli-btn-cerrar, [data-theme="dark"] .dash-split2-box--primary, [data-theme="dark"] .dash-split3-box--primary, [data-theme="dark"] .dash-topsvc-count, [data-theme="dark"] .inv-btn-variantes, [data-theme="dark"] .inv-cat-toggle, [data-theme="dark"] .inv-detalle-var-img-placeholder, [data-theme="dark"] .inv-orden-btn--on, [data-theme="dark"] .inv-sb-btn-editar, [data-theme="dark"] .inv-sb-img-placeholder, [data-theme="dark"] .inv-thumb-add, [data-theme="dark"] .inv-thumb-placeholder, [data-theme="dark"] .pt-cupos-box, [data-theme="dark"] .pt-svc-ingreso-chip, [data-theme="dark"] .pt-svc2-ingreso-chip, [data-theme="dark"] .sp-item-cant, [data-theme="dark"] .sp-prod-rank--rest, [data-theme="dark"] .sp-resumen-box, [data-theme="dark"] .sp-tabs-wrap, [data-theme="dark"] .tl-admin-badge, [data-theme="dark"] .vp-badge-numpedido, [data-theme="dark"] .vp-edit-chip, [data-theme="dark"] .vp-icon-btn--editar, [data-theme="dark"] .vp-notas-box, [data-theme="dark"] .vp-pedido-chip, [data-theme="dark"] .vp-pg-chip-comentario, [data-theme="dark"] .vp-pg-cliente-notas { background: #2c2338 !important; } [data-theme="dark"] .cli-ref-row, [data-theme="dark"] .cs-264, [data-theme="dark"] .cs-303, [data-theme="dark"] .dah-details, [data-theme="dark"] .dash-banner-estado-badge, [data-theme="dark"] .dh-details, [data-theme="dark"] .fin-btn-categorias, [data-theme="dark"] .fin-input, [data-theme="dark"] .fin-select, [data-theme="dark"] .inv-prod-card, [data-theme="dark"] .pt-sub-card, [data-theme="dark"] .pt-svc-card, [data-theme="dark"] .pt-svc2-card, [data-theme="dark"] .sp-tab-btn--active, [data-theme="dark"] .tl-acc-body, [data-theme="dark"] .tl-acc2-body, [data-theme="dark"] .venta-card--pendiente { background: var(--card-bg) !important; } [data-theme="dark"] .dash-chip--teal { background: var(--card-bg) !important; border-color: #294a42 !important; } [data-theme="dark"] .dash-chip--orange { background: var(--card-bg) !important; border-color: #5c4a1f !important; } [data-theme="dark"] .dash-chip--gray { background: var(--card-bg) !important; border-color: #3a3a40 !important; } [data-theme="dark"] .chk-item, [data-theme="dark"] .cli-asig-btn, [data-theme="dark"] .cli-field-input, [data-theme="dark"] .cs-306, [data-theme="dark"] .dash-abono-obs, [data-theme="dark"] .dash-chip--primary, [data-theme="dark"] .dash-svc-obs, [data-theme="dark"] .dash-topsvc-card, [data-theme="dark"] .fin-card, [data-theme="dark"] .sp-mes-body, [data-theme="dark"] .tl-card, [data-theme="dark"] .vp-edit-select, [data-theme="dark"] .vp-mes-body, [data-theme="dark"] .vp-pedido-card, [data-theme="dark"] .vp-pg-check-row, [data-theme="dark"] .vp-pg-cliente-card, [data-theme="dark"] .vp-pg-footer { background: var(--card-bg) !important; border-color: #3a3244 !important; } [data-theme="dark"] .appt-proto-texto, [data-theme="dark"] .cli-nombre-principal, [data-theme="dark"] .cli-rank-nombre, [data-theme="dark"] .cli-ref-text, [data-theme="dark"] .pt-cli-nombre, [data-theme="dark"] .pt-cupos-oc-num, [data-theme="dark"] .pt-desc-info-nombre, [data-theme="dark"] .pt-detalle-item-nombre, [data-theme="dark"] .pt-mypay-fecha, [data-theme="dark"] .pt-pago-costo, [data-theme="dark"] .pt-pago-fecha-val, [data-theme="dark"] .pt-rt-nombre, [data-theme="dark"] .pt-sub-nombre, [data-theme="dark"] .pt-sub-precio-inline, [data-theme="dark"] .pt-svc-chip, [data-theme="dark"] .pt-svc-nombre, [data-theme="dark"] .pt-svc2-nombre { color: var(--text) !important; } [data-theme="dark"] .appt-btn-confirmar-abono, [data-theme="dark"] .appt-btn-retoque-enviado, [data-theme="dark"] .cli-btn-sumar-referido, [data-theme="dark"] .cs-275, [data-theme="dark"] .cs-279, [data-theme="dark"] .dash-split2-box--green, [data-theme="dark"] .dash-split3-box--green, [data-theme="dark"] .inv-detalle-var-stock--ok, [data-theme="dark"] .inv-price-box--ganancia, [data-theme="dark"] .sp-card-btn--pending, [data-theme="dark"] .tl-icon--completada, [data-theme="dark"] .tl-icon--confirmada, [data-theme="dark"] .vp-badge-confirmada { background: #1c2e28 !important; } [data-theme="dark"] .appt-btn-ver-protocolo, [data-theme="dark"] .appt-proto-row, [data-theme="dark"] .cli-form-wrap, [data-theme="dark"] .cs-263, [data-theme="dark"] .cs-287, [data-theme="dark"] .cs-301, [data-theme="dark"] .dash-abono-card, [data-theme="dark"] .dash-svc-card, [data-theme="dark"] .inv-detalle-var-row, [data-theme="dark"] .sp-pedido-card { background: #241f2c !important; border-color: #3a3244 !important; } [data-theme="dark"] .fin-catlist-row, [data-theme="dark"] .fin-form-box, [data-theme="dark"] .inv-orden-btn--off, [data-theme="dark"] .inv-var-btn-cancelar, [data-theme="dark"] .sp-card-box--done, [data-theme="dark"] .sp-card-btn--done, [data-theme="dark"] .venta-card--confirmada, [data-theme="dark"] .vp-items-box, [data-theme="dark"] .vp-stat-box--mg-inactivo, [data-theme="dark"] .vp-stat-box--rv-inactivo { background: #27272c !important; } [data-theme="dark"] .appt-sello-banner, [data-theme="dark"] .cli-badge-referidos, [data-theme="dark"] .cli-vip-banner, [data-theme="dark"] .cs-254, [data-theme="dark"] .inv-detalle-var-stock--bajo, [data-theme="dark"] .inv-price-box--reinversion, [data-theme="dark"] .tl-badge-admin, [data-theme="dark"] .tl-badge2-admin, [data-theme="dark"] .vp-badge-pendiente { background: #3a2e14 !important; } [data-theme="dark"] .cli-modal-footer--pts, [data-theme="dark"] .cli-modal-header--pts, [data-theme="dark"] .cli-ref-stat-box--puntos, [data-theme="dark"] .dash-banner--cita-pendiente, [data-theme="dark"] .dash-banner-estado-badge--pendiente, [data-theme="dark"] .is-adminMsgCancelAbono, [data-theme="dark"] .puntos-box, [data-theme="dark"] .vp-border-pend { border-color: #5c4a1f !important; } [data-theme="dark"] .appt-banner-abono-perdido, [data-theme="dark"] .inv-detalle-promo-row, [data-theme="dark"] .inv-promo-chip, [data-theme="dark"] .inv-sb-badge--warn, [data-theme="dark"] .tl-ev--sinabono, [data-theme="dark"] .tl-ev2--sinabono, [data-theme="dark"] .tl-icon--cancelada_sin_abono, [data-theme="dark"] .vp-cart-summary { background: #3a2e14 !important; border-color: #5c4a1f !important; } [data-theme="dark"] .appt-proto-divider-line, [data-theme="dark"] .appt-proto-divider-line--especifico, [data-theme="dark"] .inv-var-btn-editar, [data-theme="dark"] .inv-var-img-placeholder, [data-theme="dark"] .pt-bar-track, [data-theme="dark"] .pt-bar2-track, [data-theme="dark"] .pt-dot, [data-theme="dark"] .pt-dot2 { background: #362b48 !important; } [data-theme="dark"] .inv-sb-badge--critico, [data-theme="dark"] .inv-stock-badge--bajo, [data-theme="dark"] .sp-stockbajo-panel, [data-theme="dark"] .tl-ev--admin, [data-theme="dark"] .tl-ev2--admin, [data-theme="dark"] .tl-icon--cancelada, [data-theme="dark"] .vp-btn-eliminar { background: #3d2229 !important; border-color: #5c2e36 !important; } [data-theme="dark"] .appt-btn-recordado, [data-theme="dark"] .tl-badge-cliente, [data-theme="dark"] .tl-badge2-cliente, [data-theme="dark"] .tl-ev--cliente, [data-theme="dark"] .tl-ev2--cliente, [data-theme="dark"] .vp-badge-catalogo { background: #182a38 !important; } [data-theme="dark"] .cs-209, [data-theme="dark"] .dash-tasa-box--cancel, [data-theme="dark"] .inv-prod-card--bajo, [data-theme="dark"] .inv-sb-row, [data-theme="dark"] .sp-stockbajo-row { border-color: #5c2e36 !important; } [data-theme="dark"] .cs-294, [data-theme="dark"] .vp-cart-box, [data-theme="dark"] .vp-edit-add-box, [data-theme="dark"] .vp-pedido-items-box, [data-theme="dark"] .vp-pg-list-box { background: #27272c !important; border-color: #3a3244 !important; } [data-theme="dark"] .cli-badge-vip, [data-theme="dark"] .fin-stat-box--nomina, [data-theme="dark"] .sp-card-box--rv-pending, [data-theme="dark"] .sp-stat-rv, [data-theme="dark"] .vp-stat-box--rv-activo { background: #2a2216 !important; } [data-theme="dark"] .fin-pos-bg, [data-theme="dark"] .fin-stat-box--bruto, [data-theme="dark"] .sp-card-box--mg-pending, [data-theme="dark"] .sp-stat-mg, [data-theme="dark"] .vp-stat-box--mg-activo { background: #1e2620 !important; } [data-theme="dark"] .btn-del-bloqueo, [data-theme="dark"] .dash-chip--danger, [data-theme="dark"] .fin-catlist-del, [data-theme="dark"] .inv-var-confirm { background: #2c1f23 !important; border-color: #5c2e36 !important; } [data-theme="dark"] .sp-card--done, [data-theme="dark"] .tl-icon--default, [data-theme="dark"] .tl-icon--vencida, [data-theme="dark"] .vp-confirmado-badge { background: #27272c !important; border-color: #3a3a40 !important; } [data-theme="dark"] .fin-stat-box--ingresos, [data-theme="dark"] .inv-price-box--venta, [data-theme="dark"] .sp-mes-toggle, [data-theme="dark"] .vp-mes-toggle { background: #241f2c !important; } [data-theme="dark"] .cs-291, [data-theme="dark"] .inv-detalle-var-stock--agotado, [data-theme="dark"] .inv-var-btn-confirmar-elim { background: #3d2229 !important; } [data-theme="dark"] .appt-bday-banner, [data-theme="dark"] .fin-neg-bg, [data-theme="dark"] .pt-libre-badge--full { background: #2c1f23 !important; } [data-theme="dark"] .cs-270, [data-theme="dark"] .sp-card--pending { background: var(--card-bg) !important; border-color: #5c4a1f !important; } [data-theme="dark"] .appt-banner-ya-reprogramada, [data-theme="dark"] .tl-icon--agendada { background: #2c2338 !important; border-color: #3a3244 !important; } [data-theme="dark"] .inv-orden-row, [data-theme="dark"] .inv-var-row { background: #362b48 !important; border-color: #3a3244 !important; } [data-theme="dark"] .dash-pend-badge, [data-theme="dark"] .dash-pend-card { background: #2a2216 !important; border-color: #5c4a1f !important; } [data-theme="dark"] .is-mensajeWaTextarea { border-color: #294a42 !important; } [data-theme="dark"] .cs-256 { background: var(--card-bg) !important; border-color: #5c2e36 !important; } [data-theme="dark"] .inv-stock-badge--ok { background: #1e2620 !important; border-color: #294a42 !important; } [data-theme="dark"] .vp-border-conf { border-color: #3a3a40 !important; } [data-theme="dark"] .vp-btn-confirmar { background: #1c2e28 !important; border-color: #294a42 !important; } /* ── Casos puntuales no cubiertos por la paleta automatica (colores pastel/borde que no coincidian con ningun tono ya mapeado) ── */ [data-theme="dark"] .pt-libre-badge--free { background: #1c2e28 !important; } [data-theme="dark"] .tl-icon--reprogramada { background: #182a38 !important; border-color: #24435a !important; } [data-theme="dark"] .divider-flex { background: #362e40 !important; } [data-theme="dark"] .card-success-bg { background: #1e2620 !important; border-color: #294a42 !important; } [data-theme="dark"] .is-adminMsgAgendamiento, [data-theme="dark"] .is-ptMsgBienvenidaTA, [data-theme="dark"] .is-arrivedAbonoInfo, [data-theme="dark"] .cs-196, [data-theme="dark"] .cs-202, [data-theme="dark"] .pt-btn-renovado, [data-theme="dark"] .pt-btn-activar, [data-theme="dark"] .pt-btn-wa-resumen, [data-theme="dark"] .pt-btn-wa-bienvenida, [data-theme="dark"] .dash-banner--retoque { border-color: #294a42 !important; } [data-theme="dark"] .is-adminMsgReprogramacion, [data-theme="dark"] .vp-border-catalogo { border-color: #24435a !important; } [data-theme="dark"] .is-ptMsgCobroTA, [data-theme="dark"] .appt-banner-faltan, [data-theme="dark"] .dash-banner--referida { border-color: #5c4a1f !important; } [data-theme="dark"] .appt-badge-fecha, [data-theme="dark"] .fin-input-plain, [data-theme="dark"] .fin-input-monto, [data-theme="dark"] .pt-toggle-sublist, [data-theme="dark"] .dash-banner--cita-confirmada, [data-theme="dark"] .dash-banner-estado-badge--confirmada { border-color: #3a3244 !important; } [data-theme="dark"] .border-danger-lt { border-color: #5c2e36 !important; } [data-theme="dark"] .cs-204, [data-theme="dark"] .vp-wa-link { background: var(--whatsapp) !important; } [data-theme="dark"] .pt-alert-item-btn { border-color: var(--whatsapp) !important; } [data-theme="dark"] .is-protocoloCitaModal, [data-theme="dark"] .is-pedidoGrandeModal { background: rgba(20, 16, 26, 0.85) !important; } /* ── Fondos con linear-gradient(135deg, ...) sin cobertura (sintetizados a partir de los mismos stops mapeados arriba) ── */ [data-theme="dark"] .cli-rank-row--ref-top { background: linear-gradient(135deg, #2c2338, #1f1a26) !important; } [data-theme="dark"] .cli-rank-row--pts-top { background: linear-gradient(135deg, #3a2e14, #1f1a26) !important; } /* ── Fondos con linear-gradient(135deg, ...) sin cobertura (sintetizados a partir de los mismos stops mapeados arriba) ── */ [data-theme="dark"] .dash-tasas-icon, [data-theme="dark"] .inv-prod-img-placeholder, [data-theme="dark"] .inventario-summary-card--productos { background: linear-gradient(135deg, #2c2338, #362b48) !important; } [data-theme="dark"] .cs-100 { background: linear-gradient(135deg, #362b48, #362b48) !important; } [data-theme="dark"] .inventario-summary-card--stockbajo { background: linear-gradient(135deg, #3d2229, #3d2229) !important; } [data-theme="dark"] .inventario-summary-card--ok { background: linear-gradient(135deg, #1c2e28, #1c2e28) !important; } /* ── Fondos con linear-gradient(135deg, ...) sin cobertura (sintetizados a partir de los mismos stops mapeados arriba) ── */ [data-theme="dark"] .tl-acc-summary, [data-theme="dark"] .tl-acc2-summary { background: linear-gradient(135deg, #241f2c, #2c2338) !important; } [data-theme="dark"] .cs-298 { background: linear-gradient(135deg, #2c2338, #2c2338) !important; } /* ── Segunda pasada: clases que ya aparecian arriba por su border-color pero a las que les faltaba especificamente el background (el script de gradientes las salteo por "ya mencionada", sin ver que fondo seguia sin cubrir). Confirmadas una por una contra el CSS actual. ── */ [data-theme="dark"] .appt-detalle-wrap { background: linear-gradient(135deg, #241f2c, #2c2338) !important; } [data-theme="dark"] .appt-banner-faltan { background: linear-gradient(135deg, #3a2e14, #3a2e14) !important; } [data-theme="dark"] .appt-badge-fecha { background: linear-gradient(135deg, #2c2338, #362b48) !important; } [data-theme="dark"] .cli-ref-stat-box--referidos, [data-theme="dark"] .cli-modal-header--ref, [data-theme="dark"] .dash-tasa-box--comp { background: linear-gradient(135deg, #2c2338, #241f2c) !important; } [data-theme="dark"] .dash-banner--cita-confirmada { background: linear-gradient(135deg, #2c2338, #2c2338) !important; } [data-theme="dark"] .dash-btn-ver-citas-mes { background: linear-gradient(135deg, #241f2c, #2c2338) !important; } [data-theme="dark"] .puntos-box, [data-theme="dark"] .cli-ref-stat-box--puntos, [data-theme="dark"] .cli-modal-header--pts, [data-theme="dark"] .dash-banner--referida, [data-theme="dark"] .dash-banner--cita-pendiente { background: linear-gradient(135deg, #3a2e14, #2a2216) !important; } [data-theme="dark"] .dash-tasa-box--cancel { background: linear-gradient(135deg, #2c1f23, #2c1f23) !important; } [data-theme="dark"] .is-arrivedAbonoInfo { background: linear-gradient(135deg, #1c2e28, #1e2620) !important; } [data-theme="dark"] .dash-banner--retoque { background: linear-gradient(135deg, #1c2e28, #1c2e28) !important; } [data-theme="dark"] .cs-46 { background: linear-gradient(90deg, transparent, #362b48) !important; } [data-theme="dark"] .cs-48 { background: linear-gradient(90deg, #362b48, transparent) !important; } [data-theme="dark"] .cs-55 { background: linear-gradient(90deg, transparent, #362b48) !important; } [data-theme="dark"] .cs-57 { background: linear-gradient(90deg, #362b48, transparent) !important; } [data-theme="dark"] .vp-pg-divider, [data-theme="dark"] .vp-pg-divider-mid { background: linear-gradient(90deg, transparent, #362b48, transparent) !important; } /* ── Bordes pastel que quedaron sin cubrir: la clase ya tenia su fondo oscurecido en algun pase anterior, pero el border-color claro original (ej. #ede0f0, #ffe0b2, #ffcdd2, #c8e6c9) seguia aplicandose, dejando un aro claro visible alrededor de inputs/tarjetas/badges en modo oscuro ── */ [data-theme="dark"] .is-bloqueMotivInput, [data-theme="dark"] .cs-64, [data-theme="dark"] .cs-68, [data-theme="dark"] .is-fieldCategoriaTrigger, [data-theme="dark"] .is-fieldCategoriaDropdown, [data-theme="dark"] .is-adminCitaSearch, [data-theme="dark"] .is-timelineClientaSelect, [data-theme="dark"] .is-rdBtn_manicurista, [data-theme="dark"] .is-proto-body-general, [data-theme="dark"] .cs-133, [data-theme="dark"] .is-newRetoqueMensaje, [data-theme="dark"] .cs-144, [data-theme="dark"] .is-inventarioSearch, [data-theme="dark"] .cs-173, [data-theme="dark"] .cs-178, [data-theme="dark"] .is-nuevaPromoVariante, [data-theme="dark"] .cs-189, [data-theme="dark"] .cs-220, [data-theme="dark"] .is-ventaProductoSelect, [data-theme="dark"] .is-ventaVarianteSelect, [data-theme="dark"] .cs-246, [data-theme="dark"] .cs-249, [data-theme="dark"] .cs-251, [data-theme="dark"] .fin-btn-categorias, [data-theme="dark"] .fin-select, [data-theme="dark"] .fin-input, [data-theme="dark"] .cli-ref-row, [data-theme="dark"] .pt-sub-card, [data-theme="dark"] .dh-details, [data-theme="dark"] .dah-details, [data-theme="dark"] .fin-catlist-row { border-color: #3a3244 !important; } [data-theme="dark"] .is-cancelConAbonoMsg, [data-theme="dark"] .cs-119, [data-theme="dark"] .field-warning, [data-theme="dark"] .is-surchargeMsg, [data-theme="dark"] .card-warning-bg { border-color: #5c4a1f !important; } [data-theme="dark"] .cs-123, [data-theme="dark"] .field-danger, [data-theme="dark"] .cs-128, [data-theme="dark"] .field-danger-tint, [data-theme="dark"] .cs-135 { border-color: #5c2e36 !important; } [data-theme="dark"] .is-rdBtn_spa, [data-theme="dark"] .cs-145, [data-theme="dark"] .tl-icon--confirmada, [data-theme="dark"] .tl-icon--completada { border-color: #294a42 !important; } [data-theme="dark"] .tl-ev--cliente, [data-theme="dark"] .tl-ev2--cliente { border-color: #1c3a4a !important; }