/* Complete shift names in Mijn PharmaFlow remain legible on narrow screens. */
body[data-pf-department] .pf-my-roster-compact .portal-roster{grid-template-columns:repeat(14,minmax(108px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}
body[data-pf-department] .pf-my-roster-compact .portal-roster>div{min-height:98px;box-sizing:border-box}
body[data-pf-department] .pf-my-roster-compact .portal-roster>div>span{font-size:14px;font-weight:750;line-height:1.25;white-space:nowrap}

/* Larger shift markers in the monthly employee roster. */
body[data-pf-department] .pf-employee-calendar-days>span{box-sizing:border-box;min-height:40px}
body[data-pf-department] .pf-employee-calendar-days>span>b.shift-code{box-sizing:border-box;position:absolute;top:auto;right:0;bottom:0;display:grid;place-items:center;width:50%;height:50%;min-width:0;min-height:0;border-radius:4px 0 3px 0;font-size:12px!important;line-height:1!important}
body[data-pf-department] .pf-calendar-legend b.shift-code{width:23px;height:23px;font-size:11px!important}
@media(max-width:480px){
 body[data-pf-department] .pf-employee-calendar-days>span{min-height:40px}
 body[data-pf-department] .pf-employee-calendar-days>span>b.shift-code{width:50%;height:50%;font-size:11px!important}
}