/*
 * Direct studio contact (lane C2): the two actions (Ligar / WhatsApp)
 * shared by Magda's escalation (magda.css, .magda-conversa__escalada)
 * and by the Mensagens header (lane E3, .contacto-acoes--compacto, see
 * below). Same .botao/.botao-secundario as the rest of the app: no color,
 * radius or shadow outside the existing scale.
 */

.contacto-acoes {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-micro);
  margin-top: var(--espaco-medio);
}

.contacto-acoes .botao {
  width: 100%;
}

/* Variante compacta : mesmo componente, discreto de proposito (ponto C2 da
   directive) : botoes mais baixos, lado a lado, largura propria em vez de
   ocupar a coluna inteira. Nunca um markup diferente, apenas esta variante
   de apresentacao em torno do mesmo _contacto.html. Vivia no rodape de
   Mensagens (nome original .contacto-acoes--rodape) ; renomeada na lane E3
   quando o mesmo bloco sobe para o cabecalho (B6, contactos acessiveis sem
   descer ate ao fim do fio) -- o nome antigo teria passado a mentir sobre a
   posicao real do elemento. */
.contacto-acoes--compacto {
  margin-top: var(--espaco-micro);
}

.contacto-acoes--compacto .contacto-acoes {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: var(--espaco-micro);
}

.contacto-acoes--compacto .botao {
  width: auto;
  /* Alvo tatil >= 44px (lane E4, B9) : media 40px antes desta correcao,
     genuina violacao encontrada pelo scripts/capture_lane_e4.py, nao um
     limite deliberado -- "compacto" refere-se a largura (auto em vez de
     100%), nunca a um alvo tatil abaixo do minimo. */
  min-height: 44px;
  padding: 0 var(--espaco-medio);
  font-size: var(--tamanho-etiqueta);
}