/* Onboarding steps 4-10 (#/einrichtung) and the setup-related pieces of the profile. */
@layer features {
  .onboarding-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
  .onboarding-progress { gap: var(--space-1); }
  .waste-preview:focus { outline: none; }
  .onboarding-card { gap: var(--space-4); }
  .onboarding-actions { justify-content: space-between; border-top: 1px solid var(--color-line); padding-top: var(--space-4); }
  .onboarding-actions .button.primary { margin-left: auto; }
  .onboarding-body h2 { font-size: var(--text-md); margin-top: var(--space-2); }
  .member-list .row-title { font-weight: var(--weight-bold); }
  .place-results .icon { color: var(--color-accent); }
  .device-step { padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); }
  .device-step h2 { display: flex; align-items: center; gap: var(--space-2); }
  .device-qr { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: flex-start; }
  .qr { width: 180px; height: 180px; padding: var(--space-2); border-radius: var(--radius-sm); background: var(--color-qr-bg); flex: none; }
  .url-text, .code-text { font-family: var(--font-mono); overflow-wrap: anywhere; font-weight: var(--weight-bold); }
  .code-text { font-size: var(--text-xl); letter-spacing: 0.08em; }
  .steps-list { list-style: decimal; padding-left: 1.4em; display: grid; gap: var(--space-2); }
  .reset-code { align-items: flex-start; }
  .reset-code .qr { width: 160px; height: 160px; }
  .import-list { max-height: 50vh; overflow-y: auto; }
  .summary-list .icon { color: var(--color-accent); }
  .ai-key { background: var(--color-surface-2); }
  details summary { min-height: var(--tap-min); display: flex; align-items: center; cursor: pointer; font-weight: var(--weight-bold); color: var(--color-accent); }
}