.topbar{z-index:var(--z-sticky);border-bottom:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:1rem;height:3.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-brand{border-radius:6px;align-items:center;text-decoration:none;display:flex}.topbar-brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar-logo{object-fit:contain;max-width:7.5rem;height:auto}.topbar-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.topbar-divider{background:var(--glass-border);width:1px;height:1.5rem}.topbar-icon-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.topbar-icon-btn:hover{background:var(--hover-bg);border-color:var(--glass-border);color:var(--text-primary)}.topbar-logout:hover{background:var(--status-negative-bg);border-color:color-mix(in srgb, var(--status-negative-text) 25%, transparent);color:var(--status-negative-text)}.topbar-locale{border:1px solid var(--glass-border);background:var(--glass-bg-light);border-radius:7px;gap:.125rem;padding:.125rem;display:flex}.topbar-locale-btn{color:var(--text-tertiary);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.2rem .45rem;font-family:inherit;font-size:.6875rem;font-weight:700;transition:background .15s,color .15s}.topbar-locale-btn:hover{color:var(--text-primary)}.topbar-locale-btn.active{background:var(--accent);color:var(--accent-foreground)}.topbar-user{-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding-left:.125rem;display:flex}.topbar-avatar{background:linear-gradient(135deg, var(--avatar-bg-start), var(--avatar-bg-end));width:1.875rem;height:1.875rem;color:var(--accent-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.topbar-user-info{flex-direction:column;min-width:0;max-width:11rem;display:flex}.topbar-user-name,.topbar-user-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-user-name{color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.2}.topbar-user-role{color:var(--text-tertiary);font-size:.6875rem;line-height:1.2}@media (max-width:40rem){.topbar{gap:.5rem;padding:0 1rem}.topbar-user-info,.topbar-divider{display:none}.topbar-logo{max-width:6rem}}