@conduction/nextcloud-vue 2.139.0 → 2.140.0

package/dist/nextcloud-vue.css

@@ -3071,8 +3071,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* A dialog's options as the boards draw them (DqVolgendeStap, DqBesluit,
    DqDocumentGenereren, DqFilterBewerken): rounded at 10px, an idle option
-   edged in the dark border grey, and an 18px radio. The chosen and the
-   refused options keep their own edges. */
+   edged in the dark border grey, and an 18px radio. The chosen option keeps
+   its own edge. */
 .cn-look-board .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *),
 .cn-look-board .cn-choice-cards .cn-choice-cards__cell--with-details:not(.cn-look-nextcloud *) {
 	border-radius: 10px;
@@ -3082,6 +3082,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	border-color: var(--color-border-maxcontrast);
 }
 
+/* A refused option keeps that edge and sits on the sunken ground
+   (DqVolgendeStap: Hervatten, Archiveren, Heropenen). */
+.cn-look-board .cn-choice-cards .cn-choice-cards__row--disabled:not(.cn-look-nextcloud *),
+.cn-look-board .cn-choice-cards .cn-choice-cards__row--disabled:hover:not(.cn-look-nextcloud *) {
+	border-color: var(--color-border-maxcontrast);
+	background: var(--cn-board-sunken-ground);
+}
+
 /* A chosen option stays white under its primary edge, as every Dq dialog board
    draws it (design-system #371); the Nextcloud look keeps the tint.
    @spec openspec/changes/board-choice-row-chosen-white/specs/board-choice-row-chosen-white/spec.md#requirement-a-chosen-board-option-is-white */
@@ -6680,6 +6688,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	white-space: nowrap;
 }
 
+/* A growing column that opts into wrapping (`cn-cell--wrap`, DqDoorlooptijd
+   "Zaken met risico" titles) wraps its text over lines instead of cutting
+   it, and keeps a readable width: with `max-width: 0` the wide one-line
+   cells beside it squeezed it to its padding (24px).
+   @spec openspec/changes/fit-table-wrap-column-keeps-width/specs/fit-table-wrap-column-keeps-width/spec.md#requirement-a-wrapping-growing-column-keeps-a-readable-width */
+.cn-data-table--fit th.cn-table-col--grow.cn-cell--wrap,
+.cn-data-table--fit td.cn-table-col--grow.cn-cell--wrap {
+	min-width: 8em;
+	max-width: none;
+	overflow-wrap: anywhere;
+	white-space: normal;
+}
+
 /* The secondary line of the growing column ("2026-0004" under a case title)
    is a line of its own with its own ellipsis. The cell does not wrap, so in
    the board look, where the secondary line is an inline block (the title
@@ -15239,7 +15260,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-56aabaf0] {
+.cn-chart-widget[data-v-4e61b5f0] {
 	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
@@ -15261,13 +15282,13 @@ li[data-cn-admin-tag] > .action-link::after {
    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-56aabaf0] {
+.cn-chart-widget--fit[data-v-4e61b5f0] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-56aabaf0] {
+.cn-chart-widget__canvas[data-v-4e61b5f0] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -15280,14 +15301,14 @@ li[data-cn-admin-tag] > .action-link::after {
 /* 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-56aabaf0] .apexcharts-canvas,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas,
+.cn-chart-widget[data-v-4e61b5f0] .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-56aabaf0] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -15295,24 +15316,24 @@ li[data-cn-admin-tag] > .action-link::after {
    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-56aabaf0] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-4e61b5f0] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-56aabaf0] {
+.cn-chart-widget__fallback[data-v-4e61b5f0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-56aabaf0] {
+.cn-chart-widget__html[data-v-4e61b5f0] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-56aabaf0] {
+.cn-chart-widget__bar-list[data-v-4e61b5f0] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -15320,7 +15341,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-56aabaf0] {
+.cn-chart-widget__bar-line[data-v-4e61b5f0] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -15335,85 +15356,91 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-56aabaf0] {
+.cn-chart-widget__bar-line--drill[data-v-4e61b5f0] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-56aabaf0],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-56aabaf0] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-4e61b5f0],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-4e61b5f0] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-56aabaf0] {
+.cn-chart-widget__bar-label[data-v-4e61b5f0] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-56aabaf0] {
+.cn-chart-widget__bar-track[data-v-4e61b5f0] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-56aabaf0] {
+.cn-chart-widget__bar-fill[data-v-4e61b5f0] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-56aabaf0] {
+.cn-chart-widget__bar-value[data-v-4e61b5f0] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-56aabaf0] {
+.cn-chart-widget__footnote[data-v-4e61b5f0] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
+.cn-chart-widget__notice[data-v-4e61b5f0] {
+	margin: 12px 0 0;
+}
+.cn-chart-widget__notice-text[data-v-4e61b5f0] {
+	margin: 0;
+}
 
 /* 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-56aabaf0] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-4e61b5f0] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-56aabaf0] {
+.cn-chart-widget__matrix[data-v-4e61b5f0] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-56aabaf0] {
+.cn-chart-widget__matrix-row[data-v-4e61b5f0] {
 	display: contents;
 }
 
 /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
    name breaks inside its own column instead of running into the next. */
-.cn-chart-widget__matrix-head[data-v-56aabaf0] {
+.cn-chart-widget__matrix-head[data-v-4e61b5f0] {
 	--nldesign-color-on-surface: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
 	hyphens: auto;
 	overflow-wrap: anywhere;
 }
-.cn-chart-widget__matrix-label[data-v-56aabaf0] {
+.cn-chart-widget__matrix-label[data-v-4e61b5f0] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell[data-v-4e61b5f0] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--success[data-v-4e61b5f0] {
 	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-56aabaf0] {
+.cn-chart-widget__matrix-cell--warning[data-v-4e61b5f0] {
 	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-56aabaf0] {
+.cn-chart-widget__matrix-cell--error[data-v-4e61b5f0] {
 	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-56aabaf0] {
+.cn-chart-widget__matrix-cell--danger[data-v-4e61b5f0] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--current[data-v-4e61b5f0] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -15425,26 +15452,26 @@ li[data-cn-admin-tag] > .action-link::after {
    primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
    ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
    dark ink stays at 4.5:1 in Nextcloud's dark theme. */
-.cn-chart-widget__matrix-cell--1[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--1[data-v-4e61b5f0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light-text);
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--2[data-v-4e61b5f0] {
 	background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--3[data-v-4e61b5f0] {
 	--nldesign-color-on-surface: var(--color-main-text);
 	background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-56aabaf0] {
+.cn-chart-widget__matrix-cell--4[data-v-4e61b5f0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light);
 	background: var(--color-primary-element-light-text);
 	color: var(--color-primary-element-light);
 }
-.cn-chart-widget__empty[data-v-56aabaf0] {
+.cn-chart-widget__empty[data-v-4e61b5f0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -15459,25 +15486,25 @@ li[data-cn-admin-tag] > .action-link::after {
    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-56aabaf0],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-56aabaf0] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-4e61b5f0],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-4e61b5f0] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-56aabaf0] {
+.cn-chart-widget__error[data-v-4e61b5f0] {
 	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-56aabaf0] {
+.cn-chart-widget__views[data-v-4e61b5f0] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-56aabaf0] {
+.cn-chart-widget__view-pill[data-v-4e61b5f0] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -15486,7 +15513,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-56aabaf0] {
+.cn-chart-widget__view-pill--active[data-v-4e61b5f0] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -15515,8 +15542,8 @@ li[data-cn-admin-tag] > .action-link::after {
    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-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15525,8 +15552,8 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* 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-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-4e61b5f0] .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);
@@ -15535,8 +15562,8 @@ li[data-cn-admin-tag] > .action-link::after {
 /* 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-56aabaf0] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15545,55 +15572,55 @@ li[data-cn-admin-tag] > .action-link::after {
 /* 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-56aabaf0] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-4e61b5f0] .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-56aabaf0] .apexcharts-menu {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-4e61b5f0] .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-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -15991,23 +16018,27 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-conversation-widget__badge[data-v-c7d9637a] {
+.cn-conversation-widget__badge[data-v-63984d97] {
 	padding: 2px 10px;
 	border-radius: var(--border-radius-pill);
 	background: var(--color-background-dark);
 	color: var(--color-main-text);
 	font-size: var(--font-size-small, 13px);
 }
-.cn-conversation-widget__error[data-v-c7d9637a] {
+.cn-conversation-widget__error[data-v-63984d97] {
 	color: var(--color-error-text, var(--color-error));
 	margin: calc(2 * var(--default-grid-baseline)) 0 0;
 }
-.cn-case-widget-card[data-v-c7d9637a] {
+.cn-case-widget-card[data-v-63984d97] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: calc(5 * var(--default-grid-baseline));
 }
+.cn-conversation-widget__draft-status[data-v-63984d97] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
 
 
 /* Match vue-material-design-icons: inline path icons inherit text colour. */
@@ -17471,64 +17502,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__actions[data-v-5e132788] {
+.cn-cell-renderer__actions[data-v-2a3bc230] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-cell-renderer__icon-label[data-v-5e132788] {
+.cn-cell-renderer__icon-label[data-v-2a3bc230] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-5e132788] {
+.cn-cell-renderer__switch[data-v-2a3bc230] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-5e132788] {
+.cn-cell-renderer__mono[data-v-2a3bc230] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-5e132788] {
+.cn-cell-renderer--uuid[data-v-2a3bc230] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-5e132788] {
+.cn-cell-renderer--number[data-v-2a3bc230] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-5e132788] {
+.cn-cell-renderer--date[data-v-2a3bc230] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-state[data-v-5e132788] {
+.cn-cell-renderer__date-state[data-v-2a3bc230] {
 	margin-inline-start: 8px;
 	color: var(--color-success-text, var(--color-main-text));
 }
-.cn-cell-renderer__date-state--past[data-v-5e132788] {
+.cn-cell-renderer__date-state--past[data-v-2a3bc230] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__dash[data-v-5e132788] {
+.cn-cell-renderer__dash[data-v-2a3bc230] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-5e132788] {
+.cn-cell-renderer__avatar[data-v-2a3bc230] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-5e132788] {
+.cn-cell-renderer__avatar-picture[data-v-2a3bc230] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-5e132788] {
+.cn-cell-renderer__date-block[data-v-2a3bc230] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-5e132788] {
+.cn-cell-renderer__date-tile[data-v-2a3bc230] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -17538,26 +17569,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-5e132788] {
+.cn-cell-renderer__date-day[data-v-2a3bc230] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-5e132788],
-.cn-cell-renderer__date-time[data-v-5e132788] {
+.cn-cell-renderer__date-month[data-v-2a3bc230],
+.cn-cell-renderer__date-time[data-v-2a3bc230] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-5e132788] {
+.cn-cell-renderer__date-month[data-v-2a3bc230] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-5e132788] {
+.cn-cell-renderer__date-lines[data-v-2a3bc230] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-5e132788] {
+.cn-cell-renderer__date-weekday[data-v-2a3bc230] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-5e132788] {
+.cn-cell-renderer__avatar-initials[data-v-2a3bc230] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -17569,12 +17600,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-5e132788] {
+.cn-cell-renderer__avatar-text[data-v-2a3bc230] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-5e132788] {
+.cn-cell-renderer__avatar-name[data-v-2a3bc230] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -17584,7 +17615,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-5e132788] {
+.cn-cell-renderer__avatar-secondary[data-v-2a3bc230] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -17598,34 +17629,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* A date that matched a rule is also set in a heavier weight, so the signal
    does not rest on colour alone. */
-.cn-cell-renderer__date--success[data-v-5e132788],
-.cn-cell-renderer__date--warning[data-v-5e132788],
-.cn-cell-renderer__date--error[data-v-5e132788],
-.cn-cell-renderer__age--success[data-v-5e132788],
-.cn-cell-renderer__age--warning[data-v-5e132788],
-.cn-cell-renderer__age--error[data-v-5e132788] {
+.cn-cell-renderer__date--success[data-v-2a3bc230],
+.cn-cell-renderer__date--warning[data-v-2a3bc230],
+.cn-cell-renderer__date--error[data-v-2a3bc230],
+.cn-cell-renderer__age--success[data-v-2a3bc230],
+.cn-cell-renderer__age--warning[data-v-2a3bc230],
+.cn-cell-renderer__age--error[data-v-2a3bc230] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-5e132788] {
+.cn-cell-renderer__age[data-v-2a3bc230] {
 	white-space: nowrap;
 }
 
 /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
    8px beside it in the bar's tone, and an optional age badge after them, as
    PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
-.cn-cell-renderer__progress[data-v-5e132788] {
+.cn-cell-renderer__progress[data-v-2a3bc230] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-5e132788] {
+.cn-cell-renderer__progress-line[data-v-2a3bc230] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-5e132788] {
+.cn-cell-renderer__progress-bar[data-v-2a3bc230] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -17633,33 +17664,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-5e132788] {
+.cn-cell-renderer__progress-fill[data-v-2a3bc230] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-5e132788] {
+.cn-cell-renderer__progress-fill--success[data-v-2a3bc230] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-5e132788] {
+.cn-cell-renderer__progress-fill--warning[data-v-2a3bc230] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-5e132788] {
+.cn-cell-renderer__progress-fill--error[data-v-2a3bc230] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-5e132788] {
+.cn-cell-renderer__progress-value[data-v-2a3bc230] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-5e132788] {
+.cn-cell-renderer__progress-value--success[data-v-2a3bc230] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-5e132788] {
+.cn-cell-renderer__progress-value--warning[data-v-2a3bc230] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-5e132788] {
+.cn-cell-renderer__progress-value--error[data-v-2a3bc230] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-5e132788] {
+.cn-cell-renderer__progress-badge[data-v-2a3bc230] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -17667,86 +17698,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-5e132788] {
+.cn-cell-renderer__progress-badge--error[data-v-2a3bc230] {
 	color: var(--color-text-error, var(--color-error-text));
 	background: var(--color-error-hover, var(--color-background-dark));
 	background: color-mix(in srgb, var(--color-error) 12%, transparent);
 }
-.cn-cell-renderer__progress-badge--warning[data-v-5e132788] {
+.cn-cell-renderer__progress-badge--warning[data-v-2a3bc230] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	background: color-mix(in srgb, var(--color-warning) 14%, transparent);
 }
-.cn-cell-renderer__progress-badge--success[data-v-5e132788] {
+.cn-cell-renderer__progress-badge--success[data-v-2a3bc230] {
 	color: var(--color-text-success, var(--color-success-text));
 	background: color-mix(in srgb, var(--color-success) 12%, transparent);
 }
-.cn-cell-renderer__age--success[data-v-5e132788] {
+.cn-cell-renderer__age--success[data-v-2a3bc230] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-5e132788] {
+.cn-cell-renderer__age--warning[data-v-2a3bc230] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-5e132788] {
+.cn-cell-renderer__age--error[data-v-2a3bc230] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-5e132788] {
+.cn-cell-renderer__due--empty[data-v-2a3bc230] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* A withheld value: the lock and the word in the muted text colour. */
-.cn-cell-renderer__withheld[data-v-5e132788] {
+.cn-cell-renderer__withheld[data-v-2a3bc230] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__withheld-icon[data-v-5e132788] {
+.cn-cell-renderer__withheld-icon[data-v-2a3bc230] {
 	flex: 0 0 auto;
 }
-.cn-cell-renderer__withheld-text[data-v-5e132788] {
+.cn-cell-renderer__withheld-text[data-v-2a3bc230] {
 	font-style: italic;
 }
 
 /* A number cell: the flagged number reads in its variant's text colour, with
    the chip saying why (never colour alone). */
-.cn-cell-renderer__number[data-v-5e132788] {
+.cn-cell-renderer__number[data-v-2a3bc230] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	white-space: nowrap;
 }
-.cn-cell-renderer__number--warning[data-v-5e132788] {
+.cn-cell-renderer__number--warning[data-v-2a3bc230] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__number--error[data-v-5e132788] {
+.cn-cell-renderer__number--error[data-v-2a3bc230] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__date--success[data-v-5e132788] {
+.cn-cell-renderer__date--success[data-v-2a3bc230] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-5e132788] {
+.cn-cell-renderer__date--warning[data-v-2a3bc230] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-5e132788] {
+.cn-cell-renderer__date--error[data-v-2a3bc230] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__date--muted[data-v-5e132788] {
+.cn-cell-renderer__date--muted[data-v-2a3bc230] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-5e132788] {
+.cn-cell-renderer__icon--success[data-v-2a3bc230] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-5e132788] {
+.cn-cell-renderer__swatch-wrap[data-v-2a3bc230] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-5e132788] {
+.cn-cell-renderer__swatch-dot[data-v-2a3bc230] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -18080,6 +18111,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	white-space: nowrap;
 }
 
+/* A growing column that opts into wrapping (`cn-cell--wrap`, DqDoorlooptijd
+   "Zaken met risico" titles) wraps its text over lines instead of cutting
+   it, and keeps a readable width: with `max-width: 0` the wide one-line
+   cells beside it squeezed it to its padding (24px).
+   @spec openspec/changes/fit-table-wrap-column-keeps-width/specs/fit-table-wrap-column-keeps-width/spec.md#requirement-a-wrapping-growing-column-keeps-a-readable-width */
+.cn-data-table--fit th.cn-table-col--grow.cn-cell--wrap,
+.cn-data-table--fit td.cn-table-col--grow.cn-cell--wrap {
+	min-width: 8em;
+	max-width: none;
+	overflow-wrap: anywhere;
+	white-space: normal;
+}
+
 /* The secondary line of the growing column ("2026-0004" under a case title)
    is a line of its own with its own ellipsis. The cell does not wrap, so in
    the board look, where the secondary line is an inline block (the title
@@ -23106,7 +23150,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-ad907164] {
+.cn-files-browser[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -23114,22 +23158,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-ad907164] {
+.cn-files-browser--dragging[data-v-3a771a01] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
 
 /* With a `dropDetail` the drop state fills the panel it sits in, as the
    board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
-.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ad907164] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-3a771a01] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-ad907164] {
+.cn-files-browser__drop-detail[data-v-3a771a01] {
 	max-width: 520px;
 	font-size: 14px;
 	color: var(--color-main-text);
 }
-.cn-files-browser__drop-overlay[data-v-ad907164] {
+.cn-files-browser__drop-overlay[data-v-3a771a01] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -23147,7 +23191,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-ad907164] {
+.cn-files-browser__drop-icon[data-v-3a771a01] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23157,11 +23201,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-ad907164] {
+.cn-files-browser__drop-label[data-v-3a771a01] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-ad907164] {
+.cn-files-browser__drop-hint[data-v-3a771a01] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -23171,14 +23215,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-ad907164] {
+.cn-files-browser__bar[data-v-3a771a01] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-ad907164] {
+.cn-files-browser__crumbs[data-v-3a771a01] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -23186,13 +23230,13 @@ button.cn-files-card__open[data-v-1a7b9224]: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-ad907164] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-3a771a01] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-ad907164] {
+.cn-files-browser__file-input[data-v-3a771a01] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-ad907164] {
+.cn-files-browser__uploads[data-v-3a771a01] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -23200,35 +23244,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-ad907164] {
+.cn-files-browser__upload[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-ad907164] {
+.cn-files-browser__upload-name[data-v-3a771a01] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-ad907164] {
+.cn-files-browser__upload-error[data-v-3a771a01] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-ad907164] {
+.cn-files-browser__loading[data-v-3a771a01] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-ad907164] {
+.cn-files-browser__body--with-side[data-v-3a771a01] {
 	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-ad907164] {
+.cn-files-browser__body--with-side[data-v-3a771a01] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-ad907164] {
+.cn-files-browser__side[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -23236,14 +23280,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* In the detail page's side column the cards take its gap and its card
    anatomy, as the page's own side cards are drawn. */
-.cn-files-browser__side--in-page[data-v-ad907164] {
+.cn-files-browser__side--in-page[data-v-3a771a01] {
 	gap: calc(5 * var(--default-grid-baseline));
 }
-.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ad907164] {
+.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-3a771a01] {
 	padding: var(--cn-board-card-padding, 16px 18px);
 	border-radius: var(--cn-board-card-radius, var(--border-radius-large));
 }
-.cn-files-browser__side-card[data-v-ad907164] {
+.cn-files-browser__side-card[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23252,13 +23296,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-ad907164] {
+.cn-files-browser__side-title[data-v-3a771a01] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-ad907164] {
+.cn-files-browser__side-facts[data-v-3a771a01] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
@@ -23268,22 +23312,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
    @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
-.cn-files-browser__side-facts dt[data-v-ad907164],
-.cn-files-browser__side-facts dd[data-v-ad907164] {
+.cn-files-browser__side-facts dt[data-v-3a771a01],
+.cn-files-browser__side-facts dd[data-v-3a771a01] {
 	display: block;
 	width: auto;
 	padding: 0;
 	text-align: start;
 	white-space: normal;
 }
-.cn-files-browser__side-facts dt[data-v-ad907164] {
+.cn-files-browser__side-facts dt[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-ad907164] {
+.cn-files-browser__side-facts dd[data-v-3a771a01] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-ad907164] {
+.cn-files-browser__side-actions[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -23291,35 +23335,35 @@ button.cn-files-card__open[data-v-1a7b9224]: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-ad907164] {
+.cn-files-browser__tone[data-v-3a771a01] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-ad907164] {
+.cn-files-browser__tone--success[data-v-3a771a01] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-ad907164] {
+.cn-files-browser__tone--warning[data-v-3a771a01] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-ad907164] {
+.cn-files-browser__tone--error[data-v-3a771a01] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-ad907164],
-.cn-files-browser__tone--info[data-v-ad907164] {
+.cn-files-browser__tone--primary[data-v-3a771a01],
+.cn-files-browser__tone--info[data-v-3a771a01] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-ad907164] {
+.cn-files-browser__table[data-v-3a771a01] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-ad907164] {
+.cn-files-browser__table th[data-v-3a771a01] {
 	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-ad907164] {
+.cn-files-browser__sort[data-v-3a771a01] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -23330,46 +23374,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-ad907164]:hover,
-.cn-files-browser__sort[data-v-ad907164]:focus-visible {
+.cn-files-browser__sort[data-v-3a771a01]:hover,
+.cn-files-browser__sort[data-v-3a771a01]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-ad907164] {
+.cn-files-browser__row[data-v-3a771a01] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-ad907164]:hover,
-.cn-files-browser__row[data-v-ad907164]:focus-within {
+.cn-files-browser__row[data-v-3a771a01]:hover,
+.cn-files-browser__row[data-v-3a771a01]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-ad907164] {
+.cn-files-browser__table td[data-v-3a771a01] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-ad907164] {
+.cn-files-browser__col-icon[data-v-3a771a01] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-ad907164] {
+.cn-files-browser__col-size[data-v-3a771a01] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-ad907164] {
+.cn-files-browser__col-mtime[data-v-3a771a01] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-ad907164] {
+.cn-files-browser__col-select[data-v-3a771a01] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-ad907164] {
+.cn-files-browser__select[data-v-3a771a01] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-ad907164] {
+.cn-files-browser__bulk-bar[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -23378,11 +23422,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-ad907164] {
+.cn-files-browser__bulk-count[data-v-3a771a01] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-ad907164] {
+.cn-files-browser__review[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23391,28 +23435,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: 10px;
 	background: var(--color-background-hover);
 }
-.cn-files-browser__review-head[data-v-ad907164] {
+.cn-files-browser__review-head[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-ad907164] {
+.cn-files-browser__review-title[data-v-3a771a01] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-ad907164] {
+.cn-files-browser__review-sub[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-ad907164] {
+.cn-files-browser__review-bar[data-v-3a771a01] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-ad907164] {
+.cn-files-browser__review-legend[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -23421,48 +23465,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-ad907164] {
+.cn-files-browser__review-legend li[data-v-3a771a01] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-ad907164] {
+.cn-files-browser__review-dot[data-v-3a771a01] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-ad907164] {
+.cn-files-browser__review-part--success[data-v-3a771a01] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-ad907164] {
+.cn-files-browser__review-part--warning[data-v-3a771a01] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-ad907164] {
+.cn-files-browser__review-part--error[data-v-3a771a01] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-ad907164] {
+.cn-files-browser__review-part--info[data-v-3a771a01] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-ad907164] {
+.cn-files-browser__review-part--default[data-v-3a771a01] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-ad907164] {
+.cn-files-browser__row-button[data-v-3a771a01] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-ad907164] {
+.cn-files-browser__facets[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-ad907164] {
+.cn-files-browser__facet[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-ad907164] {
+.cn-files-browser__facet-chip[data-v-3a771a01] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23474,41 +23518,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-ad907164] {
+.cn-files-browser__facet-chip--active[data-v-3a771a01] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-ad907164] {
+.cn-files-browser__group-heading[data-v-3a771a01] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-ad907164] {
+.cn-files-browser__group-count[data-v-3a771a01] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-ad907164] {
+.cn-files-browser__no-match[data-v-3a771a01] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-ad907164] {
+.cn-files-browser__col-actions[data-v-3a771a01] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-ad907164]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-3a771a01]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
-.cn-files-browser__col-name[data-v-ad907164] {
+.cn-files-browser__col-name[data-v-3a771a01] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-ad907164] {
+.cn-files-browser__name[data-v-3a771a01] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-ad907164] {
+.cn-files-browser__name-secondary[data-v-3a771a01] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -23516,41 +23560,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-ad907164] {
+.cn-files-browser__footnote[data-v-3a771a01] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-ad907164] {
+.cn-files-browser__row--linked[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-ad907164] {
+.cn-files-browser__note[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-ad907164] {
+.cn-files-browser__note-link[data-v-3a771a01] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-ad907164] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-3a771a01] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-ad907164],
-.cn-files-browser__thumb[data-v-ad907164] {
+.cn-files-browser__mime[data-v-3a771a01],
+.cn-files-browser__thumb[data-v-3a771a01] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-ad907164] {
+.cn-files-browser__thumb[data-v-3a771a01] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-ad907164] {
+.cn-files-browser__new-folder[data-v-3a771a01] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-ad907164] {
+.hidden-visually[data-v-3a771a01] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -29092,7 +29136,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-stacked-bar[data-v-455eb41f] {
+.cn-stacked-bar[data-v-7bd1aead] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
@@ -29102,38 +29146,38 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* `content.inset: true`: the board's inset inside the card (zuiddrecht-pixel-
    gaps-3). A dashboard renders its widgets flush, so without it the strip ran
    from card edge to card edge. Theme hook: --cn-widget-board-inset. */
-.cn-stacked-bar--inset[data-v-455eb41f] {
+.cn-stacked-bar--inset[data-v-7bd1aead] {
 	box-sizing: border-box;
 	padding: var(--cn-widget-board-inset, 16px 24px 22px);
 }
-.cn-stacked-bar__heading[data-v-455eb41f] {
+.cn-stacked-bar__heading[data-v-7bd1aead] {
 	display: flex;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 12px;
 }
-.cn-stacked-bar__heading-meta[data-v-455eb41f] {
+.cn-stacked-bar__heading-meta[data-v-7bd1aead] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-stacked-bar__state[data-v-455eb41f] {
+.cn-stacked-bar__state[data-v-7bd1aead] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-stacked-bar__bar[data-v-455eb41f] {
+.cn-stacked-bar__bar[data-v-7bd1aead] {
 	display: flex;
 	gap: 3px;
 	height: 12px;
 }
-.cn-stacked-bar__segment[data-v-455eb41f] {
+.cn-stacked-bar__segment[data-v-7bd1aead] {
 	flex-basis: 0;
 	min-width: 4px;
 	border-radius: 6px;
 }
-.cn-stacked-bar__legend[data-v-455eb41f] {
+.cn-stacked-bar__legend[data-v-7bd1aead] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 	gap: 12px;
@@ -29141,13 +29185,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 0;
 	list-style: none;
 }
-.cn-stacked-bar__legend-item[data-v-455eb41f] {
+.cn-stacked-bar__legend-item[data-v-7bd1aead] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-stacked-bar__label[data-v-455eb41f] {
+.cn-stacked-bar__label[data-v-7bd1aead] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -29155,19 +29199,66 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	color: var(--color-text-maxcontrast);
 	overflow-wrap: anywhere;
 }
-.cn-stacked-bar__dot[data-v-455eb41f] {
+.cn-stacked-bar__dot[data-v-7bd1aead] {
 	flex: none;
 	width: 10px;
 	height: 10px;
 	border-radius: 3px;
 }
-.cn-stacked-bar__count[data-v-455eb41f] {
+.cn-stacked-bar__count[data-v-7bd1aead] {
 	font-size: 1.5em;
 	font-weight: 700;
 	line-height: 1.2;
 	color: var(--color-main-text);
 }
 
+/* `content.compact: true`: the summary box (DqZaakDocumenten "4 van 7
+   beoordeeld"): the sunken ground, a 15px heading, one 8px bar of joined
+   segments and the legend on one line, each count beside its label. */
+.cn-stacked-bar--compact[data-v-7bd1aead] {
+	box-sizing: border-box;
+	gap: 10px;
+	padding: 14px 16px;
+	border-radius: 10px;
+	background: var(--cn-board-sunken-ground, var(--color-background-hover));
+}
+.cn-stacked-bar--compact .cn-stacked-bar__heading[data-v-7bd1aead] {
+	flex-wrap: wrap;
+	gap: 8px;
+	font-size: 15px;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__bar[data-v-7bd1aead] {
+	gap: 0;
+	height: 8px;
+	border-radius: 4px;
+	overflow: hidden;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__segment[data-v-7bd1aead] {
+	border-radius: 0;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__legend[data-v-7bd1aead] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px 18px;
+	font-size: 14px;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__legend-item[data-v-7bd1aead] {
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__label[data-v-7bd1aead] {
+	color: var(--color-main-text);
+	font-size: 1em;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__dot[data-v-7bd1aead] {
+	border-radius: 50%;
+}
+.cn-stacked-bar--compact .cn-stacked-bar__count[data-v-7bd1aead] {
+	font-size: 1em;
+	line-height: inherit;
+}
+
 
 .cn-stacked-bar-form[data-v-03d1b200] {
 	display: flex;
@@ -29185,47 +29276,47 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-transition-input-fields[data-v-3e4484aa] {
+.cn-transition-input-fields[data-v-731d1a6c] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-transition-input-fields--columns[data-v-3e4484aa] {
+.cn-transition-input-fields--columns[data-v-731d1a6c] {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	align-items: start;
 }
-.cn-transition-input-fields--columns .cn-transition-input-fields__wide[data-v-3e4484aa] {
+.cn-transition-input-fields--columns .cn-transition-input-fields__wide[data-v-731d1a6c] {
 	grid-column: 1 / -1;
 }
-.cn-transition-input__field[data-v-3e4484aa],
-.cn-transition-input-fields__preview[data-v-3e4484aa] {
+.cn-transition-input__field[data-v-731d1a6c],
+.cn-transition-input-fields__preview[data-v-731d1a6c] {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
-.cn-transition-input__label[data-v-3e4484aa] {
+.cn-transition-input__label[data-v-731d1a6c] {
 	display: block;
 	margin-bottom: 4px;
 }
-.cn-transition-input-fields__label[data-v-3e4484aa] {
+.cn-transition-input-fields__label[data-v-731d1a6c] {
 	font-size: 14px;
 	font-weight: 600;
 }
-.cn-transition-input-fields__muted[data-v-3e4484aa] {
+.cn-transition-input-fields__muted[data-v-731d1a6c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-transition-input__field-error[data-v-3e4484aa] {
+.cn-transition-input__field-error[data-v-731d1a6c] {
 	margin: 4px 0 0;
 	font-size: 0.9em;
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-transition-input__field--refused[data-v-3e4484aa] {
+.cn-transition-input__field--refused[data-v-731d1a6c] {
 	border-inline-start: 2px solid var(--color-error);
 	padding-inline-start: 8px;
 }
-.cn-transition-input__object[data-v-3e4484aa] {
+.cn-transition-input__object[data-v-731d1a6c] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	padding: 8px 12px;
@@ -29233,7 +29324,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-transition-input-fields__card[data-v-3e4484aa] {
+.cn-transition-input-fields__card[data-v-731d1a6c] {
 	display: flex;
 	align-items: center;
 	gap: 14px;
@@ -29241,17 +29332,17 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-transition-input-fields__card-icon[data-v-3e4484aa] {
+.cn-transition-input-fields__card-icon[data-v-731d1a6c] {
 	color: var(--color-primary-element);
 }
-.cn-transition-input-fields__card-text[data-v-3e4484aa] {
+.cn-transition-input-fields__card-text[data-v-731d1a6c] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-transition-input-fields__badge[data-v-3e4484aa] {
+.cn-transition-input-fields__badge[data-v-731d1a6c] {
 	padding: 3px 10px;
 	border-radius: 12px;
 	background: var(--color-success-light, var(--color-background-dark));
@@ -29259,39 +29350,39 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-transition-input-fields__section-title[data-v-3e4484aa] {
+.cn-transition-input-fields__section-title[data-v-731d1a6c] {
 	margin: 0 0 8px;
 	font-size: 14px;
 	font-weight: 600;
 }
-.cn-transition-input-fields__facts[data-v-3e4484aa] {
+.cn-transition-input-fields__facts[data-v-731d1a6c] {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 0 24px;
 	margin: 0;
 }
-.cn-transition-input-fields__facts > div[data-v-3e4484aa] {
+.cn-transition-input-fields__facts > div[data-v-731d1a6c] {
 	padding: 10px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-transition-input-fields__facts dt[data-v-3e4484aa],
-.cn-transition-input-fields__facts dd[data-v-3e4484aa] {
+.cn-transition-input-fields__facts dt[data-v-731d1a6c],
+.cn-transition-input-fields__facts dd[data-v-731d1a6c] {
 	display: block;
 	width: auto;
 	padding: 0;
 	text-align: start;
 	white-space: normal;
 }
-.cn-transition-input-fields__facts dt[data-v-3e4484aa] {
+.cn-transition-input-fields__facts dt[data-v-731d1a6c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-transition-input-fields__facts dd[data-v-3e4484aa] {
+.cn-transition-input-fields__facts dd[data-v-731d1a6c] {
 	margin: 2px 0 0;
 	font-size: 15px;
 	font-weight: 600;
 }
-.cn-transition-input-fields__notice[data-v-3e4484aa] {
+.cn-transition-input-fields__notice[data-v-731d1a6c] {
 	display: flex;
 	gap: 12px;
 	align-items: flex-start;
@@ -29300,22 +29391,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	background: var(--color-primary-element-light);
 	color: var(--color-main-text);
 }
-.cn-transition-input-fields__notice--warning[data-v-3e4484aa] {
+.cn-transition-input-fields__notice--warning[data-v-731d1a6c] {
 	background: var(--color-warning-element-light, var(--color-background-dark));
 }
-.cn-transition-input-fields__notice--error[data-v-3e4484aa] {
+.cn-transition-input-fields__notice--error[data-v-731d1a6c] {
 	background: var(--color-error-element-light, var(--color-background-dark));
 }
-.cn-transition-input-fields__notice-icon[data-v-3e4484aa] {
+.cn-transition-input-fields__notice-icon[data-v-731d1a6c] {
 	flex: none;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-transition-input-fields__notice-text[data-v-3e4484aa] {
+.cn-transition-input-fields__notice-text[data-v-731d1a6c] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-transition-input-fields__notice-text strong[data-v-3e4484aa] {
+.cn-transition-input-fields__notice-text strong[data-v-731d1a6c] {
 	color: var(--color-primary-element-light-text, var(--color-main-text));
 }
 
@@ -31178,7 +31269,7 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-object-data-widget__image[data-v-1042b83e] {
+.cn-object-data-widget__image[data-v-702c7c98] {
 	max-width: 100%;
 	max-height: 160px;
 	border-radius: 8px;
@@ -31186,33 +31277,33 @@ a.cn-kpi-card--board * {
 }
 
 /* Shimmering placeholder while a relation's display name resolves. */
-.cn-object-data-widget__skeleton[data-v-1042b83e] {
+.cn-object-data-widget__skeleton[data-v-702c7c98] {
 	display: inline-block;
 	width: 90px;
 	height: 1em;
 	border-radius: 4px;
 	background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
 	background-size: 200% 100%;
-	animation: cn-odw-shimmer-1042b83e 1.2s ease-in-out infinite;
+	animation: cn-odw-shimmer-702c7c98 1.2s ease-in-out infinite;
 }
-@keyframes cn-odw-shimmer-1042b83e {
+@keyframes cn-odw-shimmer-702c7c98 {
 from { background-position: 200% 0;
 }
 to { background-position: -200% 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-object-data-widget__skeleton[data-v-1042b83e] { animation: none;
+.cn-object-data-widget__skeleton[data-v-702c7c98] { animation: none;
 }
 }
-.cn-object-data-widget__grid[data-v-1042b83e] {
+.cn-object-data-widget__grid[data-v-702c7c98] {
 	display: grid;
 	gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
 }
-.cn-object-data-widget__toggle[data-v-1042b83e] {
+.cn-object-data-widget__toggle[data-v-702c7c98] {
 	margin-top: 4px;
 }
-.cn-object-data-widget__cell[data-v-1042b83e] {
+.cn-object-data-widget__cell[data-v-702c7c98] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -31220,12 +31311,12 @@ to { background-position: -200% 0;
 	border-bottom: 1px solid var(--color-border-dark);
 	min-width: 0;
 }
-.cn-object-data-widget__label[data-v-1042b83e] {
+.cn-object-data-widget__label[data-v-702c7c98] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__value[data-v-1042b83e] {
+.cn-object-data-widget__value[data-v-702c7c98] {
 	font-size: 1em;
 	color: var(--color-main-text);
 	overflow-wrap: anywhere;
@@ -31239,24 +31330,24 @@ to { background-position: -200% 0;
    which drew a horizontal scrollbar under every data widget in a tab (dossiq's
    case page, Data tab). The end padding drops by the same 4px so the text and
    the edit icon sit where they sat. */
-.cn-object-data-widget__value--editable[data-v-1042b83e] {
+.cn-object-data-widget__value--editable[data-v-702c7c98] {
 	cursor: pointer;
 	border-radius: var(--border-radius);
 	padding: 4px 20px 4px 4px;
 	margin: -4px 0 -4px -4px;
 }
-.cn-object-data-widget__value--editable[data-v-1042b83e]:hover {
+.cn-object-data-widget__value--editable[data-v-702c7c98]:hover {
 	background: var(--color-background-dark);
 }
-.cn-object-data-widget__value--editable[data-v-1042b83e]:focus-visible {
+.cn-object-data-widget__value--editable[data-v-702c7c98]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-object-data-widget__value--empty[data-v-1042b83e] {
+.cn-object-data-widget__value--empty[data-v-702c7c98] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-object-data-widget__edit-icon[data-v-1042b83e] {
+.cn-object-data-widget__edit-icon[data-v-702c7c98] {
 	position: absolute;
 	right: 4px;
 	top: 50%;
@@ -31265,21 +31356,21 @@ to { background-position: -200% 0;
 	opacity: 0;
 	transition: opacity 0.15s ease;
 }
-.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-1042b83e],
-.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-1042b83e] {
+.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-702c7c98],
+.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-702c7c98] {
 	opacity: 1;
 }
-.cn-object-data-widget__editor[data-v-1042b83e] {
+.cn-object-data-widget__editor[data-v-702c7c98] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-object-data-widget__editor-actions[data-v-1042b83e] {
+.cn-object-data-widget__editor-actions[data-v-702c7c98] {
 	display: flex;
 	gap: 2px;
 	justify-content: flex-end;
 }
-.cn-object-data-widget__textarea[data-v-1042b83e] {
+.cn-object-data-widget__textarea[data-v-702c7c98] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -31291,16 +31382,16 @@ to { background-position: -200% 0;
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-object-data-widget__textarea[data-v-1042b83e]:focus {
+.cn-object-data-widget__textarea[data-v-702c7c98]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-object-data-widget__footnote[data-v-1042b83e] {
+.cn-object-data-widget__footnote[data-v-702c7c98] {
 	margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-data-widget__empty[data-v-1042b83e] {
+.cn-object-data-widget__empty[data-v-702c7c98] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -31308,16 +31399,16 @@ to { background-position: -200% 0;
 
 /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
    fits the card and participates in the whole-row overflow handling. */
-.cn-object-data-widget__mini-table-wrap[data-v-1042b83e] {
+.cn-object-data-widget__mini-table-wrap[data-v-702c7c98] {
 	max-width: 100%;
 }
-.cn-object-data-widget__mini-table[data-v-1042b83e] {
+.cn-object-data-widget__mini-table[data-v-702c7c98] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 0.9em;
 }
-.cn-object-data-widget__mini-table th[data-v-1042b83e],
-.cn-object-data-widget__mini-table td[data-v-1042b83e] {
+.cn-object-data-widget__mini-table th[data-v-702c7c98],
+.cn-object-data-widget__mini-table td[data-v-702c7c98] {
 	text-align: start;
 	padding: 2px 8px 2px 0;
 	border-bottom: 1px solid var(--color-border);
@@ -31328,23 +31419,23 @@ to { background-position: -200% 0;
 	   cell, and the card 8px wider than its cell (pipelinq's ticket page). */
 	white-space: normal;
 }
-.cn-object-data-widget__mini-table th[data-v-1042b83e] {
+.cn-object-data-widget__mini-table th[data-v-702c7c98] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__more[data-v-1042b83e] {
+.cn-object-data-widget__more[data-v-702c7c98] {
 	margin-top: 2px;
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
 
 /* Comma-less chip row for array-of-scalars values. */
-.cn-object-data-widget__chips[data-v-1042b83e] {
+.cn-object-data-widget__chips[data-v-702c7c98] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
 }
-.cn-object-data-widget__chip[data-v-1042b83e] {
+.cn-object-data-widget__chip[data-v-702c7c98] {
 	padding: 1px 8px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
@@ -31352,37 +31443,37 @@ to { background-position: -200% 0;
 }
 
 /* Key: value definition list for a single plain-object value. */
-.cn-object-data-widget__deflist[data-v-1042b83e] {
+.cn-object-data-widget__deflist[data-v-702c7c98] {
 	display: grid;
 	grid-template-columns: auto 1fr;
 	gap: 2px 8px;
 	margin: 0;
 }
-.cn-object-data-widget__deflist dt[data-v-1042b83e] {
+.cn-object-data-widget__deflist dt[data-v-702c7c98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-object-data-widget__deflist dd[data-v-1042b83e] {
+.cn-object-data-widget__deflist dd[data-v-702c7c98] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
 
 /* A long description keeps its own paragraphs. Set on an inline span with no
    surrounding template whitespace, so only the value's own line breaks show. */
-.cn-object-data-widget__deflist-text[data-v-1042b83e] {
+.cn-object-data-widget__deflist-text[data-v-702c7c98] {
 	white-space: pre-wrap;
 }
-.cn-object-data-widget__deflist--nested[data-v-1042b83e] {
+.cn-object-data-widget__deflist--nested[data-v-702c7c98] {
 	padding-inline-start: 8px;
 	border-inline-start: 2px solid var(--color-border);
 }
 
 /* Responsive: collapse to single column on narrow widths */
 @media (max-width: 600px) {
-.cn-object-data-widget__grid[data-v-1042b83e] {
+.cn-object-data-widget__grid[data-v-702c7c98] {
 		grid-template-columns: 1fr !important;
 }
-.cn-object-data-widget__cell[data-v-1042b83e] {
+.cn-object-data-widget__cell[data-v-702c7c98] {
 		grid-column: span 1 !important;
 		grid-row: span 1 !important;
 }
@@ -38775,7 +38866,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-4fd0d81c] {
+.cn-facts-widget[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -38785,7 +38876,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
    and bottom, which put a side card's facts 24px under its title, against
    the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
-.cn-facts-widget__rows[data-v-4fd0d81c] {
+.cn-facts-widget__rows[data-v-1b8f8e6f] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -38795,7 +38886,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-4fd0d81c] {
+.cn-facts-widget__row[data-v-1b8f8e6f] {
 	display: contents;
 }
 
@@ -38804,14 +38895,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
    12px around both and widened the label column to 130px. The class is
    doubled so these resets outrank that rule, and a dossiq-style `:deep()`
    override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
 	width: auto;
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-4fd0d81c] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-1b8f8e6f] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -38819,56 +38910,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-4fd0d81c] {
+.cn-facts-widget__title[data-v-1b8f8e6f] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-4fd0d81c] {
+.cn-facts-widget__line[data-v-1b8f8e6f] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-4fd0d81c] {
+.cn-facts-widget__meter[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-4fd0d81c] {
+.cn-facts-widget__meter-head[data-v-1b8f8e6f] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-4fd0d81c] {
+.cn-facts-widget__meter-label[data-v-1b8f8e6f] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-4fd0d81c] {
+.cn-facts-widget__meter-value[data-v-1b8f8e6f] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-4fd0d81c] {
+.cn-facts-widget__meter-track[data-v-1b8f8e6f] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-4fd0d81c] {
+.cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-4fd0d81c] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-4fd0d81c] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-4fd0d81c] {
+.cn-facts-widget__muted[data-v-1b8f8e6f] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-4fd0d81c] {
+.cn-facts-widget__label .hidden-visually[data-v-1b8f8e6f] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -38876,23 +38967,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-4fd0d81c] {
+.cn-facts-widget__label--icon[data-v-1b8f8e6f] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-4fd0d81c] {
+.cn-facts-widget__value-link[data-v-1b8f8e6f] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-4fd0d81c],
-.cn-facts-widget__icon-button[data-v-4fd0d81c],
-.cn-facts-widget__action[data-v-4fd0d81c] {
+.cn-facts-widget__inline-button[data-v-1b8f8e6f],
+.cn-facts-widget__icon-button[data-v-1b8f8e6f],
+.cn-facts-widget__action[data-v-1b8f8e6f] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-4fd0d81c] {
+.cn-facts-widget__reveal-error[data-v-1b8f8e6f] {
+	font-size: 13px;
+	color: var(--color-text-error, var(--color-error));
+}
+.cn-facts-widget__inline-button[data-v-1b8f8e6f] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -38904,7 +38999,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 30px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-4fd0d81c] {
+.cn-facts-widget__icon-button[data-v-1b8f8e6f] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -38913,23 +39008,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-4fd0d81c]:hover,
-.cn-facts-widget__icon-button[data-v-4fd0d81c]:focus-visible {
+.cn-facts-widget__icon-button[data-v-1b8f8e6f]:hover,
+.cn-facts-widget__icon-button[data-v-1b8f8e6f]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-4fd0d81c] {
+.cn-facts-widget__text[data-v-1b8f8e6f] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-4fd0d81c] {
+.cn-facts-widget__lead[data-v-1b8f8e6f] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-4fd0d81c] {
+.cn-facts-widget__lead-tile[data-v-1b8f8e6f] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -38944,32 +39039,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Initials stand for a person: round, as an avatar. */
-.cn-facts-widget__lead-tile--initials[data-v-4fd0d81c] {
+.cn-facts-widget__lead-tile--initials[data-v-1b8f8e6f] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-4fd0d81c] {
+.cn-facts-widget__lead-tile--success[data-v-1b8f8e6f] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-4fd0d81c] {
+.cn-facts-widget__lead-tile--info[data-v-1b8f8e6f] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-4fd0d81c] {
+.cn-facts-widget__lead-text[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-4fd0d81c] {
+.cn-facts-widget__lead-title[data-v-1b8f8e6f] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-4fd0d81c] {
+.cn-facts-widget__lead-subtitle[data-v-1b8f8e6f] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-4fd0d81c] {
+.cn-facts-widget__action[data-v-1b8f8e6f] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -38981,20 +39076,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-4fd0d81c]:hover,
-.cn-facts-widget__action[data-v-4fd0d81c]:focus-visible {
+.cn-facts-widget__action[data-v-1b8f8e6f]:hover,
+.cn-facts-widget__action[data-v-1b8f8e6f]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-4fd0d81c] {
+.cn-facts-widget__notice[data-v-1b8f8e6f] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-4fd0d81c] {
+.cn-facts-widget__link[data-v-1b8f8e6f] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__link--button[data-v-4fd0d81c] {
+.cn-facts-widget__link--button[data-v-1b8f8e6f] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -39009,12 +39104,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 
 /* `columns: 2` (board DqContact): two columns, the label above the value, a
    hairline under each fact; one column on a phone. */
-.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
+.cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 14px 24px;
 	font-size: 15px;
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-4fd0d81c] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -39022,11 +39117,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding-bottom: 10px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
+.cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -40463,84 +40558,84 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-notes[data-v-6d7ff53b] {
+.cn-record-notes[data-v-56a223c4] {
 	display: flex;
 	flex-direction: column;
 	gap: 0;
 }
-.cn-record-notes__ready[data-v-6d7ff53b] {
+.cn-record-notes__ready[data-v-56a223c4] {
 	display: flex;
 	align-items: baseline;
 	gap: 6px;
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-notes__ready-figure[data-v-6d7ff53b] {
+.cn-record-notes__ready-figure[data-v-56a223c4] {
 	font-weight: 700;
 	color: var(--color-main-text);
 }
-.cn-record-notes__row[data-v-6d7ff53b] {
+.cn-record-notes__row[data-v-56a223c4] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 14px 0;
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-notes__head[data-v-6d7ff53b] {
+.cn-record-notes__head[data-v-56a223c4] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px;
 }
-.cn-record-notes__title[data-v-6d7ff53b] {
+.cn-record-notes__title[data-v-56a223c4] {
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-record-notes__title--link[data-v-6d7ff53b] {
+.cn-record-notes__title--link[data-v-56a223c4] {
 	text-decoration: underline;
 }
-.cn-record-notes__meta[data-v-6d7ff53b] {
+.cn-record-notes__meta[data-v-56a223c4] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-notes__spacer[data-v-6d7ff53b] {
+.cn-record-notes__spacer[data-v-56a223c4] {
 	flex: 1 1 auto;
 }
-.cn-record-notes__due[data-v-6d7ff53b] {
+.cn-record-notes__due[data-v-56a223c4] {
 	font-weight: 600;
 }
-.cn-record-notes__due--error[data-v-6d7ff53b] {
+.cn-record-notes__due--error[data-v-56a223c4] {
 	color: var(--color-error-text);
 }
-.cn-record-notes__due--warning[data-v-6d7ff53b] {
+.cn-record-notes__due--warning[data-v-56a223c4] {
 	color: var(--color-warning-text);
 }
-.cn-record-notes__due--muted[data-v-6d7ff53b] {
+.cn-record-notes__due--muted[data-v-56a223c4] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 400;
 }
-.cn-record-notes__fields[data-v-6d7ff53b] {
+.cn-record-notes__fields[data-v-56a223c4] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-end;
 	gap: 10px;
 }
-.cn-record-notes__field[data-v-6d7ff53b] {
+.cn-record-notes__field[data-v-56a223c4] {
 	flex: 1 1 260px;
 }
-.cn-record-notes__leaf[data-v-6d7ff53b] {
+.cn-record-notes__leaf[data-v-56a223c4] {
 	flex: 0 0 auto;
 }
-.cn-record-notes__leaf-missing[data-v-6d7ff53b],
-.cn-record-notes__error[data-v-6d7ff53b] {
+.cn-record-notes__leaf-missing[data-v-56a223c4],
+.cn-record-notes__error[data-v-56a223c4] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-notes__error[data-v-6d7ff53b] {
+.cn-record-notes__error[data-v-56a223c4] {
 	color: var(--color-error-text);
 }
-.cn-record-notes__all[data-v-6d7ff53b] {
+.cn-record-notes__all[data-v-56a223c4] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -40550,15 +40645,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding-top: 14px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-notes__all-title[data-v-6d7ff53b] {
+.cn-record-notes__all-title[data-v-56a223c4] {
 	margin: 0;
 	font-size: 16px;
 }
-.cn-record-notes__all-sentence[data-v-6d7ff53b] {
+.cn-record-notes__all-sentence[data-v-56a223c4] {
 	margin: 4px 0 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-notes__all-actions[data-v-6d7ff53b] {
+.cn-record-notes__all-actions[data-v-56a223c4] {
 	display: flex;
 	gap: 8px;
 }