/* Atenea brand - linea grafica original de ateneax.com (azul Frest #5A8DEE / #1F458E) */ /* ===== Mello Inversiones — bloqueo de línea gráfica (verde) ===== Garantiza que NO aparezca azul ni verde muy oscuro en ninguna pantalla. Verde de marca: #5A8DEE (hover #1F458E). Cargar SIEMPRE de último. */ :root{ --mello:#5A8DEE; --mello-h:#1F458E; --mello-soft:#DEEAFD; --mello-text:#1F458E; --bs-primary:#5A8DEE !important; --bs-primary-rgb:22,163,74 !important; --bs-link-color:#5A8DEE !important; --bs-link-hover-color:#1F458E !important; --primary:#5A8DEE !important; } /* Botones primarios/info -> verde */ .btn-primary,.btn-info,.btn.btn-primary,.btn.btn-info{ background-color:#5A8DEE !important;border-color:#5A8DEE !important;color:#fff !important; } .btn-primary:hover,.btn-info:hover,.btn-primary:focus,.btn-info:focus, .btn-primary:active,.btn-info:active{ background-color:#1F458E !important;border-color:#1F458E !important;color:#fff !important; } .btn-outline-primary{color:#5A8DEE !important;border-color:#5A8DEE !important;background:transparent !important;} .btn-outline-primary:hover{background-color:#5A8DEE !important;color:#fff !important;} /* Botón "Acciones" (btn-default) -> verde sólido de marca */ .dropdown-toggle.btn-default,.btn-default.dropdown-toggle, table .btn-default,.table .btn-default{ background-color:#5A8DEE !important;border-color:#5A8DEE !important;color:#fff !important; } .dropdown-toggle.btn-default:hover,.btn-default.dropdown-toggle:hover{ background-color:#1F458E !important;border-color:#1F458E !important;color:#fff !important; } /* Texto / fondos primary */ .text-primary,a.text-primary{color:#5A8DEE !important;} .bg-primary{background-color:#5A8DEE !important;} .border-primary{border-color:#5A8DEE !important;} .badge-primary,.badge.bg-primary{background-color:#5A8DEE !important;color:#fff !important;} /* Links azules por defecto */ a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link){color:#5A8DEE;} a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link):hover{color:#1F458E;} /* Encabezados de tabla -> texto gris/verde, nunca azul */ table thead th,.table thead th,thead th{color:#1F458E !important;} /* Paginación / nav-pills activos */ .page-item.active .page-link,.page-link.active{background-color:#5A8DEE !important;border-color:#5A8DEE !important;color:#fff !important;} .page-link{color:#5A8DEE !important;} .nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#5A8DEE !important;color:#fff !important;} /* Utilidades azules de Tailwind/Bootstrap -> verde marca */ .text-blue-500,.text-blue-600,.text-blue-700,.text-indigo-600{color:#5A8DEE !important;} .bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-indigo-600{background-color:#5A8DEE !important;} .border-blue-500,.border-blue-600{border-color:#5A8DEE !important;} .hover\:bg-blue-700:hover,.hover\:bg-blue-600:hover{background-color:#1F458E !important;} .ring-blue-500{--tw-ring-color:#5A8DEE !important;} /* Switches/checks de Bootstrap (eran azul #0d6efd) */ .form-check-input:checked{background-color:#5A8DEE !important;border-color:#5A8DEE !important;} .form-range::-webkit-slider-thumb{background-color:#5A8DEE !important;} .form-range::-moz-range-thumb{background-color:#5A8DEE !important;} /* Foco verde, no azul */ .form-control:focus,.form-select:focus{border-color:#5A8DEE !important;box-shadow:0 0 0 .2rem rgba(26, 77, 159,.25) !important;} /* Nada de verde muy oscuro de temas */ .bg-success.bg-dark,.bg-dark-green{background-color:#5A8DEE !important;} /* ============================================================================ MODO OSCURO · Melloinversiones — mantiene el verde de marca (#5A8DEE) Se activa con (toggle en el sidebar). Cargado de ultimo. ========================================================================== */ html.dark{ color-scheme:dark; } html.dark, html.dark body{ background:#111827 !important; color:#e5e7eb !important; } /* superficies grandes del template */ html.dark .content-wrapper, html.dark .app-content, html.dark .main-panel, html.dark main, html.dark #app, html.dark .content-body, html.dark .content, html.dark .wrapper{ background:#111827 !important; } html.dark hr{ border-color:#334155 !important; } /* ---- Sidebar ---- */ html.dark #menu-sidebar{ background:#111827 !important; border-color:#1f2937 !important; box-shadow:2px 0 14px rgba(0,0,0,.45) !important; } html.dark #menu-sidebar [style*="border-bottom:1px solid #f1f5f9"]{ border-color:#1f2937 !important; } html.dark #menu-sidebar .text-gray-900, html.dark #menu-sidebar .text-gray-800, html.dark #menu-sidebar .text-gray-700, html.dark #menu-sidebar .text-gray-600, html.dark #menu-sidebar .text-gray-500{ color:#cbd5e1 !important; } html.dark #menu-sidebar .bg-gray-50{ background:#1f2937 !important; } html.dark #menu-sidebar a:hover, html.dark #menu-sidebar .hover\:bg-gray-100:hover, html.dark #menu-sidebar .hover\:bg-green-50:hover{ background:#1f2937 !important; } html.dark #menu-sidebar::-webkit-scrollbar-thumb{ background:#374151 !important; } /* ---- Topmenu / navbar ---- */ html.dark .header-navbar, html.dark .navbar, html.dark #topmenu, html.dark .topmenu, html.dark .top-menu, html.dark header{ background:#111827 !important; color:#e5e7eb !important; border-color:#1f2937 !important; } /* ---- Tarjetas / modales / dropdowns ---- */ html.dark .card, html.dark .modal-content, html.dark .dropdown-menu, html.dark .list-group-item, html.dark .popover, html.dark .toast, html.dark .offcanvas{ background:#1e293b !important; color:#e5e7eb !important; border-color:#334155 !important; } html.dark .card-header, html.dark .card-footer, html.dark .modal-header, html.dark .modal-footer{ background:#1e293b !important; border-color:#334155 !important; color:#e5e7eb !important; } html.dark .dropdown-item{ color:#e5e7eb !important; } html.dark .dropdown-item:hover, html.dark .dropdown-item:focus{ background:#334155 !important; color:#fff !important; } html.dark .modal-backdrop.show{ opacity:.7; } /* ---- Tablas ---- */ html.dark table, html.dark .table{ color:#e5e7eb !important; } html.dark table td, html.dark table th, html.dark .table td, html.dark .table th{ border-color:#334155 !important; } html.dark .table>:not(caption)>*>*{ background:transparent !important; box-shadow:none !important; } html.dark .table-striped>tbody>tr:nth-of-type(odd)>*{ background:rgba(255,255,255,.03) !important; } html.dark tbody tr:hover>td{ background:rgba(255,255,255,.045) !important; } html.dark thead th, html.dark .table thead th, html.dark table thead th{ color:#93B8F6 !important; } /* ---- Inputs ---- */ html.dark .form-control, html.dark .form-select, html.dark input:not([type=checkbox]):not([type=radio]), html.dark select, html.dark textarea{ background:#0f172a !important; color:#e5e7eb !important; border-color:#334155 !important; } html.dark .form-control::placeholder, html.dark input::placeholder, html.dark textarea::placeholder{ color:#64748b !important; } html.dark .input-group-text{ background:#1e293b !important; color:#cbd5e1 !important; border-color:#334155 !important; } html.dark .form-check-input{ background-color:#0f172a; border-color:#475569; } html.dark label{ color:#cbd5e1 !important; } /* select2 */ html.dark .select2-container--default .select2-selection--single, html.dark .select2-container--default .select2-selection--multiple, html.dark .select2-dropdown, html.dark .select2-search__field{ background:#0f172a !important; color:#e5e7eb !important; border-color:#334155 !important; } html.dark .select2-results__option{ color:#e5e7eb; } html.dark .select2-container--default .select2-results__option--highlighted[aria-selected]{ background:#5A8DEE !important; } html.dark .select2-selection__rendered{ color:#e5e7eb !important; } /* ---- Utilidades Tailwind claras -> oscuras ---- */ html.dark .bg-white{ background:#1e293b !important; } /* AUTODARK bg-*-50 (tarjetas verdes/claras del expediente y demas) */ html.dark .bg-green-50, html.dark .bg-emerald-50, html.dark .bg-teal-50, html.dark .bg-lime-50, html.dark .bg-gray-50, html.dark .bg-slate-50, html.dark .bg-zinc-50, html.dark .bg-neutral-50, html.dark .bg-stone-50, html.dark .bg-blue-50, html.dark .bg-sky-50, html.dark .bg-cyan-50, html.dark .bg-indigo-50, html.dark .bg-violet-50, html.dark .bg-purple-50, html.dark .bg-fuchsia-50, html.dark .bg-pink-50, html.dark .bg-rose-50, html.dark .bg-red-50, html.dark .bg-orange-50, html.dark .bg-amber-50, html.dark .bg-yellow-50, html.dark [class*="bg-green-50"]{ background:#1e293b !important; } html.dark .bg-gray-50, html.dark .bg-gray-100, html.dark .bg-slate-50, html.dark .bg-slate-100{ background:#1e293b !important; } html.dark .bg-gray-200, html.dark .bg-slate-200{ background:#273449 !important; } html.dark .text-black, html.dark .text-gray-900, html.dark .text-gray-800, html.dark .text-slate-900, html.dark .text-slate-800{ color:#e5e7eb !important; } html.dark .text-gray-700, html.dark .text-gray-600, html.dark .text-slate-700, html.dark .text-slate-600{ color:#cbd5e1 !important; } html.dark .text-gray-500, html.dark .text-gray-400, html.dark .text-slate-500, html.dark .text-slate-400{ color:#94a3b8 !important; } html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300, html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-white{ border-color:#334155 !important; } html.dark .shadow, html.dark .shadow-sm, html.dark .shadow-md, html.dark .shadow-lg, html.dark .shadow-xl{ box-shadow:0 2px 8px rgba(0,0,0,.45) !important; } /* ---- Verde de marca: mas brillante en oscuro (textos/links/iconos) ---- */ html.dark a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link){ color:#93B8F6; } html.dark a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link):hover{ color:#AFC9F8; } html.dark .text-green-500, html.dark .text-green-600, html.dark .text-green-700, html.dark h1.text-green-600{ color:#93B8F6 !important; } html.dark .text-primary{ color:#93B8F6 !important; } /* botones verdes: se mantienen (buen contraste ya) */ /* ---- Mis componentes: ac- / fa- / mtel- ---- */ html.dark .ac-card, html.dark .fa-card{ background:#1e293b !important; border-color:#334155 !important; color:#e5e7eb !important; } html.dark .ac-card-h, html.dark .fa-section-title{ color:#e5e7eb !important; } html.dark .ac-input, html.dark .ac-sel, html.dark .fa-input{ background:#0f172a !important; color:#e5e7eb !important; border-color:#334155 !important; } html.dark .ac-tbl th, html.dark .ac-tbl td{ border-color:#334155 !important; color:#e5e7eb !important; } html.dark .ac-tbl thead th{ color:#93B8F6 !important; } html.dark .ac-badge{ background:#273449 !important; color:#cbd5e1 !important; } html.dark .ac-kpi{ background:#1e293b !important; border-color:#334155 !important; } html.dark .ac-pill{ background:#0f172a !important; border-color:#334155 !important; color:#cbd5e1 !important; } html.dark .ac-pill.on{ background:rgba(26, 77, 159,.20) !important; border-color:#5A8DEE !important; color:#AFC9F8 !important; } html.dark .mtel-card, html.dark .mtel-row, html.dark .mtel-chip{ background:#1e293b !important; border-color:#334155 !important; color:#e5e7eb !important; } /* ---- CATCH-ALL de estilos EN LINEA (el proyecto usa mucho inline) ---- */ /* fondos blancos/claros -> superficie oscura */ html.dark [style*="background:#fff"], html.dark [style*="background: #fff"], html.dark [style*="background:#ffffff"], html.dark [style*="background: #ffffff"], html.dark [style*="background:white"], html.dark [style*="background-color:#fff"], html.dark [style*="background-color: #fff"], html.dark [style*="background-color:#ffffff"], html.dark [style*="background-color:white"]{ background-color:#1e293b !important; } html.dark [style*="background:#f8fafc"], html.dark [style*="background:#f1f5f9"], html.dark [style*="background:#FAFBFD"], html.dark [style*="background:#f9fafb"], html.dark [style*="background:#fffdf7"], html.dark [style*="background:#f8f9fa"], html.dark [style*="background:#eef0f4"], html.dark [style*="background:#fafafa"], html.dark [style*="background:#f4f4f5"]{ background-color:#273449 !important; } /* fondos "soft" de colores -> se atenuan pero conservan matiz */ html.dark [style*="background:#EFF5FE"], html.dark [style*="background:#EFF5FE"], html.dark [style*="background:#DEEAFD"]{ background-color:rgba(26, 77, 159,.14) !important; } html.dark [style*="background:#faf5ff"], html.dark [style*="background:#ede9fe"], html.dark [style*="background:#f5f3ff"]{ background-color:rgba(124,58,237,.16) !important; } html.dark [style*="background:#fff7ed"], html.dark [style*="background:#fffbeb"], html.dark [style*="background:#fef3c7"]{ background-color:rgba(180,83,9,.16) !important; } html.dark [style*="background:#fef2f2"], html.dark [style*="background:#fee2e2"]{ background-color:rgba(220,38,38,.16) !important; } html.dark [style*="background:#eff6ff"], html.dark [style*="background:#dbeafe"]{ background-color:rgba(37,99,235,.16) !important; } /* textos oscuros en linea -> claros */ html.dark [style*="color:#0f172a"], html.dark [style*="color:#111827"], html.dark [style*="color:#111"], html.dark [style*="color:#1e293b"], html.dark [style*="color:#1F458E"], html.dark [style*="color:#333"], html.dark [style*="color:#000"], html.dark [style*="color:#374151"], html.dark [style*="color:#1f2937"]{ color:#e5e7eb !important; } html.dark [style*="color:#334155"], html.dark [style*="color:#475569"], html.dark [style*="color:#64748b"], html.dark [style*="color:#6b7280"]{ color:#cbd5e1 !important; } /* bordes claros en linea -> oscuros */ html.dark [style*="solid #eef0f4"], html.dark [style*="solid #e2e8f0"], html.dark [style*="solid #e5e7eb"], html.dark [style*="solid #f1f5f9"], html.dark [style*="solid #eee"], html.dark [style*="solid #ddd"], html.dark [style*="solid #e"], html.dark [style*="border-color:#e2e8f0"]{ border-color:#334155 !important; } /* ===== NADA BLANCO: footer, bg arbitrarios claros, y superficies detectadas por JS ===== */ html.dark .footer, html.dark footer{ background:#0b1220 !important; border-top:1px solid #1f2937 !important; } html.dark .footer span{ color:#94a3b8 !important; } html.dark .footer a{ color:#93B8F6 !important; } html.dark .bg-\[\#f8f9fa\],html.dark .bg-\[\#F8F9FA\],html.dark .bg-\[\#f7f7fa\],html.dark .bg-\[\#F7F7FA\],html.dark .bg-\[\#fafafa\],html.dark .bg-\[\#FAFAFA\],html.dark .bg-\[\#fff\],html.dark .bg-\[\#ffffff\],html.dark .bg-\[\#FFFFFF\],html.dark .bg-\[\#f9fafb\],html.dark .bg-\[\#F9FAFB\],html.dark .bg-\[\#eef2f7\],html.dark .bg-\[\#f1f5f9\]{ background:#1e293b !important; } html.dark .atenea-dsurf{ background-color:#1e293b !important; background-image:none !important; color:#e5e7eb; } /* GREEN-DARK-BRIGHTEN: verdes oscuros mas visibles en dark */ html.dark [style*="color:#1F458E"],html.dark [style*="color:#16336B"],html.dark [style*="color:#5A8DEE"],html.dark [style*="color:#1F458E"],html.dark [style*="color:#1F458E"]{ color:#93B8F6 !important; } /* PASTEL-CIAN: badges/avatars claros cian/teal -> oscuro instantaneo */ html.dark [style*="background:#EFF5FE"],html.dark [style*="background: #EFF5FE"],html.dark [style*="background:#EFF5FE"],html.dark [style*="background:#DEEAFD"],html.dark [style*="background:#DEEAFD"],html.dark [style*="background:#e0f2fe"],html.dark [style*="background:#f0f9ff"],html.dark [style*="background:#E1ECFE"]{ background-color:#273449 !important;background-image:none !important; } /* BORDES-CLAROS inline (border-bottom/top/left/right) -> oscuro */ html.dark [style*="solid #f1f3f7"],html.dark [style*="solid #f1f5f9"],html.dark [style*="solid #e5e7eb"],html.dark [style*="solid #eef0f4"],html.dark [style*="solid #e2e8f0"],html.dark [style*="solid #eee"],html.dark [style*="solid #ddd"],html.dark [style*="solid #f0f0f0"],html.dark [style*="solid #ececec"],html.dark [style*="solid #d1d5db"],html.dark [style*="solid #e4e4e7"],html.dark [style*="solid #cbd5e1"],html.dark [style*="solid #f3f4f6"],html.dark [style*="solid #edf2f7"],html.dark [style*="solid #e9ecef"],html.dark [style*="solid #dee2e6"]{ border-color:#1f2937 !important; } /* sombra del sidebar mas sutil (que no parezca sobresalir) */ html.dark #menu-sidebar{ box-shadow:2px 0 10px rgba(0,0,0,.22) !important; } /* LOGO-BORDER-FIX: la linea bajo el logo no encaja en dark -> transparente */ html.dark #menu-sidebar [style*="border-bottom:1px solid #f1f5f9"]{ border-bottom-color:transparent !important; } /* TOPMENU-MATCH: el topmenu al mismo color que el sidebar (a la par con el menu) */ html.dark nav.fixed,html.dark nav.hide-on-print{ background:#111827 !important; box-shadow:none !important; border-bottom:1px solid #1f2937 !important; } /* UNIFY-BG: main y contenedor al tono del menu (sin escalon topmenu/contenido) */ html.dark main, html.dark main > .w-full{ background:#111827 !important; } /* GRAD-GESTION: gradiente claro de las tarjetas de representante -> oscuro instantaneo (sin depender del JS) */ html.dark [style*="linear-gradient(0deg,#fff,#EFF5FE)"],html.dark [style*="linear-gradient(0deg, #fff, #EFF5FE)"],html.dark [style*="linear-gradient(180deg,#fff"],html.dark [style*="linear-gradient(0deg,#ffffff"]{ background:#1e293b !important; background-image:none !important; } /* ===== AUTODARK BORDES v13 — quitar TODO borde/scrollbar claro en oscuro (todas las pantallas) ===== */ /* Scrollbars oscuros (la "barra blanca" en paneles con scroll) */ html.dark ::-webkit-scrollbar{ width:10px; height:10px; } html.dark ::-webkit-scrollbar-track{ background:#0f172a !important; border-radius:8px; } html.dark ::-webkit-scrollbar-thumb{ background:#374151 !important; border-radius:8px; } html.dark ::-webkit-scrollbar-thumb:hover{ background:#4b5563 !important; } html.dark ::-webkit-scrollbar-corner{ background:#0f172a !important; } html.dark *{ scrollbar-color:#374151 #0f172a; } /* Bordes claros por CLASE (Tailwind default = gris claro; y todas las variantes claras) */ html.dark .border, html.dark .border-t, html.dark .border-b, html.dark .border-l, html.dark .border-r, html.dark .border-x, html.dark .border-y, html.dark .border-2, html.dark .border-4, html.dark .border-8, html.dark .border-white, html.dark .border-gray-50, html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300, html.dark .border-slate-50, html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-slate-300, html.dark .border-zinc-50, html.dark .border-zinc-100, html.dark .border-zinc-200, html.dark .border-zinc-300, html.dark .border-neutral-50, html.dark .border-neutral-100, html.dark .border-neutral-200, html.dark .border-neutral-300, html.dark .border-stone-50, html.dark .border-stone-100, html.dark .border-stone-200, html.dark .border-stone-300, html.dark .border-green-50, html.dark .border-green-100, html.dark .border-green-200, html.dark .border-emerald-50, html.dark .border-emerald-100, html.dark .border-blue-50, html.dark .border-blue-100, html.dark .border-light, html.dark .table-bordered, html.dark .table-bordered td, html.dark .table-bordered th { border-color:#334155 !important; } /* Bordes claros EN LINEA (style="border:1px solid #fff/#eee/...") */ html.dark [style*="solid #fff"], html.dark [style*="solid #ffffff"], html.dark [style*="solid white"], html.dark [style*="solid #eee"], html.dark [style*="solid #e5e7eb"], html.dark [style*="solid #f1f5f9"], html.dark [style*="solid #f8f9fa"], html.dark [style*="solid #dee2e6"], html.dark [style*="solid #e9ecef"], html.dark [style*="solid #f0f0f0"], html.dark [style*="solid #e2e8f0"], html.dark [style*="solid #DEEAFD"], html.dark [style*="solid #f5f5f5"], html.dark [style*="solid #fafafa"] { border-color:#334155 !important; } /* Re-asegurar bordes de MARCA que si deben verse (verde y acentos) */ html.dark .border-green-400, html.dark .border-green-500, html.dark .border-green-600, html.dark .border-green-700{ border-color:#5A8DEE !important; } html.dark .border-emerald-500, html.dark .border-emerald-600{ border-color:#6D9CF0 !important; } html.dark .border-orange-400, html.dark .border-orange-500{ border-color:#f97316 !important; } html.dark .border-red-500, html.dark .border-red-600, html.dark .border-danger{ border-color:#dc2626 !important; } html.dark .border-amber-400, html.dark .border-amber-500, html.dark .border-yellow-400{ border-color:#f59e0b !important; } /* ===== AUTODARK INLINE v14 — cubrir TODO estilo claro EN LINEA (fondos y textos) en modo oscuro ===== */ /* Superficies blancas/casi blancas inline -> superficie oscura */ html.dark [style*="background:#fff"], html.dark [style*="background: #fff"], html.dark [style*="background:#ffffff"], html.dark [style*="background:white"], html.dark [style*="background: white"], html.dark [style*="background:#f8fafc"], html.dark [style*="background:#f9fafb"], html.dark [style*="background:#fafafa"], html.dark [style*="background:#F7FAFE"], html.dark [style*="background:#EFF5FE"], html.dark [style*="background:#EFF5FE"], html.dark [style*="background:#f8f9fa"], html.dark [style*="background:#f5f5f5"] { background:#1e293b !important; } /* Pills/badges tintados inline -> version oscura con SU texto legible (van despues para ganar al generico) */ html.dark [style*="background:#f1f5f9"]{ background:#273449 !important; color:#cbd5e1 !important; } html.dark [style*="background:#e2e8f0"]{ background:#273449 !important; color:#cbd5e1 !important; } html.dark [style*="background:#EFF5FE"]{ background:rgba(26, 77, 159,.16) !important; color:#93B8F6 !important; } html.dark [style*="background:#DEEAFD"]{ background:rgba(26, 77, 159,.20) !important; color:#93B8F6 !important; } html.dark [style*="background:#EFF5FE"]{ background:rgba(16, 66, 145,.18) !important; color:#AFC9F8 !important; } html.dark [style*="background:#fef2f2"]{ background:rgba(220,38,38,.16) !important; color:#fca5a5 !important; } html.dark [style*="background:#fee2e2"]{ background:rgba(220,38,38,.20) !important; color:#fca5a5 !important; } html.dark [style*="background:#fffbeb"]{ background:rgba(245,158,11,.14) !important; color:#fbbf24 !important; } html.dark [style*="background:#fef3c7"]{ background:rgba(245,158,11,.18) !important; color:#fbbf24 !important; } html.dark [style*="background:#fff7ed"]{ background:rgba(249,115,22,.14) !important; color:#fb923c !important; } /* Textos oscuros inline -> claros (lo que se "pierde" al poner oscuro) */ html.dark [style*="color:#111827"], html.dark [style*="color:#0f172a"], html.dark [style*="color:#000"]{ color:#f1f5f9 !important; } html.dark [style*="color:#1f2937"], html.dark [style*="color:#334155"], html.dark [style*="color:#374151"]{ color:#e2e8f0 !important; } html.dark [style*="color:#475569"], html.dark [style*="color:#64748b"], html.dark [style*="color:#6b7280"], html.dark [style*="color:#52525b"]{ color:#cbd5e1 !important; } /* Acentos oscuros inline -> variante brillante */ html.dark [style*="color:#1F458E"], html.dark [style*="color:#16336B"], html.dark [style*="color:#5A8DEE"]{ color:#93B8F6 !important; } html.dark [style*="color:#1F458E"], html.dark [style*="color:#5A8DEE"]{ color:#AFC9F8 !important; } html.dark [style*="color:#b91c1c"], html.dark [style*="color:#dc2626"], html.dark [style*="color:#991b1b"]{ color:#fca5a5 !important; } html.dark [style*="color:#b45309"], html.dark [style*="color:#92400e"], html.dark [style*="color:#a16207"]{ color:#fbbf24 !important; } html.dark [style*="color:#9333ea"], html.dark [style*="color:#7c3aed"]{ color:#d8b4fe !important; } /* Bordes claros inline que faltaban */ html.dark [style*="solid #eef0f4"], html.dark [style*="solid #f1f3f7"], html.dark [style*="solid #f9fafb"], html.dark [style*="solid #DEEAFD"], html.dark [style*="solid #fee2e2"], html.dark [style*="solid #fef3c7"] { border-color:#334155 !important; } /* Clases tintadas Tailwind que quedaban claras */ html.dark .bg-orange-50{ background:rgba(249,115,22,.15) !important; } html.dark .bg-orange-100{ background:rgba(249,115,22,.20) !important; } html.dark .bg-green-50{ background:rgba(26, 77, 159,.15) !important; } html.dark .bg-green-100{ background:rgba(26, 77, 159,.20) !important; } html.dark .bg-red-50{ background:rgba(220,38,38,.15) !important; } html.dark .bg-blue-50{ background:rgba(59,130,246,.15) !important; } html.dark .bg-amber-50, html.dark .bg-yellow-50{ background:rgba(245,158,11,.15) !important; } /* ===== AUTODARK MORADOS v16 — fondos lavanda -> superficie NEUTRA oscura; solo el texto lleva lila suave ===== */ html.dark [style*="background:#f5f3ff"], html.dark [style*="background:#ede9fe"], html.dark [style*="background:#e9d5ff"], html.dark [style*="background:#ddd6fe"], html.dark [style*="background:#faf5ff"] { background:#273449 !important; } html.dark [style*="color:#5b21b6"], html.dark [style*="color:#6d28d9"], html.dark [style*="color:#4c1d95"], html.dark [style*="color:#6b21a8"], html.dark [style*="color:#581c87"], html.dark [style*="color:#7c3aed"] { color:#c4b5fd !important; } html.dark [style*="solid #ede9fe"], html.dark [style*="solid #ddd6fe"], html.dark [style*="solid #e9d5ff"] { border-color:#334155 !important; } html.dark .bg-purple-50, html.dark .bg-violet-50{ background:#273449 !important; } html.dark .text-purple-600, html.dark .text-purple-700, html.dark .text-violet-600{ color:#c4b5fd !important; } /* ===== AUTODARK MENU v17 — texto del menu lateral + variantes inline con ESPACIO (color: #..) ===== */ /* Menu lateral: items inactivos usan style="color: #374151" (gris oscuro) -> invisible en dark. Blancos. */ html.dark #menu-sidebar a[style*="#374151"], html.dark #menu-sidebar a[style*="#374151"] span, html.dark #menu-sidebar a[style*="#374151"] .menu-ico, html.dark #menu-sidebar a[style*="#374151"] svg { color:#e5e7eb !important; } /* Variante con espacio de los grises/negros inline (Blade emite "color: #.." con espacio) */ html.dark [style*="color: #111827"], html.dark [style*="color: #0f172a"], html.dark [style*="color: #000000"], html.dark [style*="color: #000;"], html.dark [style*="color: black"]{ color:#f1f5f9 !important; } html.dark [style*="color: #1f2937"], html.dark [style*="color: #334155"], html.dark [style*="color: #374151"], html.dark [style*="color: #111"]{ color:#e2e8f0 !important; } html.dark [style*="color: #475569"], html.dark [style*="color: #64748b"], html.dark [style*="color: #6b7280"], html.dark [style*="color: #52525b"]{ color:#cbd5e1 !important; } html.dark [style*="color: #1F458E"], html.dark [style*="color: #16336B"], html.dark [style*="color: #5A8DEE"]{ color:#93B8F6 !important; } html.dark [style*="color: #b91c1c"], html.dark [style*="color: #dc2626"]{ color:#fca5a5 !important; } html.dark [style*="color: #b45309"], html.dark [style*="color: #92400e"]{ color:#fbbf24 !important; } /* ===== AUTODARK TABLA-TD v18 — texto de celdas Bootstrap en oscuro (BS usa --bs-table-color en las celdas; el .table color no basta) ===== */ html.dark .table{ --bs-table-color:#e5e7eb !important; --bs-table-striped-color:#e5e7eb !important; --bs-table-hover-color:#e5e7eb !important; --bs-table-active-color:#e5e7eb !important; } html.dark .table td, html.dark .table tbody th, html.dark .table>tbody>tr>td, html.dark .table>tbody>tr>th{ color:#e5e7eb !important; } html.dark .table tfoot td, html.dark .table tfoot th{ color:#f1f5f9 !important; } /* enlaces dentro de las celdas siguen en verde de marca */ html.dark .table td a:not(.btn){ color:#93B8F6 !important; } /* ===== MODAL v19 — backdrop oscuro (no se vea el fondo) + boton cerrar legible ===== */ #modal-main:not(.hidden){ background:rgba(15,23,42,.55); } html.dark #modal-main .bg-white{ background:#1e293b !important; } html.dark [data-modal-hide="modal-main"]{ background:#334155 !important; color:#e5e7eb !important; border:0 !important; } html.dark [data-modal-hide="modal-main"]:hover{ background:#475569 !important; color:#ffffff !important; } html.dark [data-modal-hide="modal-main"] svg{ color:#e5e7eb !important; fill:currentColor !important; } /* ===== SELECT OPTIONS v20 — opciones de los desplegables visibles en oscuro (el