/* Header + links/ativos — pedido do Lincoln (08/08/2026).
 *
 * 1) LOGO DO HEADER: estava 2.25rem e colado no botão de recolher a sidebar.
 *    A altura em si vem do brandLogoHeight() no AdminPanelProvider (1.75rem);
 *    aqui só damos o respiro lateral/vertical que o Filament não expõe.
 *
 * 2) LINKS E ITENS ATIVOS em NAVY #101A2E (cor exata pedida).
 *    Só no modo CLARO: no escuro, #101A2E sobre fundo preto fica ilegível, então
 *    o modo escuro continua com o tom claro do Filament (--primary-400).
 *    Feito por CSS e não por Color::hex('#101A2E') de propósito — cor tão escura
 *    (L≈11% em OKLCH) sai CINZA no gerador de paleta do Filament; é o mesmo
 *    gotcha documentado quando o tema azul/dourado foi montado em 07/08/2026.
 */

:root {
    --myoffice-navy: #101A2E;
}

/* ── 1) LOGO ───────────────────────────────────────────────────────── */
/* Só respiro lateral. NÃO mexer em margin-block/margin-bottom aqui: o
   Filament usa `.fi-simple-header .fi-logo { margin-bottom: 1rem }` na tela
   de login, e sobrescrever isso apertaria o login em vez de folgar o header. */
.fi-sidebar-header .fi-logo,
.fi-topbar .fi-logo {
    margin-inline-start: 0.625rem;
    margin-inline-end: 0.25rem;
}

/* A altura vem do brandLogoHeight() (style inline no <img class="fi-logo">).
   Este teto é só rede de segurança caso o logo volte a ser um wrapper. */
.fi-logo img,
.fi-logo svg {
    max-height: 1.75rem;
    width: auto;
}

/* ── 2) LINKS E ATIVOS (modo claro) ────────────────────────────────── */
html:not(.dark) .fi-link:not(.fi-btn) {
    color: var(--myoffice-navy);
}

/* Item ativo do menu lateral */
html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon {
    color: var(--myoffice-navy);
}

/* Aba ativa */
html:not(.dark) .fi-tabs-item.fi-active .fi-tabs-item-label,
html:not(.dark) .fi-tabs-item.fi-active > .fi-icon {
    color: var(--myoffice-navy);
}

/* Página ativa da paginação */
html:not(.dark) .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label {
    color: var(--myoffice-navy);
}

/* Migalhas de pão (breadcrumbs) */
html:not(.dark) .fi-breadcrumbs ol li a:hover {
    color: var(--myoffice-navy);
}