/* Dashboard density, seamless portal navigation and interactive onboarding summary. */
body.snexus-customer-portal .site-content,
body.snexus-customer-portal #content,
body.snexus-customer-portal .content-area,
body.snexus-customer-portal .site-main{
  margin-top:0!important;
  padding-top:0!important;
}
.snexus-registration-portal .snx-portal-main:has(.snx-page-head-dashboard){
  gap:12px!important;
  padding-top:22px!important;
}
.snexus-registration-portal .snx-page-head-dashboard{
  padding-bottom:14px!important;
}
.snexus-registration-portal .snx-page-head-dashboard h1{
  margin-bottom:0!important;
}
.snexus-registration-portal .snx-page-head-dashboard + .snx-onboarding-card{
  order:initial;
}
.snexus-registration-portal .snx-onboarding-card{
  position:relative;
  padding:0!important;
  overflow:hidden;
  cursor:pointer;
  border-color:#dde3ec!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.snexus-registration-portal .snx-onboarding-card:hover{
  border-color:#f1a06d!important;
  box-shadow:0 7px 22px rgba(23,32,51,.07)!important;
}
.snexus-registration-portal .snx-onboarding-summary{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:94px;
  padding:14px 18px;
}
.snexus-registration-portal .snx-onboarding-ring{
  --snx-onboarding-pct:0;
  width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--sp-orange) calc(var(--snx-onboarding-pct)*1%),#edf0f4 0);
}
.snexus-registration-portal .snx-onboarding-ring:after{
  content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;
}
.snexus-registration-portal .snx-onboarding-ring strong{
  position:relative;z-index:1;color:var(--sp-navy);font-size:.9rem;font-weight:760;
}
.snexus-registration-portal .snx-onboarding-copy{min-width:0}
.snexus-registration-portal .snx-onboarding-copy .snx-eyebrow{margin-bottom:2px}
.snexus-registration-portal .snx-onboarding-copy h2{margin:0!important}
.snexus-registration-portal .snx-onboarding-next{
  display:block;margin-top:3px;color:var(--sp-muted);font-size:.79rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.snexus-registration-portal .snx-onboarding-meta{
  display:flex;align-items:center;gap:14px;color:var(--sp-muted);
}
.snexus-registration-portal .snx-onboarding-meta strong{color:var(--sp-navy)}
.snexus-registration-portal .snx-onboarding-chevron{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--sp-soft);
  font-size:1.25rem;transition:transform .18s ease;
}
.snexus-registration-portal .snx-onboarding-card.is-open .snx-onboarding-chevron{transform:rotate(180deg)}
.snexus-registration-portal .snx-onboarding-details{
  display:none;padding:4px 18px 14px;border-top:1px solid var(--sp-line);
}
.snexus-registration-portal .snx-onboarding-card.is-open .snx-onboarding-details{display:grid}
.snexus-registration-portal .snx-onboarding-details>div{padding:8px 0!important}
.snexus-registration-portal .snx-onboarding-card>.snx-progress{display:none}

/* Compact dashboard cards so the important overview fits in one viewport. */
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-plan-summary{
  padding:15px 18px!important;gap:18px!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-plan-summary .snx-plan-title-row h2{
  font-size:1.3rem!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-kpi-grid{
  gap:10px!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-kpi-grid .snx-kpi{
  padding:13px 16px!important;border-radius:14px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-kpi-grid .snx-kpi>span{margin-bottom:6px}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-kpi-grid .snx-kpi>strong{font-size:1.55rem}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-kpi-grid .snx-kpi>small{margin-top:5px}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-addons{
  padding:15px 18px!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-addons .snx-card-head{
  margin-bottom:7px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-addons .snx-module-list>div{
  padding:7px 0;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid{
  gap:12px!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid>.snx-card{
  padding:16px 18px!important;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-card-head{
  margin-bottom:10px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-license-visual{
  grid-template-columns:88px minmax(0,1fr);gap:18px;min-height:105px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-donut{
  width:82px;height:82px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-donut:after{
  width:60px;height:60px;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-donut strong{font-size:1.2rem}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-license-legend>div,
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-cost-rows>div{
  padding:6px 0;
}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-zero-cost{min-height:92px}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-progress{margin-top:10px}
.snexus-registration-portal .snx-page-head-dashboard ~ .snx-dashboard-grid .snx-totals{
  margin-top:10px;padding-top:10px;
}
@media(max-width:700px){
  .snexus-registration-portal .snx-onboarding-summary{
    grid-template-columns:58px minmax(0,1fr) auto;gap:12px;padding:13px 14px;
  }
  .snexus-registration-portal .snx-onboarding-ring{width:54px;height:54px}
  .snexus-registration-portal .snx-onboarding-meta>strong{display:none}
  .snexus-registration-portal .snx-onboarding-next{white-space:normal}
}


/* Clear Material status icons for onboarding steps. */
.snexus-registration-portal .snx-onboarding-step-label{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
}
.snexus-registration-portal .snx-onboarding-step-icon{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:1.35rem;
  height:1.35rem;
  color:#8a94a6;
  font-family:"Material Symbols Rounded"!important;
  font-size:1.25rem!important;
  font-weight:400!important;
  font-style:normal;
  line-height:1;
  letter-spacing:normal;
  white-space:nowrap;
  font-feature-settings:"liga";
  -webkit-font-feature-settings:"liga";
}
.snexus-registration-portal .snx-onboarding-step.is-done .snx-onboarding-step-icon{
  color:#f87537;
  font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20;
}
.snexus-registration-portal .snx-onboarding-step.is-open .snx-onboarding-step-icon{
  color:#a7b0bf;
  font-variation-settings:"FILL" 0,"wght" 450,"GRAD" 0,"opsz" 20;
}


/* Onboarding: status icon and label remain on one horizontal baseline. */
.snexus-registration-portal .snx-onboarding-details .snx-onboarding-step-label{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.65rem!important;
  min-width:0;
}
.snexus-registration-portal .snx-onboarding-details .snx-onboarding-step-icon{
  display:inline-flex!important;
  flex-direction:row!important;
  flex:0 0 1.35rem!important;
  width:1.35rem!important;
  height:1.35rem!important;
  min-width:1.35rem!important;
}