/* Shared rule: navigation identifies the page; reserve visible space for content/actions.
   Keep the heading in the accessibility tree, and do not hide section/dialog titles. */
.main>.topbar>.topbar-heading{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.main>.topbar{height:auto!important;min-height:0!important;padding:6px 0!important;gap:8px;border-bottom:0}
.main>.page{padding-top:8px}
.main>.topbar>.page-header-actions.field-empty{display:none!important}
.main>.topbar>.page-header-actions{margin-left:auto}
.main>.topbar>.online-pill{font-size:11px;padding:3px 7px;line-height:1.4}
.main>.topbar>.field-empty+.online-pill{margin-left:auto}
.sidebar #nav{gap:1px;padding-top:0}
.sidebar #nav button{min-height:36px;padding:6px 11px;line-height:1.25}
.sidebar #nav .nav-group-label{margin-top:4px;padding:7px 11px 4px;line-height:1.3}
.sidebar #nav .nav-group-label:first-child{margin-top:0;padding-top:3px}
.sidebar .brand{margin-bottom:8px;padding-bottom:10px}
@media(min-width:921px){.main.topology-active>.topbar{height:0!important;padding:0!important;margin:0;border:0}}
@media(max-width:920px), (max-width:1100px) and (hover:none) and (pointer:coarse){
  .main>.topbar{display:flex!important;align-items:center!important;flex-wrap:nowrap;min-height:0!important;padding:calc(5px + env(safe-area-inset-top)) 0 5px!important}
  .main>.topbar>#menuBtn{flex:none;width:44px;height:44px}
  .main>.topbar>#pageHeaderActions.page-header-actions{flex:1 1 auto;width:auto;min-width:0;margin:0 0 0 auto!important;overflow-x:auto}
  .main>.topbar>.page-header-actions .btn{min-height:44px}
  .sidebar #nav button{min-height:44px;padding:7px 11px}
}