/* Profile Page Main Content */
    .profile-page-wrapper {
      flex: 1;
      padding: 3rem 4rem;
      background-color: var(--paper);
    }

    .profile-header {
      margin-bottom: 2rem;
      /* border-bottom: 1px solid var(--line); */
      padding-bottom: 1.5rem;
      max-width: 800px;
    }

    .profile-header h1 {
      font-family: var(--font-display);
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
      color: var(--ink);
    }

    .profile-header p {
      color: var(--muted);
      font-family: var(--font-sans);
    }

    .form-section {
      margin-bottom: 2.5rem;
      max-width: 800px;
    }

    .form-section h2 {
      font-family: var(--font-sans);
      font-size: 0.97rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 1.25rem;
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
    }

    .form-group {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .form-group.full-width {
      grid-column: span 2;
    }

    .form-group label {
      font-family: var(--font-sans);
      font-size: 0.75rem;
      font-weight:500;
      color: var(--ink-2);
    }
    .form-group label.profile-domain-label {
      font-family: var(--font-sans);
      font-size: 0.97rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 0.5rem;
    }

    .form-control {
      padding: 0.75rem 1rem;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-sm);
      font-family: var(--font-sans);
      font-size: 0.875rem;
      color: var(--ink);
      background-color: var(--surface);
      transition: border-color 0.2s;
    }

    .form-control:focus {
      outline: none;
      border-color: var(--signal);
      box-shadow: 0 0 0 1px var(--signal);
    }

    .form-control[readonly] {
      background-color: var(--surface);
      color: var(--muted);
      cursor: not-allowed;
      border-color: var(--line);
    }

    textarea.form-control {
      resize: vertical;
      min-height: 100px;
    }

    .btn-save {
      background-color: var(--ink);
      color: var(--surface);
      border: none;
      padding: 0.75rem 1.5rem;
      border-radius: var(--radius-md);
      font-family: var(--font-sans);
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.2s;
    }

    .btn-save:hover {
      background-color: var(--signal-strong);
    }

    .helper-text {
      font-size: 0.65rem;
      color: var(--muted);
      margin-top: 0.25rem;
    }
    .domain-badge {
      display: inline-block;
      background-color: var(--signal-soft);
      color: var(--signal-strong);
      padding: 0.25rem 0.75rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      font-family: var(--font-sans);
      border: 1px solid rgba(33, 104, 79, 0.2); /* Faint signal border */
    }

    @media (max-width: 680px) {
      .profile-page-wrapper {
        padding: 2rem 1.5rem;
      }

      .form-grid {
        grid-template-columns: 1fr;
      }

      .form-group.full-width {
        grid-column: span 1;
      }
    }


    #passwordForm { margin-top: 2rem; }
    #passwordForm[hidden] { display: none; }

  .choices__inner {
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm, 6px) !important;
    background-color: var(--paper) !important;
    padding: 4px 8px !important;
    min-height: 44px !important; 
  }

  .choices[data-type*="select-multiple"] .choices__button {
    border-left: 1px solid rgba(255,255,255,0.3) !important;
  }