/* Optional phone-signup profile fields: collapsed <details> on Account (issue: phone-primary onboarding). */
@layer components {
  .profile-enrichment {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
  }

  .profile-enrichment__summary {
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    list-style: none;
  }

  .profile-enrichment__summary::-webkit-details-marker {
    display: none;
  }

  .profile-enrichment__summary::before {
    content: "";
    display: inline-block;
    width: 0.35rem;
    height: 0.35rem;
    margin-right: var(--space-2);
    border-right: 1px solid var(--color-text-muted);
    border-bottom: 1px solid var(--color-text-muted);
    transform: rotate(-45deg);
    vertical-align: middle;
    margin-bottom: 0.15em;
  }

  .profile-enrichment[open] .profile-enrichment__summary::before {
    transform: rotate(45deg);
    margin-bottom: 0;
  }

  .profile-enrichment__hint {
    margin-top: var(--space-2);
    margin-bottom: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
  }

  .profile-enrichment__form {
    margin-top: var(--space-3);
    max-width: 22rem;
  }
}