/* Working dates flow chronologically; no weekday columns or empty cells. */
.calendar-weekdays[hidden],#workingDatesEmpty[hidden],.cancellation-actions [hidden],#cancelDatesNote[hidden],#earningsExplanation[hidden]{display:none!important}
#calendarGrid.working-date-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;align-items:start}
#calendarGrid.working-date-grid .calendar-date-wrap{min-width:0;display:grid;gap:5px}
#calendarGrid.working-date-grid .calendar-cell{min-height:88px;padding:10px!important;gap:8px;font-size:14px}
#calendarGrid.working-date-grid .calendar-badge{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.4}
#calendarGrid .calendar-date-wrap>[data-quick-date]{min-height:44px;width:100%;padding:5px 2px;font-size:11px;line-height:1.25;overflow-wrap:normal}
#calendarGrid.working-date-grid .calendar-date-wrap>[data-quick-date]{font-size:13px}
#calendarGrid .calendar-cell.cancel-selected{outline:3px solid #ffbf69;outline-offset:-3px;background:#4a321b}
#calendarGrid .calendar-cell.cancel-selected .calendar-number::after{content:' ✓';color:#ffdbad}
#calendarGrid .calendar-cell:disabled{opacity:.42;cursor:not-allowed}
.cancellation-actions{margin-top:10px}
.cancellation-actions button{flex:1 1 120px}
#cancelDates[aria-pressed=true]{border-color:#ffbf69;color:#ffdbad}
#cancelDatesNote,#workingDatesEmpty{padding:12px;border:1px solid var(--line);border-radius:8px;line-height:1.5}
#quickWorkDialog,#cancelDatesDialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:18px;overflow-wrap:anywhere}
#quickWorkDialog h2,#cancelDatesDialog h2{font-size:20px}
#quickWorkShifts{display:grid;gap:12px;margin:12px 0}
.quick-work-row{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;min-width:0}
.quick-work-label{flex-basis:100%;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.quick-work-row button{min-height:44px;flex:1 1 100px}
.quick-work-row [aria-pressed=true]{border-color:var(--green);color:var(--green)}
#quickWorkError:empty,#cancelDatesError:empty{display:none}
#quickWorkError,#cancelDatesError{color:#ffbfad}
#cancelDatesList{padding-left:20px;max-height:32dvh;overflow:auto}
#cancelDatesList li{margin-bottom:10px;line-height:1.5}
.earnings-info{min-width:44px;min-height:44px;font-size:22px;margin-top:4px}
#earningsExplanation{display:block;font-size:14px;line-height:1.5}
[data-screen=calendarDay]>.calendar-actions button{min-height:44px}
#calendarGrid button:focus-visible,#quickWorkDialog button:focus-visible,#cancelDatesDialog button:focus-visible,.calendar-controls button:focus-visible,#earningsInfo:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(min-width:700px){#calendarGrid.working-date-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}