/* =====================================================================
   O QUE NÃO VAI PARA O CELULAR — uma marca só, para o sistema inteiro.

   O sistema tem CINCO telas de celular:

       Campo       → Dashboard (só os gráficos), Mapa
       Gerencial   → Início > Clientes, Início > Meu acesso

   Todo o resto é tela de escritório: grade larga, formulário de dez campos, barra de seis
   botões. Num aparelho de 360px não se opera nenhuma delas.

   COMO SE USA: a classe "cav-so-desktop" no elemento que deve sumir abaixo de 600px, e
   voltar sozinho acima disso. Serve para item de menu, botão, bloco — o que for.

   MARCA-SE O QUE SAI, e não o que fica. Assim item novo nasce visível no celular e quem o
   escreveu decide se ele serve lá; do outro jeito, todo item novo nasceria invisível sem
   ninguém perceber.

   POR QUE UM ARQUIVO PRÓPRIO: a regra começou dentro do menu-caviuna.css, como
   "cav-menu-so-desktop", quando só o menu precisava dela. Assim que os botões que abrem
   grade precisaram da mesma coisa, manter as duas separadas significaria dois nomes para
   o mesmo conceito — e, na primeira divergência, "some no celular" passaria a querer dizer
   coisas diferentes conforme onde estivesse escrito.

   ISTO NÃO É AUTORIZAÇÃO, é cortesia visual. Este projeto é WebAssembly: roda inteiro no
   navegador do usuário, e esconder um item não impede ninguém de digitar a rota. Quem
   decide o que cada um pode ver é a API. Ver CLAUDE.md e docs/REGRAS-DE-ARQUITETURA.md.

   CARREGAR DEPOIS do MudBlazor.min.css (ver index.html).
   ===================================================================== */

@media (max-width: 600px) {

    /* !important porque o MudBlazor declara display nos próprios componentes, e alguma
       regra dele é mais específica que esta — sem o !important o elemento continuaria em
       tela e a marca não faria nada, calada.

       O SEGUNDO SELETOR É REDE DE SEGURANÇA para grupo de menu.

       Num MudNavGroup, o "Class" deveria cair na div RAIZ do grupo — a que embrulha o
       cabeçalho e o container das telas de dentro. É a convenção do MudBlazor e é o que a
       estrutura do menu-caviuna.css indica (as regras de recuo de lá tratam
       ".mud-nav-group > .mud-nav-link" e ".mud-nav-group > .mud-collapse-container" como
       irmãos). Caindo ali, o primeiro seletor já esconde o grupo inteiro.

       Se cair no CABEÇALHO em vez da raiz, o primeiro seletor esconderia só o título e as
       telas de dentro CONTINUARIAM em tela — soltas, sem o grupo que as nomeia. Seria pior
       que não ter feito nada, e apareceria justamente no celular, onde ninguém testa.

       O "+ .mud-collapse-container" fecha esse caso: o container é o irmão seguinte do
       cabeçalho, e cai junto. Não foi possível confirmar a colocação lendo o assembly do
       MudBlazor, então as duas hipóteses ficam cobertas. */
    .cav-so-desktop,
    .cav-so-desktop + .mud-collapse-container {
        display: none !important;
    }
}