.topbar { height: var(--topbar); min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0 var(--content-gutter); border-bottom: 1px solid var(--line); background: rgba(7,9,13,.68); backdrop-filter: blur(22px); z-index: 20; }
.mobile-menu { display: none; }.title { min-width: 0; flex: 1; }.title strong, .title span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.title strong { font-size: 14px; }.title span { color: var(--subtle); font-size: 11px; margin-top: 1px; }
.top-actions { display: flex; align-items: center; gap: 5px; }.text-btn { min-height: 40px; border-radius: 11px; padding: 0 11px; display: flex; align-items: center; gap: 7px; color: var(--muted); }.text-btn:hover { background: var(--surface-2); color: var(--text); }.kbd { border: 1px solid var(--line); border-radius: 7px; padding: 2px 5px; color: var(--subtle); font-size: 9px; }
.task-pill { min-height: 40px; border: 1px solid rgba(123,120,255,.24); background: rgba(123,120,255,.095); border-radius: 12px; padding: 0 12px; display: none; align-items: center; gap: 8px; color: #ddd9ff; }.task-pill.visible { display: flex; }.task-pill .pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-2); }.task-pill strong { font-size: 11.5px; }.task-pill span { color: #aaa4df; font-size: 10.5px; }
.notification-button { position: relative; }.unread-dot { position: absolute; right: 7px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-2); box-shadow: 0 0 0 3px var(--bg); }
.auth-control { display: flex; align-items: center; padding: 0; border: 0; background: transparent; }.auth-control .icon-btn { padding: 0; }.top-avatar { width: 27px; height: 27px; font-size: 9px; }