/* A single event-wide pair of tracks, independent of the chosen court and filters. */
body.viewer-body #viewer-event-progress-host{box-sizing:border-box;flex:none;width:100%;min-width:0;padding:3px 8px 5px}
body.viewer-body #viewer-event-progress{display:grid;gap:3px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
body.viewer-body #viewer-event-progress .match-progress-line{display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px;align-items:center;font-size:11px;line-height:12px;min-width:0}
body.viewer-body #viewer-event-progress .match-progress-label{font-weight:600;white-space:nowrap}
body.viewer-body #viewer-event-progress .match-progress-track{display:flex;gap:1px;height:7px;min-width:0;overflow:hidden;border-radius:2px;background:#303030}
body.viewer-body #viewer-event-progress .match-progress-cell{flex:1;min-width:0;overflow:hidden;background:#303030}
body.viewer-body #viewer-event-progress .match-progress-cell i{display:block;height:100%;background:#00E5BE}
body.viewer-body #viewer-event-progress .planned .match-progress-cell i{background:#7DACA3}
@media(orientation:landscape) and (max-height:500px){body.viewer-body .viewer-live:not(.is-fullscreen){max-width:calc(78svh - 40px)}}


/* 039: event progress is an independent row, including the expanded list. */
html body.viewer-body #matches-pane.viewer-matches{grid-template-rows:minmax(210px,1fr) auto minmax(0,2fr)}
html body.viewer-body #matches-pane.viewer-matches>.viewer-live{grid-row:1}
html body.viewer-body #matches-pane.viewer-matches>#viewer-event-progress-host{grid-row:2;min-width:0;min-height:0;position:relative;overflow:visible}
html body.viewer-body #matches-pane.viewer-matches>.viewer-list{grid-row:3;min-height:0;position:relative}
html body.viewer-body #matches-pane.viewer-matches.list-is-expanded{grid-template-rows:12px auto minmax(0,1fr)}
html body.viewer-body .viewer-list .viewer-live-follow{position:absolute;right:12px;bottom:12px;z-index:6;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);min-height:36px;padding:7px 11px;border:1px solid #FFFFFF30;border-radius:7px;background:#171D1BE6;color:#EFEFEF;box-shadow:0 2px 9px #0004;backdrop-filter:blur(4px);font-size:13px;cursor:pointer}
html body.viewer-body .viewer-list .viewer-live-follow[hidden]{display:none!important}
html body.viewer-body .viewer-list .viewer-live-follow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
html body.viewer-body .viewer-list .viewer-live-follow:focus-visible{outline:2px solid #00E5BE;outline-offset:2px}
.viewer-live-follow-spacer{display:block;width:1px;min-height:0;padding:0;margin:0;border:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){html body.viewer-body .viewer-list .viewer-live-follow{transition:none}}

html body.viewer-body #matches-pane .viewer-list .viewer-live-follow{background:#171D1BE6!important;border-color:#FFFFFF30!important;color:#EFEFEF!important}