@conduction/nextcloud-vue 2.145.0 → 2.146.0

package/dist/esm/nextcloud-vue.css

@@ -738,6 +738,13 @@
 	gap: 8px;
 }
 
+/* A card's own header items (a count note, a status pill) stand before the
+   manifest's title-row buttons, as the boards draw them (DqZaakTaken "Wat
+   hierna komt": "2 gepland", then "+ Toevoegen"). */
+.cn-look-board .cn-widget-wrapper__actions > .cn-detail-widget-header-items:not(.cn-look-nextcloud *) {
+	order: -1;
+}
+
 .cn-look-board .cn-detail-card__header-right:not(.cn-look-nextcloud *) {
 	gap: 8px;
 }
@@ -1552,7 +1559,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: 1.2;
 }
 
-.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) th {
+.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) thead th {
 	--nldesign-component-table-header-background-color: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
 	--nldesign-component-table-header-color: var(--color-text-maxcontrast);
 	--nldesign-component-table-header-font-weight: 600;
@@ -1580,15 +1587,28 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	text-align: start;
 }
 
-.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) td {
+/* Body rows are 42px as on the boards (10px, a 21px line, 10px, the rule).
+   A row header (dossiq's prerequisites) reads as a strong cell, not as a
+   head: the theme paints every th, so its tokens are handed the cell's. */
+.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) td,
+.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) tbody th {
 	padding: 10px 12px;
 	border-bottom: 1px solid var(--color-background-dark);
 	color: var(--color-main-text);
 	font-size: 14px;
-	line-height: 1.2;
+	line-height: 1.5;
 	vertical-align: middle;
 }
 
+.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) tbody th {
+	--nldesign-component-table-header-background-color: transparent;
+	--nldesign-component-table-header-color: var(--color-main-text);
+	--nldesign-component-table-header-font-weight: 600;
+	background: transparent;
+	font-weight: 600;
+	text-align: start;
+}
+
 /* A strong cell's name in a settings card reads 15px bold over its muted
    second line, as the boards draw a connection's name (DqInstellingen
    "Koppelingen": <strong> 15px), not the index tables' 14px 500.
@@ -3507,6 +3527,16 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
 .cn-look-board .cn-timeline-manage__draft-label:first-child:not(.cn-look-nextcloud *) {
 	margin-block-start: 0;
 }
+
+/* ---- The share dialog's audience rows ----------------------------------- */
+/* A person or group the view is shared with sits on the page's own ground at
+   radius 8, as DqFilterDelen draws it; Nextcloud's look keeps its hover grey
+   and large radius.
+   @spec openspec/changes/board-share-rows-ground/specs/board-share-rows-ground/spec.md */
+.cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
+	border-radius: 8px;
+	background: var(--cn-board-sunken-ground);
+}
 /*
  * The board dialog (screens-dialog-parity, canon section 5).
  *
@@ -3786,6 +3816,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	border-top: 1px solid var(--color-border);
 }
 
+/* NcDialog's scoped `.dialog__actions[data-v-…]` margin (6px 0 12px) has the
+   rule above's specificity and, loaded later, put the footer 6px low under the
+   body (DqVolgendeStap). This one outranks it. */
+.cn-dialog-board .dialog .dialog__actions {
+	margin: 0;
+}
+
 .cn-dialog-board .dialog__actions .button-vue,
 .cn-dialog-board .dialog__actions button {
 	min-height: var(--cn-board-control-height, 40px);
@@ -5584,6 +5621,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	max-width: calc(100% - 26px);
 }
 
+/* A plain (unsortable) label wraps by word beside its funnel, as a sort
+   button does, instead of the funnel dropping onto a line of its own
+   ("Lopende / zaken", DqOrganisaties: head 64 -> 59, board 58.5).
+   @spec openspec/changes/board-head-label-beside-funnel/specs/data-table/spec.md#requirement-a-board-heads-plain-label-wraps-beside-its-filter */
+.cn-look-board .cn-index-page__main--table .cn-table-container--board .cn-data-table th > span:first-child:has(~ .cn-table-header__filter) {
+	display: inline-block;
+	max-width: calc(100% - 26px);
+	vertical-align: middle;
+}
+
 /* The board's funnel: a 22px button 4px after the sort chevron. */
 .cn-look-board .cn-table-container--board .cn-data-table th .cn-table-header__filter {
 	width: 22px;
@@ -5666,6 +5713,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	width: 100%;
 }
 
+/* A wrapping title column (`cn-cell--wrap`, DqZoekresultaten) runs its
+   secondary line at a normal line height over its lines, 2px under the
+   title, as the board draws it; a single-line secondary keeps the table's
+   1.35.
+   @spec openspec/changes/board-wrapped-secondary-line-height/specs/board-wrapped-secondary-line-height/spec.md */
+.cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title.cn-cell--wrap .cn-table-cell__secondary {
+	margin-top: 2px;
+	line-height: normal;
+}
+
 /* `rowTitle: "plain"` (PqTickets, OcPublicaties): the title is bold text in
    the main text colour without an underline, the secondary line 13px muted,
    2px under it. The row stays clickable through its stretched row link. */
@@ -5774,6 +5831,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	line-height: 16px;
 }
 
+/* The grey person chip with a second line (DqContacten): 14px above and
+   under, the name 2px above a 14px address on its normal line, a 66px row.
+   @spec openspec/changes/board-person-chip-row-height/specs/data-table/spec.md#requirement-a-board-person-chip-row-is-66px */
+.cn-look-board .cn-table-container--board .cn-data-table td:has(.cn-cell-renderer__avatar-initials--neutral + .cn-cell-renderer__avatar-text .cn-cell-renderer__avatar-secondary) {
+	padding-block: 14px;
+}
+
+.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral + .cn-cell-renderer__avatar-text:has(.cn-cell-renderer__avatar-secondary) {
+	gap: 2px;
+}
+
+.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral + .cn-cell-renderer__avatar-text .cn-cell-renderer__avatar-secondary {
+	font-size: 14px;
+	line-height: normal;
+}
+
 /* A status pill: 3px 10px, radius 12, 13px weight 600, 21px tall on a
    normal line (a 1.4 line made it 24.2). The colours stay the status colour
    map's.
@@ -7003,6 +7076,48 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 .cn-look-board .cn-data-table th.cn-table-col--icon + th {
 	padding-inline-start: 12px;
 }
+
+/* ---- The table beside the open side panel (DqZakenSorteren, DqFilterBeheren) */
+/* The table takes its column's width: its configured column widths make way
+   for the content, titles and names wrap (a long word hyphenated, an
+   unbreakable token such as an id anywhere), a pill
+   wraps before the row scrolls, and each header keeps its label and icons on
+   one line. No sideways scroll.
+   @spec openspec/changes/board-table-fits-beside-side-panel/specs/board-table-fits-beside-side-panel/spec.md#requirement-the-table-fits-its-column-beside-the-open-side-panel */
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table {
+	table-layout: auto;
+	width: 100% !important;
+	min-width: 0 !important;
+}
+
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table th:not(.cn-table-col--checkbox):not(.cn-table-col--actions) {
+	width: auto !important;
+	min-width: 0 !important;
+	max-width: none !important;
+	white-space: nowrap;
+}
+
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table td:not(.cn-table-col--checkbox):not(.cn-table-col--actions) {
+	width: auto !important;
+	min-width: 0 !important;
+	max-width: none !important;
+	white-space: normal;
+	hyphens: auto;
+	overflow-wrap: anywhere;
+}
+
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table td :is(.cn-cell-renderer, .cn-cell-renderer__avatar-text, .cn-cell-renderer__avatar-name, .cn-table-row__link) {
+	min-width: 0;
+	white-space: normal;
+}
+
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table td .cn-status-badge {
+	white-space: normal;
+}
+
+.cn-look-board .cn-index-page--sidebar-open .cn-table-container--board .cn-data-table th .cn-table-header__sort {
+	min-width: max-content;
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -7621,6 +7736,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	cursor: grab;
 }
 
+/* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
+.cn-table-row__handle {
+	display: inline-flex;
+	vertical-align: middle;
+	margin-inline-end: 10px;
+	color: var(--color-text-maxcontrast);
+	cursor: grab;
+}
+
 .cn-table-row--drop-target {
 	box-shadow: inset 0 2px 0 var(--color-primary-element);
 }
@@ -11952,6 +12076,26 @@ li[data-cn-admin-tag] > .action-link::after {
 	padding: var(--cn-board-card-padding);
 }
 
+/* A panel's own heading (DqZaaktypeRegels "Regels op de zaak"): title and
+   subtitle on their natural leading 2px apart, actions that wrap 8px under
+   them, and the card's 12px gap before the content. */
+.cn-look-board .cn-tabs-widget__tabs .cn-tabs-widget__panel-heading {
+	margin-bottom: 12px;
+}
+
+.cn-look-board .cn-tabs-widget__tabs .cn-tabs-widget__panel-heading--actions {
+	row-gap: 8px;
+}
+
+.cn-look-board .cn-tabs-widget__tabs .cn-tabs-widget__panel-heading-text {
+	gap: 2px;
+}
+
+.cn-look-board .cn-tabs-widget__tabs .cn-tabs-widget__panel-title,
+.cn-look-board .cn-tabs-widget__tabs .cn-tabs-widget__panel-subtitle {
+	line-height: normal;
+}
+
 /* A list's footer Add bleeds to the panel's edges, so it bleeds the card
    padding (CnTabsWidget bleeds the Nextcloud look's 12px). */
 .cn-look-board .cn-tabs--board.cn-tabs-widget__tabs .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
@@ -12211,17 +12355,19 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 /* A data card (labels over values) starts 14px below its title (DqZaak
-   "Zaakgegevens", DqContact "Contact"). A side card keeps its 10px.
+   "Zaakgegevens", DqContact "Contact"); its first label sits at the top of
+   its line box, so no leading comes off. A side card keeps its 10px.
    @spec openspec/changes/board-data-card-gap/specs/board-data-card-gap/spec.md#requirement-a-board-data-cards-body-starts-14px-below-its-title */
 .cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-object-data-widget__grid-wrap):not(.cn-detail-page__side *) {
-	padding-top: calc(14px - var(--cn-board-first-line-leading));
+	padding-top: 14px;
 }
 
 /* Facts that open on the column grid are a data card too (DqContact
-   "Contact", DqOrganisatie "Organisatie").
+   "Contact", DqOrganisatie "Organisatie"). Their labels sit on the normal
+   line height in the board look, so no leading is taken off the 14px.
    @spec openspec/changes/board-card-title-gap-variants/specs/board-card-title-gap-variants/spec.md#requirement-a-board-card-starts-its-body-as-drawn-for-its-kind-of-body */
 .cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-facts-widget > .cn-facts-widget__rows--columns:first-child):not(.cn-detail-page__side *) {
-	padding-top: calc(14px - var(--cn-board-first-line-leading));
+	padding-top: 14px;
 }
 
 /* A table (an object list) starts 12px below the title's box: its head has
@@ -12290,6 +12436,47 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-weight: 500;
 }
 
+/* A labelled select in a page card is the board's field, as in a board
+   dialog (dialog.css): its label above the control at 14px/600 on the normal
+   line (the theme's label weight token set to 600 here), the control 40px,
+   21px of room above it so the raised label does not rise over what stands
+   above (DqZaakEmail "E-mailsjabloon": NcSelect drew
+   the label inside a 44px field, 15px/700). The quick filter bar's dropdown
+   keeps NcSelect's own look.
+   @spec openspec/changes/board-page-select-label-above/specs/board-page-select-label-above/spec.md#requirement-a-labelled-select-in-a-board-page-card-carries-its-label-above */
+.cn-look-board .cn-detail-widget-host .v-select:not(.cn-quick-filter-bar__select):has(.input-field__label):not(.cn-look-nextcloud *) {
+	--nldesign-component-form-field-label-font-weight: 600;
+	margin-block: 21px 0;
+}
+
+.cn-look-board .cn-detail-widget-host .v-select:not(.cn-quick-filter-bar__select) .input-field__input + .input-field__label.input-field__label:not(.cn-look-nextcloud *),
+.cn-look-board .cn-detail-widget-host .nc-select.v-select.select:not(.cn-quick-filter-bar__select) .vs__selected-options:has(.vs__selected) .vs__search .input-field__input + .input-field__label.input-field__label:not(.cn-look-nextcloud *) {
+	inset-block-start: auto;
+	inset-block-end: calc(100% + 4px);
+	inset-inline: 0 auto;
+	max-width: 100%;
+	margin: 0;
+	padding: 0;
+	background: none;
+	color: var(--color-main-text);
+	font-size: var(--cn-field-label-size, 14px);
+	font-weight: 600;
+	line-height: normal;
+	pointer-events: auto;
+	transition: none;
+}
+
+.cn-look-board .cn-detail-widget-host .v-select:not(.cn-quick-filter-bar__select):has(.input-field__label) .input-field__main-wrapper:not(.cn-look-nextcloud *) {
+	height: calc(var(--cn-field-height, 40px) + 2 * var(--border-width-input-focused, 2px));
+}
+
+/* The mail card's template buttons stand beside the field at its 40px
+   height, their bottom on the field's edge (inside its 2px focus inset). */
+.cn-look-board .cn-mail-tab__template-row .button-vue:where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+	margin-block-end: var(--border-width-input-focused, 2px);
+}
+
 /* A data card's label and value sit 3px apart on the normal line height, as
    the boards draw their facts (194 of 212 dt/dd pairs: gap 3px, no line
    height); live ran them at 1.5 with a 2px gap (DqZaakContact
@@ -12417,6 +12604,12 @@ li[data-cn-admin-tag] > .action-link::after {
 	padding: 0;
 }
 
+/* Its Actions menu is the board's 34px header control. */
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__actions .action-item .button-vue {
+	height: 34px;
+	min-height: 34px;
+}
+
 /* A widget-reported card header action in the main column is a neutral 40px
    control: the main background, the control border, the main text at
    14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -12503,6 +12696,24 @@ li[data-cn-admin-tag] > .action-link::after {
 	width: 18px;
 }
 
+/* NcNoteCard renders a slotted icon (the banner's own, DqSociaalDomein
+   "Bijzondere persoonsgegevens") as a bare 22px material icon without the
+   `notecard__icon` wrapper; it takes the same 18px box on the first line, so
+   the text starts 44px in.
+   @spec openspec/changes/board-notice-slotted-icon/specs/board-notice-slotted-icon/spec.md#requirement-a-side-notices-slotted-icon-is-18px */
+.cn-look-board .cn-detail-page__side-item--notice .cn-banner-widget__card > .material-design-icon:not(.cn-look-nextcloud *) {
+	align-self: flex-start;
+	color: var(--cn-board-notice-ink);
+	margin-top: 2px;
+	width: 18px;
+	height: 18px;
+}
+
+.cn-look-board .cn-detail-page__side-item--notice .cn-banner-widget__card > .material-design-icon svg:not(.cn-look-nextcloud *) {
+	height: 18px;
+	width: 18px;
+}
+
 /* A notice whose condition does not hold renders no banner; its slot then
    takes no room instead of standing as an empty tinted block. */
 .cn-look-board .cn-detail-page__side-item--notice:not(:has(.cn-banner-widget)) {
@@ -12968,6 +13179,12 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* The buttons above the groups are the card's 34px controls ("Bekijken als
    flow", "Taak toevoegen"), not the page's 40px ones. */
+/* The buttons sit 14px under the subtitle and 14px above the groups, the
+   card's gap (the content's own 12px top padding plus 2px). */
+.cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
+	margin-block: 2px 14px;
+}
+
 .cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
 	min-height: 34px;
 	height: 34px;
@@ -13409,6 +13626,11 @@ li[data-cn-admin-tag] > .action-link::after {
 	line-height: 1.2;
 }
 
+.cn-look-board .cn-object-parties .cn-object-parties__accepted .cn-object-parties__muted {
+	font-size: 13px;
+	line-height: 1.2;
+}
+
 .cn-look-board .cn-object-parties .cn-object-parties__accepted-kind {
 	padding: 2px 8px;
 	border: 1px solid var(--color-border-maxcontrast);
@@ -13457,11 +13679,16 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-events-card__event:not(.cn-look-nextcloud *):last-child,
 .cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *),
 .cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *):last-child {
-	padding: 12px 0;
+	padding-block: 12px;
 	border-top: 1px solid var(--cn-board-hairline);
 	border-bottom: none;
 }
 
+.cn-look-board .cn-events-card__event:not(.cn-look-nextcloud *),
+.cn-look-board .cn-events-card__event:not(.cn-look-nextcloud *):last-child {
+	padding-inline: 0;
+}
+
 .cn-look-board .cn-events-card__day:not(.cn-look-nextcloud *),
 .cn-look-board .cn-notes-card__initials:not(.cn-look-nextcloud *) {
 	display: inline-flex;
@@ -13486,7 +13713,7 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-notes-card__body:not(.cn-look-nextcloud *) {
 	font-size: 15px;
 	font-weight: 600;
-	line-height: 1.35;
+	line-height: normal;
 }
 
 .cn-look-board .cn-events-card__summary:not(.cn-look-nextcloud *) {
@@ -13508,11 +13735,29 @@ li[data-cn-admin-tag] > .action-link::after {
 	white-space: pre;
 }
 
-.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *) {
+/* Each note sits alone in its thread, so it is also a :last-child; the
+   padding above is set per side so the 44px room for the tile holds. */
+.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *),
+.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *):last-child {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
-	padding-inline-start: 44px;
+	padding-inline: 44px 0;
+}
+
+/* Reply stays on the row as Delete does: at its end, shown on hover and on
+   keyboard focus, so the row keeps the board's two lines.
+   @spec openspec/changes/board-note-rows-tile-room/specs/task-cards/spec.md#requirement-a-board-note-row-keeps-its-tile-room-and-two-lines */
+.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *) > .cn-notes-card__reply-btn {
+	position: absolute;
+	top: 8px;
+	inset-inline-end: 32px;
+	opacity: 0;
+}
+
+.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *):hover > .cn-notes-card__reply-btn,
+.cn-look-board .cn-notes-card__note:not(.cn-look-nextcloud *):focus-within > .cn-notes-card__reply-btn {
+	opacity: 1;
 }
 
 .cn-look-board .cn-notes-card__initials:not(.cn-look-nextcloud *) {
@@ -13528,6 +13773,7 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-notes-card__note-header:not(.cn-look-nextcloud *) {
 	justify-content: flex-start;
 	margin-bottom: 0;
+	line-height: normal;
 }
 
 .cn-look-board .cn-notes-card__time:not(.cn-look-nextcloud *) {
@@ -13688,6 +13934,13 @@ li[data-cn-admin-tag] > .action-link::after {
 	padding: 12px 0;
 }
 
+/* Under a title with a subtitle the rule sits 8px below the subtitle
+   (DqZaakBesluiten "Adviezen", DqZaakArchivering "Bewaring"). A custom
+   widget that opens on a ruled list opts in with `cn-rule-above` on its root. */
+.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-record-list--rows.cn-record-list--rule-above, > .cn-rule-above) {
+	padding-top: 8px;
+}
+
 /* A side list row with initials stays one line: a 28px circle 8px before
    the regular-weight text (DqSociaalDomein "Wie"). The library stacks side
    rows into a column, which put the initials above the name.
@@ -13701,11 +13954,26 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-detail-page__side .cn-record-list__row:not(.cn-look-nextcloud *) > .cn-record-list__avatar {
 	width: 28px;
 	height: 28px;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
 }
 
 .cn-look-board .cn-detail-page__side .cn-record-list__row:has(> .cn-record-list__avatar):not(.cn-look-nextcloud *) .cn-record-list__title {
 	font-weight: 400;
 }
+
+/* The history card's kind chips sit on the header's 16px gap, 8px apart, as
+   DqZaakHistorie draws them: the server's 3px button margin pushed the row
+   3px down and made it 42px tall. The composer's field labels run on a 1.2
+   line, so "Sjabloon" starts 12px under the subtitle as drawn.
+   @spec openspec/changes/board-history-chips-and-labels/specs/timeline/spec.md */
+.cn-look-board .cn-timeline-manage__chips .cn-timeline-manage__chip:not(.cn-look-nextcloud *) {
+	margin: 0;
+}
+
+.cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
+	line-height: 1.2;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -16239,10 +16507,14 @@ li[data-cn-admin-tag] > .action-link::after {
 	border-radius: 10px;
 	background: var(--color-primary-element-light, #eaf0f7);
 	color: var(--color-primary-element-light-text, #234a78);
+	font-size: 14px;
 	line-height: 1.5;
 }
+
+/* The icon font's own align-self: center would centre it on a long note. */
 .cn-ai-chat-window__note-icon {
 	flex: none;
+	align-self: flex-start;
 	margin-top: 1px;
 }
 
@@ -19770,6 +20042,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	cursor: grab;
 }
 
+/* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
+.cn-table-row__handle {
+	display: inline-flex;
+	vertical-align: middle;
+	margin-inline-end: 10px;
+	color: var(--color-text-maxcontrast);
+	cursor: grab;
+}
+
 .cn-table-row--drop-target {
 	box-shadow: inset 0 2px 0 var(--color-primary-element);
 }
@@ -26159,94 +26440,99 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
 }
 
 
-.cn-notes-card__add-form[data-v-b206c0bc] {
+.cn-notes-card__add-form[data-v-25437d6c] {
 	margin-bottom: 12px;
 }
-.cn-notes-card__textarea[data-v-b206c0bc] {
+.cn-notes-card__textarea[data-v-25437d6c] {
 	width: 100%;
 	margin-bottom: 8px;
 	box-sizing: border-box;
 }
-.cn-notes-card__replying[data-v-b206c0bc] {
+.cn-notes-card__replying[data-v-25437d6c] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin: 0 0 4px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-notes-card__note--reply[data-v-b206c0bc] {
+.cn-notes-card__note--reply[data-v-25437d6c] {
 	margin-inline-start: 24px;
 }
-.cn-notes-card__quote[data-v-b206c0bc] {
+.cn-notes-card__quote[data-v-25437d6c] {
 	margin: 0 0 2px;
 	padding-inline-start: 8px;
 	border-inline-start: 2px solid var(--color-border-dark);
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-notes-card__empty[data-v-b206c0bc] {
+.cn-notes-card__empty[data-v-25437d6c] {
 	text-align: center;
 	padding: 16px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-notes-card__list[data-v-b206c0bc] {
+.cn-notes-card__list[data-v-25437d6c] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-notes-card__note[data-v-b206c0bc] {
+.cn-notes-card__note[data-v-25437d6c] {
 	padding: 10px 0;
 	border-bottom: 1px solid var(--color-border);
 	position: relative;
 }
-.cn-notes-card__note[data-v-b206c0bc]:last-child {
+.cn-notes-card__note[data-v-25437d6c]:last-child {
 	border-bottom: none;
 }
-.cn-notes-card__initials[data-v-b206c0bc] {
+.cn-notes-card__initials[data-v-25437d6c] {
 	display: none;
 }
-.cn-notes-card__note-header[data-v-b206c0bc] {
+.cn-notes-card__note-header[data-v-25437d6c] {
 	display: flex;
 	justify-content: space-between;
 	align-items: baseline;
 	margin-bottom: 4px;
 }
-.cn-notes-card__author[data-v-b206c0bc] {
+.cn-notes-card__author[data-v-25437d6c] {
 	font-size: 13px;
 }
-.cn-notes-card__author--self[data-v-b206c0bc] {
+.cn-notes-card__author--self[data-v-25437d6c] {
 	color: var(--color-main-text);
 }
-.cn-notes-card__visibility[data-v-b206c0bc] {
+.cn-notes-card__visibility[data-v-25437d6c] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	margin-bottom: 4px;
 }
-.cn-notes-card__time[data-v-b206c0bc] {
+.cn-notes-card__time[data-v-25437d6c] {
 	font-size: 11px;
 	color: var(--color-text-maxcontrast);
 	flex-shrink: 0;
 	margin-left: 8px;
 }
-.cn-notes-card__body[data-v-b206c0bc] {
+.cn-notes-card__body[data-v-25437d6c] {
 	font-size: 13px;
 	margin: 0;
 	white-space: pre-wrap;
 	overflow-wrap: anywhere;
 	padding-right: 32px;
 }
-.cn-notes-card__delete-btn[data-v-b206c0bc] {
+
+/* The note's own class leads so the position outranks NcButton's
+   `position: relative`, which loads later at the same weight and put the
+   button in the flow under the note. */
+.cn-notes-card__note > .cn-notes-card__delete-btn[data-v-25437d6c] {
 	position: absolute;
 	top: 8px;
 	right: -4px;
 	opacity: 0;
 	transition: opacity 0.15s ease;
 }
-.cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-b206c0bc] {
+.cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-25437d6c],
+.cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-25437d6c] {
 	opacity: 1;
 }
-.cn-notes-card__show-all[data-v-b206c0bc] {
+.cn-notes-card__show-all[data-v-25437d6c] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -26257,7 +26543,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
 	width: 100%;
 	text-align: center;
 }
-.cn-notes-card__show-all[data-v-b206c0bc]:hover {
+.cn-notes-card__show-all[data-v-25437d6c]:hover {
 	text-decoration: underline;
 }
 
@@ -30358,72 +30644,74 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-retention[data-v-912351be] {
+.cn-retention[data-v-7d819271] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-retention__head[data-v-912351be] {
+.cn-retention__head[data-v-7d819271] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: 10px 16px;
 }
-.cn-retention__head-text[data-v-912351be] {
+.cn-retention__head-text[data-v-7d819271] {
 	display: flex;
 	flex: 1 1 260px;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-retention__title[data-v-912351be] {
+.cn-retention__title[data-v-7d819271] {
 	margin: 0;
 	font-size: 18px;
 	font-weight: 700;
 }
-.cn-retention__muted[data-v-912351be] {
+.cn-retention__muted[data-v-7d819271] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-retention__facts[data-v-912351be] {
+.cn-retention__facts[data-v-7d819271] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 12px 24px;
 	margin: 0;
+	padding: 0;
 }
 
 /* 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-912351be],
-.cn-retention__fact dd[data-v-912351be] {
+.cn-retention__fact dt[data-v-7d819271],
+.cn-retention__fact dd[data-v-7d819271] {
 	display: block;
 	width: auto;
 	white-space: normal;
 	text-align: start;
 }
-.cn-retention__fact dt[data-v-912351be] {
+.cn-retention__fact dt[data-v-7d819271] {
 	margin: 0;
 	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
+	line-height: 1.2;
 }
-.cn-retention__fact dd[data-v-912351be] {
+.cn-retention__fact dd[data-v-7d819271] {
 	margin: 0;
 	padding: 0;
 	font-weight: 600;
 }
-.cn-retention__section[data-v-912351be] {
+.cn-retention__section[data-v-7d819271] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-retention__rows[data-v-912351be] {
+.cn-retention__rows[data-v-7d819271] {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
-.cn-retention__row[data-v-912351be] {
+.cn-retention__row[data-v-7d819271] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -30431,7 +30719,7 @@ 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-912351be] {
+.cn-retention__row-text[data-v-7d819271] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
@@ -30441,7 +30729,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* 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-912351be] {
+.cn-retention__mark[data-v-7d819271] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -30454,11 +30742,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 12px;
 	font-weight: 700;
 }
-.cn-retention__mark--hold[data-v-912351be] {
+.cn-retention__mark--hold[data-v-7d819271] {
 	background: var(--color-error-light, #fcedec);
 	color: var(--color-error-text, #a30000);
 }
-.cn-retention__row-title[data-v-912351be] {
+.cn-retention__row-title[data-v-7d819271] {
 	font-weight: 600;
 }
 
@@ -32993,13 +33281,13 @@ to { background-position: -200% 0;
 }
 
 
-.cn-detail-widget-header-items[data-v-7186a696] {
+.cn-detail-widget-header-items[data-v-c81df510] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 12px;
 }
-.cn-detail-page__catalog-action[data-v-7186a696] {
+.cn-detail-page__catalog-action[data-v-c81df510] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -33011,6 +33299,7 @@ to { background-position: -200% 0;
 	font-size: 13px;
 	font-weight: 700;
 	gap: 6px;
+	margin: 0;
 	min-height: 32px;
 	padding: 0 14px;
 	white-space: nowrap;
@@ -35134,41 +35423,46 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__panel-heading[data-v-37820b09] {
+.cn-tabs-widget__panel-heading[data-v-761751b1] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	margin-bottom: 16px;
 }
-.cn-tabs-widget__panel-heading--actions[data-v-37820b09] {
+.cn-tabs-widget__panel-heading--actions[data-v-761751b1] {
 	flex-direction: row;
 	flex-wrap: wrap;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: 10px 16px;
 }
-.cn-tabs-widget__panel-heading-text[data-v-37820b09] {
+.cn-tabs-widget__panel-heading-text[data-v-761751b1] {
 	display: flex;
-	flex: 1 1 260px;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 0;
 }
-.cn-tabs-widget__panel-actions[data-v-37820b09] {
+
+/* The 260px basis is a width in the actions row; in the column heading it
+   would be a height. */
+.cn-tabs-widget__panel-heading--actions > .cn-tabs-widget__panel-heading-text[data-v-761751b1] {
+	flex: 1 1 260px;
+}
+.cn-tabs-widget__panel-actions[data-v-761751b1] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 16px;
 }
-.cn-tabs-widget__panel-title[data-v-37820b09] {
+.cn-tabs-widget__panel-title[data-v-761751b1] {
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
 }
-.cn-tabs-widget__panel-subtitle[data-v-37820b09] {
+.cn-tabs-widget__panel-subtitle[data-v-761751b1] {
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-tabs-widget__stack[data-v-37820b09] {
+.cn-tabs-widget__stack[data-v-761751b1] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -35177,19 +35471,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
    onto the next row, a row's cards as tall as the tallest. Narrow, it is the
    plain stack again. */
-.cn-tabs-widget__stack--grid[data-v-37820b09] {
+.cn-tabs-widget__stack--grid[data-v-761751b1] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-37820b09] > * {
+.cn-tabs-widget__stack--grid[data-v-761751b1] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-37820b09] {
+.cn-tabs-widget__stack--grid[data-v-761751b1] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-37820b09] > * {
+.cn-tabs-widget__stack--grid[data-v-761751b1] > * {
 		grid-column: auto !important;
 }
 }
@@ -35223,7 +35517,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    `!important` or on load order this library does not control. The same
    technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
    in CnTabs to beat Nextcloud's own button margin. */
-.cn-tabs-widget.cn-tabs-widget[data-v-37820b09] {
+.cn-tabs-widget.cn-tabs-widget[data-v-761751b1] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -35247,12 +35541,12 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    below it: the rule ran straight on to the widget's edge and read as a
    border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
    where the curve begins makes the rule and the curve one continuous edge. */
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -35265,11 +35559,11 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    own background-coloured bottom edge, which only works if it paints ABOVE the
    pseudo-element: a positioned pseudo-element otherwise paints over every
    in-flow sibling, rule included. */
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-37820b09] {
+.cn-tabs-widget__tabs[data-v-761751b1] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -35287,7 +35581,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    the open tab, but padding sits inside the painted box — only a margin would
    have opened that gap, and a zero top put every panel's content against the
    strip. */
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tabs__content {
 	background-color: var(--color-main-background);
 	/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
 	   is this sheet's top edge, and the open tab erases the slice of it
@@ -35307,7 +35601,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tab {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tab {
 	height: 100%;
 }
 
@@ -35315,13 +35609,13 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
    holds the list directly the footer stuck out 4px on the right and at the
    bottom and made the panel scroll. It bleeds exactly the panel's padding. */
-.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-761751b1] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
 
 /* The open panel's header link, beside the strip. Same look and theme hooks
    as a card header link (CnWidgetWrapper). */
-.cn-tabs-widget__header-link[data-v-37820b09] {
+.cn-tabs-widget__header-link[data-v-761751b1] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -35330,21 +35624,21 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-tabs-widget__header-link[data-v-37820b09]:hover,
-.cn-tabs-widget__header-link[data-v-37820b09]:focus-visible {
+.cn-tabs-widget__header-link[data-v-761751b1]:hover,
+.cn-tabs-widget__header-link[data-v-761751b1]:focus-visible {
 	text-decoration: underline;
 }
-.cn-tabs-widget__header-link[data-v-37820b09]:focus-visible {
+.cn-tabs-widget__header-link[data-v-761751b1]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
 }
-.cn-tabs-widget__title[data-v-37820b09] {
+.cn-tabs-widget__title[data-v-761751b1] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-37820b09] {
+.cn-tabs-widget__title-icon[data-v-761751b1] {
 	flex: 0 0 auto;
 }
 
@@ -40287,7 +40581,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-b1b0c69e] {
+.cn-facts-widget[data-v-2903e476] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -40297,7 +40591,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
    and bottom, which put a side card's facts 24px under its title, against
    the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
-.cn-facts-widget__rows[data-v-b1b0c69e] {
+.cn-facts-widget__rows[data-v-2903e476] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -40307,23 +40601,36 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-b1b0c69e] {
+.cn-facts-widget__row[data-v-2903e476] {
 	display: contents;
 }
+.cn-facts-widget__row--inline[data-v-2903e476] {
+	display: flex;
+	grid-column: 1 / -1;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px;
+}
+.cn-facts-widget__row--inline .cn-facts-widget__value[data-v-2903e476] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px;
+}
 
 /* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding, a
    130px-wide `dt`), which pushed the label to the right of its column, added
    12px around both and widened the label column to 130px. The class is
    doubled so these resets outrank that rule, and a dossiq-style `:deep()`
    override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-2903e476] {
 	width: auto;
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-b1b0c69e] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-2903e476] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -40331,56 +40638,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-b1b0c69e] {
+.cn-facts-widget__title[data-v-2903e476] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-b1b0c69e] {
+.cn-facts-widget__line[data-v-2903e476] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-b1b0c69e] {
+.cn-facts-widget__meter[data-v-2903e476] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-b1b0c69e] {
+.cn-facts-widget__meter-head[data-v-2903e476] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-b1b0c69e] {
+.cn-facts-widget__meter-label[data-v-2903e476] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-b1b0c69e] {
+.cn-facts-widget__meter-value[data-v-2903e476] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-b1b0c69e] {
+.cn-facts-widget__meter-track[data-v-2903e476] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-b1b0c69e] {
+.cn-facts-widget__meter-bar[data-v-2903e476] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-b1b0c69e] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-2903e476] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-b1b0c69e] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-2903e476] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-b1b0c69e] {
+.cn-facts-widget__muted[data-v-2903e476] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-b1b0c69e] {
+.cn-facts-widget__label .hidden-visually[data-v-2903e476] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -40388,27 +40695,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-b1b0c69e] {
+.cn-facts-widget__label--icon[data-v-2903e476] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-b1b0c69e] {
+.cn-facts-widget__value-link[data-v-2903e476] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-b1b0c69e],
-.cn-facts-widget__icon-button[data-v-b1b0c69e],
-.cn-facts-widget__action[data-v-b1b0c69e] {
+.cn-facts-widget__inline-button[data-v-2903e476],
+.cn-facts-widget__icon-button[data-v-2903e476],
+.cn-facts-widget__action[data-v-2903e476] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__reveal-error[data-v-b1b0c69e] {
+.cn-facts-widget__reveal-error[data-v-2903e476] {
 	font-size: 13px;
 	color: var(--color-text-error, var(--color-error));
 }
-.cn-facts-widget__inline-button[data-v-b1b0c69e] {
+.cn-facts-widget__inline-button[data-v-2903e476] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -40420,7 +40727,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 30px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-b1b0c69e] {
+.cn-facts-widget__icon-button[data-v-2903e476] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -40429,23 +40736,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-b1b0c69e]:hover,
-.cn-facts-widget__icon-button[data-v-b1b0c69e]:focus-visible {
+.cn-facts-widget__icon-button[data-v-2903e476]:hover,
+.cn-facts-widget__icon-button[data-v-2903e476]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-b1b0c69e] {
+.cn-facts-widget__text[data-v-2903e476] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-b1b0c69e] {
+.cn-facts-widget__lead[data-v-2903e476] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-b1b0c69e] {
+.cn-facts-widget__lead-tile[data-v-2903e476] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -40460,32 +40767,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Initials stand for a person: round, as an avatar. */
-.cn-facts-widget__lead-tile--initials[data-v-b1b0c69e] {
+.cn-facts-widget__lead-tile--initials[data-v-2903e476] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-b1b0c69e] {
+.cn-facts-widget__lead-tile--success[data-v-2903e476] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-b1b0c69e] {
+.cn-facts-widget__lead-tile--info[data-v-2903e476] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-b1b0c69e] {
+.cn-facts-widget__lead-text[data-v-2903e476] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-b1b0c69e] {
+.cn-facts-widget__lead-title[data-v-2903e476] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-b1b0c69e] {
+.cn-facts-widget__lead-subtitle[data-v-2903e476] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-b1b0c69e] {
+.cn-facts-widget__action[data-v-2903e476] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -40497,20 +40804,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-b1b0c69e]:hover,
-.cn-facts-widget__action[data-v-b1b0c69e]:focus-visible {
+.cn-facts-widget__action[data-v-2903e476]:hover,
+.cn-facts-widget__action[data-v-2903e476]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-b1b0c69e] {
+.cn-facts-widget__notice[data-v-2903e476] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-b1b0c69e] {
+.cn-facts-widget__link[data-v-2903e476] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__link--button[data-v-b1b0c69e] {
+.cn-facts-widget__link--button[data-v-2903e476] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -40525,12 +40832,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 
 /* `columns: 2` (board DqContact): two columns, the label above the value, a
    hairline under each fact; one column on a phone. */
-.cn-facts-widget__rows--columns[data-v-b1b0c69e] {
+.cn-facts-widget__rows--columns[data-v-2903e476] {
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 14px 24px;
 	font-size: 15px;
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-b1b0c69e] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-2903e476] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -40538,11 +40845,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding-bottom: 10px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-2903e476] {
 	font-size: 13px;
 }
+
+/* One column, label above value: 2px under its label, 10px to the next
+   label, so a long label never squeezes its value (DqHandhaving). */
+.cn-facts-widget__rows--stacked[data-v-2903e476] {
+	grid-template-columns: minmax(0, 1fr);
+	gap: 2px 0;
+}
+.cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-2903e476] {
+	margin-bottom: 8px;
+}
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-b1b0c69e] {
+.cn-facts-widget__rows--columns[data-v-2903e476] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -40817,29 +41134,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-checklist-run__form[data-v-dd87442e] {
+.cn-checklist-run__form[data-v-f3678d20] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-checklist-run__position[data-v-dd87442e] {
+.cn-checklist-run__position[data-v-f3678d20] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-checklist-run__progress[data-v-dd87442e] {
+.cn-checklist-run__progress[data-v-f3678d20] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
 	height: 6px;
 	overflow: hidden;
 }
-.cn-checklist-run__progress-fill[data-v-dd87442e] {
+.cn-checklist-run__progress-fill[data-v-f3678d20] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-checklist-run__live[data-v-dd87442e],
-.cn-checklist-run__sr[data-v-dd87442e] {
+.cn-checklist-run__live[data-v-f3678d20],
+.cn-checklist-run__sr[data-v-f3678d20] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -40847,8 +41164,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-checklist-run__question[data-v-dd87442e],
-.cn-checklist-run__photos[data-v-dd87442e] {
+.cn-checklist-run__question[data-v-f3678d20],
+.cn-checklist-run__photos[data-v-f3678d20] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 12px);
@@ -40858,54 +41175,57 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: 0;
 	padding: 12px 14px;
 }
-.cn-checklist-run__legend[data-v-dd87442e] {
+.cn-checklist-run__legend[data-v-f3678d20] {
 	font-size: 15px;
 	font-weight: 600;
 	line-height: 1.2;
 	padding: 0 4px;
 }
-.cn-checklist-run__help[data-v-dd87442e] {
+.cn-checklist-run__help[data-v-f3678d20] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
+	line-height: 1.2;
 	margin: 0;
 }
 
 /* An option reads as text, not as a field label (a theme makes every label
    bold); 15px as the board draws it (DqInspectie). */
-.cn-checklist-run__choice[data-v-dd87442e] {
+.cn-checklist-run__choice[data-v-f3678d20] {
 	align-items: center;
 	display: flex;
 	font-size: 15px;
 	font-weight: 400;
 	gap: 10px;
-	min-height: 34px;
+	min-height: 24px;
 }
-.cn-checklist-run__choice input[data-v-dd87442e] {
+
+/* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
+.cn-checklist-run__choice input[data-v-f3678d20] {
 	accent-color: var(--color-primary-element);
 	height: 20px;
-	margin: 0;
+	margin: 3px 3px 0 5px;
 	width: 20px;
 }
-.cn-checklist-run__text[data-v-dd87442e],
-.cn-checklist-run__number[data-v-dd87442e] {
+.cn-checklist-run__text[data-v-f3678d20],
+.cn-checklist-run__number[data-v-f3678d20] {
 	box-sizing: border-box;
 	width: 100%;
 }
-.cn-checklist-run__group[data-v-dd87442e] {
+.cn-checklist-run__group[data-v-f3678d20] {
 	font-size: 14px;
 	font-weight: 600;
 	margin: 0;
 }
-.cn-checklist-run__note-label[data-v-dd87442e] {
+.cn-checklist-run__note-label[data-v-f3678d20] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-checklist-run__photo-list[data-v-dd87442e] {
+.cn-checklist-run__photo-list[data-v-f3678d20] {
 	margin: 0;
 	padding-inline-start: 18px;
 }
-.cn-checklist-run__photo-button[data-v-dd87442e] {
+.cn-checklist-run__photo-button[data-v-f3678d20] {
 	align-items: center;
 	align-self: flex-start;
 	border: 1px solid var(--color-border-dark);
@@ -40916,26 +41236,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	min-height: 34px;
 	padding: 0 14px;
 }
-.cn-checklist-run__photo-button[data-v-dd87442e]:focus-within {
+.cn-checklist-run__photo-button[data-v-f3678d20]:focus-within {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-checklist-run__photo-input[data-v-dd87442e] {
+.cn-checklist-run__photo-input[data-v-f3678d20] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
 	position: absolute;
 	width: 1px;
 }
-.cn-checklist-run__nav[data-v-dd87442e] {
+.cn-checklist-run__nav[data-v-f3678d20] {
 	display: flex;
 	justify-content: space-between;
 }
-.cn-checklist-run__error[data-v-dd87442e] {
+.cn-checklist-run__error[data-v-f3678d20] {
 	color: var(--color-error-text, var(--color-error));
 	margin: 0;
 }
-.cn-checklist-run__empty[data-v-dd87442e] {
+.cn-checklist-run__empty[data-v-f3678d20] {
 	color: var(--color-text-maxcontrast);
 }
 
@@ -42097,20 +42417,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__checklist-bar[data-v-8b7be6f2] {
+.cn-record-list__checklist-bar[data-v-59c81065] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-8b7be6f2] {
+.cn-record-list__checklist-fill[data-v-59c81065] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-8b7be6f2] {
+.cn-record-list__checklist[data-v-59c81065] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -42118,16 +42438,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-8b7be6f2] {
+.cn-record-list__check[data-v-59c81065] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-8b7be6f2] {
+.cn-record-list__check--done[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-8b7be6f2] {
+.cn-record-list__check-mark[data-v-59c81065] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -42137,45 +42457,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-8b7be6f2] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__checklist[data-v-59c81065] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-8b7be6f2] {
+.cn-record-list__set-field-done[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__list[data-v-59c81065] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-8b7be6f2] {
+.cn-record-list__group-heading[data-v-59c81065] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-8b7be6f2] {
+.cn-record-list__group-head[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-59c81065] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-8b7be6f2] {
+.cn-record-list__action--tonal.button-vue[data-v-59c81065] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -42186,34 +42506,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-8b7be6f2]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-59c81065]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-8b7be6f2] {
+.cn-record-list__footer[data-v-59c81065] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer--wide[data-v-8b7be6f2] {
+.cn-record-list__footer--wide[data-v-59c81065] {
 	align-items: stretch;
 }
-.cn-record-list__footer-note[data-v-8b7be6f2] {
+.cn-record-list__footer-note[data-v-59c81065] {
 	margin: 0 0 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__footer-reason[data-v-8b7be6f2] {
+.cn-record-list__footer-reason[data-v-59c81065] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-8b7be6f2],
-.cn-record-list__error[data-v-8b7be6f2] {
+.cn-record-list__empty[data-v-59c81065],
+.cn-record-list__error[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-8b7be6f2] {
+.cn-record-list__notice[data-v-59c81065] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -42222,41 +42542,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-8b7be6f2] {
+.cn-record-list__notice--warning[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__notice--error[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__notice--footnote[data-v-59c81065] {
 	margin-top: 12px;
 }
-.cn-record-list__notice-icon[data-v-8b7be6f2] {
+.cn-record-list__notice-icon[data-v-59c81065] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-8b7be6f2] {
+.cn-record-list__notice-text[data-v-59c81065] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-8b7be6f2] {
+.cn-record-list__loading[data-v-59c81065] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-8b7be6f2],
-.cn-record-list--rule-above .cn-record-list__item[data-v-8b7be6f2]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-59c81065],
+.cn-record-list--rule-above .cn-record-list__item[data-v-59c81065]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-8b7be6f2] {
+.cn-record-list__pill-start[data-v-59c81065] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-8b7be6f2] {
+.cn-record-list__bar[data-v-59c81065] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -42264,15 +42584,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-8b7be6f2] {
+.cn-record-list__bar-fill[data-v-59c81065] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-8b7be6f2] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-59c81065] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-8b7be6f2] {
+.cn-record-list__row[data-v-59c81065] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -42280,17 +42600,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-8b7be6f2],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-8b7be6f2] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-59c81065],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-59c81065] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-8b7be6f2] {
+.cn-record-list__dot[data-v-59c81065] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-8b7be6f2] {
+.cn-record-list__flag[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
@@ -42298,12 +42618,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-8b7be6f2] {
+.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-59c81065] {
 	width: 32px;
 	height: 32px;
 	margin-inline-end: -4px;
 }
-.cn-record-list__avatar[data-v-8b7be6f2] {
+.cn-record-list__avatar[data-v-59c81065] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -42316,97 +42636,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-8b7be6f2] {
+.cn-record-list__main[data-v-59c81065] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-8b7be6f2] {
+.cn-record-list__title[data-v-59c81065] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-8b7be6f2] {
+.cn-record-list--compact .cn-record-list__row[data-v-59c81065] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-8b7be6f2] {
+.cn-record-list--compact .cn-record-list__title[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list--stacked .cn-record-list__list[data-v-59c81065] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
-.cn-record-list--stacked .cn-record-list__row[data-v-8b7be6f2] {
+.cn-record-list--stacked .cn-record-list__row[data-v-59c81065] {
 	min-height: 0;
 	padding: 0;
 }
-.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-8b7be6f2] {
+.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
 	border-top: 0;
 }
-.cn-record-list__meta[data-v-8b7be6f2] {
+.cn-record-list__meta[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-8b7be6f2] {
+.cn-record-list__aside[data-v-59c81065] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-8b7be6f2] {
+.cn-record-list__leading[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__trailing[data-v-59c81065] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-8b7be6f2] {
+.cn-record-list__due[data-v-59c81065] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-8b7be6f2] {
+.cn-record-list__due--danger[data-v-59c81065] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-8b7be6f2] {
+.cn-record-list__table[data-v-59c81065] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-8b7be6f2] {
+.cn-record-list__table th[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list__table td[data-v-59c81065] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-8b7be6f2] {
+.cn-record-list__cell-sub[data-v-59c81065] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-8b7be6f2] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-59c81065] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-8b7be6f2] {
+.cn-record-list__sort[data-v-59c81065] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -42419,83 +42739,83 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-8b7be6f2]:focus-visible {
+.cn-record-list__sort[data-v-59c81065]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-8b7be6f2] {
+.cn-record-list__sort-mark[data-v-59c81065] {
 	font-size: 10px;
 }
-.cn-record-list__head[data-v-8b7be6f2] {
+.cn-record-list__head[data-v-59c81065] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 }
-.cn-record-list__head-filter[data-v-8b7be6f2] {
+.cn-record-list__head-filter[data-v-59c81065] {
 	--button-size: 22px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-8b7be6f2] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-59c81065] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-8b7be6f2] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-59c81065] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-8b7be6f2] {
+.cn-record-list__intro[data-v-59c81065] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-8b7be6f2] {
+.cn-record-list__footnote[data-v-59c81065] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-8b7be6f2] {
+.cn-record-list__due--soon[data-v-59c81065] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-8b7be6f2] {
+.cn-record-list__due--empty[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-8b7be6f2] {
+.cn-record-list__row--action[data-v-59c81065] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-8b7be6f2] {
+.cn-record-list__row--action .cn-record-list__main[data-v-59c81065] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-8b7be6f2] {
+.cn-record-list__title--link[data-v-59c81065] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-8b7be6f2] {
+.cn-record-list__pills[data-v-59c81065] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-8b7be6f2] {
+.cn-record-list__due--below[data-v-59c81065] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-8b7be6f2] {
+.cn-record-list__footer-link[data-v-59c81065] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-8b7be6f2] {
+.cn-record-list__due--column[data-v-59c81065] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-8b7be6f2] {
+.cn-record-list__action[data-v-59c81065] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -42509,14 +42829,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-weight: 600;
 	height: 34px;
 	justify-content: center;
+	margin: 0;
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-8b7be6f2]:hover,
-.cn-record-list__action[data-v-8b7be6f2]:focus-visible {
+.cn-record-list__action[data-v-59c81065]:hover,
+.cn-record-list__action[data-v-59c81065]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-8b7be6f2] {
+.cn-record-list__chevron[data-v-59c81065] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -42524,15 +42845,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-8b7be6f2] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-59c81065] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-8b7be6f2] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-59c81065] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -42541,19 +42862,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-8b7be6f2] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-59c81065] {
 	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-8b7be6f2] {
+.cn-record-list--cards .cn-record-list__list[data-v-59c81065] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-8b7be6f2] {
+.cn-record-list__card[data-v-59c81065] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -42569,63 +42890,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-8b7be6f2] {
+.cn-record-list--compact .cn-record-list__card[data-v-59c81065] {
 	gap: 6px;
 	padding: 12px 14px;
 }
-.cn-record-list--compact .cn-record-list__card-head[data-v-8b7be6f2] {
+.cn-record-list--compact .cn-record-list__card-head[data-v-59c81065] {
 	align-items: flex-start;
 }
-.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-8b7be6f2] {
+.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-59c81065] {
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-record-list__card--link[data-v-8b7be6f2]:hover,
-.cn-record-list__card--link[data-v-8b7be6f2]:focus-visible {
+.cn-record-list__card--link[data-v-59c81065]:hover,
+.cn-record-list__card--link[data-v-59c81065]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-8b7be6f2],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-8b7be6f2] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-59c81065],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-59c81065] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-8b7be6f2] {
+.cn-record-list__card-head[data-v-59c81065] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-8b7be6f2] {
+.cn-record-list__card-title[data-v-59c81065] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-8b7be6f2] {
+.cn-record-list__card-icon[data-v-59c81065] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-8b7be6f2] {
+.cn-record-list__card-pills[data-v-59c81065] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-8b7be6f2] {
+.cn-record-list__card-value[data-v-59c81065] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-8b7be6f2] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-8b7be6f2] {
+.cn-record-list__feed-row[data-v-59c81065] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-8b7be6f2] {
+.cn-record-list__feed-icon[data-v-59c81065] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -42636,25 +42957,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-8b7be6f2] {
+.cn-record-list__text[data-v-59c81065] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-8b7be6f2] {
+.cn-record-list--feed .cn-record-list__main[data-v-59c81065] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-8b7be6f2] {
+.cn-record-list__inline-row[data-v-59c81065] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-8b7be6f2] {
+.cn-record-list__label[data-v-59c81065] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-8b7be6f2] {
+.cn-record-list__inline-title[data-v-59c81065] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-8b7be6f2] {
+a.cn-record-list__inline-title[data-v-59c81065] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -57718,31 +58039,31 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	color: var(--color-text-maxcontrast);
 }
 
-.cn-notification-matrix__table[data-v-93dc585a] {
+.cn-notification-matrix__table[data-v-22022a49] {
   inline-size: 100%;
   border-collapse: collapse;
 }
 
-.cn-notification-matrix__caption[data-v-93dc585a] {
+.cn-notification-matrix__caption[data-v-22022a49] {
   text-align: start;
   padding-block-end: 8px;
 }
 
-.cn-notification-matrix__table th[data-v-93dc585a],
-.cn-notification-matrix__table td[data-v-93dc585a] {
+.cn-notification-matrix__table th[data-v-22022a49],
+.cn-notification-matrix__table td[data-v-22022a49] {
   text-align: start;
   padding: 6px 8px;
   border-block-end: 1px solid var(--color-border);
   vertical-align: top;
 }
 
-.cn-notification-matrix__muted[data-v-93dc585a] {
+.cn-notification-matrix__muted[data-v-22022a49] {
   display: block;
   color: var(--color-text-maxcontrast);
   font-size: 0.85rem;
 }
 
-.cn-notification-matrix__group[data-v-93dc585a] {
+.cn-notification-matrix__group[data-v-22022a49] {
   background: none;
   border: none;
   font-weight: bold;
@@ -57751,21 +58072,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   color: var(--color-main-text);
 }
 
-.cn-notification-matrix__scope[data-v-93dc585a] {
+.cn-notification-matrix__scope[data-v-22022a49] {
   padding-inline-start: 24px !important;
   font-weight: normal;
 }
 
-.cn-notification-matrix__row--scoped th[data-v-93dc585a],
-.cn-notification-matrix__row--scoped td[data-v-93dc585a] {
+.cn-notification-matrix__row--scoped th[data-v-22022a49],
+.cn-notification-matrix__row--scoped td[data-v-22022a49] {
   border-block-end-style: dotted;
 }
 
-.cn-notification-matrix__test[data-v-93dc585a] {
+.cn-notification-matrix__test[data-v-22022a49] {
   margin-block-start: 4px;
 }
 
-.cn-notification-matrix__note[data-v-93dc585a] {
+.cn-notification-matrix__note[data-v-22022a49] {
   color: var(--color-text-maxcontrast);
 }
 
@@ -57773,11 +58094,11 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
    headers over a hairline, the channel columns 96px with a centred 20px
    checkbox, the event rows 10px high with the soft rule. The caption stays for
    assistive technology. */
-.cn-notification-matrix--board[data-v-93dc585a] {
+.cn-notification-matrix--board[data-v-22022a49] {
   /* A theme that colours every th (thematiq's table header token) leaves
      the board grid's head white. */
 }
-.cn-notification-matrix--board .cn-notification-matrix__caption[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__caption[data-v-22022a49] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -57785,11 +58106,11 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   clip-path: inset(50%);
   white-space: nowrap;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table[data-v-22022a49] {
   --nldesign-component-table-header-background-color: transparent;
   font-size: 14px;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-22022a49] {
   padding: 8px 10px 8px 0;
   line-height: 1.2;
   border-block-end: 1px solid var(--color-border);
@@ -57798,24 +58119,24 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   font-weight: 600;
   vertical-align: bottom;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-22022a49] {
   inline-size: 96px;
   padding-inline: 4px;
   text-align: center;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-93dc585a],
-.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-22022a49],
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-22022a49] {
   padding: 10px 10px 10px 0;
   border-block-end: 1px solid var(--color-background-dark);
   font-weight: 400;
   line-height: 1.4;
   vertical-align: middle;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-22022a49] {
   padding-inline: 4px;
   text-align: center;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-22022a49] {
   inline-size: 20px;
   min-inline-size: 20px;
   block-size: 20px;
@@ -57825,21 +58146,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   display: block;
   margin: 1px auto 0;
 }
-.cn-notification-matrix--board .cn-notification-matrix__group[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__group[data-v-22022a49] {
   padding: 4px 0;
   font-size: 13px;
   font-weight: 600;
   color: var(--color-text-maxcontrast);
 }
-.cn-notification-matrix--board .cn-notification-matrix__channels[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__channels[data-v-22022a49] {
   margin-block-start: 16px;
 }
-.cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-22022a49] {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
 }
-.cn-notification-matrix--board .cn-notification-matrix__channel[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__channel[data-v-22022a49] {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
@@ -57847,7 +58168,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   padding-block: 10px;
   border-block-end: 1px solid var(--color-background-dark);
 }
-.cn-notification-matrix--board .cn-notification-matrix__channel-name[data-v-93dc585a] {
+.cn-notification-matrix--board .cn-notification-matrix__channel-name[data-v-22022a49] {
   flex: 1 0 100%;
   margin: 0;
   font-size: 14px;