.department-nav{display:flex;flex-direction:column;gap:2px}.nav-group{border-radius:8px}.nav-parent{width:100%;display:flex;align-items:center;gap:10px;text-align:left}.nav-parent b{font-weight:600;flex:1}.nav-parent i{font-style:normal;color:#8fa4ba;transition:transform .18s}.nav-group.open .nav-parent i{transform:rotate(180deg)}.nav-subnav{display:none;margin:0 7px 5px 40px;padding:3px 0 5px;border-left:1px solid rgba(151,180,208,.26)}.nav-group.open .nav-subnav{display:grid}.nav-subnav button{border:0;background:transparent;color:#93a8bd;text-align:left;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer;border-radius:5px}.nav-subnav button:hover,.nav-subnav button.active{background:#173d62;color:#fff}.nav-group.active>.nav-parent{color:#fff;background:#143d64}

/* HR people icon gets a warm contrast chip against the dark-blue rail. */
.department-nav .nav-group[data-dashboard="hrDashboard"]>.nav-parent>span{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#ffd166;color:#17365d;font-size:16px;line-height:1}