/* One page/action rhythm, shared by the main shell and migrated workspaces. */
:is(#m3-glass,body.meta3-workspace){--m3-menu-text-size:calc(13px * var(--m3-text-scale,1));--m3-menu-row-height:31px;--m3-menu-line-height:1.5;--m3-menu-padding-y:5px;--m3-menu-gap:7px;--m3-action-height:var(--f-control-height,32px);--m3-action-radius:20px;--m3-action-icon-size:var(--f-control-icon,16px);--m3-page-heading-gap:18px}
#m3-glass #m3-module-menu :is(.m3-tree button,.m3-section-toggle){font-size:var(--m3-menu-text-size);line-height:var(--m3-menu-line-height);min-height:var(--m3-menu-row-height);padding-block:var(--m3-menu-padding-y);column-gap:var(--m3-menu-gap)}
:is(#m3-glass,body.meta3-workspace) :is(.m3-business-heading,.pc-header,.meta3-page-heading){display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 var(--m3-page-heading-gap);padding:0}
:is(#m3-glass,body.meta3-workspace) :is(.m3-business-heading,.pc-header,.meta3-page-heading)>:is(h1,h2,.meta3-page-title){margin:0 auto 0 0}
:is(#m3-glass,body.meta3-workspace) :is(.f-button[data-m3-control=action],.m3-details-toggle){display:inline-flex!important;align-items:center;justify-content:center;flex:none;gap:7px;min-height:var(--m3-action-height)!important;height:var(--m3-action-height);min-width:var(--m3-action-height);padding:0 12px!important;border:0!important;border-radius:var(--m3-action-radius)!important;background:var(--f-field,#fff);color:var(--f-field-ink,#29292c);font:inherit;font-size:12px!important;font-weight:500;line-height:1.4;white-space:nowrap;box-shadow:none}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action].f-icon{width:var(--m3-action-height);padding:0!important}
:is(#m3-glass,body.meta3-workspace) :is(.f-button[data-m3-control=action],.m3-details-toggle) svg{width:var(--m3-action-icon-size)!important;height:var(--m3-action-icon-size)!important;flex:none}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action]:hover:not(:disabled){background:var(--f-field-hover,#eeecea)}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action].f-primary{background:var(--f-accent,#f67524)!important;color:#fff!important;border-color:transparent!important}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action].f-primary :is(svg,span){color:#fff!important;background:transparent!important}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action]:disabled{opacity:.42;cursor:default}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action]:focus-visible{outline:2px solid var(--f-accent);outline-offset:3px}
:is(#m3-glass,body.meta3-workspace) .m3-workspace-menu{padding:6px;border:1px solid var(--f-modal-control-line,var(--f-modal-line));border-radius:16px;background:var(--f-modal,#fff);color:var(--f-modal-ink,#29292c);box-shadow:0 12px 35px #282d351c;min-width:180px}
:is(#m3-glass,body.meta3-workspace) .m3-workspace-menu>button{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left}
:is(#m3-glass,body.meta3-workspace) .m3-workspace-menu>button:is(:hover,:focus-visible){background:var(--f-modal-hover);outline:none}
:is(#m3-glass,body.meta3-workspace) .m3-workspace-menu>button svg{width:17px;height:17px;flex:none}
/* All contextual menus use the same Shell rows, section controls and tree guides. */
#m3-glass #m3-module-menu .m3-submenu-row{display:flex;align-items:center;min-width:0;border-radius:8px}
#m3-glass #m3-module-menu .m3-submenu-item{display:flex;align-items:center;gap:var(--m3-menu-gap);flex:1;min-width:0;width:auto;min-height:var(--m3-menu-row-height);font-size:var(--m3-menu-text-size);line-height:var(--m3-menu-line-height);padding:var(--m3-menu-padding-y) 0;text-align:left}
#m3-glass #m3-module-menu .m3-submenu-item.m3-nav{padding-inline:8px;margin:0}
#m3-glass #m3-module-menu .m3-submenu-item svg{width:var(--m3-navigation-link-icon-size,14px);height:var(--m3-navigation-link-icon-size,14px);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#m3-glass #m3-module-menu .m3-submenu-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#m3-glass #m3-module-menu .m3-submenu-section{display:flex;align-items:center;gap:4px}
#m3-glass #m3-module-menu .m3-submenu-section .m3-section-toggle{flex:1;min-width:0}
#m3-glass #m3-module-menu :is(.m3-submenu-add,.m3-submenu-disclosure){display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;min-height:20px;height:20px;padding:2px;margin:0 7px 0 0;border-radius:50%;background:var(--f-field,#fff)}
#m3-glass #m3-module-menu :is(.m3-submenu-add,.m3-submenu-disclosure) svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
#m3-glass #m3-module-menu .m3-submenu-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}
#m3-glass #m3-module-menu .m3-submenu-node{margin:0}
#m3-glass #m3-module-menu .m3-tree>.m3-submenu-node>.m3-submenu-row{position:relative}
#m3-glass #m3-module-menu .m3-tree>.m3-submenu-node>.m3-submenu-row:before{content:'';position:absolute;left:-13px;top:50%;width:8px;border-top:1px solid var(--f-navigation-line,#d9d6d8)}
#m3-glass #m3-module-menu .m3-submenu-row.m3-drop-target{background:var(--f-navigation-hover);outline:1px solid var(--f-accent)}
:is(#m3-glass,body.meta3-workspace) .f-button[data-m3-control=action][hidden],#m3-glass #m3-module-menu [hidden]{display:none!important}

/* Primary actions keep white text and glyphs, regardless of a nested legacy icon wrapper. */
:is(#m3-glass,body.meta3-workspace) .f-button.f-primary{background:var(--f-accent)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--f-control-shadow)!important}
:is(#m3-glass,body.meta3-workspace) .f-button.f-primary :is(i,span,svg,path){color:#fff!important;stroke:currentColor}
#m3-glass[data-live-contenthub=true] .m3-content{background:transparent!important;box-shadow:none!important}

/* Disclosure has no background; only the add action keeps its small circle. */
#m3-glass #m3-module-menu :is(.m3-section-toggle>svg,.m3-submenu-disclosure){background:transparent!important;border:0;box-shadow:none;padding:0}
#m3-glass #m3-module-menu .m3-submenu-row>.m3-count-badge{margin-left:auto;margin-right:8px;flex:none;background:var(--f-accent);color:#fff}
:is(#m3-glass,body.meta3-workspace) :is(.m3-panel-close,#m3-details-close){display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;min-width:32px;padding:7px!important;border:0!important;box-shadow:none!important;border-radius:50%;background:transparent!important;color:var(--f-shell-ink,var(--f-content-ink))}
:is(#m3-glass,body.meta3-workspace) :is(.m3-panel-close,#m3-details-close):hover{background:var(--f-shell-hover,var(--f-field-hover))!important}
:is(#m3-glass,body.meta3-workspace) :is(.m3-panel-close,#m3-details-close) svg{width:18px;height:18px}
:is(#m3-glass,body.meta3-workspace) :is(.m3-panel-close,#m3-details-close):focus-visible{outline:2px solid var(--f-accent);outline-offset:2px}



/* Symmetric hit area; labels/tree guides retain their alignment. Drop feedback shares hover geometry. */
#m3-glass #m3-module-menu .m3-tree>.m3-submenu-node>.m3-submenu-row{margin-left:-8px;padding-left:8px}
#m3-glass #m3-module-menu .m3-tree>.m3-submenu-node>.m3-submenu-row:before{left:-5px}
#m3-glass #m3-module-menu .m3-submenu-row:is(.is-drop-target,.m3-drop-target){background:var(--m3-navigation-hover-background,#e3e2e1);outline:none!important;box-shadow:none}
#m3-glass #m3-module-menu .m3-submenu-row:is(.is-drop-target,.m3-drop-target)>.m3-submenu-item{background:transparent;font-weight:600!important;outline:none!important}
#m3-glass #m3-module-menu .m3-count-badge{transform-origin:center;will-change:transform}

/* BEGIN user workspace refinements */
/* User reference: ContentHub panel title, calm table rail, larger folder glyphs.
   UI-Lab target variables take precedence over these visual defaults. */
#m3-glass #m3-module-menu .m3-submenu-item[data-module-subview^="folder-"]>svg,
#m3-glass #m3-module-menu .m3-submenu-item>svg:has(path[d="M3 6h7l2 3h9v11H3z"]){width:var(--m3-target-icon-size,18px);height:var(--m3-target-icon-size,18px)}

/* One submenu type scale. The workspace name remains one step larger. */
#m3-glass #m3-module-menu .m3-submenu-item{font-size:var(--m3-target-font-size,var(--m3-menu-text-size,13px));font-weight:400;line-height:var(--m3-target-line-height,1.45);letter-spacing:0}
#m3-glass #m3-module-menu .m3-submenu-item:is(.m3-current,[aria-current=page]){font-weight:600}
#m3-glass #m3-module-menu .m3-section-toggle{font-size:var(--m3-target-font-size,var(--m3-menu-text-size,13px));font-weight:600;line-height:var(--m3-target-line-height,1.45);letter-spacing:0}
/* Keep the disclosure on the same right axis, including groups with an add action.
   Both SVGs are stroked chevrons: the section path starts down, the child path right. */
#m3-glass #m3-module-menu .m3-submenu-section{position:relative;display:block;min-width:0}
#m3-glass #m3-module-menu .m3-submenu-section .m3-section-toggle{display:grid;grid-template-columns:minmax(0,1fr) 20px;width:100%;padding-inline:0;column-gap:7px}
#m3-glass #m3-module-menu .m3-submenu-section:has(.m3-submenu-add:not([hidden])) .m3-section-toggle>span{padding-right:28px}
#m3-glass #m3-module-menu .m3-submenu-section .m3-submenu-add{position:absolute;right:28px;top:50%;transform:translateY(-50%);margin:0}
#m3-glass #m3-module-menu .m3-submenu-disclosure{margin:0;flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;background:transparent!important}
#m3-glass #m3-module-menu :is(.m3-section-toggle>svg,.m3-submenu-disclosure>svg){display:block;justify-self:center;align-self:center;width:var(--m3-target-icon-size,14px);height:var(--m3-target-icon-size,14px);margin:0;padding:0;background:transparent!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:transform 160ms ease}
#m3-glass #m3-module-menu .m3-section-toggle[aria-expanded=true]>svg{transform:rotate(0deg)}
#m3-glass #m3-module-menu .m3-section-toggle[aria-expanded=false]>svg{transform:rotate(-90deg)}
#m3-glass #m3-module-menu .m3-submenu-disclosure[aria-expanded=true]>svg{transform:rotate(90deg)}
#m3-glass #m3-module-menu .m3-submenu-disclosure[aria-expanded=false]>svg{transform:rotate(0deg)}
@media(prefers-reduced-motion:reduce){#m3-glass #m3-module-menu :is(.m3-section-toggle>svg,.m3-submenu-disclosure>svg){transition:none}}

/* ContentHub's title is the shared default, never a fixed override of UI-Lab. */
#m3-glass :is(h1,.ch-toolbar>h2,.pc-header>h2,.m3-business-job-toolbar>h2,.m3-card-title-copy>h2,.m3-card-title-copy>h3,.m3-box-head>h2,.m3-kpi-label>h2,.m3-details-heading h2,.f-modal-heading>h2),
body.meta3-workspace #app :is(h1,.account-page-heading h2){font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px))!important;font-weight:600;line-height:var(--m3-target-line-height,1.2)!important;letter-spacing:-.7px;margin-block:0}
#m3-glass[data-m3-type-title] :is(.m3-card-title-copy>h2,.m3-card-title-copy>h3,.m3-box-head>h2,.m3-kpi-label>h2,[data-m3-type-role=title]){font-size:var(--m3-target-font-size,var(--f-type-title,var(--m3-page-title-size,26px)))!important}
#m3-glass :is(.m3-business-job-toolbar,.m3-business-heading,.pc-header){margin:0 0 var(--m3-page-heading-gap,18px);min-height:40px;align-items:center}
#m3-glass #m3-business-view .m3-people{display:none!important}

/* Same surface as the list, with a fine separator instead of a gray bar. */
body.meta3-workspace[data-foundation] #app :is(.table-head,.ad-table-head),
#m3-glass :is(.m3-business-job-head,.f-table thead,.m3-table-head){background:transparent!important;color:var(--m3-target-color,var(--f-content-muted,#777))!important;border:0;border-bottom:1px solid var(--f-content-line,#e3e1e0);box-shadow:none;font-size:var(--m3-target-font-size,12px);font-weight:500;letter-spacing:0;min-height:36px}
body.meta3-workspace #app :is(.table-head,.ad-table-head) :is(span,button),
#m3-glass .m3-business-job-head>span{font-size:var(--m3-target-font-size,12px);font-weight:500;color:inherit;line-height:var(--m3-target-line-height,1.4)}
#m3-glass[data-m3-type-text] .m3-business-job-head [data-m3-type-role=text]{font-size:var(--m3-target-font-size,var(--f-type-text,12px))}

/* File tools start on the list's left edge; Back remains, Forward is omitted. */
body.meta3-workspace #app #go-forward,
body.meta3-workspace #app .ad-history [data-command="history-forward"]{display:none!important}
body.meta3-workspace #app .meta3-page-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:var(--m3-page-heading-gap,18px) 12px;align-items:center;margin-bottom:var(--m3-page-heading-gap,18px)}
body.meta3-workspace #app .meta3-page-heading>h1{grid-column:1/-1;margin:0}
body.meta3-workspace #app .meta3-page-heading>:is(.toolbar,.ad-toolbar){grid-column:1;margin:0!important;margin-left:0!important;justify-content:flex-start!important;min-width:0}
body.meta3-workspace #app .meta3-page-heading>.meta3-page-action{grid-column:2;grid-row:2;margin-left:0;justify-self:end}
body.meta3-workspace #app .meta3-page-action .f-button{width:var(--f-control-title-height,38px)!important;height:var(--f-control-title-height,38px)!important;min-height:var(--f-control-title-height,38px)!important;min-width:var(--f-control-title-height,38px)!important;padding:0!important;border-radius:50%!important;gap:0;font-size:0!important;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center}
body.meta3-workspace #app .meta3-page-action .f-button:hover:not(:disabled){filter:brightness(.96)}
body.meta3-workspace #app .meta3-page-action .f-button:focus-visible{outline:2px solid var(--f-accent,#ff7719);outline-offset:3px}

/* While inspecting Jobs, the collection boxes remain visible beside the Lab.
   This opt-in composition does not change other modules or ordinary Lab use. */
#m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open{grid-template-columns:minmax(0,1fr) 620px;grid-template-rows:minmax(0,1fr)}
#m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open>.m3-content{grid-column:1;grid-row:1}
#m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open>#m3-details-slot{display:grid;grid-column:2;grid-row:1;grid-template-columns:290px 330px;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;max-height:none;align-self:stretch;overflow:hidden}
#m3-glass[data-business-collections-editing=true] #m3-details-slot>#m3-right-sidebar{grid-column:1;grid-row:1;position:relative;top:auto;width:100%;height:100%;min-height:0;max-height:100%;overflow:auto;opacity:1;transform:none}
#m3-glass[data-business-collections-editing=true] #m3-details-slot>#m3-ui-lab{grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;overflow:auto;box-sizing:border-box}
#m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open.m3-hierarchy-open{grid-template-columns:minmax(0,1fr) calc(620px + var(--m3-hierarchy-width,220px))}
#m3-glass[data-business-collections-editing=true] .m3-lab-open.m3-hierarchy-open>#m3-details-slot{grid-template-columns:290px var(--m3-hierarchy-width,220px) 330px}
#m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-lab-hierarchy{grid-column:2;grid-row:1;height:100%;min-height:0;overflow:auto}
#m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-details-slot>#m3-ui-lab{grid-column:3;grid-row:1}
#m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-details-slot>.m3-panel-grip{left:calc(290px + var(--m3-shared-shell-gap,20px)/2)}
/* A narrower workspace gets a full-width inspection band above the job list.
   Hierarchy uses a separate scrollable row instead of compressing all three panes. */
@media(max-width:1400px){
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open,
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open.m3-hierarchy-open{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,58%) minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open>.m3-content{grid-column:1;grid-row:2}
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open>#m3-details-slot{grid-column:1;grid-row:1;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);grid-template-rows:minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] .m3-lab-open.m3-hierarchy-open>#m3-details-slot{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);grid-template-rows:minmax(0,68%) minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-details-slot>#m3-ui-lab{grid-column:2;grid-row:1}
 #m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-lab-hierarchy{grid-column:1/-1;grid-row:2}
 #m3-glass[data-business-collections-editing=true] #m3-details-slot>.m3-panel-grip{display:none}
}
/* Both the object and its controls retain an independent scroller on phones. */
@media(max-width:760px){
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open,
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open.m3-hierarchy-open{grid-template-rows:minmax(0,72%) minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] .m3-workarea.m3-lab-open>#m3-details-slot{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,40%) minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] #m3-details-slot>#m3-ui-lab{grid-column:1;grid-row:2}
 #m3-glass[data-business-collections-editing=true] .m3-lab-open.m3-hierarchy-open>#m3-details-slot{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,32%) minmax(0,48%) minmax(0,1fr)}
 #m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-details-slot>#m3-ui-lab{grid-column:1;grid-row:2}
 #m3-glass[data-business-collections-editing=true] .m3-hierarchy-open #m3-lab-hierarchy{grid-column:1;grid-row:3}
}

/* Banner Ads shares the Files title + single action row. History is a sibling
   in its existing DOM; give it its own narrow column beside the real toolbar. */
body.meta3-workspace #app #banner-workspace>.meta3-page-heading{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.ad-history{grid-column:1;grid-row:2;margin:0;align-self:center}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.ad-toolbar{grid-column:2;grid-row:2;min-width:0;min-height:40px;border:0}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.meta3-page-action{grid-column:3;grid-row:2}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.meta3-page-secondary{grid-column:1/-1;grid-row:3;justify-content:flex-end}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.meta3-page-secondary:empty{display:none}
body.meta3-workspace #app #banner-workspace .ad-toolbar>.ad-tools:first-child>.ad-tool-divider{display:none}
body.meta3-workspace #app #banner-workspace .ad-toolbar>.ad-tools{flex-wrap:wrap;gap:8px}

/* Labels inherit the row's state; legacy tree/branch weights cannot make
   inactive subpages bold through a nested span. */
#m3-glass #m3-module-menu .m3-submenu-item:not(.m3-current):not([aria-current=page]){font-weight:400}
#m3-glass #m3-module-menu .m3-submenu-item:is(.m3-current,[aria-current=page]){font-weight:600;color:var(--f-accent,#f67524)}
#m3-glass #m3-module-menu .m3-submenu-item>.m3-submenu-label{font-weight:inherit}
#m3-glass #m3-module-menu .m3-section-toggle,#m3-glass #m3-module-menu .m3-section-toggle>span{font-weight:600}

/* A soft neutral hover connects the rail and navigation. The active module
   keeps its orange fill, and active subpages keep their orange label. */
#m3-glass [data-hub-module-button],
#m3-glass #m3-module-menu :is(.m3-submenu-row,.m3-section-toggle){transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
#m3-glass [data-hub-module-button]:not([aria-pressed=true]):not(.m3-on):not(:disabled):is(:hover,:focus-visible){background:var(--m3-navigation-hover-background,#e3e2e1);color:var(--f-shell-ink,#29292c);box-shadow:none}
#m3-glass #m3-module-menu .m3-section-toggle{border-radius:8px}
#m3-glass #m3-module-menu .m3-section-toggle:is(:hover,:focus-visible),
#m3-glass #m3-module-menu .m3-submenu-row:not(.m3-drop-target):not(:has(.m3-current,[aria-current=page])):is(:hover,:has(:focus-visible)){background:var(--m3-navigation-hover-background,#e3e2e1)}
#m3-glass #m3-module-menu .m3-submenu-row>.m3-submenu-item:not(.m3-current):not([aria-current=page]){background:transparent}
@media(prefers-reduced-motion:reduce){
 #m3-glass [data-hub-module-button],
 #m3-glass #m3-module-menu :is(.m3-submenu-row,.m3-section-toggle){transition:none}
}

/* The ContentHub page title defines the shared page-heading rhythm. Section
   labels remain a smaller role; card headlines keep their own Lab targets. */
#m3-glass :is(.m3-heading,.m3-business-heading,.m3-business-job-toolbar,.pc-header,.ch-toolbar){min-height:40px;align-items:center;gap:12px;margin:0 0 var(--m3-page-heading-gap,18px);padding:0}
#m3-glass :is(.m3-heading,.m3-business-heading,.m3-business-job-toolbar,.pc-header,.ch-toolbar)>:is(h1,h2){font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px))!important;font-weight:600;line-height:var(--m3-target-line-height,1.2)!important;letter-spacing:-.7px;margin:0 auto 0 0}
#m3-glass .m3-section-heading{font-size:var(--m3-target-font-size,18px);font-weight:600;line-height:var(--m3-target-line-height,1.35);letter-spacing:0;margin:var(--m3-section-heading-before,24px) 0 var(--m3-page-heading-gap,18px)}
/* Dashboard title and its action icons share a row. All following content
   spans the available width, retaining its existing internal grid. */
#m3-glass #m3-business-view:has(>.m3-content-toolbar):has(>.m3-heading){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start}
#m3-glass #m3-business-view> :not(.m3-content-toolbar):not(.m3-heading){grid-column:1/-1;min-width:0}
#m3-glass #m3-business-view>.m3-heading{grid-column:1;grid-row:1;min-width:0;align-self:center}
#m3-glass #m3-business-view>.m3-content-toolbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-height:40px;margin:0 0 var(--m3-page-heading-gap,18px)}
#m3-glass #m3-business-view>.m3-content-toolbar>.m3-tools{margin-left:auto;justify-content:flex-end;gap:8px}
#m3-glass #m3-business-view>.m3-heading+.m3-section-heading{margin-top:0}
@media(max-width:760px){
 #m3-glass #m3-business-view:has(>.m3-content-toolbar):has(>.m3-heading){grid-template-columns:minmax(0,1fr)}
 #m3-glass #m3-business-view>.m3-content-toolbar{grid-column:1;grid-row:2}
 #m3-glass #m3-business-view>.m3-heading{grid-column:1;grid-row:1}
}

/* Shared alignment follows the ContentHub title's top edge. Shell measurement
   may refine these defaults from the actual content inset and rail geometry. */
#m3-glass{--m3-page-content-top:32px;--m3-nav-first-row-offset:28.5px}
@media(max-width:1100px){#m3-glass{--m3-page-content-top:24px}}
@media(max-width:620px){#m3-glass{--m3-page-content-top:20px;--m3-nav-first-row-offset:0px}}
#m3-glass #m3-module-menu{padding-block-start:var(--m3-nav-first-row-offset)}
#m3-glass #m3-module-menu :is(.m3-submenu-item,.m3-section-toggle){min-height:var(--m3-menu-row-height,31px);line-height:var(--m3-target-line-height,var(--m3-menu-line-height,1.5));align-items:center}
#m3-glass #m3-module-menu .m3-submenu-item>.m3-submenu-label{line-height:inherit}
#m3-glass #m3-module-menu .m3-submenu-item>svg{display:block;align-self:center;flex-shrink:0}
#m3-glass #m3-module-menu .m3-submenu-row{align-items:center}
/* Keep title text at the content inset even when adjacent actions wrap. */
#m3-glass :is(.m3-heading,.m3-business-heading,.m3-business-job-toolbar,.pc-header,.ch-toolbar){align-items:flex-start}
#m3-glass :is(.m3-heading,.m3-business-heading,.m3-business-job-toolbar,.pc-header,.ch-toolbar)>:is(h1,h2){align-self:flex-start;margin-top:0}
#m3-glass #m3-business-view>.m3-heading{align-self:start}
#m3-glass #m3-details-slot>#m3-right-sidebar{padding-top:var(--m3-page-content-top,32px)}
/* The contextual caption follows the title, so it cannot shift the title's
   baseline compared with the page. Native Files owns its separate inspector. */
#m3-glass:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading{align-items:flex-start;min-height:40px;margin:0 0 var(--m3-page-heading-gap,18px)}
#m3-glass:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px}
#m3-glass:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading>div>h2{order:0;margin:0;font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px))!important;line-height:var(--m3-target-line-height,1.2)!important;font-weight:600;letter-spacing:-.7px}
#m3-glass:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading>div>span{order:1;margin:0;line-height:1.4}
#m3-glass:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading>button{align-self:flex-start;margin-top:0}
/* Native Files supplies its own inspector title. Its shell close control must
   share that title row rather than reserve an empty row above it. */
#m3-glass[data-native-contenthub=true] #m3-right-sidebar{position:relative}
#m3-glass[data-native-contenthub=true] #m3-right-sidebar>.m3-details-heading{height:0;min-height:0;margin:0;padding:0}
#m3-glass[data-native-contenthub=true] #m3-details-close{position:absolute;top:var(--m3-page-content-top,32px);right:16px;z-index:2}
body.meta3-workspace #app .inspector .upload-section>.section-label{height:auto;min-height:40px;align-items:flex-start;padding:0 36px 0 0;margin:0 0 var(--m3-page-heading-gap,18px);gap:12px}
body.meta3-workspace #app .inspector .upload-section>.section-label>strong{font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px));line-height:var(--m3-target-line-height,1.2);font-weight:600;letter-spacing:-.7px}
body.meta3-workspace #app .inspector .detail-label{height:auto;min-height:40px;align-items:flex-start;padding:0 36px 0 0;margin:0 0 var(--m3-page-heading-gap,18px);font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px));line-height:var(--m3-target-line-height,1.2);font-weight:600;letter-spacing:-.7px}

/* Dashboard source navigation shares the trailing corner with the width control. */
#m3-glass .m3-dashboard-box.m3-has-source-link{position:relative}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-link{
 position:absolute;left:auto;right:12px;top:var(--m3-card-header-inset,14px);z-index:2;
 display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;
 padding:0;margin:0;border:0;border-radius:50%;cursor:pointer;
 background:color-mix(in srgb,var(--m3-size-tint,#000) 3%,var(--f-box-bg,var(--f-card,#fff)));
 color:var(--f-box-ink,var(--f-card-ink,#29292c));transition:background-color 150ms ease,color 150ms ease;
}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-link svg{width:16px;height:16px;flex:none;stroke-width:1.4}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-size{right:48px;top:var(--m3-card-header-inset,14px)}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-card-header{padding-right:68px}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-link:hover{background:color-mix(in srgb,var(--m3-size-tint,#000) 7%,var(--f-box-bg,var(--f-card,#fff)))}
#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#m3-glass .m3-dashboard-box.m3-has-source-link>.m3-box-link{transition:none}}
/* END user workspace refinements */

/* Existing create actions stay wired to their module; align them with the Shell
   sidebar action, reserving title space without narrowing the entire tool row. */
body.meta3-workspace #app .meta3-page-heading{position:relative;grid-template-rows:minmax(var(--f-control-title-height,38px),auto) auto}
body.meta3-workspace #app .meta3-page-heading>h1{padding-right:calc(var(--m3-title-actions-offset,0px) + var(--f-control-title-height,38px) + 12px)}
body.meta3-workspace #app .meta3-page-heading>.meta3-page-action{position:absolute;right:var(--m3-title-actions-offset,0px);top:0;grid-column:auto!important;grid-row:auto!important;--f-control-height:var(--f-control-title-height,38px);--f-control-icon:18px}
body.meta3-workspace #app .meta3-page-heading>.toolbar{grid-column:1/-1}
body.meta3-workspace #app #banner-workspace>.meta3-page-heading>.ad-toolbar{grid-column:2/-1}
body.meta3-workspace #app .meta3-page-action .f-button>:is(span,i){width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;background:transparent}
body.meta3-workspace #app .meta3-page-action .f-button>svg{display:none}
body.meta3-workspace #app .meta3-page-action .f-button :is(span,i) svg{width:18px!important;height:18px!important}

body.meta3-workspace[data-native-scope=content] #app .meta3-page-heading{--m3-title-actions-offset:calc(var(--f-control-title-height,38px) + 8px);padding-right:0!important}
#m3-glass[data-m3-theme] .m3-content-sidebar-action{height:var(--f-control-title-height,38px)}
/* Shared page rails remain inside the existing content scroller. Jobs owns its
   combined title/column-header implementation in the Business workspace. */
#m3-glass :is(.m3-heading,.m3-content-toolbar,.pc-header,.mail-header,.m3-invoice-heading,.ch-toolbar,.f-gallery-heading){position:sticky;top:0;z-index:8;background:var(--f-content,#fcfbfa);padding-block:8px;isolation:isolate}
body.meta3-workspace[data-native-scope=content] #app .meta3-page-heading{position:sticky;top:0;z-index:8;background:var(--f-content,#fcfbfa)}

#m3-glass[data-m3-theme] .m3-content-sidebar-action{z-index:12}

/* One right-sidebar inset and title axis, including the native shadow panel. */
#m3-glass[data-m3-theme] #m3-details-slot>:is(#m3-right-sidebar,#m3-ui-lab){padding:var(--m3-page-content-top,32px) var(--f-sidebar-padding-x,20px) var(--f-sidebar-padding-bottom,20px)!important}
#m3-glass[data-m3-theme] :is(#m3-details-close,#m3-lab-close){display:none!important}
#m3-glass[data-m3-theme]:not([data-native-contenthub=true]) #m3-right-sidebar>.m3-details-heading,
#m3-glass[data-m3-theme] #m3-ui-lab>.m3-lab-head{box-sizing:border-box;min-height:var(--f-control-title-height,38px);align-items:center;margin:0 0 var(--m3-page-heading-gap,18px);padding:0}
#m3-glass[data-m3-theme] .m3-details-heading>div>span{display:none}
#m3-glass[data-m3-theme] :is(.m3-details-heading h2,#m3-lab-title){margin:0!important;font-size:var(--m3-target-font-size,var(--m3-page-title-size,26px))!important;line-height:1.2!important;font-weight:600;letter-spacing:-.7px}
body.meta3-workspace[data-native-scope=panel] :is(.section-label,.ad-upload-heading){box-sizing:border-box;display:flex;align-items:center;min-height:var(--f-control-title-height,38px);height:auto;margin:0 0 var(--m3-page-heading-gap,18px)!important;padding:0!important}
body.meta3-workspace[data-native-scope=panel] :is(.section-label>strong,.ad-upload-heading){font-size:var(--m3-page-title-size,26px)!important;line-height:1.2!important;font-weight:600;letter-spacing:-.7px}
#m3-glass :is(.m3-heading,.m3-content-toolbar,.pc-header,.mail-header,.m3-invoice-heading,.ch-toolbar,.f-gallery-heading){padding-block:0 8px;min-height:var(--f-control-title-height,38px)}
body.meta3-workspace[data-native-scope=panel] :is(.section-label,.ad-upload-heading){height:var(--f-control-title-height,38px)!important}
body.meta3-workspace[data-native-scope=panel] .section-label>strong{margin:0!important;line-height:1.2!important}
body.meta3-workspace[data-native-scope=panel] #app .inspector .upload-section>.section-label{height:var(--f-control-title-height,38px)!important;min-height:var(--f-control-title-height,38px)!important;align-items:center!important}
/* Prevent focus scroll from moving the fixed Shell; only its inner scroller moves. */
body:has(>#m3-glass){overflow:clip!important}
#m3-glass :is(.m3-heading,.m3-content-toolbar,.pc-header,.mail-header,.m3-invoice-heading,.ch-toolbar,.f-gallery-heading){top:8px;box-shadow:0 -8px 0 var(--f-content,#fcfbfa)}

/* Keep the starting title inset from the first scroll pixel. */
#m3-glass[data-m3-theme] :is(.m3-heading,.m3-content-toolbar,.pc-header,.mail-header,.m3-invoice-heading,.ch-toolbar,.f-gallery-heading){top:var(--m3-page-content-top,32px)!important;box-shadow:0 calc(-1 * var(--m3-page-content-top,32px)) 0 var(--f-content,#fcfbfa)}
/* Native content already starts at the Shell inset; its clipped workspace is the sticky scroll boundary. */
body.meta3-workspace[data-native-scope=content] #app .meta3-page-heading{top:0!important;box-shadow:none}

/* Reserve a real sibling slot for the one Shell sidebar control. */
#m3-glass[data-m3-theme].m3-content-sidebar-toggle-visible .m3-content-toolbar{padding-right:calc(var(--f-control-title-height,38px) + 8px)!important}
#m3-glass[data-m3-theme][data-hub-module=dashboard] #m3-business-view>:is(.m3-heading,.m3-content-toolbar){padding-block:0 8px!important;min-height:calc(var(--f-control-title-height,38px) + 8px)!important;align-items:center}
#m3-glass[data-m3-theme][data-hub-module=dashboard] #m3-business-view>.m3-heading{padding-right:0!important}

/* The sidebar disclosure is a contextual icon within the shared title rail. */
#m3-glass[data-m3-theme] .m3-content-sidebar-action{display:flex;align-items:center}
#m3-glass[data-m3-theme] .m3-content-sidebar-action #m3-details-toggle{--m3-action-height:var(--f-control-box-height,28px);--m3-action-icon-size:14px;width:var(--f-control-box-height,28px)!important;min-width:var(--f-control-box-height,28px)!important;height:var(--f-control-box-height,28px)!important;min-height:var(--f-control-box-height,28px)!important;padding:0!important}
#m3-glass[data-m3-theme] .m3-content-sidebar-action #m3-details-toggle svg{width:14px!important;height:14px!important}

/* One shared outer box gap, including responsive split views; explicit Lab overrides win. */
#m3-glass[data-m3-theme] :is(.mail-layout,.m3-business-split,.m3-dashboard-board,[data-dashboard-board],[data-gallery-gap=board]){gap:var(--m3-target-row-gap,var(--f-gap-board,20px)) var(--m3-target-column-gap,var(--f-gap-board,20px))}