:root{--staff-nav-width:210px;--staff-nav-bg:#173649;--staff-nav-text:#ecf3f7;--staff-nav-active:#235871}
aside.staff-nav27{width:var(--staff-nav-width)!important;background:var(--staff-nav-bg)!important;color:var(--staff-nav-text)!important;box-sizing:border-box;display:flex;flex-direction:column;position:fixed;left:0;top:var(--environment-height,0px);bottom:0;overflow:auto;z-index:20}
body.staff-shell27 main{margin-left:var(--staff-nav-width)}
.staff-nav27 nav{display:block!important;padding:8px!important;background:transparent!important}
.staff-nav27 nav a,.staff-nav27 nav summary{font:500 13px/1.4 system-ui!important;color:var(--staff-nav-text)!important;padding:9px 10px!important;border-radius:5px;display:block;cursor:pointer;text-decoration:none;background:transparent!important;border:0!important;margin:2px 0!important}
.staff-nav27 nav summary{display:list-item;list-style-position:inside}
.staff-nav27 nav details>a{padding-left:24px!important}
.staff-nav27 nav a[aria-current=page]{background:var(--staff-nav-active)!important;font-weight:700!important}
.staff-nav27 nav a:hover,.staff-nav27 nav summary:hover{background:#244c60!important}
.staff-nav27 nav :focus-visible{outline:3px solid #ffcc70;outline-offset:-2px}
.staff-nav27 .brand,.staff-nav27 .brand small,.staff-nav27 .account{color:var(--staff-nav-text)!important}
.staff-nav-toggle27{display:none}
.calendar-layout27{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.board-stage[data-calendar-layout=expanded]{grid-template-columns:1fr}
.board-stage[data-calendar-layout=expanded] #work-list,.board-stage[data-calendar-layout=expanded] #ro-panel{display:none!important}
.board-stage[data-calendar-layout=expanded] #day-panel{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;border:0;box-shadow:none}
.board-stage[data-calendar-layout=collapsed]{grid-template-columns:1fr}
.board-stage[data-calendar-layout=collapsed] #day-panel{display:none!important}
.board-stage[data-calendar-layout=collapsed] #ro-panel{right:0}
@media(max-width:750px){aside.staff-nav27{display:none!important}body.nav-open aside.staff-nav27{display:flex!important;width:240px!important}body.staff-shell27 main{margin-left:0!important}.staff-nav-toggle27{display:block;position:fixed;top:calc(var(--environment-height,0px) + 8px);right:8px;z-index:25}.board-stage[data-calendar-layout=split] #day-panel{display:flex!important}.board-stage[data-calendar-layout=split] #work-list{display:block!important}}

body.staff-shell27{font-family:system-ui,-apple-system,Segoe UI,sans-serif}
body.staff-shell27 #nav-toggle,body.staff-shell27 .mobile-nav,body.staff-shell27 [data-do=nav]{display:none!important}

body.staff-shell27 #staff-nav-toggle27{font:600 13px/1.4 system-ui;min-width:64px;min-height:44px;padding:9px 12px;border:1px solid #235871;border-radius:6px;background:#173649;color:#fff;cursor:pointer}
.staff-nav-toggle27:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
body.staff-shell27 .shop-context,body.staff-shell27 .shop-context label,body.staff-shell27 .shop-context select{color:#213547}
/* Keep calendar selectors legible in the narrow split pane. */
body.staff-shell27 .calendar-tools{flex-wrap:wrap}
body.staff-shell27 .calendar-tools select{min-width:110px;flex:1 1 110px}