/*
    Material Symbols Rounded — SVG inline (ver resources/icons/ e resources/views/ui/icon.blade.php).
    Convive com o Font Awesome durante a migração (etapa 5 remove o FA quando não sobrar fa-).
*/
.ms {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    line-height: 0;
    color: currentColor;
}

.ms svg {
    width: 100%;
    height: 100%;
}

/* Estado ativo (item de menu atual, filtro ligado): sem variante de arquivo separada no SVG, o
   destaque fica por conta de quem envolve o ícone (ex. .nav-link.active do Hope UI já muda o
   fundo e o color para branco). .ms-fill não define cor própria — herdar currentColor evita
   competir com esse destaque (ícone azul sobre fundo azul ficava invisível no item ativo). */
.ms-fill {
    color: inherit;
}