/* Timeline history composition + capture */
.history-record-head{align-items:flex-start}
.history-record-tools{display:flex;align-items:center;gap:6px}
.history-record-tools>b{margin-right:2px}
.history-capture{min-height:34px;padding:6px 9px;border:var(--border-thin) solid var(--line);border-radius:var(--radius-10);background:var(--color-f6f8fb);color:var(--ink);font-size:var(--font-xs);font-weight:var(--font-weight-850)}
.history-capture:disabled{opacity:.5;cursor:wait}
.history-composition{margin-top:10px;padding:10px;border:var(--border-thin) solid var(--color-dfe6f0);border-radius:var(--radius-15);background:var(--color-f8fafc)}
.history-composition[data-mode="superset"]{border-color:var(--color-cdd8ea);background:var(--color-f6f8fc)}
.history-composition-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.history-composition-head strong{font-size:var(--font-sm)}
.history-composition-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:var(--radius-999);background:var(--color-17233d);color:var(--color-fff);font-size:var(--font-xs);font-weight:var(--font-weight-850)}
.history-composition[data-mode="drop"] .history-composition-badge{background:var(--color-e8eef7);color:var(--color-244b86)}
.history-exercises{display:grid;gap:8px;margin-top:8px}
.history-exercise{padding:10px 12px;border:var(--border-thin) solid var(--line);border-radius:var(--radius-13);background:var(--color-fff)}
.history-exercise,.history-exercise-basic{border-left:4px solid var(--history-exercise-color,var(--color-17233d))}
.history-exercise-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.history-exercise-name{display:flex;align-items:center;min-width:0;gap:7px}
.history-exercise-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-disclosure-toggle{width:28px;height:28px;flex:0 0 28px;padding:0;line-height:1;transition:transform var(--motion-fast) ease}
.history-disclosure-toggle[aria-expanded="false"]{transform:rotate(-90deg)}
.history-exercise-body[hidden]{display:none}
.history-exercise-order{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:var(--radius-999);background:var(--history-exercise-color,var(--color-17233d));color:var(--color-fff);font-size:var(--font-xs);font-weight:var(--font-weight-900)}
.history-round{margin-top:7px}
.history-round-main,.history-layer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;border-top:var(--border-thin) solid var(--color-edf0f4)}
.history-round-main span,.history-layer span{color:var(--color-667085)}
.history-layer{position:relative;margin-left:25px;padding-left:18px}
.history-layer::before{content:"";position:absolute;left:2px;top:-1px;width:10px;height:19px;border-left:var(--border-strong) solid var(--color-cbd5e1);border-bottom:var(--border-strong) solid var(--color-cbd5e1);border-radius:var(--radius-shape-0-0-0-7px)}
.history-layer-label{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:var(--font-weight-850)}
.history-layer[data-layer="drop"] .history-layer-label{color:var(--color-2563eb)}
.history-layer[data-layer="build"] .history-layer-label{color:var(--color-7c3aed)}
.history-layer[data-layer="extra"] .history-layer-label{color:var(--color-667085)}

/* Group history: compact room/member selectors reuse the shared SelectionRail owner. */
.timeline-group-picker{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;margin:8px 0 2px;padding:6px;border:var(--border-thin) solid var(--line);border-radius:var(--radius-14);background:var(--color-fff)}
.timeline-group-picker>div{min-width:0;overflow:hidden}
.timeline-group-picker .selection-rail-console{border:0;border-radius:var(--radius-10);background:var(--color-f8fafc);box-shadow:none}
.timeline-group-picker .selection-rail-title{display:none}
.timeline-group-picker .selection-rail-shell,.timeline-group-picker .selection-rail{height:74px}
.timeline-group-picker .selection-rail{--selection-rail-row-size:42px;padding:16px 4px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;touch-action:pan-y}
.timeline-group-picker .selection-rail-shell::before{top:16px}
.timeline-group-picker .selection-rail-shell::after{bottom:16px}
.timeline-group-picker .selection-rail-item{height:42px;min-height:42px;padding:0 8px;border-radius:var(--radius-10);scroll-snap-align:center}
.timeline-group-picker .selection-rail-main strong{font-size:var(--font-xs);line-height:1.05}
.timeline-group-picker .selection-rail-main span{margin-top:3px;font-size:var(--font-size-10)}
.timeline-group-picker .selection-rail-side{display:none}
.timeline-room-wheel .selection-rail-item.is-active{background:var(--workout-lime-soft);color:var(--workout-navy)}
.timeline-member-wheel .selection-rail-item.is-active{background:var(--color-eef5ed);color:var(--workout-navy)}
.timeline-group-picker>div>.small{height:74px;display:grid;place-items:center;padding:6px;text-align:center}
@media(max-width:420px){.timeline-group-picker{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6px;padding:5px}.timeline-group-picker .selection-rail-shell,.timeline-group-picker .selection-rail{height:70px}.timeline-group-picker .selection-rail{--selection-rail-row-size:40px;padding-block:15px}.timeline-group-picker .selection-rail-shell::before{top:15px}.timeline-group-picker .selection-rail-shell::after{bottom:15px}.timeline-group-picker .selection-rail-item{height:40px;min-height:40px;padding-inline:6px}}
