/* ==========================================================================
   CUSTOM LOGIN THEMES - DESIGN SYSTEM MODULAR & 100% RESPONSIVO
   Contabilizi / i9_SELLZ / SaaS / Fintech / Corporativo
   Zero Tailwind CDN dependency - 100% Pure Vanilla CSS
   ========================================================================== */

/* 0. RESET DO TEMPLATE BASE (MANTÉM #adianti_div_content 100% VISÍVEL E EM TELA CHEIA NO LOGIN) */
body.builder-template-login {
    background-color: var(--page-bg, #070c1e) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    background-image: none !important;
}

/* Garante que os containers pais do Adianti fiquem transparentes e ocupem 100% apenas no login */
.builder-template-login #wrapper,
.builder-template-login .container-login,
.builder-template-login .panel-login,
.builder-template-login .login-content,
.builder-template-login.layout-mobile .container-login,
.builder-template-login.layout-mobile .panel-login,
.builder-template-login.layout-mobile .login-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.builder-template-login #adianti_div_content {
    display: block !important;
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Oculta apenas os elementos legados do Builder (painel esquerdo antigo e links duplicados no rodapé) */
.builder-template-login .info-login,
.builder-template-login .login-details,
.builder-template-login .login-logo,
.builder-template-login > div[style*="text-align:center"],
.builder-template-login .login-content > div[style*="text-align:center"] {
    display: none !important;
    visibility: hidden !important;
}

/* 1. PRELOADER INSTANTÂNEO */
#login-preloader {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #070c1e !important;
    z-index: 99999999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
    pointer-events: all;
}

#login-preloader.loaded {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.login-preloader-spinner {
    width: 44px;
    height: 44px;
    border: 3px solid rgba(59, 130, 246, 0.15);
    border-top: 3px solid #38bdf8;
    border-right: 3px solid #0047ba;
    border-radius: 50%;
    animation: login-spin 0.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
}

.login-preloader-text {
    margin-top: 1.25rem;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #94a3b8;
}

@keyframes login-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 2. ROOT VIEWPORT & ISOLAMENTO */
#custom-login-wrapper {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
    background-color: #070c1e !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #f1f5f9 !important;
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#custom-login-wrapper *,
#custom-login-wrapper *::before,
#custom-login-wrapper *::after {
    box-sizing: border-box !important;
}

/* ==========================================================================
/* ==========================================================================
   3. COLOR SCHEMES (ESQUEMAS DE CORES DARK & LIGHT CONFIGURÁVEIS)
   Pelo menos 2 matizes para cada cor principal + total compatibilidade com
   todos os 4 active_templates (split_hero, glass_center, minimal_corporate, gradient_hero).
   ========================================================================== */

/* --------------------------------------------------------------------------
   [FAMÍLIA 1: AZUL / BLUE]
   -------------------------------------------------------------------------- */

/* 1.1 BLUE (Royal Blue / Sky - Padrão Contabilizi - Dark) */
.scheme-blue,
:root {
    --brand-primary: #0047ba !important;
    --brand-secondary: #38bdf8 !important;
    --brand-hover: #003699 !important;
    --brand-glow: rgba(56, 189, 248, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #38bdf8 0%, #0052cc 50%, #0047ba 100%) !important;
    --brand-card-icon-bg: rgba(0, 71, 186, 0.25) !important;
    --brand-card-icon-color: #38bdf8 !important;
    --brand-badge-bg: rgba(0, 71, 186, 0.15) !important;
    --brand-badge-border: rgba(56, 189, 248, 0.3) !important;
    --brand-badge-text: #38bdf8 !important;
    --brand-orb-1: rgba(0, 71, 186, 0.3) !important;
    --brand-orb-2: rgba(56, 189, 248, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #38bdf8 !important;
    --input-focus-glow: rgba(56, 189, 248, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #38bdf8 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #070c1e !important;
    --card-bg: rgba(11, 19, 41, 0.75) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 1.1-L LIGHT BLUE (Royal Blue Clean - Light) */
.scheme-light_blue {
    --brand-primary: #0047ba !important;
    --brand-secondary: #0284c7 !important;
    --brand-hover: #003699 !important;
    --brand-glow: rgba(0, 71, 186, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #0284c7 0%, #0047ba 100%) !important;
    --brand-card-icon-bg: rgba(0, 71, 186, 0.08) !important;
    --brand-card-icon-color: #0047ba !important;
    --brand-badge-bg: rgba(0, 71, 186, 0.07) !important;
    --brand-badge-border: rgba(0, 71, 186, 0.2) !important;
    --brand-badge-text: #0047ba !important;
    --brand-orb-1: rgba(0, 71, 186, 0.1) !important;
    --brand-orb-2: rgba(2, 132, 199, 0.07) !important;
}

/* 1.2 NAVY (Azul Marinho Nobre / Deep Cobalt - Dark) */
.scheme-navy {
    --brand-primary: #1e3a8a !important;
    --brand-secondary: #60a5fa !important;
    --brand-hover: #172554 !important;
    --brand-glow: rgba(96, 165, 250, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 50%, #1e3a8a 100%) !important;
    --brand-card-icon-bg: rgba(30, 58, 138, 0.28) !important;
    --brand-card-icon-color: #60a5fa !important;
    --brand-badge-bg: rgba(30, 58, 138, 0.2) !important;
    --brand-badge-border: rgba(96, 165, 250, 0.3) !important;
    --brand-badge-text: #60a5fa !important;
    --brand-orb-1: rgba(30, 58, 138, 0.35) !important;
    --brand-orb-2: rgba(96, 165, 250, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #60a5fa !important;
    --input-focus-glow: rgba(96, 165, 250, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #60a5fa !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #060b18 !important;
    --card-bg: rgba(10, 18, 38, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 1.2-L LIGHT NAVY (Azul Marinho Nobre - Light) */
.scheme-light_navy {
    --brand-primary: #1e3a8a !important;
    --brand-secondary: #3b82f6 !important;
    --brand-hover: #172554 !important;
    --brand-glow: rgba(30, 58, 138, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%) !important;
    --brand-card-icon-bg: rgba(30, 58, 138, 0.08) !important;
    --brand-card-icon-color: #1e3a8a !important;
    --brand-badge-bg: rgba(30, 58, 138, 0.07) !important;
    --brand-badge-border: rgba(30, 58, 138, 0.2) !important;
    --brand-badge-text: #1e3a8a !important;
    --brand-orb-1: rgba(30, 58, 138, 0.09) !important;
    --brand-orb-2: rgba(59, 130, 246, 0.06) !important;
}

/* 1.3 INDIGO (Índigo Safira / Modern SaaS - Dark) */
.scheme-indigo {
    --brand-primary: #4338ca !important;
    --brand-secondary: #818cf8 !important;
    --brand-hover: #3730a3 !important;
    --brand-glow: rgba(129, 140, 248, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4338ca 100%) !important;
    --brand-card-icon-bg: rgba(67, 56, 202, 0.25) !important;
    --brand-card-icon-color: #818cf8 !important;
    --brand-badge-bg: rgba(67, 56, 202, 0.15) !important;
    --brand-badge-border: rgba(129, 140, 248, 0.3) !important;
    --brand-badge-text: #818cf8 !important;
    --brand-orb-1: rgba(67, 56, 202, 0.3) !important;
    --brand-orb-2: rgba(129, 140, 248, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #818cf8 !important;
    --input-focus-glow: rgba(129, 140, 248, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #818cf8 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #07091e !important;
    --card-bg: rgba(14, 15, 43, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 1.3-L LIGHT INDIGO (Índigo Safira - Light) */
.scheme-light_indigo {
    --brand-primary: #4338ca !important;
    --brand-secondary: #6366f1 !important;
    --brand-hover: #3730a3 !important;
    --brand-glow: rgba(67, 56, 202, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #6366f1 0%, #4338ca 100%) !important;
    --brand-card-icon-bg: rgba(67, 56, 202, 0.08) !important;
    --brand-card-icon-color: #4338ca !important;
    --brand-badge-bg: rgba(67, 56, 202, 0.07) !important;
    --brand-badge-border: rgba(67, 56, 202, 0.2) !important;
    --brand-badge-text: #4338ca !important;
    --brand-orb-1: rgba(67, 56, 202, 0.09) !important;
    --brand-orb-2: rgba(99, 102, 241, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 2: CIANO & OCEANO / CYAN & OCEAN]
   -------------------------------------------------------------------------- */

/* 2.1 CYAN (Cyber Cyan / Electric Aqua - Dark) */
.scheme-cyan {
    --brand-primary: #0891b2 !important;
    --brand-secondary: #22d3ee !important;
    --brand-hover: #0e7490 !important;
    --brand-glow: rgba(34, 211, 238, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #0891b2 100%) !important;
    --brand-card-icon-bg: rgba(8, 145, 178, 0.25) !important;
    --brand-card-icon-color: #22d3ee !important;
    --brand-badge-bg: rgba(8, 145, 178, 0.15) !important;
    --brand-badge-border: rgba(34, 211, 238, 0.3) !important;
    --brand-badge-text: #22d3ee !important;
    --brand-orb-1: rgba(8, 145, 178, 0.3) !important;
    --brand-orb-2: rgba(34, 211, 238, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #22d3ee !important;
    --input-focus-glow: rgba(34, 211, 238, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #22d3ee !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #040e1a !important;
    --card-bg: rgba(8, 26, 44, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 2.1-L LIGHT CYAN (Ciano Cristalino - Light) */
.scheme-light_cyan {
    --brand-primary: #0891b2 !important;
    --brand-secondary: #06b6d4 !important;
    --brand-hover: #0e7490 !important;
    --brand-glow: rgba(8, 145, 178, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    --brand-card-icon-bg: rgba(8, 145, 178, 0.08) !important;
    --brand-card-icon-color: #0891b2 !important;
    --brand-badge-bg: rgba(8, 145, 178, 0.07) !important;
    --brand-badge-border: rgba(8, 145, 178, 0.2) !important;
    --brand-badge-text: #0891b2 !important;
    --brand-orb-1: rgba(8, 145, 178, 0.09) !important;
    --brand-orb-2: rgba(6, 182, 212, 0.06) !important;
}

/* 2.2 OCEAN (Azul Oceano / Deep Teal - Dark) */
.scheme-ocean {
    --brand-primary: #0284c7 !important;
    --brand-secondary: #38bdf8 !important;
    --brand-hover: #0369a1 !important;
    --brand-glow: rgba(56, 189, 248, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%) !important;
    --brand-card-icon-bg: rgba(2, 132, 199, 0.25) !important;
    --brand-card-icon-color: #38bdf8 !important;
    --brand-badge-bg: rgba(2, 132, 199, 0.15) !important;
    --brand-badge-border: rgba(56, 189, 248, 0.3) !important;
    --brand-badge-text: #38bdf8 !important;
    --brand-orb-1: rgba(2, 132, 199, 0.3) !important;
    --brand-orb-2: rgba(56, 189, 248, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #38bdf8 !important;
    --input-focus-glow: rgba(56, 189, 248, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #38bdf8 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #050f1d !important;
    --card-bg: rgba(9, 28, 48, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 2.2-L LIGHT OCEAN (Oceano Pacífico - Light) */
.scheme-light_ocean {
    --brand-primary: #0284c7 !important;
    --brand-secondary: #0ea5e9 !important;
    --brand-hover: #0369a1 !important;
    --brand-glow: rgba(2, 132, 199, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    --brand-card-icon-bg: rgba(2, 132, 199, 0.08) !important;
    --brand-card-icon-color: #0284c7 !important;
    --brand-badge-bg: rgba(2, 132, 199, 0.07) !important;
    --brand-badge-border: rgba(2, 132, 199, 0.2) !important;
    --brand-badge-text: #0284c7 !important;
    --brand-orb-1: rgba(2, 132, 199, 0.09) !important;
    --brand-orb-2: rgba(14, 165, 233, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 3: VERDE / GREEN & TEAL]
   -------------------------------------------------------------------------- */

/* 3.1 EMERALD / GREEN (Verde Esmeralda Fintech - Dark) */
.scheme-green,
.scheme-emerald {
    --brand-primary: #059669 !important;
    --brand-secondary: #34d399 !important;
    --brand-hover: #047857 !important;
    --brand-glow: rgba(52, 211, 153, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
    --brand-card-icon-bg: rgba(5, 150, 105, 0.25) !important;
    --brand-card-icon-color: #34d399 !important;
    --brand-badge-bg: rgba(5, 150, 105, 0.15) !important;
    --brand-badge-border: rgba(52, 211, 153, 0.3) !important;
    --brand-badge-text: #34d399 !important;
    --brand-orb-1: rgba(5, 150, 105, 0.3) !important;
    --brand-orb-2: rgba(52, 211, 153, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #34d399 !important;
    --input-focus-glow: rgba(52, 211, 153, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #34d399 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #03130d !important;
    --card-bg: rgba(7, 30, 22, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 3.1-L LIGHT EMERALD / LIGHT GREEN (Verde Esmeralda Fintech - Light) */
.scheme-light_green,
.scheme-light_emerald {
    --brand-primary: #059669 !important;
    --brand-secondary: #10b981 !important;
    --brand-hover: #047857 !important;
    --brand-glow: rgba(5, 150, 105, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    --brand-card-icon-bg: rgba(5, 150, 105, 0.08) !important;
    --brand-card-icon-color: #059669 !important;
    --brand-badge-bg: rgba(5, 150, 105, 0.07) !important;
    --brand-badge-border: rgba(5, 150, 105, 0.2) !important;
    --brand-badge-text: #059669 !important;
    --brand-orb-1: rgba(5, 150, 105, 0.09) !important;
    --brand-orb-2: rgba(16, 185, 129, 0.06) !important;
}

/* 3.2 FOREST (Verde Floresta / Jade Sólido - Dark) */
.scheme-forest {
    --brand-primary: #15803d !important;
    --brand-secondary: #4ade80 !important;
    --brand-hover: #166534 !important;
    --brand-glow: rgba(74, 222, 128, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #15803d 100%) !important;
    --brand-card-icon-bg: rgba(21, 128, 61, 0.25) !important;
    --brand-card-icon-color: #4ade80 !important;
    --brand-badge-bg: rgba(21, 128, 61, 0.15) !important;
    --brand-badge-border: rgba(74, 222, 128, 0.3) !important;
    --brand-badge-text: #4ade80 !important;
    --brand-orb-1: rgba(21, 128, 61, 0.3) !important;
    --brand-orb-2: rgba(74, 222, 128, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #4ade80 !important;
    --input-focus-glow: rgba(74, 222, 128, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #4ade80 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #03120a !important;
    --card-bg: rgba(6, 30, 18, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 3.2-L LIGHT FOREST (Verde Floresta / Jade - Light) */
.scheme-light_forest {
    --brand-primary: #166534 !important;
    --brand-secondary: #22c55e !important;
    --brand-hover: #14532d !important;
    --brand-glow: rgba(22, 101, 52, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #22c55e 0%, #166534 100%) !important;
    --brand-card-icon-bg: rgba(22, 101, 52, 0.08) !important;
    --brand-card-icon-color: #166534 !important;
    --brand-badge-bg: rgba(22, 101, 52, 0.07) !important;
    --brand-badge-border: rgba(22, 101, 52, 0.2) !important;
    --brand-badge-text: #166534 !important;
    --brand-orb-1: rgba(22, 101, 52, 0.09) !important;
    --brand-orb-2: rgba(34, 197, 94, 0.06) !important;
}

/* 3.3 TEAL (Verde Petróleo / Deep Teal - Dark) */
.scheme-teal {
    --brand-primary: #0f766e !important;
    --brand-secondary: #2dd4bf !important;
    --brand-hover: #115e59 !important;
    --brand-glow: rgba(45, 212, 191, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0f766e 100%) !important;
    --brand-card-icon-bg: rgba(15, 118, 110, 0.25) !important;
    --brand-card-icon-color: #2dd4bf !important;
    --brand-badge-bg: rgba(15, 118, 110, 0.15) !important;
    --brand-badge-border: rgba(45, 212, 191, 0.3) !important;
    --brand-badge-text: #2dd4bf !important;
    --brand-orb-1: rgba(15, 118, 110, 0.3) !important;
    --brand-orb-2: rgba(45, 212, 191, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #2dd4bf !important;
    --input-focus-glow: rgba(45, 212, 191, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #2dd4bf !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #041211 !important;
    --card-bg: rgba(7, 32, 30, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 3.3-L LIGHT TEAL (Verde Petróleo - Light) */
.scheme-light_teal {
    --brand-primary: #0f766e !important;
    --brand-secondary: #14b8a6 !important;
    --brand-hover: #115e59 !important;
    --brand-glow: rgba(15, 118, 110, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%) !important;
    --brand-card-icon-bg: rgba(15, 118, 110, 0.08) !important;
    --brand-card-icon-color: #0f766e !important;
    --brand-badge-bg: rgba(15, 118, 110, 0.07) !important;
    --brand-badge-border: rgba(15, 118, 110, 0.2) !important;
    --brand-badge-text: #0f766e !important;
    --brand-orb-1: rgba(15, 118, 110, 0.09) !important;
    --brand-orb-2: rgba(20, 184, 166, 0.06) !important;
}

/* 3.4 LIME (Verde Limão / Neon Energy - Dark) */
.scheme-lime {
    --brand-primary: #65a30d !important;
    --brand-secondary: #a3e635 !important;
    --brand-hover: #4d7c0f !important;
    --brand-glow: rgba(163, 230, 53, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #a3e635 0%, #84cc16 50%, #65a30d 100%) !important;
    --brand-card-icon-bg: rgba(101, 163, 13, 0.25) !important;
    --brand-card-icon-color: #a3e635 !important;
    --brand-badge-bg: rgba(101, 163, 13, 0.15) !important;
    --brand-badge-border: rgba(163, 230, 53, 0.3) !important;
    --brand-badge-text: #a3e635 !important;
    --brand-orb-1: rgba(101, 163, 13, 0.3) !important;
    --brand-orb-2: rgba(163, 230, 53, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #a3e635 !important;
    --input-focus-glow: rgba(163, 230, 53, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #a3e635 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #0a1103 !important;
    --card-bg: rgba(22, 36, 9, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 3.4-L LIGHT LIME (Limão Citrus - Light) */
.scheme-light_lime {
    --brand-primary: #4d7c0f !important;
    --brand-secondary: #65a30d !important;
    --brand-hover: #3f6212 !important;
    --brand-glow: rgba(77, 124, 15, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #84cc16 0%, #4d7c0f 100%) !important;
    --brand-card-icon-bg: rgba(77, 124, 15, 0.08) !important;
    --brand-card-icon-color: #4d7c0f !important;
    --brand-badge-bg: rgba(77, 124, 15, 0.07) !important;
    --brand-badge-border: rgba(77, 124, 15, 0.2) !important;
    --brand-badge-text: #4d7c0f !important;
    --brand-orb-1: rgba(77, 124, 15, 0.09) !important;
    --brand-orb-2: rgba(132, 204, 22, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 4: ROXO & VIOLETA / PURPLE & VIOLET]
   -------------------------------------------------------------------------- */

/* 4.1 PURPLE (Roxo Violeta / Startups & IA - Dark) */
.scheme-purple {
    --brand-primary: #7c3aed !important;
    --brand-secondary: #c084fc !important;
    --brand-hover: #6d28d9 !important;
    --brand-glow: rgba(192, 132, 252, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #c084fc 0%, #8b5cf6 50%, #7c3aed 100%) !important;
    --brand-card-icon-bg: rgba(124, 58, 237, 0.25) !important;
    --brand-card-icon-color: #c084fc !important;
    --brand-badge-bg: rgba(124, 58, 237, 0.15) !important;
    --brand-badge-border: rgba(192, 132, 252, 0.3) !important;
    --brand-badge-text: #c084fc !important;
    --brand-orb-1: rgba(124, 58, 237, 0.3) !important;
    --brand-orb-2: rgba(192, 132, 252, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #c084fc !important;
    --input-focus-glow: rgba(192, 132, 252, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #c084fc !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #0f071e !important;
    --card-bg: rgba(25, 11, 46, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 4.1-L LIGHT PURPLE (Roxo Violeta - Light) */
.scheme-light_purple {
    --brand-primary: #7c3aed !important;
    --brand-secondary: #8b5cf6 !important;
    --brand-hover: #6d28d9 !important;
    --brand-glow: rgba(124, 58, 237, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    --brand-card-icon-bg: rgba(124, 58, 237, 0.08) !important;
    --brand-card-icon-color: #7c3aed !important;
    --brand-badge-bg: rgba(124, 58, 237, 0.07) !important;
    --brand-badge-border: rgba(124, 58, 237, 0.2) !important;
    --brand-badge-text: #7c3aed !important;
    --brand-orb-1: rgba(124, 58, 237, 0.09) !important;
    --brand-orb-2: rgba(139, 92, 246, 0.06) !important;
}

/* 4.2 VIOLET (Violeta Elétrico / Deep Violet - Dark) */
.scheme-violet {
    --brand-primary: #9333ea !important;
    --brand-secondary: #d8b4fe !important;
    --brand-hover: #7e22ce !important;
    --brand-glow: rgba(216, 180, 254, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #d8b4fe 0%, #a855f7 50%, #9333ea 100%) !important;
    --brand-card-icon-bg: rgba(147, 51, 234, 0.25) !important;
    --brand-card-icon-color: #d8b4fe !important;
    --brand-badge-bg: rgba(147, 51, 234, 0.15) !important;
    --brand-badge-border: rgba(216, 180, 254, 0.3) !important;
    --brand-badge-text: #d8b4fe !important;
    --brand-orb-1: rgba(147, 51, 234, 0.3) !important;
    --brand-orb-2: rgba(216, 180, 254, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #d8b4fe !important;
    --input-focus-glow: rgba(216, 180, 254, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #d8b4fe !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #110520 !important;
    --card-bg: rgba(30, 11, 54, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 4.2-L LIGHT VIOLET (Lavanda Executivo - Light) */
.scheme-light_violet {
    --brand-primary: #9333ea !important;
    --brand-secondary: #a855f7 !important;
    --brand-hover: #7e22ce !important;
    --brand-glow: rgba(147, 51, 234, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #a855f7 0%, #9333ea 100%) !important;
    --brand-card-icon-bg: rgba(147, 51, 234, 0.08) !important;
    --brand-card-icon-color: #9333ea !important;
    --brand-badge-bg: rgba(147, 51, 234, 0.07) !important;
    --brand-badge-border: rgba(147, 51, 234, 0.2) !important;
    --brand-badge-text: #9333ea !important;
    --brand-orb-1: rgba(147, 51, 234, 0.09) !important;
    --brand-orb-2: rgba(168, 85, 247, 0.06) !important;
}

/* 4.3 FUCHSIA (Fuchsia / Magenta Neon - Dark) */
.scheme-fuchsia {
    --brand-primary: #c026d3 !important;
    --brand-secondary: #f0abfc !important;
    --brand-hover: #a21caf !important;
    --brand-glow: rgba(240, 171, 252, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #f0abfc 0%, #d946ef 50%, #c026d3 100%) !important;
    --brand-card-icon-bg: rgba(192, 38, 211, 0.25) !important;
    --brand-card-icon-color: #f0abfc !important;
    --brand-badge-bg: rgba(192, 38, 211, 0.15) !important;
    --brand-badge-border: rgba(240, 171, 252, 0.3) !important;
    --brand-badge-text: #f0abfc !important;
    --brand-orb-1: rgba(192, 38, 211, 0.3) !important;
    --brand-orb-2: rgba(240, 171, 252, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #f0abfc !important;
    --input-focus-glow: rgba(240, 171, 252, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #f0abfc !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #17041c !important;
    --card-bg: rgba(40, 8, 48, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 4.3-L LIGHT FUCHSIA (Magenta Vibrante - Light) */
.scheme-light_fuchsia {
    --brand-primary: #c026d3 !important;
    --brand-secondary: #d946ef !important;
    --brand-hover: #a21caf !important;
    --brand-glow: rgba(192, 38, 211, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #d946ef 0%, #c026d3 100%) !important;
    --brand-card-icon-bg: rgba(192, 38, 211, 0.08) !important;
    --brand-card-icon-color: #c026d3 !important;
    --brand-badge-bg: rgba(192, 38, 211, 0.07) !important;
    --brand-badge-border: rgba(192, 38, 211, 0.2) !important;
    --brand-badge-text: #c026d3 !important;
    --brand-orb-1: rgba(192, 38, 211, 0.09) !important;
    --brand-orb-2: rgba(217, 70, 239, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 5: VERMELHO, VINHO & ROSA / RED, WINE & ROSE]
   -------------------------------------------------------------------------- */

/* 5.1 RED (Vermelho Rubi / Crimson - Dark) */
.scheme-red {
    --brand-primary: #dc2626 !important;
    --brand-secondary: #f87171 !important;
    --brand-hover: #b91c1c !important;
    --brand-glow: rgba(248, 113, 113, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%) !important;
    --brand-card-icon-bg: rgba(220, 38, 38, 0.25) !important;
    --brand-card-icon-color: #f87171 !important;
    --brand-badge-bg: rgba(220, 38, 38, 0.15) !important;
    --brand-badge-border: rgba(248, 113, 113, 0.3) !important;
    --brand-badge-text: #f87171 !important;
    --brand-orb-1: rgba(220, 38, 38, 0.3) !important;
    --brand-orb-2: rgba(248, 113, 113, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #f87171 !important;
    --input-focus-glow: rgba(248, 113, 113, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #f87171 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #190505 !important;
    --card-bg: rgba(43, 10, 10, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 5.1-L LIGHT RED (Vermelho Rubi - Light) */
.scheme-light_red {
    --brand-primary: #dc2626 !important;
    --brand-secondary: #ef4444 !important;
    --brand-hover: #b91c1c !important;
    --brand-glow: rgba(220, 38, 38, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    --brand-card-icon-bg: rgba(220, 38, 38, 0.08) !important;
    --brand-card-icon-color: #dc2626 !important;
    --brand-badge-bg: rgba(220, 38, 38, 0.07) !important;
    --brand-badge-border: rgba(220, 38, 38, 0.2) !important;
    --brand-badge-text: #dc2626 !important;
    --brand-orb-1: rgba(220, 38, 38, 0.09) !important;
    --brand-orb-2: rgba(239, 68, 68, 0.06) !important;
}

/* 5.2 WINE (Vinho Bordô / Burgundy - Dark) */
.scheme-wine {
    --brand-primary: #9f1239 !important;
    --brand-secondary: #fda4af !important;
    --brand-hover: #881337 !important;
    --brand-glow: rgba(253, 164, 175, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #fda4af 0%, #f43f5e 50%, #9f1239 100%) !important;
    --brand-card-icon-bg: rgba(159, 18, 57, 0.25) !important;
    --brand-card-icon-color: #fda4af !important;
    --brand-badge-bg: rgba(159, 18, 57, 0.15) !important;
    --brand-badge-border: rgba(253, 164, 175, 0.3) !important;
    --brand-badge-text: #fda4af !important;
    --brand-orb-1: rgba(159, 18, 57, 0.3) !important;
    --brand-orb-2: rgba(253, 164, 175, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #fda4af !important;
    --input-focus-glow: rgba(253, 164, 175, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #fda4af !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #14040a !important;
    --card-bg: rgba(36, 7, 17, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 5.2-L LIGHT WINE (Vinho Bordô - Light) */
.scheme-light_wine {
    --brand-primary: #9f1239 !important;
    --brand-secondary: #e11d48 !important;
    --brand-hover: #881337 !important;
    --brand-glow: rgba(159, 18, 57, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #e11d48 0%, #9f1239 100%) !important;
    --brand-card-icon-bg: rgba(159, 18, 57, 0.08) !important;
    --brand-card-icon-color: #9f1239 !important;
    --brand-badge-bg: rgba(159, 18, 57, 0.07) !important;
    --brand-badge-border: rgba(159, 18, 57, 0.2) !important;
    --brand-badge-text: #9f1239 !important;
    --brand-orb-1: rgba(159, 18, 57, 0.09) !important;
    --brand-orb-2: rgba(225, 29, 72, 0.06) !important;
}

/* 5.3 PINK / ROSE (Rosa Pink / Rose Glamour - Dark) */
.scheme-pink,
.scheme-rose {
    --brand-primary: #e11d48 !important;
    --brand-secondary: #fb7185 !important;
    --brand-hover: #be123c !important;
    --brand-glow: rgba(251, 113, 133, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #fb7185 0%, #f43f5e 50%, #e11d48 100%) !important;
    --brand-card-icon-bg: rgba(225, 29, 72, 0.25) !important;
    --brand-card-icon-color: #fb7185 !important;
    --brand-badge-bg: rgba(225, 29, 72, 0.15) !important;
    --brand-badge-border: rgba(251, 113, 133, 0.3) !important;
    --brand-badge-text: #fb7185 !important;
    --brand-orb-1: rgba(225, 29, 72, 0.3) !important;
    --brand-orb-2: rgba(251, 113, 133, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #fb7185 !important;
    --input-focus-glow: rgba(251, 113, 133, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #fb7185 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #18030b !important;
    --card-bg: rgba(43, 7, 19, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 5.3-L LIGHT PINK / LIGHT ROSE (Rosa Suave - Light) */
.scheme-light_pink,
.scheme-light_rose {
    --brand-primary: #e11d48 !important;
    --brand-secondary: #f43f5e !important;
    --brand-hover: #be123c !important;
    --brand-glow: rgba(225, 29, 72, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
    --brand-card-icon-bg: rgba(225, 29, 72, 0.08) !important;
    --brand-card-icon-color: #e11d48 !important;
    --brand-badge-bg: rgba(225, 29, 72, 0.07) !important;
    --brand-badge-border: rgba(225, 29, 72, 0.2) !important;
    --brand-badge-text: #e11d48 !important;
    --brand-orb-1: rgba(225, 29, 72, 0.09) !important;
    --brand-orb-2: rgba(244, 63, 94, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 6: LARANJA, CORAL & ÂMBAR / ORANGE, CORAL & AMBER]
   -------------------------------------------------------------------------- */

/* 6.1 ORANGE (Laranja Tech / Tangerine - Dark) */
.scheme-orange {
    --brand-primary: #ea580c !important;
    --brand-secondary: #fb923c !important;
    --brand-hover: #c2410c !important;
    --brand-glow: rgba(251, 146, 60, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ea580c 100%) !important;
    --brand-card-icon-bg: rgba(234, 88, 12, 0.25) !important;
    --brand-card-icon-color: #fb923c !important;
    --brand-badge-bg: rgba(234, 88, 12, 0.15) !important;
    --brand-badge-border: rgba(251, 146, 60, 0.3) !important;
    --brand-badge-text: #fb923c !important;
    --brand-orb-1: rgba(234, 88, 12, 0.3) !important;
    --brand-orb-2: rgba(251, 146, 60, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #fb923c !important;
    --input-focus-glow: rgba(251, 146, 60, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #fb923c !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #170701 !important;
    --card-bg: rgba(43, 14, 3, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 6.1-L LIGHT ORANGE (Laranja Criativo - Light) */
.scheme-light_orange {
    --brand-primary: #ea580c !important;
    --brand-secondary: #f97316 !important;
    --brand-hover: #c2410c !important;
    --brand-glow: rgba(234, 88, 12, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    --brand-card-icon-bg: rgba(234, 88, 12, 0.08) !important;
    --brand-card-icon-color: #ea580c !important;
    --brand-badge-bg: rgba(234, 88, 12, 0.07) !important;
    --brand-badge-border: rgba(234, 88, 12, 0.2) !important;
    --brand-badge-text: #ea580c !important;
    --brand-orb-1: rgba(234, 88, 12, 0.09) !important;
    --brand-orb-2: rgba(249, 115, 22, 0.06) !important;
}

/* 6.2 CORAL (Sunset Coral - Dark) */
.scheme-coral {
    --brand-primary: #f97316 !important;
    --brand-secondary: #fed7aa !important;
    --brand-hover: #ea580c !important;
    --brand-glow: rgba(254, 215, 170, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #fed7aa 0%, #fb923c 50%, #f97316 100%) !important;
    --brand-card-icon-bg: rgba(249, 115, 22, 0.25) !important;
    --brand-card-icon-color: #fed7aa !important;
    --brand-badge-bg: rgba(249, 115, 22, 0.15) !important;
    --brand-badge-border: rgba(254, 215, 170, 0.3) !important;
    --brand-badge-text: #fed7aa !important;
    --brand-orb-1: rgba(249, 115, 22, 0.3) !important;
    --brand-orb-2: rgba(254, 215, 170, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #fed7aa !important;
    --input-focus-glow: rgba(254, 215, 170, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #fed7aa !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #180802 !important;
    --card-bg: rgba(45, 16, 4, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 6.2-L LIGHT CORAL (Coral Clean - Light) */
.scheme-light_coral {
    --brand-primary: #f97316 !important;
    --brand-secondary: #fb923c !important;
    --brand-hover: #ea580c !important;
    --brand-glow: rgba(249, 115, 22, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    --brand-card-icon-bg: rgba(249, 115, 22, 0.08) !important;
    --brand-card-icon-color: #f97316 !important;
    --brand-badge-bg: rgba(249, 115, 22, 0.07) !important;
    --brand-badge-border: rgba(249, 115, 22, 0.2) !important;
    --brand-badge-text: #f97316 !important;
    --brand-orb-1: rgba(249, 115, 22, 0.09) !important;
    --brand-orb-2: rgba(251, 146, 60, 0.06) !important;
}

/* 6.3 AMBER / GOLD (Âmbar Dourado / Wealth - Dark) */
.scheme-amber,
.scheme-gold {
    --brand-primary: #d97706 !important;
    --brand-secondary: #fbbf24 !important;
    --brand-hover: #b45309 !important;
    --brand-glow: rgba(251, 191, 36, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%) !important;
    --brand-card-icon-bg: rgba(217, 119, 6, 0.25) !important;
    --brand-card-icon-color: #fbbf24 !important;
    --brand-badge-bg: rgba(217, 119, 6, 0.15) !important;
    --brand-badge-border: rgba(251, 191, 36, 0.3) !important;
    --brand-badge-text: #fbbf24 !important;
    --brand-orb-1: rgba(217, 119, 6, 0.3) !important;
    --brand-orb-2: rgba(251, 191, 36, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #fbbf24 !important;
    --input-focus-glow: rgba(251, 191, 36, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #fbbf24 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #140b01 !important;
    --card-bg: rgba(38, 20, 2, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 6.3-L LIGHT AMBER / LIGHT GOLD (Dourado Nobre - Light) */
.scheme-light_amber,
.scheme-light_gold {
    --brand-primary: #b45309 !important;
    --brand-secondary: #f59e0b !important;
    --brand-hover: #92400e !important;
    --brand-glow: rgba(180, 83, 9, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #f59e0b 0%, #b45309 100%) !important;
    --brand-card-icon-bg: rgba(180, 83, 9, 0.08) !important;
    --brand-card-icon-color: #b45309 !important;
    --brand-badge-bg: rgba(180, 83, 9, 0.07) !important;
    --brand-badge-border: rgba(180, 83, 9, 0.2) !important;
    --brand-badge-text: #b45309 !important;
    --brand-orb-1: rgba(180, 83, 9, 0.09) !important;
    --brand-orb-2: rgba(245, 158, 11, 0.06) !important;
}

/* --------------------------------------------------------------------------
   [FAMÍLIA 7: MONOCROMÁTICOS & NEUTROS / MONOCHROME & NEUTRALS]
   -------------------------------------------------------------------------- */

/* 7.1 DARK / SLATE (Monocromático Grafite / Carbono - Dark) */
.scheme-dark,
.scheme-slate {
    --brand-primary: #475569 !important;
    --brand-secondary: #94a3b8 !important;
    --brand-hover: #334155 !important;
    --brand-glow: rgba(148, 163, 184, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #94a3b8 0%, #64748b 50%, #475569 100%) !important;
    --brand-card-icon-bg: rgba(71, 85, 105, 0.25) !important;
    --brand-card-icon-color: #94a3b8 !important;
    --brand-badge-bg: rgba(71, 85, 105, 0.15) !important;
    --brand-badge-border: rgba(148, 163, 184, 0.3) !important;
    --brand-badge-text: #94a3b8 !important;
    --brand-orb-1: rgba(71, 85, 105, 0.3) !important;
    --brand-orb-2: rgba(148, 163, 184, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #94a3b8 !important;
    --input-focus-glow: rgba(148, 163, 184, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #94a3b8 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #090d16 !important;
    --card-bg: rgba(15, 23, 42, 0.8) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 7.1-L LIGHT CLEAN / LIGHT SLATE (Branco Minimalista com Grafite - Light) */
.scheme-light_clean,
.scheme-light_slate {
    --brand-primary: #0f172a !important;
    --brand-secondary: #2563eb !important;
    --brand-hover: #1e293b !important;
    --brand-glow: rgba(15, 23, 42, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #2563eb 0%, #0f172a 100%) !important;
    --brand-card-icon-bg: rgba(15, 23, 42, 0.06) !important;
    --brand-card-icon-color: #0f172a !important;
    --brand-badge-bg: rgba(15, 23, 42, 0.05) !important;
    --brand-badge-border: rgba(15, 23, 42, 0.15) !important;
    --brand-badge-text: #0f172a !important;
    --brand-orb-1: rgba(37, 99, 235, 0.07) !important;
    --brand-orb-2: rgba(15, 23, 42, 0.04) !important;
}

/* 7.2 ONYX (Carvão Mineral / Deep Charcoal - Dark) */
.scheme-onyx {
    --brand-primary: #334155 !important;
    --brand-secondary: #cbd5e1 !important;
    --brand-hover: #1e293b !important;
    --brand-glow: rgba(203, 213, 225, 0.2) !important;
    --brand-gradient: linear-gradient(135deg, #cbd5e1 0%, #64748b 50%, #334155 100%) !important;
    --brand-card-icon-bg: rgba(51, 65, 85, 0.3) !important;
    --brand-card-icon-color: #cbd5e1 !important;
    --brand-badge-bg: rgba(51, 65, 85, 0.2) !important;
    --brand-badge-border: rgba(203, 213, 225, 0.3) !important;
    --brand-badge-text: #cbd5e1 !important;
    --brand-orb-1: rgba(51, 65, 85, 0.3) !important;
    --brand-orb-2: rgba(203, 213, 225, 0.15) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(2, 6, 23, 0.85) !important;
    --input-border: #1e293b !important;
    --input-color: #ffffff !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --input-focus-border: #cbd5e1 !important;
    --input-focus-glow: rgba(203, 213, 225, 0.2) !important;
    --input-focus-bg: rgba(2, 6, 23, 0.98) !important;
    --forgot-link-color: #cbd5e1 !important;
    --remember-color: #94a3b8 !important;
    --page-bg: #030712 !important;
    --card-bg: rgba(15, 23, 42, 0.85) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #94a3b8 !important;
}

/* 7.2-L LIGHT CORPORATE (Cinza Suave Corporativo - Light) */
.scheme-light_corporate {
    --brand-primary: #1e3a8a !important;
    --brand-secondary: #475569 !important;
    --brand-hover: #172554 !important;
    --brand-glow: rgba(30, 58, 138, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #475569 0%, #1e3a8a 100%) !important;
    --brand-card-icon-bg: rgba(30, 58, 138, 0.08) !important;
    --brand-card-icon-color: #1e3a8a !important;
    --brand-badge-bg: rgba(30, 58, 138, 0.07) !important;
    --brand-badge-border: rgba(30, 58, 138, 0.2) !important;
    --brand-badge-text: #1e3a8a !important;
    --brand-orb-1: rgba(30, 58, 138, 0.08) !important;
    --brand-orb-2: rgba(71, 85, 105, 0.05) !important;
}

/* 7.3 ZINC (Zinco Metálico / Tech Minimalista - Dark) */
.scheme-zinc {
    --brand-primary: #52525b !important;
    --brand-secondary: #a1a1aa !important;
    --brand-hover: #3f3f46 !important;
    --brand-glow: rgba(161, 161, 170, 0.25) !important;
    --brand-gradient: linear-gradient(135deg, #a1a1aa 0%, #71717a 50%, #52525b 100%) !important;
    --brand-card-icon-bg: rgba(82, 82, 91, 0.25) !important;
    --brand-card-icon-color: #a1a1aa !important;
    --brand-badge-bg: rgba(82, 82, 91, 0.15) !important;
    --brand-badge-border: rgba(161, 161, 170, 0.3) !important;
    --brand-badge-text: #a1a1aa !important;
    --brand-orb-1: rgba(82, 82, 91, 0.3) !important;
    --brand-orb-2: rgba(161, 161, 170, 0.18) !important;
    --label-color: #cbd5e1 !important;
    --input-bg: rgba(3, 7, 18, 0.75) !important;
    --input-border: #27272a !important;
    --input-color: #ffffff !important;
    --input-placeholder: #71717a !important;
    --input-icon: #71717a !important;
    --input-focus-border: #a1a1aa !important;
    --input-focus-glow: rgba(161, 161, 170, 0.2) !important;
    --input-focus-bg: rgba(3, 7, 18, 0.95) !important;
    --forgot-link-color: #a1a1aa !important;
    --remember-color: #a1a1aa !important;
    --page-bg: #09090b !important;
    --card-bg: rgba(24, 24, 27, 0.85) !important;
    --heading-color: #ffffff !important;
    --subheading-color: #a1a1aa !important;
}

/* 7.3-L LIGHT ZINC (Zinco Frio Clean - Light) */
.scheme-light_zinc {
    --brand-primary: #27272a !important;
    --brand-secondary: #52525b !important;
    --brand-hover: #18181b !important;
    --brand-glow: rgba(39, 39, 42, 0.15) !important;
    --brand-gradient: linear-gradient(135deg, #71717a 0%, #27272a 100%) !important;
    --brand-card-icon-bg: rgba(39, 39, 42, 0.07) !important;
    --brand-card-icon-color: #27272a !important;
    --brand-badge-bg: rgba(39, 39, 42, 0.05) !important;
    --brand-badge-border: rgba(39, 39, 42, 0.18) !important;
    --brand-badge-text: #27272a !important;
    --brand-orb-1: rgba(39, 39, 42, 0.08) !important;
    --brand-orb-2: rgba(113, 113, 122, 0.05) !important;
}

/* ==========================================================================
   REGRAS ESTRUTURAIS UNIVERSAIS PARA TODOS OS ESQUEMAS CLAROS (LIGHT THEMES)
   Garante funcionamento consistente e impecável em TODOS os active_templates.
   ========================================================================== */

[class*="scheme-light_"] {
    --label-color: #334155 !important;
    --input-bg: #ffffff !important;
    --input-border: #cbd5e1 !important;
    --input-color: #0f172a !important;
    --input-placeholder: #94a3b8 !important;
    --input-icon: #64748b !important;
    --input-focus-border: var(--brand-primary) !important;
    --input-focus-glow: var(--brand-glow) !important;
    --input-focus-bg: #ffffff !important;
    --forgot-link-color: var(--brand-primary) !important;
    --remember-color: #475569 !important;
    --page-bg: #f8fafc !important;
    --card-bg: #ffffff !important;
    --heading-color: #0f172a !important;
    --subheading-color: #64748b !important;
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

/* Template 1: Split Hero em Light Mode */
[class*="scheme-light_"].theme-split_hero {
    background-color: #f8fafc !important;
}

[class*="scheme-light_"] .hero-column {
    background: radial-gradient(circle at 10% 20%, var(--brand-card-icon-bg) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, var(--brand-orb-2) 0%, transparent 40%),
                #f8fafc !important;
    border-right-color: #e2e8f0 !important;
}

[class*="scheme-light_"] .hero-column h1,
[class*="scheme-light_"] .hero-column .hero-main-title,
[class*="scheme-light_"] .hero-column .company-brand-title,
[class*="scheme-light_"] .hero-column .text-white {
    color: #0f172a !important;
}

[class*="scheme-light_"] .hero-column p,
[class*="scheme-light_"] .hero-column .hero-main-desc,
[class*="scheme-light_"] .hero-column .company-brand-sub,
[class*="scheme-light_"] .hero-column .text-slate-400 {
    color: #475569 !important;
}

[class*="scheme-light_"] .hero-column .border-slate-800\/80,
[class*="scheme-light_"] .hero-column .hero-footer-meta {
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}

[class*="scheme-light_"] .hero-bg-grid {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px) !important;
}

/* ==========================================================================
   REGRAS UNIVERSAIS LIGHT MODE (ALTO CONTRASTE & TIPOGRAFIA NÍTIDA)
   ========================================================================== */
[class*="scheme-light_"] {
    --page-bg: #f8fafc !important;
    --card-bg: #ffffff !important;
    --card-border: #e2e8f0 !important;
    --heading-color: #0f172a !important;
    --subheading-color: #334155 !important;
    --label-color: #0f172a !important;
    --input-bg: #ffffff !important;
    --input-border: #cbd5e1 !important;
    --input-color: #0f172a !important;
    --input-placeholder: #64748b !important;
    --input-icon: #64748b !important;
    --divider-color: #e2e8f0 !important;
    --remember-color: #334155 !important;
    --forgot-link-color: var(--brand-primary, #0047ba) !important;
    color: #1e293b !important;
}

[class*="scheme-light_"] .hero-column {
    background: radial-gradient(circle at 10% 20%, var(--brand-card-icon-bg) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, var(--brand-orb-2) 0%, transparent 40%),
                #f8fafc !important;
    border-right-color: #e2e8f0 !important;
}

[class*="scheme-light_"] .hero-bg-grid {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px) !important;
}

[class*="scheme-light_"] .company-brand-title,
[class*="scheme-light_"] .hero-main-title,
[class*="scheme-light_"] .login-form-title,
[class*="scheme-light_"] .bifold-brand-title {
    color: #0f172a !important;
}

[class*="scheme-light_"] .company-brand-sub {
    color: #475569 !important;
}

[class*="scheme-light_"] .hero-main-desc,
[class*="scheme-light_"] .bifold-brand-desc {
    color: #334155 !important;
}

[class*="scheme-light_"] .login-form-subtitle {
    color: #475569 !important;
}

[class*="scheme-light_"] .benefit-text {
    color: #1e293b !important;
    font-weight: 500 !important;
}

[class*="scheme-light_"] .hero-footer-meta {
    border-top-color: #e2e8f0 !important;
    color: #475569 !important;
}

[class*="scheme-light_"] .glass-feature-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.05) !important;
}

[class*="scheme-light_"] .glass-feature-card .feature-card-title {
    color: #475569 !important;
}

[class*="scheme-light_"] .glass-feature-card .feature-card-subtitle {
    color: #0f172a !important;
}

[class*="scheme-light_"] .form-column {
    background-color: #ffffff !important;
}

[class*="scheme-light_"] .form-column h2,
[class*="scheme-light_"] .form-column .login-form-title {
    color: #0f172a !important;
}

[class*="scheme-light_"] .form-column p,
[class*="scheme-light_"] .form-column .login-form-subtitle {
    color: #475569 !important;
}

[class*="scheme-light_"] .form-column .mobile-header-brand .text-white,
[class*="scheme-light_"] .form-column .mobile-header-brand .company-brand-title {
    color: #0f172a !important;
}

[class*="scheme-light_"] .form-column .mobile-header-brand .company-brand-sub {
    color: #475569 !important;
}

/* Template 2: Split Reverse em Light Mode */
[class*="scheme-light_"].theme-split_reverse {
    background-color: #f8fafc !important;
}

[class*="scheme-light_"].theme-split_reverse .form-column {
    background-color: #ffffff !important;
    border-right-color: #e2e8f0 !important;
}

[class*="scheme-light_"].theme-split_reverse .showcase-column {
    background: radial-gradient(circle at 80% 20%, var(--brand-card-icon-bg) 0%, transparent 40%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 40%),
                #f8fafc !important;
}

/* Template 3: Card Modern Split em Light Mode */
[class*="scheme-light_"].theme-card_modern_split {
    background: radial-gradient(circle at 30% 20%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 70% 80%, var(--brand-orb-2) 0%, transparent 60%),
                #f8fafc !important;
}

[class*="scheme-light_"] .bifold-super-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.08) !important;
}

[class*="scheme-light_"] .bifold-brand-pane {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-right-color: #e2e8f0 !important;
}

[class*="scheme-light_"] .bifold-form-pane {
    background: #ffffff !important;
}

/* Template 4: Sidebar Compact em Light Mode */
[class*="scheme-light_"].theme-sidebar_compact {
    background-color: #f8fafc !important;
}

[class*="scheme-light_"].theme-sidebar_compact .sidebar-column {
    background-color: #ffffff !important;
    border-right-color: #e2e8f0 !important;
}

[class*="scheme-light_"].theme-sidebar_compact .canvas-column {
    background: radial-gradient(circle at 50% 30%, var(--brand-card-icon-bg) 0%, transparent 55%),
                radial-gradient(circle at 80% 80%, var(--brand-orb-2) 0%, transparent 55%),
                #f8fafc !important;
}

/* Template 5: Fintech Metrics em Light Mode */
[class*="scheme-light_"].theme-fintech_metrics {
    background: radial-gradient(circle at 15% 20%, var(--brand-orb-1) 0%, transparent 50%),
                radial-gradient(circle at 85% 80%, var(--brand-orb-2) 0%, transparent 50%),
                #f8fafc !important;
}

[class*="scheme-light_"] .fintech-stat-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 20px -3px rgba(0, 0, 0, 0.05) !important;
}

[class*="scheme-light_"] .fintech-stat-card .stat-label {
    color: #475569 !important;
}

[class*="scheme-light_"] .fintech-stat-card .stat-value {
    color: #0f172a !important;
}

[class*="scheme-light_"] .fintech-login-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.08) !important;
}

/* Template 6: Fullscreen Immersive em Light Mode */
[class*="scheme-light_"].theme-fullscreen_immersive {
    background: radial-gradient(circle at 50% 30%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 50%),
                #f8fafc !important;
}

[class*="scheme-light_"] .immersive-topbar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom-color: #e2e8f0 !important;
}

[class*="scheme-light_"] .immersive-center-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.08) !important;
}

[class*="scheme-light_"] .immersive-bottombar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-top-color: #e2e8f0 !important;
    color: #475569 !important;
}

/* Template 7: Glass Center em Light Mode */
[class*="scheme-light_"].theme-glass_center {
    background: radial-gradient(circle at 50% 30%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 50%),
                #f8fafc !important;
}

[class*="scheme-light_"] .glass-center-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.08) !important;
}

/* Template 8: Minimal Corporate em Light Mode */
[class*="scheme-light_"].theme-minimal_corporate {
    background: #f1f5f9 !important;
}

[class*="scheme-light_"] .minimal-corporate-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.06) !important;
}

[class*="scheme-light_"] .minimal-corporate-card .mobile-header-brand {
    border-bottom-color: #e2e8f0 !important;
}

/* Template 9: Gradient Hero em Light Mode */
[class*="scheme-light_"].theme-gradient_hero {
    background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 50%, var(--brand-orb-1) 100%) !important;
}

[class*="scheme-light_"] .gradient-hero-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 20px 50px var(--brand-glow) !important;
}

/* Inputs, Labels, Modais e Controles Gerais em Light Mode */
[class*="scheme-light_"] label,
[class*="scheme-light_"] .col-form-label,
[class*="scheme-light_"] .control-label,
[class*="scheme-light_"] .contabilizi-label,
[class*="scheme-light_"] .tlabel {
    color: #0f172a !important;
    font-weight: 600 !important;
}

[class*="scheme-light_"] input.form-control,
[class*="scheme-light_"] input.tfield,
[class*="scheme-light_"] select.form-control,
[class*="scheme-light_"] .contabilizi-input {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

[class*="scheme-light_"] input.form-control::placeholder,
[class*="scheme-light_"] input.tfield::placeholder,
[class*="scheme-light_"] .contabilizi-input::placeholder {
    color: #64748b !important;
}

[class*="scheme-light_"] input.form-control:focus,
[class*="scheme-light_"] input.tfield:focus,
[class*="scheme-light_"] select.form-control:focus,
[class*="scheme-light_"] .contabilizi-input:focus {
    background-color: #ffffff !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3.5px var(--brand-glow) !important;
}

[class*="scheme-light_"] .login-footer-row,
[class*="scheme-light_"] .login-footer-row div {
    border-top-color: #e2e8f0 !important;
    color: #475569 !important;
}

[class*="scheme-light_"] .login-footer-link {
    color: #334155 !important;
    font-weight: 600 !important;
}

[class*="scheme-light_"] .login-footer-link:hover {
    color: var(--brand-primary) !important;
}

[class*="scheme-light_"] .btn-whatsapp-support {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

[class*="scheme-light_"] .btn-whatsapp-support:hover {
    background: #f8fafc !important;
    border-color: var(--brand-primary) !important;
    color: #0f172a !important;
}

.text-brand-gradient {
    background: var(--brand-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: var(--brand-badge-bg) !important;
    border: 1px solid var(--brand-badge-border) !important;
    color: var(--brand-badge-text) !important;
    font-size: 0.925rem !important;
    font-weight: 700 !important;
    padding: 0.55rem 1.25rem !important;
    border-radius: 9999px !important;
    letter-spacing: 0.015em !important;
    line-height: 1.4 !important;
}

.hero-badge-dot {
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    background-color: var(--brand-secondary) !important;
    border-radius: 9999px !important;
}

.hero-logo-gradient {
    background: var(--brand-gradient) !important;
    box-shadow: 0 10px 20px -5px var(--brand-glow) !important;
}

.hero-logo-icon {
    color: var(--brand-secondary) !important;
}

/* ==========================================================================
   4. TEMPLATES DE LAYOUT (DESIGN MODULAR & MULTI-ARQUITETURA)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TEMPLATE 1: SPLIT HERO (SaaS 2 Colunas: Hero Esquerda / Form Direita)
   -------------------------------------------------------------------------- */
.theme-split_hero {
    display: flex !important;
    min-height: 100vh !important;
    width: 100% !important;
    background-color: var(--page-bg, #070c1e) !important;
}

.theme-split_hero .hero-column {
    flex: 1 1 58%;
    padding: 3.5rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-right: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07));
    background: radial-gradient(circle at 10% 20%, var(--brand-card-icon-bg) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, var(--brand-orb-2) 0%, transparent 40%),
                var(--page-bg, #070c1e);
}

.theme-split_hero .hero-bg-grid,
.theme-split_reverse .hero-bg-grid,
.theme-card_modern_split .hero-bg-grid,
.theme-sidebar_compact .hero-bg-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 3.5rem 3.5rem;
    pointer-events: none;
}

.theme-split_hero .hero-orb-1,
.theme-split_reverse .hero-orb-1,
.theme-card_modern_split .hero-orb-1,
.theme-sidebar_compact .hero-orb-1 {
    position: absolute;
    top: -6rem;
    left: -6rem;
    width: 24rem;
    height: 24rem;
    background: var(--brand-orb-1);
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

.theme-split_hero .hero-orb-2,
.theme-split_reverse .hero-orb-2,
.theme-sidebar_compact .hero-orb-2 {
    position: absolute;
    bottom: -4rem;
    right: 15%;
    width: 20rem;
    height: 20rem;
    background: var(--brand-orb-2);
    border-radius: 50%;
    filter: blur(75px);
    pointer-events: none;
}

.theme-split_hero .form-column {
    flex: 1 1 42%;
    padding: 3.5rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--card-bg, rgba(11, 19, 41, 0.75));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   TEMPLATE 2: SPLIT REVERSE (Form à Esquerda / Showcase à Direita)
   -------------------------------------------------------------------------- */
.theme-split_reverse {
    display: flex !important;
    min-height: 100vh !important;
    width: 100% !important;
    background-color: var(--page-bg, #070c1e) !important;
}

.theme-split_reverse .form-column {
    flex: 1 1 42%;
    padding: 3.5rem 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--card-bg, rgba(11, 19, 41, 0.85));
    border-right: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
    z-index: 10;
}

.theme-split_reverse .showcase-column {
    flex: 1 1 58%;
    padding: 3.5rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 80% 20%, var(--brand-card-icon-bg) 0%, transparent 45%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 45%),
                var(--page-bg, #070c1e);
}

/* --------------------------------------------------------------------------
   TEMPLATE 3: CARD MODERN SPLIT (Super Card Bifold Flutuante)
   -------------------------------------------------------------------------- */
.theme-card_modern_split {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 2.5rem 1.5rem !important;
    background: radial-gradient(circle at 30% 20%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 70% 80%, var(--brand-orb-2) 0%, transparent 60%),
                var(--page-bg, #070c1e) !important;
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.bifold-super-card {
    max-width: 980px;
    width: 100%;
    min-height: 560px;
    display: flex;
    margin: auto 0 !important;
    border-radius: 1.75rem;
    overflow: hidden;
    background: var(--card-bg, rgba(15, 23, 42, 0.9));
    border: 1px solid var(--card-border, rgba(255, 255, 255, 0.1));
    box-shadow: 0 30px 80px -15px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    position: relative;
    z-index: 10;
}

.bifold-brand-pane {
    flex: 1 1 48%;
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-right: 1px solid var(--divider-color, rgba(255, 255, 255, 0.08));
    background: radial-gradient(circle at 20% 30%, var(--brand-card-icon-bg) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, var(--brand-orb-2) 0%, transparent 50%),
                rgba(8, 14, 30, 0.95);
}

.bifold-form-pane {
    flex: 1 1 52%;
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--card-bg, rgba(15, 23, 42, 0.85));
    position: relative;
    z-index: 5;
}

.bifold-benefits-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* --------------------------------------------------------------------------
   TEMPLATE 4: SIDEBAR COMPACT (Sidebar Vertical Fixa + Canvas Aberto)
   -------------------------------------------------------------------------- */
.theme-sidebar_compact {
    display: flex !important;
    min-height: 100vh !important;
    width: 100% !important;
    background-color: var(--page-bg, #070c1e) !important;
}

.theme-sidebar_compact .sidebar-column {
    flex: 0 0 400px;
    width: 400px;
    padding: 3rem 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--card-bg, rgba(11, 19, 41, 0.95));
    border-right: 1px solid var(--divider-color, rgba(255, 255, 255, 0.08));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
    z-index: 10;
}

.theme-sidebar_compact .canvas-column {
    flex: 1 1 auto;
    padding: 4rem 5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 30%, var(--brand-card-icon-bg) 0%, transparent 55%),
                radial-gradient(circle at 80% 80%, var(--brand-orb-2) 0%, transparent 55%),
                var(--page-bg, #070c1e);
}

/* --------------------------------------------------------------------------
   TEMPLATE 5: FINTECH METRICS (Hub de Métricas & Estatísticas Vivas)
   -------------------------------------------------------------------------- */
.theme-fintech_metrics {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 3rem 1.5rem 2.5rem 1.5rem !important;
    background: radial-gradient(circle at 15% 20%, var(--brand-orb-1) 0%, transparent 50%),
                radial-gradient(circle at 85% 80%, var(--brand-orb-2) 0%, transparent 50%),
                var(--page-bg, #070c1e) !important;
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.fintech-layout-container {
    max-width: 1080px;
    width: 100%;
    margin: auto 0 !important;
    padding: 0.5rem 0 !important;
    position: relative;
    z-index: 10;
}

.fintech-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 2rem !important;
}

.fintech-logo-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0.5rem !important;
}

.fintech-logo-wrapper img,
.fintech-header img,
.fintech-header .hero-logo-img {
    max-height: 52px !important;
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.fintech-grid-area {
    display: grid;
    grid-template-columns: 240px 1fr 240px;
    gap: 1.5rem;
    align-items: center;
}

.fintech-stat-card {
    background: var(--card-bg, rgba(15, 23, 42, 0.75)) !important;
    border: 1px solid var(--card-border, rgba(255, 255, 255, 0.08)) !important;
    border-radius: 1.25rem !important;
    padding: 1.35rem 1.25rem !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.fintech-stat-card:hover {
    transform: translateY(-2px);
    border-color: var(--brand-badge-border) !important;
}

.stat-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

.stat-badge {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.stat-label {
    display: block;
    font-size: 0.75rem;
    color: var(--subheading-color, #cbd5e1);
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.stat-value {
    display: block;
    font-size: 0.95rem;
    color: var(--heading-color, #ffffff);
    font-weight: 800;
    letter-spacing: -0.01em;
}

.fintech-login-card {
    background: var(--card-bg, rgba(15, 23, 42, 0.85)) !important;
    border: 1px solid var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    border-radius: 1.5rem !important;
    padding: 2.75rem 2.25rem !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
}

/* --------------------------------------------------------------------------
   TEMPLATE 6: FULLSCREEN IMMERSIVE (Topbar e Bottombar Fixas / Minimalista)
   -------------------------------------------------------------------------- */
.theme-fullscreen_immersive {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 100vh !important;
    width: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: radial-gradient(circle at 50% 30%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 50%),
                var(--page-bg, #070c1e) !important;
}

.immersive-topbar {
    width: 100%;
    padding: 1.5rem 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07));
    background: rgba(7, 12, 30, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: relative;
    z-index: 10;
}

.immersive-center-card {
    max-width: 440px;
    width: 100%;
    margin: auto 0 !important;
    padding: 2.75rem 2.25rem;
    background: var(--card-bg, rgba(15, 23, 42, 0.85)) !important;
    border: 1px solid var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    position: relative;
    z-index: 10;
}

.immersive-bottombar {
    width: 100%;
    padding: 1.25rem 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07));
    background: rgba(7, 12, 30, 0.4);
    font-size: 0.75rem;
    color: var(--subheading-color, #cbd5e1);
    position: relative;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   TEMPLATE 7: GLASS CENTER
   -------------------------------------------------------------------------- */
.theme-glass_center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 2.5rem 1.25rem !important;
    background: radial-gradient(circle at 50% 30%, var(--brand-orb-1) 0%, transparent 60%),
                radial-gradient(circle at 20% 80%, var(--brand-orb-2) 0%, transparent 50%),
                var(--page-bg, #070c1e) !important;
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.theme-glass_center .glass-center-card {
    max-width: 460px;
    width: 100%;
    margin: auto 0 !important;
    padding: 2.75rem 2.25rem;
    background: rgba(15, 23, 42, 0.8) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6) !important;
    position: relative;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   TEMPLATE 8: MINIMAL CORPORATE
   -------------------------------------------------------------------------- */
.theme-minimal_corporate {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 2.5rem 1.25rem !important;
    background: #0b1120 !important;
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.theme-minimal_corporate .minimal-corporate-card {
    max-width: 440px;
    width: 100%;
    margin: auto 0 !important;
    padding: 2.5rem 2rem;
    background: #111b2e !important;
    border: 1px solid #1e293b !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.4) !important;
    position: relative;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   TEMPLATE 9: GRADIENT HERO
   -------------------------------------------------------------------------- */
.theme-gradient_hero {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 2.5rem 1.25rem !important;
    background: linear-gradient(135deg, #09132b 0%, #0c1836 50%, var(--brand-primary, #002266) 100%) !important;
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.theme-gradient_hero .gradient-hero-card {
    max-width: 480px;
    width: 100%;
    margin: auto 0 !important;
    padding: 2.75rem 2.25rem;
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid var(--brand-glow, rgba(0, 71, 186, 0.3)) !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 20px 50px var(--brand-glow, rgba(0, 71, 186, 0.2)) !important;
    backdrop-filter: blur(20px);
    position: relative;
    z-index: 10;
}

/* Feature cards in Hero Panel */
.glass-feature-card {
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 1rem !important;
    padding: 1.15rem 1rem !important;
    backdrop-filter: blur(12px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.glass-feature-card:hover {
    transform: translateY(-2px);
    border-color: var(--brand-badge-border) !important;
}

.feature-card-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 0.6rem !important;
    background: var(--brand-card-icon-bg) !important;
    color: var(--brand-card-icon-color) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0.75rem !important;
}

.feature-card-title {
    display: block !important;
    width: 100% !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.feature-card-subtitle {
    display: block !important;
    width: 100% !important;
    font-size: 0.925rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    text-align: center !important;
}


/* 8. ESTILIZAÇÃO DE FORMULÁRIO E CONTROLES (ADIANTI OVERRIDES) */
#custom-login-wrapper form,
#custom-login-wrapper .card,
#custom-login-wrapper .panel,
#custom-login-wrapper .card-body,
#custom-login-wrapper .panel-body,
#custom-login-wrapper .card-header,
#custom-login-wrapper .panel-heading,
#custom-login-wrapper .card-footer,
#custom-login-wrapper .panel-footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#custom-login-wrapper .form-group {
    margin-bottom: 1.15rem !important;
}

#custom-login-wrapper .display-flex {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

#custom-login-wrapper .fb-field-container {
    width: 100% !important;
    position: relative !important;
}

/* Labels e Textos Semânticos */
#custom-login-wrapper label,
#custom-login-wrapper .col-form-label,
#custom-login-wrapper .control-label,
#custom-login-wrapper .contabilizi-label,
#custom-login-wrapper .tlabel,
#custom-login-wrapper font {
    display: block !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: var(--label-color, #cbd5e1) !important;
    margin-bottom: 0.45rem !important;
    letter-spacing: 0.01em !important;
}

.login-forgot-link {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--forgot-link-color, var(--brand-secondary, #38bdf8)) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.login-forgot-link:hover {
    color: var(--brand-primary, #ffffff) !important;
    text-decoration: underline !important;
}

.login-remember-text {
    font-size: 0.75rem !important;
    color: var(--remember-color, #94a3b8) !important;
    transition: color 0.2s ease !important;
}

/* Inputs & Combos (Estilo Adaptativo com Alta Nitidez) */
#custom-login-wrapper input.form-control,
#custom-login-wrapper input.tfield,
#custom-login-wrapper select.form-control,
#custom-login-wrapper .contabilizi-input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0.75rem 1rem 0.75rem 2.85rem !important;
    background-color: var(--input-bg, rgba(3, 7, 18, 0.75)) !important;
    border: 1.5px solid var(--input-border, #1e293b) !important;
    border-radius: 0.75rem !important;
    font-size: 15px !important; /* Crucial para iPhone/Safari não dar zoom */
    color: var(--input-color, #ffffff) !important;
    outline: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

#custom-login-wrapper input.form-control::placeholder,
#custom-login-wrapper input.tfield::placeholder,
#custom-login-wrapper .contabilizi-input::placeholder {
    color: var(--input-placeholder, #64748b) !important;
    font-size: 0.875rem !important;
}

#custom-login-wrapper input.form-control:focus,
#custom-login-wrapper input.tfield:focus,
#custom-login-wrapper select.form-control:focus,
#custom-login-wrapper .contabilizi-input:focus {
    border-color: var(--input-focus-border, #38bdf8) !important;
    box-shadow: 0 0 0 3.5px var(--input-focus-glow, rgba(56, 189, 248, 0.2)) !important;
    background-color: var(--input-focus-bg, rgba(3, 7, 18, 0.95)) !important;
}

/* Inner Icons (Adianti TImage in input) */
#custom-login-wrapper .tfield-group {
    position: relative !important;
    width: 100% !important;
}

#custom-login-wrapper .tfield-group .input-group-addon,
#custom-login-wrapper .input-group-prepend,
#custom-login-wrapper .input-group-text {
    position: absolute !important;
    left: 0.95rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: var(--input-icon, #64748b) !important;
    z-index: 10 !important;
    pointer-events: none !important;
    padding: 0 !important;
}

#custom-login-wrapper .tfield-group .input-group-addon i,
#custom-login-wrapper .tfield-group .input-group-addon span {
    font-size: 0.95rem !important;
    color: var(--input-icon, #64748b) !important;
}

/* Password Toggle Button */
#custom-login-wrapper .tpassword {
    position: relative !important;
    width: 100% !important;
}

#custom-login-wrapper .tpassword button,
#custom-login-wrapper .btn-toggle-password {
    position: absolute !important;
    right: 0.85rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: var(--input-icon, #64748b) !important;
    cursor: pointer !important;
    padding: 0.25rem !important;
    outline: none !important;
    z-index: 10 !important;
    transition: color 0.2s ease !important;
}

#custom-login-wrapper .tpassword button:hover,
#custom-login-wrapper .btn-toggle-password:hover {
    color: #cbd5e1 !important;
}

/* Botão de Login Principal */
#custom-login-wrapper .btn-login-action,
#custom-login-wrapper .btn-primary,
#custom-login-wrapper button[name="btn_acessar"] {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background: linear-gradient(135deg, var(--brand-primary, #0047ba) 0%, var(--brand-hover, #003087) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.75rem !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 10px 20px -5px var(--brand-glow, rgba(0, 71, 186, 0.4)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
    letter-spacing: 0.01em !important;
}

#custom-login-wrapper .btn-login-action:hover,
#custom-login-wrapper .btn-primary:hover,
#custom-login-wrapper button[name="btn_acessar"]:hover {
    background: linear-gradient(135deg, var(--brand-hover, #0052cc) 0%, var(--brand-primary, #0047ba) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 24px -5px var(--brand-glow, rgba(0, 71, 186, 0.5)) !important;
}

#custom-login-wrapper .btn-login-action:active,
#custom-login-wrapper .btn-primary:active {
    transform: translateY(0) !important;
}

#custom-login-wrapper .btn-login-action.btn-loading,
#custom-login-wrapper .btn-primary.btn-loading,
#custom-login-wrapper button.btn-loading {
    opacity: 0.88 !important;
    cursor: wait !important;
    pointer-events: none !important;
    filter: brightness(0.95);
}

#custom-login-wrapper .btn-login-action.btn-loading i,
#custom-login-wrapper .btn-primary.btn-loading i {
    font-size: 1.05rem !important;
    margin-right: 0.25rem !important;
}

/* WhatsApp Support Button */
.btn-whatsapp-support {
    width: 100% !important;
    height: 44px !important;
    padding: 0.75rem 1rem !important;
    background: rgba(3, 7, 18, 0.6) !important;
    border: 1px solid #1e293b !important;
    border-radius: 0.75rem !important;
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.65rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-whatsapp-support:hover {
    border-color: rgba(16, 185, 129, 0.45) !important;
    background: rgba(16, 185, 129, 0.08) !important;
    color: #34d399 !important;
}

/* CapsLock Warning */
.caps-lock-warning {
    display: none;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fbbf24;
}

.caps-lock-warning.active {
    display: flex !important;
}

/* 9. PURE VANILLA CSS UTILITY SYSTEM (ESCOPADO PARA O LOGIN) */
#custom-login-wrapper .flex { display: flex !important; }
#custom-login-wrapper .inline-flex { display: inline-flex !important; }
#custom-login-wrapper .grid { display: grid !important; }
#custom-login-wrapper .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
#custom-login-wrapper .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#custom-login-wrapper .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#custom-login-wrapper .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
#custom-login-wrapper .items-center { align-items: center !important; }
#custom-login-wrapper .justify-center { justify-content: center !important; }
#custom-login-wrapper .justify-between { justify-content: space-between !important; }
#custom-login-wrapper .flex-col { flex-direction: column !important; }
#custom-login-wrapper .gap-2 { gap: 0.5rem !important; }
#custom-login-wrapper .gap-3 { gap: 0.75rem !important; }
#custom-login-wrapper .gap-4 { gap: 1rem !important; }
#custom-login-wrapper .w-full { width: 100% !important; }
#custom-login-wrapper .w-auto { width: auto !important; }
#custom-login-wrapper .h-auto { height: auto !important; }
#custom-login-wrapper .max-w-md { max-width: 28rem !important; }
#custom-login-wrapper .max-w-xl { max-width: 36rem !important; }
#custom-login-wrapper .max-w-2xl { max-width: 42rem !important; }
#custom-login-wrapper .max-w-3xl { max-width: 48rem !important; }
#custom-login-wrapper .mx-auto { margin-left: auto !important; margin-right: auto !important; }
#custom-login-wrapper .my-auto { margin-top: auto !important; margin-bottom: auto !important; }
#custom-login-wrapper .text-center { text-align: center !important; }
#custom-login-wrapper .text-left { text-align: left !important; }
#custom-login-wrapper .text-white { color: #ffffff !important; }
#custom-login-wrapper .text-slate-300 { color: #cbd5e1 !important; }
#custom-login-wrapper .text-slate-400 { color: #94a3b8 !important; }
#custom-login-wrapper .text-slate-500 { color: #64748b !important; }
#custom-login-wrapper .text-sky-400 { color: #38bdf8 !important; }
#custom-login-wrapper .text-emerald-400 { color: #34d399 !important; }
#custom-login-wrapper .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; }
#custom-login-wrapper .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; }
#custom-login-wrapper .text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
#custom-login-wrapper .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
#custom-login-wrapper .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
#custom-login-wrapper .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; }
#custom-login-wrapper .font-medium { font-weight: 500 !important; }
#custom-login-wrapper .font-semibold { font-weight: 600 !important; }
#custom-login-wrapper .font-bold { font-weight: 700 !important; }
#custom-login-wrapper .font-extrabold { font-weight: 800 !important; }
#custom-login-wrapper .font-black { font-weight: 900 !important; }
#custom-login-wrapper .tracking-tight { letter-spacing: -0.025em !important; }
#custom-login-wrapper .tracking-wider { letter-spacing: 0.05em !important; }
#custom-login-wrapper .tracking-widest { letter-spacing: 0.1em !important; }
#custom-login-wrapper .uppercase { text-transform: uppercase !important; }
#custom-login-wrapper .pt-1 { padding-top: 0.25rem !important; }
#custom-login-wrapper .pt-2 { padding-top: 0.5rem !important; }
#custom-login-wrapper .pt-3 { padding-top: 0.75rem !important; }
#custom-login-wrapper .pt-4 { padding-top: 1rem !important; }
#custom-login-wrapper .pt-5 { padding-top: 1.25rem !important; }
#custom-login-wrapper .pt-6 { padding-top: 1.5rem !important; }
#custom-login-wrapper .mb-1 { margin-bottom: 0.25rem !important; }
#custom-login-wrapper .mb-2 { margin-bottom: 0.5rem !important; }
#custom-login-wrapper .mb-4 { margin-bottom: 1rem !important; }
#custom-login-wrapper .mb-6 { margin-bottom: 1.5rem !important; }
#custom-login-wrapper .mb-8 { margin-bottom: 2rem !important; }
#custom-login-wrapper .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
#custom-login-wrapper .relative { position: relative !important; }
#custom-login-wrapper .absolute { position: absolute !important; }
#custom-login-wrapper .inset-0 { inset: 0 !important; }
#custom-login-wrapper .rounded-lg { border-radius: 0.5rem !important; }
#custom-login-wrapper .rounded-xl { border-radius: 0.75rem !important; }
#custom-login-wrapper .rounded-2xl { border-radius: 1rem !important; }
#custom-login-wrapper .rounded-full { border-radius: 9999px !important; }
#custom-login-wrapper .border-t { border-top-width: 1px !important; }
#custom-login-wrapper .border-b { border-bottom-width: 1px !important; }
#custom-login-wrapper .border-slate-800 { border-color: #1e293b !important; }
#custom-login-wrapper .border-slate-800\/80 { border-color: rgba(30, 41, 59, 0.8) !important; }
#custom-login-wrapper .border-slate-800\/60 { border-color: rgba(30, 41, 59, 0.6) !important; }
#custom-login-wrapper .bg-slate-950 { background-color: #020617 !important; }
#custom-login-wrapper .bg-slate-900 { background-color: #0f172a !important; }
#custom-login-wrapper .bg-slate-900\/90 { background-color: rgba(15, 23, 42, 0.9) !important; }
#custom-login-wrapper .bg-emerald-500 { background-color: #10b981 !important; }
#custom-login-wrapper .bg-blue-600 { background-color: #0047ba !important; }
#custom-login-wrapper .bg-blue-500\/10 { background-color: rgba(0, 71, 186, 0.1) !important; }
#custom-login-wrapper .border-blue-500\/20 { border-color: rgba(0, 71, 186, 0.2) !important; }
#custom-login-wrapper .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important; }
#custom-login-wrapper .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important; }
#custom-login-wrapper .transition-colors { transition-property: color, background-color, border-color !important; transition-duration: 150ms !important; }

/* ==========================================================================
   9. ELEMENTOS TIPOGRÁFICOS E ESTRUTURAIS ADAPTATIVOS
   ========================================================================== */
.company-brand-title {
    color: var(--heading-color, #ffffff) !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
}

.company-brand-sub {
    color: var(--subheading-color, #94a3b8) !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-top: 0.25rem !important;
}

.hero-main-title {
    color: var(--heading-color, #ffffff) !important;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 1rem !important;
}

.hero-main-desc {
    color: var(--subheading-color, #94a3b8) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 2rem !important;
}

.hero-footer-meta {
    border-top: 1px solid var(--divider-color, rgba(255, 255, 255, 0.08)) !important;
    color: var(--subheading-color, #94a3b8) !important;
}

.login-form-title {
    color: var(--heading-color, #ffffff) !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 0.25rem !important;
}

.login-form-subtitle {
    color: var(--subheading-color, #94a3b8) !important;
    font-size: 0.85rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 1.5rem !important;
}

.login-footer-row {
    border-top: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07)) !important;
    color: var(--subheading-color, #64748b) !important;
    margin-top: 1.5rem !important;
    padding-top: 1.25rem !important;
    text-align: center !important;
    font-size: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
}

@media (min-width: 640px) {
    .login-footer-row {
        flex-direction: row !important;
    }
}

.login-footer-row a,
.login-footer-link {
    color: var(--subheading-color, #64748b) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

.login-footer-row a:hover,
.login-footer-link:hover {
    color: var(--brand-secondary, #38bdf8) !important;
    text-decoration: underline !important;
}

/* 10. RESPONSIVIDADE E OTIMIZAÇÃO MOBILE (CENTRALIZADO & ERGONÔMICO) */
.mobile-header-brand {
    display: none;
}

@media (max-width: 1280px) {
    .theme-split_hero .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .theme-split_hero,
    .theme-split_reverse,
    .theme-sidebar_compact {
        flex-direction: column !important;
        min-height: 100vh !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 1.5rem 1rem !important;
        background-color: var(--page-bg, #070c1e) !important;
    }

    .theme-split_hero .hero-column,
    .theme-split_reverse .showcase-column,
    .theme-sidebar_compact .canvas-column {
        display: none !important;
    }

    .theme-split_hero .form-column,
    .theme-split_reverse .form-column,
    .theme-sidebar_compact .sidebar-column {
        flex: none !important;
        width: 100% !important;
        max-width: 440px !important;
        margin: auto !important;
        padding: 2.25rem 1.75rem !important;
        min-height: auto !important;
        background: var(--card-bg, rgba(15, 23, 42, 0.85)) !important;
        border: 1px solid var(--card-border, rgba(255, 255, 255, 0.08)) !important;
        border-radius: 1.5rem !important;
        box-shadow: var(--card-shadow, 0 25px 50px -12px rgba(0, 0, 0, 0.6)) !important;
        backdrop-filter: blur(24px) !important;
        -webkit-backdrop-filter: blur(24px) !important;
    }

    /* Super Card Bifold no Mobile */
    .theme-card_modern_split {
        padding: 1.5rem 1rem !important;
    }

    .bifold-super-card {
        flex-direction: column !important;
        max-width: 440px !important;
        min-height: auto !important;
    }

    .bifold-brand-pane {
        display: none !important;
    }

    .bifold-form-pane {
        padding: 2.25rem 1.75rem !important;
        width: 100% !important;
    }

    /* Fintech Metrics no Mobile */
    .fintech-grid-area {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        max-width: 440px !important;
        margin: auto !important;
    }

    .fintech-stats-col {
        display: none !important;
    }

    .fintech-login-card {
        padding: 2rem 1.5rem !important;
    }

    /* Fullscreen Immersive no Mobile */
    .immersive-topbar {
        padding: 1rem 1.25rem !important;
    }

    .immersive-center-card {
        padding: 2rem 1.5rem !important;
        margin: 1.5rem auto !important;
    }

    .immersive-bottombar {
        padding: 1rem 1.25rem !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
        text-align: center !important;
    }

    .mobile-header-brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 1.75rem !important;
        padding-bottom: 1.25rem !important;
        border-bottom: 1px solid var(--divider-color, rgba(255, 255, 255, 0.07)) !important;
    }

    .desktop-header-brand {
        display: none !important;
    }

    .mobile-card-title-center {
        text-align: center !important;
    }

    .theme-glass_center,
    .theme-minimal_corporate,
    .theme-gradient_hero {
        padding: 1.5rem 1rem !important;
        align-items: center !important;
        background-color: var(--page-bg, #070c1e) !important;
    }

    .theme-glass_center .glass-center-card,
    .theme-minimal_corporate .minimal-corporate-card,
    .theme-gradient_hero .gradient-hero-card {
        padding: 2rem 1.5rem !important;
        margin: auto !important;
        background: var(--card-bg, rgba(15, 23, 42, 0.85)) !important;
        border: 1px solid var(--card-border, rgba(255, 255, 255, 0.08)) !important;
        border-radius: 1.5rem !important;
        box-shadow: var(--card-shadow, 0 25px 50px -12px rgba(0, 0, 0, 0.6)) !important;
    }

    #custom-login-wrapper input.form-control,
    #custom-login-wrapper input.tfield,
    #custom-login-wrapper select.form-control,
    #custom-login-wrapper .contabilizi-input {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .theme-split_hero .form-column,
    .theme-split_reverse .form-column,
    .theme-sidebar_compact .sidebar-column,
    .bifold-form-pane,
    .fintech-login-card,
    .immersive-center-card {
        padding: 1.75rem 1.25rem !important;
        border-radius: 1.25rem !important;
    }
}


/* ==========================================================================
   10. MODAIS, POPUPS E DIÁLOGOS (DESIGN MODERNO, ELEGANTE E FLUIDO NO LOGIN)
   Visual limpo, ícone em destaque centralizado, aplicado estritamente no Login
   ========================================================================== */
body.builder-template-login .modal.fade.in,
body.builder-template-login .modal.show,
body.builder-template-login .bootbox.modal.in,
body.builder-template-login .bootbox.modal.show,
body.builder-template-login div[role="dialog"].modal.in,
body.builder-template-login div[role="dialog"].modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999999 !important;
    background: rgba(7, 12, 30, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.builder-template-login .modal-backdrop,
body.builder-template-login .modal-backdrop.fade.in,
body.builder-template-login .modal-backdrop.show {
    display: none !important;
}

body.builder-template-login .modal-dialog {
    position: relative !important;
    margin: auto !important;
    max-width: 420px !important;
    width: 92% !important;
    z-index: 99999999 !important;
    pointer-events: auto !important;
    animation: modal-enter 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

body.builder-template-login .modal-content {
    background-color: var(--card-bg, #ffffff) !important;
    border: 1px solid var(--card-border, #e2e8f0) !important;
    border-radius: 1.75rem !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    color: var(--heading-color, #0f172a) !important;
    padding: 2.25rem 2rem 1.75rem 2rem !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
}

/* Botão Fechar (X) Moderno */
body.builder-template-login .modal-header .bootbox-close-button.close,
body.builder-template-login .modal-content .close {
    position: absolute !important;
    top: 1.25rem !important;
    right: 1.25rem !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(148, 163, 184, 0.12) !important;
    color: var(--subheading-color, #64748b) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    border: none !important;
    cursor: pointer !important;
    opacity: 0.85 !important;
    transition: all 0.2s ease !important;
    z-index: 10 !important;
    line-height: 1 !important;
    padding: 0 !important;
}

body.builder-template-login .modal-header .bootbox-close-button.close:hover,
body.builder-template-login .modal-content .close:hover {
    background: rgba(148, 163, 184, 0.25) !important;
    color: var(--heading-color, #0f172a) !important;
    transform: scale(1.08) !important;
    opacity: 1 !important;
}

/* Header & Título */
body.builder-template-login .modal-header {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

body.builder-template-login .modal-header .modal-title,
body.builder-template-login .modal-header h4 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: var(--heading-color, #0f172a) !important;
    font-weight: 800 !important;
    font-size: 1.35rem !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Body com Ícone e Mensagem */
body.builder-template-login .modal-body {
    padding: 1.25rem 0 1.5rem 0 !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

body.builder-template-login .modal-body > div,
body.builder-template-login .bootbox-body,
body.builder-template-login .bootbox-body > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Ícones Circulares com Glow e Animação */
body.builder-template-login .modal-body span.fa,
body.builder-template-login .modal-body i.fa {
    float: none !important;
    margin: 0 auto 1.25rem auto !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.85rem !important;
    animation: icon-bounce-in 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Variação Erro (Vermelho Rubi) */
body.builder-template-login .modal-body span.fa.red,
body.builder-template-login .modal-body span.fa-exclamation-circle.red,
body.builder-template-login .modal-body i.fa-exclamation-circle.red {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #ef4444 !important;
    border: 2px solid rgba(239, 68, 68, 0.25) !important;
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.22) !important;
}

/* Variação Alerta (Laranja / Âmbar) */
body.builder-template-login .modal-body span.fa.orange,
body.builder-template-login .modal-body span.fa-exclamation-triangle.orange,
body.builder-template-login .modal-body i.fa-exclamation-triangle.orange {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #f59e0b !important;
    border: 2px solid rgba(245, 158, 11, 0.25) !important;
    box-shadow: 0 0 30px rgba(245, 158, 11, 0.22) !important;
}

/* Variação Info (Azul) */
body.builder-template-login .modal-body span.fa.blue,
body.builder-template-login .modal-body span.fa-info-circle.blue,
body.builder-template-login .modal-body i.fa-info-circle.blue {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #3b82f6 !important;
    border: 2px solid rgba(59, 130, 246, 0.25) !important;
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.22) !important;
}

/* Texto da Mensagem */
body.builder-template-login .modal-body span[style*="margin-left"],
body.builder-template-login .bootbox-body span:not(.fa) {
    margin-left: 0 !important;
    display: block !important;
    color: var(--subheading-color, #475569) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    max-width: 320px !important;
    margin: 0 auto !important;
}

/* Footer com Botão de Ação Full-Width */
body.builder-template-login .modal-footer {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

body.builder-template-login .modal-footer .btn,
body.builder-template-login .bootbox .modal-footer button {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background: linear-gradient(135deg, var(--brand-primary, #0047ba) 0%, var(--brand-hover, #003087) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border-radius: 0.75rem !important;
    padding: 0 1.5rem !important;
    cursor: pointer !important;
    box-shadow: 0 10px 20px -5px var(--brand-glow, rgba(0, 71, 186, 0.4)) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: 0.01em !important;
}

body.builder-template-login .modal-footer .btn:hover,
body.builder-template-login .bootbox .modal-footer button:hover {
    background: linear-gradient(135deg, var(--brand-hover, #003087) 0%, var(--brand-primary, #0047ba) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 24px -5px var(--brand-glow, rgba(0, 71, 186, 0.55)) !important;
}

body.builder-template-login .modal-footer .btn:active,
body.builder-template-login .bootbox .modal-footer button:active {
    transform: translateY(0) !important;
}

/* SweetAlert Overrides Modernos */
body.builder-template-login .sweet-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999990 !important;
    background: rgba(7, 12, 30, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

body.builder-template-login .sweet-alert {
    z-index: 99999999 !important;
    border-radius: 1.75rem !important;
    border: 1px solid var(--card-border, #e2e8f0) !important;
    background-color: var(--card-bg, #ffffff) !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35) !important;
    padding: 2.25rem 2rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

body.builder-template-login .sweet-alert h2 {
    color: var(--heading-color, #0f172a) !important;
    font-weight: 800 !important;
    font-size: 1.35rem !important;
}

body.builder-template-login .sweet-alert p {
    color: var(--subheading-color, #475569) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

body.builder-template-login .sweet-alert button.confirm {
    background: linear-gradient(135deg, var(--brand-primary, #0047ba) 0%, var(--brand-hover, #003087) 100%) !important;
    border-radius: 0.75rem !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 20px -5px var(--brand-glow, rgba(0, 71, 186, 0.4)) !important;
}

/* Animações dos Modais */
@keyframes modal-enter {
    0% {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes icon-bounce-in {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    60% {
        opacity: 1;
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}