/* TaskBlink Data: the shell's own parts that tb.css does not draw (BUILD-PLAN 4 AI; AccountMenu artboard).
 * The top bar, the menu rows and the footer are tb.css's; this file adds the menu's plan line and balances and the
 * unknown-route view's buttons. Tokens only, so dark mode follows tb.css. */

/* The avatar menu's head: the name, email and company lines stack beside the 40 px avatar */
.tb-menu__who { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.tb-menu__who .tb-menu__name, .tb-menu__who .tb-menu__line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* "Launch plan, renews Nov 6", then both balances (Mono 15/600 over 12 ink-3 words), then Add credits */
.tb-menu__plan { margin: 0; font: 400 13px/1.45 var(--font); color: var(--ink-2); }
.tb-menu__balances { margin: 10px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tb-menu__bal { display: flex; flex-direction: column-reverse; gap: 2px; min-width: 0; }
.tb-menu__bal dt { font: 400 12px/1.3 var(--font); color: var(--ink-3); }
.tb-menu__bal dd { margin: 0; font: 600 15px/1.25 var(--font-mono); letter-spacing: -0.01em; color: var(--ink); }
.tb-menu__add { margin-top: 14px; }
.tb-menu nav { display: block; }

/* The unknown route: two buttons side by side, stacked on a phone */
.tb-main__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* The phone top bar's title is a button: keep its hit area when it has nothing to open */
.tb-topbar__title[hidden] { display: none !important; }