/* One active period picker, with separate navigation for the displayed range. */
html body #main .calendar-controls801{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:16px!important;flex-wrap:wrap;margin-bottom:18px}
html body #main .calendar-view801{display:flex;flex:0 0 auto;gap:0;align-items:center}
html body #main .calendar-view801>button{min-width:90px;border-radius:5px 0 0 5px;background:#e9eef5!important;color:#173c60!important;border-color:#c5d4e6!important;font-weight:600}
html body #main .calendar-view801>button+button{border-radius:0 5px 5px 0;margin-left:-1px!important}
html body #main .calendar-view801>button.selected{position:relative;background:#245d9c!important;color:#fff!important;border-color:#245d9c!important}
html body #main .calendar-choice801{display:flex;flex-direction:column;gap:6px;min-width:180px;width:210px;margin:0}
html body #main .calendar-choice801>span,html body #main .calendar-range801>span{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:#526477}
html body #main .calendar-controls801 :is(button,input){box-sizing:border-box!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0;padding:8px 12px!important;font-family:inherit;line-height:26px}
html body #main .calendar-choice801>input{width:100%;min-width:0;border:1px solid #bdcfe2;border-radius:5px;background:#fff;color:#173c60;font-size:16px!important;-webkit-appearance:none;appearance:none}
html body #main .calendar-choice801>input::-webkit-datetime-edit{padding:0}
html body #main .calendar-choice801>input::-webkit-date-and-time-value{margin:0;line-height:26px}
html body #main .calendar-navigation801{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;align-items:end;gap:10px;margin-left:auto;min-width:0;max-width:100%}
html body #main .calendar-range801{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;min-width:0;min-height:44px}
html body #main .calendar-range801>strong{font-size:14px!important;line-height:1.4;max-width:none;min-width:0}
html body #main .calendar-navigation801>button{min-width:44px;white-space:nowrap}
@media(max-width:900px){
 html body #main .calendar-controls801{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;align-items:stretch!important}
 html body #main .calendar-view801{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 html body #main .calendar-choice801{min-width:0;width:100%}
 html body #main .calendar-choice801>input{text-align:center}
 html body #main .calendar-choice801>input::-webkit-date-and-time-value{text-align:center}
 html body #main .calendar-navigation801{width:100%;margin:0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
 html body #main .calendar-range801>strong{font-size:13px!important;min-width:0;max-width:none}
 html body #main .calendar-navigation801>#calendar54-today{grid-column:1/-1;justify-self:end}
}