/* Replace the disconnected sequence/preparation editors with one shared plan. */
#race-director-queue-card, #race-director-start-class-control, #race-director-inherited-configuration, #race-director-sequence-card, #ow-preparation, #ow-sequence { display:none !important; }
.unified-start-plans { text-align:left; }
.unified-start-plans button { min-height:44px; white-space:normal; margin:4px 4px 4px 0; }
.unified-start-plans fieldset label { display:flex; align-items:center; gap:6px; padding:8px 0; }
.unified-start-plans input[type=checkbox] { width:22px; height:22px; }
.unified-start-plans p, .unified-start-plans small { overflow-wrap:anywhere; }
.unified-plan-row { margin:10px 0; padding:10px; border:1px solid #a9bacb; border-radius:8px; background:#f7fafc; }
.unified-start-plans button[aria-pressed=true] { border:2px solid #1565a8; }
#replay-membership { font-size:12px; margin:6px 0; overflow-wrap:anywhere; }

/* The same clock action starts and pauses the selected saved start. */
.race-director-start-card #race-director-abort-button { display:none !important; }
#unified-clock-status { margin:8px 0; font-size:14px; overflow-wrap:anywhere; }
#unified-clock-status:empty { display:none; }
#unified-clock-status.error { color:#a11414; font-weight:600; }
body.race-director-split-view .race-director-start-card > #race-director-start-context,
body.race-director-split-view .race-director-start-card > #unified-clock-status:not(:empty) { display:block !important; }
/* Four labelled work areas; colour is supplementary to headings and borders. */
#race-director-panel { overflow-anchor:none; }
#race-director-panel .race-director-start-card { background:#edf4ff; border:1px solid #aac2e1; }
#race-director-panel .race-director-start-card h3 { margin:0; font-size:17px; }
#kp-clock-event { margin:4px 0 0; }
body:not(.race-director-split-view) #race-director-panel .race-director-dial-wrap { width:180px; height:180px; margin:6px auto; }
body:not(.race-director-split-view) #race-director-panel .race-director-countdown { font-size:52px; }
#kp-clock-finalize, #kp-clock-next { width:100%; min-height:44px; margin:8px 0 0; }
#kp-clock-finalize[hidden], #kp-clock-next[hidden] { display:none !important; }
#kp-competition-day > .box { padding:0; margin:0; border:0; background:transparent; }
.kp-area { padding:12px; margin:12px 0; border:1px solid; border-radius:12px; }
.kp-area > h3 { margin:0 0 10px; font-size:17px; }
.kp-preparation { background:#eef6f3; border-color:#a7c8bb; }
.kp-results { background:#f3f1f8; border-color:#c3bad9; }
.kp-day-finish { background:#fff5e9; border-color:#dbc3a4; }
.kp-day-picker { margin:8px 0; }
.kp-day-picker > summary { cursor:pointer; font-weight:600; padding:8px 0; }
.kp-results .race-director-card { margin:8px 0; padding:10px; box-shadow:none; }
.kp-day-finish p, .kp-preparation .day-summary { font-size:13px; line-height:1.4; }
.kp-day-finish button { min-height:44px; }
.unified-start-plans > h4 { margin:10px 0 6px; }
.unified-start-plans > p { font-size:13px; line-height:1.4; }
.unified-plan-row { background:rgba(255,255,255,.85); }
.unified-plan-row p { margin:5px 0; }
.unified-plan-row details { margin-top:5px; font-size:12px; }
.unified-plan-row details summary { cursor:pointer; padding:6px 0; }
.unified-start-plans fieldset { margin:10px 0; border:1px solid #79938a; border-radius:8px; }
body.race-director-split-view #race-director-panel .race-director-start-card > #kp-clock-finalize:not([hidden]),
body.race-director-split-view #race-director-panel .race-director-start-card > #kp-clock-next:not([hidden]) { display:block !important; }
@media(max-width:520px){
 body:not(.race-director-split-view) #race-director-panel .race-director-dial-wrap { width:160px; height:160px; }
 body:not(.race-director-split-view) #race-director-panel .race-director-countdown { font-size:46px; }
 .kp-area { padding:10px; }
}
