/* Client onboarding (onboarding.js). Builds on the Ticket Caller modal styles (.tc-scope). */
.ob-modal{ max-width:980px; }
.ob-intro{ margin:4px 0 12px; line-height:1.5; }
.ob-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; margin-bottom:14px; }
.ob-tile{ display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.ob-tile-l{ font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-muted); }
.ob-tile b{ font-size:16px; }
.ob-tile.ob-ok{ border-color:rgba(48,164,108,0.6); }
.ob-tile.ob-ok b{ color:#5dd39a; }
.ob-tile.ob-wait b{ color:#f0a066; }
.ob-status{ max-width:240px; margin-bottom:12px; }
.ob-form{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; align-items:start; }
.ob-sec{ display:flex; flex-direction:column; gap:10px; margin:0; padding:12px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface); min-width:0; }
.ob-sec-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ob-why{ margin:-4px 0 0; }
.ob-check{ display:flex; gap:8px; align-items:flex-start; font-size:13px; color:var(--text); cursor:pointer; }
.ob-check input{ margin-top:2px; accent-color:var(--accent); }
.ob-check input:disabled + span{ opacity:.8; }
.ob-staff{ color:var(--text-muted); }
.ob-tag{ display:inline-block; font-size:11px; font-weight:600; padding:0 6px; border-radius:999px; border:1px solid var(--border); color:var(--text-muted); margin-left:4px; white-space:nowrap; }
.ob-tag-warn{ color:#f0a066; border-color:rgba(224,105,31,0.5); }
.ob-state-waiting{ color:var(--text-muted); }
.ob-state-review,.ob-state-changed{ color:#f0a066; border-color:rgba(224,105,31,0.5); }
.ob-state-confirmed{ color:#5dd39a; border-color:rgba(48,164,108,0.5); }
.ob-chip-intake{ color:var(--text-muted); }
.ob-chip-in_review{ color:#f0a066; border-color:rgba(224,105,31,0.5); }
.ob-chip-live{ color:#5dd39a; border-color:rgba(48,164,108,0.5); }
.ob-confirm{ align-self:flex-start; }
.ob-save{ margin:12px 0; }
.ob-tasks{ display:flex; flex-direction:column; gap:8px; margin-top:8px; padding:12px 14px; border:1px solid var(--border); border-radius:10px; }
.ob-task.ob-done b{ text-decoration:line-through; color:var(--text-muted); }
.ob-detail{ margin:4px 0 0; font-size:12px; white-space:pre-wrap; color:var(--text-muted); max-height:140px; overflow:auto; }
.ob-open{ margin-top:10px; }