/* == workout.log - Start Session screen (WS2) ==============================
   Batch A pre-allocation (2026-08-13). Owned by the WS2 package only.
   Loads after css/workout.css + css/motion.css, so rules here win ties at equal
   specificity. Every value must come from tokens (var(--...)) - zero hard-coded
   colors. Not part of the tests/helpers/read-workout-src.js reconstruction.

   Radii/px/weights are lifted literally from design-source/StartSession.dc.html
   (Layered feel: 14-20px radii, dual shadows 0 1px 2px + 0 8px 24px). */

/* -- Workout picker ------------------------------------------------------- */
.wl-picker-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.wl-picker-title{font-size:20px;font-weight:700;color:var(--txt);font-family:var(--font-heading)}
.wl-picker-close{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--s2);border:none;color:var(--mut2);font-size:12.5px;font-weight:600;font-family:var(--font-ui);cursor:pointer}
.wl-picker-close svg{width:12px;height:12px}

.wl-picker-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}

.wl-picker-row{background:var(--s1);border:1px solid var(--b1);border-radius:14px;padding:13px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;
  box-shadow:0 1px 2px rgba(0,0,0,.06);width:100%}
.wl-picker-row.wl-up-next{border:1.5px solid var(--acc);box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px var(--aglow)}

/* Quick Start row (design pass 2026-08-30, spec 23): pinned first, accent dashed
   border + 8% accent tint so it reads as the quickstart option, not just another
   plan row. 8% deliberately does not reuse --adim (that token is 15%, tuned for
   selected/active states elsewhere) - the spec calls for a lighter tint here. */
.wl-picker-row.wl-picker-quick{border:1.5px dashed var(--acc);background:color-mix(in srgb, var(--acc) 8%, transparent);box-shadow:none}
.wl-picker-row.wl-picker-quick .wl-picker-name{color:var(--acc)}

.wl-picker-name{display:block;font-size:14.5px;font-weight:650;color:var(--txt)}
.wl-picker-meta{display:block;font-size:11.5px;color:var(--mut);margin-top:2px}
.wl-picker-pill{flex:none;font:600 10px var(--font-num);letter-spacing:.05em;padding:3px 8px;border-radius:999px;
  background:var(--adim);color:var(--acc)}

.wl-picker-quick{border:1.5px dashed var(--acc);background:var(--s1)}
@supports (background: color-mix(in srgb, red 8%, transparent)){
  .wl-picker-quick{background:color-mix(in srgb, var(--acc) 8%, var(--s1))}
}
.wl-picker-new{border:1.5px dashed var(--b2);border-radius:14px;padding:13px 14px;color:var(--mut);
  font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;background:none;width:100%;text-align:left}
.wl-picker-new svg{width:16px;height:16px}

.wl-picker-empty{color:var(--mut);font-size:12.5px;padding:8px 2px 4px}

/* -- Start sheet ----------------------------------------------------------- */
#start-sheet-overlay .feedback-sheet{padding-top:10px}
.wl-sheet-grabber{width:36px;height:4px;border-radius:999px;background:var(--b2);margin:0 auto 12px;touch-action:none;cursor:grab}

.wl-start-title{font-size:16px;font-weight:700;color:var(--txt);font-family:var(--font-heading)}

.wl-start-kicker{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--mut);text-transform:uppercase;margin:14px 0 6px}
.wl-start-kicker:first-of-type{margin-top:14px}

/* time budget chips */
.wl-time-row{display:flex;gap:5px}
.wl-time-chip{flex:1;height:54px;border-radius:11px;background:var(--s2);border:none;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--mut2)}
.wl-time-chip .wl-time-m{font:600 13px var(--font-num)}
.wl-time-chip .wl-time-d{font:600 9px var(--font-num)}
.wl-time-chip .wl-time-d.down{color:var(--red)}
.wl-time-chip .wl-time-d.up{color:var(--grn)}
.wl-time-chip.sel{background:var(--acc);color:var(--acc-text);box-shadow:0 3px 10px var(--aglow)}
.wl-time-chip.sel .wl-time-m{font-weight:700}
.wl-time-chip.sel .wl-time-d{font-weight:700;opacity:.85;color:inherit}

.wl-fit-verdict{font-size:12px;font-weight:600;margin-top:8px}
.wl-fit-verdict.ok{color:var(--grn)}
.wl-fit-verdict.neutral{color:var(--mut)}
/* named-exercises helper line (Brandon's ruling 2026-08-14): which exercises the
   selected time budget actually trims, one line under the summary, never wraps into
   a wall of text (see WS_TRIM_NAMES_MAX truncation in start.js) */
.wl-trim-names{font-size:11px;font-weight:500;color:var(--mut);margin-top:3px;overflow-wrap:anywhere}

/* rest-between-sets stepper */
.wl-rest-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.wl-rest-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--mut);text-transform:uppercase}
.wl-rest-sub{font-size:11px;color:var(--mut);margin-top:2px}
.wl-rest-stepper{display:flex;align-items:center;gap:8px}
.wl-rest-btn{width:40px;height:40px;border-radius:10px;background:var(--s2);border:none;display:flex;
  align-items:center;justify-content:center;font:600 14px var(--font-num);color:var(--mut2);cursor:pointer}
.wl-rest-val{font:650 16px var(--font-num);min-width:52px;text-align:center;color:var(--txt)}

/* sleep / energy rating chips */
.wl-rate-cols{display:flex;gap:14px;margin-top:12px}
.wl-rate-col{flex:1}
.wl-rate-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--mut);text-transform:uppercase;margin-bottom:6px}
.wl-rate-row{display:flex;gap:4px}
.wl-rate-chip{flex:1;height:40px;border-radius:8px;background:var(--s2);border:none;display:flex;align-items:center;
  justify-content:center;font:600 13px var(--font-num);color:var(--mut2);cursor:pointer}
.wl-rate-chip.sel{background:var(--acc);color:var(--acc-text);font-weight:700}

/* bodyweight */
.wl-bw-wrap{margin-top:12px}
.wl-bw-input{width:100%;height:44px;border-radius:10px;background:var(--s2);border:none;padding:0 14px;
  font:italic 500 15px var(--font-num);color:var(--txt);outline:none}
.wl-bw-input::placeholder{color:var(--pencil);font-style:italic}
.wl-bw-input:focus{outline:1.5px solid var(--acc)}

/* skip / start actions */
.wl-start-actions{display:flex;gap:10px;margin-top:14px}
.wl-start-skip{width:96px;height:52px;border-radius:12px;background:var(--s2);border:none;color:var(--mut2);
  font-size:14px;font-weight:600;font-family:var(--font-ui);cursor:pointer}
.wl-start-go{flex:1;height:52px;border-radius:12px;background:var(--acc);color:var(--acc-text);border:none;
  font-size:15px;font-weight:700;font-family:var(--font-ui);cursor:pointer}