.topbar{gap:24px;padding-inline:clamp(18px,2.3vw,38px)}
.topbar-user{gap:7px;padding:5px;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:rgba(15,24,42,.6);box-shadow:0 12px 32px rgba(2,6,23,.16)}
.topbar-navigation-button,.topbar-logout-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text-soft,#cbd5e1);font:inherit;font-size:.86rem;font-weight:750;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.topbar-navigation-button i,.topbar-logout-button i{color:var(--muted,#94a3b8);font-size:.82rem}.topbar-navigation-button:hover,.topbar-logout-button:hover{border-color:rgba(129,140,248,.22);background:rgba(129,140,248,.1);color:var(--text,#fff);transform:translateY(-1px)}.topbar-navigation-button:hover i,.topbar-navigation-button.is-active i{color:#a5b4fc}.topbar-navigation-button.is-active{border-color:rgba(129,140,248,.34);background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(59,130,246,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.topbar-chat-link{background:linear-gradient(135deg,#6366f1,#4f7df3);color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.24)}.topbar-chat-link i{color:#fff}.topbar-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef476f;color:#fff;font-size:.68rem}
.user-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:145px;margin-left:4px;padding:4px 8px 4px 5px;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(2,6,23,.22);color:inherit;text-align:left;text-decoration:none;transition:.18s ease}.user-summary:hover{border-color:rgba(129,140,248,.38);background:rgba(99,102,241,.1)}.user-summary img{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;object-fit:cover;background:var(--surface-soft,#17233a)}.user-summary-copy{display:grid;min-width:0}.user-summary-copy strong{overflow:hidden;color:var(--text,#f8fafc);font-size:.82rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.user-summary-copy small{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--muted,#94a3b8);font-size:.67rem}.user-presence-dot{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.1)}.user-summary-chevron{color:var(--muted,#94a3b8);font-size:.62rem}.topbar-user form{margin:0}.topbar-logout-button{width:44px;padding:0}.topbar-logout-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar-logout-button:hover{border-color:rgba(248,113,113,.28);background:rgba(248,113,113,.1)}.topbar-logout-button:hover i{color:#fca5a5}
@media(max-width:1180px){.topbar-navigation-button{padding-inline:10px}.topbar-navigation-button i{display:none}.user-summary{min-width:126px}}
@media(max-width:980px){.topbar-user{padding:12px}.topbar-navigation-button i{display:inline-block}.topbar-user .topbar-navigation-button{width:100%;min-height:46px}.topbar-user .user-summary{grid-column:1/-1;width:100%;margin:0;padding:7px}.topbar-user .topbar-logout-button{width:100%;min-height:44px}.topbar-logout-button span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.topbar-user form{grid-column:1/-1}}
@media(max-width:520px){.topbar-user{grid-template-columns:1fr}.topbar-user .user-summary,.topbar-user form{grid-column:auto}.brand-logo{max-width:132px!important}.topbar{padding-inline:12px}}
body.theme-light .topbar-user,.theme-core-light .topbar-user{background:rgba(255,255,255,.72)}
.topbar-user{border-color:var(--border,rgba(148,163,184,.12))!important;background:var(--surface-glass,rgba(15,24,42,.88))!important}.user-summary{border-color:var(--border,rgba(148,163,184,.14))!important;background:var(--surface-soft,rgba(2,6,23,.22))!important}