#os-scheduler { background:#f7f7f7; padding:16px; border:1px solid #e1e1e1; border-radius:6px; margin:16px 0; }
#os-scheduler h3 { margin-top:0; }
#os-scheduler .os-row { display:flex; flex-direction:column; margin-bottom:12px; }
#os-scheduler label { font-weight:600; margin-bottom:4px; }
#os-scheduler input, #os-scheduler select { padding:8px; border:1px solid #ccc; border-radius:4px; }
.os-zone-warning { margin:0 0 16px; padding:12px 16px; background:#fff3cd; color:#7a5b00; border:1px solid #ffeeba; border-radius:6px; }

#os-resched-modal { position:fixed; inset:0; z-index:99999; }
#os-resched-modal .os-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.5); }
#os-resched-modal .os-modal-inner { position:relative; background:#fff; max-width:420px; margin:10vh auto; padding:24px; border-radius:8px; }
#os-resched-modal .os-row { margin-bottom:12px; }
#os-resched-modal input, #os-resched-modal select { width:100%; padding:8px; border:1px solid #ccc; border-radius:4px; }
.os-resched-msg { color:#a00; }
.os-resched-msg.success { color:#0a0; }

/* jQuery UI Datepicker — minimal theme, sized 10% larger than default */
.ui-datepicker { display:none; background:#fff; border:1px solid #ddd; border-radius:6px;
    padding:8px; box-shadow:0 6px 24px rgba(0,0,0,.12); width:auto; font-size:110%; z-index:100000 !important; }
.ui-datepicker-header { position:relative; padding:6px 0; text-align:center; font-weight:600; }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; top:6px; cursor:pointer; padding:4px 8px;
    border-radius:4px; user-select:none; }
.ui-datepicker-prev { left:6px; }
.ui-datepicker-next { right:6px; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { background:#f0f0f0; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { display:none; }
.ui-datepicker-prev:before { content:"‹"; font-size:1.4em; line-height:1; }
.ui-datepicker-next:before { content:"›"; font-size:1.4em; line-height:1; }
.ui-datepicker table { border-collapse:collapse; margin:6px 0 0; width:100%; }
.ui-datepicker th { padding:6px 0; font-weight:600; color:#666; font-size:.85em; }
.ui-datepicker td { padding:2px; }
.ui-datepicker td a, .ui-datepicker td span {
    display:block; padding:8px 0; min-width:2.4em; text-align:center;
    border-radius:4px; text-decoration:none; color:#333; background:#fafafa; }
.ui-datepicker td a:hover { background:#e6f0ff; }
.ui-datepicker td .ui-state-active, .ui-datepicker td a.ui-state-active { background:#0073aa; color:#fff; }
.ui-datepicker td.ui-datepicker-today a { outline:2px solid #0073aa; }
.ui-datepicker td.os-day-blocked span,
.ui-datepicker td.ui-datepicker-unselectable span,
.ui-datepicker td.ui-state-disabled span {
    color:#bbb !important; background:#f0f0f0 !important;
    text-decoration:line-through; cursor:not-allowed;
}

#os-scheduler input#os_date { background:#fff; cursor:pointer; }
#os-scheduler .ui-datepicker-trigger { margin-left:6px; padding:6px 10px; cursor:pointer;
    background:#fff; border:1px solid #ccc; border-radius:4px; }