/* The staff sidebar owns module destinations. Keep record and workflow tabs. */
body.staff-mode .page nav[aria-label="Accounting sections"],
body.staff-mode .page nav[aria-label="Communication sections"],
body.staff-mode .page nav[aria-label="Billing systems"],
body.staff-mode .page nav[aria-label="Association workspaces"],
body.staff-mode .page nav[aria-label="File workspaces"],
body.staff-mode .page .p-workspace>.p-tabs[aria-label="Registers"]{
 display:none!important;
}

/* Keep native scrolling and keyboard behavior with a slim, branded rail. */
#ws-sidebar nav{
 scrollbar-width:thin;
 scrollbar-color:#94a16b transparent;
 scrollbar-gutter:stable;
 overscroll-behavior:contain;
}
#ws-sidebar nav:hover,#ws-sidebar nav:focus-within{
 scrollbar-color:#bdca8e transparent;
}
@supports selector(::-webkit-scrollbar){
 #ws-sidebar nav,#ws-sidebar nav:hover,#ws-sidebar nav:focus-within{scrollbar-width:auto;scrollbar-color:auto}
 #ws-sidebar nav::-webkit-scrollbar{width:10px;height:10px}
 #ws-sidebar nav::-webkit-scrollbar-track{background:transparent;margin-block:10px}
 #ws-sidebar nav::-webkit-scrollbar-thumb{
  background:#94a16b;
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:20px;
  min-height:42px;
 }
 #ws-sidebar nav:hover::-webkit-scrollbar-thumb,
 #ws-sidebar nav:focus-within::-webkit-scrollbar-thumb{background-color:#bdca8e}
 #ws-sidebar nav::-webkit-scrollbar-thumb:hover{background-color:#e3ad78}
 #ws-sidebar nav::-webkit-scrollbar-button{display:none;width:0;height:0}
 #ws-sidebar nav::-webkit-scrollbar-corner{background:transparent}
}
@media(forced-colors:active){
 #ws-sidebar nav{scrollbar-color:auto;scrollbar-width:auto}
 #ws-sidebar nav::-webkit-scrollbar-thumb{background:ButtonText}
}

/* Sidebar navigation stays inside the drawer, separate from public mobile navigation. */
#ws-sidebar nav{position:static;inset:auto;margin:0;max-height:none;background:transparent;border:0;box-shadow:none;flex:1;min-height:0;overflow-y:auto}
#ws-nav-close{display:none}
@media(max-width:850px){
 #ws-sidebar{height:100vh;height:100dvh;max-width:calc(100vw - 44px)}
 #ws-sidebar .ws-brand{padding-right:48px;flex-shrink:0}
 #ws-sidebar .ws-sidebar-footer{flex-shrink:0;padding-bottom:max(18px,env(safe-area-inset-bottom))}
 #ws-nav-close{display:grid;place-items:center;position:absolute;top:20px;right:8px;width:40px;height:40px;background:transparent;border:0;color:white;font-size:26px;cursor:pointer}
 #ws-menu{min-width:44px;min-height:44px;padding:0;flex-shrink:0}
 #ws-sidebar :is(.ws-group-toggle,.ws-nav-items>a){min-height:44px}
 body.ws-mobile-nav-open{overflow:hidden}
}
@media(max-width:700px){
 #ws-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:44px 44px;height:112px;gap:4px 10px;padding:10px 14px}
 #ws-menu{grid-row:1;grid-column:1}
 #ws-topbar .ws-notifications{grid-row:1;grid-column:2;justify-self:end;margin:0}
 #ws-topbar .ws-user-menu{display:block;grid-row:1;grid-column:3;min-width:0;margin:0}
 #ws-topbar .ws-search{grid-row:2;grid-column:1/-1;width:100%;max-width:none;min-width:0}
 #ws-topbar #ws-user{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #ws-context{top:112px;padding:10px 14px;min-width:0}
 #ws-breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #ws-results{top:44px;max-height:calc(100dvh - 165px)}
 #ws-notification-panel{top:64px}
 body.staff-mode #main{padding-top:164px}
}
@media(max-width:600px){
 body.staff-mode #main .i-filters,body.staff-mode #main .p-grid{grid-template-columns:minmax(0,1fr)}
 body.staff-mode #main :is(.i-filters,.p-grid,.i-grid)>*{min-width:0}
 body.staff-mode #main .i-show-voided{white-space:normal}
 body.staff-mode #main :is(input,select,textarea){max-width:100%}
 body.staff-mode #main .section-heading>.actions{max-width:100%}
}