/* Scoped to the teacher surface; never sent to the student presenter. */
.run-spine{flex-wrap:wrap}
/* Cue v2 intentionally hides the legacy pace spine. Expose only the new clock. */
.run-mode.cue-v2 .run-spine{display:flex!important;justify-content:flex-end;padding:4px 1.25rem;background:var(--rm-top)}
.run-mode.cue-v2 .run-spine>:not(.module-clock){display:none}
.module-clock{display:flex;align-items:center;gap:10px;padding:3px 6px 3px 12px;border:1px solid #aeb8c6;border-left:3px solid #245cc4;border-radius:5px;background:#fff;color:#202937;flex-shrink:0}
.module-clock-readout{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center}
.module-clock-label{font:700 12px 'DM Sans',sans-serif;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.module-clock-time{font:500 21px 'DM Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.module-clock-unit{font:600 12px 'DM Sans',sans-serif;margin-left:5px}
.module-clock-state{grid-column:1/-1;font:500 11px 'DM Sans',sans-serif;color:#4e5969}
.module-clock-storage{grid-column:1/-1;font:500 10px 'DM Sans',sans-serif;color:#4e5969}
.module-clock button{min-height:44px;min-width:52px;padding:7px 10px;border:1px solid #8b97a7;border-radius:4px;background:#f5f7fa;color:#202937;font:700 12px 'DM Sans',sans-serif;cursor:pointer;touch-action:manipulation}
.module-clock button:focus-visible{outline:3px solid #245cc4;outline-offset:3px}
.module-clock[data-state=over]{border-left-color:#8d5200}
.module-clock[data-state=over] .module-clock-state{color:#804600}
.module-clock-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#run-mode.stage .module-clock{background:#202020;color:#fff;border-color:#8d8d8d;border-left-color:#8eb4ff}
#run-mode.stage .module-clock-state{color:#dedede}
#run-mode.stage .module-clock-storage{color:#dedede}
#run-mode.stage .module-clock button{background:#303030;color:#fff;border-color:#999}
#run-mode.stage .module-clock[data-state=over] .module-clock-state{color:#ffd18b}
@media(max-width:600px){
  .run-spine .run-progress{display:none}
  .run-spine .run-milestone,.run-spine .run-pace{display:none}
  .module-clock{margin-left:auto;gap:6px;padding-left:8px;max-width:100%}
  .module-clock-label{max-width:75px}
  .module-clock-time{font-size:19px}
  .run-mode.cue-v2 .run-spine{padding:4px 10px}
}