/* One layout and clock for both operational day views. */
.cd-day-view .cd-session:is(.at-mode-public,.cs-public):not(.cd-in-play):not(.is-expanded){background:#000}
.cd-day-view{--cd-padding:10px;--cd-live-columns:180px minmax(0,1fr) 154px}
.cd-day-view .cd-session.cd-in-play{background:linear-gradient(to bottom,#1c3b2e,#0c2115)}
.cd-day-view .cd-session.cd-in-play.is-expanded{background:linear-gradient(to bottom,#264b34,#142c1d)}
.cd-day-view .cd-session.cd-in-play .cs-row:hover{background:transparent}
.cd-day-view .cd-session.cd-in-play :is(.at-time,.cs-time){color:#fff;text-shadow:none}
.cd-day-view .cd-session .at-time.at-time-current,.cd-day-view .cd-session.cs-current-hour .cs-time{color:#ffe06b;text-shadow:0 0 8px #ffdc4740}
.cd-day-view :is(.at-columns,.cs-columns){background:#cf8988;color:#241319;border:0;border-radius:0;box-shadow:none}
.cd-day-view :is(.at-hour-gap,.cd-hour-gap){display:block;height:1.5px;margin:3px 0 2px;border-radius:2px;background:#c7bdceb3}
.cd-period-gap{display:block;height:12px;margin:4px 0;border-radius:2px;background:#24142d url('/betatest/assets/conte-vintage-wallpaper.webp') center/108px 108px repeat}
.cd-day-view .cd-live-line{display:grid;grid-template-columns:var(--cd-live-columns);align-items:center;gap:12px;min-height:27px;padding:1px var(--cd-padding) 5px;white-space:nowrap;background:transparent;font:11px/1.2 Arial,Helvetica,sans-serif;min-width:0;box-sizing:border-box}
.cd-finish-progress{display:flex;align-items:center;gap:7px;min-width:0}
.cd-end{white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums;color:#c4b6d0}
.cd-end time{color:#f6effb;font-weight:650}
.cd-live-line .cd-completion{display:flex;position:static;height:auto;flex:1;gap:5px;min-width:0;align-items:center}
.cd-live-line progress{appearance:none;display:block;position:static;opacity:1;flex:1;min-width:0;width:100%;height:8px;box-sizing:border-box;border:1px solid #315e3e;overflow:hidden;background:#000;border-radius:4px;accent-color:#77c98c}
.cd-live-line progress::-webkit-progress-bar{background:#000}
.cd-live-line progress::-webkit-progress-value{background:#77c98c;border-radius:4px}
.cd-live-line progress::-moz-progress-bar{background:#77c98c;border-radius:4px}
.cd-percent{font-size:11px;color:#e9cfff;white-space:nowrap;font-variant-numeric:tabular-nums}
.cd-day-view .cd-group{appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:#d6cadd;font:inherit;line-height:1.2;text-align:center;white-space:nowrap;text-transform:none;letter-spacing:normal;box-shadow:none}
.cd-day-view button.cd-group{cursor:pointer}
.cd-flow{flex:none;max-width:74%;padding:2px 5px;border:1px solid #7295787d;border-radius:4px;background:#254735;color:#bce9be;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-flow-fast{background:#2c3f5e;color:#bdd6ff;border-color:#657ea6}
.cd-flow-slow{background:#514127;color:#ffe5a2;border-color:#ab8e547d}
.cd-flow-problem{background:#623537;color:#ffc0ba;border-color:#ad646b}
.cd-group-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-zone-end{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;text-align:right;white-space:nowrap;font-size:10px;color:#d1b3e5;font-variant-numeric:tabular-nums}
.cd-zone-end b{color:#e5cdf6;font-weight:600}
.cd-live-line .cd-zone-progress{flex:none;width:32px;height:6px;border-color:#707775;accent-color:#bc8be3}
.cd-live-line .cd-zone-progress::-webkit-progress-value{background:#bc8be3}
.cd-live-line .cd-zone-progress::-moz-progress-bar{background:#bc8be3}
.cd-live-line .cd-zone-progress[hidden]{display:none}
.cd-day-view .cd-clock,.cd-day-view .cd-clock time{color:#ffe075}
.cd-day-view .cd-clock .cd-hourglass{width:16px;height:18px;color:#ffe075;animation:cd-hourglass-turn 4s ease-in-out infinite;display:block;flex:none}
.cd-loader{position:absolute;z-index:91;top:42%;left:50%;transform:translate(-50%,-50%);width:min(280px,80%);box-sizing:border-box;padding:22px;text-align:center;background:#2d223bea;border:1px solid #a88bb057;border-radius:12px;font:14px/1.4 Arial,Helvetica,sans-serif;color:#e5d6ef;pointer-events:none}
.cd-loader[hidden]{display:none}.cd-loader progress{display:block;width:100%;height:8px;margin-top:16px;accent-color:#c4a0e1}
@keyframes cd-hourglass-turn{0%,35%{transform:rotate(0)}50%,85%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@media(max-width:900px){.cd-day-view{--cd-live-columns:157px minmax(0,1fr) 141px}.cd-day-view .cd-live-line{gap:8px;font-size:10px}.cd-finish-progress{gap:5px}.cd-zone-end{gap:4px}.cd-live-line .cd-zone-progress{width:28px}}
@media(max-width:600px){.cd-day-view{--cd-live-columns:112px minmax(0,1fr) 110px}.cd-day-view .cd-live-line{min-height:23px;gap:4px;padding-top:0;font-size:8px}.cd-finish-progress{gap:4px}.cd-end{font-size:9px}.cd-live-line .cd-completion{gap:3px}.cd-percent{font-size:9px}.cd-flow{font-size:8px;padding:2px 3px}.cd-day-view .cd-group{gap:3px}.cd-zone-end{font-size:8px}.cd-live-line .cd-zone-progress{width:22px}}
@media(prefers-reduced-motion:reduce){.cd-day-view .cd-clock .cd-hourglass{animation:none}}

/* Only the arrow catches taps; the shadow leaves the list scrollable. */
.cd-scroll-hint{position:fixed;z-index:94;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:center;height:calc(64px + env(safe-area-inset-bottom,0px));padding:0 0 calc(6px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.45) 55%,rgba(0,0,0,.9));pointer-events:none}
.cd-scroll-hint[hidden]{display:none}
.cd-day-view .cd-clock{z-index:95}
.cd-scroll-hint .cd-scroll-next{appearance:none;position:relative;display:grid;place-items:center;flex:none;width:44px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:#d8c8e3;box-shadow:none;text-shadow:none;transform:none;cursor:pointer;pointer-events:auto}
.cd-scroll-hint .cd-scroll-next:before,.cd-scroll-hint .cd-scroll-next:after{display:none}
.cd-scroll-next svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 3px #000)}
.cd-scroll-hint .cd-scroll-next:hover{color:#fff;background:transparent}
.cd-scroll-hint .cd-scroll-next:focus-visible{outline:2px solid #c9addf;outline-offset:1px}