/* ePlan staging — 2026-10-24: client workout art card.
   Uses a lightweight 5x2 atlas: female row 1, male row 2.
   Scope deliberately limited to the client home; no trainer or workout overlays affected. */
body.eplan-redesign.client-ui #app .client-home-v2{
  --wch-surface:#FFFFFF;--wch-fg:#111C2C;--wch-muted:#68778C;
  --wch-chip:rgba(247,249,252,.92);--wch-chip-fg:#53647D;
  --wch-border:rgba(94,119,150,.13);
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2{
  --wch-surface:#0B0F14;--wch-fg:#F4F7FB;--wch-muted:#AAB7C8;
  --wch-chip:rgba(31,38,49,.90);--wch-chip-fg:#C4D1E0;
  --wch-border:rgba(130,151,181,.17);
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:238px;padding:17px 17px 15px;
  border:1px solid var(--wch-border)!important;border-radius:20px!important;
  background:var(--wch-surface)!important;color:var(--wch-fg)!important;
  box-shadow:0 8px 22px rgba(20,39,70,.055)!important;
  display:flex;flex-direction:column;text-align:left;gap:0;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2::after{display:none!important}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-art{
  position:absolute;pointer-events:none;z-index:0;
  top:0;right:0;bottom:auto;width:min(76%,320px);height:auto;aspect-ratio:690 / 518;
  background-image:url('/static/img/client-workout/workout-atlas-light-v373.webp?v=1');
  background-repeat:no-repeat;background-size:500% 200%;
  background-position:var(--art-x,0%) var(--art-y,0%);
  opacity:1;
  -webkit-mask-image:radial-gradient(ellipse 103% 98% at 88% 29%,#000 41%,rgba(0,0,0,.90) 57%,transparent 100%);
  mask-image:radial-gradient(ellipse 103% 98% at 88% 29%,#000 41%,rgba(0,0,0,.90) 57%,transparent 100%);
}
/* Reuse the unmodified, high-resolution studio photograph in dark mode.
   The old dark atlas damaged edges, skin tones and equipment. */
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-dash-workout-v2 .client-dash-workout-art{
  background-image:url('/static/img/client-workout/workout-atlas-light-v373.webp?v=1');
  opacity:.83;
  filter:brightness(.86) saturate(.89);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.84) 46%,#000 72%,rgba(0,0,0,.45) 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 14%,#000 75%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.84) 46%,#000 72%,rgba(0,0,0,.45) 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 14%,#000 75%,transparent 100%);
  mask-composite:intersect;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-art::after{
  content:"";position:absolute;inset:0;
  display:none!important;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-content{
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;
  gap:0;width:100%;min-width:0;min-height:145px;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-kicker{
  display:inline-flex;align-items:center;gap:7px;width:auto;
  color:var(--wch-chip-fg)!important;letter-spacing:.025em;
  font-size:10px;font-weight:780;line-height:1.25;
  padding:7px 9px;border-radius:999px;background:var(--wch-chip);
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-kicker i{
  display:block;flex:0 0 6px;width:6px;height:6px;
  border-radius:50%;background:#2584EB;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2.is-active .client-dash-workout-kicker i{
  background:#1BBE78;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2.is-finished .client-dash-workout-kicker i{
  background:#2DA86C;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-content>strong{
  display:block;position:relative;z-index:1;
  margin:12px 0 8px;max-width:69%;
  font-size:clamp(20px,5.7vw,27px);line-height:1.16;
  font-weight:850;letter-spacing:-.03em;
  overflow-wrap:anywhere;color:var(--wch-fg)!important;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-summary{
  display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:73%;
  font-size:11px;line-height:1.35;color:var(--wch-chip-fg)!important;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-summary>span{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--wch-chip);padding:6px 8px;border-radius:10px;
  font-size:11px;font-weight:700;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-summary .ui-icon{
  width:14px;height:14px;color:#1974C9;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-dash-workout-v2 .client-dash-workout-summary .ui-icon{
  color:#74B4FD;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-note{
  margin:10px 0 12px;max-width:70%;
  color:var(--wch-muted)!important;
  font-size:11px;font-weight:500;line-height:1.45;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-cta{
  position:relative;z-index:2;width:100%;min-height:44px;
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:9px 0 0;padding:10px 12px;
  background:#1677E8!important;border:0!important;border-radius:12px;
  box-shadow:none!important;color:#fff!important;
  font-size:13px;line-height:1.22;font-weight:790;
}
/* Green is reserved for a workout currently in progress. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.is-active .client-dash-workout-cta{
  background:#16B972!important;color:#fff!important;border:0!important;
}
/* v376: Glassmorphism review CTA (concept 7). The running-workout action stays green.
   The frosted surface is used only after the session is finished. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta{
  background:linear-gradient(115deg,rgba(250,253,255,.82),rgba(205,222,244,.62))!important;
  color:#243B59!important;
  border:1px solid rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.25);
  backdrop-filter:blur(15px) saturate(1.25);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),
             0 5px 15px rgba(70,112,171,.10)!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta{
  background:linear-gradient(115deg,rgba(83,101,132,.48),rgba(33,45,65,.69))!important;
  color:#F3F7FF!important;
  border:1px solid rgba(197,216,247,.24)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.15);
  backdrop-filter:blur(15px) saturate(1.15);
  box-shadow:inset 0 1px 1px rgba(231,240,255,.17),
             0 5px 15px rgba(0,0,0,.11)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta .ui-icon{
  color:#237BEE!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta .ui-icon{
  color:#DDEAFF!important;
}
/* Round tinted icon is integral to glass concept, not an additional action. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta .ui-icon:first-child{
  box-sizing:content-box!important;
  width:18px;height:18px;flex:0 0 18px;
  padding:6px;
  border-radius:50%;
  background:rgba(48,129,242,.10);
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta .ui-icon:first-child{
  background:rgba(112,166,245,.16);
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2.is-finished .client-dash-workout-cta .ui-icon:last-child{
  box-sizing:content-box!important;
  width:16px;height:16px;flex:0 0 16px;
  padding:0;background:none;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-cta .ui-icon{
  color:#fff!important;width:17px;height:17px;flex:none;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-cta .ui-icon:last-child{
  margin-left:auto;width:16px;height:16px;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-cycle{
  position:relative;z-index:1;display:flex;width:100%;align-items:center;gap:12px;
  margin-top:11px;color:var(--wch-muted)!important;
  font-size:10px;line-height:1.3;font-weight:700;
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-meter{
  display:block;flex:1;max-width:145px;height:5px;border-radius:99px;
  background:linear-gradient(to right,#1CBE79 0%,#1CBE79 var(--cycle-pct,0%),var(--cdh-track) var(--cycle-pct,0%),var(--cdh-track) 100%);
}
body.eplan-redesign.client-ui #app .client-dash-workout-v2.is-neutral .client-dash-workout-content>strong,
body.eplan-redesign.client-ui #app .client-dash-workout-v2.is-neutral .client-dash-workout-note{
  max-width:100%;
}
@media(max-width:350px){
 body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-content>strong{max-width:72%;font-size:20px}
 body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-note{max-width:75%}
 body.eplan-redesign.client-ui #app .client-dash-workout-v2 .client-dash-workout-art{width:min(76%,245px)}
}
@media(prefers-reduced-motion:reduce){
 body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2{transition:none!important}
}

/* Final scoped palette guard: legacy theme hero declarations must never recolor v2. */
body.eplan-redesign.client-ui[data-eplan-theme="light"] #app .client-home-v2 .client-dash-workout-v2{
 background:#fff!important;color:#111C2C!important;border-color:rgba(94,119,150,.16)!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2{
 background:#0B0F14!important;color:#F4F7FB!important;border-color:rgba(130,151,181,.17)!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="light"] #app .client-home-v2 .client-dash-workout-v2 :is(.client-dash-workout-kicker,.client-dash-workout-summary,.client-dash-workout-note,.client-dash-workout-cycle){
 color:var(--wch-muted)!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .client-home-v2 .client-dash-workout-v2 :is(.client-dash-workout-kicker,.client-dash-workout-summary,.client-dash-workout-note,.client-dash-workout-cycle){
 color:var(--wch-muted)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-summary>span{
 color:var(--wch-chip-fg)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-kicker{
 color:var(--wch-chip-fg)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-content>strong{
 color:var(--wch-fg)!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-art{
 z-index:1;display:block!important;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-content{
 z-index:2;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-cta{
 z-index:3;
}

/* If profile sex is not selected, keep a polished gender-neutral card rather than
   silently choosing a male or female athlete. */
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-neutral-art{
 position:absolute;z-index:1;pointer-events:none;right:-14px;top:0;
 display:grid;place-items:center;width:170px;height:154px;
 border-radius:0;background:radial-gradient(ellipse at 62% 40%,var(--cdh-glow),transparent 70%);
 color:var(--wch-muted);opacity:.33;
}
body.eplan-redesign.client-ui #app .client-home-v2 .client-dash-workout-v2 .client-dash-workout-neutral-art .ui-icon{
 width:76px;height:76px;stroke-width:1.2;
}