.view-options { display:flex; gap:6px; flex-wrap:wrap; }
.view-options button { flex:1; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--field); color:var(--ink); font-size:14px; }
.view-options button[aria-pressed="true"] { background:var(--accent-soft); border-color:var(--accent); }
.workout-view-menu { margin:12px 0; }
.workout-view-menu>summary { cursor:pointer; color:var(--muted); text-align:right; font-size:14px; }
.workout-view-menu .view-options { margin-top:0; }
.compact-clock { margin:12px 0; border-block:1px solid var(--line); padding:10px 0; }
.compact-clock>summary { cursor:pointer; font-size:14px; color:var(--muted); }
.compact-clock .clock-panel { margin-top:10px; }
.compact-clock[hidden] { display:none; }
[data-view="compact"] .exercise { background:transparent!important; border-bottom:1px solid var(--line)!important; border-radius:0; padding-bottom:12px; box-shadow:none!important; }
[data-view="compact"] .exercise-open { border:0; border-radius:8px; min-height:64px; padding:10px 6px; }
[data-view="compact"] .exercise-copy strong { font-size:18px; }
[data-view="compact"] .exercise-list { gap:0; padding-top:4px; }
[data-view="compact"] .exercise { padding-top:10px; margin:0; }
.compact-entry { grid-column:1/-1; min-width:0; padding:4px 4px 8px; }
.compact-fields { display:grid; grid-template-columns:52px minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:end; }
.compact-fields label { font-size:13px; }
.compact-entry input[type="number"] { min-width:0; width:100%; min-height:48px; font-size:20px; padding:10px; }
.compact-entry input[type="number"] { appearance:textfield; }
.compact-entry input::-webkit-inner-spin-button { appearance:none; }
.compact-set-number { display:grid; gap:8px; font-size:11px; color:var(--muted); padding-bottom:10px; text-align:center; }
.compact-set-number strong { font-size:23px; color:var(--accent); }
.compact-bodyweight { display:flex; align-items:center; gap:8px; margin:12px 0; }
.compact-bodyweight input { width:18px; height:18px; accent-color:var(--accent); }
.compact-record { width:100%; min-height:44px; }
.compact-feedback { min-height:16px; font-size:12px; color:var(--accent); margin:10px 0; overflow-wrap:anywhere; }
.compact-records>summary { cursor:pointer; font-size:14px; color:var(--muted); padding:8px 0; }
.compact-saved-row { display:grid; grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 36px; gap:8px; align-items:center; margin:8px 0; }
.compact-saved-row button { border:1px solid var(--line); border-radius:10px; background:transparent; color:var(--muted); min-height:40px; font-size:20px; }
.compact-edit-name { font-size:12px; margin-top:10px; color:var(--muted); }
@media(max-width:430px) { .compact-entry{padding-inline:0}.compact-fields{gap:8px;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)} }
/* Fit all three controls inside each mobile field, including the + button. */
@media(max-width:430px) {
  #entryDialog .set-row,#entryDialog .sets-header { grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 28px!important; gap:6px; }
  #entryDialog .stepper { grid-template-columns:28px minmax(0,1fr) 28px!important; gap:2px!important; }
  #entryDialog .step-controls button { min-width:28px!important; width:28px; }
  #entryDialog .set-row>.remove-button { width:28px; }
}