/* Arranjo de menu, abas e atalhos (Íris, auditoria de 18/10/2026).
   Fica fora do portal.css, que já passou de 500 linhas. Só variáveis de portal.css/marca.css. */

/* Menu do cliente em grupos SEMPRE abertos: o título só organiza, nada recolhe. */
.lateral .nav-grupo { margin-bottom: var(--e3); }
.lateral .nav-grupo .rotulo { padding-top: var(--e1); }

/* Celular: logo menor na gaveta, para os itens aparecerem sem tanta rolagem.
   Continua o mesmo logo neon sobre azul-noite. */
@media (max-width: 600px) {
  .lateral .marca-logo { margin-bottom: var(--e3); }
  .lateral .marca-logo img { max-width: 120px; }
}

/* Ficha da empresa: as abas cabem numa linha no computador. */
@media (min-width: 1024px) {
  .ficha-abas a { padding: var(--e2) var(--e3); }
}

/* E-mails: no celular o cartão tem espaço para a razão social inteira;
   no computador a coluna estreita mostra o apelido (razão social na dica). */
.em-emp .em-razao { display: none; }
@media (max-width: 720px) {
  .em-emp .em-apelido { display: none; }
  .em-emp .em-razao { display: inline; white-space: normal; overflow: visible; text-overflow: clip; }
  .em-tab .t-emp, .em-emp { overflow: visible; }
}

/* Escolha da emissão: as duas opções lado a lado desde 640 px; no celular, uma embaixo da outra. */
@media (min-width: 640px) {
  .tipos-emissao { grid-template-columns: 1fr 1fr; }
}
/* A opção em destaque herdava a fonte grande e pesada da classe genérica .destaque:
   a explicação ficava em negrito. Volta ao texto normal; só o título fica forte. */
.tipo-emissao.destaque { font: inherit; }