.host-topbar{display:flex;align-items:center;gap:6px}.host-topbar__menu{position:relative}.host-topbar__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--c-ink-2,#44464a);cursor:pointer;touch-action:manipulation;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.host-topbar__icon-btn:hover,.host-topbar__icon-btn[data-active=true]{background:var(--c-surface-1,#f4f5f7);border-color:var(--c-line-soft,#e6e7ea)}.host-topbar__icon-btn:active{background:var(--c-surface-2,#e9eaec);transform:scale(.94)}.host-topbar__badge{position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--c-danger,#d4351c);color:#fff;font-size:10px;font-weight:700;line-height:15px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--c-surface-0,#fff)}.host-topbar__acct-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 8px 0 4px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;touch-action:manipulation;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.host-topbar__acct-btn:hover,.host-topbar__acct-btn[data-active=true]{background:var(--c-surface-1,#f4f5f7);border-color:var(--c-line-soft,#e6e7ea)}.host-topbar__acct-btn:active{background:var(--c-surface-2,#e9eaec);transform:scale(.94)}.host-topbar__avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--c-ink-1,#1c1d20);color:#fff;font-size:12px;font-weight:700;flex:none}.host-topbar__avatar--lg{width:38px;height:38px;font-size:16px}.host-topbar__acct-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;max-width:160px}.host-topbar__acct-name{font-size:12.5px;font-weight:600;color:var(--c-ink-1,#1c1d20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.host-topbar__acct-role{font-size:11px;color:var(--c-ink-3,#76787d)}.host-topbar__chev{font-size:10px;color:var(--c-ink-3,#76787d)}@media (max-width:720px){.host-topbar__acct-meta,.host-topbar__chev{display:none}.host-topbar__acct-btn{padding:0;gap:0;min-width:44px;min-height:44px;justify-content:center}.host-topbar__icon-btn{width:44px;height:44px}.host-topbar__icon-btn--refresh{display:none}}.host-topbar__pop{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--c-surface-0,#fff);border:1px solid var(--c-line-soft,#e6e7ea);border-radius:12px;box-shadow:0 12px 32px -8px rgba(20,22,26,.22);padding:8px;z-index:calc(var(--z-sticky, 100) + 5)}.host-topbar__pop--wide{width:300px}.host-topbar__pop-head{padding:6px 8px 8px}.host-topbar__pop-title{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--c-ink-2,#44464a);text-transform:uppercase}.host-topbar__pop-list{list-style:none;margin:0;padding:0}.host-topbar__pop-item{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;text-decoration:none;color:var(--c-ink-1,#1c1d20);font-size:13px}.host-topbar__pop-item:hover{background:var(--c-surface-1,#f4f5f7)}.host-topbar__pop-dot{width:7px;height:7px;border-radius:50%;background:var(--c-ink-3,#76787d);flex:none}.host-topbar__pop-dot[data-tone=alert]{background:var(--c-danger,#d4351c)}.host-topbar__pop-text strong{font-weight:700}.host-topbar__pop-empty{padding:14px 8px;font-size:12.5px;color:var(--c-ink-3,#76787d);text-align:center}.host-topbar__pop-foot{display:block;margin-top:4px;padding:9px 8px;border-top:1px solid var(--c-line-soft,#e6e7ea);font-size:12.5px;color:var(--c-accent,#2f6feb);text-decoration:none}.host-topbar__pop-foot:hover{text-decoration:underline}.host-topbar__id{display:flex;align-items:center;gap:11px;padding:6px 8px 12px;border-bottom:1px solid var(--c-line-soft,#e6e7ea)}.host-topbar__id-meta{display:flex;flex-direction:column;min-width:0}.host-topbar__id-name{font-size:14px;font-weight:700;color:var(--c-ink-1,#1c1d20)}.host-topbar__id-email,.host-topbar__id-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-topbar__id-email{font-size:12px;color:var(--c-ink-3,#76787d)}.host-topbar__facts{margin:0;padding:8px 0;border-bottom:1px solid var(--c-line-soft,#e6e7ea)}.host-topbar__fact{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 8px}.host-topbar__fact dt{font-size:12px;color:var(--c-ink-3,#76787d);flex:none}.host-topbar__fact dd{margin:0;font-size:12.5px;font-weight:600;color:var(--c-ink-1,#1c1d20);text-align:right;min-width:0}.host-topbar__fact-sub{display:block;font-size:11px;font-weight:500;color:var(--c-ink-3,#76787d)}.host-topbar__chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--c-surface-1,#f4f5f7);color:var(--c-ink-2,#44464a)}.host-topbar__chip[data-tone=master]{background:#eef2ff;color:#3538cd}.host-topbar__pop-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 6px 4px}.host-topbar__action{flex:1 1 auto;text-align:center;padding:8px 10px;border-radius:8px;border:1px solid var(--c-line-soft,#e6e7ea);background:var(--c-surface-0,#fff);color:var(--c-ink-1,#1c1d20);font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}.host-topbar__action:hover{background:var(--c-surface-1,#f4f5f7)}.host-topbar__action--danger{flex-basis:100%;color:var(--c-danger,#d4351c);border-color:var(--c-danger-soft,#f3c7c0)}.host-topbar__action--danger:hover{background:#fdf2f0}