/*
 * Connected apps (Account settings): the assistants a person has connected,
 * and the steps to connect one.
 */
@layer components {
  .connected-apps { display: grid; gap: var(--space-5); padding: 0; list-style: none; }
  .connected-app { display: grid; gap: var(--space-3); }
  .connected-app + .connected-app { padding-top: var(--space-5); border-top: 1px solid var(--line); }
  .connected-app__scopes { margin: 0; padding-left: var(--space-5); color: var(--muted); font-size: var(--text-sm); }

  .connector-steps ol, .connector-steps ul { display: grid; gap: var(--space-2); margin: 0 0 var(--space-3); padding-left: var(--space-5); }
  .connector-steps p + p { margin-top: var(--space-2); }
}