/* ═══════════════════════════════════════════════════════════════
   app.css — estilos do shell do portal (depende dos tokens --fn-*)
   CSS inline é proibido (ADR-0006): classes moram aqui.
   ═══════════════════════════════════════════════════════════════ */

/* Navbars por área — cores da identidade (tokens) */
.fn-navbar-gestao {
    background-color: var(--fn-navy);
}

.fn-navbar-servico {
    background-color: var(--fn-teal-dark);
}

.fn-navbar-ti {
    background-color: var(--fn-navy-light);
}

.fn-brand {
    color: var(--fn-navy);
    font-weight: 600;
}

/* Botão institucional navy */
.fn-btn-navy {
    background-color: var(--fn-navy);
    color: #ffffff;
}

.fn-btn-navy:hover {
    background-color: var(--fn-navy-mid);
    color: #ffffff;
}

/* Caixa central estreita (login, erro, 404) — evita style inline (ADR-0006) */
.fn-caixa-estreita {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

/* Foco visível (acessibilidade) */
:focus-visible {
    outline: 2px solid var(--fn-teal);
    outline-offset: 2px;
}