/* FitAlpha sales onboarding — closed workout card, based on the approved preview. */
#salesOnboardingDialog .phone[data-screen="result.sales"]{
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  padding-top:max(18px,env(safe-area-inset-top));
  background:#090d10;
}
#salesOnboardingDialog .phone[data-screen="result.sales"]>.top{display:flex}
#salesOnboardingDialog .phone[data-screen="result.sales"]>.line{display:block;margin:18px 0 17px}
#salesOnboardingDialog .phone[data-screen="result.sales"]>.phase{
  display:block;margin:0 0 10px;color:#ffab82;font-size:10px;font-weight:850;letter-spacing:1.6px;
}
#salesOnboardingDialog .phone[data-screen="result.sales"] .body{
  display:flex;flex-direction:column;container:none;gap:0;padding:4px 2px 12px;
  overflow-y:auto;overflow-x:hidden;
}
#salesOnboardingDialog .phone[data-screen="result.sales"] .body>*{flex-shrink:0}
#salesOnboardingDialog .phone[data-screen="result.sales"] .body>h2{
  margin:0 0 10px;font-size:clamp(29px,8vw,35px);line-height:1.12;
  letter-spacing:-1.35px;font-weight:850;text-transform:none;
}
#salesOnboardingDialog .result-plan-accent{color:#ff965f}
#salesOnboardingDialog .result-plan-intro{
  max-width:365px;margin:0 0 21px;color:#b3b9bd;
  font-size:13px;line-height:1.48;
}
#salesOnboardingDialog .result-plan-card{
  position:relative;isolation:isolate;min-height:232px;overflow:hidden;
  padding:18px;border-radius:23px;background:#12171b;
  box-shadow:inset 0 0 0 1px #ff98664f,0 14px 28px #0008;
}
#salesOnboardingDialog .result-plan-photo{
  position:absolute;inset:0;z-index:-2;
  background-image:url('onboarding-assets/plan-card-man.webp');
  background-size:cover;background-position:64% center;
}
#salesOnboardingDialog .result-plan-card[data-sex="female"] .result-plan-photo{
  background-image:url('onboarding-assets/plan-card-woman.webp');
}
#salesOnboardingDialog .result-plan-card::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#070b0fef 0%,#090e11dd 40%,#0b0f12a1 66%,#0b0f1261 100%),
             linear-gradient(0deg,#080c10eb,transparent 78%);
}
#salesOnboardingDialog .result-plan-card::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  border:1px solid #ff9a6e48;border-radius:23px;
}
#salesOnboardingDialog .result-plan-card-content{position:relative;z-index:1}
#salesOnboardingDialog .result-plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#salesOnboardingDialog .result-plan-card-top>span:first-child{
  color:#e4a783;font-size:10px;font-weight:850;letter-spacing:1.25px;
}
#salesOnboardingDialog .result-plan-ready{
  display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid #5b8e6980;
  border-radius:100px;padding:6px 9px;background:#20452fa6;color:#c3f1d0;
  font-size:10px;font-weight:800;letter-spacing:.55px;
}
#salesOnboardingDialog .result-plan-card-space{height:82px}
#salesOnboardingDialog .result-plan-card-content>p{
  margin:0 0 5px;color:#c1bbba;font-size:12px;line-height:1.2;
}
#salesOnboardingDialog .result-plan-card-content>h3{
  max-width:245px;margin:0;color:#fff;font-size:24px;font-weight:850;
  letter-spacing:-.75px;line-height:1.13;overflow-wrap:anywhere;text-shadow:0 2px 13px #0009;
}
#salesOnboardingDialog .result-plan-card-bottom{
  display:flex;align-items:center;gap:8px;margin-top:12px;
  color:#ffba92;font-size:11px;font-weight:700;line-height:1.35;
}
#salesOnboardingDialog .result-plan-card-bottom i{width:5px;height:5px;flex:none;border-radius:50%;background:#ff9965}
#salesOnboardingDialog .result-plan-preferences{margin:21px 0 0}
#salesOnboardingDialog .result-plan-preferences-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
#salesOnboardingDialog .result-plan-preferences-head h3{margin:0;font-size:15px;font-weight:800;letter-spacing:-.18px}
#salesOnboardingDialog .result-plan-preferences-head small{color:#999fa5;font-size:11px;white-space:nowrap}
#salesOnboardingDialog .result-plan-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#salesOnboardingDialog .result-plan-chip{
  display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;
  padding:9px 8px;border:1px solid #333b40;border-radius:13px;
  background:linear-gradient(120deg,#191f22,#151a1d);
}
#salesOnboardingDialog .result-plan-chip-icon{
  display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;
  border-radius:9px;background:#fb8c5219;color:#efa780;
}
#salesOnboardingDialog .result-plan-chip-icon svg{width:17px;height:17px;stroke-width:1.8}
#salesOnboardingDialog .result-plan-chip>span:last-child{min-width:0;color:#eef0f1;font-size:11px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
#salesOnboardingDialog .result-plan-outro{margin:auto 5px 2px;padding-top:16px;color:#a4acb0;text-align:center;font-size:12px;line-height:1.4}
#salesOnboardingDialog .phone[data-screen="result.sales"] footer{padding-top:9px}
#salesOnboardingDialog .phone[data-screen="result.sales"] footer .cta{min-height:52px}

@keyframes fa-result-card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-card{animation:fa-result-card-enter .6s .14s both}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip{animation:fa-result-card-enter .42s both}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip:nth-child(1){animation-delay:.4s}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip:nth-child(2){animation-delay:.5s}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip:nth-child(3){animation-delay:.6s}
#salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip:nth-child(4){animation-delay:.7s}
@media(max-height:760px){
  #salesOnboardingDialog .phone[data-screen="result.sales"]>.line{margin:10px 0 12px}
  #salesOnboardingDialog .phone[data-screen="result.sales"] .body>h2{font-size:29px;margin-bottom:7px}
  #salesOnboardingDialog .result-plan-intro{font-size:12px;margin-bottom:12px}
  #salesOnboardingDialog .result-plan-card{min-height:206px;padding:15px}
  #salesOnboardingDialog .result-plan-card-space{height:62px}
  #salesOnboardingDialog .result-plan-preferences{margin-top:13px}
  #salesOnboardingDialog .result-plan-chip{min-height:46px;padding:7px}
  #salesOnboardingDialog .result-plan-outro{padding-top:10px}
}
@media(max-width:360px){
  #salesOnboardingDialog .result-plan-card-content>h3{font-size:21px}
  #salesOnboardingDialog .result-plan-chip-icon{flex-basis:25px;width:25px;height:25px}
  #salesOnboardingDialog .result-plan-chip{gap:5px}
  #salesOnboardingDialog .result-plan-chip>span:last-child{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
  #salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-card,
  #salesOnboardingDialog .phone[data-screen="result.sales"] .result-plan-chip{animation:none}
}
