/* Bell and profile occupy one header cell, so neither wraps onto a new row. */
.saga-topbar>.topbar-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;flex-wrap:nowrap;align-items:center;gap:16px;flex-shrink:0;margin-left:auto;min-width:0}
.topbar-actions>.topbar-account{margin:0;min-width:0;grid-column:auto}
.topbar-actions .navbar-nav{margin:0;padding:0;flex-wrap:nowrap}
.topbar-actions .account-profile-link{white-space:nowrap}
.topbar-actions .account-link{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-logout{margin:8px 0 0}
.sidebar-logout>button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:42px;padding:10px;border:1px solid #555;border-radius:7px;background:#111;color:#eee;font:13px Jost,sans-serif;cursor:pointer}
.sidebar-logout>button:hover{background:#222;border-color:#999}
.sidebar-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.saga-shell .saga-sidebar{height:100dvh;overflow:hidden}
.saga-shell .sidebar-history{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.saga-shell .sidebar-bottom{flex:none;margin-top:12px;padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:800px){
 .saga-topbar>.topbar-actions{gap:10px}
 .creator-hub-shell .saga-topbar.creator-hub-topbar{grid-template-columns:minmax(0,1fr) max-content}
 .creator-hub-topbar>.topbar-actions{grid-column:2;grid-row:1}
 .topbar-actions .account-link{max-width:80px}
}
@media(max-width:520px){
 .saga-topbar>.topbar-actions{gap:8px}
 .topbar-actions .account-link{max-width:60px}
 .topbar-actions .notification-center>summary{width:32px;height:32px}
}