/* Scoped to the console surface host; the page it styled now mounts in place. */
#surface-view[data-surface="onboarding"]{&{max-width:1180px}&{--page:#eef4ee;--surface:#fffdf5;--ink:#17372f;--muted:#5a7067;--line:#9bb1a6;--accent:#176f60;--danger:#9d3044}button,input,textarea,select{font:inherit}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:3px 0;color:var(--muted)}.eyebrow{text-transform:uppercase;font:800 11px ui-monospace,monospace!important;letter-spacing:.08em}button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;padding:8px 11px;cursor:pointer}button:disabled{opacity:.5}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}aside,#record-form,#empty-state{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px}aside h2{margin:0 0 10px;font-size:16px}#customer-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.customer-button{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border-color:var(--line)}.customer-button[aria-current="true"]{background:#dcebdc;border-color:var(--accent)}.customer-button strong,.customer-button span{display:block}.customer-button span{color:var(--muted);font-size:11px}#record-form>header{display:flex;align-items:center;justify-content:space-between;gap:12px}#record-form h2{margin:0}#record-status{display:inline-block;margin-top:3px;color:var(--muted);font:800 11px ui-monospace,monospace;text-transform:uppercase}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.fields label,#create-form label{display:grid;gap:5px;font-weight:700}.fields .wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:#17231b;padding:8px}textarea{resize:vertical}.checkpoints{display:grid;gap:8px;margin:0;padding:0;list-style:none}.checkpoint{display:grid;grid-template-columns:minmax(180px,.7fr) 130px minmax(220px,1fr);gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:7px}.checkpoint[data-state="complete"]{border-left:5px solid #2b845f}.checkpoint[data-state="blocked"]{border-left:5px solid var(--danger)}.handoff{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.handoff h3,.handoff p{margin:0 0 8px}.handoff p{color:var(--muted)}#handoff-message{margin-top:10px}#onboarding-status{min-height:20px;color:var(--muted)}#onboarding-status.error{color:var(--danger)}dialog{width:min(520px,calc(100% - 24px));border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}#create-form{display:grid;gap:12px}#create-form h2{margin:0}#create-form>div{display:flex;justify-content:flex-end;gap:8px}@media(max-width:760px){.workspace,.fields{grid-template-columns:1fr}.checkpoint{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.fields .wide{grid-column:auto}}}
