/**
 * ═══════════════════════════════════════════════════════════════════════════
 * A ELITE - TEMA PREMIUM
 * Área Reservada - Restyle Épico by CODEBOYS TECHNOLOGY
 * ═══════════════════════════════════════════════════════════════════════════
 */

:root {
    /* ═══════════════════════════════════════════════════════════════════════
       CORES OFICIAIS A ELITE
    ═══════════════════════════════════════════════════════════════════════ */
    --elite-primary: #E93256;
    --elite-primary-rgb: 233, 50, 86;
    --elite-primary-dark: #C4203A;
    --elite-primary-light: #FF4D70;
    --elite-primary-glow: rgba(233, 50, 86, 0.5);

    /* ═══════════════════════════════════════════════════════════════════════
       CORES PREMIUM / VIP
    ═══════════════════════════════════════════════════════════════════════ */
    --elite-gold: #D4AF37;
    --elite-gold-rgb: 212, 175, 55;
    --elite-gold-light: #F4E5B7;
    --elite-gold-glow: rgba(212, 175, 55, 0.4);

    /* ═══════════════════════════════════════════════════════════════════════
       CORES DARK THEME (PADRÃO)
    ═══════════════════════════════════════════════════════════════════════ */
    --elite-dark: #1A1A2E;
    --elite-darker: #0F0F1A;
    --elite-darkest: #080810;
    --elite-gray: #2D2D44;
    --elite-gray-light: #3D3D5C;

    /* ═══════════════════════════════════════════════════════════════════════
       CORES DE TEXTO
    ═══════════════════════════════════════════════════════════════════════ */
    --elite-text-primary: #FFFFFF;
    --elite-text-secondary: rgba(255, 255, 255, 0.7);
    --elite-text-muted: rgba(255, 255, 255, 0.5);
    --elite-text-hint: rgba(255, 255, 255, 0.3);

    /* ═══════════════════════════════════════════════════════════════════════
       CORES DE ESTADO
    ═══════════════════════════════════════════════════════════════════════ */
    --elite-success: #00D68F;
    --elite-success-glow: rgba(0, 214, 143, 0.4);
    --elite-warning: #FFB800;
    --elite-warning-glow: rgba(255, 184, 0, 0.4);
    --elite-danger: #FF3D71;
    --elite-danger-glow: rgba(255, 61, 113, 0.4);
    --elite-info: #0095FF;
    --elite-info-glow: rgba(0, 149, 255, 0.4);

    /* ═══════════════════════════════════════════════════════════════════════
       GRADIENTES ÉPICOS
    ═══════════════════════════════════════════════════════════════════════ */
    --gradient-elite: linear-gradient(135deg, #E93256 0%, #FF6B6B 50%, #D4AF37 100%);
    --gradient-elite-reverse: linear-gradient(135deg, #D4AF37 0%, #FF6B6B 50%, #E93256 100%);
    --gradient-elite-vertical: linear-gradient(180deg, #E93256 0%, #C4203A 100%);
    --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F4E5B7 50%, #D4AF37 100%);
    --gradient-dark: linear-gradient(180deg, #1A1A2E 0%, #0F0F1A 100%);
    --gradient-dark-diagonal: linear-gradient(135deg, #1A1A2E 0%, #0F0F1A 100%);
    --gradient-card: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
    --gradient-shine: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);

    /* ═══════════════════════════════════════════════════════════════════════
       GLASSMORPHISM
    ═══════════════════════════════════════════════════════════════════════ */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-bg-active: rgba(255, 255, 255, 0.12);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-border-hover: rgba(255, 255, 255, 0.2);
    --glass-blur: 20px;
    --glass-blur-heavy: 40px;

    /* ═══════════════════════════════════════════════════════════════════════
       SOMBRAS PREMIUM
    ═══════════════════════════════════════════════════════════════════════ */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.25);
    --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.3);
    --shadow-elite: 0 20px 60px rgba(233, 50, 86, 0.3);
    --shadow-elite-sm: 0 8px 24px rgba(233, 50, 86, 0.2);
    --shadow-gold: 0 10px 40px rgba(212, 175, 55, 0.25);
    --shadow-glow: 0 0 40px rgba(233, 50, 86, 0.4);
    --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.2);

    /* ═══════════════════════════════════════════════════════════════════════
       BORDER RADIUS
    ═══════════════════════════════════════════════════════════════════════ */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-full: 9999px;

    /* ═══════════════════════════════════════════════════════════════════════
       TIPOGRAFIA
    ═══════════════════════════════════════════════════════════════════════ */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.025em;
    --letter-spacing-wider: 0.05em;
    --letter-spacing-widest: 0.1em;

    /* ═══════════════════════════════════════════════════════════════════════
       SPACING
    ═══════════════════════════════════════════════════════════════════════ */
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;

    /* ═══════════════════════════════════════════════════════════════════════
       TRANSITIONS
    ═══════════════════════════════════════════════════════════════════════ */
    --transition-fast: 150ms;
    --transition-normal: 300ms;
    --transition-slow: 500ms;
    --transition-slower: 700ms;

    --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6);

    /* ═══════════════════════════════════════════════════════════════════════
       Z-INDEX LAYERS
    ═══════════════════════════════════════════════════════════════════════ */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 1080;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DARK THEME (PADRÃO)
═══════════════════════════════════════════════════════════════════════════ */
body,
[data-theme-version="dark"] {
    --bg-body: var(--elite-darker);
    --bg-surface: var(--elite-dark);
    --bg-surface-hover: var(--elite-gray);
    --bg-elevated: var(--glass-bg);
    --text-color: var(--elite-text-primary);
    --text-color-secondary: var(--elite-text-secondary);
    --border-color: var(--glass-border);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LIGHT THEME (ALTERNATIVO)
═══════════════════════════════════════════════════════════════════════════ */
[data-theme-version="light"] {
    /* Backgrounds */
    --bg-body: #F5F6FA;
    --bg-surface: #FFFFFF;
    --bg-surface-hover: #F0F2F5;
    --bg-elevated: rgba(0, 0, 0, 0.02);

    /* Text */
    --text-color: #1A1A2E;
    --text-color-secondary: rgba(26, 26, 46, 0.7);
    --border-color: rgba(0, 0, 0, 0.1);

    /* Elite Dark overrides for Light Mode */
    --elite-dark: #FFFFFF;
    --elite-darker: #F5F6FA;
    --elite-darkest: #EBEDF2;
    --elite-gray: #E8EAF0;
    --elite-gray-light: #D8DBE5;

    /* Text colors for Light Mode */
    --elite-text-primary: #1A1A2E;
    --elite-text-secondary: rgba(26, 26, 46, 0.7);
    --elite-text-muted: rgba(26, 26, 46, 0.5);
    --elite-text-hint: rgba(26, 26, 46, 0.3);

    /* Glass for Light Mode */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-bg-hover: rgba(255, 255, 255, 0.95);
    --glass-bg-active: rgba(255, 255, 255, 1);
    --glass-border: rgba(0, 0, 0, 0.08);
    --glass-border-hover: rgba(0, 0, 0, 0.15);

    /* Shadows for Light Mode */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.15);

    /* Gradients for Light Mode */
    --gradient-dark: linear-gradient(180deg, #F5F6FA 0%, #EBEDF2 100%);
    --gradient-dark-diagonal: linear-gradient(135deg, #F5F6FA 0%, #EBEDF2 100%);
    --gradient-card: linear-gradient(145deg, rgba(255,255,255,1), rgba(245,246,250,0.8));
}

/* Light Mode body background */
[data-theme-version="light"] body,
body[data-theme-version="light"] {
    background: #F5F6FA !important;
}

/* Logo switching for themes */
.logo-light {
    display: none !important;
}

.logo-dark {
    display: block !important;
}

[data-theme-version="light"] .logo-dark {
    display: none !important;
}

[data-theme-version="light"] .logo-light {
    display: block !important;
}

/* Light Mode - Nav Header / Logo */
[data-theme-version="light"] .nav-header {
    background: #FFFFFF !important;
    border-right: 1px solid rgba(0,0,0,0.06);
}

[data-theme-version="light"] .hamburger .line {
    background: #1A1A2E !important;
}

/* Light Mode - Sidebar */
[data-theme-version="light"] .deznav {
    background: #FFFFFF !important;
    border-right: 1px solid rgba(0,0,0,0.06);
}

[data-theme-version="light"] .deznav .metismenu > li > a {
    color: rgba(26,26,46,0.6) !important;
}

[data-theme-version="light"] .deznav .metismenu > li > a:hover {
    color: var(--elite-primary) !important;
    background: rgba(233,50,86,0.06) !important;
}

[data-theme-version="light"] .deznav .metismenu > li.mm-active > a {
    color: var(--elite-primary) !important;
    background: rgba(233,50,86,0.1) !important;
}

/* Light Mode - Menu Icons */
[data-theme-version="light"] .elite-menu-icon {
    background: rgba(0,0,0,0.04) !important;
    border-color: rgba(0,0,0,0.08) !important;
}

[data-theme-version="light"] .elite-menu-icon i {
    color: rgba(26,26,46,0.5) !important;
}

[data-theme-version="light"] .deznav .metismenu > li > a:hover .elite-menu-icon,
[data-theme-version="light"] .deznav .metismenu > li.mm-active .elite-menu-icon {
    background: linear-gradient(135deg, var(--elite-primary), #C4203A) !important;
    border-color: transparent !important;
}

[data-theme-version="light"] .deznav .metismenu > li > a:hover .elite-menu-icon i,
[data-theme-version="light"] .deznav .metismenu > li.mm-active .elite-menu-icon i {
    color: white !important;
}

/* Light Mode - Active Indicator */
[data-theme-version="light"] .deznav .metismenu > li.mm-active > a::before {
    background: linear-gradient(180deg, var(--elite-primary), var(--elite-gold, #D4AF37)) !important;
}

[data-theme-version="light"] .deznav .copyright {
    background: rgba(233,50,86,0.05) !important;
    border-color: rgba(233,50,86,0.1) !important;
}

[data-theme-version="light"] .deznav .copyright p,
[data-theme-version="light"] .deznav .copyright strong {
    color: rgba(26,26,46,0.5) !important;
}

/* Light Mode - Header */
[data-theme-version="light"] .header {
    background: rgba(255,255,255,0.9) !important;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

[data-theme-version="light"] .header-right .nav-link.bell {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.08);
    color: rgba(26,26,46,0.6);
}

[data-theme-version="light"] .header-right .nav-link.bell:hover {
    background: rgba(233,50,86,0.08);
    border-color: rgba(233,50,86,0.2);
    color: var(--elite-primary);
}

/* Light Mode - Cards */
[data-theme-version="light"] .card {
    background: #FFFFFF !important;
    border-color: rgba(0,0,0,0.06) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

/* Light Mode - Content Body */
[data-theme-version="light"] .content-body {
    background: #F5F6FA;
}

/* Light Mode - Footer */
[data-theme-version="light"] .footer {
    background: rgba(255,255,255,0.5);
    border-top-color: rgba(0,0,0,0.06);
}

[data-theme-version="light"] .footer .copyright p {
    color: rgba(26,26,46,0.5);
}

/* Light Mode - Dropdown */
[data-theme-version="light"] .elite-dropdown {
    background: #FFFFFF !important;
    border-color: rgba(0,0,0,0.1) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
}

[data-theme-version="light"] .elite-dropdown-name {
    color: #1A1A2E;
}

[data-theme-version="light"] .elite-logout-btn {
    color: rgba(26,26,46,0.6) !important;
}

/* Light Mode - VIP Badge */
[data-theme-version="light"] .elite-vip-badge {
    background: linear-gradient(135deg, rgba(212,175,55,0.1), rgba(212,175,55,0.03)) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BASE STYLES
═══════════════════════════════════════════════════════════════════════════ */
body {
    background: var(--gradient-dark);
    color: var(--text-color);
    font-family: var(--font-primary);
    line-height: var(--line-height-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCROLLBAR CUSTOM
═══════════════════════════════════════════════════════════════════════════ */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--elite-darker);
}

::-webkit-scrollbar-thumb {
    background: var(--elite-gray);
    border-radius: var(--radius-full);
    transition: background var(--transition-fast) var(--ease-default);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--elite-primary);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SELECTION
═══════════════════════════════════════════════════════════════════════════ */
::selection {
    background: var(--elite-primary);
    color: white;
}

::-moz-selection {
    background: var(--elite-primary);
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOCUS STATES
═══════════════════════════════════════════════════════════════════════════ */
*:focus {
    outline: none;
}

*:focus-visible {
    outline: 2px solid var(--elite-primary);
    outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   UTILITY CLASSES
═══════════════════════════════════════════════════════════════════════════ */

/* Text Colors */
.text-elite { color: var(--elite-primary) !important; }
.text-gold { color: var(--elite-gold) !important; }
.text-success-elite { color: var(--elite-success) !important; }
.text-warning-elite { color: var(--elite-warning) !important; }
.text-danger-elite { color: var(--elite-danger) !important; }
.text-muted-elite { color: var(--elite-text-muted) !important; }

/* Background Colors */
.bg-elite { background: var(--elite-primary) !important; }
.bg-elite-dark { background: var(--elite-dark) !important; }
.bg-elite-darker { background: var(--elite-darker) !important; }
.bg-gold { background: var(--elite-gold) !important; }
.bg-glass {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
}

/* Gradients */
.bg-gradient-elite { background: var(--gradient-elite) !important; }
.bg-gradient-gold { background: var(--gradient-gold) !important; }
.bg-gradient-dark { background: var(--gradient-dark) !important; }

/* Borders */
.border-elite { border-color: var(--elite-primary) !important; }
.border-gold { border-color: var(--elite-gold) !important; }
.border-glass { border-color: var(--glass-border) !important; }

/* Shadows */
.shadow-elite { box-shadow: var(--shadow-elite) !important; }
.shadow-gold { box-shadow: var(--shadow-gold) !important; }
.shadow-glow { box-shadow: var(--shadow-glow) !important; }

/* Glow Effects */
.glow-elite {
    box-shadow: 0 0 20px var(--elite-primary-glow),
                0 0 40px var(--elite-primary-glow),
                0 0 60px var(--elite-primary-glow);
}

.glow-gold {
    box-shadow: 0 0 20px var(--elite-gold-glow),
                0 0 40px var(--elite-gold-glow);
}

/* Text Glow */
.text-glow-elite {
    text-shadow: 0 0 10px var(--elite-primary-glow),
                 0 0 20px var(--elite-primary-glow);
}

.text-glow-gold {
    text-shadow: 0 0 10px var(--elite-gold-glow),
                 0 0 20px var(--elite-gold-glow);
}