/* Assessores, links e atendimento do visitante (T029). Mobile-first: base 360 px. Sem style inline (CSP). */

.campo textarea {
  width: 100%; min-height: 96px; padding: var(--mm-e3); resize: vertical;
  font: inherit; color: var(--mm-texto); background: var(--mm-superficie);
  border: 2px solid var(--mm-borda); border-radius: var(--mm-raio-md);
}
.campo input[type="tel"], .campo input[type="email"] { min-width: 0; }
.form-contato { margin-top: var(--mm-e4); border-top: 1px solid var(--mm-borda-leve); padding-top: var(--mm-e4); }
.form-contato h3 { font-size: var(--mm-t-md); }
.campo-check .erro-campo { font-size: var(--mm-t-sm); color: var(--mm-erro); font-weight: 600; margin: var(--mm-e1) 0 0; }
.dialogo { max-height: calc(100dvh - 2 * var(--mm-margem-tela)); overflow-y: auto; }

.estreito-form { max-width: 520px; margin-left: auto; margin-right: auto; }

.lista-cartoes { list-style: none; margin: 0 0 var(--mm-e4); padding: 0; display: grid; gap: var(--mm-e3); grid-template-columns: minmax(0, 1fr); }
.lista-cartoes > li { margin: 0; }
.link-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mm-e2); margin-bottom: var(--mm-e2); }
.link-topo h1 { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.link-codigo { font-family: ui-monospace, Consolas, monospace; letter-spacing: .04em; overflow-wrap: anywhere; }
.link-url { margin: 0 0 var(--mm-e3); padding: var(--mm-e2) var(--mm-e3); background: var(--mm-consulta-fundo); border-radius: var(--mm-raio-md); font-size: var(--mm-t-sm); overflow-wrap: anywhere; word-break: break-all; }
.acoes-link { display: flex; flex-wrap: wrap; gap: var(--mm-e2); }
.acoes-link .botao, .acoes-link .copiar { flex: 1 1 140px; min-width: 0; }
.copiar { display: flex; flex-direction: column; gap: var(--mm-e2); }
.copiar .botao { width: 100%; }
.acoes-link .copiar .botao { flex: 0 0 auto; }
.campo-url { width: 100%; min-height: 48px; padding: 0 var(--mm-e3); font: inherit; font-size: var(--mm-t-sm); color: var(--mm-texto); background: var(--mm-superficie); border: 2px solid var(--mm-borda); border-radius: var(--mm-raio-md); }
.botao.perigo-texto { color: var(--mm-erro); border-color: var(--mm-erro); }
.botao.perigo-texto:hover { background: var(--mm-erro-fundo); }

/* Bloco "Atendimento" na ficha e no catálogo */
.bloco-atendimento {
  display: flex; gap: var(--mm-e3); align-items: center; margin: 0 0 var(--mm-e4);
  padding: var(--mm-e3) var(--mm-e4); background: var(--mm-superficie);
  border: 1px solid var(--mm-borda-leve); border-radius: var(--mm-raio-md);
}
.bloco-atendimento p { margin: 0; }
.bloco-atendimento .bloco-icone { width: 32px; height: 32px; color: var(--mm-primaria); }
.bloco-rotulo { font-size: var(--mm-t-xs); color: var(--mm-texto-suave); }
.bloco-nome { font-weight: 700; overflow-wrap: anywhere; }

@media (min-width: 600px) {
  .lista-cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Botões de página e de cartão com largura natural; só o campo de copiar pode crescer. */
  .acoes-link > .botao { flex: 0 0 auto; min-width: fit-content; white-space: nowrap; }
  .acoes-link .copiar { flex: 1 1 260px; }
}