/* Collapsible, accessible menu sections; no business logic, route, or permission changes. */
.sidebar{min-height:100vh}
.navigation.hibags-group-navigation{display:block!important;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:9px 0 17px;scrollbar-width:thin;scrollbar-color:#466082 transparent}
.hb-groups-container{display:flex;flex-direction:column;gap:5px}
.hb-group{padding:0 9px}
.hb-group-toggle{appearance:none;border:0;background:transparent;color:#8ea4c6;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:14px 11px 9px;border-radius:8px;font-size:10px;letter-spacing:1.2px;font-weight:800;cursor:pointer;min-height:38px}
.hb-group-toggle:hover{background:#1a3050;color:#d7e5ff}.hb-group-toggle:focus-visible{outline:2px solid #70a7ff;outline-offset:-2px}
.hb-group-arrow{font-size:17px;line-height:1;transition:transform .18s ease}.hb-open .hb-group-arrow{transform:rotate(180deg)}
.hb-group-items{padding-bottom:3px}.hb-group-items[hidden]{display:none!important}
.hb-group-items .navbtn{display:block;margin:3px 2px;width:calc(100% - 4px);padding:11px 12px;color:#c8d5e9;white-space:normal;overflow-wrap:anywhere;text-align:left;border-radius:9px;min-height:41px;font-size:12px}
.hb-group-items .navbtn:hover{background:#1d3e6a;color:white}
.hb-group-items .navbtn.active{background:#1e4b85;color:white;box-shadow:inset 3px 0 0 #409bff}
.hb-group.hb-has-current>.hb-group-toggle{color:#d9e8ff}
@media(max-width:700px){.navigation.hibags-group-navigation{display:block!important;max-height:50dvh;overflow-y:auto;overflow-x:hidden}.hb-groups-container{display:flex;flex-direction:column}.hb-group-items .navbtn{width:calc(100% - 4px);white-space:normal;min-height:43px}}
@media(prefers-reduced-motion:reduce){.hb-group-arrow{transition:none}}

/* Larger, readable navigation labels */
.hb-group-toggle{font-size:12px;letter-spacing:1.05px;min-height:43px;padding:14px 11px 10px}
.hb-group-items .navbtn{font-size:14px;line-height:1.48;padding:12px 13px;min-height:45px;font-weight:550}
.hb-group-items .navbtn span{font-size:17px}
@media(max-width:700px){.hb-group-items .navbtn{font-size:14px;min-height:46px}}