html, body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Sobrescreve a cor "primary" do Bootstrap pra bater com a identidade do Portal do Aluno
   (indigo) -- sem isso, os botões/badges bg-primary/btn-primary voltam pro azul padrão do
   Bootstrap, já que o app não carrega mais o tema pesado de admin que antes customizava
   essa variável. */
:root {
    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
}

.btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4338ca;
    --bs-btn-hover-border-color: #4338ca;
    --bs-btn-active-bg: #3730a3;
    --bs-btn-active-border-color: #3730a3;
}

.blazor-error-boundary {
    background: #dc3545;
    color: white;
    padding: 1rem;
    border-radius: 6px;
}

.blazor-error-boundary::after {
    content: "Ocorreu um erro.";
}

/* =====================================================================
   Chrome do layout — precisa ficar AQUI (css global) e não no
   PortalAlunoHome.razor.css, porque CSS com escopo do Blazor só alcança
   os elementos do proprio componente, e a barra do topo esta no layout.
   ===================================================================== */

.pa-body {
    min-height: 100vh;
    background: #f8fafc;
}

.pa-topbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pa-topbar-marca {
    font-weight: 800;
    color: #4f46e5;
    font-size: 15px;
}

.pa-topbar-sair {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.pa-body-conteudo {
    padding: 16px 12px;
}

/* No desktop quem manda e o menu lateral (MODELO 2): a barra do topo sai
   de cena pra nao duplicar marca e "Sair". O breakpoint tem que ser o
   MESMO do PortalAlunoHome.razor.css (900px) -- se um mudar e o outro
   nao, sobra uma faixa de largura sem navegacao nenhuma ou com as duas. */
@media (min-width: 900px) {
    .pa-topbar {
        display: none;
    }

    .pa-body-conteudo {
        padding: 0;
    }
}