/* Localizacao na navegacao.
   O Filament ja marca o grupo ativo com .fi-active, mas nao lhe da nenhum
   destaque visual. Com os grupos nascendo recolhidos (Financeiro, Atendimento,
   Relatorios), quem entrava no Financeiro perdia de vista tanto a categoria
   quanto o item atual. Aqui a categoria ativa ganha peso e barra lateral, e o
   item atual aparece no proprio botao do grupo quando ele esta recolhido. */

.fi-sidebar-group.fi-active > .fi-sidebar-group-button{
    position:relative;
    border-radius:8px;
    background:rgb(59 130 246 / .10);
}
.fi-sidebar-group.fi-active > .fi-sidebar-group-button::before{
    content:'';
    position:absolute; left:-2px; top:6px; bottom:6px;
    width:3px; border-radius:99px; background:#3B82F6;
}
.fi-sidebar-group.fi-active > .fi-sidebar-group-button .fi-sidebar-group-label{
    color:#2563EB !important;
    font-weight:700 !important;
}
.fi-sidebar-group.fi-active > .fi-sidebar-group-button .fi-sidebar-group-icon{
    color:#3B82F6 !important;
}
.dark .fi-sidebar-group.fi-active > .fi-sidebar-group-button{ background:rgb(59 130 246 / .18); }
.dark .fi-sidebar-group.fi-active > .fi-sidebar-group-button .fi-sidebar-group-label{ color:#93C5FD !important; }
.dark .fi-sidebar-group.fi-active > .fi-sidebar-group-button .fi-sidebar-group-icon{ color:#93C5FD !important; }

/* Nome do item atual, mostrado so quando o grupo ativo esta recolhido. */
.ch-item-atual{
    display:block;
    font-size:.7rem;
    font-weight:600;
    color:#2563EB;
    opacity:.85;
    margin-top:1px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dark .ch-item-atual{ color:#93C5FD; }