/* Gather como produto próprio (09/11/2026): o que era do "casco" do Hub e o Gather usa, sem o seletor Tarefas | Central.
   Carregado só pelo gather.html, depois do movel.css. Identidade: papel/preto, navy como bloco, amarelo só no asterisco
   da marca e no acento do item ativo do menu. */

/* Marca "Gather✱" no topo do menu: sem o seletor de áreas, o menu começa logo abaixo, com um respiro a mais. */
.lateral__topo + .nav { margin-top: 6px; }

/* Selo de não lidas das Conversas no menu (vinha do trabalho-shell.css, que o Gather não carrega mais). */
.nav__conta { margin-left: auto; min-width: 20px; padding: 1px 6px; border-radius: var(--r-pilula); background: var(--tinta); color: var(--fundo); font: 500 calc(11px * var(--fs, 1))/1.5 var(--dados); text-align: center; }
[data-lateral="recolhida"] .nav__conta { display: none; }

/* Computador: os avisos (toasts) ficam acima da barra de voz, que nas Conversas flutua na base (até ~64 px), e, no mapa,
   acima do rodapé navy (64 px), para nunca cobrirem o microfone e os botões. */
html:not(.modo-movel) .toasts { bottom: 84px; }
html:not(.modo-movel)[data-escritorio="dentro"] .toasts { bottom: calc(64px + 16px); }

/* Celular: o Gather não tem a navegação de baixo (era só Tarefas do Hub). A barra de voz e os avisos descem até a base. */
html.modo-movel .eb-barra, html.modo-movel[data-escritorio="dentro"] .eb-barra { bottom: calc(12px + env(safe-area-inset-bottom)); }
.modo-movel .toasts { bottom: calc(76px + env(safe-area-inset-bottom)); }
.modo-movel .conteudo { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }