/* LVL V1.32.2 — Home hierarchy + compact mobile dashboard */
#view-home.lvl-home-dashboard-1322{
  --h1322-border:#252b39;
  --h1322-muted:#8f96a8;
  --h1322-purple:#9a47ff;
}

/* 1) greeting: same identity, much less vertical space */
#view-home.lvl-home-dashboard-1322 .lvl-home-hero{
  min-height:154px!important;
  padding:22px 26px!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-brand-visual{min-height:104px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-brand-visual>strong{font-size:46px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-hero-copy>p{margin-top:7px!important}

/* 2) continue strip */
#view-home.lvl-home-dashboard-1322 .lvl-home-continue{
  margin-top:11px!important;
  padding:12px 14px!important;
  min-height:70px!important;
}

/* 3) Free/Preview commercial hierarchy: plan first and dominant */
#view-home.lvl-home-dashboard-1322 .home-next-action-1190.lvl-home-commercial-1322{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr)!important;
  gap:10px!important;
  margin:11px 0 0!important;
}
#view-home.lvl-home-dashboard-1322 .home-next-action-1190.lvl-home-commercial-1322 article{
  margin:0!important;
  min-width:0!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322{
  position:relative!important;
  overflow:hidden!important;
  min-height:142px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:20px 22px!important;
  border:1px solid rgba(167,81,255,.48)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(159,61,255,.34),transparent 34%),
    linear-gradient(135deg,#171128 0%,#11101c 58%,#161027 100%)!important;
  box-shadow:0 16px 40px rgba(87,26,156,.15)!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322::after{
  content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(184,104,255,.12);border-radius:50%;right:-58px;top:-88px;pointer-events:none;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 .eyebrow{color:#c26fff!important;font-weight:900!important;letter-spacing:.1em!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 h3{font-size:24px!important;line-height:1.08!important;margin:7px 0 6px!important;max-width:620px}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 p{margin:0!important;max-width:600px;color:#a2a7b7!important;line-height:1.45!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 .btn{
  min-width:142px!important;min-height:48px!important;border:0!important;border-radius:13px!important;
  background:linear-gradient(135deg,#7d2ce9,#a53cff)!important;
  box-shadow:0 10px 28px rgba(141,48,242,.28)!important;font-weight:900!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322{
  min-height:142px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  padding:18px!important;background:linear-gradient(160deg,#11151e,#0d1118)!important;border-color:#262c39!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 h3{font-size:17px!important;margin:6px 0 4px!important;line-height:1.15!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 p{margin:0 0 10px!important;line-height:1.4!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 .btn{min-height:38px!important;padding:0 13px!important}

/* 4) Mission becomes actionable before progress */
#view-home.lvl-home-dashboard-1322 .lvl-home-mission{margin-top:11px!important}

/* 5) level + streak = one compact progress panel */
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322{
  margin-top:11px!important;
  grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.plan-card{display:none!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.home-kpi-card{
  min-height:126px!important;padding:16px 18px!important;border-bottom:0!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.level-card{border-right:1px solid #202632!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.streak-home-card{border-right:0!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 h3{margin:6px 0!important;font-size:18px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .week-dots{margin-top:7px!important}

/* 6) Review numbers are intentionally lower and smaller */
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats{
  margin-top:11px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:15px!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats>button{
  min-height:78px!important;padding:10px 11px!important;gap:8px!important;
}
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats .lvl-home-icon{width:32px!important;height:32px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats b{font-size:19px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats strong{font-size:8px!important}
#view-home.lvl-home-dashboard-1322 .lvl-home-review-stats small{font-size:7px!important}

@media(max-width:720px){
  #view-home.lvl-home-dashboard-1322 .lvl-home-hero{
    min-height:132px!important;grid-template-columns:minmax(0,1fr) 31%!important;padding:16px 15px!important;border-radius:17px!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-hero .eyebrow{margin-bottom:6px!important;font-size:8px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-greeting{font-size:20px!important;line-height:1.04!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-hero-copy>p{font-size:9px!important;line-height:1.3!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-brand-visual{min-height:78px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-brand-visual>strong{font-size:31px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-float{width:23px!important;height:23px!important}

  #view-home.lvl-home-dashboard-1322 .lvl-home-continue{min-height:58px!important;padding:9px 10px!important;border-radius:14px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-continue strong{font-size:11px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-continue small{font-size:7.5px!important}

  #view-home.lvl-home-dashboard-1322 .home-next-action-1190.lvl-home-commercial-1322{
    grid-template-columns:1fr!important;gap:8px!important;margin-top:9px!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322{
    min-height:132px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:15px!important;border-radius:16px!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 h3{font-size:19px!important;margin:5px 0!important;max-width:310px}
  #view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 p{font-size:9.5px!important;max-width:300px}
  #view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 .eyebrow{font-size:8px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-unlock-1322 .btn{min-width:102px!important;min-height:42px!important;padding:0 11px!important;font-size:10px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322{
    min-height:82px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important;padding:12px 14px!important;border-radius:15px!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322>div{min-width:0}
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 .eyebrow{font-size:7px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 h3{font-size:13px!important;margin:3px 0!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 p{font-size:8px!important;margin:0!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-preview-1322 .btn{grid-column:2;grid-row:1/2;align-self:center;min-height:36px!important;padding:0 10px!important;font-size:8px!important}

  #view-home.lvl-home-dashboard-1322 .lvl-home-mission{margin-top:9px!important}

  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322{
    grid-template-columns:1fr!important;margin-top:9px!important;border-radius:15px!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.home-kpi-card{min-height:0!important;padding:12px 14px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.level-card{border-right:0!important;border-bottom:1px solid #202632!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322>.streak-home-card{padding-top:10px!important;padding-bottom:10px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 h3{font-size:15px!important;margin:4px 0!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .level-rank{font-size:8px!important;padding:4px 8px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .xp-line{font-size:10px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .progress{height:5px!important;margin-top:6px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .week-dots{max-width:235px!important;margin-top:5px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-progress-1322 .week-dots i{width:21px!important;height:21px!important}

  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:9px!important;overflow:hidden!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats>button{
    min-height:64px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;padding:8px 9px!important;border-right:1px solid #202632!important;border-bottom:1px solid #202632!important;
  }
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats>button:nth-child(2n){border-right:0!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats>button:nth-last-child(-n+2){border-bottom:0!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats .lvl-home-icon{width:28px!important;height:28px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats b{font-size:16px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats strong{font-size:7.5px!important}
  #view-home.lvl-home-dashboard-1322 .lvl-home-review-stats small{font-size:6.5px!important}
}