/* Shared work surfaces, matching Venue and On-hand stock. */
.dashboard-page,.vb-page{margin:0 auto;align-self:stretch}
#bb-phone-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-device=phone] #bb-phone-nav button{font-size:11px;padding:6px 2px}
html[data-device=phone] #bb-phone-nav button span{white-space:nowrap}
.vb-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on);border-color:var(--accent)}
.vb-badge{background:var(--raised);color:var(--text)}
.vb-confirmed{background:var(--selected);color:var(--text)}
.vb-panel,.vb-hero{border-color:var(--line)}
.vb-section{gap:12px}.vb-section label{min-width:0}
.dashboard-tools .nav-item{text-decoration:none;box-sizing:border-box}
html[data-workspace-tool]{font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--panel:var(--surface);--panel2:var(--raised);--blue:var(--accent);--ink:var(--on);color-scheme:dark}
html[data-workspace-tool][data-theme=light]{color-scheme:light;--danger:#a42c29;--red:#a42c29;--green:#23613b;--amber:#76530c}
.bb-tool-workspace{margin:0;padding-left:172px;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-width:0}
.bb-tool-workspace *{box-sizing:border-box}
.bb-tool-directory{position:fixed;inset:0 auto 0 0;width:172px;overflow:auto;overscroll-behavior:contain;padding:14px 8px 24px;background:var(--chrome);border-right:1px solid var(--line);z-index:5}
.desktop-host .bb-tool-directory{top:42px}
.desktop-host .bb-tool-workspace{padding-top:42px}
.bb-tool-directory section,.bb-tool-directory details,.bb-tool-menu-links section,.bb-tool-menu-links details{margin:16px 0}
.bb-tool-directory h2,.bb-tool-menu-links h2{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 8px 8px}
.bb-tool-directory a,.bb-tool-directory summary,.bb-tool-menu-links a,.bb-tool-menu-links summary{display:flex;align-items:center;min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:9px;text-decoration:none;color:var(--text);font-size:12px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.bb-tool-directory summary::after,.bb-tool-menu-links summary::after{content:'⌄';margin-left:auto}
.bb-tool-directory a:hover,.bb-tool-menu-links a:hover{background:var(--raised);border-color:var(--line)}
.bb-tool-directory a[aria-current],.bb-tool-menu-links a[aria-current]{background:var(--selected);border-color:var(--line);color:var(--accent);font-weight:650}
.bb-tool-directory .bb-tool-brand,.bb-tool-menu-links .bb-tool-brand{font-size:14px;font-weight:650;gap:8px;min-height:48px}
.bb-tool-brand img{width:26px;height:26px;object-fit:contain}
.bb-tool-mobile{display:none}
.bb-tool-workspace button,.bb-tool-workspace .button{border-radius:9px;background:var(--raised);border-color:var(--line);color:var(--text)}
.bb-tool-workspace button:not(:disabled):hover,.bb-tool-workspace .button:hover{background:var(--selected);border-color:var(--accent)}
.bb-tool-workspace button.primary,.bb-tool-workspace .button.primary{background:var(--accent);color:var(--on);border-color:transparent}
#cash-app button.primary:not(:disabled):hover,.bb-tool-workspace button.primary:not(:disabled):hover,.bb-tool-workspace .button.primary:hover{background:var(--hover);color:var(--on);border-color:var(--accent)}
.bb-tool-workspace :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.bb-tool-workspace input:not([type=checkbox]),.bb-tool-workspace select,.bb-tool-workspace textarea{background:var(--bg);color:var(--text);border-color:var(--border);min-width:0;max-width:100%}
.bb-tool-workspace input::placeholder{color:var(--muted)}
.bb-tool-workspace h1{font-size:clamp(25px,2.3vw,34px);font-weight:650;letter-spacing:-.035em;line-height:1.2}
.bb-tool-workspace :is(h1,h2,h3,p,small,strong){overflow-wrap:anywhere}
.bb-tool-workspace .topbar,#area-app>header,#cash-app .cash-top{background:var(--chrome);padding:22px 30px;border-bottom:1px solid var(--line);gap:16px}
.bb-tool-workspace .topbar .brand{letter-spacing:.02em}
.bb-tool-workspace #portal,#area-app>main{max-width:1600px;padding:24px 30px 40px;margin:0 auto}
#area-app>.tabs{padding:16px 30px;gap:8px}
#area-app>.tabs button.active{background:var(--selected);color:var(--accent);box-shadow:none}
#area-app>header .brand{font-size:10px;letter-spacing:.14em}
#area-app>header p{font-size:13px;color:var(--muted)}
#area-app>header .toolbar{padding:0;border:0;background:transparent}
#area-app>header .toolbar select{min-width:140px;max-width:260px}
#area-app .job-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
#area-app .panel{border-radius:20px}
#area-app .banner{border-radius:0 10px 10px 0;font-size:13px}
#cash-app{--cash-bg:var(--bg);--cash-panel:var(--surface);--cash-text:var(--text);--cash-muted:var(--muted);--cash-line:var(--line);--cash-accent:var(--accent);--cash-on:var(--on);--cash-soft:var(--raised);--cash-error:var(--danger,#ffd197);padding:0;font-family:inherit;font-size:14px}
html[data-theme=light] #cash-app{--cash-bg:var(--bg);--cash-panel:var(--surface);--cash-text:var(--text);--cash-muted:var(--muted);--cash-line:var(--line);--cash-accent:var(--accent);--cash-on:var(--on);--cash-soft:var(--raised);--cash-error:#814600}
#cash-app .cash-top{max-width:none;margin:0;align-items:center}
#cash-hub{display:none}
#cash-app h1{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.035em}
#cash-app .cash-top>label{font-size:12px;margin:0 0 0 auto}
#cash-status,#cash-error,#cash-conflict,#cash-main,#cash-app footer{width:calc(100% - 60px);max-width:1500px;margin-left:auto;margin-right:auto}
#cash-status{margin-top:20px}
#cash-app .cash-panel{border-radius:20px;padding:22px}
#cash-app .cash-toolbar{margin:20px 0}
#cash-app .cash-toolbar label{min-width:0;flex:1 1 240px}
#cash-app .cash-new{max-width:none}
#cash-app .cash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
#cash-app .cash-summary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
#cash-app .cash-summary-row>div{min-width:0;overflow-wrap:anywhere}
#cash-app .cash-summary-row button{white-space:normal;min-height:44px}
#cash-app summary{min-height:44px;align-content:center}
.bb-tool-workspace .summary article,.bb-tool-workspace .table-wrap,.bb-tool-workspace .empty-state,.bb-tool-workspace .audit-list{border-radius:20px;background:var(--surface)}
.bb-tool-workspace th{background:var(--raised)}
.bb-tool-workspace .avatar,.bb-tool-workspace .info-box{background:var(--raised);color:var(--text)}
.bb-tool-workspace .badge.active,.bb-tool-workspace .badge.invited{background:var(--selected);color:var(--text);border-color:var(--line)}
.bb-tool-workspace dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;max-height:calc(100dvh - 24px);overflow:auto}
.bb-tool-workspace dialog::backdrop{background:#0a1019a6}
.bb-tool-workspace #person-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.bb-tool-workspace #person-dialog .dialog-header,.bb-tool-workspace #person-dialog .dialog-actions{flex:0 0 auto}
.bb-tool-workspace #person-dialog .dialog-body{min-height:0;max-height:none;overflow:auto}
#bb-tool-menu{width:min(480px,calc(100% - 24px));padding:16px;max-width:none}
.bb-tool-menu-close{position:sticky;top:0;margin-left:auto;display:block;z-index:1}
.bb-tool-menu-links a,.bb-tool-menu-links summary{min-height:44px;font-size:15px}
@media(max-width:1100px){#cash-app .cash-grid{grid-template-columns:1fr}.bb-tool-workspace{padding-left:172px}}
.bb-phone .bb-tool-workspace{padding-left:0;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}
.bb-phone.desktop-host .bb-tool-workspace{padding-top:42px}
.bb-phone .bb-tool-directory{display:none}
.bb-phone .bb-tool-mobile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:30;background:var(--chrome);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));gap:4px}
.bb-tool-mobile a,.bb-tool-mobile button{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:0;border:0;text-decoration:none;font-size:13px;color:var(--text);background:transparent;padding:8px}
.bb-phone #area-app>header,.bb-phone #cash-app .cash-top,.bb-phone .bb-tool-workspace>.topbar{padding:18px 16px;align-items:flex-start}
.bb-phone #area-app>header .toolbar{display:flex;flex-wrap:wrap;width:100%;gap:8px}
.bb-phone #area-app>header .toolbar select{flex:1 1 100%;max-width:none}
.bb-phone #area-app>header .toolbar a{flex:1 1 100px}
.bb-phone #area-app>header .toolbar button{flex:0 0 auto}
.bb-phone #area-app>.tabs{padding:12px 16px;flex-wrap:nowrap;overflow-x:auto}
.bb-phone #area-app>.tabs button{flex:1 0 auto;white-space:nowrap;font-size:13px}
.bb-phone #area-app>main,.bb-phone .bb-tool-workspace #portal{padding:18px 16px 24px}
.bb-phone #cash-app .cash-top>label{margin:0;max-width:none;flex:1 1 100%}
.bb-phone #cash-status,.bb-phone #cash-error,.bb-phone #cash-conflict,.bb-phone #cash-main,.bb-phone #cash-app footer{width:calc(100% - 32px)}
.bb-phone #cash-app .cash-panel,.bb-phone #area-app .panel{padding:16px;border-radius:16px}
.bb-phone #cash-app .cash-toolbar>button{flex:1 1 100px}
.bb-phone #cash-app .cash-toolbar>label{flex-basis:100%}
.bb-phone #area-app>header #return-stock,.bb-phone #area-app>header #return-hub{display:none}
.bb-phone #area-app>header .toolbar select{flex:1 1 160px;min-width:0}
.bb-phone .bb-tool-workspace>.topbar{flex-direction:row;align-items:center}
.bb-tool-directory svg,.bb-tool-menu-links svg{width:16px;height:16px;flex:0 0 16px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bb-tool-mobile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:3px}
.bb-tool-mobile a,.bb-tool-mobile button{flex-direction:column;font-size:11px}
.bb-phone #cash-app .cash-count-row{grid-template-columns:minmax(0,1fr) minmax(55px,75px) minmax(0,1fr)}
.bb-phone .bb-tool-workspace .summary{grid-template-columns:1fr}
.bb-phone .bb-tool-workspace .summary article{padding:16px}
.bb-phone .bb-tool-workspace .section-head{flex-wrap:wrap}
.bb-phone #portal table,.bb-phone #portal tbody{display:block}
.bb-phone #portal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bb-phone #portal tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:12px;border-bottom:1px solid var(--line)}
.bb-phone #portal tr:last-child{border:0}
.bb-phone #portal td{padding:0;border:0;text-align:left;min-width:0}
.bb-phone #portal td:first-child,.bb-phone #portal .company-names,.bb-phone #portal .empty-table{grid-column:1/-1;max-width:none}
.bb-phone #portal td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.bb-phone #portal td:last-child{align-self:end}
.bb-phone #portal .person-identity{min-width:0}
.bb-phone .bb-tool-workspace .dialog-header,.bb-phone .bb-tool-workspace .dialog-body,.bb-phone .bb-tool-workspace .dialog-actions{padding:16px}
.bb-touch #cash-app input,.bb-touch #cash-app select,.bb-touch #cash-app textarea{font-size:16px}
@media(prefers-reduced-motion:reduce){.bb-tool-workspace *{animation:none!important;transition:none!important}}
@media(forced-colors:active){html[data-workspace-tool]{--bg:Canvas;--chrome:Canvas;--surface:Canvas;--raised:Canvas;--line:CanvasText;--border:CanvasText;--text:CanvasText;--muted:CanvasText;--accent:LinkText;--on:Canvas;--selected:Canvas;--danger:CanvasText}a[aria-current]{outline:2px solid Highlight}}

/* Tool content stays separate from the shared dashboard frame. */
#cash-app .cash-top>label,#cash-app #cash-identity,#area-app>header .brand,#area-app>header p,#area-app>header #company{display:none}
body.bb-tool-workspace>.topbar{display:none}
#area-app>header,#cash-app .cash-top{background:transparent;border:0;padding-bottom:12px}
#bb-chrome-companies{width:min(520px,calc(100% - 24px));padding:20px}
#bb-chrome-companies h2{font-size:20px;margin:0 0 16px}
#bb-chrome-companies button{display:block;width:100%;text-align:left;min-height:44px;margin:8px 0}
#bb-chrome-companies button[aria-current]{border-color:var(--accent);background:var(--selected)}

/* Guided setup and live stock checks use the existing workspace palette. */
.setup-guide { margin-bottom:20px; }
.setup-guide summary { font-weight:700; cursor:pointer; padding:8px 0; }
.setup-guide ol { padding-left:24px; max-width:900px; }
.setup-guide li { margin:14px 0; line-height:1.55; }
.team-choice { display:flex!important; align-items:center; gap:12px; margin:18px 0; }
.team-choice input { width:22px!important; height:22px; flex:0 0 22px; }
.live-people { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.live-history { list-style:none; padding:0; max-height:360px; overflow:auto; }
.live-history li { padding:12px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.live-history small { display:block; margin-top:4px; opacity:.75; }
.area-live-panel { margin-top:20px; }
#area-notice { color:#fff; z-index:180; }
html[data-device="phone"] #area-notice { bottom:calc(84px + env(safe-area-inset-bottom)); }
.area-live-panel .section-heading { flex-wrap:wrap; gap:10px; }
.area-live-panel summary { cursor:pointer; padding:12px 0; }
#area-app .job-grid article>button { margin:6px 6px 6px 0; }
#area-app .job-grid article>small { display:block; margin-top:8px; }

/* Shared guidance and readable task controls, without moving the dashboard chrome. */
.bb-phone .bb-tool-mobile { grid-template-columns:repeat(5,minmax(0,1fr)); }
.bb-help-launch { white-space:nowrap; padding:8px 12px; }
.bb-phone .bb-help-launch { display:none; }
#bb-workspace-help { width:min(640px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:22px; font-size:calc(14px * var(--task-text-scale,1)); }
#bb-workspace-help::backdrop { background:#0008; }
#bb-workspace-help header { display:flex; align-items:start; justify-content:space-between; gap:16px; }
#bb-workspace-help h2 { font-size:1.2em; margin:0 0 20px; }
#bb-workspace-help h3 { font-size:1.15em; }
#bb-workspace-help p,#bb-workspace-help li { line-height:1.55; }
#bb-workspace-help ol { padding-left:24px; }
#bb-workspace-help li { margin:14px 0; }
#bb-workspace-help :is(button,select,.bb-help-links a) { min-height:44px; font-size:1em; }
#bb-workspace-help label { display:grid; gap:8px; }
#bb-workspace-help select { color:var(--text); background:var(--raised); border:1px solid var(--line); padding:8px; border-radius:7px; width:100%; }
.bb-help-links { display:flex; flex-wrap:wrap; gap:10px; }
.bb-help-links a { display:flex; align-items:center; padding:8px 12px; color:var(--text); border:1px solid var(--line); border-radius:8px; text-decoration:none; }
.bb-upcoming { margin-top:20px; }
.bb-upcoming summary { cursor:pointer; font-weight:650; padding:8px 0; }
.bb-count-guide { line-height:1.5; margin-bottom:16px; }
.bb-count-guide a { color:var(--accent); text-decoration:underline; }
html:not([data-task-size="100"]) .bb-tool-workspace :is(#area-app,#cash-app,#portal) :is(label,p,td,th,summary,button,.button) { font-size:calc(14px * var(--task-text-scale,1)); line-height:1.5; }
html:not([data-task-size="100"]) .bb-tool-workspace :is(#area-app,#cash-app,#portal) :is(input,select,textarea) { font-size:calc(16px * var(--task-text-scale,1))!important; }
html:not([data-task-size="100"]) .bb-tool-workspace :is(#area-app,#cash-app,#portal) small { font-size:calc(12px * var(--task-text-scale,1)); line-height:1.5; }
.count-note-details summary,.count-position-guide summary { cursor:pointer; padding:10px 0; }
.bb-phone #area-app.counting>header { display:none; }
.bb-phone #area-app.counting>main { padding-top:12px; }
html.bb-phone[data-workspace-tool] { scroll-padding-top:calc(90px + env(safe-area-inset-top)); scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
.bb-phone #area-app :is(input,select,textarea,button) { scroll-margin-block:12px; }
.bb-phone #area-app.counting .count-context { padding:12px 14px; }
.bb-phone #area-app.counting .count-context :is(h2,h3,p) { margin:5px 0; }
.bb-phone #area-app.counting .count-context .step-counter { margin-bottom:4px; }
.bb-phone #area-app.counting .step-grid { gap:10px; }
.bb-phone #area-app.counting .step-grid>.panel { margin-bottom:0; }
.bb-phone #area-app.counting .count-form { padding:14px; }
.bb-phone #area-app.counting .count-form>h2 { margin:0 0 10px; }
.bb-phone #area-app.counting .count-form>label { margin-bottom:10px; }
.bb-phone #area-app.counting .count-primary-actions { display:grid; grid-template-columns:1fr 1fr; position:static; background:var(--surface); padding:8px 0; border-top:1px solid var(--line); }
.bb-phone #area-app.counting .count-primary-actions button { min-width:0; }
.bb-phone #area-app.counting .count-primary-actions [data-action="save-count"] { grid-column:1/-1; grid-row:1; white-space:nowrap; }
.bb-phone #area-app.counting .count-completion-actions { margin-top:6px; }
.bb-phone #area-app.counting .count-note-details { margin-bottom:8px; }

/* Canonical On-hand stock chrome. All venue pages render these same components.
   Scope every rule to the frame so tool-specific .tabs/.topbar/.sidebar rules
   cannot create a second dashboard design or affect the working content. */
[data-bb-shell]>.bb-shell-region{box-sizing:border-box;font:400 14px/1.4 "Segoe UI Variable","Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--chrome);letter-spacing:normal;text-transform:none}
[data-bb-shell]>.bb-shell-region *{box-sizing:border-box}
[data-bb-shell]>.bb-shell-region :is(button,a){appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:30px;margin:0;padding:6px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:400 12px/1.4 "Segoe UI Variable","Segoe UI",system-ui,sans-serif;text-decoration:none;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
[data-bb-shell]>.bb-shell-region :is(button,a):hover{background:var(--raised);border-color:var(--accent);box-shadow:none}
[data-bb-shell]>.bb-shell-region :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
[data-bb-shell]>.bb-shell-region button:disabled{opacity:.4;cursor:default}
[data-bb-shell]>.bb-shell-region [hidden]{display:none!important}
[data-bb-shell]>.bb-shell-region .icon-svg{width:16px;height:16px;flex:0 0 16px;margin:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[data-bb-shell]>.window-strip{position:relative;display:flex;grid-column:1/-1;grid-row:1;align-items:stretch;min-width:0;height:42px;padding:0;border:0;border-bottom:1px solid var(--line);z-index:3}
[data-bb-shell]>.window-strip .window-shortcuts{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:5px;padding:5px 10px;background:transparent;border:0}
[data-bb-shell]>.window-strip .icon{width:32px;height:30px;min-height:30px;padding:5px;border:0;background:transparent}
[data-bb-shell]>.window-strip .desktop-menu{display:none}
.desktop-host [data-bb-shell]>.window-strip .desktop-menu{display:inline-flex}
.desktop-host [data-bb-shell]>.window-strip .browser-view-picker{display:none}
[data-bb-shell]>.window-strip .product-brand-mark{width:25px;height:25px;object-fit:contain;filter:none}
[data-bb-shell]>.window-strip .ascii-brand{display:none}
[data-display-mode=ascii] [data-bb-shell]>.window-strip .ascii-brand{display:inline}
[data-display-mode=ascii] [data-bb-shell]>.window-strip .product-brand-mark{display:none}
[data-bb-shell]>.window-strip .tabs{display:flex;flex:0 1 auto;align-items:stretch;min-width:0;min-height:0;height:42px;padding:5px 8px 0;margin:0;gap:4px;overflow:auto hidden;background:transparent;border:0}
[data-bb-shell]>.window-strip .tab{display:flex;align-items:center;flex:0 0 auto;gap:0;min-width:126px;max-width:260px;height:37px;margin:0;padding:0;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:transparent}
[data-bb-shell]>.window-strip .tab.active{background:var(--raised);border-top:2px solid var(--accent)}
[data-bb-shell]>.window-strip .tab>button{min-height:35px;height:35px;border:0;background:transparent;padding:6px 10px;white-space:nowrap}
[data-bb-shell]>.window-strip .tab>.tab-close{min-width:24px;min-height:24px;width:24px;height:24px;margin:5px 4px 0 0;padding:3px}
[data-bb-shell]>.window-strip .tab-close .icon-svg{width:13px;height:13px;flex-basis:13px}
[data-bb-shell]>.window-strip .new-workspace{align-self:center;margin:0 5px;flex-shrink:0}
.desktop-host [data-bb-shell]>.window-strip{padding-right:146px;-webkit-app-region:drag;app-region:drag}
[data-bb-shell]>.window-strip button{-webkit-app-region:no-drag;app-region:no-drag}
[data-bb-shell]>.topbar{position:relative;display:flex;flex-wrap:nowrap;grid-column:1/-1!important;grid-row:2;align-items:center;justify-content:space-between;height:56px;min-height:56px;margin:0;padding:8px 20px;gap:12px;border:0;border-bottom:1px solid var(--line);z-index:3}
[data-bb-shell]>.topbar .topbar-left,[data-bb-shell]>.topbar .topbar-right{display:flex;align-items:center;gap:10px;min-width:0;padding:0}
[data-bb-shell]>.topbar .topbar-left{flex:0 0 auto}
[data-bb-shell]>.topbar .topbar-right{margin-left:auto;justify-content:flex-end}
[data-bb-shell]>.topbar .topbar-left>.icon{width:30px;height:38px;min-height:38px;padding:5px}
[data-bb-shell]>.topbar .dashboard-label{display:inline;font:650 13px/1.4 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:.025em;margin-left:5px}
[data-bb-shell]>.topbar .company-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:90px;max-width:180px;min-height:0;padding:4px 9px;border:0;background:transparent}
[data-bb-shell]>.topbar .company-identity>span{font-size:9px;color:var(--muted)}
[data-bb-shell]>.topbar .company-identity>strong{font-size:12px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-bb-shell]>.topbar .venue-label{display:block;color:var(--muted);font-size:11px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;padding-right:14px;border-right:1px solid var(--line)}
[data-bb-shell]>.topbar .operator{display:flex;gap:8px;padding:3px 0 3px 5px;border:0;background:transparent;font-size:12px;flex-shrink:0}
[data-bb-shell]>.topbar .operator .avatar{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid var(--line);border-radius:5px;background:var(--subtle);color:var(--accent);font-size:10px;font-weight:700}
[data-bb-shell]>.topbar .operator [data-shell-person]>span{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:1px}
[data-bb-shell]>.topbar .narrow-location{display:none}
[data-bb-shell]>.topbar .connection-state{display:block;flex-shrink:0;border-left:1px solid var(--line);padding:0 0 0 10px;white-space:nowrap}
[data-bb-shell]>.topbar .connection-state>span{display:block;font-size:9px;line-height:1.5;color:var(--muted);text-align:right}
[data-bb-shell]>.topbar .connection-state>strong{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;line-height:1.7;letter-spacing:.5px;font-weight:600;color:var(--success,var(--accent))}
[data-bb-shell]>.topbar .connection-state i{width:5px;height:5px;border-radius:50%;background:currentColor}
[data-bb-shell]>.topbar .connection-state:is(.unavailable,[data-unavailable=true])>strong{color:var(--error,var(--danger))}
[data-bb-shell]>.topbar .bb-module-switcher{display:flex;align-items:center;gap:3px;order:1}
[data-bb-shell]>.topbar .bb-module-switcher button{min-height:36px;padding:6px 9px;background:transparent;border:1px solid transparent;border-radius:7px}
[data-bb-shell]>.topbar .bb-module-switcher button[aria-current=page]{background:var(--subtle);color:var(--accent);border-color:var(--line);font-weight:650}
[data-bb-shell]>.topbar .bb-help-launch{min-height:38px;padding:6px 8px;white-space:nowrap;order:2}
[data-bb-shell]>.sidebar{display:flex;flex-direction:column;grid-column:1;grid-row:3!important;width:auto;min-height:0;margin:0;padding:12px 7px 8px;border:0;border-right:1px solid var(--line);overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
[data-bb-shell]>.sidebar .nav-group{display:block;flex-shrink:0;margin:0 0 5px;padding:5px 0}
[data-bb-shell]>.sidebar .eyebrow{display:block;padding:0 10px 5px;margin:0 0 6px;font:400 11px/1.4 Consolas,"Cascadia Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
[data-bb-shell]>.sidebar .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:calc(100% - 6px);min-height:32px;margin:1px 3px;padding:6px 8px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:11px;line-height:1.4;text-decoration:none;white-space:nowrap}
[data-bb-shell]>.sidebar .nav-item.active{background:var(--selected);border-color:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}
[data-bb-shell]>.sidebar .nav-item:hover{background:var(--raised);border-color:var(--accent)}
[data-bb-shell]>.sidebar .nav-item>.icon-svg{width:15px;height:15px;flex-basis:15px;color:var(--muted)}
[data-bb-shell]>.sidebar .nav-item.active>.icon-svg{color:var(--accent)}
[data-bb-shell]>.sidebar .nav-item>span:not(.nav-count){min-width:0;overflow:hidden;text-overflow:ellipsis}
[data-bb-shell]>.sidebar .nav-count{margin-left:auto;font-size:9px;line-height:1.4;padding:0 4px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}
[data-bb-shell]>.sidebar .sidebar-bottom{flex-shrink:0;margin-top:auto;padding:8px 0 0;border-top:1px solid var(--line)}
[data-bb-shell]>.sidebar .storage{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;color:var(--muted);padding:9px 5px 0}
[data-bb-shell]>.sidebar .storage .icon-svg{width:13px;height:13px;flex-basis:13px;margin-top:1px}
[data-bb-shell]>.sidebar .venue-menu-trigger{min-height:54px;gap:9px}
[data-bb-shell]>.sidebar .venue-menu-label{display:flex;flex:1;flex-direction:column;font-weight:600;line-height:1.5;text-align:left}
[data-bb-shell]>.sidebar .venue-menu-label small{font-size:10px;font-weight:400;color:var(--muted)}
[data-bb-shell]>.sidebar .venue-menu-chevron{margin-left:auto}
[data-bb-shell]>.sidebar .stock-nav.is-open .venue-menu-chevron{transform:rotate(90deg)}
[data-bb-shell]>.sidebar .venue-menu-reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden}
[data-bb-shell]>.sidebar .stock-nav.is-open .venue-menu-reveal{grid-template-rows:1fr;opacity:1;visibility:visible}
[data-bb-shell]>.sidebar .venue-menu-options{min-height:0;overflow:hidden}
[data-bb-shell]>.sidebar .venue-menu-options .nav-item{padding-left:15px}
[data-bb-shell]>.sidebar .nav-divider{height:1px;background:var(--line);margin:9px 12px}
[data-bb-shell].collapsed>.sidebar{padding:12px 5px 8px}
[data-bb-shell].collapsed>.sidebar .nav-item{padding:6px;justify-content:center}
[data-bb-shell].collapsed>.sidebar :is(.eyebrow,.nav-item>span,.storage,.venue-menu-reveal){display:none}
#bb-workspace-chrome{position:fixed;inset:0 0 auto;z-index:40}
#bb-workspace-chrome>.sidebar{position:fixed;inset:98px auto 0 0;width:172px}
html[data-workspace-tool]{overflow:hidden;scrollbar-gutter:auto}
html[data-workspace-tool] body.bb-tool-workspace{box-sizing:border-box;height:100dvh;overflow:hidden;padding-top:98px;padding-left:172px}
.bb-tool-content{height:100%;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
html:not(.bb-phone) .shell[data-bb-shell]{grid-template-columns:172px minmax(0,1fr);grid-template-rows:42px 56px minmax(0,1fr)!important}
html:not(.bb-phone) .shell[data-bb-shell].collapsed{grid-template-columns:56px minmax(0,1fr)}
#bb-workspace-chrome.collapsed>.sidebar{width:56px}
html[data-workspace-tool] body.bb-tool-directory-collapsed{padding-left:56px}
html[data-workspace-tool] body:has(#bb-workspace-chrome) #desktop-caption-fallback{display:none}
@media(max-width:1250px){[data-bb-shell]>.topbar .venue-label{display:none}[data-bb-shell]>.topbar .bb-module-switcher{gap:0}[data-bb-shell]>.topbar .bb-module-switcher button{padding:6px}[data-bb-shell]>.topbar .bb-module-switcher svg{display:none}}
@media(max-width:900px){[data-bb-shell]>.topbar .dashboard-label,[data-bb-shell]>.topbar .operator [data-shell-person]{display:none}[data-bb-shell]>.topbar .topbar-right{gap:8px}}
html.bb-phone [data-bb-shell]>.bb-shell-region{display:none}
html.bb-phone[data-workspace-tool] body.bb-tool-workspace{padding-left:0}
html[data-device=tablet] [data-bb-shell]>.window-strip,html[data-device=tablet] [data-bb-shell]>.window-strip .tabs{height:52px}
html[data-device=tablet] [data-bb-shell]>.window-strip .tab{height:47px}
html[data-device=tablet] [data-bb-shell]>.window-strip :is(.icon,.tab>button){height:44px;min-height:44px;min-width:44px}
html[data-device=tablet] [data-bb-shell]>.topbar{height:64px;min-height:64px;padding:10px 16px;flex-wrap:nowrap}
html[data-device=tablet] [data-bb-shell]>.topbar .topbar-left>.icon,html[data-device=tablet] [data-bb-shell]>.sidebar .collapse-control{display:none}
html[data-device=tablet] [data-bb-shell]>.sidebar{padding:12px 4px}
html[data-device=tablet] [data-bb-shell]>.sidebar .nav-item{min-height:48px;font-size:13px;padding:10px}
html[data-device=tablet] .shell[data-bb-shell]{grid-template-columns:184px minmax(0,1fr);grid-template-rows:52px 64px minmax(0,1fr)!important}
html[data-device=tablet] #bb-workspace-chrome>.sidebar{top:116px;width:184px}
html[data-device=tablet] #bb-workspace-chrome.collapsed>.sidebar{width:56px}
html[data-device=tablet] body.bb-tool-workspace{padding-top:116px;padding-left:184px}
html[data-device=tablet] body.bb-tool-directory-collapsed{padding-left:56px}
@media print{#bb-workspace-chrome{display:none}html[data-workspace-tool] body.bb-tool-workspace{padding:0}}