@conduction/nextcloud-vue 2.100.0 → 2.102.0

package/dist/esm/nextcloud-vue.css

@@ -166,6 +166,50 @@
 	padding-inline-start: 56px;
 }
 
+/* The dashboard header as the board draws it (DqTermijnen): the actions on
+   the title's row, the description and its segmented period under both, at
+   the header's full width. As two flex columns the description sat in the
+   title's column only, so a long period group wrapped under its text and the
+   actions dropped to a line of their own. The title column never shrinks
+   below its longest word; the actions wrap their buttons first.
+   @spec openspec/changes/dashboard-board-header-row/specs/dashboard-page/spec.md#requirement-the-board-dashboard-header-keeps-its-actions-on-the-title-row */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header {
+	display: grid;
+	grid-template-columns: minmax(min-content, 1fr) auto;
+	align-items: start;
+	column-gap: 16px;
+	row-gap: 0;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header-left {
+	display: contents;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__title-row {
+	grid-column: 1;
+	grid-row: 1;
+	align-self: center;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header-left > :not(.cn-dashboard-page__title-row) {
+	grid-column: 1 / -1;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header > .cn-dashboard-page__header-actions {
+	grid-column: 2;
+	grid-row: 1;
+	justify-content: flex-end;
+	margin-inline-start: 0;
+}
+
+/* A stat tile in the board's KPI row carries the board's own 18px 20px inset
+   (`cn-kpi-card--board`), so the card-fit cell adds none of its own: with
+   both the label sat 29px from the tile's top and 37px from its side, and
+   the row stood about 1.4 times the board's height. */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__kpi-cell .cn-dashboard-page__card-fit .cn-widget-wrapper__content:has(> .cn-kpi-card--board.cn-kpi-card--stacked) {
+	padding: 0;
+}
+
 /* ---- The header button ------------------------------------------------- */
 .cn-look-board .cn-index-page__header-buttons:not(.cn-look-nextcloud *),
 .cn-look-board .cn-detail-page__header-actions:not(.cn-look-nextcloud *),
@@ -2355,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;
@@ -6020,6 +6074,123 @@ a.cn-kpi-card--board * {
 	min-height: 300px;
 }
 
+/* The map with its numbered list (`mapConfig.list`, DqZakenKaart): one framed
+   card, the map taking the larger share and the list beside it, stacking
+   under a narrow width. */
+.cn-index-page__map-card {
+	display: flex;
+	flex: 1;
+	flex-wrap: wrap;
+	gap: 16px;
+	min-height: 0;
+	padding: 16px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+
+.cn-index-page__map-card .cn-index-page__map {
+	flex: 3 1 420px;
+	min-width: 0;
+}
+
+.cn-index-page__map-side {
+	display: flex;
+	flex: 2 1 320px;
+	flex-direction: column;
+	gap: 12px;
+	min-width: 0;
+	overflow-y: auto;
+}
+
+.cn-index-page__map-list {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	border: 1px solid var(--color-border);
+	border-radius: 10px;
+	list-style: none;
+}
+
+.cn-index-page__map-item {
+	display: flex;
+	gap: 12px;
+	padding: 12px 14px;
+}
+
+.cn-index-page__map-item + .cn-index-page__map-item {
+	border-top: 1px solid var(--color-border);
+}
+
+.cn-index-page__map-item--active {
+	background: var(--color-primary-element-light);
+}
+
+.cn-index-page__map-number {
+	display: inline-flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	border-radius: 13px;
+	background: var(--color-primary-element);
+	color: var(--color-primary-element-text);
+	font-size: 13px;
+	font-weight: 700;
+}
+
+.cn-index-page__map-item--active .cn-index-page__map-number {
+	background: var(--color-primary-element-light-text);
+}
+
+.cn-index-page__map-text {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: 4px;
+	min-width: 0;
+}
+
+.cn-index-page__map-title {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	color: var(--color-main-text);
+	font: inherit;
+	font-size: 15px;
+	font-weight: 600;
+	line-height: 1.35;
+	text-align: start;
+	cursor: pointer;
+}
+
+.cn-index-page__map-sub,
+.cn-index-page__map-due {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
+.cn-index-page__map-pills {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px;
+}
+
+.cn-index-page__map-missing {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 8px;
+	padding: 14px;
+	border: 1px solid var(--color-border);
+	border-radius: 10px;
+	font-size: 14px;
+}
+
 /* Opt-in folder navigation pane (left of the list). */
 .cn-index-page__folder-pane {
 	flex: 0 0 240px;
@@ -9792,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
@@ -9814,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
@@ -9833,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;
 }
 
@@ -9848,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;
@@ -9873,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;
@@ -9888,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;
@@ -9989,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;
@@ -10016,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);
@@ -10045,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);
@@ -10055,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);
@@ -10065,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);
@@ -10075,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);
 }
 
@@ -11189,24 +11367,24 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	line-height: 30px;
 	}
 
-.cn-map-widget[data-v-62ad3809] {
+.cn-map-widget[data-v-21c47690] {
 	position: relative;
 	width: 100%;
 	min-height: 200px;
 }
-.cn-map-widget__leaflet[data-v-62ad3809] {
+.cn-map-widget__leaflet[data-v-21c47690] {
 	width: 100%;
 	height: 100%;
 	/* Leaflet paints its container #ddd, which reads as a white flash before the
 	   tiles arrive — and a bright one in a dark theme. */
 	background: var(--color-background-dark);
 }
-.cn-map-widget__note[data-v-62ad3809] {
+.cn-map-widget__note[data-v-21c47690] {
 	margin: 4px 0 0;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-map-widget__fallback[data-v-62ad3809] {
+.cn-map-widget__fallback[data-v-21c47690] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -11214,11 +11392,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-map-widget__error[data-v-62ad3809] {
+.cn-map-widget__error[data-v-21c47690] {
 	font-size: 14px;
 	margin: 0;
 }
-.cn-map-widget__legend[data-v-62ad3809] {
+.cn-map-widget__legend[data-v-21c47690] {
 	position: absolute;
 	top: 12px;
 	right: 12px;
@@ -11231,7 +11409,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* Fullscreen overlay. A CSS-fixed box rather than the Fullscreen API, so it needs
    no permission prompt; the z-index clears the Nextcloud header. */
-.cn-map-widget--fullscreen[data-v-62ad3809] {
+.cn-map-widget--fullscreen[data-v-21c47690] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -11244,7 +11422,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
    Leaflet's default white-on-grey buttons.
    ::v-deep is required — Leaflet builds the control DOM via L.DomUtil.create, so
    those nodes never receive this SFC's scoped data-v attribute. */
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control {
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -11253,12 +11431,32 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--color-main-text);
 	background: var(--color-main-background);
 }
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control:hover,
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control:focus-visible {
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control:hover,
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control:focus-visible {
 	background: var(--color-background-hover);
 }
 
 
+/* A numbered pin (`properties.markerNumber`): a 26px primary circle with its
+   number in white, the active one darker. Unscoped, because Leaflet creates
+   the marker element outside the template. */
+.cn-map-widget__pin {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 2px solid var(--color-main-background);
+	border-radius: 50%;
+	background: var(--color-primary-element);
+	color: var(--color-primary-element-text);
+	font-size: 13px;
+	font-weight: 700;
+	box-sizing: border-box;
+}
+.cn-map-widget__pin--active {
+	background: var(--color-primary-element-light-text);
+}
+
+
 .cn-map-widget-form[data-v-ab71a77e] {
 	display: flex;
 	flex-direction: column;
@@ -17041,7 +17239,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-files-browser[data-v-5da9ca42] {
+.cn-files-browser[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -17049,11 +17247,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-5da9ca42] {
+.cn-files-browser--dragging[data-v-53e4bcc2] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
-.cn-files-browser__drop-overlay[data-v-5da9ca42] {
+.cn-files-browser__drop-overlay[data-v-53e4bcc2] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -17071,7 +17269,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-5da9ca42] {
+.cn-files-browser__drop-icon[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17081,11 +17279,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-5da9ca42] {
+.cn-files-browser__drop-label[data-v-53e4bcc2] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-5da9ca42] {
+.cn-files-browser__drop-hint[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -17095,14 +17293,14 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-5da9ca42] {
+.cn-files-browser__bar[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-5da9ca42] {
+.cn-files-browser__crumbs[data-v-53e4bcc2] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -17110,13 +17308,13 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 /* The crumbs give way, the controls do not: a long crumb (a folder named
    after a uuid) shrank the upload button to "Bestanden..." while the crumbs
    kept their width. */
-.cn-files-browser__bar[data-v-5da9ca42] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-53e4bcc2] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-5da9ca42] {
+.cn-files-browser__file-input[data-v-53e4bcc2] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-5da9ca42] {
+.cn-files-browser__uploads[data-v-53e4bcc2] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -17124,40 +17322,40 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-5da9ca42] {
+.cn-files-browser__upload[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-5da9ca42] {
+.cn-files-browser__upload-name[data-v-53e4bcc2] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-5da9ca42] {
+.cn-files-browser__upload-error[data-v-53e4bcc2] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-5da9ca42] {
+.cn-files-browser__loading[data-v-53e4bcc2] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-5da9ca42] {
+.cn-files-browser__body--with-side[data-v-53e4bcc2] {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
 	align-items: start;
 	gap: 16px;
 }
 @media (max-width: 900px) {
-.cn-files-browser__body--with-side[data-v-5da9ca42] {
+.cn-files-browser__body--with-side[data-v-53e4bcc2] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-5da9ca42] {
+.cn-files-browser__side[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-files-browser__side-card[data-v-5da9ca42] {
+.cn-files-browser__side-card[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -17166,27 +17364,27 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-5da9ca42] {
+.cn-files-browser__side-title[data-v-53e4bcc2] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-5da9ca42] {
+.cn-files-browser__side-facts[data-v-53e4bcc2] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
 	margin: 0;
 	font-size: 14px;
 }
-.cn-files-browser__side-facts dt[data-v-5da9ca42] {
+.cn-files-browser__side-facts dt[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-5da9ca42] {
+.cn-files-browser__side-facts dd[data-v-53e4bcc2] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-5da9ca42] {
+.cn-files-browser__side-actions[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -17194,35 +17392,35 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 
 /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
    text in the tone's colour, as the boards write a restricted level. */
-.cn-files-browser__tone[data-v-5da9ca42] {
+.cn-files-browser__tone[data-v-53e4bcc2] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-5da9ca42] {
+.cn-files-browser__tone--success[data-v-53e4bcc2] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-5da9ca42] {
+.cn-files-browser__tone--warning[data-v-53e4bcc2] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-5da9ca42] {
+.cn-files-browser__tone--error[data-v-53e4bcc2] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-5da9ca42],
-.cn-files-browser__tone--info[data-v-5da9ca42] {
+.cn-files-browser__tone--primary[data-v-53e4bcc2],
+.cn-files-browser__tone--info[data-v-53e4bcc2] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-5da9ca42] {
+.cn-files-browser__table[data-v-53e4bcc2] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-5da9ca42] {
+.cn-files-browser__table th[data-v-53e4bcc2] {
 	text-align: start;
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-files-browser__sort[data-v-5da9ca42] {
+.cn-files-browser__sort[data-v-53e4bcc2] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -17233,46 +17431,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-5da9ca42]:hover,
-.cn-files-browser__sort[data-v-5da9ca42]:focus-visible {
+.cn-files-browser__sort[data-v-53e4bcc2]:hover,
+.cn-files-browser__sort[data-v-53e4bcc2]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-5da9ca42] {
+.cn-files-browser__row[data-v-53e4bcc2] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-5da9ca42]:hover,
-.cn-files-browser__row[data-v-5da9ca42]:focus-within {
+.cn-files-browser__row[data-v-53e4bcc2]:hover,
+.cn-files-browser__row[data-v-53e4bcc2]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-5da9ca42] {
+.cn-files-browser__table td[data-v-53e4bcc2] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-5da9ca42] {
+.cn-files-browser__col-icon[data-v-53e4bcc2] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-5da9ca42] {
+.cn-files-browser__col-size[data-v-53e4bcc2] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-5da9ca42] {
+.cn-files-browser__col-mtime[data-v-53e4bcc2] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-5da9ca42] {
+.cn-files-browser__col-select[data-v-53e4bcc2] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-5da9ca42] {
+.cn-files-browser__select[data-v-53e4bcc2] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-5da9ca42] {
+.cn-files-browser__bulk-bar[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -17281,22 +17479,91 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-5da9ca42] {
+.cn-files-browser__bulk-count[data-v-53e4bcc2] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__facets[data-v-5da9ca42] {
+.cn-files-browser__review[data-v-53e4bcc2] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	margin-block-end: 12px;
+	padding: 14px 16px;
+	border-radius: 10px;
+	background: var(--color-background-hover);
+}
+.cn-files-browser__review-head[data-v-53e4bcc2] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: 8px;
+}
+.cn-files-browser__review-title[data-v-53e4bcc2] {
+	font-size: 15px;
+}
+.cn-files-browser__review-sub[data-v-53e4bcc2] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-files-browser__review-bar[data-v-53e4bcc2] {
+	display: flex;
+	height: 8px;
+	overflow: hidden;
+	border-radius: 4px;
+	background: var(--color-border);
+}
+.cn-files-browser__review-legend[data-v-53e4bcc2] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px 18px;
+	margin: 0;
+	padding: 0;
+	font-size: 14px;
+	list-style: none;
+}
+.cn-files-browser__review-legend li[data-v-53e4bcc2] {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+}
+.cn-files-browser__review-dot[data-v-53e4bcc2] {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+}
+.cn-files-browser__review-part--success[data-v-53e4bcc2] {
+	background: var(--color-success-text, var(--color-success));
+}
+.cn-files-browser__review-part--warning[data-v-53e4bcc2] {
+	background: var(--color-warning);
+}
+.cn-files-browser__review-part--error[data-v-53e4bcc2] {
+	background: var(--color-error-text, var(--color-error));
+}
+.cn-files-browser__review-part--info[data-v-53e4bcc2] {
+	background: var(--color-primary-element);
+}
+.cn-files-browser__review-part--default[data-v-53e4bcc2] {
+	background: var(--color-border-dark);
+}
+.cn-files-browser__row-button[data-v-53e4bcc2] {
+	display: inline-flex;
+	margin-inline-end: 8px;
+	vertical-align: middle;
+}
+.cn-files-browser__facets[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-5da9ca42] {
+.cn-files-browser__facet[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-5da9ca42] {
+.cn-files-browser__facet-chip[data-v-53e4bcc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -17308,65 +17575,83 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-5da9ca42] {
+.cn-files-browser__facet-chip--active[data-v-53e4bcc2] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-5da9ca42] {
+.cn-files-browser__group-heading[data-v-53e4bcc2] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-5da9ca42] {
+.cn-files-browser__group-count[data-v-53e4bcc2] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-5da9ca42] {
+.cn-files-browser__no-match[data-v-53e4bcc2] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-5da9ca42] {
+.cn-files-browser__col-actions[data-v-53e4bcc2] {
 	width: 48px;
+	white-space: nowrap;
 }
-.cn-files-browser__col-name[data-v-5da9ca42] {
+.cn-files-browser__col-actions[data-v-53e4bcc2]:has(.cn-files-browser__row-button) {
+	width: auto;
+}
+.cn-files-browser__col-name[data-v-53e4bcc2] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-5da9ca42] {
+.cn-files-browser__name[data-v-53e4bcc2] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__row--linked[data-v-5da9ca42] {
+.cn-files-browser__name-secondary[data-v-53e4bcc2] {
+	display: block;
+	overflow: hidden;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-files-browser__footnote[data-v-53e4bcc2] {
+	margin: 0;
+	padding-top: 12px;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-files-browser__row--linked[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-5da9ca42] {
+.cn-files-browser__note[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-5da9ca42] {
+.cn-files-browser__note-link[data-v-53e4bcc2] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-5da9ca42] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-53e4bcc2] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-5da9ca42],
-.cn-files-browser__thumb[data-v-5da9ca42] {
+.cn-files-browser__mime[data-v-53e4bcc2],
+.cn-files-browser__thumb[data-v-53e4bcc2] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-5da9ca42] {
+.cn-files-browser__thumb[data-v-53e4bcc2] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-5da9ca42] {
+.cn-files-browser__new-folder[data-v-53e4bcc2] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-5da9ca42] {
+.hidden-visually[data-v-53e4bcc2] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -17376,9 +17661,9 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-0442340e] { padding: 12px;
+.cn-sidebar-tab[data-v-68d47344] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-0442340e] {
+.cn-sidebar-tab__upload-error[data-v-68d47344] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -17386,7 +17671,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-0442340e] {
+.cn-sidebar-tab__dropzone[data-v-68d47344] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -17399,46 +17684,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-0442340e]:hover {
+.cn-sidebar-tab__dropzone[data-v-68d47344]:hover {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
 }
-.cn-sidebar-tab__dropzone--active[data-v-0442340e] {
+.cn-sidebar-tab__dropzone--active[data-v-68d47344] {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
 }
-.cn-sidebar-tab__share[data-v-0442340e] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-68d47344] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-0442340e],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-68d47344],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-0442340e] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-68d47344] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-0442340e] { display: none;
+.cn-sidebar-tab__file-input[data-v-68d47344] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-0442340e] {
+.cn-sidebar-tab__empty[data-v-68d47344] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-0442340e] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-68d47344] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-0442340e],
-.cn-sidebar-tab__thumb[data-v-0442340e] {
+.cn-sidebar-tab__mime[data-v-68d47344],
+.cn-sidebar-tab__thumb[data-v-68d47344] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-0442340e] {
+.cn-sidebar-tab__thumb[data-v-68d47344] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-0442340e] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-68d47344] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-0442340e] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-68d47344] { margin-top: 8px;
 }
 
 
@@ -21879,7 +22164,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
    second scroll container here would produce a nested scrollbar, so this host
    stays plain. */
-.cn-object-list-widget[data-v-535337c7] {
+.cn-object-list-widget[data-v-aeadc210] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -21891,10 +22176,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    relative` is set only in the dropping state so a widget without a drop zone
    keeps the containing block it had — an unconditional rule here would
    re-parent any absolutely-positioned descendant a host has placed. */
-.cn-object-list-widget--dropping[data-v-535337c7] {
+.cn-object-list-widget--dropping[data-v-aeadc210] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-535337c7] {
+.cn-object-list-widget__drop-overlay[data-v-aeadc210] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -21912,7 +22197,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   and the drop would land on nothing. */
 	pointer-events: none;
 }
-.cn-object-list-widget__table[data-v-535337c7] {
+.cn-object-list-widget__table[data-v-aeadc210] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -21921,16 +22206,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
    all this rule still owns is letting it claim the cell's leftover height
    (ADR-062: it fits the cell, it never forces one). */
-.cn-object-list-widget__empty[data-v-535337c7] {
+.cn-object-list-widget__empty[data-v-aeadc210] {
 	flex: 1 1 auto;
 	min-height: 0;
 }
 
 /* The pager sits flush at the bottom of the card, above "View all". */
-.cn-object-list-widget__pager[data-v-535337c7] {
+.cn-object-list-widget__pager[data-v-aeadc210] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-535337c7] {
+.cn-object-list-widget__view-all[data-v-aeadc210] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -21941,21 +22226,26 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-535337c7]:hover,
-.cn-object-list-widget__view-all[data-v-535337c7]:focus-visible {
+.cn-object-list-widget__view-all[data-v-aeadc210]:hover,
+.cn-object-list-widget__view-all[data-v-aeadc210]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-535337c7] {
+.cn-object-list-widget__more[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
+.cn-object-list-widget__footnote[data-v-aeadc210] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	margin: 8px 0 0;
+}
 
 /* Footer Add — same pattern as the integration leaves' footer action
    ("Open in Calendar"): full-width, centered, divider-topped, pinned to
    the card bottom. */
-.cn-object-list-widget__add[data-v-535337c7] {
+.cn-object-list-widget__add[data-v-aeadc210] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -21963,31 +22253,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-535337c7] {
+.cn-object-list-widget__error[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-535337c7] {
+.cn-object-list-widget__prompt[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-535337c7] {
+.cn-object-list-widget__facet[data-v-aeadc210] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-535337c7] {
+.cn-object-list-widget__facet-label[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-535337c7] {
+.cn-object-list-widget__facet-chip[data-v-aeadc210] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -21997,13 +22287,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 10px;
 }
-.cn-object-list-widget__facet-chip--active[data-v-535337c7] {
+.cn-object-list-widget__facet-chip--active[data-v-aeadc210] {
 	background-color: var(--color-primary-element-light);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text, var(--color-main-text));
 }
-.cn-object-list-widget__facet-clear[data-v-535337c7],
-.cn-object-list-widget__bulk-clear[data-v-535337c7] {
+.cn-object-list-widget__facet-clear[data-v-aeadc210],
+.cn-object-list-widget__bulk-clear[data-v-aeadc210] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -22012,11 +22302,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 4px;
 }
-.cn-object-list-widget__facet-clear[data-v-535337c7]:hover,
-.cn-object-list-widget__bulk-clear[data-v-535337c7]:hover {
+.cn-object-list-widget__facet-clear[data-v-aeadc210]:hover,
+.cn-object-list-widget__bulk-clear[data-v-aeadc210]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-535337c7] {
+.cn-object-list-widget__bulk-bar[data-v-aeadc210] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -22026,10 +22316,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 0 0 8px;
 	padding: 6px 10px;
 }
-.cn-object-list-widget__bulk-count[data-v-535337c7] {
+.cn-object-list-widget__bulk-count[data-v-aeadc210] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-535337c7] {
+.cn-object-list-widget__bulk-action[data-v-aeadc210] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -22037,25 +22327,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-535337c7] {
+.cn-object-list-widget__bulk-action--destructive[data-v-aeadc210] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-535337c7] {
+.cn-object-list-widget__groups[data-v-aeadc210] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-535337c7] {
+.cn-object-list-widget__group-heading[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 	margin: 0 0 4px;
 	text-transform: uppercase;
 }
-.cn-object-list-widget__upload[data-v-535337c7] {
+.cn-object-list-widget__upload[data-v-aeadc210] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -22064,7 +22354,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 8px 0 0;
 	padding: 6px 12px;
 }
-.cn-object-list-widget__upload-input[data-v-535337c7] {
+.cn-object-list-widget__upload-input[data-v-aeadc210] {
 	display: none;
 }
 
@@ -25078,6 +25368,56 @@ to { background-position: -200% 0;
 }
 
 
+.cn-exports-widget__list[data-v-1a295cca] {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-exports-widget__row[data-v-1a295cca] {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	padding: 10px 0;
+}
+.cn-exports-widget__row + .cn-exports-widget__row[data-v-1a295cca] {
+	border-top: 1px solid var(--color-border);
+}
+.cn-exports-widget__text[data-v-1a295cca] {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-exports-widget__name[data-v-1a295cca] {
+	overflow: hidden;
+	font-size: 14px;
+	font-weight: 600;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-exports-widget__meta[data-v-1a295cca],
+.cn-exports-widget__muted[data-v-1a295cca] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-exports-widget__muted[data-v-1a295cca] {
+	margin: 0;
+}
+.cn-exports-widget__tag[data-v-1a295cca] {
+	flex: none;
+	padding: 3px 10px;
+	border-radius: 12px;
+	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 18%, transparent));
+	color: var(--color-warning-text, var(--color-main-text));
+	font-size: 13px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+
+
 .cn-segmented-control[data-v-128aa2ef] {
 	display: inline-flex;
 	gap: 4px;
@@ -25454,6 +25794,45 @@ to { background-position: -200% 0;
 }
 
 
+.cn-saved-view-alert[data-v-4439a3f3] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	font-size: 14px;
+}
+.cn-saved-view-alert__facts[data-v-4439a3f3] {
+	display: grid;
+	grid-template-columns: max-content 1fr;
+	gap: 6px 16px;
+	margin: 0;
+}
+.cn-saved-view-alert__facts dt[data-v-4439a3f3] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-saved-view-alert__facts dd[data-v-4439a3f3] {
+	margin: 0;
+	font-weight: 500;
+}
+.cn-saved-view-alert__switch-text[data-v-4439a3f3] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+.cn-saved-view-alert__hint[data-v-4439a3f3],
+.cn-saved-view-alert__empty[data-v-4439a3f3] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-saved-view-alert__empty[data-v-4439a3f3],
+.cn-saved-view-alert__error[data-v-4439a3f3] {
+	margin: 0;
+}
+.cn-saved-view-alert__error[data-v-4439a3f3] {
+	color: var(--color-error-text, var(--color-error));
+	font-size: 13px;
+}
+
+
 .cn-text-widget[data-v-f00a6820] {
 	width: 100%;
 	height: 100%;
@@ -26160,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;
@@ -28441,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;
@@ -28458,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;
@@ -28472,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;
@@ -28498,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;
@@ -28540,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%;
@@ -28556,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;
@@ -28566,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;
@@ -30906,6 +31285,85 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
+.cn-grouped-cards__grid[data-v-cf2cd50a] {
+	display: grid;
+	grid-template-columns: repeat(var(--cn-grouped-cards-columns, 2), minmax(0, 1fr));
+	gap: 16px;
+}
+@media (max-width: 700px) {
+.cn-grouped-cards__grid[data-v-cf2cd50a] {
+		grid-template-columns: minmax(0, 1fr);
+}
+}
+.cn-grouped-cards__group[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding: 12px 14px 14px;
+	border-radius: var(--border-radius-large, 10px);
+	background: var(--color-background-hover);
+}
+.cn-grouped-cards__group--extra[data-v-cf2cd50a] {
+	background: transparent;
+	border: 1px dashed var(--color-border-dark);
+}
+.cn-grouped-cards__group-header[data-v-cf2cd50a] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+}
+.cn-grouped-cards__group-title[data-v-cf2cd50a] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+.cn-grouped-cards__count[data-v-cf2cd50a] {
+	padding: 2px 8px;
+	border-radius: var(--border-radius-pill, 12px);
+	background: var(--color-main-background);
+	color: var(--color-text-maxcontrast);
+	font-size: 12px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+.cn-grouped-cards__items[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-grouped-cards__item[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	padding: 10px 12px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large, 8px);
+	background: var(--color-main-background);
+}
+.cn-grouped-cards__item-title[data-v-cf2cd50a] {
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+.cn-grouped-cards__item-meta[data-v-cf2cd50a],
+.cn-grouped-cards__extra-text[data-v-cf2cd50a],
+.cn-grouped-cards__group-empty[data-v-cf2cd50a],
+.cn-grouped-cards__state[data-v-cf2cd50a] {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-grouped-cards__loading[data-v-cf2cd50a] {
+	display: flex;
+	justify-content: center;
+	padding: 8px 0;
+}
+
+
 .cn-checklist-run__form[data-v-56cee1aa] {
 	display: flex;
 	flex-direction: column;
@@ -36891,26 +37349,26 @@ to {
   text-decoration: underline;
 }
 @charset "UTF-8";
-.cn-choice-cards[data-v-8d2b4ff4] {
+.cn-choice-cards[data-v-22c5fe42] {
   border: none;
   padding: 0;
   margin: 0;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__legend[data-v-8d2b4ff4] {
+.cn-choice-cards__legend[data-v-22c5fe42] {
   padding: 0;
   margin-block-end: 8px;
   font-weight: bold;
 }
 
-.cn-choice-cards__loading[data-v-8d2b4ff4] {
+.cn-choice-cards__loading[data-v-22c5fe42] {
   display: flex;
   justify-content: center;
   padding: 24px 0;
 }
 
-.cn-choice-cards__grid[data-v-8d2b4ff4] {
+.cn-choice-cards__grid[data-v-22c5fe42] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 12px;
@@ -36922,26 +37380,26 @@ to {
   padding: 12px;
 }
 
-.cn-choice-cards__cell[data-v-8d2b4ff4] {
+.cn-choice-cards__cell[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__actions[data-v-8d2b4ff4] {
+.cn-choice-cards__actions[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.cn-choice-cards__option[data-v-8d2b4ff4] {
+.cn-choice-cards__option[data-v-22c5fe42] {
   position: relative;
   display: block;
   cursor: pointer;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4] {
+.cn-choice-cards__input[data-v-22c5fe42] {
   position: absolute;
   inset-block-start: 16px;
   inset-inline-end: 14px;
@@ -36951,7 +37409,7 @@ to {
 }
 
 /* Room for the input, so a long title never runs underneath it. */
-.cn-choice-cards__option[data-v-8d2b4ff4] .cn-card {
+.cn-choice-cards__option[data-v-22c5fe42] .cn-card {
   padding-inline-end: 44px;
   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
@@ -36962,99 +37420,144 @@ to {
    touches a card, and the grid twitches. The border colour below already
    carries hover, so the scale is dropped: at (0,3,0) this beats the global
    `.cn-card:hover` at (0,2,0). */
-.cn-choice-cards__option[data-v-8d2b4ff4]:hover .cn-card {
+.cn-choice-cards__option[data-v-22c5fe42]:hover .cn-card {
   border-color: var(--color-primary-element);
   transform: none;
 }
 
 /* The focus ring belongs on the card, not on the small input inside it. */
-.cn-choice-cards__input[data-v-8d2b4ff4]:focus-visible + .cn-card {
+.cn-choice-cards__input[data-v-22c5fe42]:focus-visible + .cn-card {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4]:disabled {
+.cn-choice-cards__input[data-v-22c5fe42]:disabled {
   cursor: default;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4]:disabled + .cn-card {
+.cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-22c5fe42] + .cn-card {
   opacity: 0.6;
 }
 
-.cn-choice-cards__rows[data-v-8d2b4ff4] {
+.cn-choice-cards__rows[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4] {
+/* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
+.cn-choice-cards__row[data-v-22c5fe42] {
   display: flex;
   align-items: flex-start;
   gap: 12px;
-  padding: 14px 16px;
+  padding: 12px 14px;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius-large, 8px);
   background: var(--color-main-background);
   cursor: pointer;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4]:hover {
+.cn-choice-cards__row[data-v-22c5fe42]:hover {
   border-color: var(--color-border-dark);
 }
 
-.cn-choice-cards__row--selected[data-v-8d2b4ff4],
-.cn-choice-cards__row--selected[data-v-8d2b4ff4]:hover {
+.cn-choice-cards__row--selected[data-v-22c5fe42],
+.cn-choice-cards__row--selected[data-v-22c5fe42]:hover {
   border-color: var(--color-primary-element);
   /* The second pixel of the 2px selected border, without moving the content. */
   box-shadow: inset 0 0 0 1px var(--color-primary-element);
   background: var(--color-primary-element-light);
 }
 
-.cn-choice-cards__row--disabled[data-v-8d2b4ff4] {
+/* An option this record does not allow: the grey ground and the muted ink,
+   still legible (DqVolgendeStap), not faded. */
+.cn-choice-cards__row--disabled[data-v-22c5fe42],
+.cn-choice-cards__row--disabled[data-v-22c5fe42]:hover {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
+  border-color: var(--color-border);
+  background: var(--color-background-hover);
+  color: var(--color-text-maxcontrast);
+  cursor: default;
+}
+
+/* The title takes the muted ink itself: a theme that colours every label
+   with `!important` (thematiq) would otherwise hand it the label colour. */
+.cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-22c5fe42] {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
+  color: var(--color-text-maxcontrast);
+}
+
+/* The chosen option's fields share the selected row's frame: the cell draws
+   the 2px primary border and the ground, the row inside it draws none, and
+   the fields sit under the text, indented to it (DqVolgendeStap). */
+.cn-choice-cards__cell--with-details[data-v-22c5fe42] {
+  border: 1px solid var(--color-primary-element);
+  border-radius: var(--border-radius-large, 8px);
+  box-shadow: inset 0 0 0 1px var(--color-primary-element);
+  background: var(--color-primary-element-light);
+}
+
+.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-22c5fe42],
+.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-22c5fe42]:hover {
+  border-color: transparent;
+  box-shadow: none;
+  background: transparent;
+}
+
+.cn-choice-cards__details[data-v-22c5fe42] {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 0 14px 14px 44px;
+}
+
+.cn-choice-cards__row--readonly[data-v-22c5fe42] {
   cursor: default;
-  opacity: 0.6;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4]:has(.cn-choice-cards__row-input:focus-visible) {
+.cn-choice-cards__row--readonly[data-v-22c5fe42]:not(.cn-choice-cards__row--selected):hover {
+  border-color: var(--color-border);
+}
+
+.cn-choice-cards__row[data-v-22c5fe42]:has(.cn-choice-cards__row-input:focus-visible) {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-choice-cards__row-input[data-v-8d2b4ff4] {
+.cn-choice-cards__row-input[data-v-22c5fe42] {
   flex: none;
   margin: 2px 0 0;
   accent-color: var(--color-primary-element);
   cursor: inherit;
 }
 
-.cn-choice-cards__row-icon[data-v-8d2b4ff4] {
+.cn-choice-cards__row-icon[data-v-22c5fe42] {
   flex: none;
 }
 
-.cn-choice-cards__row-text[data-v-8d2b4ff4] {
+.cn-choice-cards__row-text[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 2px;
   min-width: 0;
 }
 
-.cn-choice-cards__row-title[data-v-8d2b4ff4] {
+.cn-choice-cards__row-title[data-v-22c5fe42] {
   font-size: 15px;
   font-weight: 600;
 }
 
-.cn-choice-cards__row-description[data-v-8d2b4ff4] {
+/* Regular weight on the span itself: a theme that sets every label bold
+   with `!important` (thematiq) reaches a span that only inherits. */
+.cn-choice-cards__row-description[data-v-22c5fe42],
+.cn-choice-cards__reason[data-v-22c5fe42] {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
   font-size: 13px;
+  font-weight: 400;
   color: var(--color-text-maxcontrast);
 }
 
-.cn-choice-cards__reason[data-v-8d2b4ff4] {
-  font-size: 13px;
-  color: var(--color-text-maxcontrast);
-  font-style: italic;
-}
-
-.cn-choice-cards__reason--card[data-v-8d2b4ff4] {
+.cn-choice-cards__reason--card[data-v-22c5fe42] {
   display: block;
   margin-block-start: 4px;
 }
@@ -37069,28 +37572,28 @@ to {
 }
 
 
-.cn-setup-step[data-v-32874a44] {
+.cn-setup-step[data-v-44988d3d] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-setup-step__intro[data-v-32874a44] {
+.cn-setup-step__intro[data-v-44988d3d] {
 	margin: 0;
 	font-size: 15px;
 	line-height: 1.5;
 }
-.cn-setup-step__note[data-v-32874a44] {
+.cn-setup-step__note[data-v-44988d3d] {
 	margin: 0;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-setup-step__nav[data-v-32874a44] {
+.cn-setup-step__nav[data-v-44988d3d] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
 	margin-top: 8px;
 }
-.cn-setup-step__running[data-v-32874a44] {
+.cn-setup-step__running[data-v-44988d3d] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -37098,43 +37601,43 @@ to {
 	padding: 24px 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-setup-load-result[data-v-32874a44] {
+.cn-setup-load-result[data-v-44988d3d] {
 	margin: 0;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-setup-load-result--success[data-v-32874a44] {
+.cn-setup-load-result--success[data-v-44988d3d] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-setup-load-result--error[data-v-32874a44] {
+.cn-setup-load-result--error[data-v-44988d3d] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-setup-field[data-v-32874a44] {
+.cn-setup-field[data-v-44988d3d] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-setup-summary[data-v-32874a44] {
+.cn-setup-summary[data-v-44988d3d] {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
-.cn-setup-summary__item[data-v-32874a44] {
+.cn-setup-summary__item[data-v-44988d3d] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 4px 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-setup-summary__item--done[data-v-32874a44] {
+.cn-setup-summary__item--done[data-v-44988d3d] {
 	color: var(--color-main-text);
 }
-.cn-setup-summary__mark[data-v-32874a44] {
+.cn-setup-summary__mark[data-v-44988d3d] {
 	font-weight: bold;
 	color: var(--color-success);
 }
-.cn-setup-summary__label[data-v-32874a44] {
+.cn-setup-summary__label[data-v-44988d3d] {
 	flex: 0 0 auto;
 }
-.cn-setup-summary__value[data-v-32874a44] {
+.cn-setup-summary__value[data-v-44988d3d] {
 	margin-inline-start: auto;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -37142,7 +37645,7 @@ to {
 
 /* An on-demand step that did not run says so quietly: it is a choice the
    user did not make, not a failure. */
-.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-32874a44] {
+.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-44988d3d] {
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 }
@@ -37798,16 +38301,16 @@ to {
 }
 
 
-.cn-ordered-list-field[data-v-3ab313d4] {
+.cn-ordered-list-field[data-v-ca9d4198] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
-.cn-ordered-list-field__label[data-v-3ab313d4] {
+.cn-ordered-list-field__label[data-v-ca9d4198] {
 	margin: 0;
 	font-weight: 600;
 }
-.cn-ordered-list-field__rows[data-v-3ab313d4] {
+.cn-ordered-list-field__rows[data-v-ca9d4198] {
 	display: flex;
 	flex-direction: column;
 	margin: 0;
@@ -37816,34 +38319,66 @@ to {
 	border-radius: var(--border-radius-element, 8px);
 	list-style: none;
 }
-.cn-ordered-list-field__row[data-v-3ab313d4] {
+.cn-ordered-list-field__row[data-v-ca9d4198] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	min-height: 44px;
 	padding: 2px 6px 2px 12px;
 }
-.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-3ab313d4] {
+.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-ca9d4198] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-ordered-list-field__position[data-v-3ab313d4] {
+.cn-ordered-list-field__row--dragging[data-v-ca9d4198] {
+	opacity: 0.5;
+}
+
+/* Where a dragged row will land: a primary line on the row's top edge. */
+.cn-ordered-list-field__row--over[data-v-ca9d4198] {
+	box-shadow: inset 0 2px 0 var(--color-primary-element);
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198] {
+	display: inline-flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 28px;
+	min-width: 28px;
+	height: 34px;
+	min-height: 34px;
+	margin: 0 -6px 0 -8px;
+	padding: 0;
+	border: 0;
+	border-radius: var(--border-radius-element, 8px);
+	background: transparent;
+	color: var(--color-text-maxcontrast);
+	cursor: grab;
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198]:active {
+	cursor: grabbing;
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 1px;
+}
+.cn-ordered-list-field__position[data-v-ca9d4198] {
 	flex: none;
 	min-width: 18px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	font-variant-numeric: tabular-nums;
 }
-.cn-ordered-list-field__text[data-v-3ab313d4] {
+.cn-ordered-list-field__text[data-v-ca9d4198] {
 	flex: 1 1 auto;
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-ordered-list-field__actions[data-v-3ab313d4] {
+.cn-ordered-list-field__actions[data-v-ca9d4198] {
 	display: flex;
 	flex: none;
 	gap: 2px;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4] {
+.cn-ordered-list-field__button[data-v-ca9d4198] {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -37859,22 +38394,22 @@ to {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:hover:not(:disabled) {
+.cn-ordered-list-field__button[data-v-ca9d4198]:hover:not(:disabled) {
 	background: var(--color-background-hover);
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:focus-visible {
+.cn-ordered-list-field__button[data-v-ca9d4198]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 1px;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:disabled {
+.cn-ordered-list-field__button[data-v-ca9d4198]:disabled {
 	opacity: 0.4;
 	cursor: default;
 }
-.cn-ordered-list-field__empty[data-v-3ab313d4] {
+.cn-ordered-list-field__empty[data-v-ca9d4198] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-ordered-list-field__tile[data-v-3ab313d4] {
+.cn-ordered-list-field__tile[data-v-ca9d4198] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -37885,15 +38420,15 @@ to {
 	background: var(--color-background-dark);
 	color: var(--color-main-text);
 }
-.cn-ordered-list-field__name[data-v-3ab313d4] {
+.cn-ordered-list-field__name[data-v-ca9d4198] {
 	display: block;
 }
-.cn-ordered-list-field__description[data-v-3ab313d4] {
+.cn-ordered-list-field__description[data-v-ca9d4198] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-ordered-list-field__option[data-v-3ab313d4] {
+.cn-ordered-list-field__option[data-v-ca9d4198] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
@@ -38833,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;
@@ -38842,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;
@@ -38852,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;
@@ -38860,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;
@@ -38880,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;
 }
 
@@ -38901,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;
@@ -38914,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;
@@ -38942,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;
@@ -40422,7 +40985,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-40c6b068] {
+.cn-dashboard-page[data-v-35fed42f] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -40436,7 +40999,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-40c6b068] {
+.cn-dashboard-page__header[data-v-35fed42f] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -40448,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-40c6b068] {
+.cn-dashboard-page__header-left[data-v-35fed42f] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-40c6b068] {
+.cn-dashboard-page__title-row[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-40c6b068] {
+.cn-dashboard-page__title[data-v-35fed42f] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-40c6b068] {
+.cn-dashboard-page__description[data-v-35fed42f] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -40470,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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] .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);
 }
@@ -40490,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-40c6b068] {
+.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-40c6b068] {
+.cn-dashboard-page__switch-row-spacer[data-v-35fed42f] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-40c6b068] {
+.cn-dashboard-page__view-link[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -40514,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-40c6b068]: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-40c6b068]: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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.cn-dashboard-page__kpi-row[data-v-35fed42f] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
 
@@ -40552,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-40c6b068] .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-40c6b068] {
+.cn-dashboard-page__kpi-cell[data-v-35fed42f] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-40c6b068] > * {
+.cn-dashboard-page__kpi-cell[data-v-35fed42f] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -40573,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-40c6b068] {
+.cn-dashboard-page__header-actions[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -40589,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-40c6b068] {
+.cn-dashboard-page__date-range[data-v-35fed42f] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-40c6b068] {
+.cn-dashboard-page__date-range--pills[data-v-35fed42f] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-40c6b068] {
+.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-40c6b068] {
+.cn-dashboard-page__date-pill[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -40616,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-40c6b068]:hover {
+.cn-dashboard-page__date-pill[data-v-35fed42f]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-40c6b068]: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-40c6b068] {
+.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-40c6b068]: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-40c6b068] {
+.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-40c6b068] .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-40c6b068] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.cn-page-view-region--empty[data-v-35fed42f] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.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-40c6b068] {
+.cn-dashboard-page__widget-edit[data-v-35fed42f] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -40705,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-40c6b068] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-40c6b068] .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;
@@ -40722,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-40c6b068] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-35fed42f] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -40732,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-40c6b068] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-40c6b068] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-40c6b068] .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-40c6b068] {
+.cn-dashboard-page__unknown[data-v-35fed42f] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -40749,31 +41312,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-40c6b068] {
+.cn-dashboard-page__content[data-v-35fed42f] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-40c6b068] {
+.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-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-40c6b068] .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-40c6b068] {
+.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-40c6b068] .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-40c6b068] .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;
@@ -40785,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-40c6b068] {
+.cn-dashboard-page__widget-count[data-v-35fed42f] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -40794,13 +41357,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-40c6b068] {
+.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-40c6b068] {
+.cn-dashboard-page__widget-action[data-v-35fed42f] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -40816,7 +41379,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-40c6b068]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-35fed42f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }