/* Є ПЛАН · Phase 1: one regular exercise uses a focused screen.
   Legacy superset/timed flows, shared rest timer, and set controls stay intact. */
body.eplan-redesign.client-ui #app .redesign-training-page.is-workout-single-screen > h1{
  display:none!important;
}
body.eplan-redesign.client-ui #app .eplan-training-v2-live .workout-single-detail-bar{
  display:none;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-single-detail-bar{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0 13px;
  color:var(--ept-text);
}
body.eplan-redesign.client-ui #app .workout-single-detail-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:7px 12px!important;
  border:1px solid var(--ept-border)!important;
  border-radius:13px!important;
  background:var(--ept-surface)!important;
  color:var(--ept-text)!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer;
}
body.eplan-redesign.client-ui #app .workout-single-detail-back > span:first-child{
  font-size:24px;
  font-weight:400;
  line-height:14px;
  margin-top:-2px;
}
body.eplan-redesign.client-ui #app .workout-single-detail-caption{
  color:var(--ept-muted);
  font-size:12px;
  text-align:right;
  font-weight:700;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > :is(
  .eplan-training-v2-live-summary,
  .workout-current-phase,
  .workout-cancel-early,
  .workout-live-superset:not(.is-workout-detail-target),
  .finish-workout-wrap
){
  display:none!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-exercise:not(.is-workout-detail-target){
  display:none!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-exercise.is-workout-detail-target{
  margin-top:12px!important;
  margin-bottom:18px!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail .is-workout-detail-target > .workout-live-body{
  display:block!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail .is-workout-detail-target > .workout-live-toggle .workout-live-exercise-arrow{
  display:none!important;
}
/* Phase 2: the focused superset keeps A1/A2 and their input forms together.
   The original workout-level rest timer remains visible above the group. */
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-superset.is-workout-detail-target{
  display:block!important;
  margin:12px 0 18px!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-superset.is-workout-detail-target .workout-live-superset-body{
  display:block!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-superset.is-workout-detail-target .workout-live-superset-preview-block{
  display:none!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail > .workout-live-superset.is-workout-detail-target .workout-live-superset-arrow{
  visibility:hidden!important;
}
/* Highlight the next incomplete set without changing complete-set green styling. */
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail .lyfta-set-wrap.is-workout-next-set:not(.is-complete):not(.is-skipped){
  box-shadow:inset 3px 0 0 var(--ept-blue, #358be9)!important;
}
/* v359: use the identical 17px SVG chevron from the superset header,
   including stroke weight and rightward direction. No interaction changes. */
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live > .workout-live-exercise .workout-live-toggle-side .workout-live-exercise-arrow{
  display:block!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#6D8099!important;
  stroke:currentColor!important;
  stroke-width:2.3px!important;
  transform:rotate(-90deg)!important;
  transform-origin:50% 50%!important;
  transition:none!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #app .redesign-active-workout.eplan-training-v2-live > .workout-live-exercise .workout-live-toggle-side .workout-live-exercise-arrow{
  color:#9AAFC3!important;
}
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset .workout-live-superset-arrow,
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset .workout-live-superset-toggle.open .workout-live-superset-arrow{
  transform:rotate(-90deg)!important;
}

@media(max-width:400px){
  body.eplan-redesign.client-ui #app .workout-single-detail-caption{font-size:11px}
  body.eplan-redesign.client-ui #app .workout-single-detail-back{padding:6px 10px!important}
}

/* Active-workout controls. Adapt to the currently selected light/dark palette. */
body.eplan-redesign.client-ui #app .workout-create-superset{
 display:flex!important;align-items:center;justify-content:center;gap:6px;
 width:100%;min-height:43px;margin:12px 0;padding:10px 14px!important;
 background:var(--ept-surface)!important;color:var(--ept-text)!important;
 border:1px dashed var(--ept-border)!important;border-radius:14px!important;
 font-size:13px!important;font-weight:750!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.is-workout-single-detail .workout-create-superset{display:none!important}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail .workout-live-grouped-body .workout-finish-exercise:not(.workout-timed-start){display:none!important}
body.eplan-redesign.client-ui #app .workout-superset-actions{display:none}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live.is-workout-single-detail .workout-live-superset.is-workout-detail-target .workout-superset-actions{
 display:flex!important;flex-direction:column;gap:10px;padding:16px 12px 12px;
}
body.eplan-redesign.client-ui #app .workout-finish-superset{
 display:block!important;width:100%;min-height:48px;margin:0!important;
 border-radius:13px!important;
}
body.eplan-redesign.client-ui #app .workout-ungroup-superset{
 background:transparent!important;border:0!important;color:var(--ept-muted)!important;
 text-decoration:underline;font-size:12px!important;padding:9px!important;
}
body.eplan-redesign.client-ui .workout-custom-modal{
 width:min(95vw,460px);max-height:88dvh;overflow-y:auto;
 padding:18px!important;background:var(--card,#fff)!important;color:var(--text,#102044)!important;
}
body.eplan-redesign.client-ui .workout-custom-modal label{display:block;margin-top:12px;font-size:13px;font-weight:750}
body.eplan-redesign.client-ui .workout-custom-modal label select,
body.eplan-redesign.client-ui .workout-custom-modal input[type=search]{
 display:block;width:100%;font-size:16px;min-height:44px;margin-top:7px;padding:10px 12px;
 border-radius:12px;border:1px solid var(--line,#d8e1ec);background:var(--card2,#f8fbfe);color:var(--text,#102044);
}
body.eplan-redesign.client-ui .workout-library-browse{
 width:100%;border-radius:12px;margin-top:12px;padding:14px 10px!important;
 background:var(--card2,#edf4fa)!important;color:var(--text,#102044)!important;
 font-size:13px;font-weight:760;
}
body.eplan-redesign.client-ui #workoutLibraryResults{margin-top:10px;max-height:50dvh;overflow:auto}
body.eplan-redesign.client-ui .workout-library-result{
 display:block;text-align:left;width:100%;min-height:43px;padding:10px 12px!important;
 border-bottom:1px solid var(--line,#d8e1ec)!important;
 background:transparent!important;color:var(--text,#102044)!important;font-weight:650;font-size:13px;
}

/* Active-session exercise additions (all exercises are freely selectable). */
body.eplan-redesign.client-ui #app .redesign-active-workout .workout-add-exercise{
 display:flex!important;justify-content:center;align-items:center;gap:8px;
 width:100%;min-height:46px;margin:12px 0 16px;padding:12px 14px!important;
 border-radius:14px!important;border:1px dashed var(--ept-border)!important;
 background:var(--ept-surface)!important;color:var(--ept-text)!important;
 font-size:14px!important;font-weight:750!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.is-workout-single-detail > .workout-add-exercise{
 display:none!important;
}
body.eplan-redesign.client-ui .workout-add-selected{
 font-size:15px;font-weight:800;
 background:var(--card2,#f5f8fc);color:var(--text,#102044);
 padding:11px 13px;border-radius:12px;margin-top:12px;
}
body.eplan-redesign.client-ui .workout-custom-modal #workoutAddExerciseResults{
 max-height:35dvh;overflow-y:auto;margin-top:10px;
}
body.eplan-redesign.client-ui .workout-custom-modal :is(#workoutAddExerciseConfig,#workoutAddRepsLabel,#workoutAddSecondsLabel).hidden,
body.eplan-redesign.client-ui .workout-custom-modal #workoutAddExerciseResults.hidden,
body.eplan-redesign.client-ui .workout-custom-modal #workoutAddExerciseSearch.hidden{
 display:none!important;
}

/* v365: completed superset title badge matches the completed A1/A2 markers.
   Only the pill changes: retain the blue superset header and neutral cards. */
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset.is-superset-complete
 .workout-live-superset-banner .workout-live-superset-title-row > strong{
 background:var(--ssp-done-chip,#40a471)!important;
 border-color:var(--ssp-done-chip,#40a471)!important;
 color:#fff!important;
}

/* v366: no bright outline or thick blue rail on superset cards.
   Match the neutral outline of ordinary exercise cards in both themes.
   Keep internal dividers, blue header and completed green title badge. */
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset,
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset.is-superset-complete{
 border:1px solid var(--ept-border)!important;
 border-left:1px solid var(--ept-border)!important;
 box-shadow:none!important;
}

/* v368: ordinary cards use an even border on every side, including
   completed exercises. Preserve existing completed colors and checkmarks. */
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live > .workout-live-exercise:not(.workout-live-exercise-inner),
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live > .workout-live-exercise.is-exercise-complete:not(.workout-live-exercise-inner){
 border-left-width:1px!important;
}


/* Session-only active workout exercise sequence editor. Palette follows both
   OLED/dark and light themes without introducing a new blue accent. */
.workout-sequence-button{
 display:flex;align-items:center;justify-content:center;width:100%;
 margin:10px 0;padding:12px 16px;min-height:44px;border-radius:14px;
 border:1px solid var(--line);background:var(--card2);color:var(--text);
 font:inherit;font-weight:700;cursor:pointer;
}
.workout-sequence-modal{width:min(540px,calc(100vw - 24px));max-height:min(85dvh,760px);overflow:auto}
.workout-sequence-row{
 display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;
 gap:10px;margin:8px 0;padding:12px;border:1px solid var(--line);
 border-radius:13px;background:var(--card2);color:var(--text);
}
.workout-sequence-grip{font-size:22px;color:var(--muted);cursor:grab;touch-action:pan-y}
.workout-sequence-label{min-width:0;display:flex;flex-direction:column;gap:4px}
.workout-sequence-label strong{font-size:13px}
.workout-sequence-label small{font-size:13px;overflow-wrap:anywhere;color:var(--muted)}
.workout-sequence-actions{display:flex;gap:5px}
.workout-sequence-actions button{
 width:36px;height:40px;border:1px solid var(--line);
 border-radius:10px;background:var(--card);color:var(--text);font-size:19px;
 cursor:pointer;
}
.workout-sequence-actions button:disabled{opacity:.3;cursor:default}
.workout-sequence-split{
 grid-column:2/4;justify-self:start;margin:0;padding:7px 0;
 background:transparent;border:0;color:var(--text);font:inherit;
 font-size:13px;text-decoration:underline;cursor:pointer;
}
.workout-sequence-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.workout-sequence-footer button{min-height:44px;flex:1}
.workout-sequence-footer button:disabled{opacity:.4}
@media(max-width:400px){
 .workout-sequence-row{gap:6px;padding:10px}
 .workout-sequence-actions button{width:32px}
}


/* Long-press exercise sorting: touch scroll works normally until the hold
   activates. Floating feedback and insertion lines use neutral theme tokens. */
.workout-hold-hint{
 margin:-3px 0 12px;padding:0 2px;font-size:12px;line-height:1.4;
 color:var(--muted);text-align:center;
}
.redesign-active-workout.eplan-training-v2-live > [data-workout-reorder-id] > .workout-live-toggle,
.redesign-active-workout.eplan-training-v2-live > [data-workout-reorder-id] > .workout-live-superset-head{
 -webkit-touch-callout:none;
 -webkit-user-select:none;user-select:none;
 touch-action:pan-y;
}
body.workout-longpress-active{-webkit-user-select:none;user-select:none}
.redesign-active-workout.eplan-training-v2-live > .workout-longpress-source{
 opacity:.32;transition:opacity 90ms ease;
}
.workout-longpress-ghost{
 position:fixed;z-index:20050;pointer-events:none;
 overflow:hidden;border:1px solid var(--line);border-radius:16px;
 background:var(--card);color:var(--text);
 box-shadow:0 12px 35px rgba(0,0,0,.26);
 transform:scale(1.025);opacity:.97;
}
.workout-longpress-ghost > .workout-live-toggle,
.workout-longpress-ghost > .workout-live-superset-head{
 display:flex;width:100%;min-height:65px;margin:0;border:0;
 background:transparent;color:inherit;
}
.redesign-active-workout.eplan-training-v2-live > .workout-longpress-target-before::before,
.redesign-active-workout.eplan-training-v2-live > .workout-longpress-target-after::after{
 content:"";display:block;height:4px;border-radius:4px;
 background:var(--text);opacity:.68;margin:5px 10px;
}
.redesign-active-workout.eplan-training-v2-live > .workout-longpress-just-moved{
 outline:2px solid var(--text);outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
 .redesign-active-workout.eplan-training-v2-live > .workout-longpress-source{transition:none}
 .workout-longpress-ghost{transform:none}
}


/* v388: one accessible actions menu per exercise or superset. The dotted
   control is a sibling of the card toggle: never nest interactive buttons. */
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 > :is(.workout-live-exercise,.workout-live-superset),
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise-inner{position:relative!important}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 :is(.workout-live-exercise > .workout-live-toggle,
     .workout-live-superset > .workout-live-superset-head,
     .workout-live-exercise-inner > .workout-live-grouped-exercise-head){
 padding-right:60px!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live .workout-action-dots{
 position:absolute!important;top:11px;right:9px;z-index:3;
 width:42px!important;height:44px!important;min-width:42px!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:12px!important;
 background:transparent!important;color:var(--ept-muted,var(--muted,#6c7c90))!important;
 font-size:27px!important;line-height:1!important;letter-spacing:2px;
 display:flex!important;align-items:center;justify-content:center;
 cursor:pointer;touch-action:manipulation;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-action-dots:focus-visible{
 outline:2px solid var(--ept-blue,#2685e6)!important;outline-offset:1px;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-action-dots:active{background:var(--ept-surface,#e8eef5)!important}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise-inner > .workout-action-dots{top:7px}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-superset > .workout-superset-dots{top:12px}
.workout-action-backdrop{
 position:fixed;inset:0;z-index:21000;display:flex;
 align-items:flex-end;justify-content:center;
 padding:12px 12px max(12px,env(safe-area-inset-bottom));
 background:rgba(0,0,0,.56);
}
.workout-action-sheet{
 width:min(100%,520px);max-height:85dvh;overflow:auto;
 background:var(--card,#fff);color:var(--text,#102044);
 border:1px solid var(--line,#d8e2ed);border-radius:24px;
 box-shadow:0 20px 54px rgba(0,0,0,.25);
 padding:12px;
}
.workout-action-sheet-title{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:13px 8px 16px;border-bottom:1px solid var(--line,#d8e2ed);
 text-align:center;
}
.workout-action-sheet-title strong{
 flex:1;min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.35;
 font-weight:780;
}
.workout-action-sheet-title button{
 flex:0 0 36px;height:36px;padding:0!important;margin:0!important;
 border:0!important;border-radius:50%!important;
 background:var(--card2,#edf3f8)!important;color:var(--text,#102044)!important;
 font-size:20px;
}
.workout-action-sheet-rows{padding:9px 0}
.workout-action-backdrop .workout-action-row{
 width:100%;display:flex;align-items:center;gap:13px;min-height:62px;
 padding:10px 12px!important;margin:0!important;
 text-align:left;border:0!important;border-radius:12px!important;
 background:transparent!important;color:var(--text,#102044)!important;
 font-size:15px;font-weight:600;box-shadow:none!important;
}
.workout-action-backdrop .workout-action-row:focus-visible,
.workout-action-backdrop .workout-action-row:active{
 background:var(--card2,#edf3f8)!important;
}
.workout-action-row-icon{
 width:42px;height:42px;flex:0 0 42px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:var(--card2,#edf3f8);color:var(--text,#102044);
 font-size:23px;font-weight:500;
}
.workout-action-row-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.workout-action-row-text strong{font-weight:700;line-height:1.3}
.workout-action-row-text small{font-size:12px;line-height:1.35;color:var(--muted,#6d7d91)}
.workout-action-backdrop .workout-action-cancel{
 display:block;width:100%;margin:6px 0 0!important;min-height:46px;
 border-radius:13px!important;border:1px solid var(--line,#d8e2ed)!important;
 background:var(--card2,#edf3f8)!important;color:var(--text,#102044)!important;
 font-size:14px!important;font-weight:750!important;
}
.workout-compact-pair-picker .workout-action-selected{
 display:flex;flex-direction:column;gap:5px;
 padding:12px;margin:14px 0 6px;border-radius:12px;
 background:var(--card2,#edf3f8);color:var(--text,#102044);
}
.workout-compact-pair-picker .workout-action-selected small{
 color:var(--muted,#6d7d91);font-size:12px;
}


/* v389: compact active exercise rows. The dots live in grid cell (row 1,
   column 2), vertically centered on the title header, not absolute top px. */
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 > .workout-live-exercise,
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-superset-body .workout-live-exercise-inner{
 display:grid!important;grid-template-columns:minmax(0,1fr) 50px!important;
 grid-template-rows:auto auto!important;align-items:center;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 > .workout-live-exercise > .workout-live-toggle,
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise-inner > .workout-live-grouped-exercise-head{
 grid-column:1/-1!important;grid-row:1!important;
 min-width:0!important;width:100%!important;
 padding-right:54px!important;box-sizing:border-box!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise > .workout-action-dots{
 position:relative!important;top:auto!important;right:auto!important;
 grid-column:2!important;grid-row:1!important;
 align-self:center!important;justify-self:center!important;
 transform:none!important;margin:0!important;
 width:44px!important;height:44px!important;
 display:grid!important;place-items:center!important;
 font-size:0!important;letter-spacing:normal!important;
 color:var(--ept-muted,var(--muted,#677b91))!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise > .workout-live-body{
 grid-column:1/-1!important;grid-row:2!important;
 width:100%;min-width:0;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .eplan-v2-title-content{
 display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;
 align-items:center!important;gap:12px!important;
 min-width:0!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .eplan-v2-exercise-icon,
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-exercise-arrow,
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-superset-arrow{
 display:none!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-superset-head .workout-live-superset-banner{
 padding-right:8px!important;
}
body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-action-dots svg{
 display:block!important;flex:0 0 22px;width:22px!important;height:22px!important;
 color:inherit;pointer-events:none;
}
/* Equal circle size and optical centering for every action line. */
.workout-action-backdrop .workout-action-row-icon{
 width:44px!important;height:44px!important;flex:0 0 44px!important;
 display:grid!important;place-items:center!important;
 padding:0!important;margin:0!important;line-height:1!important;
 font-size:0!important;
}
.workout-action-backdrop .workout-action-svg{
 display:block!important;width:22px!important;height:22px!important;
 margin:0!important;padding:0!important;transform:none!important;
 stroke:currentColor;overflow:visible;
}
.workout-action-backdrop .workout-action-row{gap:14px!important;min-height:64px}
@media(max-width:390px){
 body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live .eplan-v2-title-content{
  grid-template-columns:26px minmax(0,1fr)!important;gap:9px!important;
 }
 body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 > .workout-live-exercise,
 body.eplan-redesign.client-ui #app .redesign-active-workout.eplan-training-v2-live
 .workout-live-superset-body .workout-live-exercise-inner{
  grid-template-columns:minmax(0,1fr) 46px!important;
 }
}

/* Technique: full-screen in-app view without unmounting live set inputs/timer. */
.workout-technique-screen{
 position:fixed;inset:0;z-index:23000;display:flex;flex-direction:column;
 background:#f7f9fd;color:#13233e;
 overflow:hidden;
}
.workout-technique-header{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex:0 0 auto;
 padding:max(12px,env(safe-area-inset-top)) 18px 12px;
 border-bottom:1px solid #dce5f0;background:#fff;
 color:#142743;font-size:13px;font-weight:750;
}
.workout-technique-header .workout-technique-back{
 display:flex;align-items:center;gap:7px;min-height:43px;
 border:0;background:transparent;color:inherit;font-weight:760;font-size:26px;
 border-radius:12px;padding:3px 10px;cursor:pointer;
}
.workout-technique-header .workout-technique-back span{font-size:14px}
.workout-technique-content{
 flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
 width:100%;max-width:750px;margin:0 auto;
 padding:22px 18px max(28px,env(safe-area-inset-bottom));
 box-sizing:border-box;
}
.workout-technique-content h1{
 margin:0 0 18px;font-size:23px;line-height:1.3;font-weight:800;
 color:inherit;overflow-wrap:anywhere;
}
.workout-technique-media{
 width:100%;aspect-ratio:16/9;max-height:420px;
 border-radius:20px;overflow:hidden;background:#e6edf6;
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 gap:9px;text-align:center;padding:24px;box-sizing:border-box;
 color:#536783;
}
.workout-technique-media svg{width:42px;height:42px;opacity:.7}
.workout-technique-media strong{font-size:17px;line-height:1.3;color:#243951}
.workout-technique-media span{font-size:13px;line-height:1.5;max-width:290px}
.workout-technique-media video{width:100%;height:100%;object-fit:contain;background:#000}
.workout-technique-media[data-video="ready"]{padding:0}
.workout-technique-video-error{display:none;font-weight:750}
.workout-technique-media.is-unavailable video{display:none}
.workout-technique-media.is-unavailable .workout-technique-video-error{display:block}
.workout-technique-source{
 display:block;margin:12px 2px 4px;color:#1e6cc0;text-decoration:underline;
 font-size:13px;overflow-wrap:anywhere;
}
.workout-technique-section{
 margin:16px 0 0;padding:18px;border:1px solid #dae3ee;
 border-radius:17px;background:#fff;color:#233954;
 box-shadow:0 3px 15px rgba(17,42,73,.03);
}
.workout-technique-section h2{margin:0 0 12px;font-size:17px;line-height:1.3;color:#162b46}
.workout-technique-section p{margin:7px 0;font-size:14px;line-height:1.6}
.workout-technique-pending{color:#71829b!important}
.workout-technique-list{margin:8px 0 2px;padding-left:24px}
.workout-technique-list li{margin:9px 0;line-height:1.55;font-size:14px}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-screen{
 background:#0b0f14;color:#f0f4f9;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-header{
 background:#121a24;border-bottom-color:#273447;color:#edf3fa;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-media{
 background:#182434;color:#a0b1c7;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-media strong{color:#e6f0fa}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-section{
 background:#141d28;border-color:#2a384a;color:#d7e2ee;
 box-shadow:none;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-section h2{color:#f0f5fa}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-pending{color:#a0b1c7!important}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] .workout-technique-source{color:#8cc6ff}


/* v390: unified circular close icons and neutral technique navigation.
   Keep the same geometry in light and OLED themes; no "dark" button preset. */
body.eplan-redesign.client-ui .workout-custom-modal > .between{
 display:flex!important;
 align-items:flex-start!important;
 justify-content:space-between!important;
 gap:12px!important;
}
body.eplan-redesign.client-ui .workout-custom-modal > .between > div:first-child{
 flex:1 1 auto;min-width:0;
}
body.eplan-redesign.client-ui :is(
 .workout-custom-modal > .between > button.workout-modal-close,
 .workout-action-sheet-title > button.workout-modal-close
){
 -webkit-appearance:none!important;appearance:none!important;
 display:grid!important;place-items:center!important;
 flex:0 0 40px!important;
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 max-width:40px!important;max-height:40px!important;
 margin:0!important;padding:0!important;
 border:1px solid #dbe4ee!important;
 border-radius:50%!important;
 background:#f0f4f9!important;
 color:#344762!important;
 -webkit-text-fill-color:#344762!important;
 font-size:0!important;line-height:1!important;
 box-shadow:none!important;
 cursor:pointer;
}
body.eplan-redesign.client-ui :is(
 .workout-custom-modal > .between > button.workout-modal-close,
 .workout-action-sheet-title > button.workout-modal-close
) svg{
 display:block!important;width:19px!important;height:19px!important;
 margin:auto!important;padding:0!important;
 stroke:currentColor!important;transform:none!important;
 pointer-events:none;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] :is(
 .workout-custom-modal > .between > button.workout-modal-close,
 .workout-action-sheet-title > button.workout-modal-close
){
 background:#19232f!important;
 border-color:#334153!important;
 color:#d7e2f0!important;
 -webkit-text-fill-color:#d7e2f0!important;
 box-shadow:none!important;
}
body.eplan-redesign.client-ui :is(
 .workout-custom-modal > .between > button.workout-modal-close,
 .workout-action-sheet-title > button.workout-modal-close
):focus-visible{
 outline:2px solid #79adf1!important;outline-offset:2px!important;
}
/* Neutral compact back control rather than the site's primary blue CTA. */
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-header button.workout-technique-back{
 -webkit-appearance:none!important;appearance:none!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;gap:7px!important;
 width:auto!important;min-width:0!important;min-height:42px!important;
 margin:0!important;padding:8px 12px!important;
 border:1px solid #dbe4ee!important;border-radius:12px!important;
 background:#f3f6fa!important;color:#233c59!important;
 -webkit-text-fill-color:#233c59!important;
 box-shadow:none!important;
 font-size:14px!important;font-weight:730!important;line-height:1.3!important;
 cursor:pointer;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-header .workout-technique-back svg{
 display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;
 stroke:currentColor!important;transform:none!important;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-header .workout-technique-back span{
 font-size:14px!important;font-weight:730!important;line-height:1.3!important;
}
body.eplan-redesign.client-ui[data-eplan-theme="dark"] #workoutTechniqueScreen .workout-technique-header button.workout-technique-back{
 background:#19232f!important;border-color:#344457!important;
 color:#dbe7f3!important;-webkit-text-fill-color:#dbe7f3!important;
 box-shadow:none!important;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-header button.workout-technique-back:focus-visible{
 outline:2px solid #79adf1!important;outline-offset:2px!important;
}


/* v391: expanded superset A1/A2 — override the earlier themed
   .workout-live-exercise-inner { display:block!important } rule.
   Keep the dots in the SAME title row, even if the exercise name wraps. */
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset
 .workout-live-superset-body .workout-live-exercise-inner{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 48px!important;
 grid-template-rows:auto auto!important;
 align-items:center!important;
}
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset
 .workout-live-superset-body .workout-live-exercise-inner > .workout-live-grouped-exercise-head{
 grid-column:1/-1!important;
 grid-row:1!important;
 align-self:stretch!important;
 box-sizing:border-box!important;
 min-width:0!important;
 width:100%!important;
 padding:17px 52px 11px 3px!important;
}
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset
 .workout-live-superset-body .workout-live-exercise-inner > button.workout-action-dots{
 position:relative!important;
 top:auto!important;right:auto!important;
 bottom:auto!important;left:auto!important;
 grid-column:2!important;grid-row:1!important;
 align-self:center!important;justify-self:center!important;
 display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;
 min-width:44px!important;min-height:44px!important;
 margin:0!important;padding:0!important;
 transform:none!important;
}
body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
 .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset
 .workout-live-superset-body .workout-live-exercise-inner > .workout-live-grouped-body{
 grid-column:1/-1!important;
 grid-row:2!important;
 min-width:0!important;
}
@media(max-width:390px){
 body.eplan-redesign.client-ui:is([data-eplan-theme="light"],[data-eplan-theme="dark"]) #app
  .redesign-active-workout.eplan-training-v2-live .eplan-training-v2-superset
  .workout-live-superset-body .workout-live-exercise-inner{
  grid-template-columns:minmax(0,1fr) 46px!important;
 }
}


/* EPLARY v407: shared, frameless anatomy area below the exercise video.
   The approved transparent WebP images blend into light and OLED cards. */
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-anatomy{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:end;gap:8px;margin:12px 0 14px;min-width:0;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-anatomy img{
 display:block;width:100%;min-width:0;height:clamp(180px,50vw,310px);
 object-fit:contain;object-position:center;
 border:0;background:transparent;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-muscle-line{
 display:flex;align-items:flex-start;gap:10px;margin:10px 0;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-muscle-line > span:last-child{
 flex:1;min-width:0;overflow-wrap:anywhere;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-muscle-marker{
 flex:0 0 12px;width:12px;height:12px;margin-top:5px;border-radius:4px;
}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-muscle-marker.is-primary{background:#ef383e}
body.eplan-redesign.client-ui #workoutTechniqueScreen .workout-technique-muscle-marker.is-secondary{background:#ff9637}