@conduction/nextcloud-vue 2.138.0 → 2.140.0

package/dist/esm/nextcloud-vue.css

@@ -388,6 +388,20 @@
 	border: 0;
 }
 
+/* A dashboard banner's kicker is a 13px bold line in sentence case, no
+   tracking (DqMijnWerk "Vandaag eerst", BqMijnGoedkeuringen "First, today");
+   the plain look keeps its spaced capitals. The kicker is a paragraph, so its
+   size and weight also go to the theme's paragraph tokens.
+   @spec openspec/changes/board-banner-kicker-case/specs/board-banner-kicker-case/spec.md#requirement-a-board-dashboard-banners-kicker-is-in-sentence-case */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-font-weight: 700;
+	font-size: 13px;
+	font-weight: 700;
+	letter-spacing: 0;
+	text-transform: none;
+}
+
 /* ---- A workspace filter form (CnWorkspaceFilterWidget) ----------------- */
 /* The boards draw the form's field and its load button 40px tall, the button
    16px in at both sides (DqTermijnen "Jaar" with "Rapport laden"); the form
@@ -714,6 +728,13 @@
 	--button-size: 34px;
 }
 
+/* Two buttons in a card's title row stand 8px apart (DqZaakContact "Live
+   gesprek", DqZaakEmail "Mail koppelen" / "Mail opstellen").
+   @spec openspec/changes/board-card-header-actions-gap/specs/board-card-header-actions-gap/spec.md#requirement-a-board-cards-title-row-buttons-stand-8px-apart */
+.cn-look-board .cn-widget-wrapper__actions:not(.cn-look-nextcloud *) {
+	gap: 8px;
+}
+
 /* A detail page marked `cardButtons: "regular"` draws them at the 40px
    control height: the case page's tab cards (DqZaakContact "Live gesprek",
    DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
@@ -3050,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;
@@ -3061,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 */
@@ -3348,6 +3377,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	gap: 10px;
 }
 
+/* A choice card with a checkbox (CnAssignDialog's toggles) is as tight as
+   the board draws it (DqOverdragen, 76px for a label and a two-line note):
+   10px 14px padding, the checkbox row at the 24px minimum target instead of
+   NcCheckboxRadioSwitch's 34px, the note at 1.2 line height. */
+.cn-dialog-board .cn-assign-dialog__toggle {
+	padding: 10px 14px;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch-checkbox .checkbox-content,
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch__input {
+	min-height: 24px;
+	padding-block: 0;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle-note {
+	line-height: 1.2;
+}
+
 /* Body: padding 20px 24px, 18px between blocks. */
 .cn-dialog-board .dialog__content {
 	display: flex;
@@ -4320,6 +4367,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin-inline-start: 0;
 }
 
+/* With the side panel open the buttons take the row under the title, the
+   breadcrumb and the count line follow (DqZakenSorteren).
+   @spec openspec/changes/board-header-buttons-under-title-beside-side-panel/specs/board-header-buttons-under-title-beside-side-panel/spec.md#requirement-the-header-buttons-sit-under-the-title-while-the-side-panel-is-open */
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons {
+	grid-column: 1 / -1;
+	grid-row: 2;
+	justify-self: start;
+	margin-block: 6px 3px;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-header-trail,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-header-trail {
+	grid-row: 3;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description {
+	grid-row: 4;
+}
+
 /* The header buttons keep the board's button under a theme that styles every
    secondary or primary button with `!important` (the nldesign theme: a
    primary border, 8px 16px padding): Download and the Actions menu are 40px,
@@ -6620,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
@@ -11341,9 +11422,16 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta:not(.cn-look-nextcloud *),
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta time:not(.cn-look-nextcloud *) {
 	color: var(--cn-board-text-soft);
+	font-size: 13px;
 	line-height: normal;
 }
 
+/* 6px between the meta line and the text.
+   @spec openspec/changes/board-conversation-bubble-meta-gap/specs/board-conversation-bubble-meta-gap/spec.md#requirement-a-board-message-sets-its-meta-line-at-13px-6px-above-the-text */
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
+	gap: 6px;
+}
+
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__message--us .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
 	color: var(--color-main-text);
 }
@@ -12032,6 +12120,11 @@ li[data-cn-admin-tag] > .action-link::after {
 	line-height: normal;
 }
 
+/* Head and body text at line height 1.2, as the board draws the table. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(th, td) {
+	line-height: 1.2;
+}
+
 /* A long task name wraps under itself, as the board draws it, rather than
    widening the table past the card. */
 .cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(.cn-tasks-widget__name, .cn-tasks-widget__meta) {
@@ -12331,6 +12424,18 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 14px;
 	line-height: 1.2;
 }
+
+/* The contacts tab inside a detail card (DqZaakBetrokkenen "Partijen") takes
+   the card's padding instead of its own, and its buttons start at the card's
+   edge under the subtitle.
+   @spec openspec/changes/board-contacts-in-card/specs/contacts/spec.md */
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab {
+	padding: 0;
+}
+
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab .cn-contacts-tab__header {
+	justify-content: flex-start;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -15155,7 +15260,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-8e52ae5c] {
+.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
@@ -15177,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-8e52ae5c] {
+.cn-chart-widget--fit[data-v-4e61b5f0] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-8e52ae5c] {
+.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
@@ -15196,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-8e52ae5c] .apexcharts-canvas,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -15211,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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__html[data-v-4e61b5f0] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-8e52ae5c] {
+.cn-chart-widget__bar-list[data-v-4e61b5f0] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -15236,7 +15341,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line[data-v-4e61b5f0] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -15251,80 +15356,91 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-8e52ae5c] {
+.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-8e52ae5c],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__bar-label[data-v-4e61b5f0] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__bar-fill[data-v-4e61b5f0] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-8e52ae5c] {
+.cn-chart-widget__bar-value[data-v-4e61b5f0] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-4e61b5f0] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-8e52ae5c] {
+.cn-chart-widget__matrix[data-v-4e61b5f0] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-row[data-v-4e61b5f0] {
 	display: contents;
 }
-.cn-chart-widget__matrix-head[data-v-8e52ae5c] {
+
+/* 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-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-8e52ae5c] {
+.cn-chart-widget__matrix-label[data-v-4e61b5f0] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell[data-v-4e61b5f0] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__matrix-cell--current[data-v-4e61b5f0] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -15336,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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__empty[data-v-4e61b5f0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -15370,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-8e52ae5c],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.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-8e52ae5c] {
+.cn-chart-widget__view-pill[data-v-4e61b5f0] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -15397,7 +15513,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-8e52ae5c] {
+.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);
@@ -15426,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-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-8e52ae5c] .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);
@@ -15436,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-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-8e52ae5c] .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);
@@ -15446,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-8e52ae5c] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-8e52ae5c] .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);
@@ -15456,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-8e52ae5c] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .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-8e52ae5c] .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-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .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-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .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);
 }
 
@@ -15902,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. */
@@ -17382,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;
@@ -17449,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;
@@ -17480,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;
@@ -17495,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);
@@ -17509,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;
@@ -17544,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;
@@ -17578,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;
@@ -17991,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
@@ -23017,7 +23150,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-7ce558e7] {
+.cn-files-browser[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -23025,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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-3a771a01] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__drop-overlay[data-v-3a771a01] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -23058,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-7ce558e7] {
+.cn-files-browser__drop-icon[data-v-3a771a01] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23068,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-7ce558e7] {
+.cn-files-browser__drop-label[data-v-3a771a01] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-7ce558e7] {
+.cn-files-browser__drop-hint[data-v-3a771a01] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -23082,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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__crumbs[data-v-3a771a01] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -23097,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-7ce558e7] > :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-7ce558e7] {
+.cn-files-browser__file-input[data-v-3a771a01] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-7ce558e7] {
+.cn-files-browser__uploads[data-v-3a771a01] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -23111,35 +23244,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-7ce558e7] {
+.cn-files-browser__upload[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-7ce558e7] {
+.cn-files-browser__upload-name[data-v-3a771a01] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-7ce558e7] {
+.cn-files-browser__upload-error[data-v-3a771a01] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-7ce558e7] {
+.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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__body--with-side[data-v-3a771a01] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-7ce558e7] {
+.cn-files-browser__side[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -23147,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-7ce558e7] {
+.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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__side-card[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23163,27 +23296,38 @@ 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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__side-facts[data-v-3a771a01] {
 	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-7ce558e7] {
+
+/* 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-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-3a771a01] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-7ce558e7] {
+.cn-files-browser__side-facts dd[data-v-3a771a01] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-7ce558e7] {
+.cn-files-browser__side-actions[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -23191,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-7ce558e7] {
+.cn-files-browser__tone[data-v-3a771a01] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-7ce558e7] {
+.cn-files-browser__tone--success[data-v-3a771a01] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-7ce558e7] {
+.cn-files-browser__tone--warning[data-v-3a771a01] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-7ce558e7] {
+.cn-files-browser__tone--error[data-v-3a771a01] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-7ce558e7],
-.cn-files-browser__tone--info[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__table[data-v-3a771a01] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__sort[data-v-3a771a01] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -23230,46 +23374,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-7ce558e7]:hover,
-.cn-files-browser__sort[data-v-7ce558e7]: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-7ce558e7] {
+.cn-files-browser__row[data-v-3a771a01] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-7ce558e7]:hover,
-.cn-files-browser__row[data-v-7ce558e7]: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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__col-icon[data-v-3a771a01] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-7ce558e7] {
+.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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__col-select[data-v-3a771a01] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__bulk-bar[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -23278,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-7ce558e7] {
+.cn-files-browser__bulk-count[data-v-3a771a01] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-7ce558e7] {
+.cn-files-browser__review[data-v-3a771a01] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23291,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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__review-title[data-v-3a771a01] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-7ce558e7] {
+.cn-files-browser__review-sub[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__review-legend[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -23321,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-7ce558e7] {
+.cn-files-browser__review-legend li[data-v-3a771a01] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-7ce558e7] {
+.cn-files-browser__review-dot[data-v-3a771a01] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__review-part--warning[data-v-3a771a01] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__review-part--info[data-v-3a771a01] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-7ce558e7] {
+.cn-files-browser__review-part--default[data-v-3a771a01] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-7ce558e7] {
+.cn-files-browser__row-button[data-v-3a771a01] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-7ce558e7] {
+.cn-files-browser__facets[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-7ce558e7] {
+.cn-files-browser__facet[data-v-3a771a01] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-7ce558e7] {
+.cn-files-browser__facet-chip[data-v-3a771a01] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23374,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-7ce558e7] {
+.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-7ce558e7] {
+.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-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__no-match[data-v-3a771a01] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-7ce558e7] {
+.cn-files-browser__col-actions[data-v-3a771a01] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-7ce558e7]: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-7ce558e7] {
+.cn-files-browser__col-name[data-v-3a771a01] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-7ce558e7] {
+.cn-files-browser__name[data-v-3a771a01] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-7ce558e7] {
+.cn-files-browser__name-secondary[data-v-3a771a01] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -23416,41 +23560,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__row--linked[data-v-3a771a01] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__note-link[data-v-3a771a01] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-7ce558e7] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-3a771a01] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-7ce558e7],
-.cn-files-browser__thumb[data-v-7ce558e7] {
+.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-7ce558e7] {
+.cn-files-browser__thumb[data-v-3a771a01] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-7ce558e7] {
+.cn-files-browser__new-folder[data-v-3a771a01] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-7ce558e7] {
+.hidden-visually[data-v-3a771a01] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -27999,7 +28143,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* The row a following card describes (content.rowSelection). */
-.cn-object-list-widget[data-v-445e213c] .cn-object-list-widget__row--selected {
+.cn-object-list-widget[data-v-3a0165c8] .cn-object-list-widget__row--selected {
 	background: var(--color-primary-element-light, #eaf0f7);
 }
 
@@ -28010,7 +28154,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-445e213c] {
+.cn-object-list-widget[data-v-3a0165c8] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -28022,10 +28166,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-445e213c] {
+.cn-object-list-widget--dropping[data-v-3a0165c8] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-445e213c] {
+.cn-object-list-widget__drop-overlay[data-v-3a0165c8] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -28043,7 +28187,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-445e213c] {
+.cn-object-list-widget__table[data-v-3a0165c8] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -28052,16 +28196,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-445e213c] {
+.cn-object-list-widget__empty[data-v-3a0165c8] {
 	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-445e213c] {
+.cn-object-list-widget__pager[data-v-3a0165c8] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-445e213c] {
+.cn-object-list-widget__view-all[data-v-3a0165c8] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -28072,32 +28216,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-445e213c]:hover,
-.cn-object-list-widget__view-all[data-v-445e213c]:focus-visible {
+.cn-object-list-widget__view-all[data-v-3a0165c8]:hover,
+.cn-object-list-widget__view-all[data-v-3a0165c8]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-445e213c] {
+.cn-object-list-widget__more[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
-.cn-object-list-widget__links[data-v-445e213c] {
+.cn-object-list-widget__links[data-v-3a0165c8] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	margin: 12px 0 0;
 	font-size: 14px;
 }
-.cn-object-list-widget__link[data-v-445e213c] {
+.cn-object-list-widget__link[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__link-note[data-v-445e213c] {
+.cn-object-list-widget__link-note[data-v-3a0165c8] {
 	margin-inline-start: 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-list-widget__footnote[data-v-445e213c] {
+.cn-object-list-widget__footnote[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 8px 0 0;
@@ -28106,7 +28250,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* 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-445e213c] {
+.cn-object-list-widget__add[data-v-3a0165c8] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -28114,31 +28258,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-445e213c] {
+.cn-object-list-widget__error[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-445e213c] {
+.cn-object-list-widget__prompt[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-445e213c] {
+.cn-object-list-widget__facet[data-v-3a0165c8] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-445e213c] {
+.cn-object-list-widget__facet-label[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-445e213c] {
+.cn-object-list-widget__facet-chip[data-v-3a0165c8] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -28148,13 +28292,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-445e213c] {
+.cn-object-list-widget__facet-chip--active[data-v-3a0165c8] {
 	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-445e213c],
-.cn-object-list-widget__bulk-clear[data-v-445e213c] {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8],
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -28163,11 +28307,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-445e213c]:hover,
-.cn-object-list-widget__bulk-clear[data-v-445e213c]:hover {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8]:hover,
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-445e213c] {
+.cn-object-list-widget__bulk-bar[data-v-3a0165c8] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -28177,10 +28321,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-445e213c] {
+.cn-object-list-widget__bulk-count[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-445e213c] {
+.cn-object-list-widget__bulk-action[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28188,25 +28332,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-445e213c] {
+.cn-object-list-widget__bulk-action--destructive[data-v-3a0165c8] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-445e213c] {
+.cn-object-list-widget__groups[data-v-3a0165c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-445e213c] {
+.cn-object-list-widget__group-heading[data-v-3a0165c8] {
 	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-445e213c] {
+.cn-object-list-widget__upload[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28215,7 +28359,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-445e213c] {
+.cn-object-list-widget__upload-input[data-v-3a0165c8] {
 	display: none;
 }
 
@@ -28992,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;
@@ -29002,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;
@@ -29041,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;
@@ -29055,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;
@@ -29085,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;
@@ -29133,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;
@@ -29141,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));
@@ -29159,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;
@@ -29200,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));
 }
 
@@ -31078,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;
@@ -31086,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;
@@ -31120,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;
@@ -31139,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%;
@@ -31165,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;
@@ -31191,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));
@@ -31208,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);
@@ -31228,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);
@@ -31252,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;
 }
@@ -38675,7 +38866,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-e3954500] {
+.cn-facts-widget[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -38685,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-e3954500] {
+.cn-facts-widget__rows[data-v-1b8f8e6f] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -38695,21 +38886,23 @@ 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-e3954500] {
+.cn-facts-widget__row[data-v-1b8f8e6f] {
 	display: contents;
 }
 
-/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding), which
-   pushed the label to the right of its column and added 12px around both. 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-e3954500] {
+/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding, a
+   130px-wide `dt`), which pushed the label to the right of its column, added
+   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-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-e3954500] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-1b8f8e6f] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -38717,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-e3954500] {
+.cn-facts-widget__title[data-v-1b8f8e6f] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-e3954500] {
+.cn-facts-widget__line[data-v-1b8f8e6f] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-e3954500] {
+.cn-facts-widget__meter[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-e3954500] {
+.cn-facts-widget__meter-head[data-v-1b8f8e6f] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-e3954500] {
+.cn-facts-widget__meter-label[data-v-1b8f8e6f] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-e3954500] {
+.cn-facts-widget__meter-value[data-v-1b8f8e6f] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-e3954500] {
+.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-e3954500] {
+.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-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-e3954500] {
+.cn-facts-widget__muted[data-v-1b8f8e6f] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-e3954500] {
+.cn-facts-widget__label .hidden-visually[data-v-1b8f8e6f] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -38774,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-e3954500] {
+.cn-facts-widget__label--icon[data-v-1b8f8e6f] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-e3954500] {
+.cn-facts-widget__value-link[data-v-1b8f8e6f] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-e3954500],
-.cn-facts-widget__icon-button[data-v-e3954500],
-.cn-facts-widget__action[data-v-e3954500] {
+.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-e3954500] {
+.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;
@@ -38802,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-e3954500] {
+.cn-facts-widget__icon-button[data-v-1b8f8e6f] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -38811,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-e3954500]:hover,
-.cn-facts-widget__icon-button[data-v-e3954500]: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-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__lead[data-v-1b8f8e6f] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-e3954500] {
+.cn-facts-widget__lead-tile[data-v-1b8f8e6f] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -38842,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-e3954500] {
+.cn-facts-widget__lead-tile--initials[data-v-1b8f8e6f] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-e3954500] {
+.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-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__lead-text[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-e3954500] {
+.cn-facts-widget__lead-title[data-v-1b8f8e6f] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-e3954500] {
+.cn-facts-widget__lead-subtitle[data-v-1b8f8e6f] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-e3954500] {
+.cn-facts-widget__action[data-v-1b8f8e6f] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -38879,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-e3954500]:hover,
-.cn-facts-widget__action[data-v-e3954500]: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-e3954500] {
+.cn-facts-widget__notice[data-v-1b8f8e6f] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__link--button[data-v-1b8f8e6f] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38907,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-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-1b8f8e6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -38920,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-e3954500] {
+.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-e3954500] {
+.cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -40361,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;
@@ -40448,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;
 }