/* Canonical touch calendar shared by bookings and read-only event ranges. */
.calendar-picker{width:min(350px,calc(100vw - 16px));box-sizing:border-box;max-height:calc(100dvh - 16px);overflow-y:auto;margin:auto;border:1px solid #8fa8b2;border-radius:14px;padding:10px;background:#f9fcfc;color:#173f56;box-shadow:0 18px 60px #18394b44}
.calendar-picker::backdrop{background:#17303766}
.calendar-picker button{font:inherit;font-size:1rem;min-height:44px;min-width:0;border:1px solid transparent;border-radius:6px;background:#e9f2f5;color:#173f56;padding:4px;cursor:pointer}
.calendar-head,.calendar-month,.calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:5px}
.calendar-head>button,.calendar-month>button{width:44px}
.calendar-month{margin-block:4px}
.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.calendar-week{font-size:.875rem;padding-block:5px}
.calendar-days button{background:white}
.calendar-days .selected{background:#174e6d;color:white}
.calendar-days [aria-current=date]{border-color:#174e6d}
.calendar-picker button:focus-visible{outline:3px solid #d07319;outline-offset:-3px}
.calendar-foot{margin-top:7px}.calendar-foot button{padding-inline:14px}

.calendar-range{display:flex;gap:6px;margin:8px 0}.calendar-range button{flex:1}.calendar-range [aria-pressed=true]{border-color:#174e6d;background:#d8eaf1}.calendar-days .in-range:not(.selected){background:#e0eef4}

/* The utility action shell must not enlarge the canonical seven-column calendar. */
#rcbHistoryCalendar.calendar-picker button{box-sizing:border-box!important;min-height:44px!important;min-width:0!important;height:auto!important;padding:4px!important;border-width:1px!important;border-style:solid!important;border-radius:6px!important;font:400 16px/1.5 system-ui,sans-serif!important;display:block;white-space:normal!important;text-align:left!important;overflow-wrap:normal;gap:0!important}
#rcbHistoryCalendar .calendar-foot{flex-wrap:wrap}
#rcbHistoryCalendar .calendar-foot button{padding-inline:8px!important}
#rcbHistoryCalendar button:disabled{opacity:.4;cursor:default}

#rcbHistoryCalendar button:focus-visible{outline:3px solid #d07319;outline-offset:-3px}