.create-profile-section {
  margin-bottom: var(--s4);

  h3 {
    margin-top: 0;
    margin-bottom: var(--s2);
  }

  .create-profile-form {
    display: flex;
    gap: 12px;
    align-items: center;

    .profile-name-input {
      flex: 1;
    }
  }
}

.profiles-list-section {
  h3 {
    margin-top: 0;
    margin-bottom: var(--s2);
  }

  .profiles-list {
    display: flex;
    flex-direction: column;
    gap: 12px;

    .profile-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: var(--s2);
      border: 1px solid rgba(0, 0, 0, 0.12);
      border-radius: var(--card-border-radius);
      transition: var(--transition-standard);

      &:hover {
        // Migrated to state token: was `rgba(0,0,0,0.02)` — now mode-aware
        // and theme-tunable via `--state-hover-alpha`.
        background: var(--state-hover);
      }

      &.active-profile {
        border-color: var(--c-accent);
        // Selected lift — accent-tinted (intentionally not migrated to
        // `--state-selected`, which is ink-on-surface). Kept as-is.
        background: rgba(var(--c-accent-rgb), 0.05);
      }

      .profile-info-section {
        flex: 1;

        .profile-name {
          display: flex;
          align-items: center;
          gap: var(--s);
          margin-bottom: var(--s-half);

          strong {
            font-size: 16px;
          }

          .active-badge {
            padding: var(--s-quarter) var(--s);
            background: var(--c-accent);
            color: white;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 500;
          }
        }

        .profile-meta {
          font-size: 12px;
          opacity: 0.6;
        }
      }

      .profile-name-edit {
        flex: 1;
        margin-right: 12px;
      }

      .profile-actions {
        display: flex;
        gap: var(--s-half);
      }
    }
  }
}

.profile-folder-section {
  margin-top: var(--s3);
  padding-top: var(--s3);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
