/* Stable single-row chrome; status chips scroll instead of breaking the page width. */
body:not(.is-login) #topbar.topbar{overflow:hidden!important}
body:not(.is-login) #topbar .topbar-inner{width:100%!important;max-width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;padding-inline:8px!important}
body:not(.is-login) #topbar .tb-left,body:not(.is-login) #topbar .tb-right{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important}
body:not(.is-login) #topbar .tb-center{min-width:0!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
body:not(.is-login) #topbar .tb-center::-webkit-scrollbar{display:none!important}
body:not(.is-login) #topbar .tb-titlebox{min-width:0!important}
body:not(.is-login) #topbar .tb-title{white-space:nowrap!important}
@media(max-width:700px){
  body:not(.is-login) #topbar .topbar-inner{gap:5px!important;padding-inline:5px!important}
  body:not(.is-login) #topbar .tb-left{gap:4px!important}
  body:not(.is-login) #topbar .tb-title{font-size:clamp(14px,4vw,18px)!important;letter-spacing:.06em!important}
  body:not(.is-login) #topbar .tb-subtitle{display:none!important}
  body:not(.is-login) #topbar .tb-chip{flex:0 0 auto!important;min-width:auto!important;padding-inline:8px!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:11px!important}
  body:not(.is-login) #topbar .tb-theme{display:none!important}
}