/* ============================================
   app-workout-display.css
   ============================================
   Workout display styles including hero target, block groups,
   superset groups, log forms, and strategy cards.
   ============================================ */

/* ── Level 1 hero target ───────────────────────────────────────── */

/* ── Block / superset groups ────────────────────────────────────── */

/* ── Log form row ───────────────────────────────────────────────── */
.log-row { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }

/* ── Log confirmation ───────────────────────────────────────────── */
.log-confirmed { display: flex; align-items: center; gap: var(--gap-sm); padding: 0.4rem 0; font-size: var(--wp-text-base); flex-wrap: wrap; }
.log-check { color: var(--color-success); font-size: var(--wp-text-base); font-weight: var(--wp-weight-bold); }

/* ── Empty state ────────────────────────────────────────────────── */
.empty-block { color: var(--color-text-tertiary); font-style: italic; }

/* ── Strategy card ──────────────────────────────────────────────── */
.strategy-card { background: var(--wp-coach-surface); border: var(--border-accent); border-left: 4px solid var(--color-primary); border-radius: var(--radius-container); }
.strategy-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.strategy-list li { font-size: 0.92rem; line-height: var(--wp-leading-normal); padding: 0.45rem 0.75rem; border-radius: var(--radius-element); border-left: 3px solid transparent; }
.strategy-load { background: var(--color-success-bg); border-left-color: var(--color-success-light); color: var(--color-text-primary); }
.strategy-pacing { background: var(--color-warning-bg); border-left-color: var(--color-warning); color: var(--color-text-primary); }
.strategy-breaks { background: var(--color-surface-muted); border-left-color: var(--color-text-tertiary); color: var(--color-text-primary); }
.strategy-safety { background: var(--color-danger-bg); border-left-color: var(--color-danger); color: var(--color-danger-text); font-weight: var(--wp-weight-medium); }
.strategy-pr-nudge { background: var(--color-info-bg); border-left-color: var(--wp-interactive); color: var(--color-info-light); font-size: var(--wp-text-sm); }
.strategy-pr-nudge a { color: var(--color-info-light); font-weight: var(--wp-weight-semibold); text-decoration: underline; }
.strategy-empty { color: var(--color-text-tertiary); font-style: italic; font-size: var(--wp-text-base); margin: 0; }
.stimulus-ladder-hint { font-size: var(--wp-text-base); color: var(--color-text-secondary); margin: 0.5rem 0 0.25rem 0; }
.stimulus-movement-list { margin: 0.25rem 0; padding-left: 1.25rem; }
.stimulus-ladder-segments { list-style: disc; margin: 0.25rem 0 0.5rem 0; padding-left: 1.25rem; }
.stimulus-ladder-segments li { margin: 0.15rem 0; }