/* ============================================================
   SignumDigital — Sistema visual Glass / Neón (compartido)
   Solo estilos. Enlazar + clase en body: sd-glass-page theme-*
   ============================================================ */

/* ── Temas (colores por plantilla) ── */
.sd-glass-page.theme-b2b {
    --sd-accent: #a855f7;
    --sd-accent-rgb: 168, 85, 247;
    --sd-accent-2-rgb: 124, 58, 237;
    --sd-glow-rgb: 192, 132, 252;
    --sd-bg-glow-1: rgba(124, 58, 237, 0.09);
    --sd-bg-glow-2: rgba(59, 130, 246, 0.06);
    --sd-bg-glow-3: rgba(16, 185, 129, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #a855f7, #7c3aed, #c084fc);
}

.sd-glass-page.theme-b2b-green {
    --sd-accent: #10b981;
    --sd-accent-rgb: 16, 185, 129;
    --sd-accent-2-rgb: 52, 211, 153;
    --sd-glow-rgb: 110, 231, 183;
    --sd-bg-glow-1: rgba(16, 185, 129, 0.09);
    --sd-bg-glow-2: rgba(52, 211, 153, 0.06);
    --sd-bg-glow-3: rgba(41, 121, 255, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #34d399, #10b981, #6ee7b7);
}

.sd-glass-page.theme-panel {
    --sd-accent: #2979ff;
    --sd-accent-rgb: 41, 121, 255;
    --sd-accent-2-rgb: 0, 229, 255;
    --sd-glow-rgb: 147, 197, 253;
    --sd-bg-glow-1: rgba(41, 121, 255, 0.09);
    --sd-bg-glow-2: rgba(213, 0, 249, 0.06);
    --sd-bg-glow-3: rgba(0, 229, 255, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #d500f9, #2979ff, #00e5ff);
}

.sd-glass-page.theme-stock {
    --sd-accent: #3333ff;
    --sd-accent-rgb: 51, 51, 255;
    --sd-accent-2-rgb: 255, 0, 204;
    --sd-glow-rgb: 192, 132, 252;
    --sd-bg-glow-1: rgba(255, 0, 204, 0.07);
    --sd-bg-glow-2: rgba(51, 51, 255, 0.08);
    --sd-bg-glow-3: rgba(41, 121, 255, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #ff00cc, #3333ff);
}

.sd-glass-page.theme-admin {
    --sd-accent: #2979ff;
    --sd-accent-rgb: 41, 121, 255;
    --sd-accent-2-rgb: 255, 0, 204;
    --sd-glow-rgb: 147, 197, 253;
    --sd-bg-glow-1: rgba(255, 0, 204, 0.07);
    --sd-bg-glow-2: rgba(41, 121, 255, 0.08);
    --sd-bg-glow-3: rgba(51, 51, 255, 0.05);
    --sd-title-gradient: linear-gradient(90deg, #ff00cc, #3333ff);
}

.sd-glass-page.theme-finanzas {
    --sd-accent: #2979ff;
    --sd-accent-rgb: 41, 121, 255;
    --sd-accent-2-rgb: 0, 230, 118;
    --sd-glow-rgb: 147, 197, 253;
    --sd-bg-glow-1: rgba(0, 230, 118, 0.07);
    --sd-bg-glow-2: rgba(41, 121, 255, 0.08);
    --sd-bg-glow-3: rgba(0, 229, 255, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #00e676, #2979ff);
}

.sd-glass-page.theme-equipo {
    --sd-accent: #2979ff;
    --sd-accent-rgb: 41, 121, 255;
    --sd-accent-2-rgb: 0, 230, 118;
    --sd-glow-rgb: 110, 231, 183;
    --sd-bg-glow-1: rgba(0, 230, 118, 0.06);
    --sd-bg-glow-2: rgba(41, 121, 255, 0.08);
    --sd-bg-glow-3: rgba(16, 185, 129, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #00e676, #2979ff);
}

.sd-glass-page.theme-auth {
    --sd-accent: #00e5ff;
    --sd-accent-rgb: 0, 229, 255;
    --sd-accent-2-rgb: 41, 121, 255;
    --sd-glow-rgb: 147, 197, 253;
    --sd-bg-glow-1: rgba(0, 229, 255, 0.08);
    --sd-bg-glow-2: rgba(41, 121, 255, 0.06);
    --sd-bg-glow-3: rgba(213, 0, 249, 0.04);
    --sd-title-gradient: linear-gradient(90deg, #00e5ff, #2979ff, #d500f9);
}

.sd-glass-page.theme-radar {
    --sd-accent: #00e5ff;
    --sd-accent-rgb: 0, 229, 255;
    --sd-accent-2-rgb: 41, 121, 255;
    --sd-glow-rgb: 147, 197, 253;
    --sd-bg-glow-1: rgba(0, 229, 255, 0.08);
    --sd-bg-glow-2: rgba(41, 121, 255, 0.07);
    --sd-bg-glow-3: rgba(213, 0, 249, 0.05);
    --sd-title-gradient: linear-gradient(90deg, #00e5ff, #2979ff);
}

/* ── Body / fondo ── */
.sd-glass-page {
    background-color: #05070a !important;
    background-image:
        radial-gradient(ellipse 90% 55% at 50% -15%, var(--sd-bg-glow-1, rgba(124,58,237,0.09)), transparent 55%),
        radial-gradient(ellipse 50% 35% at 100% 0%, var(--sd-bg-glow-2, rgba(59,130,246,0.06)), transparent 50%),
        radial-gradient(ellipse 40% 30% at 0% 100%, var(--sd-bg-glow-3, rgba(16,185,129,0.04)), transparent 45%) !important;
}

/* ── Contenedor principal ── */
.sd-glass-page .container {
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.06) 0%, transparent 55%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.96) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.18) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* ── Header B2B / sticky ── */
.sd-glass-page .b2b-header {
    background: linear-gradient(180deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 14, 20, 0.94) 100%) !important;
    border-bottom: 1px solid rgba(var(--sd-accent-rgb), 0.2) !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page .b2b-header h1,
.sd-glass-page .container > .header h1,
.sd-glass-page .page-header h1,
.sd-glass-page .header h1,
.sd-glass-page h1.sd-glass-title {
    background: var(--sd-title-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ── Botón nav glass ── */
.sd-glass-page .btn-nav,
.sd-glass-page a.btn-nav,
.sd-glass-page button.btn-nav {
    color: #a1b1c2 !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 10px !important;
    background: radial-gradient(circle at 28% 22%, rgba(var(--sd-accent-rgb), 0.1) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 18, 32, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 16px rgba(0, 0, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.2, 0.64, 1), border-color 0.28s ease,
                box-shadow 0.32s ease, color 0.25s ease, background 0.28s ease !important;
}

.sd-glass-page .btn-nav:hover,
.sd-glass-page a.btn-nav:hover,
.sd-glass-page button.btn-nav:hover {
    transform: translateY(-2px);
    color: #f8fafc !important;
    border-color: rgba(var(--sd-glow-rgb), 0.55) !important;
    box-shadow: 0 0 20px rgba(var(--sd-accent-rgb), 0.32), 0 8px 22px rgba(0, 0, 0, 0.45),
                inset 0 0 10px rgba(var(--sd-accent-rgb), 0.1) !important;
}

/* Variantes semánticas (mantienen su color) */
.sd-glass-page .btn-nav--amber,
.sd-glass-page .btn-nav.amber {
    color: #fcd34d !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    background: radial-gradient(circle at 28% 22%, rgba(245, 158, 11, 0.14) 0%, transparent 50%),
                linear-gradient(165deg, rgba(24, 18, 8, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
}

.sd-glass-page .btn-nav--green,
.sd-glass-page .btn-nav.green {
    color: #6ee7b7 !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    background: radial-gradient(circle at 28% 22%, rgba(16, 185, 129, 0.14) 0%, transparent 50%),
                linear-gradient(165deg, rgba(10, 24, 20, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
}

.sd-glass-page .btn-nav--purple,
.sd-glass-page .btn-nav.purple {
    color: #d8b4fe !important;
    border-color: rgba(168, 85, 247, 0.35) !important;
    background: radial-gradient(circle at 28% 22%, rgba(168, 85, 247, 0.14) 0%, transparent 50%),
                linear-gradient(165deg, rgba(22, 16, 36, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
}

.sd-glass-page .btn-nav--red,
.sd-glass-page .btn-reset-total {
    color: #fca5a5 !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    background: radial-gradient(circle at 28% 22%, rgba(239, 68, 68, 0.14) 0%, transparent 50%),
                linear-gradient(165deg, rgba(28, 12, 14, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
}

/* ── Paneles / cards genéricos ── */
.sd-glass-page .hist-buscador,
.sd-glass-page .hist-nota,
.sd-glass-page .filtros,
.sd-glass-page .contexto-bar,
.sd-glass-page .paginacion,
.sd-glass-page .stat-card,
.sd-glass-page .kpi,
.sd-glass-page .bloque,
.sd-glass-page .grupo,
.sd-glass-page .msg-panel,
.sd-glass-page .mes-panel,
.sd-glass-page .tabla-wrap,
.sd-glass-page .tickets-wrap,
.sd-glass-page .cta-tabla-wrap,
.sd-glass-page .cta-cards-toolbar,
.sd-glass-page .cta-card,
.sd-glass-page .seccion,
.sd-glass-page .formulario,
.sd-glass-page .panel-creacion,
.sd-glass-page .carpeta-contenedor,
.sd-glass-page .venta-card,
.sd-glass-page .glass-panel,
.sd-glass-page .cuenta-linea-hist,
.sd-glass-page .desglose-fila,
.sd-glass-page .devol-resumen,
.sd-glass-page .corte-box,
.sd-glass-page .corte-lista,
.sd-glass-page .corte-resumen,
.sd-glass-page .toast {
    background: radial-gradient(circle at 0% 0%, rgba(var(--sd-accent-rgb), 0.05) 0%, transparent 42%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.16) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* ── Inputs ── */
.sd-glass-page input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not(.sd-input-secure),
.sd-glass-page select,
.sd-glass-page textarea,
.sd-glass-page .hist-input,
.sd-glass-page .hist-select,
.sd-glass-page .f-input,
.sd-glass-page .buscador-input {
    color: #d0d3d6 !important;
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.04) 0%, transparent 60%),
                linear-gradient(165deg, rgba(8, 12, 18, 0.98) 0%, rgba(6, 10, 16, 0.98) 100%) !important;
    border: 1px solid rgba(75, 85, 99, 0.45) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    transition: border-color 0.28s ease, box-shadow 0.28s ease !important;
}

.sd-glass-page input::placeholder,
.sd-glass-page textarea::placeholder {
    color: #4b5563 !important;
}

.sd-glass-page input:not(.sd-input-secure):focus,
.sd-glass-page select:focus,
.sd-glass-page textarea:focus,
.sd-glass-page .hist-input:focus,
.sd-glass-page .hist-select:focus,
.sd-glass-page .f-input:focus {
    border-color: rgba(var(--sd-accent-rgb), 0.5) !important;
    box-shadow: 0 0 0 2px rgba(var(--sd-accent-rgb), 0.1), 0 0 18px rgba(var(--sd-accent-rgb), 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    outline: none !important;
}

/* ── Botones acción ── */
.sd-glass-page .btn-filtrar,
.sd-glass-page .btn-premium,
.sd-glass-page .btn-master,
.sd-glass-page .btn-guardar,
.sd-glass-page button[type="submit"]:not(.btn-nav) {
    border-radius: 10px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 16px rgba(0, 0, 0, 0.42),
                inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.28s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.32s ease !important;
}

.sd-glass-page .btn-filtrar:hover,
.sd-glass-page .btn-premium:hover,
.sd-glass-page .btn-master:hover {
    transform: translateY(-2px);
}

/* ── Tablas ── */
.sd-glass-page table:not(.tabla-clientes) th,
.sd-glass-page .tabla-licencias th {
    background: linear-gradient(180deg, rgba(10, 14, 20, 0.98) 0%, rgba(8, 12, 18, 0.96) 100%) !important;
    border-bottom: 1px solid rgba(var(--sd-accent-rgb), 0.2) !important;
}

.sd-glass-page table:not(.tabla-clientes) td,
.sd-glass-page .tabla-licencias td {
    border-color: rgba(var(--sd-accent-rgb), 0.1) !important;
}

/* ── Modales ── */
.sd-glass-page .modal-overlay {
    background: rgba(5, 7, 10, 0.78) !important;
    backdrop-filter: blur(10px);
}

.sd-glass-page .modal-content,
.sd-glass-page .modal-box {
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.08) 0%, transparent 55%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.22) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.55), 0 0 32px rgba(var(--sd-accent-rgb), 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page .modal-tab {
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.04) 0%, transparent 60%),
                linear-gradient(165deg, rgba(8, 12, 18, 0.98) 0%, rgba(6, 10, 16, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.2) !important;
}

.sd-glass-page .modal-tab.active {
    border-color: rgba(var(--sd-accent-rgb), 0.55) !important;
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.12) 0%, transparent 55%),
                linear-gradient(165deg, rgba(var(--sd-accent-rgb), 0.08) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    box-shadow: 0 0 14px rgba(var(--sd-accent-rgb), 0.15) !important;
}

.sd-glass-page .pag-btn {
    color: rgba(var(--sd-glow-rgb), 0.9) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.28) !important;
    background: radial-gradient(circle at 28% 22%, rgba(var(--sd-accent-rgb), 0.12) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 18, 32, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page .pag-btn:hover:not(.disabled) {
    border-color: rgba(var(--sd-accent-rgb), 0.5) !important;
    box-shadow: 0 0 12px rgba(var(--sd-accent-rgb), 0.2) !important;
}

/* ── Dropdowns / sugerencias ── */
.sd-glass-page .hist-correo-sugerencias,
.sd-glass-page .dropdown-content,
.sd-glass-page .dropdown-menu-tabla {
    background: radial-gradient(circle at 0% 0%, rgba(var(--sd-accent-rgb), 0.06) 0%, transparent 50%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.28) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.75), 0 0 20px rgba(var(--sd-accent-rgb), 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* ── Scrollbar ── */
.sd-glass-page ::-webkit-scrollbar { width: 7px; height: 7px; }
.sd-glass-page ::-webkit-scrollbar-track { background: rgba(8, 12, 18, 0.95); }
.sd-glass-page ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--sd-accent-2-rgb, var(--sd-accent-rgb)), 0.55),
                rgba(var(--sd-accent-rgb), 0.55));
    border-radius: 10px;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.15);
}

/* ── Headers admin / stock / radar IPs ── */
.sd-glass-page .header,
.sd-glass-page .page-header,
.sd-glass-page .topbar,
.sd-glass-page .radar-header {
    background: linear-gradient(180deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 14, 20, 0.94) 100%) !important;
    border-color: rgba(var(--sd-accent-rgb), 0.2) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* ── Auth / login cards ── */
.sd-glass-page .login-container,
.sd-glass-page.sd-login-page .login-container {
    background: radial-gradient(circle at 50% 0%, rgba(var(--sd-accent-rgb), 0.08) 0%, transparent 55%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.22) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65), 0 0 32px rgba(var(--sd-accent-rgb), 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Login — texto neón azul glass (campos seguros; excluye animación ver/ocultar) */
.sd-glass-page.sd-login-page .sd-input-scan-wrap:not(.sd-pass-deciphering):not(.sd-pass-hiding) input.sd-input-secure,
.sd-glass-page.theme-auth .sd-input-scan-wrap:not(.sd-pass-deciphering):not(.sd-pass-hiding) input.sd-input-secure {
    color: #00e5ff !important;
    caret-color: #00e5ff !important;
    text-shadow:
        0 0 8px rgba(0, 229, 255, 0.65),
        0 0 16px rgba(0, 229, 255, 0.35),
        0 0 24px rgba(41, 121, 255, 0.2) !important;
    background: transparent !important;
    border: 1px solid #0e2035 !important;
    box-shadow: none !important;
}

.sd-glass-page.sd-login-page .sd-input-scan-wrap:not(.sd-pass-deciphering):not(.sd-pass-hiding) input.sd-input-secure:focus,
.sd-glass-page.theme-auth .sd-input-scan-wrap:not(.sd-pass-deciphering):not(.sd-pass-hiding) input.sd-input-secure:focus {
    border-color: rgba(0, 229, 255, 0.52) !important;
    box-shadow:
        inset 0 0 22px rgba(0, 229, 255, 0.07),
        0 0 20px rgba(0, 229, 255, 0.18) !important;
    text-shadow:
        0 0 10px rgba(0, 229, 255, 0.75),
        0 0 20px rgba(0, 229, 255, 0.45),
        0 0 30px rgba(41, 121, 255, 0.25) !important;
}

.sd-glass-page.sd-login-page .sd-input-scan-wrap input.sd-input-secure::placeholder,
.sd-glass-page.theme-auth .sd-input-scan-wrap input.sd-input-secure::placeholder {
    color: #2a3e52 !important;
    text-shadow: none !important;
}

.sd-glass-page .link-btn {
    color: rgba(var(--sd-glow-rgb), 0.9) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.28) !important;
    background: radial-gradient(circle at 28% 22%, rgba(var(--sd-accent-rgb), 0.1) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 18, 32, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.sd-glass-page .link-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--sd-accent-rgb), 0.5) !important;
    box-shadow: 0 0 14px rgba(var(--sd-accent-rgb), 0.2) !important;
    color: #f8fafc !important;
}

/* ── Finanzas admin / tarjetas ── */
.sd-glass-page .tarjeta-total,
.sd-glass-page .metrica-card,
.sd-glass-page .chart-card,
.sd-glass-page .hint-box {
    background: radial-gradient(circle at 0% 0%, rgba(var(--sd-accent-rgb), 0.06) 0%, transparent 42%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.18) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page .carpeta-header {
    background: radial-gradient(circle at 0% 50%, rgba(var(--sd-accent-rgb), 0.05) 0%, transparent 45%),
                linear-gradient(165deg, rgba(16, 20, 28, 0.98) 0%, rgba(12, 16, 22, 0.98) 100%) !important;
    border-color: rgba(var(--sd-accent-rgb), 0.14) !important;
}

.sd-glass-page .btn-regresar {
    color: rgba(var(--sd-glow-rgb), 0.95) !important;
    border: 1px solid rgba(var(--sd-accent-rgb), 0.32) !important;
    background: radial-gradient(circle at 28% 22%, rgba(var(--sd-accent-rgb), 0.16) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 18, 32, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    box-shadow: 0 0 0 1px rgba(var(--sd-accent-rgb), 0.06), 0 4px 16px rgba(0, 0, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.32s ease !important;
}

.sd-glass-page .btn-regresar:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(var(--sd-accent-rgb), 0.32), 0 8px 22px rgba(0, 0, 0, 0.45) !important;
    color: #f8fafc !important;
}

/* ── Finanzas: glass con paleta verde/azul/amarillo ── */
.sd-glass-page.theme-finanzas .tarjeta-total {
    background: radial-gradient(circle at 50% 0%, rgba(0, 230, 118, 0.08) 0%, transparent 55%),
                linear-gradient(165deg, rgba(10, 17, 24, 0.98) 0%, rgba(5, 7, 10, 0.98) 100%) !important;
    border: 2px solid rgba(0, 230, 118, 0.3) !important;
    box-shadow: 0 10px 30px rgba(0, 230, 118, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page.theme-finanzas .grafica-container,
.sd-glass-page.theme-finanzas .card-servicio,
.sd-glass-page.theme-finanzas .bloque-microscopio,
.sd-glass-page.theme-finanzas .tabla-mayor,
.sd-glass-page.theme-finanzas .panel-resumen-turno,
.sd-glass-page.theme-finanzas .modal-creditos-card,
.sd-glass-page.theme-finanzas .modal-ticket-card {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.06) 0%, transparent 50%),
                linear-gradient(165deg, rgba(16, 20, 28, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.32s ease, border-color 0.28s ease !important;
}

.sd-glass-page.theme-finanzas .grafica-container {
    border: 1px solid rgba(41, 121, 255, 0.16) !important;
}

.sd-glass-page.theme-finanzas .card-servicio {
    border: 1px solid rgba(41, 121, 255, 0.14) !important;
    border-top: 3px solid var(--marca-color, #2979ff) !important;
}

.sd-glass-page.theme-finanzas .card-servicio:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 22px rgba(41, 121, 255, 0.15), 0 10px 28px rgba(0, 0, 0, 0.45),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page.theme-finanzas .bloque-microscopio {
    border: 1px solid rgba(41, 121, 255, 0.35) !important;
    box-shadow: 0 0 20px rgba(41, 121, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page.theme-finanzas .tabla-mayor {
    border: 1px solid rgba(41, 121, 255, 0.16) !important;
}

.sd-glass-page.theme-finanzas .tabla-mayor th {
    background: linear-gradient(180deg, rgba(10, 14, 20, 0.98) 0%, rgba(8, 12, 18, 0.96) 100%) !important;
    border-bottom: 1px solid rgba(41, 121, 255, 0.18) !important;
}

.sd-glass-page.theme-finanzas .tabla-mayor tr:hover td {
    background: rgba(41, 121, 255, 0.06) !important;
}

.sd-glass-page.theme-finanzas .grid-pulso .pulso-card {
    background: radial-gradient(circle at 50% 0%, rgba(148, 163, 184, 0.08) 0%, transparent 55%),
                linear-gradient(165deg, rgba(16, 20, 28, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(41, 121, 255, 0.14) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page.theme-finanzas .grid-pulso .pulso-card:hover {
    transform: translateY(-4px);
}

.sd-glass-page.theme-finanzas .grid-pulso .pulso-card.pulso-hoy:hover {
    box-shadow: 0 0 26px rgba(0, 230, 118, 0.2), 0 10px 30px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.sd-glass-page.theme-finanzas .grid-pulso .pulso-card.pulso-semana:hover {
    box-shadow: 0 0 26px rgba(255, 234, 0, 0.2), 0 10px 30px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.sd-glass-page.theme-finanzas .grid-pulso .pulso-card.pulso-mes:hover {
    box-shadow: 0 0 26px rgba(41, 121, 255, 0.2), 0 10px 30px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.sd-glass-page.theme-finanzas .marca-metrica,
.sd-glass-page.theme-finanzas .card-servicio-header .marca-flecha {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.06) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 16, 22, 0.98) 0%, rgba(8, 10, 14, 0.98) 100%) !important;
    border-color: rgba(41, 121, 255, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.sd-glass-page.theme-finanzas .fin-switch-toolbar {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.08) 0%, transparent 50%),
                linear-gradient(165deg, rgba(16, 20, 28, 0.85) 0%, rgba(10, 12, 18, 0.75) 100%) !important;
    border: 1px solid rgba(41, 121, 255, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(8px);
}

.sd-glass-page.theme-finanzas .fin-switch-toolbar:hover {
    border-color: rgba(0, 229, 255, 0.35) !important;
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page.theme-finanzas .credito-fila,
.sd-glass-page.theme-finanzas .credito-resumen-principal {
    background: radial-gradient(circle at 28% 22%, rgba(255, 234, 0, 0.06) 0%, transparent 50%),
                linear-gradient(165deg, rgba(14, 18, 26, 0.92) 0%, rgba(10, 12, 18, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.sd-glass-page.theme-finanzas .modal-creditos-card {
    border: 1px solid rgba(255, 234, 0, 0.35) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.55), 0 0 30px rgba(255, 193, 7, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page.theme-finanzas .modal-ticket-card {
    border: 1px solid rgba(241, 196, 15, 0.3) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), 0 0 28px rgba(241, 196, 15, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page.theme-finanzas .modal-ticket-linea {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.05) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 16, 22, 0.92) 0%, rgba(8, 10, 14, 0.92) 100%) !important;
    border-color: rgba(41, 121, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.sd-glass-page.theme-finanzas .btn-cerrar-modal-creditos,
.sd-glass-page.theme-finanzas .modal-ticket-cerrar {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.08) 0%, transparent 50%),
                linear-gradient(165deg, rgba(16, 20, 28, 0.98) 0%, rgba(10, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(41, 121, 255, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page.theme-finanzas .btn-creditos-fin {
    background: radial-gradient(circle at 28% 22%, rgba(255, 234, 0, 0.14) 0%, transparent 50%),
                linear-gradient(165deg, rgba(24, 20, 8, 0.92) 0%, rgba(10, 12, 18, 0.92) 100%) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sd-glass-page.theme-finanzas .btn-filtro-tiempo {
    background: radial-gradient(circle at 28% 22%, rgba(41, 121, 255, 0.08) 0%, transparent 50%),
                linear-gradient(165deg, rgba(12, 18, 32, 0.92) 0%, rgba(10, 12, 18, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sd-glass-page.theme-finanzas .panel-resumen-turno {
    border: 1px solid rgba(41, 121, 255, 0.16) !important;
}

.sd-glass-page.theme-finanzas .header {
    backdrop-filter: blur(16px);
    border-bottom-color: rgba(41, 121, 255, 0.2) !important;
}