@conduction/nextcloud-vue 2.150.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) {
@@ -11736,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;
@@ -12299,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
@@ -12566,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
@@ -14145,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
@@ -17612,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));
@@ -17680,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%;
@@ -17700,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);
@@ -17712,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;
 }
@@ -24960,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;
@@ -24968,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;
@@ -25001,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;
@@ -25011,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;
@@ -25025,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;
 }
@@ -25040,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;
@@ -25054,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;
@@ -25090,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;
@@ -25106,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;
@@ -25122,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;
@@ -25145,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;
@@ -25184,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;
@@ -25232,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;
@@ -25245,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;
@@ -25275,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;
@@ -25328,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);
@@ -25382,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;
@@ -30239,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));
 }
 
@@ -30818,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;
@@ -30856,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;
@@ -30893,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;
@@ -30912,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;
 }
 
@@ -33125,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;
@@ -33133,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;
@@ -33167,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;
@@ -33186,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%;
@@ -33212,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;
@@ -33238,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));
@@ -33255,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);
@@ -33275,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);
@@ -33299,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;
 }
@@ -34462,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;
@@ -34512,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);
@@ -34526,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;
@@ -34538,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;
@@ -34550,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;
@@ -34610,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;
@@ -42684,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;
@@ -42705,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;
@@ -42724,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;
@@ -42773,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;
@@ -42809,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;
@@ -42851,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;
@@ -42867,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;
@@ -42885,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%;
@@ -42903,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;
@@ -43006,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;
@@ -43021,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;
@@ -43109,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;
 }
@@ -43124,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;
@@ -43141,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;
@@ -43169,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%;
@@ -43236,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 {
@@ -51934,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;
@@ -51949,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;
@@ -51960,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;
@@ -51990,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;
@@ -52006,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;
@@ -52028,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;
@@ -52044,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;
 }
@@ -52063,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);
@@ -52077,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));
 }