@conduction/nextcloud-vue 2.101.0 → 2.102.0

package/dist/nextcloud-vue.css

@@ -2399,6 +2399,16 @@
 	gap: 8px;
 }
 
+/* `quickFilterPlacement: "toolbar"` (DqTeamwachtrij): the chips take the room
+   the Filter button and the view switch leave on row 1, so the three stay on
+   one row in the column beside a side panel; the chips that do not fit move
+   into the overflow chip (CnQuickFilterBar `fit`) instead of pushing the
+   buttons onto a row of their own. */
+.cn-look-board.cn-index-page--quick-filters-toolbar .cn-actions-bar--board > .cn-actions-bar__row--views > .cn-quick-filter-bar {
+	flex: 1 1 0;
+	min-width: 0;
+}
+
 /* Row 2: the search field and the active filters on a line of their own. */
 .cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--search {
 	display: flex;
@@ -9953,7 +9963,7 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-chart-widget[data-v-0b737464] {
+.cn-chart-widget[data-v-7d7200f4] {
 	width: 100%;
 	/* A chart FITS its container — it is never a scroll region. apexcharts
 	   sizes its SVG from the element it is mounted in, but it also enforces
@@ -9975,13 +9985,13 @@ a.cn-kpi-card--board * {
    takes what is left, so the chart is sized by the box rather than sizing it.
    `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
    the thing that produces the overflow it was meant to prevent. */
-.cn-chart-widget--fit[data-v-0b737464] {
+.cn-chart-widget--fit[data-v-7d7200f4] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-0b737464] {
+.cn-chart-widget__canvas[data-v-7d7200f4] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -9994,14 +10004,14 @@ a.cn-kpi-card--board * {
 /* apexcharts writes an inline `width` onto its own wrapper from its measured
    minimum, which beats the container when the container is narrower. Cap the
    painted box so the inline width cannot push past the widget's border. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-canvas,
-.cn-chart-widget[data-v-0b737464] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-canvas,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-canvas svg {
 	max-width: 100%;
 }
 
 /* The SVG is a block: as an inline box it sits on a line and adds the line's
    descender space under the chart. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -10009,24 +10019,24 @@ a.cn-kpi-card--board * {
    would grow to its content, i.e. to the chart, and the percentage height would
    resolve against a box the chart itself defined. `overflow: hidden` keeps a
    sub-pixel rounding difference from reintroducing a scrollbar. */
-.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-0b737464] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-7d7200f4] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-0b737464] {
+.cn-chart-widget__fallback[data-v-7d7200f4] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-0b737464] {
+.cn-chart-widget__html[data-v-7d7200f4] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-0b737464] {
+.cn-chart-widget__bar-list[data-v-7d7200f4] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -10034,7 +10044,7 @@ a.cn-kpi-card--board * {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-0b737464] {
+.cn-chart-widget__bar-line[data-v-7d7200f4] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -10049,93 +10059,100 @@ a.cn-kpi-card--board * {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-0b737464] {
+.cn-chart-widget__bar-line--drill[data-v-7d7200f4] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-0b737464],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-0b737464] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-7d7200f4],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-7d7200f4] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-0b737464] {
+.cn-chart-widget__bar-label[data-v-7d7200f4] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-0b737464] {
+.cn-chart-widget__bar-track[data-v-7d7200f4] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-0b737464] {
+.cn-chart-widget__bar-fill[data-v-7d7200f4] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-0b737464] {
+.cn-chart-widget__bar-value[data-v-7d7200f4] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-0b737464] {
+.cn-chart-widget__footnote[data-v-7d7200f4] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-chart-widget__matrix[data-v-0b737464] {
+
+/* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
+   its own line height while the canvas takes the rest of a fitted column. */
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-7d7200f4] {
+	flex: 0 0 auto;
+	margin-top: 8px;
+}
+.cn-chart-widget__matrix[data-v-7d7200f4] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-0b737464] {
+.cn-chart-widget__matrix-row[data-v-7d7200f4] {
 	display: contents;
 }
-.cn-chart-widget__matrix-head[data-v-0b737464] {
+.cn-chart-widget__matrix-head[data-v-7d7200f4] {
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
 }
-.cn-chart-widget__matrix-label[data-v-0b737464] {
+.cn-chart-widget__matrix-label[data-v-7d7200f4] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-0b737464] {
+.cn-chart-widget__matrix-cell[data-v-7d7200f4] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--success[data-v-7d7200f4] {
 	background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--warning[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--warning[data-v-7d7200f4] {
 	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--error[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--error[data-v-7d7200f4] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--danger[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--danger[data-v-7d7200f4] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--current[data-v-7d7200f4] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
 }
-.cn-chart-widget__matrix-cell--1[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--1[data-v-7d7200f4] {
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--2[data-v-7d7200f4] {
 	background: color-mix(in srgb, var(--color-primary-element) 30%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--3[data-v-7d7200f4] {
 	background: color-mix(in srgb, var(--color-primary-element) 65%, var(--color-main-background));
 	color: var(--color-primary-element-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-0b737464] {
+.cn-chart-widget__matrix-cell--4[data-v-7d7200f4] {
 	background: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-chart-widget__empty[data-v-0b737464] {
+.cn-chart-widget__empty[data-v-7d7200f4] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -10150,25 +10167,25 @@ a.cn-kpi-card--board * {
    content-sized case; in fit mode they take the leftover space and centre in it
    instead, since the floor would overflow a short tile. Declared after the base
    rules so the cascade order matches specificity (no-descending-specificity). */
-.cn-chart-widget--fit .cn-chart-widget__empty[data-v-0b737464],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-0b737464] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-7d7200f4],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-7d7200f4] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-0b737464] {
+.cn-chart-widget__error[data-v-7d7200f4] {
 	font-size: 14px;
 	margin: 0;
 }
 
 /* In-widget view switcher pills (views[] prop) — compact segmented row,
    mirroring the dashboard date-range pill styling. */
-.cn-chart-widget__views[data-v-0b737464] {
+.cn-chart-widget__views[data-v-7d7200f4] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-0b737464] {
+.cn-chart-widget__view-pill[data-v-7d7200f4] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -10177,7 +10194,7 @@ a.cn-kpi-card--board * {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-0b737464] {
+.cn-chart-widget__view-pill--active[data-v-7d7200f4] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -10206,8 +10223,8 @@ a.cn-kpi-card--board * {
    each override below therefore carries one more class than the apexcharts rule
    it replaces, and holds even without the scope attribute this block compiles
    with. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -10216,8 +10233,8 @@ a.cn-kpi-card--board * {
 
 /* The title row is the date/category header ("Aug 26"). Its own background is
    what made it unreadable rather than merely off-theme. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
 	background: var(--color-background-hover);
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -10226,8 +10243,8 @@ a.cn-kpi-card--board * {
 /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
    here and only overrides them for its dark theme, so the base rule has to be
    replaced too — not just the theme variants. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -10236,55 +10253,55 @@ a.cn-kpi-card--board * {
 /* Their pointer arrows are two stacked triangles: `::before` paints the border
    edge, `::after` the fill. Both need the tokens the box above uses, or the
    arrow keeps the old palette and reads as a stray light wedge. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-yaxistooltip-right::before {
 	border-left-color: var(--color-border);
 	border-right-color: var(--color-border);
 }
 
 /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
    hardcoded `#fff` panel under inherited near-white text. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-menu {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-0b737464] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-menu .apexcharts-menu-item:hover {
 	background: var(--color-background-hover);
 }
 
 /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
    vanishes against a dark background. One selector per icon class, matching
    apexcharts' own list, to clear its (0,3,1) hover rules. */
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-7d7200f4] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -26522,16 +26539,16 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-widget-object-table[data-v-d8f8d15a] {
+.cn-widget-object-table[data-v-dfdcad2a] {
 	width: 100%;
 }
-.cn-widget-object-table__footer[data-v-d8f8d15a] {
+.cn-widget-object-table__footer[data-v-dfdcad2a] {
 	display: flex;
 	gap: 4px;
 	padding: 4px 8px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-widget-object-table__error[data-v-d8f8d15a] {
+.cn-widget-object-table__error[data-v-dfdcad2a] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-size: 0.85em;
 	margin: 4px 8px 0;
@@ -28803,14 +28820,14 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-menu-widget[data-v-2a4e786e] {
+.cn-menu-widget[data-v-2edac2f0] {
 	width: 100%;
 	height: 100%;
 	padding: 4px;
 	color: var(--color-main-text);
 	font-size: 14px;
 }
-.cn-menu-widget__empty[data-v-2a4e786e] {
+.cn-menu-widget__empty[data-v-2edac2f0] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -28820,13 +28837,13 @@ button.cn-stepper__step[data-v-776581d4] {
 	border: 1px dashed var(--color-border);
 	border-radius: var(--border-radius);
 }
-.cn-menu-widget__empty--clickable[data-v-2a4e786e] {
+.cn-menu-widget__empty--clickable[data-v-2edac2f0] {
 	cursor: pointer;
 }
-.cn-menu-widget__empty-icon[data-v-2a4e786e] {
+.cn-menu-widget__empty-icon[data-v-2edac2f0] {
 	font-size: 18px;
 }
-.cn-menu-widget__bar[data-v-2a4e786e] {
+.cn-menu-widget__bar[data-v-2edac2f0] {
 	display: flex;
 	flex-direction: row;
 	gap: 4px;
@@ -28834,17 +28851,17 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0;
 	list-style: none;
 }
-.cn-menu-widget__bar--vertical[data-v-2a4e786e] {
+.cn-menu-widget__bar--vertical[data-v-2edac2f0] {
 	flex-direction: column;
 }
-.cn-menu-widget__bar-item[data-v-2a4e786e] {
+.cn-menu-widget__bar-item[data-v-2edac2f0] {
 	position: relative;
 	list-style: none;
 }
-.cn-menu-widget__bar-button[data-v-2a4e786e],
-.cn-menu-widget__dropdown-item[data-v-2a4e786e],
-.cn-menu-widget__mega-group-title[data-v-2a4e786e],
-.cn-menu-widget__mega-leaf[data-v-2a4e786e] {
+.cn-menu-widget__bar-button[data-v-2edac2f0],
+.cn-menu-widget__dropdown-item[data-v-2edac2f0],
+.cn-menu-widget__mega-group-title[data-v-2edac2f0],
+.cn-menu-widget__mega-leaf[data-v-2edac2f0] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -28860,35 +28877,35 @@ button.cn-stepper__step[data-v-776581d4] {
 	box-sizing: border-box;
 	width: 100%;
 }
-.cn-menu-widget__mega-group-title[data-v-2a4e786e] {
+.cn-menu-widget__mega-group-title[data-v-2edac2f0] {
 	font-weight: 600;
 }
-.cn-menu-widget__bar-button[data-v-2a4e786e]:hover,
-.cn-menu-widget__dropdown-item[data-v-2a4e786e]:hover,
-.cn-menu-widget__mega-group-title[data-v-2a4e786e]:hover,
-.cn-menu-widget__mega-leaf[data-v-2a4e786e]:hover {
+.cn-menu-widget__bar-button[data-v-2edac2f0]:hover,
+.cn-menu-widget__dropdown-item[data-v-2edac2f0]:hover,
+.cn-menu-widget__mega-group-title[data-v-2edac2f0]:hover,
+.cn-menu-widget__mega-leaf[data-v-2edac2f0]:hover {
 	background: var(--color-background-hover);
 }
-.cn-menu-widget__bar-button[data-v-2a4e786e]:focus-visible,
-.cn-menu-widget__dropdown-item[data-v-2a4e786e]:focus-visible {
+.cn-menu-widget__bar-button[data-v-2edac2f0]:focus-visible,
+.cn-menu-widget__dropdown-item[data-v-2edac2f0]:focus-visible {
 	outline: 2px solid var(--color-primary);
 	outline-offset: 2px;
 }
-.cn-menu-widget__icon[data-v-2a4e786e] {
+.cn-menu-widget__icon[data-v-2edac2f0] {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	width: 20px;
 	height: 20px;
 }
-.cn-menu-widget__icon--hidden[data-v-2a4e786e] {
+.cn-menu-widget__icon--hidden[data-v-2edac2f0] {
 	visibility: hidden;
 }
-.cn-menu-widget__caret[data-v-2a4e786e] {
+.cn-menu-widget__caret[data-v-2edac2f0] {
 	margin-left: auto;
 	font-size: 10px;
 }
-.cn-menu-widget__dropdown[data-v-2a4e786e] {
+.cn-menu-widget__dropdown[data-v-2edac2f0] {
 	position: absolute;
 	top: 100%;
 	left: 0;
@@ -28902,10 +28919,10 @@ button.cn-stepper__step[data-v-776581d4] {
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
 	list-style: none;
 }
-.cn-menu-widget__dropdown-item-wrap[data-v-2a4e786e] {
+.cn-menu-widget__dropdown-item-wrap[data-v-2edac2f0] {
 	position: relative;
 }
-.cn-menu-widget__flyout[data-v-2a4e786e] {
+.cn-menu-widget__flyout[data-v-2edac2f0] {
 	position: absolute;
 	top: 0;
 	left: 100%;
@@ -28918,7 +28935,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
 	list-style: none;
 }
-.cn-menu-widget__mega-panel[data-v-2a4e786e] {
+.cn-menu-widget__mega-panel[data-v-2edac2f0] {
 	margin-top: 4px;
 	padding: 12px;
 	display: grid;
@@ -28928,35 +28945,35 @@ button.cn-stepper__step[data-v-776581d4] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 }
-.cn-menu-widget__mega-leaves[data-v-2a4e786e] {
+.cn-menu-widget__mega-leaves[data-v-2edac2f0] {
 	margin: 4px 0 0;
 	padding: 0;
 	list-style: none;
 }
-.cn-menu-widget__tree[data-v-2a4e786e] {
+.cn-menu-widget__tree[data-v-2edac2f0] {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
 
 /* Active-item highlight variants. */
-.cn-menu-widget--highlight-underline .cn-menu-widget__item--active[data-v-2a4e786e] {
+.cn-menu-widget--highlight-underline .cn-menu-widget__item--active[data-v-2edac2f0] {
 	border-bottom: 3px solid var(--color-primary);
 }
-.cn-menu-widget--highlight-underline .cn-menu-widget__item--in-path[data-v-2a4e786e] {
+.cn-menu-widget--highlight-underline .cn-menu-widget__item--in-path[data-v-2edac2f0] {
 	border-bottom: 2px solid var(--color-primary);
 	opacity: 0.85;
 }
-.cn-menu-widget--highlight-background .cn-menu-widget__item--active[data-v-2a4e786e],
-.cn-menu-widget--highlight-background .cn-menu-widget__item--in-path[data-v-2a4e786e] {
+.cn-menu-widget--highlight-background .cn-menu-widget__item--active[data-v-2edac2f0],
+.cn-menu-widget--highlight-background .cn-menu-widget__item--in-path[data-v-2edac2f0] {
 	background: var(--color-primary-element-light, rgba(0, 112, 192, 0.1));
 	color: var(--color-primary);
 }
-.cn-menu-widget--highlight-left-bar .cn-menu-widget__item--active[data-v-2a4e786e] {
+.cn-menu-widget--highlight-left-bar .cn-menu-widget__item--active[data-v-2edac2f0] {
 	border-left: 5px solid var(--color-primary);
 	padding-left: 6px;
 }
-.cn-menu-widget--highlight-left-bar .cn-menu-widget__item--in-path[data-v-2a4e786e] {
+.cn-menu-widget--highlight-left-bar .cn-menu-widget__item--in-path[data-v-2edac2f0] {
 	border-left: 4px solid var(--color-primary);
 	padding-left: 7px;
 	opacity: 0.85;
@@ -39351,7 +39368,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-quick-filter-bar[data-v-ed2d2a38] {
+.cn-quick-filter-bar[data-v-2d5e5fa6] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -39360,7 +39377,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-quick-filter-bar__tabs[data-v-ed2d2a38] {
+.cn-quick-filter-bar__tabs[data-v-2d5e5fa6] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -39370,7 +39387,35 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Inline variant — bare strip for embedding inside another bar (e.g. the
    CnActionsBar #filters slot), so it reads as a control beside the view toggle
    rather than a separate bordered row. */
-.cn-quick-filter-bar--inline[data-v-ed2d2a38] {
+/* With `fit`: one line, as wide as it is given; the chips it cannot hold
+   are in the overflow chip. The measuring copy takes no room and is never
+   seen or read. */
+.cn-quick-filter-bar--fit[data-v-2d5e5fa6] {
+	position: relative;
+	flex-wrap: nowrap;
+	min-width: 0;
+}
+.cn-quick-filter-bar--fit .cn-quick-filter-bar__tabs[data-v-2d5e5fa6] {
+	flex-wrap: nowrap;
+	min-width: 0;
+}
+.cn-quick-filter-bar__measure[data-v-2d5e5fa6] {
+	position: absolute;
+	inset-block-start: 0;
+	inset-inline-start: 0;
+	display: flex;
+	gap: 8px;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	visibility: hidden;
+	pointer-events: none;
+	white-space: nowrap;
+}
+.cn-quick-filter-bar__measure[data-v-2d5e5fa6] > * {
+	flex: none;
+}
+.cn-quick-filter-bar--inline[data-v-2d5e5fa6] {
 	padding: 0;
 	border-bottom: none;
 	background: transparent;
@@ -39378,13 +39423,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Dropdown variant — give the NcSelect a sensible minimum so multi-select
    chips have room without stretching the whole bar. */
-.cn-quick-filter-bar--dropdown[data-v-ed2d2a38] {
+.cn-quick-filter-bar--dropdown[data-v-2d5e5fa6] {
 	align-items: center;
 }
-.cn-quick-filter-bar__select[data-v-ed2d2a38] {
+.cn-quick-filter-bar__select[data-v-2d5e5fa6] {
 	min-width: 220px;
 }
-.cn-quick-filter-bar__tab[data-v-ed2d2a38] {
+.cn-quick-filter-bar__tab[data-v-2d5e5fa6] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -39398,20 +39443,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 120ms, color 120ms, border-color 120ms;
 }
-.cn-quick-filter-bar__tab[data-v-ed2d2a38]:hover,
-.cn-quick-filter-bar__tab[data-v-ed2d2a38]:focus-visible {
+.cn-quick-filter-bar__tab[data-v-2d5e5fa6]:hover,
+.cn-quick-filter-bar__tab[data-v-2d5e5fa6]:focus-visible {
 	background: var(--color-background-hover);
 	outline: none;
 }
-.cn-quick-filter-bar__tab--active[data-v-ed2d2a38] {
+.cn-quick-filter-bar__tab--active[data-v-2d5e5fa6] {
 	background: var(--color-primary-element, var(--color-primary, #4376fc));
 	color: var(--color-primary-element-text, #fff);
 	border-color: var(--color-primary-element, var(--color-primary, #4376fc));
 }
-.cn-quick-filter-bar__icon[data-v-ed2d2a38] {
+.cn-quick-filter-bar__icon[data-v-2d5e5fa6] {
 	display: inline-flex;
 }
-.cn-quick-filter-bar__label[data-v-ed2d2a38] {
+.cn-quick-filter-bar__label[data-v-2d5e5fa6] {
 	line-height: 1;
 }
 
@@ -39419,7 +39464,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    (primary) fill as well as on the resting one. The count's text starts with
    a space: the chip is a flex row, so the space is not drawn, but it keeps a
    screen reader from reading label and count as one word. */
-.cn-quick-filter-bar__count[data-v-ed2d2a38] {
+.cn-quick-filter-bar__count[data-v-2d5e5fa6] {
 	min-width: 1.5em;
 	padding: 2px 6px;
 	border: 1px solid currentColor;
@@ -39432,26 +39477,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* NcPopover wraps its trigger in a plain `<div class="v-popper">`, which as a
    block would drop the chip onto its own line under the strip. */
-.cn-quick-filter-bar[data-v-ed2d2a38] >  .v-popper {
+.cn-quick-filter-bar[data-v-2d5e5fa6] >  .v-popper {
 	display: inline-flex;
 }
 
 /* The `⋯` glyph is the chip's whole content while no hidden lens is on, so the
    pill tightens to a circle rather than sitting as a wide empty capsule. */
-.cn-quick-filter-bar__more[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more[data-v-2d5e5fa6] {
 	gap: 4px;
 }
-.cn-quick-filter-bar__more--icon-only[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more--icon-only[data-v-2d5e5fa6] {
 	padding: 4px 8px;
 }
-.cn-quick-filter-bar__more[aria-expanded='true'][data-v-ed2d2a38] {
+.cn-quick-filter-bar__more[aria-expanded='true'][data-v-2d5e5fa6] {
 	border-color: var(--color-primary-element, var(--color-primary, #4376fc));
 }
-.cn-quick-filter-bar__more-panel[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more-panel[data-v-2d5e5fa6] {
 	padding: 10px 12px 12px;
 	max-width: 280px;
 }
-.cn-quick-filter-bar__more-heading[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more-heading[data-v-2d5e5fa6] {
 	margin: 0 0 8px;
 	font-size: 12px;
 	font-weight: 600;
@@ -39460,17 +39505,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* The hidden lenses stay chips — the panel is more of the strip, not a
    different control that happens to hold the same filters. */
-.cn-quick-filter-bar__more-list[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more-list[data-v-2d5e5fa6] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 	max-height: 320px;
 	overflow-y: auto;
 }
-.cn-quick-filter-bar__more-item[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more-item[data-v-2d5e5fa6] {
 	max-width: 100%;
 }
-.cn-quick-filter-bar__more-item .cn-quick-filter-bar__label[data-v-ed2d2a38] {
+.cn-quick-filter-bar__more-item .cn-quick-filter-bar__label[data-v-2d5e5fa6] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
@@ -40940,7 +40985,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-54c2437f] {
+.cn-dashboard-page[data-v-35fed42f] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -40954,7 +40999,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-54c2437f] {
+.cn-dashboard-page__header[data-v-35fed42f] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -40966,21 +41011,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-54c2437f] {
+.cn-dashboard-page__header-left[data-v-35fed42f] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-54c2437f] {
+.cn-dashboard-page__title-row[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-54c2437f] {
+.cn-dashboard-page__title[data-v-35fed42f] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-54c2437f] {
+.cn-dashboard-page__description[data-v-35fed42f] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -40988,19 +41033,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
    under it, and 40px buttons with a 10px gap. */
-.cn-dashboard-page--board .cn-dashboard-page__title[data-v-54c2437f] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-35fed42f] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-54c2437f] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-35fed42f] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-54c2437f] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-35fed42f] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-54c2437f] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-35fed42f] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -41008,17 +41053,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* The switch row under the header (screens-dashboard-greeting-header): the
    view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
    radius 17, 13px/600, a 14px icon, primary light on primary deep). */
-.cn-dashboard-page__switch-row[data-v-54c2437f] {
+.cn-dashboard-page__switch-row[data-v-35fed42f] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-dashboard-page__switch-row-spacer[data-v-54c2437f] {
+.cn-dashboard-page__switch-row-spacer[data-v-35fed42f] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-54c2437f] {
+.cn-dashboard-page__view-link[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -41032,37 +41077,37 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-54c2437f]:hover {
+.cn-dashboard-page__view-link[data-v-35fed42f]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-54c2437f]:focus-visible {
+.cn-dashboard-page__view-link[data-v-35fed42f]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-54c2437f] {
+.cn-dashboard-page__view-link-icon[data-v-35fed42f] {
 	display: inline-flex;
 }
 
 /* The period group, in a row of its own between the header and the KPI row. */
-.cn-dashboard-page__date-range--segmented[data-v-54c2437f] {
+.cn-dashboard-page__date-range--segmented[data-v-35fed42f] {
 	margin-bottom: 16px;
 }
 
 /* The period group at the end of the description line. */
-.cn-dashboard-page__description--with-period[data-v-54c2437f] {
+.cn-dashboard-page__description--with-period[data-v-35fed42f] {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-dashboard-page__date-segmented[data-v-54c2437f] {
+.cn-dashboard-page__date-segmented[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
 
 /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
-.cn-dashboard-page__kpi-row[data-v-54c2437f] {
+.cn-dashboard-page__kpi-row[data-v-35fed42f] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
 
@@ -41070,15 +41115,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    the cards started a margin to the right of the KPI row and the header. The
    grid reaches out by that margin, so the card edges line up with the page's
    (dashboard-grid-flush). */
-.cn-dashboard-page--board[data-v-54c2437f] .cn-dashboard-grid {
+.cn-dashboard-page--board[data-v-35fed42f] .cn-dashboard-grid {
 	width: auto;
 	margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
 }
-.cn-dashboard-page__kpi-cell[data-v-54c2437f] {
+.cn-dashboard-page__kpi-cell[data-v-35fed42f] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-54c2437f] > * {
+.cn-dashboard-page__kpi-cell[data-v-35fed42f] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -41091,7 +41136,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    scoped chip rules then silently don't match and the chip collapses into
    NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
    data-testid is stable across chunks, so those rules match regardless. */
-.cn-dashboard-page__header-actions[data-v-54c2437f] {
+.cn-dashboard-page__header-actions[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -41107,19 +41152,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Date-range header band. Kept compact so it doesn't open a tall gap
    above the grid; the pills variant is a single tidy toggle row. */
-.cn-dashboard-page__date-range[data-v-54c2437f] {
+.cn-dashboard-page__date-range[data-v-35fed42f] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-54c2437f] {
+.cn-dashboard-page__date-range--pills[data-v-35fed42f] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-54c2437f] {
+.cn-dashboard-page__date-pills[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-54c2437f] {
+.cn-dashboard-page__date-pill[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -41134,77 +41179,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-54c2437f]:hover {
+.cn-dashboard-page__date-pill[data-v-35fed42f]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-54c2437f]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-35fed42f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-54c2437f] {
+.cn-dashboard-page__date-pill--active[data-v-35fed42f] {
 	background: var(--color-primary-element);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-dashboard-page__date-pill--active[data-v-54c2437f]:hover {
+.cn-dashboard-page__date-pill--active[data-v-35fed42f]:hover {
 	background: var(--color-primary-element-hover, var(--color-primary-element));
 }
 
 /* The custom-range pill is de-emphasised — dashed outline, muted text —
    so it reads as an escape hatch rather than a primary option. */
-.cn-dashboard-page__date-pill--custom[data-v-54c2437f] {
+.cn-dashboard-page__date-pill--custom[data-v-35fed42f] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-35fed42f] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-35fed42f] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-35fed42f] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-35fed42f] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-54c2437f] {
+.cn-dashboard-page__empty[data-v-35fed42f] {
 	padding: 60px 20px;
 }
 
 /* The page's view switch on a page without a header row: at the end of its
    own row, above the grids, where the header would have put it. */
-.cn-dashboard-page__view-switch[data-v-54c2437f] {
+.cn-dashboard-page__view-switch[data-v-35fed42f] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 12px;
 }
 
 /* A view the switch shows with nothing to draw. */
-.cn-page-view-region--empty[data-v-54c2437f] {
+.cn-page-view-region--empty[data-v-35fed42f] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-54c2437f] {
+.cn-dashboard-page__page-filters[data-v-35fed42f] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-54c2437f] {
+.cn-dashboard-page__page-filter[data-v-35fed42f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-54c2437f] {
+.cn-dashboard-page__page-filter-label[data-v-35fed42f] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-54c2437f] {
+.cn-dashboard-page__widget-edit[data-v-35fed42f] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -41223,8 +41268,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    and centre the card. */
 /* `safe` centre so an overflowing tile does not spill out of the top, where
    flex overflow cannot be scrolled back to. Same as detail-page.css. */
-.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-54c2437f] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-35fed42f] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-35fed42f] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -41240,7 +41285,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    shows up as a scrollbar the user has to drag to see the whole graph. Same
    shape as the card-fit rule above, minus the padding: chart tiles render
    `flush`, and apexcharts already draws its own margins. */
-.cn-dashboard-page__chart-fit[data-v-54c2437f] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-35fed42f] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -41250,13 +41295,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-35fed42f] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-35fed42f] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-35fed42f] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-54c2437f] {
+.cn-dashboard-page__unknown[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -41267,31 +41312,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-54c2437f] {
+.cn-dashboard-page__content[data-v-35fed42f] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-54c2437f] {
+.cn-dashboard-page__content-item[data-v-35fed42f] {
 	width: 100%;
 }
 /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
    are 44px: the widget Actions menu and the KPI tiles. */
 @media (max-width: 640px) {
-.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-35fed42f] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-35fed42f] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-54c2437f] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-35fed42f] {
 		min-height: 44px;
 }
 
 	/* The widget Actions menu shows its icon only, so the card title keeps
 	   the room; the name stays for assistive tech. */
-.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle {
+.cn-dashboard-page--board[data-v-35fed42f] .cn-widget-wrapper__actions .action-item__menutoggle {
 		min-width: 44px;
 }
-.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
+.cn-dashboard-page--board[data-v-35fed42f] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
 		position: absolute;
 		width: 1px;
 		height: 1px;
@@ -41303,7 +41348,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* What a registry widget reports for its card header (`header` event): the
    note beside the link ("3 in total") and one action, as on a detail page. */
-.cn-dashboard-page__widget-count[data-v-54c2437f] {
+.cn-dashboard-page__widget-count[data-v-35fed42f] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -41312,13 +41357,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-54c2437f] {
+.cn-dashboard-page__widget-note[data-v-35fed42f] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-54c2437f] {
+.cn-dashboard-page__widget-action[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -41334,7 +41379,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-54c2437f]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-35fed42f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }