.calendar-heading .fr-calendar-month,.fr-absence-month .fr-calendar-month{width:auto;flex:1;min-width:0;min-height:44px;padding:8px 10px;border:0;background:transparent;color:#29423a;font-size:16px;line-height:1.25;font-weight:700;white-space:nowrap}
.fr-month-picker-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin:18px 0}.fr-month-picker-fields label{min-width:0;margin:0}.fr-month-picker-fields select{width:100%;min-width:0;box-sizing:border-box}.fr-month-picker form>button{width:100%}
#task-due-calendar>.calendar-heading{margin:14px 0 10px}#task-due-calendar>.secondary{width:100%;margin-top:14px}#task-due-calendar .calendar-day{min-width:0}#task-due-date-open{min-height:44px;margin-top:0;font-size:14px;padding:10px;gap:6px}#task-due-date-open svg{width:20px;height:20px;flex-basis:20px}
@media(max-width:700px),(orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse),(orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){.calendar-heading .fr-calendar-month,.fr-absence-month .fr-calendar-month{background:transparent;color:#eee;font-size:15px}}

/* Reserve the marker lane even on empty days: dots must never move the date. */
#booking-calendar .calendar-day,#time-calendar .calendar-day{position:relative;display:grid;place-items:center;box-sizing:border-box;padding:3px 0 13px;gap:0}
#booking-calendar .calendar-day>span:first-child,#time-calendar .calendar-day>span:first-child{line-height:1.25}
#booking-calendar .calendar-day>.fr-calendar-dots,#booking-calendar .calendar-day>.dot,#time-calendar .calendar-day>.fr-time-calendar-dots{position:absolute;bottom:4px;left:0;right:0;height:6px;margin:0 auto;display:flex;align-items:center;justify-content:center;pointer-events:none}