/* ==========================================================================
   Casca de navegação do aluno — Plano 11, Fase 1.2 (decisão D4)

   Desktop (>= 960px / breakpoint md): MudAppBar fixo + MudDrawer persistente.
   Mobile  (<  960px):                 sem appbar e sem gaveta; barra inferior fixa.

   A alternância é por media query, de propósito: MudHidden e a detecção por
   breakpoint do MudBlazor dependem de JS interop e, no Blazor Server, chegam a
   pintar a forma errada no primeiro render.

   Cor sempre por token do tema (var(--mud-palette-*)) — nunca hex literal.
   ========================================================================== */

.aluno-barra-logo {
    display: flex;
    align-items: center;
    /* Largura mínima reservada: é aqui que entra o logo da empresa cliente (white label). */
    min-width: 120px;
    height: 40px;
    margin-right: 16px;
}

    .aluno-barra-logo img {
        max-height: 32px;
        max-width: 160px;
        object-fit: contain;
    }

.aluno-barra-titulo {
    color: var(--mud-palette-appbar-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* -------------------------------- Mobile -------------------------------- */
@media (max-width: 959.98px) {

    .aluno-casca .aluno-barra-superior,
    .aluno-casca .aluno-gaveta {
        display: none !important;
    }

    /* Sem appbar e sem gaveta, o conteúdo não deve reservar espaço para nenhum dos dois. */
    .aluno-casca .aluno-conteudo {
        padding-top: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        /* Altura da barra inferior fixa, para o conteúdo não terminar embaixo dela. */
        padding-bottom: 64px;
    }

    .aluno-menu-inferior {
        display: block;
    }
}

/* -------------------------------- Desktop ------------------------------- */
@media (min-width: 960px) {

    .aluno-menu-inferior {
        display: none;
    }

    /* O cabeçalho de perfil do aluno (avatar + nome + logo) nasceu para uma tela sem appbar.
       No desktop quem cumpre esse papel é a MudAppBar — manter os dois duplica a marca.
       Some só no desktop e só dentro da casca do aluno; no mobile continua como está. */
    .aluno-casca .cabecalho-perfil {
        display: none;
    }
}