/* ================================================================ KILTEX SISTEMA — THEME ENGINE v1.0 Temas disponibles: neo (default) | glass Se aplica via atributo data-theme en Almacenado en: localStorage → kiltex_theme ================================================================ */ /* ---------------------------------------------------------------- IMPORTAR FUENTE INTER (fallback a system-ui si ya cargó) ---------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); /* ================================================================ TEMA 1 — NEO-MINIMALISM + BENTO UI (DEFAULT) ================================================================ */ :root, html[data-theme="neo"] { --kb-font: 'Inter', 'Poppins', system-ui, sans-serif; --kb-bg: #f8fafc; --kb-sidebar-bg: #0f172a; --kb-sidebar-link: #94a3b8; --kb-sidebar-hover-bg: #1e293b; --kb-sidebar-hover: #ffffff; --kb-sidebar-active-bg: #3b82f6; --kb-sidebar-active: #ffffff; --kb-logo-color: #3b82f6; --kb-card-bg: #ffffff; --kb-card-border: #e5e7eb; --kb-card-shadow: 0 8px 25px rgba(0,0,0,0.06); --kb-card-radius: 16px; --kb-text: #1e293b; --kb-text-muted: #64748b; --kb-accent: #3b82f6; --kb-accent-2: #22c55e; --kb-accent-3: #f59e0b; --kb-input-bg: #ffffff; --kb-input-border: #e5e7eb; --kb-input-text: #1e293b; --kb-table-head-bg: #f1f5f9; --kb-table-head-text: #64748b; --kb-table-row-hover: rgba(59,130,246,0.04); --kb-table-border: #e5e7eb; } /* -- Cuerpo y fondo -------------------------------------------- */ html[data-theme="neo"] body { background: #f8fafc !important; background-image: none !important; font-family: var(--kb-font) !important; color: #1e293b; } html[data-theme="neo"] body::before { display: none !important; } /* -- Sidebar ---------------------------------------------------- */ html[data-theme="neo"] .sidebar { background: #0f172a !important; border-right: 1px solid #1e293b; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-theme="neo"] .sidebar .logo, html[data-theme="neo"] .sidebar .logo h5, html[data-theme="neo"] .sidebar h5 { color: #3b82f6 !important; } html[data-theme="neo"] .sidebar a { color: #94a3b8 !important; border-radius: 8px; } html[data-theme="neo"] .sidebar a:hover { background: #1e293b !important; color: #ffffff !important; } html[data-theme="neo"] .sidebar a.active { background: #3b82f6 !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(59,130,246,0.35); } /* -- Contenido -------------------------------------------------- */ html[data-theme="neo"] .content { background: transparent; } html[data-theme="neo"] h1, html[data-theme="neo"] h2, html[data-theme="neo"] h3, html[data-theme="neo"] h4, html[data-theme="neo"] h5 { -webkit-text-fill-color: unset !important; background: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; color: #1e293b !important; font-family: var(--kb-font) !important; } html[data-theme="neo"] .text-white { color: #1e293b !important; } /* -- Cards Bootstrap ------------------------------------------- */ html[data-theme="neo"] .card { background: #ffffff !important; border: 1px solid #bfdbfe !important; border-radius: 16px !important; box-shadow: 0 22px 52px rgba(15,23,42,0.10), 0 10px 24px rgba(37,99,235,0.08), 0 0 0 1px rgba(219,234,254,0.85) inset !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-theme="neo"] .card-header { background: #f8fafc !important; border-bottom: 1px solid #dbeafe !important; color: #1e293b !important; border-radius: 15px 15px 0 0 !important; } html[data-theme="neo"] .card-body { color: #1e293b !important; } html[data-theme="neo"] .card-header.text-white, html[data-theme="neo"] .card-header.fw-bold, html[data-theme="neo"] .card-header.text-white.fw-bold { color: #1e293b !important; } /* -- Tablas ----------------------------------------------------- */ html[data-theme="neo"] table { color: #1e293b !important; } html[data-theme="neo"] .table, html[data-theme="neo"] table.table { --bs-table-bg: #ffffff; --bs-table-color: #1e293b; --bs-table-border-color: #e5e7eb; --bs-table-striped-bg: rgba(248,250,252,0.82); --bs-table-striped-color: #1e293b; --bs-table-active-bg: #dbeafe; --bs-table-active-color: #1e293b; --bs-table-hover-bg: rgba(59,130,246,0.05); --bs-table-hover-color: #1e293b; background-color: #ffffff !important; color: #1e293b !important; } html[data-theme="neo"] .table > :not(caption) > * > *, html[data-theme="neo"] table.table > :not(caption) > * > * { background-color: var(--bs-table-bg) !important; color: var(--bs-table-color) !important; box-shadow: inset 0 0 0 9999px transparent !important; } html[data-theme="neo"] .table thead th, html[data-theme="neo"] table thead th { background: #f1f5f9 !important; color: #64748b !important; border-color: #e5e7eb !important; } html[data-theme="neo"] .table tbody tr:hover, html[data-theme="neo"] table tbody tr:hover { background: rgba(59,130,246,0.04) !important; } html[data-theme="neo"] .table td, html[data-theme="neo"] .table th, html[data-theme="neo"] table td, html[data-theme="neo"] table th { border-color: #e5e7eb !important; color: #1e293b !important; } html[data-theme="neo"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(248,250,252,0.7) !important; color: #1e293b !important; } html[data-theme="neo"] .text-muted { color: #64748b !important; } html[data-theme="neo"] .text-secondary { color: #475569 !important; } html[data-theme="neo"] .table-hover > tbody > tr:hover > *, html[data-theme="neo"] .table-hover > tbody > tr:hover > td { background-color: rgba(59,130,246,0.05) !important; color: #1e293b !important; } html[data-theme="neo"] .table-dark, html[data-theme="neo"] .thead-dark, html[data-theme="neo"] table thead.table-dark { background: #f1f5f9 !important; color: #64748b !important; } html[data-theme="neo"] .table-dark > :not(caption) > * > *, html[data-theme="neo"] thead.table-dark > tr > th { background: #f1f5f9 !important; color: #64748b !important; border-color: #e5e7eb !important; } html[data-theme="neo"] .tabla-scroll, html[data-theme="neo"] .tabla-clientes, html[data-theme="neo"] .table-responsive { background: transparent !important; } /* -- Formularios ----------------------------------------------- */ html[data-theme="neo"] .form-control, html[data-theme="neo"] .form-select { background: #ffffff !important; border-color: #e5e7eb !important; color: #1e293b !important; border-radius: 10px; } html[data-theme="neo"] .form-control::placeholder { color: #94a3b8 !important; } html[data-theme="neo"] .form-control:focus, html[data-theme="neo"] .form-select:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.12) !important; background: #ffffff !important; } html[data-theme="neo"] .form-label, html[data-theme="neo"] label { color: #374151 !important; font-weight: 500; } /* -- Botones ---------------------------------------------------- */ html[data-theme="neo"] .btn, html[data-theme="neo"] button.btn, html[data-theme="neo"] a.btn { border-color: transparent !important; } html[data-theme="neo"] .btn-primary, html[data-theme="neo"] .btn-outline-primary { background: linear-gradient(135deg, #2563eb, #38bdf8) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(37,99,235,0.18) !important; } html[data-theme="neo"] .btn-success, html[data-theme="neo"] .btn-outline-success { background: linear-gradient(135deg, #10b981, #34d399) !important; color: #06281f !important; box-shadow: 0 4px 14px rgba(16,185,129,0.18) !important; } html[data-theme="neo"] .btn-danger, html[data-theme="neo"] .btn-outline-danger { background: linear-gradient(135deg, #ef4444, #f87171) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(239,68,68,0.16) !important; } html[data-theme="neo"] .btn-warning, html[data-theme="neo"] .btn-outline-warning { background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; color: #3b2a04 !important; box-shadow: 0 4px 14px rgba(245,158,11,0.18) !important; } html[data-theme="neo"] .btn-volver { background: linear-gradient(135deg, #6a3de8, #a855f7) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(99,102,241,0.22) !important; } html[data-theme="neo"] .btn-secondary, html[data-theme="neo"] .btn-outline-secondary { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(99,102,241,0.18) !important; } html[data-theme="neo"] .btn-info { background: linear-gradient(135deg, #2563eb, #38bdf8) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(37,99,235,0.18) !important; } html[data-theme="neo"] .btn-dark { background: linear-gradient(135deg, #1e293b, #334155) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(15,23,42,0.18) !important; } html[data-theme="neo"] .btn:hover { filter: brightness(1.05) !important; transform: translateY(-1px); } html[data-theme="neo"] .kiltex-pagination-info { color: #64748b !important; } html[data-theme="neo"] .kiltex-pagination-btn { background: #ffffff !important; border-color: #dbeafe !important; color: #2563eb !important; box-shadow: 0 4px 12px rgba(37,99,235,0.08) !important; } html[data-theme="neo"] .kiltex-pagination-btn:hover:not(:disabled) { background: #eff6ff !important; border-color: #93c5fd !important; } /* -- Alertas --------------------------------------------------- */ html[data-theme="neo"] .alert-success { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important; border-radius: 12px; } html[data-theme="neo"] .alert-danger { background: #fff1f2 !important; border-color: #fecdd3 !important; color: #991b1b !important; border-radius: 12px; } html[data-theme="neo"] .alert-warning { background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important; border-radius: 12px; } /* -- Modales --------------------------------------------------- */ html[data-theme="neo"] .modal-content { background: #ffffff !important; border: 1px solid #dbeafe !important; border-radius: 20px !important; box-shadow: 0 28px 72px rgba(15,23,42,0.16), 0 12px 28px rgba(37,99,235,0.10) !important; } html[data-theme="neo"] .modal-header { background: linear-gradient(135deg, #2563eb, #38bdf8) !important; border-bottom-color: #e5e7eb !important; color: #ffffff !important; } html[data-theme="neo"] .modal-header .modal-title, html[data-theme="neo"] .modal-header h1, html[data-theme="neo"] .modal-header h2, html[data-theme="neo"] .modal-header h3, html[data-theme="neo"] .modal-header h4, html[data-theme="neo"] .modal-header h5, html[data-theme="neo"] .modal-header h6, html[data-theme="neo"] .modal-header .btn-close { color: #ffffff !important; } html[data-theme="neo"] .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(5); } html[data-theme="neo"] .modal-footer { border-top-color: #e5e7eb !important; } /* -- Badges ---------------------------------------------------- */ html[data-theme="neo"] .badge.bg-primary { background: #3b82f6 !important; } html[data-theme="neo"] .badge.bg-success { background: #22c55e !important; } html[data-theme="neo"] .badge.bg-warning { background: #f59e0b !important; color: #fff !important; } html[data-theme="neo"] .badge.bg-danger { background: #ef4444 !important; } html[data-theme="neo"] .badge.bg-secondary { background: #8b5cf6 !important; } html[data-theme="neo"] .table-responsive, html[data-theme="neo"] .dropdown-menu, html[data-theme="neo"] .offcanvas, html[data-theme="neo"] .list-group, html[data-theme="neo"] .accordion-item { box-shadow: 0 16px 36px rgba(15,23,42,0.08), 0 8px 18px rgba(37,99,235,0.06) !important; } /* ================================================================ TEMA 2 — GLASSMORPHISM (GLASS) ================================================================ */ html[data-theme="glass"] { --kb-font: 'Inter', system-ui, sans-serif; --kb-bg: #080812; --kb-sidebar-bg: rgba(8,8,18,0.90); --kb-sidebar-link: #94a3b8; --kb-sidebar-hover-bg: rgba(99,102,241,0.14); --kb-sidebar-hover: #e2e8f0; --kb-sidebar-active-bg: linear-gradient(135deg,#6366f1,#8b5cf6); --kb-sidebar-active: #ffffff; --kb-logo-color: #a5b4fc; --kb-card-bg: rgba(255,255,255,0.04); --kb-card-border: rgba(255,255,255,0.09); --kb-card-shadow: 0 8px 32px rgba(0,0,0,0.45); --kb-card-radius: 20px; --kb-text: #f1f5f9; --kb-text-muted: #94a3b8; --kb-accent: #6366f1; --kb-accent-2: #22d3ee; --kb-accent-3: #f59e0b; --kb-input-bg: rgba(255,255,255,0.05); --kb-input-border: rgba(255,255,255,0.12); --kb-input-text: #f1f5f9; --kb-table-head-bg: rgba(10,10,25,0.95); --kb-table-head-text: #94a3b8; --kb-table-row-hover: rgba(99,102,241,0.07); --kb-table-border: rgba(255,255,255,0.06); } /* -- Cuerpo y fondo -------------------------------------------- */ html[data-theme="glass"] body { background: #080812 !important; background-image: radial-gradient(ellipse 80% 60% at 10% 20%, rgba(99,102,241,0.18) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 90% 10%, rgba(139,92,246,0.14) 0%, transparent 55%), radial-gradient(ellipse 70% 60% at 50% 100%, rgba(244,63,94,0.10) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 70%, rgba(34,211,238,0.08) 0%, transparent 50%) !important; background-attachment: fixed !important; font-family: var(--kb-font) !important; color: #f1f5f9; } html[data-theme="glass"] body::before { content: '' !important; display: block !important; position: fixed !important; inset: 0 !important; background-image: radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px) !important; background-size: 30px 30px !important; pointer-events: none !important; z-index: 0 !important; } /* -- Sidebar ---------------------------------------------------- */ html[data-theme="glass"] .sidebar { background: rgba(8,8,18,0.90) !important; border-right: 1px solid rgba(255,255,255,0.07) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; } html[data-theme="glass"] .sidebar .logo, html[data-theme="glass"] .sidebar .logo h5, html[data-theme="glass"] .sidebar h5 { color: #a5b4fc !important; } html[data-theme="glass"] .sidebar a { color: #94a3b8 !important; } html[data-theme="glass"] .sidebar a:hover { background: rgba(99,102,241,0.14) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .sidebar a.active { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(99,102,241,0.40) !important; } /* -- Contenido -------------------------------------------------- */ html[data-theme="glass"] .content { position: relative; z-index: 1; } html[data-theme="glass"] h1, html[data-theme="glass"] h2, html[data-theme="glass"] h3, html[data-theme="glass"] h4, html[data-theme="glass"] h5 { color: #f1f5f9 !important; font-family: var(--kb-font) !important; } html[data-theme="glass"] .text-white { color: #f1f5f9 !important; } html[data-theme="glass"] .text-dark { color: #e2e8f0 !important; } /* -- Cards Bootstrap ------------------------------------------- */ html[data-theme="glass"] .card { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.24) !important; border-radius: 20px !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.08) inset !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } html[data-theme="glass"] .card-header { background: rgba(255,255,255,0.04) !important; border-bottom: 1px solid rgba(78,168,255,0.14) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .card-body, html[data-theme="glass"] .card-text, html[data-theme="glass"] .card-title { color: #e2e8f0 !important; } html[data-theme="glass"] .card-header.text-white, html[data-theme="glass"] .card-header.fw-bold, html[data-theme="glass"] .card-header.text-white.fw-bold { color: #e2e8f0 !important; } /* -- Tablas ---------------------------------------------------- */ html[data-theme="glass"] table { color: #e2e8f0 !important; } html[data-theme="glass"] .table, html[data-theme="glass"] table.table { --bs-table-bg: rgba(255,255,255,0.02); --bs-table-color: #e2e8f0; --bs-table-border-color: rgba(255,255,255,0.06); --bs-table-striped-bg: rgba(255,255,255,0.025); --bs-table-striped-color: #e2e8f0; --bs-table-active-bg: rgba(78,168,255,0.14); --bs-table-active-color: #f8fafc; --bs-table-hover-bg: rgba(78,168,255,0.07); --bs-table-hover-color: #f8fafc; background: transparent !important; color: #e2e8f0 !important; } html[data-theme="glass"] .table > :not(caption) > * > *, html[data-theme="glass"] table.table > :not(caption) > * > * { background-color: var(--bs-table-bg) !important; color: var(--bs-table-color) !important; box-shadow: inset 0 0 0 9999px transparent !important; } html[data-theme="glass"] .table thead th, html[data-theme="glass"] table thead th { background: rgba(10,10,25,0.95) !important; color: #94a3b8 !important; border-color: rgba(255,255,255,0.06) !important; } html[data-theme="glass"] .table tbody tr, html[data-theme="glass"] table tbody tr { border-color: rgba(255,255,255,0.04) !important; } html[data-theme="glass"] .table tbody tr:hover, html[data-theme="glass"] table tbody tr:hover { background: rgba(99,102,241,0.07) !important; } html[data-theme="glass"] .table td, html[data-theme="glass"] .table th, html[data-theme="glass"] table td, html[data-theme="glass"] table th { border-color: rgba(255,255,255,0.06) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255,255,255,0.02) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .table-hover > tbody > tr:hover > *, html[data-theme="glass"] .table-hover > tbody > tr:hover > td { background-color: rgba(78,168,255,0.07) !important; color: #f8fafc !important; } html[data-theme="glass"] .table-dark > :not(caption) > * > *, html[data-theme="glass"] thead.table-dark > tr > th { background: rgba(8,8,18,0.97) !important; color: #4ea8ff !important; border-color: rgba(78,168,255,0.15) !important; } html[data-theme="glass"] .tabla-scroll, html[data-theme="glass"] .tabla-clientes, html[data-theme="glass"] .table-responsive { background: transparent !important; } /* -- Formularios ----------------------------------------------- */ html[data-theme="glass"] .form-control, html[data-theme="glass"] .form-select { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.12) !important; color: #f1f5f9 !important; border-radius: 10px; } html[data-theme="glass"] .form-control::placeholder { color: rgba(148,163,184,0.7) !important; } html[data-theme="glass"] .form-control:focus, html[data-theme="glass"] .form-select:focus { background: rgba(255,255,255,0.08) !important; border-color: rgba(99,102,241,0.55) !important; box-shadow: 0 0 0 3px rgba(99,102,241,0.18) !important; color: #f1f5f9 !important; } html[data-theme="glass"] .form-label, html[data-theme="glass"] label { color: #cbd5e1 !important; } html[data-theme="glass"] select option { background: #1e1b4b; color: #e2e8f0; } /* -- Alertas --------------------------------------------------- */ html[data-theme="glass"] .alert-success { background: rgba(52,211,153,0.12) !important; border-color: rgba(52,211,153,0.30) !important; color: #6ee7b7 !important; border-radius: 12px; } html[data-theme="glass"] .alert-danger { background: rgba(244,63,94,0.12) !important; border-color: rgba(244,63,94,0.30) !important; color: #fda4af !important; border-radius: 12px; } html[data-theme="glass"] .alert-warning { background: rgba(245,158,11,0.12) !important; border-color: rgba(245,158,11,0.30) !important; color: #fcd34d !important; border-radius: 12px; } html[data-theme="glass"] .alert-info { background: rgba(34,211,238,0.10) !important; border-color: rgba(34,211,238,0.28) !important; color: #67e8f9 !important; border-radius: 12px; } /* -- Modales --------------------------------------------------- */ html[data-theme="glass"] .modal-content { background: rgba(15,15,30,0.92) !important; border: 1px solid rgba(255,255,255,0.10) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; border-radius: 20px !important; color: #f1f5f9 !important; } html[data-theme="glass"] .modal-header { border-bottom-color: rgba(255,255,255,0.08) !important; } html[data-theme="glass"] .modal-footer { border-top-color: rgba(255,255,255,0.08) !important; } html[data-theme="glass"] .modal-title { color: #f1f5f9 !important; } /* -- Badges ---------------------------------------------------- */ html[data-theme="glass"] .badge.bg-primary { background: #6366f1 !important; } html[data-theme="glass"] .badge.bg-success { background: rgba(34,197,94,0.25) !important; color: #4ade80 !important; border: 1px solid rgba(34,197,94,0.35) !important; } html[data-theme="glass"] .badge.bg-danger { background: rgba(244,63,94,0.25) !important; color: #fb7185 !important; border: 1px solid rgba(244,63,94,0.35) !important; } html[data-theme="glass"] .badge.bg-warning { background: rgba(245,158,11,0.25) !important; color: #fcd34d !important; border: 1px solid rgba(245,158,11,0.35) !important; } html[data-theme="glass"] .badge.bg-secondary { background: rgba(139,92,246,0.25) !important; color: #c4b5fd !important; border: 1px solid rgba(139,92,246,0.35) !important; } /* -- Input groups ---------------------------------------------- */ html[data-theme="glass"] .input-group-text { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #94a3b8 !important; } /* -- Dropdown -------------------------------------------------- */ html[data-theme="glass"] .dropdown-menu { background: rgba(15,15,30,0.95) !important; border: 1px solid rgba(255,255,255,0.10) !important; backdrop-filter: blur(20px) !important; border-radius: 12px !important; } html[data-theme="glass"] .dropdown-item { color: #e2e8f0 !important; } html[data-theme="glass"] .dropdown-item:hover { background: rgba(99,102,241,0.14) !important; color: #ffffff !important; } /* ================================================================ SCROLLBAR GLOBAL PARA GLASS ================================================================ */ html[data-theme="glass"] ::-webkit-scrollbar { width: 6px; height: 6px; } html[data-theme="glass"] ::-webkit-scrollbar-track { background: transparent; } html[data-theme="glass"] ::-webkit-scrollbar-thumb { background: rgba(99,102,241,0.40); border-radius: 4px; } html[data-theme="glass"] ::-webkit-scrollbar-thumb:hover { background: rgba(99,102,241,0.65); } /* ================================================================ CLASES ESPECÍFICAS DE MÓDULOS — NEO (.card-modulo, .card-ficha, .comprobante, etc.) ================================================================ */ /* -- Cards de menú (ventas/index, empleados/index) ------------- */ html[data-theme="neo"] .card-modulo, html[data-theme="neo"] .inventario-card, html[data-theme="neo"] .config-card { background: #ffffff !important; color: #1e293b !important; border: 1px solid transparent !important; box-shadow: 0 18px 42px rgba(37,99,235,0.12) !important; } html[data-theme="neo"] .card-modulo:hover, html[data-theme="neo"] .inventario-card:hover, html[data-theme="neo"] .config-card:hover, html[data-theme="neo"] .inventario-link:hover .inventario-card, html[data-theme="neo"] .inventario-link:focus-visible .inventario-card { color: #1e293b !important; background: #f8fbff !important; border-color: #3b82f6 !important; box-shadow: 0 24px 52px rgba(37,99,235,0.18), 0 0 0 2px rgba(59,130,246,0.95) inset !important; } html[data-theme="neo"] .card-modulo span, html[data-theme="neo"] .config-card-title { color: #374151 !important; } /* -- card-ficha (registro, nómina) ----------------------------- */ html[data-theme="neo"] .card-ficha { background: #ffffff !important; border: 1px solid #93c5fd !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(191,219,254,0.95) inset !important; } html[data-theme="neo"] .card-ficha .card-header { background: #3b82f6 !important; color: #fff !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; border-bottom: 1px solid #93c5fd !important; } html[data-theme="neo"] .card-ficha label { color: #3b82f6 !important; } html[data-theme="neo"] .card-ficha .form-control, html[data-theme="neo"] .card-ficha .form-select { background: #fff !important; border-color: #d1d5db !important; color: #1e293b !important; } /* -- Comprobante (nómina) — se mantiene blanco en neo ---------- */ html[data-theme="neo"] .comprobante { background: #ffffff !important; border: 1px solid #93c5fd !important; border-radius: 22px !important; overflow: hidden !important; color: #1e293b !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(191,219,254,0.7) inset !important; } html[data-theme="neo"] .comprobante-titulo { border-bottom-color: #d1d5db !important; color: #1e293b !important; } html[data-theme="neo"] .comprobante-totales { border-top-color: #d1d5db !important; color: #1e293b !important; } html[data-theme="neo"] .comprobante-tabla th { background: #f1f5f9 !important; border-color: #e5e7eb !important; color: #374151 !important; } html[data-theme="neo"] .comprobante-tabla td { border-color: #e5e7eb !important; color: #1e293b !important; } /* -- Tabla scroll thead (historial nómina, registro) ----------- */ html[data-theme="neo"] .tabla-scroll thead th { background: #f1f5f9 !important; color: #64748b !important; } html[data-theme="neo"] .modal label { color: #3b82f6 !important; } html[data-theme="neo"] .ajuste-readonly { background: #f1f5f9 !important; color: #64748b !important; } /* ================================================================ CLASES ESPECÍFICAS DE MÓDULOS — GLASS ================================================================ */ /* -- Cards de menú (ventas/index, empleados/index) ------------- */ html[data-theme="glass"] .card-modulo, html[data-theme="glass"] .inventario-card, html[data-theme="glass"] .config-card { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(78,168,255,0.24) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; color: #e2e8f0 !important; box-shadow: 0 18px 42px rgba(0,0,0,0.44) !important; } html[data-theme="glass"] .card-modulo:hover, html[data-theme="glass"] .inventario-card:hover, html[data-theme="glass"] .config-card:hover, html[data-theme="glass"] .inventario-link:hover .inventario-card, html[data-theme="glass"] .inventario-link:focus-visible .inventario-card { background: rgba(99,102,241,0.12) !important; border-color: rgba(78,168,255,0.62) !important; color: #f1f5f9 !important; box-shadow: 0 24px 52px rgba(0,0,0,0.52), 0 0 0 2px rgba(78,168,255,0.30) inset !important; } html[data-theme="glass"] .card-modulo span, html[data-theme="glass"] .config-card-title { color: #e2e8f0 !important; } /* -- card-ficha (registro, nómina) ----------------------------- */ html[data-theme="glass"] .card-ficha { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(78,168,255,0.34) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.16) inset !important; } html[data-theme="glass"] .card-ficha .card-body { background: transparent !important; } html[data-theme="glass"] .card-ficha .card-header { background: linear-gradient(135deg, rgba(99,102,241,0.60), rgba(139,92,246,0.50)) !important; color: #fff !important; border-bottom: 1px solid rgba(99,102,241,0.35) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; backdrop-filter: none !important; } html[data-theme="glass"] .card-ficha label { color: #a5b4fc !important; } html[data-theme="glass"] .card-ficha .form-control[readonly], html[data-theme="glass"] .card-ficha input[readonly] { background: rgba(255,255,255,0.03) !important; color: #94a3b8 !important; } /* -- Comprobante (nómina) — glass translúcido ----------------- */ html[data-theme="glass"] .comprobante { background: rgba(15,15,30,0.80) !important; border: 1px solid rgba(78,168,255,0.34) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; color: #e2e8f0 !important; box-shadow: 0 18px 42px rgba(0,0,0,0.50), 0 0 0 1px rgba(78,168,255,0.16) inset !important; } html[data-theme="glass"] .comprobante-titulo { border-bottom: 2px solid rgba(99,102,241,0.40) !important; color: #f1f5f9 !important; } html[data-theme="glass"] .comprobante-datos { border-bottom-color: rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .comprobante-totales { border-top: 2px solid rgba(99,102,241,0.40) !important; color: #f1f5f9 !important; } html[data-theme="glass"] .comprobante-neto { border-top-color: rgba(255,255,255,0.10) !important; color: #f1f5f9 !important; } html[data-theme="glass"] .comprobante-tabla th { background: rgba(10,10,25,0.90) !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #94a3b8 !important; } html[data-theme="glass"] .comprobante-tabla td { border: 1px solid rgba(255,255,255,0.07) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .fila-item { color: #cbd5e1 !important; } html[data-theme="glass"] .linea-firma { border-top-color: rgba(255,255,255,0.25) !important; color: #94a3b8 !important; } /* -- Tabla scroll thead (historial nómina, registro) ----------- */ html[data-theme="glass"] .tabla-scroll thead th { background: rgba(10,10,25,0.95) !important; color: #94a3b8 !important; border-color: rgba(255,255,255,0.07) !important; } html[data-theme="glass"] .modal label { color: #a5b4fc !important; } html[data-theme="glass"] .ajuste-readonly { background: rgba(255,255,255,0.03) !important; color: #64748b !important; border-color: rgba(255,255,255,0.06) !important; } /* ================================================================ GLASS + NEO — CLIENTES INDEX (clases propias del blade) ================================================================ */ /* ── GLASS ────────────────────────────────────────────────────── */ html[data-theme="glass"] .clientes-header { border-bottom-color: rgba(255,255,255,0.08) !important; } html[data-theme="glass"] .clientes-eyebrow { color: #4ea8ff !important; } html[data-theme="glass"] .clientes-titulo { background: linear-gradient(135deg, #f1f5f9 30%, #a5b4fc 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; } html[data-theme="glass"] .clientes-card { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.24) !important; border-radius: 18px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.08) inset !important; } html[data-theme="glass"] .clientes-card-header { background: linear-gradient(90deg, rgba(78,168,255,0.12) 0%, rgba(99,102,241,0.07) 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; } html[data-theme="glass"] .clientes-card-header-left { color: #4ea8ff !important; } html[data-theme="glass"] .clientes-count-badge { background: rgba(99,102,241,0.18) !important; border-color: rgba(99,102,241,0.30) !important; color: #a5b4fc !important; } html[data-theme="glass"] .search-icon { color: #64748b !important; } html[data-theme="glass"] .search-input { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.09) !important; color: #f1f5f9 !important; backdrop-filter: blur(8px) !important; } html[data-theme="glass"] .search-input::placeholder { color: #64748b !important; } html[data-theme="glass"] .search-input:focus { border-color: rgba(78,168,255,0.50) !important; box-shadow: 0 0 0 3px rgba(78,168,255,0.14) !important; background: rgba(255,255,255,0.06) !important; } html[data-theme="glass"] .tabla-clientes thead th { background: rgba(8,8,18,0.97) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.15) !important; } html[data-theme="glass"] .tabla-clientes tbody tr { border-bottom: 1px solid rgba(255,255,255,0.035) !important; } html[data-theme="glass"] .tabla-clientes tbody tr:hover { background: rgba(78,168,255,0.07) !important; } html[data-theme="glass"] .tabla-clientes td { color: #e2e8f0 !important; } html[data-theme="glass"] .nombre-cliente { color: #f1f5f9 !important; } html[data-theme="glass"] .btn-icono[data-tip]::after { background: rgba(8,8,18,0.96) !important; border-color: rgba(255,255,255,0.09) !important; color: #e2e8f0 !important; } /* ── NEO ─────────────────────────────────────────────────────── */ html[data-theme="neo"] .clientes-header { border-bottom-color: #e5e7eb !important; } html[data-theme="neo"] .clientes-eyebrow { color: #3b82f6 !important; } html[data-theme="neo"] .clientes-titulo { background: none !important; -webkit-text-fill-color: #1e293b !important; color: #1e293b !important; } html[data-theme="neo"] .btn-nuevo-cliente { background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; box-shadow: 0 4px 14px rgba(59,130,246,0.35) !important; } html[data-theme="neo"] .clientes-card { background: #ffffff !important; border: 1px solid #bfdbfe !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(219,234,254,0.8) inset !important; } html[data-theme="neo"] .clientes-card-header { background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important; } html[data-theme="neo"] .clientes-card-header-left { color: #374151 !important; } html[data-theme="neo"] .clientes-count-badge { background: rgba(59,130,246,0.10) !important; border-color: rgba(59,130,246,0.25) !important; color: #3b82f6 !important; } html[data-theme="neo"] .search-icon { color: #94a3b8 !important; } html[data-theme="neo"] .search-input { background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #1e293b !important; } html[data-theme="neo"] .search-input::placeholder { color: #94a3b8 !important; } html[data-theme="neo"] .search-input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.12) !important; } html[data-theme="neo"] .tabla-clientes thead th { background: #f1f5f9 !important; color: #4b5563 !important; border-bottom: 1px solid #e5e7eb !important; } html[data-theme="neo"] .tabla-clientes tbody tr { border-bottom: 1px solid #f1f5f9 !important; } html[data-theme="neo"] .tabla-clientes tbody tr:hover { background: rgba(59,130,246,0.04) !important; } html[data-theme="neo"] .tabla-clientes td { color: #374151 !important; } html[data-theme="neo"] .nombre-cliente { color: #111827 !important; } html[data-theme="neo"] .id-chip { background: rgba(59,130,246,0.10) !important; border-color: rgba(59,130,246,0.22) !important; color: #2563eb !important; } html[data-theme="neo"] .alert-success-custom { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important; } /* ================================================================ GLASS — REGLAS GLOBALES DE COLOR PARA DISTINGUIR TÍTULOS/LABELS (#4ea8ff) vs DATOS (#e2e8f0) ================================================================ */ /* ── Todos los th de todas las tablas ────────────────────────── */ html[data-theme="glass"] th, html[data-theme="glass"] thead th { color: #4ea8ff !important; background: rgba(10,10,25,0.95) !important; border-color: rgba(255,255,255,0.07) !important; text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.06em; } /* ── Todos los td de todas las tablas ────────────────────────── */ html[data-theme="glass"] td { color: #e2e8f0 !important; border-color: rgba(255,255,255,0.06) !important; } /* ── Labels globales ─────────────────────────────────────────── */ html[data-theme="glass"] label, html[data-theme="glass"] .form-label { color: #4ea8ff !important; font-weight: 600; } /* ── .text-primary → azul Kiltex en glass ───────────────────── */ html[data-theme="glass"] .text-primary { color: #4ea8ff !important; } /* ── Card headers globales (override inline style) ───────────── */ html[data-theme="glass"] .card-header { background: linear-gradient(90deg, rgba(78,168,255,0.18) 0%, rgba(99,102,241,0.12) 100%) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.22) !important; font-weight: 700; letter-spacing: 0.04em; } /* ── Títulos h2/h5 de páginas (text-white) ───────────────────── */ html[data-theme="glass"] h2.text-white, html[data-theme="glass"] h2 { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; background: none !important; } /* ── Strong / bold dentro de tablas ─────────────────────────── */ html[data-theme="glass"] td strong, html[data-theme="glass"] td b { color: #f1f5f9 !important; } /* ── Separador hr ────────────────────────────────────────────── */ html[data-theme="glass"] hr { border-color: rgba(255,255,255,0.08) !important; } /* ================================================================ GLASS — DASHBOARD ================================================================ */ /* Tarjetas stats (bg-primary, bg-success, bg-warning, bg-danger) */ html[data-theme="glass"] .card.bg-primary { background: rgba(59,130,246,0.20) !important; border: 1px solid rgba(59,130,246,0.35) !important; backdrop-filter: blur(12px) !important; } html[data-theme="glass"] .card.bg-success { background: rgba(34,197,94,0.18) !important; border: 1px solid rgba(34,197,94,0.30) !important; backdrop-filter: blur(12px) !important; } html[data-theme="glass"] .card.bg-warning { background: rgba(245,158,11,0.18) !important; border: 1px solid rgba(245,158,11,0.30) !important; backdrop-filter: blur(12px) !important; } html[data-theme="glass"] .card.bg-danger { background: rgba(244,63,94,0.18) !important; border: 1px solid rgba(244,63,94,0.30) !important; backdrop-filter: blur(12px) !important; } html[data-theme="glass"] .card.bg-primary .card-title, html[data-theme="glass"] .card.bg-primary h5 { color: #93c5fd !important; } html[data-theme="glass"] .card.bg-success .card-title, html[data-theme="glass"] .card.bg-success h5 { color: #86efac !important; } html[data-theme="glass"] .card.bg-warning .card-title, html[data-theme="glass"] .card.bg-warning h5 { color: #fde68a !important; } html[data-theme="glass"] .card.bg-danger .card-title, html[data-theme="glass"] .card.bg-danger h5 { color: #fca5a5 !important; } html[data-theme="glass"] .card.bg-primary h2, html[data-theme="glass"] .card.bg-success h2, html[data-theme="glass"] .card.bg-warning h2, html[data-theme="glass"] .card.bg-danger h2 { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; } /* Botones filtro gráfica */ html[data-theme="glass"] .btn-outline-primary.filtro { background: rgba(78,168,255,0.08) !important; border: 1px solid rgba(78,168,255,0.30) !important; color: #7dc3ff !important; } html[data-theme="glass"] .btn-outline-primary.filtro:hover, html[data-theme="glass"] .btn-outline-primary.filtro.active { background: rgba(78,168,255,0.25) !important; border-color: #4ea8ff !important; color: #fff !important; box-shadow: 0 0 12px rgba(78,168,255,0.35) !important; } /* ================================================================ GLASS — INVENTARIO (index) ================================================================ */ html[data-theme="glass"] .inventario-link { text-decoration: none; color: inherit; } html[data-theme="glass"] .inventario-card h5 { color: #4ea8ff !important; -webkit-text-fill-color: #4ea8ff !important; font-weight: 600; } /* ================================================================ GLASS — VENTAS (nueva venta — factura) ================================================================ */ /* Tabla cliente dentro de factura */ html[data-theme="glass"] .tabla-cliente td { background: rgba(78,168,255,0.06) !important; border-color: rgba(78,168,255,0.18) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .tabla-cliente b { color: #4ea8ff !important; } html[data-theme="glass"] .tabla-cliente [contenteditable] { color: #f1f5f9 !important; } /* Cabecera de factura */ html[data-theme="glass"] .factura-header { border-bottom-color: rgba(78,168,255,0.25) !important; } html[data-theme="glass"] .factura-numero label { color: #4ea8ff !important; } /* ================================================================ GLASS — PRODUCTOS (create/edit) — preview imagen ================================================================ */ html[data-theme="glass"] #preview_box { border: 2px dashed rgba(78,168,255,0.45) !important; background: rgba(78,168,255,0.06) !important; } html[data-theme="glass"] #preview_texto { color: #64748b !important; } html[data-theme="glass"] #nombre_archivo { color: #94a3b8 !important; } /* ================================================================ GLASS — BOTONES GLOBALES (override gradientes de app.blade) ================================================================ */ /* Los gradientes del layout ya funcionan; aquí solo añadimos glow sutil de color correspondiente en glass */ html[data-theme="glass"] .btn-primary, html[data-theme="glass"] .btn-outline-primary, html[data-theme="glass"] .btn-info { background: linear-gradient(135deg, #2563eb, #38bdf8) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(37,99,235,0.35) !important; } html[data-theme="glass"] .btn-success { box-shadow: 0 4px 14px rgba(17,153,142,0.30) !important; } html[data-theme="glass"] .btn-danger { box-shadow: 0 4px 14px rgba(192,57,43,0.30) !important; } html[data-theme="glass"] .btn-warning { box-shadow: 0 4px 14px rgba(247,151,30,0.30) !important; } html[data-theme="glass"] .btn-secondary { box-shadow: 0 4px 14px rgba(106,61,232,0.30) !important; } html[data-theme="glass"] .btn-volver { background: linear-gradient(135deg, #6a3de8, #a855f7) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(106,61,232,0.30) !important; } html[data-theme="glass"] .btn:hover { filter: brightness(1.15) !important; transform: translateY(-1px); } html[data-theme="glass"] .kiltex-pagination-info { color: #94a3b8 !important; } html[data-theme="glass"] .kiltex-pagination-btn { background: rgba(99,102,241,0.14) !important; border-color: rgba(78,168,255,0.24) !important; color: #e2e8f0 !important; box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important; } html[data-theme="glass"] .kiltex-pagination-btn:hover:not(:disabled) { background: rgba(78,168,255,0.18) !important; border-color: rgba(78,168,255,0.35) !important; } /* ================================================================ GLASS — card-editar (clientes/edit, productos/create) ================================================================ */ html[data-theme="glass"] .card-editar { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.24) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.08) inset !important; } html[data-theme="glass"] .card-editar .card-header { background: linear-gradient(90deg, rgba(78,168,255,0.25) 0%, rgba(99,102,241,0.15) 100%) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.25) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="glass"] .card-editar label { color: #4ea8ff !important; } html[data-theme="glass"] .card-editar .card-body { background: transparent !important; } /* ================================================================ GLASS — clientes/create (labels con .text-primary.fw-bold) ================================================================ */ html[data-theme="glass"] .card .card-body label.text-primary, html[data-theme="glass"] label.text-primary { color: #4ea8ff !important; -webkit-text-fill-color: #4ea8ff !important; } /* ================================================================ GLASS — productos/index (tabla con thead #212529 inline) ================================================================ */ html[data-theme="glass"] .tabla-scroll thead th { background: rgba(8,8,18,0.97) !important; color: #4ea8ff !important; border-color: rgba(78,168,255,0.15) !important; position: sticky; top: 0; z-index: 1; } /* ================================================================ GLASS — inventario/historial, ingreso, salida, ajuste, kardex card-header con inline style background-color:#0d6efd ================================================================ */ html[data-theme="glass"] [style*="background-color:#0d6efd"], html[data-theme="glass"] [style*="background-color: #0d6efd"], html[data-theme="glass"] [style*="background-color:#198754"], html[data-theme="glass"] [style*="background-color: #198754"] { background: linear-gradient(90deg, rgba(78,168,255,0.22) 0%, rgba(99,102,241,0.14) 100%) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.22) !important; } /* ================================================================ GLASS — Stock de unidades (inline color:#0d6efd en td) ================================================================ */ html[data-theme="glass"] td[style*="color:#0d6efd"], html[data-theme="glass"] td[style*="color: #0d6efd"] { color: #4ea8ff !important; } /* ================================================================ GLASS — Empleados config / nomina — card-ficha label override ================================================================ */ html[data-theme="glass"] .card-ficha label, html[data-theme="glass"] .card-ficha .card-header { color: #4ea8ff !important; } html[data-theme="glass"] .card-ficha .card-header { background: linear-gradient(90deg, rgba(78,168,255,0.25) 0%, rgba(99,102,241,0.15) 100%) !important; } /* ================================================================ GLASS — Tabla scroll: filas alternas (table-striped override) ================================================================ */ html[data-theme="glass"] .table-striped > tbody > tr:nth-of-type(odd) > td, html[data-theme="glass"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255,255,255,0.025) !important; color: #e2e8f0 !important; } html[data-theme="glass"] .table-hover tbody tr:hover > td, html[data-theme="glass"] .table-hover tbody tr:hover > * { background: rgba(78,168,255,0.07) !important; color: #f1f5f9 !important; } /* ================================================================ GLASS — Inventario/ingreso: columna Stock con color inline ================================================================ */ html[data-theme="glass"] .table td b, html[data-theme="glass"] .table td strong { color: #f1f5f9 !important; } /* ================================================================ GLASS — Comprobante nómina: número en rojo → azul kiltex ================================================================ */ html[data-theme="glass"] #comp_numero { color: #4ea8ff !important; } /* ================================================================ GLASS — Herramientas/Configuración index ================================================================ */ html[data-theme="glass"] .config-card { background: rgba(255,255,255,0.04) !important; border: 1px solid transparent !important; box-shadow: 0 18px 42px rgba(0,0,0,0.44) !important; } html[data-theme="glass"] .config-card:hover { background: rgba(99,102,241,0.12) !important; border-color: rgba(78,168,255,0.62) !important; box-shadow: 0 24px 52px rgba(0,0,0,0.52), 0 0 0 2px rgba(78,168,255,0.30) inset !important; } /* ================================================================ GLASS — card-ajuste (inventario/ajuste) ================================================================ */ html[data-theme="glass"] .card-ajuste { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.24) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.08) inset !important; } html[data-theme="glass"] .card-ajuste .card-header { background: linear-gradient(90deg, rgba(78,168,255,0.25) 0%, rgba(99,102,241,0.15) 100%) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.25) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="glass"] .card-ajuste label { color: #4ea8ff !important; } html[data-theme="glass"] .card-ajuste .card-body { background: transparent !important; } /* ── table-dark thead override ────────────────────────────────── */ html[data-theme="glass"] thead.table-dark, html[data-theme="glass"] .table-dark thead, html[data-theme="glass"] .table > thead.table-dark > tr > th { background: rgba(8,8,18,0.97) !important; color: #4ea8ff !important; border-color: rgba(78,168,255,0.15) !important; } /* ================================================================ GLASS — card-config + fila-config (empleados/config) ================================================================ */ html[data-theme="glass"] .card-config { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.24) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.42), 0 0 0 1px rgba(78,168,255,0.08) inset !important; } html[data-theme="glass"] .card-config .card-header { background: linear-gradient(90deg, rgba(78,168,255,0.25) 0%, rgba(99,102,241,0.15) 100%) !important; color: #4ea8ff !important; border-bottom: 1px solid rgba(78,168,255,0.22) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="glass"] .fila-config { border-bottom: 1px solid rgba(255,255,255,0.06) !important; } html[data-theme="glass"] .fila-config:hover { background: rgba(78,168,255,0.07) !important; } html[data-theme="glass"] .fila-config label { color: #4ea8ff !important; } html[data-theme="glass"] .fila-config input { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(78,168,255,0.35) !important; color: #f1f5f9 !important; border-radius: 6px; } html[data-theme="glass"] .fila-config input:focus { box-shadow: 0 0 0 3px rgba(78,168,255,0.20) !important; border-color: #4ea8ff !important; background: rgba(255,255,255,0.09) !important; } /* ── NEO — card-config ──────────────────────────────────────── */ html[data-theme="neo"] .card-config { background: #ffffff !important; border: 1px solid #bfdbfe !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(219,234,254,0.8) inset !important; } html[data-theme="neo"] .card-config .card-header { background: #3b82f6 !important; color: #fff !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; border-bottom: 1px solid #93c5fd !important; } html[data-theme="neo"] .fila-config { border-bottom: 1px solid #e8f0fe !important; } html[data-theme="neo"] .fila-config:hover { background: #f0f5ff !important; } html[data-theme="neo"] .fila-config label { color: #3b82f6 !important; } html[data-theme="neo"] .fila-config input { background: #ffffff !important; border: 1px solid #3b82f6 !important; color: #1e293b !important; } html[data-theme="neo"] .fila-config input:focus { box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; border-color: #3b82f6 !important; } /* ── NEO — card-ajuste ──────────────────────────────────────── */ html[data-theme="neo"] .card-ajuste { background: #ffffff !important; border: 1px solid #bfdbfe !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(219,234,254,0.8) inset !important; } html[data-theme="neo"] .card-ajuste .card-header { background: #3b82f6 !important; color: #fff !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; border-bottom: 1px solid #93c5fd !important; } html[data-theme="neo"] .card-ajuste label { color: #3b82f6 !important; } html[data-theme="neo"] thead.table-dark, html[data-theme="neo"] .table-dark thead, html[data-theme="neo"] .table > thead.table-dark > tr > th { background: #f1f5f9 !important; color: #4b5563 !important; border-color: #e5e7eb !important; } /* ================================================================ NEO — CORRECCIONES COMPLEMENTARIAS ================================================================ */ /* Inventario cards en neo */ html[data-theme="neo"] .inventario-card { background: #ffffff !important; border: 1px solid transparent !important; box-shadow: 0 18px 42px rgba(37,99,235,0.12) !important; } html[data-theme="neo"] .inventario-card:hover { background: #f8fbff !important; border-color: #3b82f6 !important; box-shadow: 0 24px 52px rgba(37,99,235,0.18), 0 0 0 2px rgba(59,130,246,0.95) inset !important; } html[data-theme="neo"] .inventario-card h5 { color: #374151 !important; -webkit-text-fill-color: #374151 !important; } html[data-theme="neo"] .config-card { background: #ffffff !important; border: 1px solid transparent !important; box-shadow: 0 18px 42px rgba(37,99,235,0.12) !important; } html[data-theme="neo"] .config-card:hover { background: #f8fbff !important; border-color: #3b82f6 !important; box-shadow: 0 24px 52px rgba(37,99,235,0.18), 0 0 0 2px rgba(59,130,246,0.95) inset !important; } /* Card-editar en neo */ html[data-theme="neo"] .card-editar { background: #ffffff !important; border: 1px solid #bfdbfe !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 18px 42px rgba(37,99,235,0.10), 0 0 0 1px rgba(219,234,254,0.8) inset !important; } html[data-theme="neo"] .card-editar .card-header { background: #3b82f6 !important; color: #fff !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; border-bottom: 1px solid #93c5fd !important; } html[data-theme="neo"] .card-editar label { color: #3b82f6 !important; } /* Tabla striped en neo */ html[data-theme="neo"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(248,250,252,0.8) !important; color: #1e293b !important; } html[data-theme="neo"] .table-hover tbody tr:hover > * { background: rgba(59,130,246,0.04) !important; color: #1e293b !important; } /* Tabla scroll thead en neo */ html[data-theme="neo"] .tabla-scroll thead th { background: #f1f5f9 !important; color: #4b5563 !important; border-color: #e5e7eb !important; } /* Card-header con inline style en neo */ html[data-theme="neo"] [style*="background-color:#0d6efd"], html[data-theme="neo"] [style*="background-color: #0d6efd"] { background: #3b82f6 !important; color: #fff !important; } html[data-theme="neo"] [style*="background-color:#198754"], html[data-theme="neo"] [style*="background-color: #198754"] { background: #22c55e !important; color: #fff !important; } /* Btn-filtro en neo */ html[data-theme="neo"] .btn-outline-primary.filtro { background: rgba(59,130,246,0.08) !important; border: 1px solid rgba(59,130,246,0.35) !important; color: #3b82f6 !important; } html[data-theme="neo"] .btn-outline-primary.filtro:hover, html[data-theme="neo"] .btn-outline-primary.filtro.active { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important; } /* Stock inline color en neo */ html[data-theme="neo"] td[style*="color:#0d6efd"], html[data-theme="neo"] td[style*="color: #0d6efd"] { color: #3b82f6 !important; } /* Preview imagen en neo */ html[data-theme="neo"] #preview_box { border: 2px dashed #3b82f6 !important; background: #eff6ff !important; } html[data-theme="neo"] #nombre_archivo { color: #6b7280 !important; } /* ================================================================ GLASS — ventas/nueva (factura, logo placeholder, h5 clientes) ================================================================ */ html[data-theme="glass"] .factura-logo-placeholder { background: rgba(255,255,255,0.04) !important; border: 1px dashed rgba(78,168,255,0.35) !important; color: #64748b !important; } html[data-theme="glass"] .fondo-ventas { background: transparent !important; } html[data-theme="glass"] h5.text-primary, html[data-theme="glass"] .text-primary { color: #4ea8ff !important; -webkit-text-fill-color: #4ea8ff !important; } /* ================================================================ GLASS — herramientas tienda (card.shadow-sm con label) ================================================================ */ html[data-theme="glass"] .card.shadow-sm { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(78,168,255,0.18) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important; } /* ================================================================ NEO — herramientas tienda ================================================================ */ html[data-theme="neo"] .card.shadow-sm { background: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important; } html[data-theme="neo"] .factura-logo-placeholder { background: #f8fafc !important; border: 1px dashed #d1d5db !important; color: #94a3b8 !important; } /* ================================================================ GLASS — select2 (inventario kardex, ajuste) ================================================================ */ html[data-theme="glass"] .select2-container--default .select2-selection--single { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(78,168,255,0.30) !important; color: #f1f5f9 !important; border-radius: 8px !important; } html[data-theme="glass"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #e2e8f0 !important; } html[data-theme="glass"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #4ea8ff transparent transparent !important; } html[data-theme="glass"] .select2-dropdown { background: rgba(10,10,25,0.97) !important; border: 1px solid rgba(78,168,255,0.25) !important; backdrop-filter: blur(20px) !important; } html[data-theme="glass"] .select2-results__option { color: #e2e8f0 !important; } html[data-theme="glass"] .select2-results__option--highlighted { background: rgba(78,168,255,0.18) !important; color: #fff !important; } html[data-theme="glass"] .select2-search--dropdown .select2-search__field { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(78,168,255,0.25) !important; color: #f1f5f9 !important; } /* ================================================================ TRANSICION SUAVE AL CAMBIAR TEMA ================================================================ */ html.theme-transitioning *, html.theme-transitioning *::before, html.theme-transitioning *::after { transition: background 0.35s ease, background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* ================================================================ OVERRIDE FINAL — BOTONES MODULOS (CONSISTENCIA INVENTARIO) Sin hover: borde delgado visible rgba(78,168,255,0.24) Con hover: borde realzado ================================================================ */ html[data-theme="glass"] .card-modulo, html[data-theme="glass"] .inventario-card, html[data-theme="glass"] .config-card { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(78,168,255,0.24) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.44) !important; } html[data-theme="glass"] .card-modulo:hover, html[data-theme="glass"] .inventario-card:hover, html[data-theme="glass"] .config-card:hover, html[data-theme="glass"] .inventario-link:hover .inventario-card, html[data-theme="glass"] .inventario-link:focus-visible .inventario-card { background: rgba(99,102,241,0.12) !important; border-color: rgba(78,168,255,0.62) !important; box-shadow: 0 24px 52px rgba(0,0,0,0.52), 0 0 0 2px rgba(78,168,255,0.30) inset !important; } html[data-theme="neo"] .card-modulo, html[data-theme="neo"] .inventario-card, html[data-theme="neo"] .config-card { background: #ffffff !important; border: 1px solid transparent !important; box-shadow: 0 18px 42px rgba(37,99,235,0.12) !important; } html[data-theme="neo"] .card-modulo:hover, html[data-theme="neo"] .inventario-card:hover, html[data-theme="neo"] .config-card:hover, html[data-theme="neo"] .inventario-link:hover .inventario-card, html[data-theme="neo"] .inventario-link:focus-visible .inventario-card { background: #f8fbff !important; border-color: #3b82f6 !important; box-shadow: 0 24px 52px rgba(37,99,235,0.18), 0 0 0 2px rgba(59,130,246,0.95) inset !important; } /* ================================================================ TEMA 3 — AURORA GLASS Fondo: oscuro profundo con orbes aurora animadas (CSS only) Cards: turquesa/teal para máximo contraste Acento: #14b8a6 (cyan-500) / #2dd4bf (teal-300) ================================================================ */ html[data-theme="aurora-glass"] { --kb-font: 'Inter', system-ui, sans-serif; --kb-bg: #030d1a; --kb-sidebar-bg: rgba(3,13,26,0.92); --kb-sidebar-link: #94a3b8; --kb-sidebar-hover-bg: rgba(20,184,166,0.14); --kb-sidebar-hover: #e2e8f0; --kb-sidebar-active-bg: linear-gradient(135deg,#0d9488,#0d9488); --kb-sidebar-active: #ffffff; --kb-logo-color: #5eead4; --kb-card-bg: rgba(20,184,166,0.40); --kb-card-border: rgba(20,184,166,0.72); --kb-card-shadow: 0 8px 32px rgba(0,0,0,0.55); --kb-card-radius: 20px; --kb-text: #f1f5f9; --kb-text-muted: #94a3b8; --kb-accent: #14b8a6; --kb-accent-2: #00e5ff; --kb-accent-3: #7c3aed; --kb-input-bg: rgba(20,184,166,0.06); --kb-input-border: rgba(20,184,166,0.40); --kb-input-text: #f1f5f9; --kb-table-head-bg: rgba(3,13,26,0.97); --kb-table-head-text: #2dd4bf; --kb-table-row-hover: rgba(20,184,166,0.08); --kb-table-border: rgba(20,184,166,0.10); } /* -- Cuerpo y fondo -------------------------------------------- */ html[data-theme="aurora-glass"] body { background: #030d1a !important; background-image: radial-gradient(ellipse 80% 60% at 10% 20%, rgba(99,59,221,0.32) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 90% 10%, rgba(20,184,166,0.42) 0%, transparent 55%), radial-gradient(ellipse 70% 60% at 80% 85%, rgba(124,58,237,0.25) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 20% 80%, rgba(14,165,233,0.22) 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 50% 50%, rgba(3,13,26,0.85) 0%, transparent 100%) !important; background-attachment: fixed !important; font-family: var(--kb-font) !important; color: #f1f5f9; } html[data-theme="aurora-glass"] body::before { content: '' !important; display: block !important; position: fixed !important; inset: 0 !important; background-image: radial-gradient(circle, rgba(20,184,166,0.06) 1px, transparent 1px) !important; background-size: 30px 30px !important; pointer-events: none !important; z-index: 0 !important; } /* -- Sidebar ---------------------------------------------------- */ html[data-theme="aurora-glass"] .sidebar { background: rgba(3,13,26,0.92) !important; border-right: 1px solid rgba(20,184,166,0.15) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; } html[data-theme="aurora-glass"] .sidebar .logo, html[data-theme="aurora-glass"] .sidebar .logo h5, html[data-theme="aurora-glass"] .sidebar h5 { color: #5eead4 !important; } html[data-theme="aurora-glass"] .sidebar a { color: #94a3b8 !important; } html[data-theme="aurora-glass"] .sidebar a:hover { background: rgba(20,184,166,0.14) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .sidebar a.active { background: linear-gradient(135deg, #0d9488, #0d9488) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(20,184,166,0.40) !important; } /* -- Contenido -------------------------------------------------- */ html[data-theme="aurora-glass"] .content { position: relative; z-index: 1; } html[data-theme="aurora-glass"] h1, html[data-theme="aurora-glass"] h2, html[data-theme="aurora-glass"] h3, html[data-theme="aurora-glass"] h4, html[data-theme="aurora-glass"] h5 { color: #f1f5f9 !important; font-family: var(--kb-font) !important; } html[data-theme="aurora-glass"] h2.text-white, html[data-theme="aurora-glass"] h2 { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; background: none !important; } html[data-theme="aurora-glass"] .text-white { color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .text-dark { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .text-muted { color: #64748b !important; } html[data-theme="aurora-glass"] .text-secondary { color: #94a3b8 !important; } html[data-theme="aurora-glass"] .text-primary { color: #14b8a6 !important; -webkit-text-fill-color: #14b8a6 !important; } html[data-theme="aurora-glass"] h5.text-primary { color: #14b8a6 !important; -webkit-text-fill-color: #14b8a6 !important; } /* -- Cards Bootstrap ------------------------------------------- */ html[data-theme="aurora-glass"] .card { background: rgba(20,184,166,0.40) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 20px !important; box-shadow: 0 12px 36px rgba(0,0,0,0.55), 0 0 20px rgba(20,184,166,0.35), 0 0 0 1px rgba(20,184,166,0.38) inset !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } html[data-theme="aurora-glass"] .card-header { background: linear-gradient(90deg, rgba(20,184,166,0.38) 0%, rgba(13,148,136,0.28) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.40) !important; color: #14b8a6 !important; font-weight: 700; letter-spacing: 0.04em; } html[data-theme="aurora-glass"] .card-body, html[data-theme="aurora-glass"] .card-text, html[data-theme="aurora-glass"] .card-title { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .card-header.text-white, html[data-theme="aurora-glass"] .card-header.fw-bold, html[data-theme="aurora-glass"] .card-header.text-white.fw-bold { color: #5eead4 !important; } /* Dashboard cards con bg-* */ html[data-theme="aurora-glass"] .card.bg-primary { background: rgba(20,184,166,0.42) !important; border: 1px solid rgba(20,184,166,0.75) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.50), 0 0 14px rgba(20,184,166,0.38) !important; } html[data-theme="aurora-glass"] .card.bg-success { background: rgba(13,148,136,0.28) !important; border: 1px solid rgba(13,148,136,0.55) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.50), 0 0 14px rgba(13,148,136,0.20) !important; } html[data-theme="aurora-glass"] .card.bg-warning { background: rgba(245,158,11,0.25) !important; border: 1px solid rgba(245,158,11,0.50) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.50), 0 0 14px rgba(245,158,11,0.18) !important; } html[data-theme="aurora-glass"] .card.bg-danger { background: rgba(244,63,94,0.25) !important; border: 1px solid rgba(244,63,94,0.50) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.50), 0 0 14px rgba(244,63,94,0.18) !important; } html[data-theme="aurora-glass"] .card.bg-primary .card-title, html[data-theme="aurora-glass"] .card.bg-primary h5 { color: #5eead4 !important; } html[data-theme="aurora-glass"] .card.bg-success .card-title, html[data-theme="aurora-glass"] .card.bg-success h5 { color: #5eead4 !important; } html[data-theme="aurora-glass"] .card.bg-warning .card-title, html[data-theme="aurora-glass"] .card.bg-warning h5 { color: #fde68a !important; } html[data-theme="aurora-glass"] .card.bg-danger .card-title, html[data-theme="aurora-glass"] .card.bg-danger h5 { color: #fca5a5 !important; } html[data-theme="aurora-glass"] .card.bg-primary h2, html[data-theme="aurora-glass"] .card.bg-success h2, html[data-theme="aurora-glass"] .card.bg-warning h2, html[data-theme="aurora-glass"] .card.bg-danger h2 { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; } /* -- Tablas ----------------------------------------------------- */ html[data-theme="aurora-glass"] table { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] th, html[data-theme="aurora-glass"] thead th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-color: rgba(20,184,166,0.15) !important; text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.06em; } html[data-theme="aurora-glass"] td { color: #e2e8f0 !important; border-color: rgba(20,184,166,0.10) !important; } html[data-theme="aurora-glass"] td strong, html[data-theme="aurora-glass"] td b { color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .table, html[data-theme="aurora-glass"] table.table { --bs-table-bg: rgba(20,184,166,0.03); --bs-table-color: #e2e8f0; --bs-table-border-color: rgba(20,184,166,0.10); --bs-table-striped-bg: rgba(20,184,166,0.04); --bs-table-striped-color: #e2e8f0; --bs-table-active-bg: rgba(20,184,166,0.14); --bs-table-active-color: #f8fafc; --bs-table-hover-bg: rgba(20,184,166,0.08); --bs-table-hover-color: #f8fafc; background: transparent !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .table > :not(caption) > * > *, html[data-theme="aurora-glass"] table.table > :not(caption) > * > * { background-color: var(--bs-table-bg) !important; color: var(--bs-table-color) !important; box-shadow: inset 0 0 0 9999px transparent !important; } html[data-theme="aurora-glass"] .table thead th, html[data-theme="aurora-glass"] table thead th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-color: rgba(20,184,166,0.15) !important; } html[data-theme="aurora-glass"] .table tbody tr { border-color: rgba(20,184,166,0.08) !important; } html[data-theme="aurora-glass"] .table tbody tr:hover, html[data-theme="aurora-glass"] table tbody tr:hover { background: rgba(20,184,166,0.08) !important; } html[data-theme="aurora-glass"] .table td, html[data-theme="aurora-glass"] .table th, html[data-theme="aurora-glass"] table td, html[data-theme="aurora-glass"] table th { border-color: rgba(20,184,166,0.10) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(20,184,166,0.04) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .table-hover > tbody > tr:hover > *, html[data-theme="aurora-glass"] .table-hover > tbody > tr:hover > td { background-color: rgba(20,184,166,0.08) !important; color: #f8fafc !important; } html[data-theme="aurora-glass"] .table-dark > :not(caption) > * > *, html[data-theme="aurora-glass"] thead.table-dark > tr > th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-color: rgba(20,184,166,0.15) !important; } html[data-theme="aurora-glass"] thead.table-dark, html[data-theme="aurora-glass"] .table-dark thead, html[data-theme="aurora-glass"] .table > thead.table-dark > tr > th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-color: rgba(20,184,166,0.15) !important; } html[data-theme="aurora-glass"] .tabla-scroll, html[data-theme="aurora-glass"] .tabla-clientes, html[data-theme="aurora-glass"] .table-responsive { background: transparent !important; } html[data-theme="aurora-glass"] .tabla-scroll thead th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-color: rgba(20,184,166,0.15) !important; position: sticky; top: 0; z-index: 1; } /* -- Labels / formularios -------------------------------------- */ html[data-theme="aurora-glass"] label, html[data-theme="aurora-glass"] .form-label { color: #14b8a6 !important; font-weight: 600; } html[data-theme="aurora-glass"] .card .card-body label.text-primary, html[data-theme="aurora-glass"] label.text-primary { color: #14b8a6 !important; -webkit-text-fill-color: #14b8a6 !important; } html[data-theme="aurora-glass"] .form-control, html[data-theme="aurora-glass"] .form-select { background: rgba(20,184,166,0.06) !important; border-color: rgba(20,184,166,0.40) !important; color: #f1f5f9 !important; border-radius: 10px; } html[data-theme="aurora-glass"] .form-control::placeholder { color: rgba(148,163,184,0.7) !important; } html[data-theme="aurora-glass"] .form-control:focus, html[data-theme="aurora-glass"] .form-select:focus { background: rgba(20,184,166,0.10) !important; border-color: rgba(20,184,166,0.72) !important; box-shadow: 0 0 0 3px rgba(20,184,166,0.38) !important; color: #f1f5f9 !important; } html[data-theme="aurora-glass"] select option { background: #031020; color: #e2e8f0; } html[data-theme="aurora-glass"] .input-group-text { background: rgba(20,184,166,0.08) !important; border-color: rgba(20,184,166,0.40) !important; color: #5eead4 !important; } html[data-theme="aurora-glass"] .modal label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .ajuste-readonly { background: rgba(20,184,166,0.04) !important; color: #64748b !important; border-color: rgba(20,184,166,0.10) !important; } /* -- Botones ---------------------------------------------------- */ html[data-theme="aurora-glass"] .btn-primary, html[data-theme="aurora-glass"] .btn-outline-primary, html[data-theme="aurora-glass"] .btn-info { background: linear-gradient(135deg, #0d9488, #0d9488) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(20,184,166,0.40) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-success { background: linear-gradient(135deg, #0d9488, #059669) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(13,148,136,0.35) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-danger { background: linear-gradient(135deg, #dc2626, #f87171) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(220,38,38,0.35) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-warning { background: linear-gradient(135deg, #d97706, #fbbf24) !important; color: #1a1a1a !important; box-shadow: 0 4px 14px rgba(217,119,6,0.35) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-secondary, html[data-theme="aurora-glass"] .btn-outline-secondary { background: linear-gradient(135deg, #7c3aed, #a855f7) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(124,58,237,0.30) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-volver { background: linear-gradient(135deg, #7c3aed, #a855f7) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(124,58,237,0.30) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn-dark { background: linear-gradient(135deg, #0f172a, #1e293b) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(15,23,42,0.20) !important; border-color: transparent !important; } html[data-theme="aurora-glass"] .btn:hover { filter: brightness(1.15) !important; transform: translateY(-1px); } html[data-theme="aurora-glass"] .btn-outline-primary.filtro { background: rgba(20,184,166,0.08) !important; border: 1px solid rgba(20,184,166,0.35) !important; color: #5eead4 !important; } html[data-theme="aurora-glass"] .btn-outline-primary.filtro:hover, html[data-theme="aurora-glass"] .btn-outline-primary.filtro.active { background: rgba(20,184,166,0.25) !important; border-color: #14b8a6 !important; color: #fff !important; box-shadow: 0 0 12px rgba(20,184,166,0.35) !important; } /* -- Alertas ---------------------------------------------------- */ html[data-theme="aurora-glass"] .alert-success { background: rgba(13,148,136,0.14) !important; border-color: rgba(13,148,136,0.35) !important; color: #5eead4 !important; border-radius: 12px; } html[data-theme="aurora-glass"] .alert-danger { background: rgba(244,63,94,0.12) !important; border-color: rgba(244,63,94,0.30) !important; color: #fda4af !important; border-radius: 12px; } html[data-theme="aurora-glass"] .alert-warning { background: rgba(245,158,11,0.12) !important; border-color: rgba(245,158,11,0.30) !important; color: #fcd34d !important; border-radius: 12px; } html[data-theme="aurora-glass"] .alert-info { background: rgba(20,184,166,0.12) !important; border-color: rgba(20,184,166,0.30) !important; color: #5eead4 !important; border-radius: 12px; } /* -- Modales ---------------------------------------------------- */ html[data-theme="aurora-glass"] .modal-content { background: rgba(3,13,26,0.94) !important; border: 1px solid rgba(20,184,166,0.40) !important; backdrop-filter: blur(28px) !important; -webkit-backdrop-filter: blur(28px) !important; border-radius: 20px !important; color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .modal-header { background: linear-gradient(90deg, rgba(20,184,166,0.40) 0%, rgba(13,148,136,0.14) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.18) !important; color: #5eead4 !important; } html[data-theme="aurora-glass"] .modal-title { color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .modal-footer { border-top-color: rgba(20,184,166,0.12) !important; } /* -- Badges ---------------------------------------------------- */ html[data-theme="aurora-glass"] .badge.bg-primary { background: rgba(20,184,166,0.30) !important; color: #5eead4 !important; border: 1px solid rgba(20,184,166,0.45) !important; } html[data-theme="aurora-glass"] .badge.bg-success { background: rgba(13,148,136,0.28) !important; color: #5eead4 !important; border: 1px solid rgba(13,148,136,0.40) !important; } html[data-theme="aurora-glass"] .badge.bg-danger { background: rgba(244,63,94,0.25) !important; color: #fb7185 !important; border: 1px solid rgba(244,63,94,0.35) !important; } html[data-theme="aurora-glass"] .badge.bg-warning { background: rgba(245,158,11,0.25) !important; color: #fcd34d !important; border: 1px solid rgba(245,158,11,0.35) !important; } html[data-theme="aurora-glass"] .badge.bg-secondary { background: rgba(124,58,237,0.25) !important; color: #c4b5fd !important; border: 1px solid rgba(124,58,237,0.35) !important; } /* -- Dropdown -------------------------------------------------- */ html[data-theme="aurora-glass"] .dropdown-menu { background: rgba(3,13,26,0.97) !important; border: 1px solid rgba(20,184,166,0.40) !important; backdrop-filter: blur(20px) !important; border-radius: 12px !important; } html[data-theme="aurora-glass"] .dropdown-item { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .dropdown-item:hover { background: rgba(20,184,166,0.14) !important; color: #ffffff !important; } /* -- Paginación ------------------------------------------------ */ html[data-theme="aurora-glass"] .kiltex-pagination-info { color: #94a3b8 !important; } html[data-theme="aurora-glass"] .kiltex-pagination-btn { background: rgba(20,184,166,0.12) !important; border-color: rgba(20,184,166,0.26) !important; color: #e2e8f0 !important; box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important; } html[data-theme="aurora-glass"] .kiltex-pagination-btn:hover:not(:disabled) { background: rgba(20,184,166,0.40) !important; border-color: rgba(20,184,166,0.45) !important; } /* -- Separadores ----------------------------------------------- */ html[data-theme="aurora-glass"] hr { border-color: rgba(20,184,166,0.12) !important; } /* ================================================================ AURORA-GLASS — MÓDULOS ESPECÍFICOS (clones de glass → teal) ================================================================ */ /* Cards de módulo (ventas/index, empleados, inventario) */ html[data-theme="aurora-glass"] .card-modulo, html[data-theme="aurora-glass"] .inventario-card, html[data-theme="aurora-glass"] .config-card { background: rgba(20,184,166,0.40) !important; border: 1px solid rgba(20,184,166,0.72) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; color: #e2e8f0 !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32) !important; } html[data-theme="aurora-glass"] .card-modulo:hover, html[data-theme="aurora-glass"] .inventario-card:hover, html[data-theme="aurora-glass"] .config-card:hover, html[data-theme="aurora-glass"] .inventario-link:hover .inventario-card, html[data-theme="aurora-glass"] .inventario-link:focus-visible .inventario-card { background: rgba(20,184,166,0.48) !important; border-color: rgba(20,184,166,0.90) !important; color: #f1f5f9 !important; box-shadow: 0 24px 52px rgba(0,0,0,0.52), 0 0 22px rgba(20,184,166,0.42), 0 0 0 2px rgba(20,184,166,0.35) inset !important; } html[data-theme="aurora-glass"] .card-modulo span, html[data-theme="aurora-glass"] .config-card-title { color: #ffffff !important; } html[data-theme="aurora-glass"] .inventario-link { text-decoration: none; color: inherit; } html[data-theme="aurora-glass"] .inventario-card h5 { color: #14b8a6 !important; -webkit-text-fill-color: #14b8a6 !important; font-weight: 600; } /* card-ficha */ html[data-theme="aurora-glass"] .card-ficha { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32), 0 0 0 1px rgba(20,184,166,0.18) inset !important; } html[data-theme="aurora-glass"] .card-ficha .card-body { background: transparent !important; } html[data-theme="aurora-glass"] .card-ficha .card-header { background: linear-gradient(135deg, rgba(8,145,178,0.65), rgba(13,148,136,0.55)) !important; color: #fff !important; border-bottom: 1px solid rgba(20,184,166,0.30) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; backdrop-filter: none !important; } html[data-theme="aurora-glass"] .card-ficha label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .card-ficha .form-control[readonly], html[data-theme="aurora-glass"] .card-ficha input[readonly] { background: rgba(20,184,166,0.04) !important; color: #94a3b8 !important; } /* card-editar */ html[data-theme="aurora-glass"] .card-editar { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32), 0 0 0 1px rgba(20,184,166,0.15) inset !important; } html[data-theme="aurora-glass"] .card-editar .card-header { background: linear-gradient(90deg, rgba(20,184,166,0.42) 0%, rgba(13,148,136,0.30) 100%) !important; color: #14b8a6 !important; border-bottom: 1px solid rgba(20,184,166,0.25) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="aurora-glass"] .card-editar label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .card-editar .card-body { background: transparent !important; } /* card-ajuste */ html[data-theme="aurora-glass"] .card-ajuste { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32), 0 0 0 1px rgba(20,184,166,0.15) inset !important; } html[data-theme="aurora-glass"] .card-ajuste .card-header { background: linear-gradient(90deg, rgba(20,184,166,0.42) 0%, rgba(13,148,136,0.30) 100%) !important; color: #14b8a6 !important; border-bottom: 1px solid rgba(20,184,166,0.25) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="aurora-glass"] .card-ajuste label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .card-ajuste .card-body { background: transparent !important; } /* card-config + fila-config */ html[data-theme="aurora-glass"] .card-config { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32), 0 0 0 1px rgba(20,184,166,0.15) inset !important; } html[data-theme="aurora-glass"] .card-config .card-header { background: linear-gradient(90deg, rgba(20,184,166,0.42) 0%, rgba(13,148,136,0.30) 100%) !important; color: #14b8a6 !important; border-bottom: 1px solid rgba(20,184,166,0.40) !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; } html[data-theme="aurora-glass"] .fila-config { border-bottom: 1px solid rgba(20,184,166,0.08) !important; } html[data-theme="aurora-glass"] .fila-config:hover { background: rgba(20,184,166,0.07) !important; } html[data-theme="aurora-glass"] .fila-config label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .fila-config input { background: rgba(20,184,166,0.07) !important; border: 1px solid rgba(20,184,166,0.35) !important; color: #f1f5f9 !important; border-radius: 6px; } html[data-theme="aurora-glass"] .fila-config input:focus { box-shadow: 0 0 0 3px rgba(20,184,166,0.40) !important; border-color: #14b8a6 !important; background: rgba(20,184,166,0.11) !important; } /* Comprobante nómina */ html[data-theme="aurora-glass"] .comprobante { background: rgba(20,184,166,0.18) !important; border: 1px solid rgba(20,184,166,0.52) !important; border-radius: 22px !important; overflow: hidden !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; color: #e2e8f0 !important; box-shadow: 0 18px 42px rgba(0,0,0,0.52), 0 0 0 1px rgba(20,184,166,0.12) inset !important; } html[data-theme="aurora-glass"] .comprobante-titulo { border-bottom: 2px solid rgba(20,184,166,0.40) !important; color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .comprobante-datos { border-bottom-color: rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .comprobante-totales { border-top: 2px solid rgba(20,184,166,0.40) !important; color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .comprobante-neto { border-top-color: rgba(255,255,255,0.10) !important; color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .comprobante-tabla th { background: rgba(3,13,26,0.92) !important; border: 1px solid rgba(20,184,166,0.12) !important; color: #14b8a6 !important; } html[data-theme="aurora-glass"] .comprobante-tabla td { border: 1px solid rgba(20,184,166,0.08) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .fila-item { color: #cbd5e1 !important; } html[data-theme="aurora-glass"] .linea-firma { border-top-color: rgba(255,255,255,0.25) !important; color: #94a3b8 !important; } html[data-theme="aurora-glass"] #comp_numero { color: #14b8a6 !important; } /* Clientes index */ html[data-theme="aurora-glass"] .clientes-header { border-bottom-color: rgba(20,184,166,0.12) !important; } html[data-theme="aurora-glass"] .clientes-eyebrow { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .clientes-titulo { background: linear-gradient(135deg, #f1f5f9 30%, #5eead4 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; } html[data-theme="aurora-glass"] .clientes-card { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.72) !important; border-radius: 18px !important; overflow: hidden !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.50), 0 0 18px rgba(20,184,166,0.32), 0 0 0 1px rgba(20,184,166,0.18) inset !important; } html[data-theme="aurora-glass"] .clientes-card-header { background: linear-gradient(90deg, rgba(20,184,166,0.38) 0%, rgba(13,148,136,0.25) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.35) !important; } html[data-theme="aurora-glass"] .clientes-card-header-left { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .clientes-count-badge { background: rgba(20,184,166,0.16) !important; border-color: rgba(20,184,166,0.30) !important; color: #5eead4 !important; } html[data-theme="aurora-glass"] .search-icon { color: #64748b !important; } html[data-theme="aurora-glass"] .search-input { background: rgba(20,184,166,0.05) !important; border: 1px solid rgba(20,184,166,0.12) !important; color: #f1f5f9 !important; backdrop-filter: blur(8px) !important; } html[data-theme="aurora-glass"] .search-input::placeholder { color: #64748b !important; } html[data-theme="aurora-glass"] .search-input:focus { border-color: rgba(20,184,166,0.72) !important; box-shadow: 0 0 0 3px rgba(20,184,166,0.16) !important; background: rgba(20,184,166,0.08) !important; } html[data-theme="aurora-glass"] .tabla-clientes thead th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; border-bottom: 1px solid rgba(20,184,166,0.15) !important; } html[data-theme="aurora-glass"] .tabla-clientes tbody tr { border-bottom: 1px solid rgba(20,184,166,0.06) !important; } html[data-theme="aurora-glass"] .tabla-clientes tbody tr:hover { background: rgba(20,184,166,0.08) !important; } html[data-theme="aurora-glass"] .tabla-clientes td { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .nombre-cliente { color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .id-chip { background: rgba(20,184,166,0.12) !important; border-color: rgba(20,184,166,0.25) !important; color: #14b8a6 !important; } /* Ventas / factura */ html[data-theme="aurora-glass"] .tabla-cliente td { background: rgba(20,184,166,0.06) !important; border-color: rgba(20,184,166,0.18) !important; color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .tabla-cliente b { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .tabla-cliente [contenteditable] { color: #f1f5f9 !important; } html[data-theme="aurora-glass"] .factura-header { border-bottom-color: rgba(20,184,166,0.25) !important; } html[data-theme="aurora-glass"] .factura-numero label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .factura-logo-placeholder { background: rgba(20,184,166,0.05) !important; border: 1px dashed rgba(20,184,166,0.35) !important; color: #64748b !important; } html[data-theme="aurora-glass"] .fondo-ventas { background: transparent !important; } /* Productos — preview imagen */ html[data-theme="aurora-glass"] #preview_box { border: 2px dashed rgba(20,184,166,0.45) !important; background: rgba(20,184,166,0.06) !important; } html[data-theme="aurora-glass"] #preview_texto { color: #64748b !important; } html[data-theme="aurora-glass"] #nombre_archivo { color: #94a3b8 !important; } /* Herramientas tienda */ html[data-theme="aurora-glass"] .card.shadow-sm { background: rgba(20,184,166,0.40) !important; border: 1px solid rgba(20,184,166,0.52) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.50), 0 0 14px rgba(20,184,166,0.16) !important; } /* Inline style overrides */ html[data-theme="aurora-glass"] [style*="background-color:#0d6efd"], html[data-theme="aurora-glass"] [style*="background-color: #0d6efd"], html[data-theme="aurora-glass"] [style*="background-color:#198754"], html[data-theme="aurora-glass"] [style*="background-color: #198754"] { background: linear-gradient(90deg, rgba(20,184,166,0.42) 0%, rgba(13,148,136,0.18) 100%) !important; color: #14b8a6 !important; border-bottom: 1px solid rgba(20,184,166,0.40) !important; } html[data-theme="aurora-glass"] td[style*="color:#0d6efd"], html[data-theme="aurora-glass"] td[style*="color: #0d6efd"] { color: #14b8a6 !important; } /* Select2 */ html[data-theme="aurora-glass"] .select2-container--default .select2-selection--single { background: rgba(20,184,166,0.07) !important; border: 1px solid rgba(20,184,166,0.30) !important; color: #f1f5f9 !important; border-radius: 8px !important; } html[data-theme="aurora-glass"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #14b8a6 transparent transparent !important; } html[data-theme="aurora-glass"] .select2-dropdown { background: rgba(3,13,26,0.97) !important; border: 1px solid rgba(20,184,166,0.25) !important; backdrop-filter: blur(20px) !important; } html[data-theme="aurora-glass"] .select2-results__option { color: #e2e8f0 !important; } html[data-theme="aurora-glass"] .select2-results__option--highlighted { background: rgba(20,184,166,0.18) !important; color: #fff !important; } html[data-theme="aurora-glass"] .select2-search--dropdown .select2-search__field { background: rgba(20,184,166,0.07) !important; border: 1px solid rgba(20,184,166,0.25) !important; color: #f1f5f9 !important; } /* Scrollbar */ html[data-theme="aurora-glass"] ::-webkit-scrollbar { width: 6px; height: 6px; } html[data-theme="aurora-glass"] ::-webkit-scrollbar-track { background: transparent; } html[data-theme="aurora-glass"] ::-webkit-scrollbar-thumb { background: rgba(20,184,166,0.35); border-radius: 4px; } html[data-theme="aurora-glass"] ::-webkit-scrollbar-thumb:hover { background: rgba(20,184,166,0.60); } /* ================================================================ AURORA-GLASS — TEXTO BLANCO EN CARDS Asegura legibilidad sobre el fondo teal sólido ================================================================ */ html[data-theme="aurora-glass"] .card h1, html[data-theme="aurora-glass"] .card h2, html[data-theme="aurora-glass"] .card h3, html[data-theme="aurora-glass"] .card h4, html[data-theme="aurora-glass"] .card h5, html[data-theme="aurora-glass"] .card h6 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="aurora-glass"] .card-body, html[data-theme="aurora-glass"] .card-text, html[data-theme="aurora-glass"] .card-title { color: #ffffff !important; } html[data-theme="aurora-glass"] .card p, html[data-theme="aurora-glass"] .card .text-muted, html[data-theme="aurora-glass"] .card small { color: rgba(255,255,255,0.75) !important; } html[data-theme="aurora-glass"] .card-header h1, html[data-theme="aurora-glass"] .card-header h2, html[data-theme="aurora-glass"] .card-header h3, html[data-theme="aurora-glass"] .card-header h4, html[data-theme="aurora-glass"] .card-header h5, html[data-theme="aurora-glass"] .card-header h6, html[data-theme="aurora-glass"] .card-header span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Stat cards dashboard — números y títulos */ html[data-theme="aurora-glass"] .dashboard-stat-card h2, html[data-theme="aurora-glass"] .dashboard-stat-card h3, html[data-theme="aurora-glass"] .dashboard-stat-card h5, html[data-theme="aurora-glass"] .dashboard-stat-card h6, html[data-theme="aurora-glass"] .dashboard-stat-card .card-title, html[data-theme="aurora-glass"] .dashboard-stat-card p, html[data-theme="aurora-glass"] .dashboard-stat-card span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ================================================================ AURORA-GLASS — TOASTS ================================================================ */ /* -- #theme-toast (herramientas/themes.blade.php) -------------- */ html[data-theme="aurora-glass"] #theme-toast { background: rgba(2,18,16,0.97) !important; border: 1px solid rgba(20,184,166,0.50) !important; color: #ffffff !important; box-shadow: 0 8px 32px rgba(0,0,0,0.55), 0 0 16px rgba(20,184,166,0.22) !important; backdrop-filter: blur(20px) !important; } html[data-theme="aurora-glass"] #theme-toast i { color: #2dd4bf !important; } html[data-theme="aurora-glass"] #theme-toast span { color: #ffffff !important; } /* -- #toastBorradorPendiente (ventas/nueva.blade.php) ---------- */ html[data-theme="aurora-glass"] #toastBorradorPendiente { background: rgba(2,18,16,0.97) !important; border: 1px solid rgba(20,184,166,0.45) !important; border-left: 4px solid #14b8a6 !important; box-shadow: 0 8px 36px rgba(0,0,0,0.60), 0 0 18px rgba(20,184,166,0.22) !important; } html[data-theme="aurora-glass"] .borrador-toast-icon { color: #2dd4bf !important; } html[data-theme="aurora-glass"] .borrador-toast-titulo { color: #ffffff !important; } html[data-theme="aurora-glass"] .borrador-toast-subtitulo { color: rgba(255,255,255,0.60) !important; } html[data-theme="aurora-glass"] .borrador-toast-btn-guardar { background: linear-gradient(135deg, #0d9488, #14b8a6) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(20,184,166,0.35) !important; } html[data-theme="aurora-glass"] .borrador-toast-btn-no { color: rgba(255,255,255,0.55) !important; border-color: rgba(20,184,166,0.30) !important; background: transparent !important; } html[data-theme="aurora-glass"] .borrador-toast-btn-no:hover { color: #ffffff !important; border-color: rgba(20,184,166,0.65) !important; background: rgba(20,184,166,0.10) !important; } /* -- #toastInfoCliente (ventas/nueva.blade.php) ---------------- */ html[data-theme="aurora-glass"] #toastInfoCliente { background: rgba(2,18,16,0.97) !important; border: 1px solid rgba(20,184,166,0.40) !important; border-top: 4px solid #14b8a6 !important; box-shadow: 0 12px 40px rgba(0,0,0,0.65), 0 0 20px rgba(20,184,166,0.22) !important; } html[data-theme="aurora-glass"] .tic-titulo { color: #2dd4bf !important; } html[data-theme="aurora-glass"] .tic-close { color: rgba(255,255,255,0.45) !important; } html[data-theme="aurora-glass"] .tic-close:hover { color: #ffffff !important; } html[data-theme="aurora-glass"] .tic-desc-badge { background: rgba(20,184,166,0.22) !important; color: #5eead4 !important; } html[data-theme="aurora-glass"] #tic-nombre { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="aurora-glass"] .tic-facturas-label { color: rgba(255,255,255,0.50) !important; } html[data-theme="aurora-glass"] .tic-tabla th { color: #14b8a6 !important; border-bottom-color: rgba(20,184,166,0.18) !important; background: transparent !important; text-transform: uppercase; font-size: 10px; letter-spacing: 0.05em; } html[data-theme="aurora-glass"] .tic-tabla td { color: #ffffff !important; border-bottom-color: rgba(20,184,166,0.10) !important; } html[data-theme="aurora-glass"] .tic-tabla td.right { color: #4ade80 !important; } html[data-theme="aurora-glass"] .tic-tab { background: rgba(2,18,16,0.97) !important; border-top-color: rgba(20,184,166,0.22) !important; color: #2dd4bf !important; } html[data-theme="aurora-glass"] .tic-tab:hover { background: rgba(20,184,166,0.12) !important; color: #5eead4 !important; } /* ================================================================ AURORA-GLASS — PRODUCTOS (index — botones acción y config) ================================================================ */ html[data-theme="aurora-glass"] .producto-accion-editar { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(99,102,241,0.40) !important; } html[data-theme="aurora-glass"] .producto-accion-eliminar { background: linear-gradient(135deg, #f43f5e 0%, #be123c 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(244,63,94,0.38) !important; } html[data-theme="aurora-glass"] .producto-accion-btn:hover { filter: brightness(1.12) !important; transform: translateY(-1px) !important; } html[data-theme="aurora-glass"] .producto-config-btn { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(20,184,166,0.38) !important; } html[data-theme="aurora-glass"] .precio-config-content { background: linear-gradient(180deg, rgba(2,18,16,0.98), rgba(3,22,20,0.98)) !important; border: 1px solid rgba(20,184,166,0.30) !important; box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 20px rgba(20,184,166,0.14) !important; } html[data-theme="aurora-glass"] .precio-config-header { background: linear-gradient(90deg, rgba(20,184,166,0.22) 0%, rgba(13,148,136,0.14) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.20) !important; } html[data-theme="aurora-glass"] .precio-config-icon { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%) !important; box-shadow: 0 10px 24px rgba(20,184,166,0.35) !important; } html[data-theme="aurora-glass"] .precio-config-title, html[data-theme="aurora-glass"] .precio-config-card h6, html[data-theme="aurora-glass"] .precio-config-result strong { color: #ffffff !important; } html[data-theme="aurora-glass"] .precio-config-subtitle, html[data-theme="aurora-glass"] .precio-config-card p, html[data-theme="aurora-glass"] .precio-config-note, html[data-theme="aurora-glass"] .precio-config-table th, html[data-theme="aurora-glass"] .precio-config-table td, html[data-theme="aurora-glass"] .precio-config-close, html[data-theme="aurora-glass"] .precio-config-result .label { color: rgba(255,255,255,0.75) !important; } html[data-theme="aurora-glass"] .precio-config-card, html[data-theme="aurora-glass"] .precio-config-preview, html[data-theme="aurora-glass"] .precio-config-result { background: rgba(20,184,166,0.08) !important; border: 1px solid rgba(20,184,166,0.20) !important; } html[data-theme="aurora-glass"] .precio-config-table thead th { background: rgba(3,13,26,0.97) !important; color: #14b8a6 !important; } /* ================================================================ AURORA-GLASS — DASHBOARD (clases propias de dashboard.blade.php) ================================================================ */ /* -- Stat cards (dashboard-stat-card + bg-*) ------------------- */ html[data-theme="aurora-glass"] .dashboard-stat-card { border-radius: 22px; box-shadow: 0 12px 36px rgba(0,0,0,0.55), 0 0 18px rgba(20,184,166,0.25) !important; } html[data-theme="aurora-glass"] .card.dashboard-stat-card.bg-primary { background: rgba(20,184,166,0.42) !important; border: 1px solid rgba(20,184,166,0.72) !important; } html[data-theme="aurora-glass"] .card.dashboard-stat-card.bg-success { background: rgba(13,148,136,0.45) !important; border: 1px solid rgba(20,184,166,0.68) !important; } html[data-theme="aurora-glass"] .card.dashboard-stat-card.bg-danger { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.65) !important; } html[data-theme="aurora-glass"] .card.dashboard-stat-card.bg-warning { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.65) !important; } html[data-theme="aurora-glass"] .card.dashboard-stat-card.bg-info { background: rgba(20,184,166,0.38) !important; border: 1px solid rgba(20,184,166,0.65) !important; } /* Stat cards con inline style background (bg:#7c3aed, #0891b2, etc.) */ html[data-theme="aurora-glass"] .card.dashboard-stat-card { background: rgba(20,184,166,0.40) !important; border: 1px solid rgba(20,184,166,0.70) !important; } html[data-theme="aurora-glass"] .dashboard-stat-card h2, html[data-theme="aurora-glass"] .dashboard-stat-card h3, html[data-theme="aurora-glass"] .dashboard-stat-card h5, html[data-theme="aurora-glass"] .dashboard-stat-card h6 { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* -- Panel cards (dash-panel-card) ----------------------------- */ html[data-theme="aurora-glass"] .dash-panel-card { background: rgba(20,184,166,0.18) !important; border: 1px solid rgba(20,184,166,0.55) !important; box-shadow: 0 12px 36px rgba(0,0,0,0.55), 0 0 18px rgba(20,184,166,0.20) !important; } html[data-theme="aurora-glass"] .dash-panel-card .dash-panel-header { background: linear-gradient(90deg, rgba(20,184,166,0.35) 0%, rgba(13,148,136,0.22) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.40) !important; } html[data-theme="aurora-glass"] .dash-panel-card .dash-panel-title { color: #f1f5f9 !important; } /* -- Venta cards dentro del panel ------------------------------ */ html[data-theme="aurora-glass"] .dash-venta-card { background: rgba(20,184,166,0.10) !important; border: 1px solid rgba(20,184,166,0.30) !important; } html[data-theme="aurora-glass"] .dash-venta-card:hover { background: rgba(20,184,166,0.22) !important; border-color: rgba(20,184,166,0.58) !important; } html[data-theme="aurora-glass"] .dash-venta-card-num { color: #5eead4 !important; } html[data-theme="aurora-glass"] .dash-venta-card-total { color: #4ade80 !important; } /* -- Modal factura del dashboard ------------------------------- */ html[data-theme="aurora-glass"] .dash-modal-dialog { background: linear-gradient(180deg, rgba(3,20,26,0.98), rgba(2,15,20,0.98)) !important; border: 1px solid rgba(20,184,166,0.35) !important; } html[data-theme="aurora-glass"] .dash-modal-header { border-bottom-color: rgba(20,184,166,0.25) !important; } html[data-theme="aurora-glass"] .dash-modal-titulo { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .dash-factura-label { color: #14b8a6 !important; } html[data-theme="aurora-glass"] .dash-hr { border-top-color: rgba(20,184,166,0.18) !important; } /* -- Botones filtro gráfica ------------------------------------ */ html[data-theme="aurora-glass"] .filtro-chart { background: rgba(20,184,166,0.08) !important; border-color: rgba(20,184,166,0.30) !important; color: #5eead4 !important; box-shadow: none; } html[data-theme="aurora-glass"] .filtro-chart.active { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%) !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(20,184,166,0.40) !important; } /* Inline style background overrides para stat cards con colores fijos */ html[data-theme="aurora-glass"] .dashboard-stat-card[style*="background"] { background: rgba(20,184,166,0.40) !important; border: 1px solid rgba(20,184,166,0.70) !important; } /* ================================================ AURORA-GLASS — ventas/nueva.blade.php overrides ================================================ */ /* Precio modo switch toolbar */ html[data-theme="aurora-glass"] .precio-modo-switch { background: rgba(3, 13, 26, 0.85); border: 1px solid rgba(20,184,166,0.22); } html[data-theme="aurora-glass"] .precio-modo-btn { background: transparent; color: #99f6e4; } html[data-theme="aurora-glass"] .precio-modo-btn.is-active { background: linear-gradient(135deg, #0891b2 0%, #0d9488 100%); color: #ffffff; } /* Tabla productos — botones */ html[data-theme="aurora-glass"] .venta-tabla-btn-producto { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important; color: #ffffff !important; } html[data-theme="aurora-glass"] .venta-tabla-btn-cliente, html[data-theme="aurora-glass"] .venta-tabla-btn-cargar { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important; color: #ffffff !important; } html[data-theme="aurora-glass"] .venta-tabla-btn-eliminar { background: linear-gradient(135deg, #f43f5e 0%, #be123c 100%) !important; color: #ffffff !important; } /* Modal cantidad / tipo / bulto */ html[data-theme="aurora-glass"] .venta-modal-btn-cantidad, html[data-theme="aurora-glass"] .venta-modal-btn-tipo { background: linear-gradient(135deg, #0891b2 0%, #0d9488 100%) !important; color: #ffffff !important; } html[data-theme="aurora-glass"] .venta-modal-btn-bulto { background: linear-gradient(135deg, #10b981 0%, #34d399 100%) !important; color: #06281f !important; } /* Modal close button */ html[data-theme="aurora-glass"] .venta-modal-cerrar { filter: invert(1) grayscale(100%) brightness(2); } /* Modal dialogs */ html[data-theme="aurora-glass"] .venta-modal-dialog .modal-content { border: 1px solid rgba(20,184,166,0.28) !important; box-shadow: 0 18px 42px rgba(0,0,0,0.50), 0 0 0 1px rgba(20,184,166,0.10) inset !important; } html[data-theme="aurora-glass"] .venta-modal-dialog .modal-header { border-bottom: 1px solid rgba(20,184,166,0.18) !important; } html[data-theme="aurora-glass"] .venta-modal-dialog-pago .modal-header { background: linear-gradient(90deg, rgba(20,184,166,0.15) 0%, rgba(8,145,178,0.10) 100%) !important; border-bottom: 1px solid rgba(20,184,166,0.18) !important; } html[data-theme="aurora-glass"] .venta-modal-dialog hr { border-color: rgba(20,184,166,0.15); } /* Toolbar action buttons */ html[data-theme="aurora-glass"] .btn-borrador { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #3b2a04; } html[data-theme="aurora-glass"] .btn-traer { background: linear-gradient(135deg, #0891b2, #0d9488); color: #ffffff; } html[data-theme="aurora-glass"] .btn-cotizar { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; } html[data-theme="aurora-glass"] .btn-imprimir { background: linear-gradient(135deg, #10b981, #34d399); color: #06281f; } html[data-theme="aurora-glass"] .btn-limpiar { background: linear-gradient(135deg, #ef4444, #f87171); color: #ffffff; } /* Guardar venta */ html[data-theme="aurora-glass"] .btn-guardar-venta { background: linear-gradient(135deg, #10b981, #34d399) !important; color: #06281f !important; } /* Modal Borradores */ html[data-theme="aurora-glass"] #modalBorradores .modal-content { background: #030d1a !important; border: 1px solid rgba(20,184,166,0.28) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 22px 48px rgba(0,0,0,0.55) !important; } html[data-theme="aurora-glass"] #modalBorradores .modal-header, html[data-theme="aurora-glass"] #modalBorradores .modal-body { background: #030d1a !important; } html[data-theme="aurora-glass"] #modalBorradores .modal-header { background: linear-gradient(90deg, rgba(20,184,166,0.15) 0%, rgba(8,145,178,0.08) 100%) !important; } html[data-theme="aurora-glass"] #modalBorradores.is-open .modal-content { box-shadow: 0 0 0 9999px rgba(3, 7, 18, 0.52), 0 22px 48px rgba(0,0,0,0.55) !important; } html[data-theme="aurora-glass"] #modalBorradores .venta-feature-title { color: #5eead4 !important; } html[data-theme="aurora-glass"] #modalBorradores table, html[data-theme="aurora-glass"] #modalBorradores tbody tr, html[data-theme="aurora-glass"] #modalBorradores tbody td { background: #030d1a !important; } html[data-theme="aurora-glass"] #modalBorradores thead th { background: #020b16 !important; } /* Cliente selector dropdown */ html[data-theme="aurora-glass"] .cliente-selector { background: rgba(3,13,26,0.97); border: 1px solid rgba(20,184,166,0.38); box-shadow: 0 22px 44px rgba(0,0,0,0.48), 0 0 0 1px rgba(20,184,166,0.14) inset; } html[data-theme="aurora-glass"] .cliente-selector.is-open { box-shadow: 0 0 0 9999px rgba(3,7,18,0.50), 0 22px 44px rgba(0,0,0,0.48), 0 0 0 1px rgba(20,184,166,0.14) inset; } html[data-theme="aurora-glass"] .cliente-nombre-input::placeholder { color: rgba(153,246,228,0.55); } html[data-theme="aurora-glass"] .cliente-selector-close { filter: invert(1) grayscale(100%) brightness(2); } /* Pago — cuenta seleccionada highlight */ html[data-theme="aurora-glass"] #pagoVentaCuentaSeleccionada:not(:empty) { color: #2dd4bf !important; text-shadow: 0 0 14px rgba(45,212,191,0.20); } /* Pago opciones */ html[data-theme="aurora-glass"] .venta-pago-resumen, html[data-theme="aurora-glass"] .venta-pago-panel { background: linear-gradient(90deg, rgba(20,184,166,0.12) 0%, rgba(8,145,178,0.07) 100%); border-color: rgba(20,184,166,0.22); }