/* Private App chrome and the chat-first account home; consumes shared tokens. */
#chat-center [data-client-home][data-chat-home]{margin:0;padding:var(--site-gap-sm);max-height:min(48dvh,520px);overflow:auto;overscroll-behavior:contain;border-radius:var(--site-radius-card);display:grid;grid-template-columns:minmax(0,1fr);background:var(--bb-theme-canvas, var(--site-canvas))}
#chat-center [data-client-home][data-chat-home] .site-card{padding:var(--site-gap-md);min-width:0}
#chat-center [data-chat-home] .client-home-metrics{gap:var(--site-gap-sm)}
#chat-center [data-chat-home] .client-home-actions{align-items:stretch}
#chat-center [data-chat-home] .site-control{min-height:40px;padding:var(--site-gap-xs) var(--site-gap-sm);font-size:var(--site-size-note)}
body[data-app-role-shell]{--bg:var(--site-canvas);--panel:var(--site-panel);--line:var(--site-border);--text:var(--site-text);--muted:var(--site-muted);background:var(--bb-theme-canvas, var(--site-canvas));color:var(--bb-theme-ink, var(--site-text));font-family:var(--site-font);font-size:var(--site-size-body);color-scheme:var(--bb-theme-color-scheme, light)}
body[data-app-role-shell] :is(.h5-shell,.h5-shell-head,.h5-panes,.h5-pane,.h5-shell-nav){background:var(--bb-theme-canvas, var(--site-canvas));color:var(--bb-theme-ink, var(--site-text));border-color:var(--bb-theme-line, var(--site-border))}
body[data-app-role-shell] .h5-shell-head{background:var(--bb-theme-surface, var(--site-panel))}
body[data-app-role-shell] .h5-brand img{object-fit:contain}
body[data-app-role-shell] .h5-kicker{font-size:var(--site-size-note);font-weight:400}
body[data-app-role-shell] .h5-title{font-size:var(--site-size-body);font-weight:600}
body[data-app-role-shell] :is(.h5-login-entry,.h5-web-version-entry,.h5-share-menu-action){font-size:var(--site-size-note);font-weight:500;color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-card);min-height:40px}
body[data-app-role-shell] .h5-head-action{height:40px;width:40px;color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-card);font-weight:400}
body[data-app-role-shell] .h5-share-menu{color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border));box-shadow:none}
body[data-app-role-shell] .h5-shell-nav{background:var(--bb-theme-surface, var(--site-panel))}
body[data-app-role-shell] .h5-shell-nav button{font-family:var(--site-font);font-size:var(--site-size-note);font-weight:500;color:var(--bb-theme-secondary, var(--site-muted))!important;border-radius:var(--site-radius-card);width:auto;min-width:64px;min-height:40px;padding-inline:var(--site-gap-sm)}
body[data-app-role-shell] .h5-shell-nav button.active{background:var(--bb-theme-surface, var(--site-text));color:var(--bb-theme-ink, var(--site-panel))!important}
body[data-app-role-shell] .h5-shell-nav button.active::after{display:none}
body[data-app-role-shell] .h5-shell-nav .nav-icon{background:rgba(var(--bb-theme-canvas-rgb, 0,0,0), 0.0);color:inherit;font-size:var(--site-size-card)}
body[data-app-role-shell] :is(.next-page,.next-page-bar,.next-load){color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border))}
body[data-app-role-shell] .next-page{border-radius:var(--site-radius-panel) var(--site-radius-panel) 0 0;box-shadow:none}
body[data-app-role-shell] .next-page-grip{background:var(--bb-theme-surface, var(--site-border))}
body[data-app-role-shell] .next-page-row b{font-size:var(--site-size-body);font-weight:600}
body[data-app-role-shell] :is(.next-page-row button,.next-load button){min-height:40px;font-size:var(--site-size-note);font-weight:500;color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-canvas, var(--site-canvas));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-card)}
body[data-app-role-shell] .next-load{font-size:var(--site-size-note)}

body[data-app-role-shell] .h5-shell-nav .nav-badge{min-width:24px;height:24px;padding:0 var(--site-gap-xs);font-size:var(--site-size-note);font-weight:500;line-height:24px;border-radius:var(--site-radius-card)}

body[data-app-role-shell] .web-account-bar[data-scope="app"]{background:var(--bb-theme-surface, var(--site-panel));color:var(--bb-theme-ink, var(--site-text));border-color:var(--bb-theme-line, var(--site-border));font-family:var(--site-font);font-size:var(--site-size-note)}
body[data-app-role-shell] .web-account-bar[data-scope="app"] .web-account-button{min-height:40px;border-radius:var(--site-radius-card);font-size:var(--site-size-note);font-weight:500;background:var(--bb-theme-canvas, var(--site-canvas));color:var(--bb-theme-ink, var(--site-text))}
body[data-app-role-shell] .web-account-bar[data-scope="app"]:is([data-state="guest"],[data-state="empty"],[data-state="opening"]) .web-account-button{justify-content:center;background:var(--site-accent);color:var(--bb-theme-accent-ink, #111)}
body[data-app-role-shell] .web-account-bar[data-scope="app"] :is(.web-account-label,[data-arena-state]){font-size:var(--site-size-note);font-weight:500;color:inherit}
body[data-app-role-shell] .web-account-bar[data-scope="app"] .web-deposit{min-height:40px;border-radius:var(--site-radius-card);font-size:var(--site-size-note);background:var(--site-accent)!important;color:var(--bb-theme-accent-ink, #111)!important}
body[data-app-role-shell] .web-account-sheet{background:var(--bb-theme-surface, var(--site-panel));color:var(--bb-theme-ink, var(--site-text));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-panel) var(--site-radius-panel) 0 0;font-family:var(--site-font);font-size:var(--site-size-body)}
body[data-app-role-shell] .web-account-sheet .web-sheet-head{border-color:var(--bb-theme-line, var(--site-border));color:var(--bb-theme-ink, var(--site-text));font-size:var(--site-size-body)}
body[data-app-role-shell] .web-account-sheet .web-sheet-head button{min-height:40px;min-width:40px;border-radius:var(--site-radius-card);background:var(--bb-theme-canvas, var(--site-canvas));color:var(--bb-theme-ink, var(--site-text))}
body[data-app-role-shell] .web-account-sheet [data-web-frame-status]{font-size:var(--site-size-note);color:var(--bb-theme-secondary, var(--site-muted))}

/* Reclaim the finished account frame status row only inside the App shell. */
body.next-mode.web-app-accountbar dialog.web-account-sheet p[data-web-frame-status]:empty{display:none}
/* HEADER_UNIFY_PLAN step 5: the App's top account strip holds the same opening button as the site header, centred, 52 high. */
body[data-app-role-shell] .web-account-bar[data-scope="app"]{margin:0;padding:6px 12px;height:52px;box-sizing:border-box;justify-content:center;gap:8px;background:var(--bb-theme-surface, var(--site-panel));border-bottom:1px solid var(--bb-theme-line, var(--site-border))}
body[data-app-role-shell] .web-account-bar[data-scope="app"] .web-account-button{flex:none;max-width:none;min-height:0}
body[data-app-role-shell] .web-account-bar[data-scope="app"] .web-account-button.opening-button{background:var(--ui-primary,#111)!important;color:var(--ui-on-primary,#fff)!important}