/* « AutoSEO prépare votre plan » : reprend la liste « Votre configuration » de l'accueil (classes setup-*), une étape par ligne. */
.prep-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.prep-item { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 12px; border-radius: var(--radius-control); }
.prep-item.is-running { background: var(--accent-soft); }
.prep-item.is-running .setup-mark { background: var(--surface); }
.prep-item.is-done .setup-mark { background: transparent; color: var(--accent); }
.prep-item.is-done .setup-title { font-weight: 500; color: var(--muted); }
.prep-item.is-failed .setup-mark { background: var(--pill-negative-bg); color: var(--pill-negative-ink); }
.prep-item.is-failed .setup-why { color: var(--pill-negative-ink); }
.prep-item .btn { flex: none; }
.prep-state { flex: none; font-size: var(--fs-small); color: var(--muted); }
.prep.is-compact .prep-item { min-height: 38px; padding: 4px 8px; }
.prep.is-compact .setup-head { margin-bottom: 8px; }
@media (max-width: 640px) {
  .prep-item { flex-wrap: wrap; }
  .prep-item .setup-main { flex-basis: calc(100% - 40px); }
  .prep-item .btn { margin-left: 36px; }
}
