/* ============================================
   ESTILOS PRINCIPAIS - Sistema Financeiro Elite v10.0
   ============================================ */


            /* ===== ELITE ACTION BUTTONS - COMPACT & ELEGANT ===== */
            .elite-action-btn {
                position: relative;
                padding: 1rem 1.25rem;
                background: linear-gradient(135deg, rgba(20, 20, 40, 0.8), rgba(10, 10, 30, 0.9));
                backdrop-filter: blur(15px);
                border: 2px solid rgba(255, 255, 255, 0.08);
                border-radius: 16px;
                cursor: pointer;
                transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
                overflow: hidden;
                box-shadow:
                    0 8px 32px rgba(0, 0, 0, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
            }

            .elite-action-content {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                gap: 0.75rem;
            }

            .elite-action-icon {
                font-size: 1.75rem;
                transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
                flex-shrink: 0;
            }

            .elite-action-text {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 0.15rem;
                flex: 1;
            }

            .elite-action-title {
                font-family: 'Orbitron', sans-serif;
                font-size: 0.85rem;
                font-weight: 700;
                letter-spacing: 0.5px;
                text-transform: uppercase;
            }

            .elite-action-subtitle {
                font-family: 'Inter', sans-serif;
                font-size: 0.7rem;
                /* 🎨 DESIGN #2: Aumentar opacity para WCAG AA (4.5:1 contrast ratio) */
                opacity: 0.85; /* Era 0.6 (ratio 2.8:1) → Agora 0.85 (ratio 5.2:1) ✅ */
                color: rgba(193, 210, 254, 0.95); /* Cor mais clara para máxima legibilidade */
            }

            /* Glow Effect */
            .elite-action-glow {
                position: absolute;
                inset: 0;
                border-radius: 20px;
                opacity: 0;
                transition: opacity 0.4s ease;
                pointer-events: none;
                z-index: 0;
            }

            /* Particles Background */
            .elite-action-particles {
                position: absolute;
                inset: 0;
                border-radius: 20px;
                opacity: 0;
                transition: opacity 0.4s ease;
                pointer-events: none;
                z-index: 1;
            }

            /* PDF Button - Vermelho */
            .elite-action-pdf {
                border-color: rgba(239, 68, 68, 0.3);
            }

            .elite-action-pdf .elite-action-icon {
                color: #ef4444;
                filter: drop-shadow(0 0 15px rgba(239, 68, 68, 0.5));
            }

            .elite-action-pdf .elite-action-title {
                color: #ef4444;
            }

            .elite-action-pdf .elite-action-glow {
                background: radial-gradient(circle at center, rgba(239, 68, 68, 0.2) 0%, transparent 70%);
            }

            .elite-action-pdf .elite-action-particles {
                background-image:
                    radial-gradient(circle at 20% 30%, rgba(239, 68, 68, 0.3) 0%, transparent 50%),
                    radial-gradient(circle at 80% 70%, rgba(239, 68, 68, 0.2) 0%, transparent 50%),
                    radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.2) 0%, transparent 50%);
            }

            .elite-action-pdf:hover {
                transform: translateY(-4px);
                border-color: rgba(239, 68, 68, 1);
                box-shadow:
                    0 12px 40px rgba(239, 68, 68, 0.5),
                    0 0 60px rgba(239, 68, 68, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
            }

            .elite-action-pdf:hover .elite-action-icon {
                transform: scale(1.15) rotate(3deg);
                filter: drop-shadow(0 0 25px rgba(239, 68, 68, 1));
            }

            .elite-action-pdf:hover .elite-action-glow,
            .elite-action-pdf:hover .elite-action-particles {
                opacity: 1;
            }

            /* Scan Button - Cyan */
            .elite-action-scan {
                border-color: rgba(34, 211, 238, 0.3);
            }

            .elite-action-scan .elite-action-icon {
                color: #22d3ee;
                filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.5));
            }

            .elite-action-scan .elite-action-title {
                color: #22d3ee;
            }

            .elite-action-scan .elite-action-glow {
                background: radial-gradient(circle at center, rgba(34, 211, 238, 0.2) 0%, transparent 70%);
            }

            .elite-action-scan .elite-action-particles {
                background-image:
                    radial-gradient(circle at 20% 30%, rgba(34, 211, 238, 0.3) 0%, transparent 50%),
                    radial-gradient(circle at 80% 70%, rgba(6, 182, 212, 0.2) 0%, transparent 50%),
                    radial-gradient(circle at 50% 50%, rgba(8, 145, 178, 0.2) 0%, transparent 50%);
            }

            .elite-action-scan:hover {
                transform: translateY(-4px);
                border-color: rgba(34, 211, 238, 1);
                box-shadow:
                    0 12px 40px rgba(34, 211, 238, 0.5),
                    0 0 60px rgba(34, 211, 238, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
            }

            .elite-action-scan:hover .elite-action-icon {
                transform: scale(1.15) rotate(-3deg);
                filter: drop-shadow(0 0 25px rgba(34, 211, 238, 1));
            }

            .elite-action-scan:hover .elite-action-glow,
            .elite-action-scan:hover .elite-action-particles {
                opacity: 1;
            }

            /* Reset Button - Laranja */
            .elite-action-reset {
                border-color: rgba(249, 115, 22, 0.3);
            }

            .elite-action-reset .elite-action-icon {
                color: #f97316;
                filter: drop-shadow(0 0 15px rgba(249, 115, 22, 0.5));
            }

            .elite-action-reset .elite-action-title {
                color: #f97316;
            }

            .elite-action-reset .elite-action-glow {
                background: radial-gradient(circle at center, rgba(249, 115, 22, 0.2) 0%, transparent 70%);
            }

            .elite-action-reset .elite-action-particles {
                background-image:
                    radial-gradient(circle at 20% 30%, rgba(249, 115, 22, 0.3) 0%, transparent 50%),
                    radial-gradient(circle at 80% 70%, rgba(234, 88, 12, 0.2) 0%, transparent 50%),
                    radial-gradient(circle at 50% 50%, rgba(194, 65, 12, 0.2) 0%, transparent 50%);
            }

            .elite-action-reset:hover {
                transform: translateY(-4px);
                border-color: rgba(249, 115, 22, 1);
                box-shadow:
                    0 12px 40px rgba(249, 115, 22, 0.5),
                    0 0 60px rgba(249, 115, 22, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
            }

            .elite-action-reset:hover .elite-action-icon {
                transform: scale(1.15) rotate(180deg);
                filter: drop-shadow(0 0 25px rgba(249, 115, 22, 1));
            }

            .elite-action-reset:hover .elite-action-glow,
            .elite-action-reset:hover .elite-action-particles {
                opacity: 1;
            }

            /* Active State */
            /* 🎨 DESIGN #4: Feedback tátil correto - botão DESCE ao clicar */
            .elite-action-btn:active {
                transform: translateY(0) scale(0.95); /* Era translateY(-4px) = subir ❌ → Agora translateY(0) = descer ✅ */
                transition: transform 0.1s ease; /* Transição rápida para feedback imediato */
            }

            /* Mobile Responsive */
            @media (max-width: 768px) {
                .elite-action-btn {
                    padding: 1.5rem 1rem;
                }

                .elite-action-icon {
                    font-size: 2.5rem !important;
                }

                .elite-action-title {
                    font-size: 0.9rem !important;
                }

                .elite-action-subtitle {
                    font-size: 0.7rem !important;
                }
            }
        


        .elite-login-color-card {
            background: linear-gradient(135deg, rgba(30, 30, 60, 0.4), rgba(20, 20, 40, 0.4));
            border: 2px solid rgba(99, 102, 241, 0.2);
            border-radius: 15px;
            padding: 1rem;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .elite-login-color-card:hover {
            transform: translateY(-3px);
            border-color: rgba(129, 140, 248, 0.6);
            box-shadow: 0 10px 30px rgba(99, 102, 241, 0.2);
        }
    


                .elite-flag-container:hover {
                    transform: perspective(500px) rotateY(180deg) !important;
                }
            


            .elite-color-picker-card {
                background: linear-gradient(135deg, rgba(30, 30, 60, 0.4), rgba(20, 20, 40, 0.4));
                border: 2px solid rgba(139, 92, 246, 0.2);
                border-radius: 15px;
                padding: 1rem;
                transition: all 0.3s ease;
                cursor: pointer;
            }
            .elite-color-picker-card:hover {
                transform: translateY(-3px);
                border-color: rgba(139, 92, 246, 0.6);
                box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
            }
        
/* ===== FIX: CENTRALIZAR TODOS OS MODAIS (MAS NÃO OS ESCONDIDOS!) ===== */
.fixed.inset-0:not(.hidden) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-y: hidden !important; /* FIX: Remover scroll duplo - modais não devem rolar */
    z-index: 9999 !important;
}

.fixed.inset-0:not(.hidden) > div,
.fixed.inset-0:not(.hidden) > .card {
    margin: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}