/* ============================================================
   COMPATIBILIDADE COM A BARRA GLOBAL conexa-nav.js
   https://entregas.conexasp.com.br/design-system/conexa-modern-v1/nav-compat.css

   A barra global de sistemas (conexa-nav.js, criada em 14/08/2026)
   e position:fixed, tem 34px de altura e forca html{padding-top:34px}.

   Sem este arquivo, em qualquer modulo que use as duas coisas juntas:
   - a .cx-topbar sticky para em top:0 e fica ESCONDIDA atras da barra;
   - a .cx-sidebar de 100vh estoura 34px alem da tela;
   - o .cx-shell de min-height:100vh cria 34px de rolagem fantasma.

   Carregar SEMPRE depois de shell.css.
   Se um dia a barra global mudar de altura, muda so --cx-nav-altura aqui.
   ============================================================ */

:root {
  --cx-nav-altura: 34px;
}

/* A topbar do shell para logo abaixo da barra global, nao atras dela. */
.cx-topbar {
  top: var(--cx-nav-altura);
}

/* A sidebar ocupa o que sobra da tela, sem estourar. */
.cx-sidebar {
  top: var(--cx-nav-altura);
  height: calc(100vh - var(--cx-nav-altura));
}

/* Sem rolagem fantasma de 34px no fim da pagina. */
.cx-shell,
.cx-modern {
  min-height: calc(100vh - var(--cx-nav-altura));
}

/* Em telas estreitas a sidebar vira faixa no topo do fluxo e nao precisa
   de altura de tela; o shell.css ja troca o layout em 520px. */
@media (max-width: 520px) {
  .cx-sidebar {
    top: auto;
    height: auto;
  }
}