/* Focused workout layout: keep the current exercise and its actions usable on a phone. */
.workout-dialog{width:min(820px,calc(100vw - 20px));height:min(900px,calc(var(--rit-viewport-height,100dvh) - 20px));max-height:calc(var(--rit-viewport-height,100dvh) - 20px)}
.workout-dialog-frame{min-height:0}
.workout-body{flex:1 1 auto;overscroll-behavior:contain;scroll-padding-block:16px 120px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.workout-body :is(input,select,textarea,button){scroll-margin-block:16px 120px}
.workout-body :is(input,select,textarea){font-size:16px;touch-action:manipulation}
.workout-set-form label,.workout-set-edit-form label{min-width:0;font-size:13px;line-height:1.35}
.workout-set-form small,.workout-set-edit-form label small{font-size:11px}
.workout-set-form input,.workout-set-form select,.workout-set-edit-form input,.workout-set-edit-form select{min-height:48px;font-size:16px}
.workout-navigation{position:sticky;z-index:3;bottom:-1px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0 -2px -1px;padding:12px 2px calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--theme-bg) 91%,transparent) 20%,var(--theme-bg) 48%);backdrop-filter:blur(14px)}
.workout-navigation button{min-height:48px;font-size:13px}
.workout-navigation button:focus-visible,.workout-rest button:focus-visible,.workout-set-form>button:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent) 48%,transparent);outline-offset:2px}
.workout-rest-actions button{min-height:44px;font-size:12px}
.workout-rest-actions select{min-height:44px;font-size:14px}
.workout-use-previous{min-height:44px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--theme-accent) 38%,transparent);border-radius:11px;background:color-mix(in srgb,var(--theme-accent) 10%,transparent);color:var(--theme-accent);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.workout-previous-performance>p{margin:6px 0 0;color:var(--theme-muted);font-size:12px;line-height:1.4}
@media(max-width:600px){
  .workout-dialog{width:100vw;height:var(--rit-viewport-height,100dvh);max-height:var(--rit-viewport-height,100dvh);border-radius:0}
  .workout-dialog-head{padding:calc(12px + var(--rit-safe-top,env(safe-area-inset-top,0px))) 16px 12px}
  .workout-dialog-head h2{max-width:min(70vw,340px);font-size:19px;overflow-wrap:anywhere}
  .workout-clock strong{font-size:19px}
  .workout-body{gap:12px;padding:12px 14px calc(16px + var(--rit-safe-bottom,env(safe-area-inset-bottom,0px)))}
  .workout-active-exercise{padding:14px}
  .workout-active-exercise h3{font-size:22px;overflow-wrap:anywhere}
  .workout-exercise-title{align-items:flex-start;gap:8px}
  .workout-exercise-title>button{flex:0 0 auto;min-height:44px;padding:0 10px;font-size:12px}
  .workout-set-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .workout-set-form .workout-set-intensity-field,.workout-set-form>button,.workout-set-form .form-feedback{grid-column:1/-1}
  .workout-set-form>button{min-height:50px;font-size:14px}
  .workout-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-inline:-14px;padding:10px 14px calc(6px + var(--rit-safe-bottom,env(safe-area-inset-bottom,0px)))}
  .workout-navigation button{min-width:0;min-height:48px;padding-inline:10px;font-size:12px;line-height:1.25;white-space:normal}
  .workout-navigation .finish{grid-column:1/-1;grid-row:2}
  .workout-navigation .delete-workout{margin-right:0}
  .workout-rest{padding:14px}
  .workout-rest-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .workout-rest-actions select,.workout-rest-actions button{width:100%;min-width:0;min-height:44px;font-size:12px}
  .workout-set-edit-form{grid-template-columns:24px minmax(0,1fr) 14px minmax(0,1fr);gap:8px}
  .workout-set-edit-form .workout-set-intensity-field,.workout-set-edit-actions,.workout-set-edit-form .form-feedback{grid-column:2/-1}
}
@media(max-height:520px) and (orientation:landscape){
  .workout-dialog-head{padding-block:8px}
  .workout-body{gap:9px;padding-block:9px}
  .workout-active-exercise{padding:12px}
  .workout-exercise-media{display:none}
}
@media(prefers-reduced-motion:reduce){.workout-analysis-loader:after{animation:none}}