.project-onboarding { display:grid; gap:18px; padding:24px; margin-bottom:24px; border:1px solid var(--border); border-radius:24px; background:var(--surface); min-width:0; }
.project-onboarding p,.project-onboarding h2 { margin:0; overflow-wrap:anywhere; }
.onboarding-heading { display:grid; gap:8px; }
.onboarding-scope { font-size:.82rem; color:var(--text-muted); }
.onboarding-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.onboarding-step { display:flex; gap:10px; align-items:center; font-size:.85rem; color:var(--text-muted); min-width:0; overflow-wrap:anywhere; }
.onboarding-number { display:flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; border:1px solid var(--border); }
.onboarding-step[data-state="current"] { color:var(--text); font-weight:700; }
.onboarding-step[data-state="current"] .onboarding-number,.onboarding-step[data-state="done"] .onboarding-number { background:var(--ai-violet); color:#fff; border-color:transparent; }
.onboarding-step[data-state="rejected"] { color:var(--danger,#a42b51); }
.onboarding-message { color:var(--text-muted); line-height:1.6; }
.onboarding-actions { display:flex; flex-wrap:wrap; gap:12px; }
.onboarding-actions .button { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
.project-onboarding[data-compact="true"] { padding:16px; margin-bottom:16px; }
@media(max-width:600px) { .project-onboarding { padding:18px; } .onboarding-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .onboarding-actions,.onboarding-actions .button { width:100%; } }