.schedule-confirm .schedule-date-time { padding:0 22px; }
.schedule-datetime-controls { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:16px 0; }
.schedule-date-control,.schedule-time-control { display:grid;gap:7px;min-width:0;align-content:start;color:#405773;font-weight:600; }
.schedule-date-control > button { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;width:100%;padding:10px;border:1px solid #99b1cd;border-radius:9px;background:#f1f6ff;color:#173957;text-align:left;font:inherit;font-size:16px; }
.schedule-date-control > button span { min-width:0;overflow-wrap:anywhere; }
.schedule-date-control svg { flex:0 0 18px;width:18px;height:18px; }
.schedule-clock { display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) minmax(54px,1.3fr);align-items:center;min-width:0;min-height:46px;border:1px solid #99b1cd;border-radius:9px;background:#f1f6ff; }
.schedule-clock.clock-24 { grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr); }
body .schedule-date-time .schedule-clock select.schedule-clock-select { width:100%;max-width:100%;min-width:0;min-height:44px;height:44px;padding:0 2px;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#173957;font:inherit;font-size:16px;text-align:center;text-align-last:center;-webkit-appearance:none;appearance:none; }
.schedule-clock > span { text-align:center;color:#173957; }
.schedule-clock:focus-within { outline:2px solid #1d5ed5;outline-offset:1px; }
body .schedule-date-time .schedule-clock select:focus-visible { outline:0;box-shadow:inset 0 -3px #1d5ed5; }
.schedule-clock [hidden] { display:none!important; }
.schedule-datetime-controls [data-field-error] { grid-column:1/-1;margin:0;color:#a11e35;font-size:14px;font-weight:500; }
.schedule-datetime-controls [data-field-error]:empty { display:none; }
.schedule-date-time [aria-invalid=true] { outline:2px solid #b42335;outline-offset:1px; }
#scheduleFieldDatePicker { width:min(420px,calc(100vw - 24px));max-height:calc(var(--overlay-height,100dvh) - 24px);padding:0;border:1px solid #b5c8df;border-radius:16px;background:#fff;color:#203c5c; }
#scheduleFieldDatePicker[open] { display:flex;flex-direction:column;overflow:hidden; }
#scheduleFieldDatePicker header { display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:4px;padding:10px;border-bottom:1px solid #d2dce8;background:#edf4fc;flex:0 0 auto; }
#scheduleFieldDatePicker h2 { margin:0;font-size:16px;line-height:1.3;text-align:center; }
#scheduleFieldDatePicker header button { width:44px;height:44px;min-height:44px;min-width:44px;margin:0;padding:0;border:1px solid #b5c8df;border-radius:10px;background:#fff;color:#244f83; }
#scheduleFieldDatePicker .schedule-field-days { min-height:0;overflow:auto;padding:10px;overscroll-behavior:contain; }
#scheduleFieldDatePicker [data-field-weekdays],#scheduleFieldDatePicker [role=row] { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px; }
#scheduleFieldDatePicker [data-field-weekdays] span { padding:6px 0;text-align:center;color:#52657b;font-size:12px; }
#scheduleFieldDatePicker [role=gridcell] { min-width:0;min-height:44px;margin:0;padding:4px 0;border:1px solid transparent;border-radius:8px;background:#fff;color:#203c5c;font:inherit;font-size:15px; }
#scheduleFieldDatePicker [role=gridcell].outside { color:#63758a;background:#f5f7fa; }
#scheduleFieldDatePicker [aria-selected=true] { background:#205cca;color:#fff; }
#scheduleFieldDatePicker [aria-current=date] { text-decoration:underline;text-underline-offset:4px; }
#scheduleFieldDatePicker footer { display:flex;justify-content:flex-end;padding:10px;border-top:1px solid #d2dce8;flex:0 0 auto; }
#scheduleFieldDatePicker footer button { min-height:44px; }
@media(max-width:540px) { .schedule-datetime-controls { grid-template-columns:minmax(0,1fr); } }
/* Read back the selected value so 12:30 AM cannot be mistaken for afternoon. */
.schedule-time-summary{grid-column:1/-1;margin:0;padding:9px 12px;border-radius:9px;background:#edf4fc;color:#285780;font-size:13px;line-height:1.5}
.schedule-time-summary:empty{display:none}
#confirmDuration{width:100%;min-height:44px;box-sizing:border-box;margin-top:8px;padding:8px 10px;border:1px solid #adbed0;border-radius:9px;background:#fff;color:#203c5c;font:inherit}
.schedule-confirm-grid article>span{color:#51677d}
#confirmCrewLead,#scheduleOriginalCrew{color:#51677d}
#scheduleCrewDialog .quick-tech-list small{color:#51677d}
#scheduleFieldDatePicker [data-schedule-date].outside{color:#52657b}