/* v63 header alignment fix: keep account controls on logo row and pinned right */
.topbar{display:grid!important;grid-template-columns:minmax(96px,1fr) max-content!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;margin-bottom:8px!important;width:100%!important}
.brand-lockup{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;max-width:100%!important;flex:1 1 auto!important;padding-top:0!important;overflow:hidden!important}
.project-logo{margin-top:0!important;width:clamp(112px,18vw,180px)!important;max-height:52px!important;height:auto!important;object-fit:contain!important}
.project-logo-dark{display:none!important}
:root[data-theme="dark"] .project-logo-light{display:none!important}
:root[data-theme="dark"] .project-logo-dark{display:block!important}
:root:not([data-theme="dark"]) .project-logo-light{display:block!important}
:root:not([data-theme="dark"]) .project-logo-dark{display:none!important}
.session-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important;margin-left:auto!important;gap:5px!important;flex:0 0 auto!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.session-controls .btn.icon{width:34px!important;height:34px!important;padding:0!important;font-size:16px!important;flex:0 0 auto!important}
.session-controls .btn.mini{padding:7px 9px!important;font-size:11.5px!important;line-height:1!important;border-radius:999px!important;flex:0 0 auto!important}
.session-controls .badge{font-size:11px!important;line-height:1!important;padding:7px 8px!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 1 auto!important}
@media (max-width:759px){
  #app{padding-top:8px!important}
  .topbar{grid-template-columns:minmax(88px,1fr) max-content!important;gap:4px!important}
  .project-logo{width:clamp(96px,28vw,124px)!important;max-height:42px!important}
  .session-controls{gap:4px!important}
  .session-controls .btn.icon{width:30px!important;height:30px!important;font-size:14px!important}
  .session-controls .btn.mini{padding:6px 7px!important;font-size:10px!important}
  .session-controls .badge{font-size:9.5px!important;padding:6px 6px!important;max-width:70px!important}
}
@media (max-width:430px){
  .topbar{grid-template-columns:minmax(82px,1fr) max-content!important;gap:3px!important}
  .project-logo{width:96px!important;max-height:38px!important}
  .session-controls{gap:3px!important}
  .session-controls .role-badge{display:none!important}
  .session-controls .btn.icon{width:29px!important;height:29px!important;font-size:14px!important}
  .session-controls .btn.mini{padding:5px 6px!important;font-size:10px!important}
}
@media (max-width:380px){
  .topbar{gap:3px!important}
  .project-logo{width:88px!important;max-height:36px!important}
  .session-controls{gap:3px!important}
  .session-controls .btn.icon{width:28px!important;height:28px!important;font-size:13px!important}
  .session-controls .btn.mini{padding:5px 5px!important;font-size:9.5px!important}
}