/* Pagina: Contatos do Bradesco. Mesma forma da tabela de Usuarios. */

.contatos-tabela-area {
  overflow-x: auto;
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-container);
}

.contatos-tabela {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--txt-corpo-p);
}

.contatos-tabela th,
.contatos-tabela td {
  padding: var(--esp-2) var(--esp-3);
  text-align: left;
  border-bottom: 1px solid var(--cor-borda);
  max-width: 280px;
}

.contatos-tabela thead th {
  background: var(--cor-superficie-baixa);
  white-space: nowrap;
}

.contatos-tabela tbody tr:last-child td {
  border-bottom: 0;
}

/* O desativado fica na lista, esmaecido: some do envio, e nao da tela. */
.contatos-linha--inativa td {
  color: var(--cor-texto-fraco);
  opacity: 0.7;
}

.contatos-carregando {
  display: flex;
  justify-content: center;
  padding: var(--esp-4);
}

.contatos-dialogo {
  --width: min(32rem, 94vw);
}

.contatos-dialogo wa-input,
.contatos-dialogo wa-select {
  display: block;
  margin-bottom: var(--esp-4);
}

.contatos-dialogo-erro {
  margin-top: var(--esp-3);
}

.contatos-dialogo-rodape {
  display: flex;
  gap: var(--esp-2);
  justify-content: flex-end;
}