/* Compact date and iOS-style time wheels, scoped to the publishing form. */
#composer-dialog #schedule-field:not([hidden]){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(94px,1fr);gap:12px;flex:1 0 100%;padding:10px 0 0;border:0;background:none;min-width:0}
#composer-dialog #schedule-field[hidden],.schedule-picker-panel[hidden]{display:none!important}
#composer-dialog .schedule-date-field,#composer-dialog .schedule-time-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
#composer-dialog .schedule-date-field>span,#composer-dialog #schedule-time-label{font:500 11px var(--sans);color:#aeb6c7;text-transform:none;letter-spacing:0}
#schedule-time-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
#schedule-time-label small{font:10px var(--sans);color:#9cabc2}
#composer-dialog :is(#schedule-time-toggle,#schedule-date-toggle){box-sizing:border-box;width:100%;min-width:0;height:48px;min-height:48px;padding:0 11px;border:1px solid #dce4ff20;border-radius:12px;background:#090c1280;color:#e3e7ef;font:500 14px var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;color-scheme:dark}
#composer-dialog :is(#schedule-time-toggle,#schedule-date-toggle){display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color 160ms,background-color 160ms}
:is(#schedule-time-toggle,#schedule-date-toggle) svg{width:14px;height:14px;color:#abb4c8;transform:rotate(90deg);transition:transform 160ms}
:is(#schedule-time-toggle,#schedule-date-toggle)[aria-expanded=true] svg{transform:rotate(-90deg)}
#composer-dialog :is(#schedule-time-toggle,#schedule-date-toggle):hover,#composer-dialog :is(#schedule-time-toggle,#schedule-date-toggle)[aria-expanded=true]{background:#c5ccff0c;border-color:#b6bbed55}
#composer-dialog .schedule-picker-panel{grid-column:1/-1;padding:14px 0 0;border-top:1px solid #dce4ff14;min-width:0;scroll-margin-bottom:20px}
.schedule-picker-panel .schedule-wheel-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;font:11px var(--sans);color:#aab4c7;padding:0 12px 6px}
.schedule-picker-panel .schedule-wheels{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;padding:0 12px}
.schedule-picker-panel .schedule-wheel{height:200px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;box-sizing:border-box;padding:80px 0;touch-action:pan-y;border-radius:12px;outline-offset:-2px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.schedule-picker-panel .schedule-wheel::-webkit-scrollbar{display:none}
.schedule-picker-panel .schedule-wheel-number{height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font:400 23px/1 var(--sans);font-variant-numeric:tabular-nums;color:#a3aabc;cursor:pointer;user-select:none;transition:color 100ms,transform 100ms}
.schedule-picker-panel .schedule-wheel-number.selected{color:#f1f2fa;transform:scale(1.14);font-weight:500}
.schedule-picker-panel .schedule-wheel-selection{position:absolute;left:6px;right:6px;top:80px;height:40px;border-radius:10px;background:#ccd2ef0c;border-top:1px solid #dce4ff13;border-bottom:1px solid #dce4ff13;pointer-events:none;z-index:-1}
.schedule-picker-panel .schedule-wheel-colon{position:absolute;top:80px;left:50%;height:40px;display:flex;align-items:center;transform:translateX(-50%);font:22px var(--sans);color:#c4cadd;pointer-events:none}
.schedule-picker-panel .schedule-time-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;margin-top:8px}
#composer-dialog :is(#schedule-time-done,#schedule-date-done){min-height:44px;min-width:80px;padding:0 16px;border:1px solid #dce4ff20;border-radius:12px;background:#d0d4ed16;color:#e3e6f3;font:500 12px var(--sans);cursor:pointer}
#composer-dialog :is(#schedule-time-done,#schedule-date-done):hover{background:#d0d4ed25}
#composer-dialog #schedule-field :focus-visible{outline:2px solid #abb9ef;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#schedule-field *{transition:none!important;scroll-behavior:auto!important}}

.schedule-picker-panel .schedule-date-columns{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) minmax(0,1fr)}
.schedule-picker-panel .schedule-date-columns .schedule-wheel-number{font-size:20px}
.schedule-picker-panel .schedule-month-wheel .schedule-wheel-number{font-size:16px}
.schedule-picker-panel .schedule-wheel-number[hidden]{display:none!important}