/* Buildflowz Portal Navigation v1.1 */
.bz-nav-shell{display:flex;flex-direction:column;min-height:0;flex:1}
.bz-nav-progress{
  margin:4px 3px 10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
  border-radius:14px;
  background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--surface-2) 92%,transparent));
}
.bz-nav-progress-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bz-nav-progress-title{font-size:11px;font-weight:800;color:var(--text);letter-spacing:.01em}
.bz-nav-progress-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.bz-nav-progress-bar{height:5px;margin:9px 0 10px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}
.bz-nav-progress-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .25s var(--ease)}
.bz-nav-next{display:grid;gap:2px;margin-bottom:9px}
.bz-nav-next small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}
.bz-nav-next b{font-size:11px;line-height:1.35}
.bz-nav-progress .btn{width:100%;min-height:34px!important;font-size:10px!important;padding:7px 9px!important}

.bz-nav-section{margin-top:4px}
.bz-nav-section+.bz-nav-section{margin-top:8px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.bz-nav-section-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 10px 6px;border:0;background:transparent;color:var(--muted);
  font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;text-align:left;
}
.bz-nav-section-head[aria-expanded]{cursor:pointer;border-radius:9px}
.bz-nav-section-head[aria-expanded]:hover{color:var(--text);background:rgba(255,255,255,.025)}
.bz-nav-chevron{font-size:10px;transition:transform .18s var(--ease)}
.bz-nav-section.is-collapsed .bz-nav-chevron{transform:rotate(-90deg)}
.bz-nav-items{display:grid;gap:2px}
.bz-nav-section.is-collapsed .bz-nav-items{display:none}

.nav .bz-nav-item{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-height:46px!important;
  padding:8px 10px!important;
}
.bz-nav-icon{
  width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--surface-3) 82%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  font-size:13px;line-height:1;
}
.bz-nav-copy{min-width:0;display:grid;gap:1px}
.bz-nav-copy b{
  font-size:11.5px;line-height:1.2;font-weight:720;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bz-nav-copy small{
  font-size:9px;line-height:1.25;color:var(--muted);font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.nav .bz-nav-item.active .bz-nav-icon{
  color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));
  border-color:transparent;box-shadow:0 5px 15px rgba(95,135,255,.22);
}
.bz-nav-item-badge{
  min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;
  font-size:8px;font-weight:800;color:var(--muted);border:1px solid var(--line);background:var(--surface-2);
}
.bz-nav-item.active .bz-nav-item-badge{color:var(--text)}

.bz-nav-help{
  margin:11px 3px 2px;padding:10px 11px;border-radius:12px;
  border:1px dashed color-mix(in srgb,var(--line) 90%,transparent);
  color:var(--muted);font-size:9.5px;line-height:1.45;
}
.bz-nav-help b{color:var(--text-2)}

.bz-top-context{display:grid;gap:2px;min-width:0}
.bz-top-kicker{
  font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bz-top-current{display:flex;align-items:center;gap:7px;min-width:0}
.bz-top-current b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-top-step{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;
  border:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap;
}
.bz-menu-label{display:none}

#bz07Onboard.bz-onboarding-clean{
  padding:0!important;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--primary) 6%),var(--surface))!important
}
.bz-onboard-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 20px 15px}
.bz-onboard-head h3{margin:3px 0 4px!important;font-size:17px!important}
.bz-onboard-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.bz-onboard-score{font-size:11px;font-weight:850;color:var(--text);white-space:nowrap}
.bz-onboard-track{height:5px;background:color-mix(in srgb,var(--line) 80%,transparent)}
.bz-onboard-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}
.bz-onboard-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:13px 14px 14px;gap:7px}
.bz-onboard-step{
  position:relative;min-height:78px;padding:10px;border-radius:12px;
  border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 88%,transparent);
}
.bz-onboard-step.done{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.bz-onboard-step.current{
  border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
  background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent);
}
.bz-onboard-step-num{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;margin-bottom:8px;
  border:1px solid var(--line);font-size:9px;font-weight:850;color:var(--muted);
}
.bz-onboard-step.done .bz-onboard-step-num{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.bz-onboard-step.current .bz-onboard-step-num{background:var(--primary);color:#fff;border-color:var(--primary)}
.bz-onboard-step b{display:block;font-size:10.5px;margin-bottom:2px}
.bz-onboard-step small{display:block;color:var(--muted);font-size:8.5px;line-height:1.35}
.bz-onboard-next{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 78%,transparent);
}
.bz-onboard-next-copy{min-width:0}
.bz-onboard-next-copy small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.bz-onboard-next-copy b{display:block;margin-top:2px;font-size:11px}
.bz-onboard-next .btn{white-space:nowrap}

@media(max-width:760px){
  .side{width:min(86vw,310px)!important;left:min(-86vw,-310px)!important}
  .side.open{left:0!important}
  .side .brand{padding-right:42px!important}
  .bz-menu-label{display:inline!important;font-size:10px;font-weight:800}
  .mobilemenu,.bz-mobile-menu{width:auto!important;gap:6px;padding:7px 10px!important}
  .bz-nav-progress{margin-top:0}
  .bz-nav-section-head{padding-top:10px}
  .bz-nav-help{margin-bottom:10px}
  .bz-onboard-steps{grid-template-columns:1fr 1fr}
  .bz-onboard-step{min-height:70px}
  .bz-onboard-next{align-items:flex-start;flex-direction:column}
  .bz-onboard-next .btn{width:100%}
}
@media(max-width:420px){
  .bz-onboard-head{padding:17px 16px 13px}
  .bz-onboard-steps{grid-template-columns:1fr}
  .bz-onboard-step{min-height:auto}
}