/* One navigation design for ContentHub and BannerAds. */
.hub-grouped-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:12px}
.hub-grouped-nav :is(button,a){box-shadow:none;border:0;background:transparent;line-height:1.3;transform:none}
.hub-group-header{display:flex;align-items:center;gap:0;border-radius:7px;margin:4px 0;transition:background .16s ease}
.hub-group-header:hover,.hub-group-header.is-current-area{background:var(--hover)}
.hub-grouped-nav .hub-group-header>:is(a,.nav-item){display:flex;flex:1;width:auto;min-width:0;min-height:40px;margin:0;padding:9px 10px;gap:10px;font-size:14px;font-weight:600;letter-spacing:0;color:var(--text);background:transparent;border-radius:7px;text-decoration:none}
.hub-group-header .nav-item:before{display:none}
.hub-grouped-nav .hub-group-header>:is(a,.nav-item) svg{width:19px;height:19px}
.hub-grouped-nav .hub-group-toggle{flex:none;width:27px;min-width:27px;height:32px;min-height:32px;margin:0 3px 0 0;padding:6px;border:0;background:transparent;color:var(--muted)}
.hub-group-toggle svg,.hub-branch-row>button svg{width:12px!important;height:12px!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.hub-group-toggle[aria-expanded=true] svg,.hub-branch-row>button[aria-expanded=true] svg{transform:rotate(90deg)}
.hub-group-body,.hub-branch-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.2,.8,.2,1)}
.hub-menu-group.is-open>.hub-group-body,.hub-branch.is-open>.hub-branch-body{grid-template-rows:1fr}
.hub-group-inner,.hub-branch-body>div{min-height:0;overflow:hidden}
.hub-group-inner{margin-left:8px;padding:2px 0 4px;border:0}
.hub-grouped-nav .hub-group-inner>:is(.nav-item,a){display:flex;min-height:35px;font-size:13px;font-weight:400;padding:7px 10px;margin:2px 0;gap:10px;border-radius:6px;color:var(--text)}
.hub-grouped-nav .hub-group-inner>:is(.nav-item,a):hover,.hub-grouped-nav .hub-group-inner>.nav-item.active{background:var(--hover)}
.hub-grouped-nav .hub-group-inner>.nav-item:before{display:none}
.hub-group-inner>:is(.nav-item,a) svg{width:17px;height:17px}
.hub-grouped-nav :is(.tree-title,.bh-tree-heading,.hub-remote-heading){display:flex;align-items:center;justify-content:space-between;min-height:28px;margin:13px 10px 4px;font-size:10px;font-weight:500;letter-spacing:.65px;line-height:1.3;color:var(--muted)}
.hub-grouped-nav :is(.tree-title,.bh-tree-heading) button{min-width:24px;min-height:24px;width:24px;height:24px;padding:4px;font-size:18px;color:var(--muted)}
.hub-grouped-nav :is(.tree-title,.bh-tree-heading) button:hover{background:var(--hover)}
.hub-group-inner .tree,.hub-group-inner #bh-tree{overflow:visible;flex:none;max-height:none;min-height:0;padding:0;margin:0}
.hub-grouped-nav :is(.tree-row,.bh-tree-row,.hub-branch-row){display:flex;align-items:center;min-height:34px;gap:0;margin:1px 0;border-radius:6px;transition:background .16s ease}
.hub-grouped-nav :is(.tree-row,.bh-tree-row,.hub-branch-row):hover,.hub-grouped-nav :is(.tree-row.current,.bh-tree-row.active){background:var(--hover)}
.hub-grouped-nav :is(.tree-row,.bh-tree-row,.hub-branch-row)>:is(button:first-child,.bh-disclosure-spacer,.hub-branch-spacer){width:19px;min-width:19px;min-height:30px;height:30px;padding:3px;flex:none;color:var(--muted);border:0;background:transparent}
.hub-grouped-nav :is(.tree-row,.bh-tree-row,.hub-branch-row)>:is(.folder-link,.bh-tree-link,a){display:flex;align-items:center;flex:1;min-width:0;width:auto;gap:7px;min-height:34px;height:34px;margin:0;padding:5px 6px 5px 0;border:0;background:transparent;font-size:13px;font-weight:400;line-height:1.3;color:var(--text);white-space:nowrap;text-decoration:none;justify-content:flex-start}
.hub-grouped-nav :is(.folder-link,.bh-tree-link,.hub-branch-row>a) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hub-grouped-nav :is(.folder-link,.bh-tree-link,.hub-branch-row>a) svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--folder);stroke-width:1.5;color:var(--folder)}
.hub-grouped-nav .tree-row{padding-left:var(--depth,0px)}
.hub-branch-body{margin-left:18px}.hub-grouped-nav .bh-branch-content>div{margin-left:18px}
.hub-remote-tree{font-size:12px;color:var(--muted)}
.hub-grouped-nav .hub-menu-divider{margin:12px 10px}
.hub-grouped-nav :is(button,a):focus-visible{outline:1px solid var(--muted);outline-offset:-1px;box-shadow:none}
@media(max-width:780px){
 .hub-grouped-nav{overflow:visible;flex:none}.hub-group-header{flex-wrap:wrap;gap:0}.hub-group-header>a,.hub-group-header>.nav-item{padding:7px 0;flex-basis:100%}.hub-group-header .hub-group-toggle{width:100%;height:20px;min-height:20px;padding:1px}.hub-group-inner{margin-left:0;padding-left:0;border:0}.hub-menu-group.is-open>.hub-group-body{position:fixed;left:48px;top:72px;bottom:16px;width:min(280px,calc(100vw - 64px));z-index:25;background:var(--side);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #0002;padding:10px}.hub-menu-group:not(.is-open)>.hub-group-body{display:none}.hub-group-inner{overflow-y:auto}.hub-group-inner span,.bh-main-nav .hub-group-inner a span,.sidebar .hub-group-inner .nav-item span{display:initial}.hub-group-inner .nav-item,.bh-main-nav .hub-group-inner>a{justify-content:flex-start}.sidebar .hub-group-inner .tree-title,.sidebar .hub-group-inner .tree,.bh-sidebar .hub-group-inner .bh-tree-heading,.bh-sidebar .hub-group-inner #bh-tree{display:block}.bh-sidebar .hub-group-inner #bh-tree{position:static;width:auto;box-shadow:none;border:0;padding:0;animation:none}.hub-group-inner .tree-title,.bh-sidebar .hub-group-inner .bh-tree-heading{display:flex}
}
@media(prefers-reduced-motion:reduce){.hub-group-body,.hub-branch-body,.hub-group-toggle svg,.hub-branch-row>button svg{transition:none}}

/* A continuous title bar across the workspace and the file inspector. */
.app-shell{grid-template-rows:64px minmax(0,1fr)}
.app-shell>.sidebar{grid-column:1;grid-row:1/3}
.app-shell>.hub-titlebar{grid-column:2/-1;grid-row:1}
.app-shell>.workspace{grid-column:2;grid-row:2}
.app-shell>.inspector{grid-column:3;grid-row:2}
.hub-titlebar{min-width:0;z-index:4;border-bottom:1px solid var(--line);background:var(--chrome)}
.hub-header-actions{display:flex;align-items:center;gap:20px;margin-left:16px;flex:none}
.hub-titlebar .account-menu-wrap{margin-left:0}
.hub-titlebar .bh-profile{display:flex;align-items:center;justify-content:center;font-size:12px;padding:6px 10px;border-radius:6px;color:var(--text)}
.hub-titlebar .bh-profile:hover{background:var(--hover)}
@media(max-width:780px){
 .app-shell{grid-template-rows:48px minmax(0,calc(58dvh - 48px)) minmax(0,42dvh)}
 .app-shell>.sidebar{grid-row:1/4}.app-shell>.hub-titlebar{grid-column:2;grid-row:1}.app-shell>.workspace{grid-column:2;grid-row:2}.app-shell>.inspector{grid-column:2;grid-row:3}
 .hub-header-actions{gap:5px;margin-left:0}.hub-titlebar .theme-switch,.hub-titlebar .bh-theme{display:none}.hub-titlebar .account-button{width:26px;height:26px;min-height:26px}.hub-titlebar .avatar{width:24px;height:24px}.hub-titlebar .search,.hub-titlebar .ad-search{width:80px;min-width:55px;flex-shrink:1}
}

/* Keep the shell in place during same-origin navigation. */
@view-transition{navigation:none}
.hub-titlebar{view-transition-name:hub-titlebar}
.hub-grouped-nav{view-transition-name:hub-navigation}
:is(.toolbar,.ad-toolbar){view-transition-name:hub-toolrail}
:is(.file-area,.bh-content){view-transition-name:hub-content}
.app-shell>.inspector{view-transition-name:hub-inspector;animation:hub-inspector-in .28s cubic-bezier(.2,.8,.2,1) both}
::view-transition-group(hub-titlebar),::view-transition-group(hub-toolrail){animation-duration:0s}
::view-transition-old(hub-titlebar),::view-transition-old(hub-toolrail){animation:none;opacity:0}
::view-transition-new(hub-titlebar),::view-transition-new(hub-toolrail){animation:none;mix-blend-mode:normal}
::view-transition-old(hub-navigation){animation:hub-menu-out .14s ease both}
::view-transition-new(hub-navigation){animation:hub-menu-in .24s cubic-bezier(.2,.8,.2,1) both}
::view-transition-old(hub-content){animation:hub-content-out .12s ease both}
::view-transition-new(hub-content){animation:hub-content-in .24s cubic-bezier(.2,.8,.2,1) both}
::view-transition-new(hub-inspector){animation:hub-inspector-in .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes hub-menu-out{to{opacity:0;transform:translateX(-3px)}}
@keyframes hub-menu-in{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}
@keyframes hub-content-out{to{opacity:0}}
@keyframes hub-content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes hub-inspector-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@supports not (view-transition-name:hub-navigation){.hub-grouped-nav{animation:hub-menu-in .24s ease both}}
@media(prefers-reduced-motion:reduce){.app-shell>.inspector,.hub-grouped-nav{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0s!important}}

.hub-titlebar .hub-profile-avatar{width:34px;height:34px;padding:0;border-radius:50%;background:var(--field);overflow:hidden}.hub-profile-avatar img{width:100%;height:100%;object-fit:cover}.hub-profile-avatar svg{width:18px;height:18px}

/* History controls appear only when that direction is available. */
.hub-titlebar :is(.history-controls,.ad-history) button:disabled{display:none}
.hub-titlebar :is(.history-controls,.ad-history):not(:has(button:not(:disabled))){display:none}

/* View selection belongs with the file tools, never in the title bar. */
.toolbar .view-switch{display:flex;margin-right:12px}
.toolbar .view-switch button{min-width:30px;min-height:30px;height:30px;padding:5px 7px!important}
@media(max-width:780px){.toolbar .view-switch{margin-right:2px}.toolbar .view-switch button{min-width:24px;min-height:27px;padding:4px!important}.toolbar .view-switch svg{width:14px;height:14px}.toolbar-group{gap:2px}.toolbar [data-action=more]{display:none}}

/* One accordion: the active area expands without a separator between areas. */
.hub-grouped-nav>.hub-menu-divider{display:none}
.hub-menu-group+.hub-menu-group{margin-top:6px}
@keyframes hub-inspector-in{from{transform:translateX(100%);opacity:1}to{transform:translateX(0);opacity:1}}
@keyframes hub-inspector-out{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:1}}
.app-shell{overflow:hidden}.app-shell>.inspector{animation-duration:.32s}
::view-transition-old(hub-inspector){animation:hub-inspector-out .24s cubic-bezier(.4,0,.8,.3) both}
::view-transition-new(hub-inspector){animation:hub-inspector-in .32s cubic-bezier(.2,.8,.2,1) both}

/* Right-aligned view controls and a matching dropdown; refresh stays with actions. */
.toolbar .view-switch{margin-right:0}.toolbar select#sort,.ad-toolbar select#ad-sort{height:34px;min-height:34px;max-width:120px;border:0;border-radius:6px;padding:5px 9px;background:var(--field);color:var(--text);font-size:12px}
.toolbar [data-action=refresh],.ad-toolbar [data-command=refresh-browser]{color:var(--muted)}
@media(max-width:780px){.toolbar select#sort,.ad-toolbar select#ad-sort{height:29px;min-height:29px;padding:3px 5px;max-width:72px}.toolbar [data-action=refresh]{display:inline-flex}.toolbar [data-action=more]{display:inline-flex}.toolbar [data-action=cut],.toolbar [data-action=copy],.toolbar [data-action=paste]{display:none}}
/* A single persistent shell for both workspaces. */
:root{--hub-sidebar-width:242px;--hub-inspector-width:310px;--hub-motion:320ms;--hub-ease:cubic-bezier(.2,.8,.2,1)}
.app-shell{grid-template-columns:var(--hub-sidebar-width) minmax(0,1fr) var(--hub-inspector-width);transition:grid-template-columns var(--hub-motion) var(--hub-ease)}
.app-shell.show-bannerads{grid-template-columns:var(--hub-sidebar-width) minmax(0,1fr) 0px}
.app-shell>.sidebar{padding:0 var(--hub-sidebar-padding);min-width:0}
.sidebar .contenthub-brand{height:132px;min-height:132px;padding:27px 0 15px;display:flex;align-items:center;justify-content:center}
.sidebar .contenthub-brand img{width:118px;height:auto}
#banner-workspace{grid-column:2;grid-row:2;min-width:0}
.app-shell>.inspector{width:var(--hub-inspector-width);min-width:0;animation:none;transform:translateX(0);transition:transform var(--hub-motion) var(--hub-ease),visibility 0s}
.app-shell.show-bannerads>.inspector{transform:translateX(100%);visibility:hidden;transition:transform var(--hub-motion) var(--hub-ease),visibility 0s var(--hub-motion)}
.hub-file-heading,.hub-banner-heading{display:contents}
.hub-titlebar #bh-crumbs{display:flex;align-items:center;flex:1;min-width:0}
.hub-titlebar .ad-search{width:176px}
.hub-titlebar .ad-history button{border:0;background:none;color:var(--muted);min-width:28px;padding:4px}.ad-history svg{height:17px;width:17px}
.hub-grouped-nav{position:relative;display:block;isolation:isolate;animation:none;view-transition-name:none}
.hub-menu-group+.hub-menu-group{margin-top:0}
.hub-group-header{position:relative;margin:2px 0;min-height:40px}
.hub-group-header.is-current-area,.hub-group-header.is-current-area:hover{background:transparent}
.hub-grouped-nav .nav-indicator{display:none}
.hub-active-marker{position:absolute;z-index:-1;left:0;right:0;top:0;border-radius:7px;background:var(--hover);pointer-events:none;transition:transform var(--hub-motion) var(--hub-ease),height var(--hub-motion) var(--hub-ease)}
.hub-group-body{transition:grid-template-rows var(--hub-motion) var(--hub-ease)}
.hub-group-inner{padding:0;margin-left:8px}
.hub-menu-group.is-open .hub-group-inner{padding-bottom:6px}
.hub-grouped-nav .hub-group-header>.nav-item.active{background:transparent}
.hub-grouped-nav .hub-group-inner>.nav-item.active{background:var(--hover)}
.hub-grouped-nav .hub-group-inner>.nav-item{min-height:35px;height:auto;line-height:1.3;text-decoration:none}
.hub-grouped-nav .hub-group-inner>.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.6}
.hub-group-header .hub-group-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6}
.ad-shares{padding-top:12px}.ad-share-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;border-bottom:1px solid var(--line)}
.ad-share-entry strong{font-weight:500}.ad-share-entry p{font-size:12px;color:var(--muted);margin:5px 0 0}.ad-share-actions{display:flex;gap:6px;flex-wrap:wrap}.ad-share-actions button{background:var(--field);border:0;border-radius:6px;font-size:12px;padding:7px 10px}.ad-share-actions button:hover{background:var(--hover)}
.ad-shares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ad-shares-grid .ad-share-entry{align-items:flex-start;flex-direction:column;background:var(--field);border:0;border-radius:8px;padding:18px}
.hub-sort{display:flex;position:relative}.toolbar .hub-sort-trigger,.ad-toolbar .hub-sort-trigger{height:34px;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:104px;padding:5px 10px!important;background:var(--field)!important;border:0;border-radius:6px;color:var(--text);font-size:12px;font-weight:400}
.hub-sort-trigger svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s}.hub-sort-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.hub-sort-trigger:hover,.hub-sort-trigger[aria-expanded=true]{background:var(--hover)!important}
.hub-sort-menu{position:fixed;z-index:1000;min-width:168px;padding:5px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px #0002;animation:hub-flyout-in .16s ease-out}
.hub-sort-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;border:0;border-radius:5px;padding:6px 9px;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left}
.hub-sort-menu button[aria-checked=true]::after{content:'✓';margin-left:20px;color:var(--muted)}
.hub-sort-menu button:hover,.hub-sort-menu button:focus-visible{background:var(--hover);outline:1px solid transparent;outline-offset:-1px}
@keyframes hub-flyout-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.account-menu,.context-menu{background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px #0002}
.account-menu button:hover,.context-menu button:hover{background:var(--hover);color:var(--text)}
@media(min-width:1600px){:root{--hub-sidebar-width:258px;--hub-inspector-width:330px}}
@media(min-width:781px) and (max-width:1150px){:root{--hub-sidebar-width:216px;--hub-inspector-width:286px}}
@media(max-width:780px){:root{--hub-sidebar-width:48px}.app-shell,.app-shell.show-bannerads{grid-template-columns:48px minmax(0,1fr)}.app-shell.show-bannerads{grid-template-rows:48px minmax(0,1fr) 0px}.app-shell>.inspector{width:auto;transform:translateY(0)}.app-shell.show-bannerads>.inspector{transform:translateY(100%)}.sidebar .contenthub-brand{height:70px;min-height:70px;padding:15px 1px 5px}.sidebar .contenthub-brand img{width:34px}.hub-titlebar .ad-search{width:80px}.ad-share-entry{flex-direction:column;align-items:flex-start}.hub-sort-trigger{min-width:72px!important;gap:6px!important}.hub-active-marker{display:none}}
@media(prefers-reduced-motion:reduce){.app-shell,.app-shell>.inspector,.hub-group-body,.hub-active-marker{transition:none}.hub-sort-menu{animation:none}.app-shell.show-bannerads>.inspector{transition:none}}
@media(forced-colors:active){.hub-sort-menu button:focus-visible{outline:1px solid Highlight}.hub-active-marker{border:1px solid Highlight}}
/* The active fill belongs to its row and never trails behind a moving menu. */
.hub-active-marker{display:none}
.hub-group-header{isolation:isolate}
.hub-group-header::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:7px;background:var(--hover);opacity:0;transition:opacity 160ms ease;pointer-events:none}
.hub-group-header.is-current-area::before{opacity:1}
.hub-group-header:hover{background:transparent}.hub-group-header:hover::before{opacity:1}
@media(prefers-reduced-motion:reduce){.hub-group-header::before{transition:none}}
/* Uploads occupy the same inspector in both areas. */
.app-shell.show-bannerads{grid-template-columns:var(--hub-sidebar-width) minmax(0,1fr) var(--hub-inspector-width)}
.app-shell.show-bannerads>.inspector{transform:none;visibility:visible;transition:none}
#ad-upload-panel{padding:22px 20px;min-width:0;height:100%;overflow:auto}
.ad-upload-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:15px}.ad-upload-heading strong{font-weight:600}.ad-upload-heading>span{font-size:11px;border-radius:15px;background:var(--field);color:var(--muted);padding:5px 10px}
#ad-upload-panel .ad-sidebar-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px 16px;width:100%;min-height:174px;border:2px dashed var(--line);border-radius:8px;background:var(--field);color:var(--text);text-align:center;font-size:13px}
.ad-sidebar-drop>svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;margin-bottom:9px}.ad-sidebar-drop>span,.ad-upload-hint{color:var(--muted);font-size:12px;line-height:1.6}.ad-upload-hint{margin-top:18px}
#ad-upload-panel .ad-sidebar-drop:hover{background:var(--hover)}#ad-upload-panel .ad-upload-empty:hover{background:var(--field)}#ad-upload-panel .drag-over{border-color:var(--accent);background:var(--hover)}
.toolbar [data-action=refresh],.ad-toolbar [data-command=refresh-browser]{color:var(--text)!important;opacity:.65}.toolbar [data-action=refresh]:hover,.ad-toolbar [data-command=refresh-browser]:hover{opacity:1}
@media(max-width:780px){.app-shell.show-bannerads{grid-template-columns:48px minmax(0,1fr);grid-template-rows:48px minmax(0,calc(58dvh - 48px)) minmax(0,42dvh)}#ad-upload-panel{padding:15px}.app-shell.show-bannerads>.inspector{transform:none}}
/* Identical widths on the left and right; folders stay in the file browser. */
:root{--hub-sidebar-width:var(--hub-inspector-width)}
@media(min-width:781px){.sidebar .tree-title,.sidebar #tree{display:none!important}}
@media(max-width:780px){:root{--hub-sidebar-width:48px}}
/* Banner uploads are contextual to a concrete campaign. */
.app-shell.no-inspector{grid-template-columns:var(--hub-sidebar-width) minmax(0,1fr) 0px}
.app-shell.no-inspector>.inspector{transform:translateX(100%);visibility:hidden;transition:transform var(--hub-motion) var(--hub-ease),visibility 0s var(--hub-motion)}
.app-shell:not(.no-inspector)>.inspector{transform:none;visibility:visible;transition:transform var(--hub-motion) var(--hub-ease),visibility 0s}
@media(max-width:780px){.app-shell.no-inspector{grid-template-columns:48px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 0px}.app-shell.no-inspector>.inspector{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){.app-shell.no-inspector>.inspector,.app-shell:not(.no-inspector)>.inspector{transition:none}}
.hub-editing-name{position:relative;overflow:visible!important;min-width:40px;flex:1}
input.hub-inline-name{display:block;width:100%;min-width:40px;max-width:100%;height:28px;min-height:28px;margin:0;padding:2px 5px;border:1px solid var(--muted);border-radius:4px;background:var(--panel);color:var(--text);font:inherit;box-shadow:none;outline:none}
.hub-inline-name:focus{outline:1px solid var(--line);outline-offset:1px;box-shadow:none}
.hub-inline-error{position:absolute;top:100%;left:0;z-index:8;min-width:180px;max-width:300px;white-space:normal;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font-size:11px}

/* Rename remains text in place, without a form-field surface. */
.hub-editing-name{flex:initial;min-width:1ch}
.hub-inline-name,.hub-inline-name:focus,.hub-inline-name:focus-visible{display:inline;min-width:1ch;width:auto;height:auto;padding:0!important;margin:0;border:0!important;border-radius:0;background:transparent!important;color:inherit;font:inherit;line-height:inherit;outline:none!important;box-shadow:none!important;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.hub-inline-name::selection{background:rgba(128,132,142,.38);color:var(--text)}
#bh-tree .bh-tree-row{display:flex;padding-left:8px;gap:4px}
#bh-tree .bh-tree-link{order:0;flex:1;min-width:0;padding-left:0}
#bh-tree .bh-disclosure{order:1;margin-left:auto;flex:none}
#bh-tree .bh-disclosure-spacer{display:none}
.hub-share-badge{display:inline-flex;align-items:center;gap:4px;flex:none;border-radius:20px;padding:3px 7px;background:var(--hover);color:var(--muted);font-size:10px;font-weight:500;line-height:1.25;margin-left:8px;vertical-align:middle}
.hub-share-badge svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.6}
.hub-item-menu hr{border:0;border-top:1px solid var(--line);margin:5px}

/* All disclosure arrows share the main-menu alignment, regardless of depth. */
#bh-tree .bh-tree-row>.bh-disclosure{display:flex;align-items:center;justify-content:center;width:27px;min-width:27px;height:32px;min-height:32px;margin:0 3px 0 auto;padding:6px}

/* Submenu hierarchy is visible without changing the shared arrow axis. */
.hub-grouped-nav .hub-group-inner{border-left:1px solid var(--line);padding-left:9px}
.hub-grouped-nav .bh-branch-content>div{border-left:1px solid var(--line);padding-left:5px;margin-left:12px}

/* A picked-up motif follows the pointer; destination and siblings settle together. */
.bh-tree-dragging,.bh-tree-dragging *{cursor:grabbing!important;user-select:none!important}
.bh-tree-dragging iframe{pointer-events:none}
#bh-tree .tree-drag-source{opacity:.3}
/* During drag only valid folder targets react; selection and ordinary hover stay quiet. */
.bh-tree-dragging #bh-tree .bh-tree-row{background:transparent!important;box-shadow:none!important}
.bh-tree-dragging #bh-tree .bh-tree-row.tree-drop-target{background:color-mix(in srgb,var(--hover) 94%,var(--text) 6%)!important}
.bh-tree-dragging .hub-group-header:not(.is-current-area):hover::before{opacity:0}
.bh-tree-dragging .sidebar :is(a,button,.nav-button):hover{background:transparent!important;box-shadow:none!important}
.bh-tree-dragging #bh-tree .bh-disclosure{transition:transform .2s ease;background:transparent!important}
.bh-tree-drag-ghost{position:fixed;top:0;left:0;z-index:2000;pointer-events:none;will-change:transform}
.bh-tree-drag-card{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 7px 20px #0002;transform:none;font-size:13px}
.bh-tree-drag-card>svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--folder);stroke-width:1.5}
.bh-tree-drag-card>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-tree-drag-mode{margin-left:auto;flex:none;color:var(--muted);font-size:10px}
.bh-tree-drag-ghost.is-copy .bh-tree-drag-mode{background:var(--hover);border-radius:10px;padding:3px 6px}


/* Dropdown entries indicate keyboard focus with their surface, without a ring. */
body .hub-sort-menu[role=menu] :is(button,a):is(:focus,:focus-visible){outline:none!important;outline-offset:0!important;box-shadow:none!important}
body .hub-sort-menu[role=menu] :is(button,a):focus-visible{background:var(--hover)}
@media(forced-colors:active){body .hub-sort-menu[role=menu] :is(button,a):focus-visible{background:Highlight;color:HighlightText}}