/* Theme-safe navigation and wallpaper correction */
html[data-hub-theme] body.app-body {position:relative;isolation:isolate}
html[data-hub-theme] body.app-body::before {z-index:0;pointer-events:none}
html[data-hub-theme] body.app-body .app-shell {position:relative;z-index:1}
html[data-hub-theme] body.app-body .app-main {background:transparent}
html[data-hub-theme] body.app-body .topbar .hub-primary-nav,
html[data-hub-theme] body.app-body .sidebar .hub-side-nav,
html[data-hub-theme] body.app-body .content .hub-ux-breadcrumbs {
 position:static;inset:auto;margin:0;border:0;box-shadow:none;
 background:transparent!important;background-image:none!important;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-hub-theme] body.app-body .topbar .hub-primary-nav {
 display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto;
 padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
}
html[data-hub-theme] body.app-body .topbar .hub-primary-nav a {color:var(--muted);background:transparent}
html[data-hub-theme] body.app-body .topbar .hub-primary-nav a:hover,
html[data-hub-theme] body.app-body .topbar .hub-primary-nav a[aria-current="page"] {
 background:var(--accent-soft);color:var(--hub-accent-strong);
}
html[data-hub-theme] body.app-body .content .hub-ux-breadcrumbs {
 display:flex;align-items:center;flex-wrap:wrap;gap:9px;
 padding:0 0 12px;color:var(--muted);
}
html[data-hub-theme] body.app-body .content .hub-ux-breadcrumbs a {color:var(--muted)}
html[data-hub-theme] body.app-body .content .hub-ux-breadcrumbs [aria-current="page"] {color:var(--text)}
html[data-hub-theme] body.app-body .topbar {
 display:flex;flex-wrap:nowrap;align-items:center;gap:10px;
 width:100%;max-width:100vw;box-sizing:border-box;overflow:visible;
 background-image:none!important;
}
html[data-hub-theme][data-hub-glass="on"] body.app-body .topbar {
 background:color-mix(in srgb,var(--panel) var(--hub-panel-opacity),transparent);
 backdrop-filter:blur(var(--hub-blur));
}
html[data-hub-theme][data-hub-glass="off"] body.app-body .topbar {
 background:var(--panel);backdrop-filter:none;
}
html[data-hub-theme] body.app-body .topbar .hub-top-tools {flex:0 0 auto}
html[data-hub-theme] body.app-body .topbar .top-search {
 order:initial;flex:0 1 240px;width:clamp(145px,18vw,240px);
 min-width:145px;max-width:240px!important;margin:0;
}
html[data-hub-theme] body.app-body .topbar .topbar-actions {order:initial;flex:0 0 auto}
html[data-hub-theme] body.app-body .content :is(.dashboard-tabs,.dashboard-nav,.page-tabs,.section-tabs) {
 background:transparent!important;background-image:none!important;
 box-shadow:none;border-color:var(--line);
}
@media(max-width:1050px){
 html[data-hub-theme] body.app-body .topbar .top-search{flex-basis:160px;max-width:160px!important}
 html[data-hub-theme] body.app-body .hub-primary-nav a{padding:6px 8px}
}
@media(max-width:760px){
 html[data-hub-theme] body.app-body .topbar{flex-wrap:wrap;gap:5px 8px}
 html[data-hub-theme] body.app-body .topbar .hub-primary-nav{order:3;flex:1 0 100%}
 html[data-hub-theme] body.app-body .topbar .top-search{order:2;flex:1 1 140px;max-width:none!important}
 html[data-hub-theme] body.app-body .topbar .topbar-actions{order:2}
}
/* Dashboard shortcuts: remove inherited legacy nav paint. */
html[data-hub-theme] body.app-body .content nav.ux-dashboard-shortcuts{position:static!important;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-hub-theme] body.app-body .content nav.ux-dashboard-shortcuts a{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-hub-theme] body.app-body .content nav.ux-dashboard-shortcuts a:hover{background:var(--surface-3);border-color:var(--hub-accent-strong)}
/* Company workspace UX: clear context, actions and area navigation. */
body.app-body .ux-company-context{margin:12px 0 18px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) var(--hub-panel-opacity),transparent);color:var(--text);backdrop-filter:blur(var(--hub-blur))}
body.app-body .ux-company-path{position:static!important;display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:0!important;margin:0 0 18px!important;border:0!important;background:none!important;backdrop-filter:none!important;box-shadow:none!important;font-size:.82rem;color:var(--muted)}
body.app-body .ux-company-path a{color:var(--hub-accent-strong)}
body.app-body .ux-company-path strong{color:var(--text)}
body.app-body .ux-company-context-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.app-body .ux-company-context-head h2{font-size:clamp(1.45rem,2.8vw,2.1rem);margin:6px 0 8px}
body.app-body .ux-company-context-head p{margin:0;color:var(--muted)}
body.app-body .ux-company-actions{position:static!important;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:20px 0 0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
body.app-body .ux-company-actions a{min-height:42px}
body.app-body .ux-company-map{margin:0 0 18px}
body.app-body .ux-company-map .section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.app-body .ux-company-map h2{margin:4px 0 5px}
body.app-body .ux-company-map p{margin:0;color:var(--muted)}
body.app-body .ux-company-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px}
body.app-body .ux-company-area-card{display:flex;align-items:center;gap:12px;min-height:80px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);text-decoration:none}
body.app-body .ux-company-area-card:hover,body.app-body .ux-company-area-card:focus-visible{border-color:var(--hub-accent-strong);background:var(--accent-soft)}
body.app-body .ux-company-area-card span:nth-child(2){flex:1;min-width:0}
body.app-body .ux-company-area-card strong,body.app-body .ux-company-area-card small{display:block}
body.app-body .ux-company-area-card small{margin-top:4px;font-size:.76rem;color:var(--muted)}
body.app-body .ux-company-area-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--hub-accent-strong)}
@media(max-width:700px){body.app-body .ux-company-context{padding:16px}body.app-body .ux-company-area-grid{grid-template-columns:1fr}}
body.app-body .ux-company-switch{margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 14px}
body.app-body .ux-company-switch>summary{cursor:pointer;font-weight:650;color:var(--hub-accent-strong)}
body.app-body .ux-company-switch .filter-pills{margin-top:12px}
/* Company workspace block 2: defer secondary tools without removing access. */
body.app-body .ux-company-tools{margin:16px 0}
body.app-body .ux-company-tools>summary{cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:1rem;font-weight:700;color:var(--text)}
body.app-body .ux-company-tools>summary small{font-size:.8rem;font-weight:400;color:var(--muted)}
body.app-body .ux-company-tools[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}
body.app-body .ux-company-tools :is(.panel,.table-wrap){max-width:100%;min-width:0}
body.app-body .ux-company-area-card:target{outline:2px solid var(--hub-accent-strong)}