.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:0 var(--ds-space-4);background:var(--ds-surface);border-bottom:1px solid var(--ds-border);height:var(--ds-shell-topbar-h,48px);overflow:visible;font-family:var(--ds-font-sans);color:var(--ds-text)}.tb-left{gap:var(--ds-space-3)}.tb-left,.tb-right{display:flex;align-items:center;min-width:0}.tb-right{gap:var(--ds-space-2)}.tb-center{display:flex;flex:1 1;align-items:center;justify-content:center;min-width:0}.tb-hamburger{display:none;flex-shrink:0}.topbar .ds-menu__trigger{min-width:var(--ds-control-h-sm);height:var(--ds-control-h-sm);padding:0;font-size:var(--ds-text-sm)}.topbar .ds-menu__trigger>svg{width:1.15em;height:1.15em}.topbar .cp-trigger{height:var(--ds-control-h-sm);padding:0 var(--ds-space-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text-muted);font-family:var(--ds-font-sans);-webkit-tap-highlight-color:transparent;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter),transform var(--ds-dur-fast) var(--ds-ease-enter)}.topbar .cp-trigger:hover{background:var(--ds-surface-sunken);color:var(--ds-text);transform:none;box-shadow:none}.topbar .cp-trigger:active{transform:scale(var(--ds-scale-press));transition-duration:var(--ds-dur-instant)}.topbar .cp-trigger:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset);border-color:var(--ds-border-strong);box-shadow:none}.topbar .cp-trigger-kbd{padding:0;border:0;background:transparent;font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);color:var(--ds-text-muted)}.tb-logo{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;border-radius:var(--ds-radius-sm)}.tb-logo:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.tb-logo .tb-logo-mark{display:none}.tb-metrics{gap:var(--ds-space-3);flex-shrink:0}.tb-metric,.tb-metrics{display:inline-flex;align-items:center}.tb-metric{gap:var(--ds-space-2);white-space:nowrap}.tb-metric-label{font-size:var(--ds-text-2xs);color:var(--ds-text-muted)}.tb-metric-label,.tb-metric-value{letter-spacing:var(--ds-tracking-tight)}.tb-metric-value{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tb-metric-sep{flex-shrink:0;width:1px;height:16px;background:var(--ds-border)}.tb-metrics .tb-metric--balance{gap:var(--ds-space-1);padding:0 var(--ds-space-2)}.tb-metric--balance .ds-button__label{gap:var(--ds-space-1)}.tb-metric-dot{flex-shrink:0;width:6px;height:6px;margin-right:2px;border-radius:var(--ds-radius-full);background:var(--ds-success)}.tb-metric--balance.is-low .tb-metric-dot{background:var(--ds-danger)}.tb-metric--balance.is-low .tb-metric-value{color:var(--ds-danger)}.tb-metric--balance.is-warn .tb-metric-dot{background:var(--ds-warning)}.tb-metric--balance.is-warn .tb-metric-value{color:var(--ds-warning)}.tb-buddy{display:inline-flex;flex-shrink:0}.tb-account,.tb-help{position:relative;flex-shrink:0}.tb-account .tb-account-trigger{border-radius:var(--ds-radius-full)}.tb-account-info{display:flex;flex-direction:column;gap:2px;min-width:0}.tb-account-name{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.tb-account-company,.tb-account-email,.tb-account-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.tb-account-company,.tb-account-email{font-size:var(--ds-text-2xs);color:var(--ds-text-muted)}@media (max-width:1024px){.tb-hamburger{display:inline-flex}.tb-center,.tb-logo .tb-logo-lockup{display:none}.tb-logo .tb-logo-mark{display:block;width:var(--ds-control-h-sm);height:var(--ds-control-h-sm)}}@media (max-width:768px){.tb-buddy,.tb-metric--personas,.tb-metric-sep--personas{display:none}}@media (max-width:480px){.topbar{padding:0 var(--ds-space-1);--ds-control-h-sm:28px}.tb-left,.topbar{gap:var(--ds-space-2)}.tb-right{gap:var(--ds-space-1)}.tb-metric--balance .tb-metric-label{display:none}}.tb-theme-icon{display:inline-flex;animation:tb-theme-in var(--ds-dur-base) var(--ds-ease-enter)}.tb-theme-icon>svg{width:100%;height:100%}@keyframes tb-theme-in{0%{opacity:0;transform:translateY(var(--ds-dist-1))}}@media (prefers-reduced-motion:reduce){.tb-theme-icon{animation-name:ds-fade-in}.topbar .cp-trigger:active{transform:none}}