/* Styles only for the new profile operation and conflict controls. */
.portal-profile-edit-form .portal-profile-save-state,
.portal-change-password .portal-profile-save-state,
.portal-profile-conflict {
  padding: 16px;
  border: 1px solid #d9dfe9;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.portal-profile-save-state[data-state="committed"] { border-left: 4px solid var(--pink, #c42672); }
.portal-profile-save-heading,
.portal-profile-save-actions,
.portal-profile-save-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.portal-profile-save-heading > div { flex: 1; min-width: 0; }
.portal-profile-save-heading h4,
.portal-profile-save-heading p,
.portal-profile-conflict p { margin: 0; }
.portal-profile-save-heading p { margin-top: 6px; }
.portal-profile-save-actions:has(> button:not([hidden])) { margin-top: 14px; }
.portal-profile-edit-form [hidden],
.portal-change-password [hidden] { display: none !important; }
.portal-profile-conflict dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.portal-profile-conflict dl > div { padding: 12px; border: 1px solid #d9dfe9; border-radius: 8px; min-width: 0; }
.portal-profile-conflict dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.portal-profile-save-footer p { flex-basis: 100%; }