#datesListViewport{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}
#datesListViewport::-webkit-scrollbar{display:none}
#datesListViewport #tasks{flex:none;min-height:0;overflow:visible}
#datesListViewport #tasks::after{display:none}
#datesListViewport #upcomingHolidays{margin-top:12px;margin-bottom:90px}
@media(max-width:1199px),(hover:none),(pointer:coarse){
 .dates-list-first main{padding-top:8px;padding-bottom:6px}
 .dates-list-first .page-nav{margin-bottom:7px;padding:3px}
 .dates-list-first .page-nav button[data-page]{min-height:38px;padding:3px 6px;gap:2px;font-size:10px}
 .dates-list-first .page-nav .ui-icon{width:18px;height:18px}
 .dates-list-first .heading-row{gap:6px;margin-bottom:6px;min-height:32px}
 .dates-list-first .heading-row h1{font-size:20px;margin:0;letter-spacing:-.6px}
 .dates-list-first #summary,.dates-list-first #taskProgress,.dates-list-first .save-hint{display:none}
 .dates-list-first #listOptions{flex:1;margin:0;gap:5px;justify-content:flex-end}
 .dates-list-first .quick-access-tag{max-width:90px;font-size:10px;padding:4px 6px;min-height:28px}
 .dates-list-first .list-layout-switch button{width:28px;min-height:26px;padding:4px}
 .dates-list-first #datesWeekNavigation{margin-bottom:6px}
 .dates-list-first #datesWeekStrip{padding:4px 3px}
 .dates-list-first #datesWeekStrip button{height:49px;min-height:49px;grid-template-rows:12px 25px 5px;gap:1px;padding:2px 1px}
 .dates-list-first #datesWeekStrip .week-day-number{width:25px;height:25px;min-height:25px;font-size:13px}
 .dates-list-first #datesWeekStrip .week-day-name{font-size:9px}
 .dates-list-first .legal-links{font-size:9px;line-height:12px;padding-top:2px;gap:10px}
}