/* Original V70 topbar geometry. The former voice control is an inert spacer only. */
#globalVoiceSlot{pointer-events:none!important;user-select:none!important}
@media(max-width:760px){
  :root{--topbar-h:58px!important;--shell-topbar-h:58px!important}
  body:not(.is-login) #topbar{height:58px!important;min-height:58px!important;overflow:hidden!important}
  body:not(.is-login) #topbar .topbar-inner{height:58px!important;min-height:58px!important;width:100%!important;padding:0 5px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:4px!important;align-items:center!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-left{grid-column:1!important;width:42px!important;min-width:42px!important;display:block!important}
  body:not(.is-login) #topbar .tb-titlebox{display:none!important}
  body:not(.is-login) #tbSettings,body:not(.is-login) #topbar .nav-toggle{width:42px!important;height:42px!important;padding:0!important}
  body:not(.is-login) #topbar .tb-center{grid-column:2!important;width:100%!important;min-width:0!important;height:56px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(88px,34%) minmax(0,66%)!important;gap:4px!important;align-items:center!important;overflow:hidden!important;white-space:normal!important;touch-action:auto!important}
  body:not(.is-login) #topbar .tb-user-stack{display:grid!important;grid-template-rows:38px 12px!important;align-content:center!important;min-width:0!important;height:54px!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-rolemark{display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:36px!important;padding:0 5px!important;justify-content:center!important;overflow:hidden!important;margin:0!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body:not(.is-login) #globalVoiceSlot{display:block!important;width:100%!important;height:12px!important;min-height:12px!important;visibility:hidden!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-status-stack{display:grid!important;grid-template-rows:34px 16px!important;gap:2px!important;width:100%!important;min-width:0!important;height:54px!important;padding:1px 2px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:15px!important;background:rgba(255,255,255,.06)!important;box-sizing:border-box!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-status-row{display:grid!important;gap:3px!important;align-items:center!important;min-width:0!important;width:100%!important}
  body:not(.is-login) #topbar .tb-status-primary{grid-template-columns:minmax(88px,1fr) minmax(38px,50px)!important}
  body:not(.is-login) #topbar .tb-status-secondary{grid-template-columns:minmax(38px,52px) minmax(72px,1fr)!important}
  body:not(.is-login) #topbar .tb-status-row .tb-chip{display:flex!important;min-width:0!important;width:100%!important;margin:0!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-status-primary .tb-chip{height:32px!important;padding:0 4px!important;border-radius:12px!important}
  body:not(.is-login) #topbar .tb-status-secondary .tb-chip{height:14px!important;padding:0 3px!important;border-radius:7px!important;border-width:1px!important;background:rgba(255,255,255,.1)!important}
  body:not(.is-login) #topbar .tb-status-row .tb-k{display:none!important}
  body:not(.is-login) #topbar .tb-status-primary .tb-v{font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  body:not(.is-login) #topbar .tb-status-secondary .tb-v{font-size:6.5px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  body:not(.is-login) #topbar .tb-access-left{display:none!important}
  body:not(.is-login) #topbar .tb-right{grid-column:3!important;width:42px!important;min-width:42px!important;display:flex!important;justify-content:center!important}
  body:not(.is-login) #topbar .tb-theme{display:none!important}
}
@media(max-width:370px){
  body:not(.is-login) #topbar .topbar-inner{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:2px!important;padding:0 3px!important}
  body:not(.is-login) #tbSettings,body:not(.is-login) #topbar .nav-toggle{width:40px!important;height:40px!important}
  body:not(.is-login) #topbar .tb-center{grid-template-columns:minmax(80px,32%) minmax(0,68%)!important;gap:2px!important}
  body:not(.is-login) #topbar .tb-status-primary{grid-template-columns:minmax(80px,1fr) minmax(34px,44px)!important}
}
@media(min-width:761px){
  #topbar .tb-user-stack{display:flex;align-items:center;gap:6px}
  #topbar .tb-status-stack,#topbar .tb-status-row{display:flex;align-items:center;gap:8px}
  #topbar #globalVoiceSlot{display:block;width:48px;min-width:48px;height:1px;visibility:hidden}
}

/* Responsive topbar fit: keep role compact and let session status use the available width. */
@media(max-width:760px){
  body:not(.is-login) #topbar .tb-center{grid-template-columns:minmax(76px,29%) minmax(0,71%)!important;gap:3px!important}
  body:not(.is-login) #topbar .tb-user-stack{grid-template-rows:36px 12px!important}
  body:not(.is-login) #topbar .tb-rolemark{height:34px!important;padding:0 4px!important;border-radius:13px!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:9px!important;letter-spacing:-.01em!important}
  body:not(.is-login) #topbar .tb-status-stack{grid-template-rows:33px 17px!important;gap:1px!important;padding:1px!important}
  body:not(.is-login) #topbar .tb-status-primary{grid-template-columns:minmax(82px,1fr) minmax(34px,45px)!important;gap:2px!important}
  body:not(.is-login) #topbar .tb-status-secondary{grid-template-columns:minmax(34px,45px) minmax(74px,1fr)!important;gap:2px!important}
  body:not(.is-login) #topbar .tb-status-primary .tb-v{font-size:10.5px!important}
  body:not(.is-login) #topbar .tb-status-secondary .tb-v{font-size:7.5px!important;line-height:1!important}
  body:not(.is-login) #topbar .tb-right{align-items:center!important}
  body:not(.is-login) #tbSettings{border-radius:12px!important;font-size:18px!important}
}
@media(max-width:370px){
  body:not(.is-login) #topbar .tb-center{grid-template-columns:minmax(70px,27%) minmax(0,73%)!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:8.5px!important}
  body:not(.is-login) #topbar .tb-status-primary{grid-template-columns:minmax(74px,1fr) minmax(31px,40px)!important}
  body:not(.is-login) #topbar .tb-status-secondary{grid-template-columns:minmax(31px,40px) minmax(68px,1fr)!important}
}
@media(min-width:761px){
  body:not(.is-login) #topbar{padding-left:8px!important;padding-right:8px!important}
  body:not(.is-login) #topbar .topbar-inner{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto!important;gap:clamp(7px,1.1vw,14px)!important;align-items:center!important;flex-wrap:nowrap!important;padding:0!important}
  body:not(.is-login) #topbar .tb-left{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-titlebox{min-width:0!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-title,body:not(.is-login) #topbar .tb-subtitle{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body:not(.is-login) #topbar .tb-center{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(5px,.8vw,10px)!important;overflow:hidden!important;white-space:nowrap!important}
  body:not(.is-login) #topbar .tb-user-stack{flex:0 1 150px!important;min-width:90px!important;max-width:160px!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-rolemark{min-width:0!important;max-width:160px!important;padding:5px 8px!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body:not(.is-login) #topbar .tb-status-stack{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(4px,.7vw,8px)!important;overflow:hidden!important}
  body:not(.is-login) #topbar .tb-status-row{min-width:0!important;display:flex!important;align-items:center!important;gap:clamp(4px,.7vw,8px)!important}
  body:not(.is-login) #topbar .tb-status-row .tb-chip{min-width:0!important;padding-left:clamp(6px,.8vw,10px)!important;padding-right:clamp(6px,.8vw,10px)!important}
  body:not(.is-login) #topbar .tb-datechip{flex:0 1 150px!important}
  body:not(.is-login) #topbar .tb-drawchip,body:not(.is-login) #topbar .tb-result{flex:0 1 95px!important}
  body:not(.is-login) #topbar .tb-clock{flex:0 1 150px!important}
  body:not(.is-login) #topbar .tb-right{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
  body:not(.is-login) #topbar .tb-theme{width:clamp(92px,11vw,150px)!important;min-width:0!important}
}
@media(min-width:761px) and (max-width:980px){
  body:not(.is-login) #topbar .topbar-inner{grid-template-columns:46px minmax(0,1fr) auto!important;gap:5px!important}
  body:not(.is-login) #topbar .tb-titlebox{display:none!important}
  body:not(.is-login) #topbar .tb-user-stack{flex-basis:118px!important;max-width:118px!important}
  body:not(.is-login) #topbar .tb-rolemark .tb-v{font-size:9.5px!important}
  body:not(.is-login) #topbar .tb-status-row .tb-k{display:none!important}
  body:not(.is-login) #topbar .tb-status-row .tb-chip{padding-left:6px!important;padding-right:6px!important}
  body:not(.is-login) #topbar .tb-theme{width:88px!important}
}