/* Four visible items: Calendar, Available shifts, My rota and More. */
header{min-height:82px;padding-top:6px;padding-bottom:6px;gap:18px;flex-wrap:nowrap}
.portal-logo{width:82px}
.headerlabel{font-size:15px;padding-left:18px;white-space:nowrap}
.username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header form{flex-shrink:0}
header .quiet{padding:9px 12px;min-height:44px}
.portal-nav{display:block;overflow:visible;padding:6px max(24px,calc((100vw - 1200px)/2));background:#fff}
.portal-nav-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;max-width:720px;align-items:stretch}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px;min-width:0}
.menu-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-chevron{transform:translateY(2px) rotate(225deg)}
.portal-nav a{display:flex;align-items:center;padding:10px 12px;min-height:44px;border:0;border-radius:7px;font-size:14px;white-space:normal}
.portal-nav-bar>a{justify-content:center;text-align:center;padding:8px;min-height:48px;line-height:1.25;font-weight:650}
.portal-nav-bar>a[aria-current],.menu-toggle.section-active{background:#eaf4fb;box-shadow:inset 0 -3px #00a9df;color:#005ba5}
.more-count{font-size:11px;line-height:1.2;min-width:17px;padding:3px;border-radius:10px;background:#0066b3;color:white}
.more-count[hidden]{display:none}
.portal-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px;padding-top:8px;border-top:1px solid #d8e6ef}
.portal-menu[hidden]{display:none}
.portal-menu a[aria-current]{box-shadow:inset 3px 0 #00a9df;background:#eaf4fb}
@media(max-width:700px){header{min-height:76px;padding:5px 16px;gap:12px}.portal-logo{width:72px}.headerlabel{font-size:13px;padding-left:12px}.username{margin-left:auto;flex:1;font-size:13px}.portal-nav{padding:5px 12px}.portal-nav-bar{gap:4px}.portal-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-nav a,.menu-toggle{font-size:13px}.portal-nav-bar>a{padding:8px 4px}.menu-toggle{gap:4px;padding:8px 3px}.menu-chevron{width:5px;height:5px;flex-shrink:0}main{margin-top:20px}}
@media(max-width:480px){.headerlabel{display:none}.menu-toggle .menu-chevron{display:none}}