/* lz-onboarding.css — Landing + Wizard */
:root{
  --ob-z: 10060;
  --ob-bg: rgba(10,14,20,.92);
  --ob-surface: #0b0f14;
  --ob-fg: #eaf0f6;
  --ob-muted: #aab3bd;
  --ob-accent: #6aa9ff;
  --ob-stroke: rgba(255,255,255,.14);
  --ob-radius: 16px;
  --ob-shadow: 0 30px 60px rgba(0,0,0,.45);
}

.lz-ob-root{position:fixed; inset:0; z-index:var(--ob-z); display:none}
.lz-ob-root.is-open{display:block}
.lz-ob-overlay{position:absolute; inset:0; background:var(--ob-bg); display:grid; place-items:center}

.lz-ob-card{
  width:min(920px, 92vw);
  max-height:90vh;
  background:var(--ob-surface); color:var(--ob-fg);
  border:1px solid var(--ob-stroke);
  border-radius:var(--ob-radius);
  box-shadow:var(--ob-shadow);
  display:flex; flex-direction:column; overflow:hidden
}

.lz-ob-hd{display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--ob-stroke)}
.lz-ob-hd h2{margin:0; font:600 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.lz-ob-close{background:transparent; color:var(--ob-fg); border:none; font-size:28px; line-height:1; cursor:pointer; padding:4px 8px; border-radius:10px}
.lz-ob-close:focus{outline:2px solid var(--ob-accent); outline-offset:2px}

.lz-ob-body{padding:20px; overflow:auto}

.lz-ob-landing{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:16px; align-items:stretch
}
.lz-ob-tile{
  display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid var(--ob-stroke);
  border-radius:14px; background:rgba(255,255,255,.04)
}
.lz-ob-tile h3{margin:0; font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.lz-ob-tile p{margin:0; color:var(--ob-muted); font:400 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.lz-ob-actions{margin-top:auto; display:flex; gap:10px; flex-wrap:wrap}
.lz-ob-btn{border:1px solid var(--ob-stroke); background:transparent; color:var(--ob-fg); padding:10px 12px; border-radius:12px; cursor:pointer; font:500 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.lz-ob-btn--primary{background:var(--ob-accent); border-color:rgba(255,255,255,.2); color:#0b0f14}
.lz-ob-row{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px}
.lz-ob-check{display:flex; gap:8px; align-items:center; color:var(--ob-muted); font:12px system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}

.lz-ob-wizard .lz-ob-steps{display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap}
.lz-ob-chip{font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; padding:6px 8px; border-radius:999px; border:1px solid var(--ob-stroke); color:var(--ob-muted)}
.lz-ob-chip.is-active{color:var(--ob-fg); background:rgba(106,169,255,.18); border-color:rgba(106,169,255,.45)}

.lz-ob-panel{border:1px dashed var(--ob-stroke); border-radius:12px; padding:14px}
.lz-ob-panel h3{margin:0 0 8px; font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.lz-ob-panel p{margin:0 0 10px; color:var(--ob-muted); font:400 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}

.lz-ob-foot{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:14px}
.lz-ob-left, .lz-ob-right{display:flex; gap:8px; align-items:center}

.lz-ob-pulse{outline:2px solid var(--ob-accent); outline-offset:2px; animation:lz-ob-pulse 1.6s infinite}
@keyframes lz-ob-pulse{0%{box-shadow:0 0 0 0 rgba(106,169,255,.6)}70%{box-shadow:0 0 0 10px rgba(106,169,255,0)}100%{box-shadow:0 0 0 0 rgba(106,169,255,0)}}


/* v3: let users interact with the app while the wizard is open */
.lz-ob-overlay{ pointer-events: none; }
.lz-ob-card{ pointer-events: auto; }

/* Optional minimized floater */
.lz-ob-floater{
  position: fixed; bottom: 16px; right: 16px; z-index: calc(var(--ob-z) + 1);
  background: var(--ob-surface); color: var(--ob-fg);
  border:1px solid var(--ob-stroke); border-radius: 999px; padding:8px 12px;
  box-shadow: var(--ob-shadow); display:none; align-items:center; gap:8px
}
.lz-ob-floater.is-show{ display:inline-flex }
.lz-ob-floater button{ border:none; background:transparent; color:var(--ob-fg); cursor:pointer; font:500 13px system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif }