.profile-summary {
  display: grid;
  gap: 1.25rem;
}

.profile-summary-hero {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, #dbe5e3);
}

.profile-summary-hero h3,
.profile-summary-hero p { margin: 0; }
.profile-summary-hero p { color: var(--text-secondary, #64748b); }

.profile-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.profile-summary-grid > div {
  display: grid;
  gap: .25rem;
  padding: .875rem;
  border-radius: var(--radius-sm, 8px);
  background: var(--surface-subtle, #f5f8f7);
}

.profile-summary-grid span { color: var(--text-secondary, #64748b); font-size: .75rem; }
.profile-summary-grid strong { color: var(--text-primary, #0f172a); overflow-wrap: anywhere; }
.profile-settings-panel > button[type="submit"] { display: none; }

.profile-editor-fields small {
  display: block;
  margin-top: .25rem;
  color: var(--text-secondary, #64748b);
  font-size: .75rem;
}

@media (max-width: 640px) {
  .profile-summary-grid { grid-template-columns: 1fr; }
  .profile-summary-hero { align-items: flex-start; }
}

/* WHATSAPP-C1 — card de conexão do WhatsApp em Minha conta. */
.whatsapp-card { margin-top: 18px; padding: 18px; border: 1px solid #DCE6E3; border-radius: 14px; background: #FFFFFF; display: grid; gap: 12px; }
.whatsapp-card.is-linked { border-color: #BFE3D6; background: #F4FBF8; }
.whatsapp-card-head { display: flex; align-items: center; gap: 12px; }
.whatsapp-card-head h3 { margin: 0; font-size: 15px; font-weight: 700; color: #14282B; }
.whatsapp-card-head p { margin: 2px 0 0; font-size: 12.5px; color: #56686C; }
.whatsapp-card-icon { width: 40px; height: 40px; flex: none; border-radius: 12px; display: grid; place-items: center; background: #E3F4EC; color: #146B55; }
.whatsapp-card-icon svg { width: 22px; height: 22px; }
.whatsapp-card-text, .whatsapp-card-steps { margin: 0; font-size: 13.5px; line-height: 1.5; color: #2D3E42; }
.whatsapp-card-steps { padding-left: 18px; }
.whatsapp-card-code {
  margin: 0; justify-self: start; padding: 10px 16px; border-radius: 10px; background: #F4F7F6; border: 1px dashed #9FD3C2;
  font-size: 20px; font-weight: 800; letter-spacing: 0.06em; color: #0F3B3F; font-variant-numeric: tabular-nums; user-select: all;
}
.whatsapp-card-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.45; color: #2D3E42; cursor: pointer; }
.whatsapp-card-consent input { margin-top: 3px; width: 16px; height: 16px; flex: none; }
.whatsapp-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
