/* legacy-onboard.css — workspace mount rules for the ported "New client" flow (legacy-onboard.js). The membership
 * questionnaire (#mqModal), the profile modal (#profileModal) and the wizard nav (#onbNavBar) are styled inline by the old
 * code and take their CSS variables from legacy-profile.css (scoped under .lp — both modals carry class "lp"). Nothing here
 * restyles the old markup; these rules only fit the body-level overlays and the fixed wizard bar into the workspace shell. */

/* Modals: the old tool's font (the workspace shell sets its own on body; the overlays sit outside #lp-root) */
#profileModal.lp,#mqModal.lp{font-family:'Montserrat',system-ui,sans-serif;color:var(--text-primary)}
#profileModal.lp input,#profileModal.lp select,#mqModal.lp button{font-family:inherit}

/* Wizard nav bar: the old app was full-screen, so the bar spans the window. In the workspace it must clear the sidebar and
 * sit above the tab content and the assistant FAB (z-index 30) but below popups (#cpPopup) and the modals (z 100000+). */
.lp #onbNavBar{left:230px !important;width:calc(100% - 230px) !important;z-index:1000 !important;box-sizing:border-box;font-family:'Montserrat',system-ui,sans-serif}
@media (max-width:900px){.lp #onbNavBar{left:0 !important;width:100% !important;padding:10px 12px !important;flex-wrap:wrap;gap:8px}}
/* room for the fixed bar under the tab content (the old code pads the screen's own content column) */
.lp #profileApp[data-wizard="1"]{padding-bottom:110px}
/* hide the assistant FAB behind the bar while the wizard is open — the bar covers it */
body:has(.lp #onbNavBar) .ai-fab{bottom:120px}

/* "Why we need this" intro banner (injected by onbShowStep): dark mode uses the tab's own text colour for the heading */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lp #onbIntroBanner>div>div>div:first-child{color:var(--cyan) !important}}
:root[data-theme="dark"] .lp #onbIntroBanner>div>div>div:first-child{color:var(--cyan) !important}

/* Resume banner (profile.js, Personal tab) — workspace style, not legacy */
.lp-resume{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:var(--cyan-soft,rgba(1,203,240,.12));border:1px solid var(--border,rgba(0,0,0,.08));font-size:12px;color:var(--text-primary)}
.lp-resume strong{font-weight:800}
.lp-resume .grow{flex:1}