@conduction/nextcloud-vue 2.149.0 → 2.151.0

package/dist/esm/nextcloud-vue.css

@@ -384,6 +384,17 @@
 	font-size: 14px;
 }
 
+/* A link action is drawn as a button action: the board's 40px, no outer
+   margin (DqMijnWerk "Vandaag eerst": live links grew to the theme's 44px
+   link target and the button kept Nextcloud's 3px margin, 46px tall and
+   13px apart where the board draws 40 to 42 and 10).
+   @spec openspec/changes/board-banner-actions-as-drawn/specs/board-banner-actions-as-drawn/spec.md#requirement-a-board-banners-actions-are-drawn-alike */
+.cn-look-board .cn-banner-widget__action.cn-banner-widget__action:not(.cn-look-nextcloud *) {
+	height: var(--cn-board-control-height);
+	min-height: 0;
+	margin: 0;
+}
+
 .cn-look-board .cn-banner-widget__action--primary:not(.cn-look-nextcloud *) {
 	border: 0;
 }
@@ -413,7 +424,10 @@
 	min-height: var(--cn-board-control-height);
 }
 
-.cn-look-board .cn-workspace-filter-widget__form:not(.cn-look-nextcloud *) .button-vue {
+/* `.button-vue.button-vue`: NcButton sets its own padding on a button
+   without an icon (`.button-vue:has(.button-vue__icon:empty)`), as strong as
+   a single class here, and loads later. */
+.cn-look-board .cn-workspace-filter-widget__form:not(.cn-look-nextcloud *) .button-vue.button-vue {
 	--button-size: var(--cn-board-control-height);
 	--button-padding: 16px;
 }
@@ -827,7 +841,7 @@
 /* "CSV exporteren" beside "Rapport laden" is the neutral secondary at the
    40px control height, 14px in (DqTermijnen).
    @spec openspec/changes/workspace-filter-export-table/specs/workspace-filter-export-table/spec.md#requirement-a-workspace-filter-input-can-export-the-table-it-loads */
-.cn-look-board .cn-workspace-filter-widget__form:not(.cn-look-nextcloud *) .button-vue.cn-workspace-filter-widget__export {
+.cn-look-board .cn-workspace-filter-widget__form:not(.cn-look-nextcloud *) .button-vue.button-vue.cn-workspace-filter-widget__export {
 	--button-size: var(--cn-board-control-height);
 	--button-padding: 14px;
 }
@@ -880,6 +894,29 @@
 	background: var(--color-background-hover);
 }
 
+/* ---- A card table's head controls -------------------------------------- */
+/* The head of a card's table (CnTasksWidget, CnRecordListWidget) draws its
+   sort control as the bare label, square, and the funnel after it 4px on as a
+   22px button with a 4px radius, as CnDataTable's board head does
+   (DqZaakTaken). Nextcloud's `button` rule gave the label an 8px radius and a
+   3px end margin (7px to the funnel) and NcActions its 8px trigger radius;
+   the extra class outranks both. */
+.cn-look-board .cn-tasks-widget__head .cn-tasks-widget__head-sort:not(.cn-look-nextcloud *),
+.cn-look-board .cn-record-list__head .cn-record-list__sort:not(.cn-look-nextcloud *) {
+	margin: 0;
+	border-radius: 0;
+}
+
+.cn-look-board .cn-tasks-widget__head .cn-tasks-widget__head-filter .button-vue:not(.cn-look-nextcloud *),
+.cn-look-board .cn-record-list__head .cn-record-list__head-filter .button-vue:not(.cn-look-nextcloud *) {
+	--button-size: 22px;
+	width: 22px;
+	min-width: 22px;
+	height: 22px;
+	min-height: 22px;
+	border-radius: 4px;
+}
+
 /* ---- The buildiq square ------------------------------------------------ */
 /* The board square's size. Its orange is set in patches.css, beside the
    brand orange it replaces, since this sheet names no colour literal. */
@@ -2660,6 +2697,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	color: var(--color-main-text);
 	font-size: 15px;
 	font-weight: 600;
+	line-height: normal;
 }
 
 /* A row whose one action is outlined (`rowAction.variant: "outlined"`,
@@ -2688,9 +2726,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	background: var(--color-background-hover);
 }
 
+/* Title and meta lines at the font's normal line height: a two-line row is
+   60px, as every Dq dashboard board draws it (r31: 69 at Nextcloud's 1.5).
+   @spec openspec/changes/board-dashboard-rows-normal-leading/specs/board-dashboard-rows-normal-leading/spec.md#requirement-a-board-dashboard-row-is-set-at-the-normal-line-height */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__meta {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
+	line-height: normal;
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__trailing {
@@ -2747,6 +2789,25 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	border-top: 1px solid var(--color-border);
 }
 
+/* Note rows (DqDagAfsluiten "Nog open van vandaag"): the kind pill 12px
+   from the title, the record button and the closing buttons at the board's
+   40px, and the closing pair at the two ends of their line (Annuleren left,
+   Dag afsluiten right).
+   @spec openspec/changes/board-record-notes-controls/specs/board-record-notes-controls/spec.md#requirement-board-note-rows-draw-the-boards-controls */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-notes__head {
+	gap: 8px 12px;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-notes__fields .button-vue,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-notes__all-actions .button-vue {
+	--button-size: var(--cn-board-control-height);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-notes__all-actions {
+	flex: 1 1 100%;
+	justify-content: space-between;
+}
+
 /* Hover: the whole row takes the hover ground, 8px beyond the text so the
    text does not move. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__row--link {
@@ -2833,6 +2894,21 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	padding: 0 var(--cn-board-dashboard-card-inset) 10px;
 }
 
+/* The stacked bar's legend in the board's type: the label 14px and the
+   count 22px, both at the font's normal line height, 2px apart: a 46px item
+   (DqMijnWerk "Mijn 14 zaken per stap"; live drew 14.25/22.5px at 1.5 and
+   1.2, a 50.4px item).
+   @spec openspec/changes/board-stacked-bar-legend-type/specs/board-stacked-bar-legend-type/spec.md#requirement-a-board-stacked-bar-legend-is-set-in-the-boards-type */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-stacked-bar:not(.cn-stacked-bar--compact) .cn-stacked-bar__label {
+	font-size: 14px;
+	line-height: normal;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-stacked-bar:not(.cn-stacked-bar--compact) .cn-stacked-bar__count {
+	font-size: 22px;
+	line-height: normal;
+}
+
 /* DqMijnWerk "Mijn archiefbeoordelingen": its rows and its empty line. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-decision-list {
 	padding: 0 var(--cn-board-dashboard-card-inset) 20px;
@@ -4045,6 +4121,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	font-size: var(--cn-field-text-size, 15px);
 }
 
+/* A board textarea's lines sit on the normal line height, as the boards'
+   `font` shorthand sets it: two rows are 58px, not 68 (DqArchiveren Reden). */
+.cn-dialog-board .dialog__content .textarea__input {
+	line-height: normal;
+}
+
 /* A plain input an app puts in a board dialog (a date, a number) is the same
    40px control; Nextcloud's core stylesheet makes it 34px. */
 .cn-dialog-board .dialog__content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not(.input-field__input) {
@@ -4527,6 +4609,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
 	font-size: 13px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
@@ -4546,6 +4629,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
 	display: flex;
+	line-height: normal;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
@@ -6291,17 +6375,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
-	line-height: 1.3;
+	line-height: normal;
 	text-decoration: none;
 	white-space: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
 	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
+	line-height: normal;
 }
 
 /* The meta line, note and description are paragraphs: each hands the theme,
@@ -6309,11 +6395,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 .cn-look-board .cn-object-card--board .cn-object-card__record-note {
 	--nldesign-component-paragraph-font-size: 13px;
 	--nldesign-component-paragraph-font-weight: 600;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--cn-board-text-soft);
 	margin: 0;
 	color: var(--cn-board-text-soft);
 	font-size: 13px;
 	font-weight: 600;
+	line-height: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
@@ -11730,6 +11818,13 @@ li[data-cn-admin-tag] > .action-link::after {
 	--cn-board-notice-ink: var(--color-warning-text, #7a4f00);
 	/* The done marker of the next-step card. */
 	--cn-board-success-tint: var(--color-success-light, #e7f3ea);
+	/* The ink on that tint: a completed plan row's state. */
+	--cn-board-success-ink: var(--color-success-text, #1e6b2a);
+	/* The ink on the light primary fill: an active plan row's state. */
+	--cn-board-primary-light-ink: var(--color-primary-element-light-text, #234a78);
+	/* The teal badge of a public history entry. */
+	--cn-board-teal-tint: var(--nldesign-color-teal-light, #e3f1f3);
+	--cn-board-teal-ink: var(--nldesign-color-teal-dark, #1d5e66);
 	/* Card h2 and side heading. */
 	--cn-board-heading-size: 17px;
 	--cn-board-side-heading-size: 15px;
@@ -12293,6 +12388,20 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 13px;
 }
 
+/* The initials beside a message: the resident's in the soft ink on the chip
+   ground, ours in the primary tint's ink on its light ground, as
+   DqZaakContact draws SV and PJ (r31: the initials read main ink).
+   @spec openspec/changes/board-conversation-avatar-tones/specs/board-conversation-avatar-tones/spec.md#requirement-a-messages-initials-take-their-sides-tone */
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__avatar:not(.cn-look-nextcloud *) {
+	background: var(--color-background-dark);
+	color: var(--cn-board-text-soft);
+}
+
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__message--us .cn-conversation-thread__avatar:not(.cn-look-nextcloud *) {
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+}
+
 /* A message keeps 64px free on the side away from its avatar, so the two
    sides read as two columns; the line above it is 13px in the soft ink at the
    normal line height, and our bubble's text is in the main ink. Each names
@@ -12560,6 +12669,13 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-weight: 500;
 }
 
+/* The mail card's header buttons (Mail koppelen, Mail opstellen) are the
+   board's 40px control (DqZaakEmail; probed on :8080: 34 live).
+   @spec openspec/changes/board-mail-header-buttons-40/specs/board-mail-header-buttons-40/spec.md#requirement-the-mail-cards-header-buttons-are-40px */
+.cn-look-board .cn-mail-tab__header-actions .button-vue:where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
+
 /* The files table's checkbox column is the board's 42px (12px either side
    of the 18px box): DqZaakDocumenten and DqDocumentenBeheer both draw it so.
    The component's 36px pushed the file icon and name 6px left (r31: name 96
@@ -14139,6 +14255,115 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *):has(> .cn-widget-wrapper__header .cn-widget-wrapper__subtitle) > .cn-widget-wrapper__content:has(> .cn-object-data-widget__grid-wrap) {
 	padding-top: 14px;
 }
+
+/* Buttons in a side card stand as the boards draw them in a column: the full
+   width of the card with their label at the start (DqSociaalDomein
+   "Toestemming intrekken" and "Markeer voor aandacht"), a facts action at the
+   34px control height.
+   @spec openspec/changes/board-r31-side-buttons-checklist-boxes/specs/board-r31-side-buttons-checklist-boxes/spec.md#requirement-a-side-cards-button-spans-the-card-with-its-label-at-the-start */
+.cn-look-board .cn-detail-page__side .cn-facts-widget__actions:not(.cn-look-nextcloud *) > .button-vue {
+	--button-size: 34px;
+	--default-clickable-area: 34px;
+	flex: 1 1 100%;
+	height: 34px;
+	min-height: 34px;
+}
+
+.cn-look-board .cn-detail-page__side .cn-facts-widget__actions:not(.cn-look-nextcloud *) > .button-vue .button-vue__wrapper,
+.cn-look-board .cn-attention-flag:not(.cn-look-nextcloud *) .button-vue .button-vue__wrapper {
+	justify-content: flex-start;
+}
+
+/* A checklist's boxes are the boards' 18px, an open one in the control
+   border grey and a ticked one in the primary colour (DqTaak "Checklist").
+   @spec openspec/changes/board-r31-side-buttons-checklist-boxes/specs/board-r31-side-buttons-checklist-boxes/spec.md#requirement-a-board-checklist-box-is-18px-and-grey-while-open */
+.cn-look-board .cn-checklist-widget__item .checkbox-radio-switch:not(.cn-look-nextcloud *) .checkbox-content__icon svg {
+	width: 18px;
+	height: 18px;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-radio-switch:not(.checkbox-radio-switch--checked):not(.cn-look-nextcloud *) .checkbox-content__icon {
+	color: var(--color-border-maxcontrast);
+}
+
+/* In a side card the pill and its date stand 8px apart, as the boards draw
+   them (DqOrganisatie "Lopende zaken", "Open tickets"); the row's own 16px
+   is for a full-width list.
+   @spec openspec/changes/record-list-pill-variant-when/specs/record-list/spec.md#requirement-a-side-rows-pill-and-date-stand-8px-apart */
+.cn-look-board .cn-detail-page__side .cn-record-list__aside:not(.cn-look-nextcloud *) {
+	gap: 8px;
+}
+
+/* A plan in the board look, as DqZaak draws "Zaakplan": ruled rows 10px
+   high on each side, the name at 15px/500 over its muted line, the state a
+   13px/600 pill toned by state (r31: grey rows, 600 names, 400 pills).
+   @spec openspec/changes/board-plan-rows/specs/plan-widget/spec.md */
+.cn-look-board .cn-plan .cn-plan-row:not(.cn-look-nextcloud *) {
+	gap: 6px 16px;
+	padding: 10px 0;
+	border-top: 1px solid var(--color-border);
+	background: transparent;
+}
+
+.cn-look-board .cn-plan .cn-plan-row .cn-plan-row__name:not(.cn-look-nextcloud *) {
+	font-size: 15px;
+	font-weight: 500;
+	line-height: normal;
+}
+
+.cn-look-board .cn-plan .cn-plan-row .cn-plan-row__meta:not(.cn-look-nextcloud *) {
+	line-height: normal;
+}
+
+.cn-look-board .cn-plan .cn-plan-row .cn-plan-row__state:not(.cn-look-nextcloud *) {
+	padding: 3px 10px;
+	border-radius: 12px;
+	background: var(--color-background-dark);
+	color: var(--cn-board-text-soft);
+	font-size: 13px;
+	font-weight: 600;
+	line-height: normal;
+	white-space: nowrap;
+}
+
+.cn-look-board .cn-plan .cn-plan-row .cn-plan-row__state[data-state='completed']:not(.cn-look-nextcloud *) {
+	background: var(--cn-board-success-tint);
+	color: var(--cn-board-success-ink);
+}
+
+.cn-look-board .cn-plan .cn-plan-row .cn-plan-row__state[data-state='active']:not(.cn-look-nextcloud *) {
+	background: var(--color-primary-element-light);
+	color: var(--cn-board-primary-light-ink);
+}
+
+/* The history card's note composer and entries as DqZaakHistorie draws them
+   (r31 strict verdict): the note field three lines high on a 1.5 line with
+   10px 12px inside, the add button at the board's 40px, the title-row
+   buttons 12px apart, and an entry the requester sees marked with a 12px
+   teal pill.
+   @spec openspec/changes/board-history-composer/specs/timeline/spec.md */
+.cn-look-board .cn-timeline-manage .cn-timeline-manage__draft:not(.cn-look-nextcloud *) {
+	min-height: calc(3 * 1.5em + 22px);
+	padding: 10px 12px;
+	line-height: 1.5;
+}
+
+.cn-look-board .cn-timeline-manage .cn-timeline-manage__composer-foot .button-vue:where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
+
+.cn-look-board .cn-timeline-manage .cn-timeline-manage__header-actions:not(.cn-look-nextcloud *) {
+	gap: 12px;
+}
+
+.cn-look-board .cn-timeline-manage .cn-timeline-manage__badge--public:not(.cn-look-nextcloud *) {
+	padding: 2px 8px;
+	border-radius: 10px;
+	background: var(--cn-board-teal-tint);
+	color: var(--cn-board-teal-ink);
+	font-size: 12px;
+	font-weight: 600;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -16996,7 +17221,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-b6e600c4] {
+.cn-chart-widget[data-v-37644514] {
 	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
@@ -17018,13 +17243,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-b6e600c4] {
+.cn-chart-widget--fit[data-v-37644514] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-b6e600c4] {
+.cn-chart-widget__canvas[data-v-37644514] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -17037,14 +17262,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-b6e600c4] .apexcharts-canvas,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-canvas,
+.cn-chart-widget[data-v-37644514] .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-b6e600c4] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -17052,24 +17277,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-b6e600c4] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-37644514] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-b6e600c4] {
+.cn-chart-widget__fallback[data-v-37644514] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-b6e600c4] {
+.cn-chart-widget__html[data-v-37644514] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-b6e600c4] {
+.cn-chart-widget__bar-list[data-v-37644514] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -17077,7 +17302,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-b6e600c4] {
+.cn-chart-widget__bar-line[data-v-37644514] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -17092,32 +17317,32 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-b6e600c4] {
+.cn-chart-widget__bar-line--drill[data-v-37644514] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-b6e600c4],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-b6e600c4] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-37644514],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-37644514] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-b6e600c4] {
+.cn-chart-widget__bar-label[data-v-37644514] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-b6e600c4] {
+.cn-chart-widget__bar-track[data-v-37644514] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-b6e600c4] {
+.cn-chart-widget__bar-fill[data-v-37644514] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-b6e600c4] {
+.cn-chart-widget__bar-value[data-v-37644514] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
@@ -17125,10 +17350,10 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* `barValueAtEnd`: no track; the bar takes its share of the row and gives way
    to the value right after its end, so the longest bar still fits. */
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-37644514] {
 	grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-37644514] {
 	align-items: center;
 	background: none;
 	display: flex;
@@ -17136,71 +17361,71 @@ li[data-cn-admin-tag] > .action-link::after {
 	height: auto;
 	overflow: visible;
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-37644514] {
 	border-radius: 4px;
 	flex: 0 1 auto;
 	height: 18px;
 	min-width: 2px;
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-37644514] {
 	flex: none;
 	text-align: start;
 }
-.cn-chart-widget__footnote[data-v-b6e600c4] {
+.cn-chart-widget__footnote[data-v-37644514] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-chart-widget__notice[data-v-b6e600c4] {
+.cn-chart-widget__notice[data-v-37644514] {
 	margin: 12px 0 0;
 }
-.cn-chart-widget__notice-text[data-v-b6e600c4] {
+.cn-chart-widget__notice-text[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-37644514] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-b6e600c4] {
+.cn-chart-widget__matrix[data-v-37644514] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-b6e600c4] {
+.cn-chart-widget__matrix-row[data-v-37644514] {
 	display: contents;
 }
 
 /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
    name breaks inside its own column instead of running into the next. */
-.cn-chart-widget__matrix-head[data-v-b6e600c4] {
+.cn-chart-widget__matrix-head[data-v-37644514] {
 	--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-b6e600c4] {
+.cn-chart-widget__matrix-label[data-v-37644514] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell[data-v-37644514] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--success[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget__matrix-cell--warning[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget__matrix-cell--error[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget__matrix-cell--danger[data-v-37644514] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--current[data-v-37644514] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -17212,26 +17437,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-b6e600c4] {
+.cn-chart-widget__matrix-cell--1[data-v-37644514] {
 	--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-b6e600c4] {
+.cn-chart-widget__matrix-cell--2[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget__matrix-cell--3[data-v-37644514] {
 	--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-b6e600c4] {
+.cn-chart-widget__matrix-cell--4[data-v-37644514] {
 	--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-b6e600c4] {
+.cn-chart-widget__empty[data-v-37644514] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17246,25 +17471,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-b6e600c4],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-b6e600c4] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-37644514],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-37644514] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-b6e600c4] {
+.cn-chart-widget__error[data-v-37644514] {
 	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-b6e600c4] {
+.cn-chart-widget__views[data-v-37644514] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-b6e600c4] {
+.cn-chart-widget__view-pill[data-v-37644514] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -17273,7 +17498,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-b6e600c4] {
+.cn-chart-widget__view-pill--active[data-v-37644514] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -17302,8 +17527,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-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -17312,8 +17537,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-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-37644514] .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);
@@ -17322,8 +17547,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-b6e600c4] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -17332,55 +17557,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-b6e600c4] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-37644514] .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-b6e600c4] .apexcharts-menu {
+.cn-chart-widget[data-v-37644514] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-37644514] .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-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -17606,67 +17831,67 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-conversation-thread[data-v-e2600a68] {
+.cn-conversation-thread[data-v-40f702bd] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(3.5 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__status[data-v-e2600a68] {
+.cn-conversation-thread__status[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 700;
 }
-.cn-conversation-thread__message-actions[data-v-e2600a68] {
+.cn-conversation-thread__message-actions[data-v-40f702bd] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2 * var(--default-grid-baseline));
 	margin-top: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__header[data-v-e2600a68] {
+.cn-conversation-thread__header[data-v-40f702bd] {
 	align-items: flex-start;
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(3 * var(--default-grid-baseline));
 	justify-content: space-between;
 }
-.cn-conversation-thread__header-actions[data-v-e2600a68] {
+.cn-conversation-thread__header-actions[data-v-40f702bd] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__title[data-v-e2600a68] {
+.cn-conversation-thread__title[data-v-40f702bd] {
 	font-size: 1.1em;
 	font-weight: 700;
 	margin: 0;
 }
-.cn-conversation-thread__heading[data-v-e2600a68] {
+.cn-conversation-thread__heading[data-v-40f702bd] {
 	display: flex;
 	flex: 1 1 260px;
 	flex-direction: column;
 	gap: 3px;
 	min-width: 0;
 }
-.cn-conversation-thread__subtitle[data-v-e2600a68] {
+.cn-conversation-thread__subtitle[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	line-height: normal;
 	margin: 0;
 }
-.cn-conversation-thread__direction[data-v-e2600a68],
-.cn-conversation-thread__meta time[data-v-e2600a68] {
+.cn-conversation-thread__direction[data-v-40f702bd],
+.cn-conversation-thread__meta time[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-conversation-thread__direction[data-v-e2600a68]::after {
+.cn-conversation-thread__direction[data-v-40f702bd]::after {
 	content: ' ·';
 }
-.cn-conversation-thread__note[data-v-e2600a68] {
+.cn-conversation-thread__note[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-conversation-thread__empty[data-v-e2600a68] {
+.cn-conversation-thread__empty[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-conversation-thread__messages[data-v-e2600a68] {
+.cn-conversation-thread__messages[data-v-40f702bd] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(3.5 * var(--default-grid-baseline));
@@ -17674,14 +17899,14 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-conversation-thread__message[data-v-e2600a68] {
+.cn-conversation-thread__message[data-v-40f702bd] {
 	display: flex;
 	gap: calc(3 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__message--us[data-v-e2600a68] {
+.cn-conversation-thread__message--us[data-v-40f702bd] {
 	flex-direction: row-reverse;
 }
-.cn-conversation-thread__avatar[data-v-e2600a68] {
+.cn-conversation-thread__avatar[data-v-40f702bd] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 50%;
@@ -17694,7 +17919,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	justify-content: center;
 	width: 34px;
 }
-.cn-conversation-thread__bubble[data-v-e2600a68] {
+.cn-conversation-thread__bubble[data-v-40f702bd] {
 	background: var(--color-background-hover);
 	border-radius: var(--border-radius-large);
 	border-start-start-radius: var(--border-radius-small, 4px);
@@ -17706,97 +17931,104 @@ li[data-cn-admin-tag] > .action-link::after {
 	min-width: 0;
 	padding: calc(3 * var(--default-grid-baseline)) calc(3.5 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-e2600a68] {
+.cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-40f702bd] {
 	background: var(--color-primary-element-light);
 	border-start-end-radius: var(--border-radius-small, 4px);
 	border-start-start-radius: var(--border-radius-large);
 	color: var(--color-primary-element-light-text);
 }
-.cn-conversation-thread__meta[data-v-e2600a68] {
+.cn-conversation-thread__meta[data-v-40f702bd] {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
 	font-size: 0.9em;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__author[data-v-e2600a68] {
+.cn-conversation-thread__author[data-v-40f702bd] {
 	font-weight: 600;
 }
-.cn-conversation-thread__text[data-v-e2600a68] {
+.cn-conversation-thread__text[data-v-40f702bd] {
 	overflow-wrap: anywhere;
 	white-space: pre-wrap;
 }
-.cn-conversation-thread__reply[data-v-e2600a68] {
+.cn-conversation-thread__reply[data-v-40f702bd] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__reply-head[data-v-e2600a68] {
+.cn-conversation-thread__reply-head[data-v-40f702bd] {
 	align-items: baseline;
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2 * var(--default-grid-baseline));
 	justify-content: space-between;
 }
-.cn-conversation-thread__reply-label[data-v-e2600a68] {
+.cn-conversation-thread__reply-label[data-v-40f702bd] {
 	font-weight: 600;
 }
-.cn-conversation-thread__reply-hint[data-v-e2600a68] {
+.cn-conversation-thread__reply-hint[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-conversation-thread__reply-option[data-v-e2600a68] {
+.cn-conversation-thread__reply-option[data-v-40f702bd] {
 	align-items: center;
 	display: flex;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__input[data-v-e2600a68] {
+.cn-conversation-thread__input[data-v-40f702bd] {
 	box-sizing: border-box;
 	margin: 0;
 	resize: vertical;
 	width: 100%;
 }
-.cn-conversation-thread__error[data-v-e2600a68] {
+.cn-conversation-thread__error[data-v-40f702bd] {
 	color: var(--color-error-text, var(--color-error));
 	margin: 0;
 }
-.cn-conversation-thread__reply-foot[data-v-e2600a68] {
+.cn-conversation-thread__reply-foot[data-v-40f702bd] {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2.5 * var(--default-grid-baseline));
 	justify-content: space-between;
 }
-.cn-conversation-thread__reply-actions[data-v-e2600a68] {
+.cn-conversation-thread__reply-actions[data-v-40f702bd] {
 	margin-inline-start: auto;
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2.5 * var(--default-grid-baseline));
 	justify-content: flex-end;
 }
-.cn-conversation-thread__channel[data-v-e2600a68] {
+.cn-conversation-thread__channel[data-v-40f702bd] {
 	color: var(--color-text-maxcontrast);
 }
 
+/* The channel's icon (`channelIcon`) stands before its name, 5px apart. */
+.cn-conversation-thread__channel[data-v-40f702bd]:has(.cn-conversation-thread__channel-icon) {
+	display: inline-flex;
+	align-items: center;
+	gap: 5px;
+}
+
 
-.cn-conversation-widget__badge[data-v-63984d97] {
+.cn-conversation-widget__badge[data-v-f7f83cfa] {
 	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-63984d97] {
+.cn-conversation-widget__error[data-v-f7f83cfa] {
 	color: var(--color-error-text, var(--color-error));
 	margin: calc(2 * var(--default-grid-baseline)) 0 0;
 }
-.cn-case-widget-card[data-v-63984d97] {
+.cn-case-widget-card[data-v-f7f83cfa] {
 	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] {
+.cn-conversation-widget__draft-status[data-v-f7f83cfa] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
@@ -24954,7 +25186,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-5246192c] {
+.cn-files-browser[data-v-4990d6a1] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -24962,22 +25194,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-5246192c] {
+.cn-files-browser--dragging[data-v-4990d6a1] {
 	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-5246192c] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-4990d6a1] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-5246192c] {
+.cn-files-browser__drop-detail[data-v-4990d6a1] {
 	max-width: 520px;
 	font-size: 14px;
 	color: var(--color-main-text);
 }
-.cn-files-browser__drop-overlay[data-v-5246192c] {
+.cn-files-browser__drop-overlay[data-v-4990d6a1] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -24995,7 +25227,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-5246192c] {
+.cn-files-browser__drop-icon[data-v-4990d6a1] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -25005,11 +25237,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-5246192c] {
+.cn-files-browser__drop-label[data-v-4990d6a1] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-5246192c] {
+.cn-files-browser__drop-hint[data-v-4990d6a1] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -25019,14 +25251,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-5246192c] {
+.cn-files-browser__bar[data-v-4990d6a1] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-5246192c] {
+.cn-files-browser__crumbs[data-v-4990d6a1] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -25034,13 +25266,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-5246192c] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-4990d6a1] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-5246192c] {
+.cn-files-browser__file-input[data-v-4990d6a1] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-5246192c] {
+.cn-files-browser__uploads[data-v-4990d6a1] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -25048,35 +25280,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-5246192c] {
+.cn-files-browser__upload[data-v-4990d6a1] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-5246192c] {
+.cn-files-browser__upload-name[data-v-4990d6a1] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-5246192c] {
+.cn-files-browser__upload-error[data-v-4990d6a1] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-5246192c] {
+.cn-files-browser__loading[data-v-4990d6a1] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-5246192c] {
+.cn-files-browser__body--with-side[data-v-4990d6a1] {
 	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-5246192c] {
+.cn-files-browser__body--with-side[data-v-4990d6a1] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-5246192c] {
+.cn-files-browser__side[data-v-4990d6a1] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -25084,14 +25316,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-5246192c] {
+.cn-files-browser__side--in-page[data-v-4990d6a1] {
 	gap: calc(5 * var(--default-grid-baseline));
 }
-.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-5246192c] {
+.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-4990d6a1] {
 	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-5246192c] {
+.cn-files-browser__side-card[data-v-4990d6a1] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -25100,13 +25332,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-5246192c] {
+.cn-files-browser__side-title[data-v-4990d6a1] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-5246192c] {
+.cn-files-browser__side-facts[data-v-4990d6a1] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
@@ -25116,22 +25348,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
    @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
-.cn-files-browser__side-facts dt[data-v-5246192c],
-.cn-files-browser__side-facts dd[data-v-5246192c] {
+.cn-files-browser__side-facts dt[data-v-4990d6a1],
+.cn-files-browser__side-facts dd[data-v-4990d6a1] {
 	display: block;
 	width: auto;
 	padding: 0;
 	text-align: start;
 	white-space: normal;
 }
-.cn-files-browser__side-facts dt[data-v-5246192c] {
+.cn-files-browser__side-facts dt[data-v-4990d6a1] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-5246192c] {
+.cn-files-browser__side-facts dd[data-v-4990d6a1] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-5246192c] {
+.cn-files-browser__side-actions[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -25139,35 +25371,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-5246192c] {
+.cn-files-browser__tone[data-v-4990d6a1] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-5246192c] {
+.cn-files-browser__tone--success[data-v-4990d6a1] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-5246192c] {
+.cn-files-browser__tone--warning[data-v-4990d6a1] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-5246192c] {
+.cn-files-browser__tone--error[data-v-4990d6a1] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-5246192c],
-.cn-files-browser__tone--info[data-v-5246192c] {
+.cn-files-browser__tone--primary[data-v-4990d6a1],
+.cn-files-browser__tone--info[data-v-4990d6a1] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-5246192c] {
+.cn-files-browser__table[data-v-4990d6a1] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-5246192c] {
+.cn-files-browser__table th[data-v-4990d6a1] {
 	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-5246192c] {
+.cn-files-browser__sort[data-v-4990d6a1] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -25178,46 +25410,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-5246192c]:hover,
-.cn-files-browser__sort[data-v-5246192c]:focus-visible {
+.cn-files-browser__sort[data-v-4990d6a1]:hover,
+.cn-files-browser__sort[data-v-4990d6a1]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-5246192c] {
+.cn-files-browser__row[data-v-4990d6a1] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-5246192c]:hover,
-.cn-files-browser__row[data-v-5246192c]:focus-within {
+.cn-files-browser__row[data-v-4990d6a1]:hover,
+.cn-files-browser__row[data-v-4990d6a1]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-5246192c] {
+.cn-files-browser__table td[data-v-4990d6a1] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-5246192c] {
+.cn-files-browser__col-icon[data-v-4990d6a1] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-5246192c] {
+.cn-files-browser__col-size[data-v-4990d6a1] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-5246192c] {
+.cn-files-browser__col-mtime[data-v-4990d6a1] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-5246192c] {
+.cn-files-browser__col-select[data-v-4990d6a1] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-5246192c] {
+.cn-files-browser__select[data-v-4990d6a1] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-5246192c] {
+.cn-files-browser__bulk-bar[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -25226,11 +25458,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-5246192c] {
+.cn-files-browser__bulk-count[data-v-4990d6a1] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-5246192c] {
+.cn-files-browser__review[data-v-4990d6a1] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -25239,28 +25471,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-5246192c] {
+.cn-files-browser__review-head[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-5246192c] {
+.cn-files-browser__review-title[data-v-4990d6a1] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-5246192c] {
+.cn-files-browser__review-sub[data-v-4990d6a1] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-5246192c] {
+.cn-files-browser__review-bar[data-v-4990d6a1] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-5246192c] {
+.cn-files-browser__review-legend[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -25269,48 +25501,47 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-5246192c] {
+.cn-files-browser__review-legend li[data-v-4990d6a1] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-5246192c] {
+.cn-files-browser__review-dot[data-v-4990d6a1] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-5246192c] {
+.cn-files-browser__review-part--success[data-v-4990d6a1] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-5246192c] {
+.cn-files-browser__review-part--warning[data-v-4990d6a1] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-5246192c] {
+.cn-files-browser__review-part--error[data-v-4990d6a1] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-5246192c] {
+.cn-files-browser__review-part--info[data-v-4990d6a1] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-5246192c] {
+.cn-files-browser__review-part--default[data-v-4990d6a1] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-5246192c] {
+.cn-files-browser__row-button[data-v-4990d6a1] {
 	display: inline-flex;
-	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-5246192c] {
+.cn-files-browser__facets[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-5246192c] {
+.cn-files-browser__facet[data-v-4990d6a1] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-5246192c] {
+.cn-files-browser__facet-chip[data-v-4990d6a1] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -25322,53 +25553,53 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-5246192c] {
+.cn-files-browser__facet-chip--active[data-v-4990d6a1] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-5246192c] {
+.cn-files-browser__group-heading[data-v-4990d6a1] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-5246192c] {
+.cn-files-browser__group-count[data-v-4990d6a1] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-5246192c] {
+.cn-files-browser__no-match[data-v-4990d6a1] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-5246192c] {
+.cn-files-browser__col-actions[data-v-4990d6a1] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-5246192c]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-4990d6a1]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
 
 /* The row button and the row menu stand side by side on one line, not
    stacked (DqZaakDocumenten: Beoordelen, then the menu, 14px apart).
    @spec openspec/changes/files-row-button-beside-menu/specs/files-row-button-beside-menu/spec.md#requirement-a-files-row-button-stands-beside-the-row-menu */
-.cn-files-browser__col-actions > .cn-files-browser__row-button[data-v-5246192c],
-.cn-files-browser__col-actions > .cn-files-browser__row-menu[data-v-5246192c] {
+.cn-files-browser__col-actions > .cn-files-browser__row-button[data-v-4990d6a1],
+.cn-files-browser__col-actions > .cn-files-browser__row-menu[data-v-4990d6a1] {
 	display: inline-flex;
 	vertical-align: middle;
 }
-.cn-files-browser__col-actions > .cn-files-browser__row-button + .cn-files-browser__row-menu[data-v-5246192c] {
+.cn-files-browser__col-actions > .cn-files-browser__row-button + .cn-files-browser__row-menu[data-v-4990d6a1] {
 	margin-inline-start: 14px;
 }
-.cn-files-browser__col-name[data-v-5246192c] {
+.cn-files-browser__col-name[data-v-4990d6a1] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-5246192c] {
+.cn-files-browser__name[data-v-4990d6a1] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-5246192c] {
+.cn-files-browser__name-secondary[data-v-4990d6a1] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -25376,41 +25607,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-5246192c] {
+.cn-files-browser__footnote[data-v-4990d6a1] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-5246192c] {
+.cn-files-browser__row--linked[data-v-4990d6a1] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-5246192c] {
+.cn-files-browser__note[data-v-4990d6a1] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-5246192c] {
+.cn-files-browser__note-link[data-v-4990d6a1] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-5246192c] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-4990d6a1] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-5246192c],
-.cn-files-browser__thumb[data-v-5246192c] {
+.cn-files-browser__mime[data-v-4990d6a1],
+.cn-files-browser__thumb[data-v-4990d6a1] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-5246192c] {
+.cn-files-browser__thumb[data-v-4990d6a1] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-5246192c] {
+.cn-files-browser__new-folder[data-v-4990d6a1] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-5246192c] {
+.hidden-visually[data-v-4990d6a1] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -30233,27 +30464,37 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-plan-row[data-v-06842774] {
+.cn-plan-row[data-v-45566f45] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px;
 	padding-block: 6px;
 }
-.cn-plan-row__name[data-v-06842774] {
+.cn-plan-row__text[data-v-45566f45] {
+	display: flex;
 	flex: 1 1 auto;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-plan-row__name[data-v-45566f45] {
 	font-weight: 600;
 }
-.cn-plan-row__state[data-v-06842774] {
+.cn-plan-row__meta[data-v-45566f45] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-plan-row__state[data-v-45566f45] {
 	padding: 2px 10px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
 	font-size: 13px;
 }
-.cn-plan-row__state[data-state='active'][data-v-06842774] {
+.cn-plan-row__state[data-state='active'][data-v-45566f45] {
 	background: var(--color-primary-element-light);
 }
-.cn-plan-row__state[data-state='completed'][data-v-06842774] {
+.cn-plan-row__state[data-state='completed'][data-v-45566f45] {
 	color: var(--color-success-text, var(--color-success));
 }
 
@@ -30812,35 +31053,35 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-retention[data-v-7d819271] {
+.cn-retention[data-v-0746dcfd] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-retention__head[data-v-7d819271] {
+.cn-retention__head[data-v-0746dcfd] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: 10px 16px;
 }
-.cn-retention__head-text[data-v-7d819271] {
+.cn-retention__head-text[data-v-0746dcfd] {
 	display: flex;
 	flex: 1 1 260px;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-retention__title[data-v-7d819271] {
+.cn-retention__title[data-v-0746dcfd] {
 	margin: 0;
 	font-size: 18px;
 	font-weight: 700;
 }
-.cn-retention__muted[data-v-7d819271] {
+.cn-retention__muted[data-v-0746dcfd] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-retention__facts[data-v-7d819271] {
+.cn-retention__facts[data-v-0746dcfd] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 12px 24px;
@@ -30850,36 +31091,36 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* The server draws every dt as a 130px right-aligned inline block and pads
    dt and dd 12px; a fact is a label over its value. */
-.cn-retention__fact dt[data-v-7d819271],
-.cn-retention__fact dd[data-v-7d819271] {
+.cn-retention__fact dt[data-v-0746dcfd],
+.cn-retention__fact dd[data-v-0746dcfd] {
 	display: block;
 	width: auto;
 	white-space: normal;
 	text-align: start;
 }
-.cn-retention__fact dt[data-v-7d819271] {
+.cn-retention__fact dt[data-v-0746dcfd] {
 	margin: 0;
 	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	line-height: 1.2;
 }
-.cn-retention__fact dd[data-v-7d819271] {
+.cn-retention__fact dd[data-v-0746dcfd] {
 	margin: 0;
 	padding: 0;
 	font-weight: 600;
 }
-.cn-retention__section[data-v-7d819271] {
+.cn-retention__section[data-v-0746dcfd] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-retention__rows[data-v-7d819271] {
+.cn-retention__rows[data-v-0746dcfd] {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
-.cn-retention__row[data-v-7d819271] {
+.cn-retention__row[data-v-0746dcfd] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -30887,17 +31128,23 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 12px 0;
 	border-top: 1px solid var(--color-border);
 }
-.cn-retention__row-text[data-v-7d819271] {
+.cn-retention__row-text[data-v-0746dcfd] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
+	line-height: normal;
+}
+
+/* A row's second line is 13px, as the boards draw it (DqZaakArchivering). */
+.cn-retention__row-text .cn-retention__muted[data-v-0746dcfd] {
+	font-size: 13px;
 }
 
 /* A round mark before a hold or transfer row: LH (legal hold) on the error
    tint, ED (e-Depot) on the chip ground (DqZaakArchivering). */
-.cn-retention__mark[data-v-7d819271] {
+.cn-retention__mark[data-v-0746dcfd] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -30906,15 +31153,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	height: 32px;
 	border-radius: 16px;
 	background: var(--color-background-dark);
-	color: var(--color-text-maxcontrast);
+	color: var(--cn-board-text-soft, var(--color-text-maxcontrast));
 	font-size: 12px;
 	font-weight: 700;
 }
-.cn-retention__mark--hold[data-v-7d819271] {
+.cn-retention__mark--hold[data-v-0746dcfd] {
 	background: var(--color-error-light, #fcedec);
 	color: var(--color-error-text, #a30000);
 }
-.cn-retention__row-title[data-v-7d819271] {
+.cn-retention__row-title[data-v-0746dcfd] {
+	font-size: 15px;
 	font-weight: 600;
 }
 
@@ -33119,7 +33367,7 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-object-data-widget__image[data-v-344df010] {
+.cn-object-data-widget__image[data-v-37871e4e] {
 	max-width: 100%;
 	max-height: 160px;
 	border-radius: 8px;
@@ -33127,33 +33375,33 @@ a.cn-kpi-card--board * {
 }
 
 /* Shimmering placeholder while a relation's display name resolves. */
-.cn-object-data-widget__skeleton[data-v-344df010] {
+.cn-object-data-widget__skeleton[data-v-37871e4e] {
 	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-344df010 1.2s ease-in-out infinite;
+	animation: cn-odw-shimmer-37871e4e 1.2s ease-in-out infinite;
 }
-@keyframes cn-odw-shimmer-344df010 {
+@keyframes cn-odw-shimmer-37871e4e {
 from { background-position: 200% 0;
 }
 to { background-position: -200% 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-object-data-widget__skeleton[data-v-344df010] { animation: none;
+.cn-object-data-widget__skeleton[data-v-37871e4e] { animation: none;
 }
 }
-.cn-object-data-widget__grid[data-v-344df010] {
+.cn-object-data-widget__grid[data-v-37871e4e] {
 	display: grid;
 	gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
 }
-.cn-object-data-widget__toggle[data-v-344df010] {
+.cn-object-data-widget__toggle[data-v-37871e4e] {
 	margin-top: 4px;
 }
-.cn-object-data-widget__cell[data-v-344df010] {
+.cn-object-data-widget__cell[data-v-37871e4e] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -33161,12 +33409,12 @@ to { background-position: -200% 0;
 	border-bottom: 1px solid var(--color-border-dark);
 	min-width: 0;
 }
-.cn-object-data-widget__label[data-v-344df010] {
+.cn-object-data-widget__label[data-v-37871e4e] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__value[data-v-344df010] {
+.cn-object-data-widget__value[data-v-37871e4e] {
 	font-size: 1em;
 	color: var(--color-main-text);
 	overflow-wrap: anywhere;
@@ -33180,24 +33428,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-344df010] {
+.cn-object-data-widget__value--editable[data-v-37871e4e] {
 	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-344df010]:hover {
+.cn-object-data-widget__value--editable[data-v-37871e4e]:hover {
 	background: var(--color-background-dark);
 }
-.cn-object-data-widget__value--editable[data-v-344df010]:focus-visible {
+.cn-object-data-widget__value--editable[data-v-37871e4e]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-object-data-widget__value--empty[data-v-344df010] {
+.cn-object-data-widget__value--empty[data-v-37871e4e] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-object-data-widget__edit-icon[data-v-344df010] {
+.cn-object-data-widget__edit-icon[data-v-37871e4e] {
 	position: absolute;
 	right: 4px;
 	top: 50%;
@@ -33206,21 +33454,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-344df010],
-.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-344df010] {
+.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-37871e4e],
+.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-37871e4e] {
 	opacity: 1;
 }
-.cn-object-data-widget__editor[data-v-344df010] {
+.cn-object-data-widget__editor[data-v-37871e4e] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-object-data-widget__editor-actions[data-v-344df010] {
+.cn-object-data-widget__editor-actions[data-v-37871e4e] {
 	display: flex;
 	gap: 2px;
 	justify-content: flex-end;
 }
-.cn-object-data-widget__textarea[data-v-344df010] {
+.cn-object-data-widget__textarea[data-v-37871e4e] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -33232,16 +33480,16 @@ to { background-position: -200% 0;
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-object-data-widget__textarea[data-v-344df010]:focus {
+.cn-object-data-widget__textarea[data-v-37871e4e]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-object-data-widget__footnote[data-v-344df010] {
+.cn-object-data-widget__footnote[data-v-37871e4e] {
 	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-344df010] {
+.cn-object-data-widget__empty[data-v-37871e4e] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -33249,16 +33497,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-344df010] {
+.cn-object-data-widget__mini-table-wrap[data-v-37871e4e] {
 	max-width: 100%;
 }
-.cn-object-data-widget__mini-table[data-v-344df010] {
+.cn-object-data-widget__mini-table[data-v-37871e4e] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 0.9em;
 }
-.cn-object-data-widget__mini-table th[data-v-344df010],
-.cn-object-data-widget__mini-table td[data-v-344df010] {
+.cn-object-data-widget__mini-table th[data-v-37871e4e],
+.cn-object-data-widget__mini-table td[data-v-37871e4e] {
 	text-align: start;
 	padding: 2px 8px 2px 0;
 	border-bottom: 1px solid var(--color-border);
@@ -33269,23 +33517,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-344df010] {
+.cn-object-data-widget__mini-table th[data-v-37871e4e] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__more[data-v-344df010] {
+.cn-object-data-widget__more[data-v-37871e4e] {
 	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-344df010] {
+.cn-object-data-widget__chips[data-v-37871e4e] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
 }
-.cn-object-data-widget__chip[data-v-344df010] {
+.cn-object-data-widget__chip[data-v-37871e4e] {
 	padding: 1px 8px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
@@ -33293,37 +33541,37 @@ to { background-position: -200% 0;
 }
 
 /* Key: value definition list for a single plain-object value. */
-.cn-object-data-widget__deflist[data-v-344df010] {
+.cn-object-data-widget__deflist[data-v-37871e4e] {
 	display: grid;
 	grid-template-columns: auto 1fr;
 	gap: 2px 8px;
 	margin: 0;
 }
-.cn-object-data-widget__deflist dt[data-v-344df010] {
+.cn-object-data-widget__deflist dt[data-v-37871e4e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-object-data-widget__deflist dd[data-v-344df010] {
+.cn-object-data-widget__deflist dd[data-v-37871e4e] {
 	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-344df010] {
+.cn-object-data-widget__deflist-text[data-v-37871e4e] {
 	white-space: pre-wrap;
 }
-.cn-object-data-widget__deflist--nested[data-v-344df010] {
+.cn-object-data-widget__deflist--nested[data-v-37871e4e] {
 	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-344df010] {
+.cn-object-data-widget__grid[data-v-37871e4e] {
 		grid-template-columns: 1fr !important;
 }
-.cn-object-data-widget__cell[data-v-344df010] {
+.cn-object-data-widget__cell[data-v-37871e4e] {
 		grid-column: span 1 !important;
 		grid-row: span 1 !important;
 }
@@ -34456,40 +34704,40 @@ to { background-position: -200% 0;
 }
 
 
-.cn-timeline-manage__header[data-v-31e6673c] {
+.cn-timeline-manage__header[data-v-0cd291df] {
 	display: flex;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: 12px;
 	margin-block-end: 16px;
 }
-.cn-timeline-manage__heading[data-v-31e6673c] {
+.cn-timeline-manage__heading[data-v-0cd291df] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-timeline-manage__header-actions[data-v-31e6673c] {
+.cn-timeline-manage__header-actions[data-v-0cd291df] {
 	display: flex;
 	gap: 8px;
 }
-.cn-timeline-manage__title[data-v-31e6673c] {
+.cn-timeline-manage__title[data-v-0cd291df] {
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-timeline-manage__subtitle[data-v-31e6673c] {
+.cn-timeline-manage__subtitle[data-v-0cd291df] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-timeline-manage__chips[data-v-31e6673c] {
+.cn-timeline-manage__chips[data-v-0cd291df] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 	margin-block-end: 12px;
 }
-.cn-timeline-manage__chip[data-v-31e6673c] {
+.cn-timeline-manage__chip[data-v-0cd291df] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
@@ -34506,12 +34754,12 @@ to { background-position: -200% 0;
 }
 
 /* The chosen kind is a filled chip with no outline. */
-.cn-timeline-manage__chip--active[data-v-31e6673c] {
+.cn-timeline-manage__chip--active[data-v-0cd291df] {
 	border: 0;
 	background: var(--color-main-text);
 	color: var(--color-main-background);
 }
-.cn-timeline-manage__chip-count[data-v-31e6673c] {
+.cn-timeline-manage__chip-count[data-v-0cd291df] {
 	padding: 1px 7px;
 	border-radius: 10px;
 	background: var(--color-border);
@@ -34520,11 +34768,11 @@ to { background-position: -200% 0;
 }
 
 /* On the filled chip the count is a lighter ink bubble with light text. */
-.cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-31e6673c] {
+.cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-0cd291df] {
 	background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
 	color: var(--color-main-background);
 }
-.cn-timeline-manage__footer[data-v-31e6673c] {
+.cn-timeline-manage__footer[data-v-0cd291df] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -34532,11 +34780,11 @@ to { background-position: -200% 0;
 	gap: 8px;
 	margin: 12px 0 0;
 }
-.cn-timeline-manage__count[data-v-31e6673c] {
+.cn-timeline-manage__count[data-v-0cd291df] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-timeline-manage__composer[data-v-31e6673c] {
+.cn-timeline-manage__composer[data-v-0cd291df] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -34544,59 +34792,59 @@ to { background-position: -200% 0;
 	padding-block-start: 16px;
 	border-block-start: 1px solid var(--color-border);
 }
-.cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-31e6673c] {
+.cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-0cd291df] {
 	margin-block-start: 0;
 	padding-block-start: 0;
 	border-block-start: none;
 }
 
 /* The checkbox at the start, the button at the end, as one row. */
-.cn-timeline-manage__composer-foot[data-v-31e6673c] {
+.cn-timeline-manage__composer-foot[data-v-0cd291df] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-timeline-manage__composer-title[data-v-31e6673c] {
+.cn-timeline-manage__composer-title[data-v-0cd291df] {
 	margin: 0;
 	font-size: 16px;
 	font-weight: bold;
 }
-.cn-timeline-manage__composer-hint[data-v-31e6673c] {
+.cn-timeline-manage__composer-hint[data-v-0cd291df] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-timeline-manage__draft-label[data-v-31e6673c] {
+.cn-timeline-manage__draft-label[data-v-0cd291df] {
 	font-weight: bold;
 }
-.cn-timeline-manage__draft[data-v-31e6673c] {
+.cn-timeline-manage__draft[data-v-0cd291df] {
 	width: 100%;
 	min-height: 70px;
 }
-.cn-timeline-manage__controls[data-v-31e6673c] {
+.cn-timeline-manage__controls[data-v-0cd291df] {
 	display: flex;
 	gap: 12px;
 	flex-wrap: wrap;
 	margin-block-end: 12px;
 }
-.cn-timeline-manage__filter[data-v-31e6673c] {
+.cn-timeline-manage__filter[data-v-0cd291df] {
 	min-width: 200px;
 }
-.cn-timeline-manage__list[data-v-31e6673c] {
+.cn-timeline-manage__list[data-v-0cd291df] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-timeline-manage__entry[data-v-31e6673c] {
+.cn-timeline-manage__entry[data-v-0cd291df] {
 	border-block-end: 1px solid var(--color-border);
 	padding-block: 12px;
 }
-.cn-timeline-manage__entry--pinned[data-v-31e6673c] {
+.cn-timeline-manage__entry--pinned[data-v-0cd291df] {
 	border-inline-start: 3px solid var(--color-primary-element);
 	padding-inline-start: 8px;
 }
-.cn-timeline-manage__head[data-v-31e6673c] {
+.cn-timeline-manage__head[data-v-0cd291df] {
 	display: flex;
 	gap: 8px;
 	flex-wrap: wrap;
@@ -34604,29 +34852,29 @@ to { background-position: -200% 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-timeline-manage__kind[data-v-31e6673c] {
+.cn-timeline-manage__kind[data-v-0cd291df] {
 	font-weight: bold;
 	color: var(--color-main-text);
 }
-.cn-timeline-manage__badge[data-v-31e6673c] {
+.cn-timeline-manage__badge[data-v-0cd291df] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	padding: 0 6px;
 }
-.cn-timeline-manage__badge--open[data-v-31e6673c] {
+.cn-timeline-manage__badge--open[data-v-0cd291df] {
 	border-color: var(--color-warning);
 	color: var(--color-warning-text);
 }
-.cn-timeline-manage__message[data-v-31e6673c] {
+.cn-timeline-manage__message[data-v-0cd291df] {
 	margin-block: 4px 0;
 	white-space: pre-wrap;
 }
-.cn-timeline-manage__siblings[data-v-31e6673c] {
+.cn-timeline-manage__siblings[data-v-0cd291df] {
 	margin-block: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-timeline-manage__actions[data-v-31e6673c] {
+.cn-timeline-manage__actions[data-v-0cd291df] {
 	display: flex;
 	gap: 8px;
 	margin-block-start: 4px;
@@ -42678,20 +42926,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__checklist-bar[data-v-0e3cf5c3] {
+.cn-record-list__checklist-bar[data-v-60a08dcb] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-0e3cf5c3] {
+.cn-record-list__checklist-fill[data-v-60a08dcb] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-0e3cf5c3] {
+.cn-record-list__checklist[data-v-60a08dcb] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -42699,16 +42947,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-0e3cf5c3] {
+.cn-record-list__check[data-v-60a08dcb] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-0e3cf5c3] {
+.cn-record-list__check--done[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-0e3cf5c3] {
+.cn-record-list__check-mark[data-v-60a08dcb] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -42718,45 +42966,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 2px solid var(--color-border-maxcontrast);
 	border-radius: 50%;
 }
-.cn-record-list__check--done .cn-record-list__check-mark[data-v-0e3cf5c3] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-60a08dcb] {
 	border-color: transparent;
 	background: var(--color-success-hover, var(--color-background-dark));
 	color: var(--color-success-text, var(--color-success));
 }
 @media (max-width: 640px) {
-.cn-record-list__checklist[data-v-0e3cf5c3] {
+.cn-record-list__checklist[data-v-60a08dcb] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-0e3cf5c3] {
+.cn-record-list__set-field-done[data-v-60a08dcb] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
 	color: var(--color-success-text, var(--color-success));
 	font-weight: bold;
 }
-.cn-record-list__list[data-v-0e3cf5c3] {
+.cn-record-list__list[data-v-60a08dcb] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-0e3cf5c3] {
+.cn-record-list__group-heading[data-v-60a08dcb] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-0e3cf5c3] {
+.cn-record-list__group-head[data-v-60a08dcb] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	margin-top: 6px;
 }
-.cn-record-list__group-head .cn-record-list__group-heading[data-v-0e3cf5c3] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-60a08dcb] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
+.cn-record-list__action--tonal.button-vue[data-v-60a08dcb] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -42767,34 +43015,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-60a08dcb]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-0e3cf5c3] {
+.cn-record-list__footer[data-v-60a08dcb] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer--wide[data-v-0e3cf5c3] {
+.cn-record-list__footer--wide[data-v-60a08dcb] {
 	align-items: stretch;
 }
-.cn-record-list__footer-note[data-v-0e3cf5c3] {
+.cn-record-list__footer-note[data-v-60a08dcb] {
 	margin: 0 0 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__footer-reason[data-v-0e3cf5c3] {
+.cn-record-list__footer-reason[data-v-60a08dcb] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-0e3cf5c3],
-.cn-record-list__error[data-v-0e3cf5c3] {
+.cn-record-list__empty[data-v-60a08dcb],
+.cn-record-list__error[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-0e3cf5c3] {
+.cn-record-list__notice[data-v-60a08dcb] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -42803,41 +43051,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	background: var(--color-primary-element-light, var(--color-background-dark));
 	color: var(--color-main-text);
 }
-.cn-record-list__notice--warning[data-v-0e3cf5c3] {
+.cn-record-list__notice--warning[data-v-60a08dcb] {
 	background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
 	color: var(--color-warning-text, var(--color-main-text));
 }
-.cn-record-list__notice--error[data-v-0e3cf5c3] {
+.cn-record-list__notice--error[data-v-60a08dcb] {
 	background: var(--color-error-light, rgba(219, 0, 0, 0.08));
 	color: var(--color-error-text, var(--color-main-text));
 }
-.cn-record-list__notice--footnote[data-v-0e3cf5c3] {
+.cn-record-list__notice--footnote[data-v-60a08dcb] {
 	margin-top: 12px;
 }
-.cn-record-list__notice-icon[data-v-0e3cf5c3] {
+.cn-record-list__notice-icon[data-v-60a08dcb] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-0e3cf5c3] {
+.cn-record-list__notice-text[data-v-60a08dcb] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-0e3cf5c3] {
+.cn-record-list__loading[data-v-60a08dcb] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3],
-.cn-record-list--rule-above .cn-record-list__item[data-v-0e3cf5c3]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-60a08dcb],
+.cn-record-list--rule-above .cn-record-list__item[data-v-60a08dcb]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-0e3cf5c3] {
+.cn-record-list__pill-start[data-v-60a08dcb] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-0e3cf5c3] {
+.cn-record-list__bar[data-v-60a08dcb] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -42845,15 +43093,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-0e3cf5c3] {
+.cn-record-list__bar-fill[data-v-60a08dcb] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-0e3cf5c3] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-60a08dcb] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-0e3cf5c3] {
+.cn-record-list__row[data-v-60a08dcb] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -42861,17 +43109,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-0e3cf5c3],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-60a08dcb],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-60a08dcb] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-0e3cf5c3] {
+.cn-record-list__dot[data-v-60a08dcb] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-0e3cf5c3] {
+.cn-record-list__flag[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
@@ -42879,12 +43127,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 
 /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
    keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
-.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-0e3cf5c3] {
+.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-60a08dcb] {
 	width: 32px;
 	height: 32px;
 	margin-inline-end: -4px;
 }
-.cn-record-list__avatar[data-v-0e3cf5c3] {
+.cn-record-list__avatar[data-v-60a08dcb] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -42897,97 +43145,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-0e3cf5c3] {
+.cn-record-list__main[data-v-60a08dcb] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list__title[data-v-60a08dcb] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
+.cn-record-list--compact .cn-record-list__row[data-v-60a08dcb] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list--compact .cn-record-list__title[data-v-60a08dcb] {
 	font-weight: 500;
 }
 
 /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
    padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
-.cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
+.cn-record-list--stacked .cn-record-list__list[data-v-60a08dcb] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
-.cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
+.cn-record-list--stacked .cn-record-list__row[data-v-60a08dcb] {
 	min-height: 0;
 	padding: 0;
 }
-.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
+.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-60a08dcb] {
 	border-top: 0;
 }
-.cn-record-list__meta[data-v-0e3cf5c3] {
+.cn-record-list__meta[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-0e3cf5c3] {
+.cn-record-list__aside[data-v-60a08dcb] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-0e3cf5c3] {
+.cn-record-list__leading[data-v-60a08dcb] {
 	flex: 0 0 52px;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	font-weight: 600;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__trailing[data-v-0e3cf5c3] {
+.cn-record-list__trailing[data-v-60a08dcb] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-0e3cf5c3] {
+.cn-record-list__due[data-v-60a08dcb] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-0e3cf5c3] {
+.cn-record-list__due--danger[data-v-60a08dcb] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-0e3cf5c3] {
+.cn-record-list__table[data-v-60a08dcb] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-0e3cf5c3] {
+.cn-record-list__table th[data-v-60a08dcb] {
 	padding: 6px 0;
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-text-maxcontrast);
 	font-weight: 600;
 	text-align: start;
 }
-.cn-record-list__table td[data-v-0e3cf5c3] {
+.cn-record-list__table td[data-v-60a08dcb] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-0e3cf5c3] {
+.cn-record-list__cell-sub[data-v-60a08dcb] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-0e3cf5c3] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-60a08dcb] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-0e3cf5c3] {
+.cn-record-list__sort[data-v-60a08dcb] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -43000,14 +43248,14 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
+.cn-record-list__sort[data-v-60a08dcb]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-0e3cf5c3] {
+.cn-record-list__sort-mark[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__head[data-v-0e3cf5c3] {
+.cn-record-list__head[data-v-60a08dcb] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -43015,75 +43263,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 
 /* The funnel is a 22px control, as the boards draw it beside a head, not
    NcActions' 34px trigger that made the head row 54px. */
-.cn-record-list__head-filter[data-v-0e3cf5c3] .button-vue {
+.cn-record-list__head-filter[data-v-60a08dcb] .button-vue {
 	--button-size: 22px;
 	width: 22px;
 	min-width: 22px;
 	height: 22px;
 	min-height: 22px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-0e3cf5c3] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-60a08dcb] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-0e3cf5c3] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-60a08dcb] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-0e3cf5c3] {
+.cn-record-list__intro[data-v-60a08dcb] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-0e3cf5c3] {
+.cn-record-list__footnote[data-v-60a08dcb] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-0e3cf5c3] {
+.cn-record-list__due--soon[data-v-60a08dcb] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-0e3cf5c3] {
+.cn-record-list__due--empty[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-0e3cf5c3] {
+.cn-record-list__row--action[data-v-60a08dcb] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-0e3cf5c3] {
+.cn-record-list__row--action .cn-record-list__main[data-v-60a08dcb] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-0e3cf5c3] {
+.cn-record-list__title--link[data-v-60a08dcb] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-0e3cf5c3] {
+.cn-record-list__pills[data-v-60a08dcb] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-0e3cf5c3] {
+.cn-record-list__due--below[data-v-60a08dcb] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-0e3cf5c3] {
+.cn-record-list__footer-link[data-v-60a08dcb] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-0e3cf5c3] {
+.cn-record-list__due--column[data-v-60a08dcb] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-0e3cf5c3] {
+.cn-record-list__action[data-v-60a08dcb] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -43103,14 +43351,14 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 
 /* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
    doubled class outranks it. */
-.cn-record-list__action.cn-record-list__action[data-v-0e3cf5c3] {
+.cn-record-list__action.cn-record-list__action[data-v-60a08dcb] {
 	margin: 0;
 }
-.cn-record-list__action[data-v-0e3cf5c3]:hover,
-.cn-record-list__action[data-v-0e3cf5c3]:focus-visible {
+.cn-record-list__action[data-v-60a08dcb]:hover,
+.cn-record-list__action[data-v-60a08dcb]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-0e3cf5c3] {
+.cn-record-list__chevron[data-v-60a08dcb] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -43118,15 +43366,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
    tiles in a grid, the title at 14px regular. The selectors outrank the board
    look's list row rules. */
-.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-0e3cf5c3] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-60a08dcb] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 	gap: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-0e3cf5c3] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-60a08dcb] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-0e3cf5c3] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-60a08dcb] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -43135,19 +43383,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 1px solid var(--cn-board-hairline, var(--color-border));
 	border-radius: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-60a08dcb] {
 	font-size: 14px;
 	font-weight: 400;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
+.cn-record-list--cards .cn-record-list__list[data-v-60a08dcb] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-0e3cf5c3] {
+.cn-record-list__card[data-v-60a08dcb] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -43163,63 +43411,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 /* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
    "Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
    18px line with the pill at its end, the meta 6px under it. */
-.cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
+.cn-record-list--compact .cn-record-list__card[data-v-60a08dcb] {
 	gap: 6px;
 	padding: 12px 14px;
 }
-.cn-record-list--compact .cn-record-list__card-head[data-v-0e3cf5c3] {
+.cn-record-list--compact .cn-record-list__card-head[data-v-60a08dcb] {
 	align-items: flex-start;
 }
-.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-60a08dcb] {
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-record-list__card--link[data-v-0e3cf5c3]:hover,
-.cn-record-list__card--link[data-v-0e3cf5c3]:focus-visible {
+.cn-record-list__card--link[data-v-60a08dcb]:hover,
+.cn-record-list__card--link[data-v-60a08dcb]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-0e3cf5c3],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-60a08dcb],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-60a08dcb] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-0e3cf5c3] {
+.cn-record-list__card-head[data-v-60a08dcb] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-0e3cf5c3] {
+.cn-record-list__card-title[data-v-60a08dcb] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-0e3cf5c3] {
+.cn-record-list__card-icon[data-v-60a08dcb] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-0e3cf5c3] {
+.cn-record-list__card-pills[data-v-60a08dcb] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-0e3cf5c3] {
+.cn-record-list__card-value[data-v-60a08dcb] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-60a08dcb] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-0e3cf5c3] {
+.cn-record-list__feed-row[data-v-60a08dcb] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-0e3cf5c3] {
+.cn-record-list__feed-icon[data-v-60a08dcb] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -43230,29 +43478,43 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-0e3cf5c3] {
+.cn-record-list__text[data-v-60a08dcb] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
+.cn-record-list--feed .cn-record-list__main[data-v-60a08dcb] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-0e3cf5c3] {
+.cn-record-list__inline-row[data-v-60a08dcb] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-0e3cf5c3] {
+.cn-record-list__label[data-v-60a08dcb] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-0e3cf5c3] {
+.cn-record-list__inline-title[data-v-60a08dcb] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-0e3cf5c3] {
+a.cn-record-list__inline-title[data-v-60a08dcb] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
 
+/* A row's icon in a 36px round tile on the sunken ground, before the text
+   (`iconTile`, DqZaakTaken "Wat hierna komt"). */
+.cn-record-list__icon-tile[data-v-60a08dcb] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 36px;
+	height: 36px;
+	border-radius: 18px;
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+}
+
 
 /* In a narrow side column a row stacks: title, meta, then pill and date. */
 .cn-detail-page__side .cn-record-list__row {
@@ -48554,6 +48816,7 @@ to {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
 	font-size: 13px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
@@ -48573,6 +48836,7 @@ to {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
 	display: flex;
+	line-height: normal;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
@@ -51926,12 +52190,12 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 
-.cn-action-dialog[data-v-105a37b4] {
+.cn-action-dialog[data-v-c1f73068] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-action-dialog__summary[data-v-105a37b4] {
+.cn-action-dialog__summary[data-v-c1f73068] {
 	display: flex;
 	align-items: center;
 	gap: 12px;
@@ -51941,7 +52205,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 /* The record's icon on a tinted tile (DqArchiveren). */
-.cn-action-dialog__summary-icon[data-v-105a37b4] {
+.cn-action-dialog__summary-icon[data-v-c1f73068] {
 	display: flex;
 	flex: none;
 	align-items: center;
@@ -51952,29 +52216,34 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-action-dialog__summary-text strong[data-v-105a37b4] {
+.cn-action-dialog__summary-text strong[data-v-c1f73068] {
 	font-size: 15px;
 	font-weight: 600;
 	line-height: 1.2;
 }
-.cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-105a37b4] {
+.cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-c1f73068] {
 	font-size: 13px;
 }
-.cn-action-dialog__summary-text[data-v-105a37b4] {
+.cn-action-dialog__summary-text[data-v-c1f73068] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-action-dialog__badge[data-v-105a37b4] {
+.cn-action-dialog__badge[data-v-c1f73068] {
 	padding: 3px 10px;
 	border-radius: 12px;
-	background: var(--color-background-dark);
 	font-size: 13px;
 	font-weight: 600;
+	line-height: normal;
 	white-space: nowrap;
 }
-.cn-action-dialog__title[data-v-105a37b4] {
+
+/* Without a tone (`badgeVariant`, `badgeColorMap`) the badge is neutral. */
+.cn-action-dialog__badge[data-v-c1f73068]:not([class*='cn-status-badge--']) {
+	background: var(--color-background-dark);
+}
+.cn-action-dialog__title[data-v-c1f73068] {
 	margin: 0 0 8px;
 	font-size: 14px;
 	font-weight: 600;
@@ -51982,13 +52251,13 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* Facts in columns of at least 200px, each a label over its value above a
    hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
-.cn-action-dialog__facts[data-v-105a37b4] {
+.cn-action-dialog__facts[data-v-c1f73068] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 12px 24px;
 	margin: 0;
 }
-.cn-action-dialog__fact[data-v-105a37b4] {
+.cn-action-dialog__fact[data-v-c1f73068] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -51998,20 +52267,20 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* The server draws every dt as a 130px right-aligned inline block and pads
    dt and dd 12px; a fact is a label over its value. */
-.cn-action-dialog__facts dt[data-v-105a37b4],
-.cn-action-dialog__facts dd[data-v-105a37b4] {
+.cn-action-dialog__facts dt[data-v-c1f73068],
+.cn-action-dialog__facts dd[data-v-c1f73068] {
 	display: block;
 	width: auto;
 	white-space: normal;
 	text-align: start;
 }
-.cn-action-dialog__facts dt[data-v-105a37b4] {
+.cn-action-dialog__facts dt[data-v-c1f73068] {
 	margin: 0;
 	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-action-dialog__facts dd[data-v-105a37b4] {
+.cn-action-dialog__facts dd[data-v-c1f73068] {
 	margin: 0;
 	padding: 0;
 	font-size: 15px;
@@ -52020,14 +52289,14 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* Checklist rows divided by hairlines, the detail at the row's end
    (DqArchiveren "Klaar om te archiveren"). */
-.cn-action-dialog__checks[data-v-105a37b4] {
+.cn-action-dialog__checks[data-v-c1f73068] {
 	display: flex;
 	flex-direction: column;
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
-.cn-action-dialog__check[data-v-105a37b4] {
+.cn-action-dialog__check[data-v-c1f73068] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -52036,17 +52305,17 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	border-top: 1px solid var(--color-border);
 	font-size: 15px;
 }
-.cn-action-dialog__check-label[data-v-105a37b4] {
+.cn-action-dialog__check-label[data-v-c1f73068] {
 	flex: 1 1 auto;
 	font-weight: 600;
 }
-.cn-action-dialog__check-icon[data-v-105a37b4] {
+.cn-action-dialog__check-icon[data-v-c1f73068] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-action-dialog__check-icon--met[data-v-105a37b4] {
+.cn-action-dialog__check-icon--met[data-v-c1f73068] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-action-dialog__muted[data-v-105a37b4] {
+.cn-action-dialog__muted[data-v-c1f73068] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
@@ -52055,11 +52324,11 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
    hint under it (DqArchiveren). */
 /* A note's own icon stands on the heading's line, as the variant's icon
    does (NcNoteCard centres a slotted icon on the whole note). */
-.cn-action-dialog__note-icon[data-v-105a37b4] {
+.cn-action-dialog__note-icon[data-v-c1f73068] {
 	align-self: flex-start;
 	margin-top: 1px;
 }
-.cn-action-dialog__checkbox[data-v-105a37b4] {
+.cn-action-dialog__checkbox[data-v-c1f73068] {
 	padding: 12px 14px;
 	border: 2px solid var(--color-primary-element);
 	border-radius: var(--border-radius-element, 8px);
@@ -52069,37 +52338,37 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 /* The box sits at the card's inset, 12px before the label, the label on
    its first line (DqArchiveren "Sanne de Vries laten weten ..."):
    NcCheckboxRadioSwitch pads its row and centres a 34px target. */
-.cn-action-dialog__checkbox[data-v-105a37b4] .checkbox-content {
+.cn-action-dialog__checkbox[data-v-c1f73068] .checkbox-content {
 	padding: 0;
 	gap: 12px;
 	align-items: flex-start;
 	min-height: 0;
 }
-.cn-action-dialog__checkbox[data-v-105a37b4] .checkbox-content__icon {
+.cn-action-dialog__checkbox[data-v-c1f73068] .checkbox-content__icon {
 	margin: 0;
 }
-.cn-action-dialog__checkbox[data-v-105a37b4] .checkbox-radio-switch__input {
+.cn-action-dialog__checkbox[data-v-c1f73068] .checkbox-radio-switch__input {
 	min-height: 0;
 }
-.cn-action-dialog__checkbox-text[data-v-105a37b4] {
+.cn-action-dialog__checkbox-text[data-v-c1f73068] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-action-dialog__checkbox-label[data-v-105a37b4] {
+.cn-action-dialog__checkbox-label[data-v-c1f73068] {
 	font-size: 15px;
 	font-weight: 600;
 	line-height: 1.2;
 }
-.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-105a37b4] {
+.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-c1f73068] {
 	font-size: 13px;
 }
-.cn-action-dialog__field[data-v-105a37b4] {
+.cn-action-dialog__field[data-v-c1f73068] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-action-dialog__error[data-v-105a37b4] {
+.cn-action-dialog__error[data-v-c1f73068] {
 	margin: 0;
 	color: var(--color-error-text, var(--color-error));
 }