/* Marca Clique Responde: logo transparente direto sobre o fundo claro do app. */
.auth-brand { justify-content: center; margin-bottom: 22px; }
.auth-brand img,
.brand img,
.conversation-empty > img,
.privacy-brand img,
.privacy-summary img {
  height: auto;
  object-fit: contain;
}
.auth-brand img { width: 200px; }
.auth-brand > span,
.privacy-brand > span { display: none; }
.brand { width: auto; height: 44px; display: flex; align-items: center; }
.brand img { width: auto; height: 38px; max-height: 38px; }
.conversation-empty > img { width: min(240px, 70%); }
.privacy-brand img { width: 110px; }
.privacy-summary img { width: min(200px, 100%); }

/* Cards da tela inicial centralizados, como no ZAP360 */
.conversation-empty .feature-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 18px 16px;
}
.conversation-empty .feature-card > span {
  display: grid;
  place-items: center;
}
.conversation-empty .feature-card > span svg {
  display: block;
  margin: 0;
}
.conversation-empty .feature-card > div {
  text-align: center;
}
.feature-card[role="button"]:hover,
.feature-card[role="button"]:focus-visible {
  border-color: #e57200;
  box-shadow: 0 8px 20px rgba(229, 114, 0, 0.16);
}