/* =========================================================================
           CSS GERAL E MENU LATERAL
           ========================================================================= */
        body { overflow-x: hidden; }

        /* Previne rolagem horizontal da página */
    body { overflow-x: hidden !important; }

    /* ================= MENU LATERAL E OVERLAY (MUITO ALTO PRA PASSAR POR CIMA DOS STORIES) ================= */
    .ead-side-menu-overlay {
        display: none; 
        position: fixed; 
        inset: 0; 
        background-color: rgba(0,0,0,0.6); 
        z-index: 99999; /* 🔥 Z-INDEX ALTO para bloquear cliques nos Stories */
        backdrop-filter: blur(2px);
    }
    .ead-side-menu-overlay.active { display: block !important; }
    
    .ead-side-menu {
        transform: translateX(100%); 
        transition: transform 0.3s ease-in-out; 
        right: 0;
        position: fixed; 
        top: 0; 
        width: 240px; 
        height: 100%;
        background: linear-gradient(to bottom, #000000, #3a0505, #000000);
        z-index: 999999999; /* 🔥 Z-INDEX EXTREMAMENTE ALTO: Sempre acima de tudo */
        padding: 0.5rem; 
        display: flex; 
        flex-direction: column; 
        gap: 0.25rem;
        box-shadow: -10px 0 20px rgba(255,69,0,0.15); 
        border: none; 
        overflow-y: auto;
    }
        @media (min-width: 640px) { .ead-side-menu { width: 260px; padding: 0.75rem; } }
        .ead-side-menu.active { transform: translateX(0) !important; }

        .ead-sm-header { display: flex; flex-direction: column; align-items: center; margin-top: 0.25rem; margin-bottom: 0; }
        .ead-sm-logo { width: 4rem; height: 4rem; border-radius: 50%; object-fit: cover; border: 2px solid rgba(249,115,22,0.5); box-shadow: 0 0 15px rgba(255,69,0,0.4); margin-bottom: 0.25rem; }
        @media (min-width: 640px) { .ead-sm-logo { width: 5rem; height: 5rem; } }
        .ead-sm-title { color: #ffffff; font-size: 12px; font-weight: 700; text-align: center; margin: 0; }
        @media (min-width: 640px) { .ead-sm-title { font-size: 13px; } }
        .ead-sm-divider-glow { width: 50%; height: 2px; background: linear-gradient(to right, transparent, #f97316, transparent); margin-top: 0.25rem; }

        .ead-sm-links { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; margin-top: 0.25rem; }
        .ead-sm-link-item {
            background-color: #4a1500; border: 1px solid rgba(249,115,22,0.3); color: #ffffff;
            font-size: 11px; padding: 0.25rem 0.5rem; margin-bottom: 2px; border-radius: 0.375rem;
            cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 0.5rem;
        }
        @media (min-width: 640px) { .ead-sm-link-item { font-size: 12px; } }
        .ead-sm-link-item:hover { background: linear-gradient(to right, #b91c1c, #ea580c); }
        .ead-sm-link-icon { width: 1.25rem; text-align: center; color: #ffffff; background-color: transparent; }

        .ead-sm-btn-exit {
            background-color: #00d000; border: 1px solid rgba(239,68,68,0.4); color: #ffffff; font-weight: 600;
            font-size: 11px; padding: 0.25rem 0.5rem; border-radius: 0.375rem; cursor: pointer; transition: all 0.2s;
            display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2px;
        }
        @media (min-width: 640px) { .ead-sm-btn-exit { font-size: 12px; } }
        .ead-sm-btn-exit:hover { background: linear-gradient(to right, #b91c1c, #7c2d12); }

        .ead-sm-btn-login {
            background: linear-gradient(to right, #2563eb, #4f46e5); border: 1px solid rgba(59,130,246,0.4);
            color: #ffffff; font-weight: 600; font-size: 11px; padding: 0.25rem 0.5rem; border-radius: 0.375rem;
            cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2px;
        }
        @media (min-width: 640px) { .ead-sm-btn-login { font-size: 12px; } }
        .ead-sm-btn-login:hover { filter: brightness(1.1); }
        .ead-sm-btn-login-icon { width: 1.25rem; text-align: center; color: #bae6fd; background-color: transparent; }

        .ead-sm-btn-register {
            background: linear-gradient(to right, #9333ea, #db2777); border: 1px solid rgba(168,85,247,0.4);
            color: #ffffff; font-weight: 600; font-size: 11px; padding: 0.25rem 0.5rem; border-radius: 0.375rem;
            cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2px;
        }
        @media (min-width: 640px) { .ead-sm-btn-register { font-size: 12px; } }
        .ead-sm-btn-register:hover { filter: brightness(1.1); }
        .ead-sm-btn-register-icon { width: 1.25rem; text-align: center; color: #fbcfe8; background-color: transparent; }

        .ead-sm-info-box {
            background-color: rgba(0,0,0,0.6); border: 1px solid rgba(249,115,22,0.2); border-radius: 0.5rem;
            padding: 0.375rem; margin-top: 0.25rem; font-size: 10px; color: #d1d5db; display: flex; flex-direction: column; gap: 0.25rem;
        }
        @media (min-width: 640px) { .ead-sm-info-box { padding: 0.5rem; font-size: 11px; } }
        .ead-sm-info-row { display: flex; justify-content: space-between; align-items: center; }
        .ead-sm-info-icon { color: #f97316; background-color: transparent; }
        .ead-sm-info-badge-open { color: #fb923c; font-weight: 600; }
        .ead-sm-info-badge-closed { color: #6b7280; }
        .ead-sm-info-divider { border: none; border-top: 1px dashed rgba(249,115,22,0.3); margin: 2px 0; }
        .ead-sm-info-email { margin: 0; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
        .ead-sm-info-email span { font-weight: 600; color: #ffffff; }

        .ead-sm-social { display: flex; justify-content: center; gap: 0.75rem; margin-top: 0.25rem; margin-bottom: 0.5rem; }
        .ead-sm-social-btn {
            width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center;
            background-color: #2a0505; border: 1px solid rgba(249,115,22,0.3); border-radius: 50%;
            color: #ffffff; transition: background-color 0.2s; font-size: 0.875rem; text-decoration: none;
        }
        .ead-sm-social-btn:hover { background-color: #ea580c; }
        .ead-sm-social-icon { background-color: transparent; }

        /* =========================================================================
           TOPBAR E NAVEGAÇÃO SUPERIOR
           ========================================================================= */
        .ead-topbar {
            position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center;
            padding: 0.5rem 1rem; background-color: rgba(0,0,0,0.9); backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(249,115,22,0.2); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
        }

        .ead-tb-left { display: flex; align-items: center; gap: 0.75rem; }
        .ead-tb-logo { width: 2.5rem; height: 2.5rem; border-radius: 50%; object-fit: cover; border: 1px solid rgba(249,115,22,0.5); }
        @media (min-width: 768px) { .ead-tb-logo { width: 3rem; height: 3rem; } }
        .ead-tb-title { 
        color: #ffffff !important; 
        font-weight: 600 !important; 
        font-size: 0.875rem !important; 
        display: none !important; /* 🔥 Força sumir em celulares e tablets */
    }

    @media (min-width: 768px) { 
        .ead-tb-title { 
            font-size: 1rem !important; 
            display: inline !important; /* 🔥 Exibe apenas em computadores e telas grandes */
        } 
    }

        .ead-tb-right { display: flex; align-items: center; gap: 0.75rem; height: 100%; }
        @media (min-width: 768px) { .ead-tb-right { gap: 1rem; } }

        /* Botões do Topbar */
        .ead-tb-btn {
            width: auto; padding: 0.375rem 0.75rem; border-radius: 0.5rem; color: #ffffff; font-size: 0.75rem; font-weight: 900; letter-spacing: 0.1em;
            display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.2s; border: none; cursor: pointer; text-decoration: none;
        }
        @media (min-width: 768px) { .ead-tb-btn { padding-left: 1rem; padding-right: 1rem; } }
        .ead-tb-btn:hover { filter: brightness(1.1); }
        .ead-tb-btn-text-hidden { display: none; }
        @media (min-width: 640px) { .ead-tb-btn-text-hidden { display: inline-block; } }

        .ead-tb-btn-aluno { background: linear-gradient(to right, #dc2626, #f97316, #eab308); box-shadow: 0 0 10px rgba(255,69,0,0.3); border: 1px solid rgba(251,146,60,0.3); }
        .ead-tb-btn-aluno i { color: #fef08a; }

        .ead-tb-btn-prof { background: linear-gradient(to right, #2563eb, #6366f1, #9333ea); box-shadow: 0 0 10px rgba(79,70,229,0.3); border: 1px solid rgba(129,140,248,0.3); }
        .ead-tb-btn-prof i { color: #c7d2fe; }

        .ead-tb-btn-admin { background: linear-gradient(to right, #059669, #22c55e, #14b8a6); box-shadow: 0 0 10px rgba(16,185,129,0.3); border: 1px solid rgba(74,222,128,0.3); }
        .ead-tb-btn-admin i { color: #d1fae5; }

        .ead-tb-btn-register { background: linear-gradient(135deg, #c026d3, #db2777); box-shadow: 0 0 10px rgba(219,39,119,0.3); border: 1px solid rgba(244,114,182,0.4); }
        .ead-tb-btn-register i { color: #fbcfe8; }

        .ead-tb-btn-login { background: linear-gradient(135deg, #0ea5e9, #2563eb); box-shadow: 0 0 10px rgba(37,99,235,0.3); border: 1px solid rgba(96,165,250,0.4); }
        .ead-tb-btn-login i { color: #bae6fd; }

        /* Ícones Header Gerais */
        .ead-tb-icon-btn { color: #d1d5db; background-color: transparent; border: none; font-size: 1.125rem; cursor: pointer; transition: color 0.2s; margin-left: 0.25rem; padding: 0; }
        .ead-tb-icon-btn:hover { color: #ffffff; }

        /* Dropdowns do Header e Toggle via classe Active JS */
        .ead-dropdown-wrap { position: relative; }
        .ead-dropdown-menu { display: none; position: absolute; right: 0; top: 100%; margin-top: 0.75rem; width: 10rem; padding: 0.25rem; background: linear-gradient(to bottom, #000000, #1a0000); border: 1px solid rgba(249,115,22,0.3); border-radius: 0.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.8); flex-direction: column; gap: 0.125rem; z-index: 60; }
        
        /* A classe active é quem vai fazer aparecer! */
        .ead-dropdown-wrap.active .ead-dropdown-menu { display: flex !important; }
        .ead-dropdown-wrap.active .ead-notif-menu { display: flex !important; }

        /* Botões internos do menu (Mais compactos) */
        .ead-drop-item { width: 100%; text-align: left; padding: 0.25rem 0.5rem; font-size: 10px; color: #ffffff; border-radius: 0.25rem; display: flex; align-items: center; gap: 0.5rem; transition: all 0.2s; cursor: pointer; }
        @media (min-width: 768px) { .ead-drop-item { padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 11px; } }
        
        .ead-drop-item-edit { background-color: #4a1500; border: 1px solid rgba(249,115,22,0.2); }
        .ead-drop-item-edit:hover { background: linear-gradient(to right, #b91c1c, #ea580c); border-color: rgba(249,115,22,0.4); }
        .ead-drop-item-edit i { width: 1rem; text-align: center; color: #ffffff; }

        .ead-drop-item-exit { background-color: #5a0000; font-weight: 600; border: 1px solid rgba(239,68,68,0.4); }
        .ead-drop-item-exit:hover { background: linear-gradient(to right, #b91c1c, #ea580c); border-color: rgba(249,115,22,0.4); }
        .ead-drop-item-exit i { width: 1rem; text-align: center; color: #ffffff; }

        .ead-notif-menu { display: none; position: absolute; right: 0; top: 100%; margin-top: 0.75rem; width: 16rem; padding: 0.5rem; background: linear-gradient(to bottom, #000000, #1a0000); border: 1px solid rgba(249,115,22,0.3); border-radius: 0.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.8); z-index: 60; flex-direction: column; }
        
        .ead-notif-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; border-bottom: 1px solid rgba(249,115,22,0.2); padding-bottom: 0.25rem; }
        .ead-notif-title { color: #ffffff; font-size: 12px; }
        .ead-notif-icon-title { color: #f97316; }
        .ead-notif-icon-check { color: #f97316; cursor: pointer; }

        /* Componentes Isolados */
        .ead-status-badge { display: flex; align-items: center; justify-content: center; }
        .ead-status-badge i { color: #22c55e; font-size: 10px; }
        .ead-piscar { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }

        .ead-avatar-top { width: 2rem; height: 2rem; border-radius: 50%; object-fit: cover; border: 2px solid rgba(249,115,22,0.5); box-shadow: 0 0 8px rgba(255,69,0,0.4); cursor: pointer; }
        @media (min-width: 768px) { .ead-avatar-top { width: 2.5rem; height: 2.5rem; } }