/* Scoped to the console surface host; the page it styled now mounts in place. */
#surface-view[data-surface="onboarding"]{&{max-width:1180px}.report-state{margin:0 0 14px;color:var(--muted);font:700 12px ui-monospace,monospace;text-transform:capitalize}.journey{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px}.journey h2,.journey p{margin:0}.journey>header{margin-bottom:12px}.journey ol{display:grid;gap:14px;margin:0;padding:0;list-style:none}.journey li{position:relative}.journey figure{display:flex;align-items:flex-end;position:relative;overflow:hidden;min-height:300px;margin:0;border:1px solid var(--line);border-radius:8px;background:#092d29}.journey li.current figure{border:4px solid #d9c987;box-shadow:0 0 0 1px #765f19}.journey img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journey figcaption{position:relative;margin:14px;width:min(520px,calc(100% - 28px));padding:12px 14px;border:1px solid rgba(244,240,223,.55);background:rgba(6,28,24,.88);color:#f4f0df;backdrop-filter:blur(5px)}.journey figcaption span,.journey figcaption strong{display:block}.journey figcaption span{color:#d9c987;font:700 10px ui-monospace,monospace;text-transform:uppercase}.journey figcaption strong{font-size:20px}.journey figcaption p{margin-top:3px}.journey figcaption small{display:block;margin-top:7px;color:#b8d7c3}.journey .phase-state{display:flex;align-items:center;gap:7px;margin-bottom:3px}.journey .phase-state i{width:13px;height:13px;border:2px solid #b8d7c3;border-radius:50%;background:transparent}.journey .phase-state.complete i{border-color:#65b68a;background:#65b68a}.journey .phase-state.current i{border:4px solid #d9c987}.journey .phase-state span{display:block}.journey .substeps{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:6px;margin:10px 0 0;padding:0;list-style:none}.journey .substep{display:grid;grid-template-columns:12px 1fr;align-items:start;gap:7px;padding:7px 8px;border:1px solid rgba(244,240,223,.32);background:rgba(3,20,16,.72)}.journey .substep i{width:10px;height:10px;margin-top:2px;border:1px solid #b8d7c3;border-radius:50%;background:transparent}.journey .substep.complete i{background:#65b68a;border-color:#65b68a}.journey .substep.current{border-color:#d9c987}.journey .substep.current i{border:3px solid #d9c987}.journey .substep span{color:#f4f0df;font:600 11px/1.25 system-ui,sans-serif;text-transform:none}.message-panel{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px}.message-panel>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.message-panel h2,.message-panel p{margin:0}.message-panel header p{color:var(--muted)}#onboarding-message{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#111b15;color:#eef8f0;font:13px/1.5 ui-monospace,monospace;resize:vertical}@media(max-width:760px){.page-head,.message-panel>header{align-items:stretch;flex-direction:column}.journey figure{min-height:470px}.journey .substeps{grid-template-columns:1fr}}}

#surface-view[data-surface="onboarding"] {
  .journey figcaption {--surface:rgba(3,20,16,.72);--ink:#f4f0df;--muted:#b8d7c3;--line:rgba(244,240,223,.32);--accent:#d9c987;--danger:#ffa8b5}
  .journey .stage-work {margin-top:10px;color:var(--ink)}
  .journey .substeps {grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}
  .journey .substep {padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);grid-template-columns:12px minmax(0,1fr)}
  .journey .substep i {border-color:var(--muted)}
  .journey .substep strong {font-size:13px}
  .journey .substep .substep-state {display:block;margin:2px 0;color:var(--muted);font-size:11px}
  .journey .substep p {margin-top:6px;font-size:12px;overflow-wrap:anywhere}
  .journey .substep .missing {color:var(--danger)}
  .journey summary {cursor:pointer;color:var(--accent);font-size:12px;padding:5px 0}
  .journey summary:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
  .journey .stage-evidence {margin-top:8px}
  @media(max-width:760px){.journey .substeps{grid-template-columns:1fr}.journey figure{min-height:300px}}
}
@media(prefers-color-scheme:dark){#surface-view[data-surface="onboarding"] {--page:#10231e;--surface:#17332b;--ink:#edf4e9;--muted:#b2c7bc;--line:#4d7061;--accent:#8bdbbc;--danger:#ffa8b5;background:var(--page);color:var(--ink)}}

#surface-view[data-surface="onboarding"] {
  .journey figure {flex-direction:column;align-items:stretch;justify-content:space-between}
  .journey-customers {position:relative;z-index:1;order:-1;display:flex;flex-wrap:wrap;gap:8px;margin:14px 14px 0;--surface:rgba(6,28,24,.92);--ink:#f4f0df;--muted:#b8d7c3;--line:rgba(244,240,223,.55);--accent:#d9c987}
  .journey-customers:empty {display:none}
  .journey figcaption {box-sizing:border-box}
  .journey-customer {display:grid;gap:4px;min-width:180px;max-width:100%;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-wrap:anywhere}
  .journey-customer span {font-size:12px;color:var(--muted)}
  .journey-customer[aria-pressed="true"] {border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}
  .journey-customer:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
  @media(max-width:760px){.journey-customer{width:100%;min-width:0}}
}

#surface-view[data-surface="onboarding"] {
  .journey-pair-link {display:inline-block;margin-top:10px;padding:7px 10px;border:1px solid #d9c987;border-radius:7px;background:rgba(6,28,24,.92);color:#f4f0df;font:700 12px/1.4 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}
  .journey-pair-link:focus-visible {outline:2px solid #d9c987;outline-offset:3px}
}

#surface-view[data-surface="onboarding"] .pair-provisioning-state {font-size:12px;overflow-wrap:anywhere;color:#f4f0df;background:rgba(6,28,24,.92);padding:7px;border:1px solid #b8d7c3;border-radius:7px}