@conduction/nextcloud-vue 2.137.0 → 2.139.0

package/dist/esm/nextcloud-vue.css

@@ -388,6 +388,20 @@
 	border: 0;
 }
 
+/* A dashboard banner's kicker is a 13px bold line in sentence case, no
+   tracking (DqMijnWerk "Vandaag eerst", BqMijnGoedkeuringen "First, today");
+   the plain look keeps its spaced capitals. The kicker is a paragraph, so its
+   size and weight also go to the theme's paragraph tokens.
+   @spec openspec/changes/board-banner-kicker-case/specs/board-banner-kicker-case/spec.md#requirement-a-board-dashboard-banners-kicker-is-in-sentence-case */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-font-weight: 700;
+	font-size: 13px;
+	font-weight: 700;
+	letter-spacing: 0;
+	text-transform: none;
+}
+
 /* ---- A workspace filter form (CnWorkspaceFilterWidget) ----------------- */
 /* The boards draw the form's field and its load button 40px tall, the button
    16px in at both sides (DqTermijnen "Jaar" with "Rapport laden"); the form
@@ -714,6 +728,13 @@
 	--button-size: 34px;
 }
 
+/* Two buttons in a card's title row stand 8px apart (DqZaakContact "Live
+   gesprek", DqZaakEmail "Mail koppelen" / "Mail opstellen").
+   @spec openspec/changes/board-card-header-actions-gap/specs/board-card-header-actions-gap/spec.md#requirement-a-board-cards-title-row-buttons-stand-8px-apart */
+.cn-look-board .cn-widget-wrapper__actions:not(.cn-look-nextcloud *) {
+	gap: 8px;
+}
+
 /* A detail page marked `cardButtons: "regular"` draws them at the 40px
    control height: the case page's tab cards (DqZaakContact "Live gesprek",
    DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
@@ -2402,6 +2423,32 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	font-weight: 600;
 }
 
+/* A row whose one action is outlined (`rowAction.variant: "outlined"`,
+   DqMijnTeam "Oppakken"): its title link reads as the row's title in the main
+   ink (the theme's link rule reads --nldesign-color-on-surface), and the
+   action is an outlined button sized to its label. Without the variant the
+   action keeps its 150px pill (DcMijnActies).
+   @spec openspec/changes/board-row-action-outlined/specs/board-row-action-outlined/spec.md#requirement-a-dashboard-rows-action-is-an-outlined-button */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__row--action:has(.cn-record-list__action--outlined) .cn-record-list__title--link {
+	--nldesign-color-on-surface: var(--color-main-text);
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined {
+	--nldesign-color-on-surface: var(--color-main-text);
+	flex: none;
+	padding: 0 12px;
+	border: 1px solid var(--cn-board-control-border);
+	border-radius: 8px;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:hover,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:focus-visible {
+	background: var(--color-background-hover);
+}
+
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__meta {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
@@ -3322,6 +3369,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	gap: 10px;
 }
 
+/* A choice card with a checkbox (CnAssignDialog's toggles) is as tight as
+   the board draws it (DqOverdragen, 76px for a label and a two-line note):
+   10px 14px padding, the checkbox row at the 24px minimum target instead of
+   NcCheckboxRadioSwitch's 34px, the note at 1.2 line height. */
+.cn-dialog-board .cn-assign-dialog__toggle {
+	padding: 10px 14px;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch-checkbox .checkbox-content,
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch__input {
+	min-height: 24px;
+	padding-block: 0;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle-note {
+	line-height: 1.2;
+}
+
 /* Body: padding 20px 24px, 18px between blocks. */
 .cn-dialog-board .dialog__content {
 	display: flex;
@@ -3330,6 +3395,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	padding: 22px 24px 20px;
 }
 
+/* NcDialog's scoped `.dialog__content[data-v-…]` sets padding-inline-end
+   12px with the same specificity as the rule above, so wherever its chunk
+   loads later (an admin page's setup wizard) the body ran 12px wider than
+   the board (DqInstellen 684 for 672). This one outranks it. */
+.cn-dialog-board .dialog .dialog__content {
+	padding-inline-end: 24px;
+}
+
 .cn-dialog-board .dialog__content > .cn-dialog-header {
 	margin-bottom: -2px;
 }
@@ -4286,6 +4359,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin-inline-start: 0;
 }
 
+/* With the side panel open the buttons take the row under the title, the
+   breadcrumb and the count line follow (DqZakenSorteren).
+   @spec openspec/changes/board-header-buttons-under-title-beside-side-panel/specs/board-header-buttons-under-title-beside-side-panel/spec.md#requirement-the-header-buttons-sit-under-the-title-while-the-side-panel-is-open */
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons {
+	grid-column: 1 / -1;
+	grid-row: 2;
+	justify-self: start;
+	margin-block: 6px 3px;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-header-trail,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-header-trail {
+	grid-row: 3;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description {
+	grid-row: 4;
+}
+
 /* The header buttons keep the board's button under a theme that styles every
    secondary or primary button with `!important` (the nldesign theme: a
    primary border, 8px 16px padding): Download and the Actions menu are 40px,
@@ -9251,6 +9345,11 @@ a.cn-kpi-card--board * {
 	font-size: 14px;
 }
 
+.cn-index-page__map-missing-note {
+	color: var(--color-main-text);
+	line-height: 1.45;
+}
+
 /* The selected folder's heading above the list. */
 /* A sort option whose endpoint failed: the note above the fallen-back list. */
 .cn-index-page__sort-source-note {
@@ -11302,9 +11401,16 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta:not(.cn-look-nextcloud *),
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta time:not(.cn-look-nextcloud *) {
 	color: var(--cn-board-text-soft);
+	font-size: 13px;
 	line-height: normal;
 }
 
+/* 6px between the meta line and the text.
+   @spec openspec/changes/board-conversation-bubble-meta-gap/specs/board-conversation-bubble-meta-gap/spec.md#requirement-a-board-message-sets-its-meta-line-at-13px-6px-above-the-text */
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
+	gap: 6px;
+}
+
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__message--us .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
 	color: var(--color-main-text);
 }
@@ -11993,6 +12099,23 @@ li[data-cn-admin-tag] > .action-link::after {
 	line-height: normal;
 }
 
+/* Head and body text at line height 1.2, as the board draws the table. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(th, td) {
+	line-height: 1.2;
+}
+
+/* A long task name wraps under itself, as the board draws it, rather than
+   widening the table past the card. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(.cn-tasks-widget__name, .cn-tasks-widget__meta) {
+	white-space: normal;
+}
+
+/* A row's button and its task menu stand on one line. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table .cn-tasks-widget__cell-actions > * {
+	display: inline-flex;
+	vertical-align: middle;
+}
+
 /* ---- An object list table edge to edge (`content.tableBleed`) ------------ */
 /* The case-tab boards draw a list's table edge to edge in its card
    (DqZaakContact "Contactmomenten op deze zaak", DqZaakGerelateerd): it runs
@@ -12280,6 +12403,18 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 14px;
 	line-height: 1.2;
 }
+
+/* The contacts tab inside a detail card (DqZaakBetrokkenen "Partijen") takes
+   the card's padding instead of its own, and its buttons start at the card's
+   edge under the subtitle.
+   @spec openspec/changes/board-contacts-in-card/specs/contacts/spec.md */
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab {
+	padding: 0;
+}
+
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab .cn-contacts-tab__header {
+	justify-content: flex-start;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -15104,7 +15239,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-8e52ae5c] {
+.cn-chart-widget[data-v-56aabaf0] {
 	width: 100%;
 	/* A chart FITS its container — it is never a scroll region. apexcharts
 	   sizes its SVG from the element it is mounted in, but it also enforces
@@ -15126,13 +15261,13 @@ li[data-cn-admin-tag] > .action-link::after {
    takes what is left, so the chart is sized by the box rather than sizing it.
    `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
    the thing that produces the overflow it was meant to prevent. */
-.cn-chart-widget--fit[data-v-8e52ae5c] {
+.cn-chart-widget--fit[data-v-56aabaf0] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-8e52ae5c] {
+.cn-chart-widget__canvas[data-v-56aabaf0] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -15145,14 +15280,14 @@ li[data-cn-admin-tag] > .action-link::after {
 /* apexcharts writes an inline `width` onto its own wrapper from its measured
    minimum, which beats the container when the container is narrower. Cap the
    painted box so the inline width cannot push past the widget's border. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
 	max-width: 100%;
 }
 
 /* The SVG is a block: as an inline box it sits on a line and adds the line's
    descender space under the chart. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -15160,24 +15295,24 @@ li[data-cn-admin-tag] > .action-link::after {
    would grow to its content, i.e. to the chart, and the percentage height would
    resolve against a box the chart itself defined. `overflow: hidden` keeps a
    sub-pixel rounding difference from reintroducing a scrollbar. */
-.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-8e52ae5c] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-56aabaf0] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-8e52ae5c] {
+.cn-chart-widget__fallback[data-v-56aabaf0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-8e52ae5c] {
+.cn-chart-widget__html[data-v-56aabaf0] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-8e52ae5c] {
+.cn-chart-widget__bar-list[data-v-56aabaf0] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -15185,7 +15320,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line[data-v-56aabaf0] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -15200,80 +15335,85 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line--drill[data-v-56aabaf0] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-8e52ae5c],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-56aabaf0],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-56aabaf0] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-8e52ae5c] {
+.cn-chart-widget__bar-label[data-v-56aabaf0] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-8e52ae5c] {
+.cn-chart-widget__bar-track[data-v-56aabaf0] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-8e52ae5c] {
+.cn-chart-widget__bar-fill[data-v-56aabaf0] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-8e52ae5c] {
+.cn-chart-widget__bar-value[data-v-56aabaf0] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-8e52ae5c] {
+.cn-chart-widget__footnote[data-v-56aabaf0] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
 
 /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
    its own line height while the canvas takes the rest of a fitted column. */
-.cn-chart-widget > .cn-chart-widget__footnote[data-v-8e52ae5c] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-56aabaf0] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-8e52ae5c] {
+.cn-chart-widget__matrix[data-v-56aabaf0] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-row[data-v-56aabaf0] {
 	display: contents;
 }
-.cn-chart-widget__matrix-head[data-v-8e52ae5c] {
+
+/* A column takes its share of the width (minmax(0, 1fr)), so a long phase
+   name breaks inside its own column instead of running into the next. */
+.cn-chart-widget__matrix-head[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
+	hyphens: auto;
+	overflow-wrap: anywhere;
 }
-.cn-chart-widget__matrix-label[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-label[data-v-56aabaf0] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell[data-v-56aabaf0] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--success[data-v-56aabaf0] {
 	background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--warning[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--warning[data-v-56aabaf0] {
 	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--error[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--error[data-v-56aabaf0] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--danger[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--danger[data-v-56aabaf0] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--current[data-v-56aabaf0] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -15285,26 +15425,26 @@ li[data-cn-admin-tag] > .action-link::after {
    primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
    ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
    dark ink stays at 4.5:1 in Nextcloud's dark theme. */
-.cn-chart-widget__matrix-cell--1[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--1[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light-text);
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--2[data-v-56aabaf0] {
 	background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--3[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-main-text);
 	background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--4[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light);
 	background: var(--color-primary-element-light-text);
 	color: var(--color-primary-element-light);
 }
-.cn-chart-widget__empty[data-v-8e52ae5c] {
+.cn-chart-widget__empty[data-v-56aabaf0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -15319,25 +15459,25 @@ li[data-cn-admin-tag] > .action-link::after {
    content-sized case; in fit mode they take the leftover space and centre in it
    instead, since the floor would overflow a short tile. Declared after the base
    rules so the cascade order matches specificity (no-descending-specificity). */
-.cn-chart-widget--fit .cn-chart-widget__empty[data-v-8e52ae5c],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-8e52ae5c] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-56aabaf0],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-56aabaf0] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-8e52ae5c] {
+.cn-chart-widget__error[data-v-56aabaf0] {
 	font-size: 14px;
 	margin: 0;
 }
 
 /* In-widget view switcher pills (views[] prop) — compact segmented row,
    mirroring the dashboard date-range pill styling. */
-.cn-chart-widget__views[data-v-8e52ae5c] {
+.cn-chart-widget__views[data-v-56aabaf0] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-8e52ae5c] {
+.cn-chart-widget__view-pill[data-v-56aabaf0] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -15346,7 +15486,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-8e52ae5c] {
+.cn-chart-widget__view-pill--active[data-v-56aabaf0] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -15375,8 +15515,8 @@ li[data-cn-admin-tag] > .action-link::after {
    each override below therefore carries one more class than the apexcharts rule
    it replaces, and holds even without the scope attribute this block compiles
    with. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15385,8 +15525,8 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* The title row is the date/category header ("Aug 26"). Its own background is
    what made it unreadable rather than merely off-theme. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
 	background: var(--color-background-hover);
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15395,8 +15535,8 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
    here and only overrides them for its dark theme, so the base rule has to be
    replaced too — not just the theme variants. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15405,55 +15545,55 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Their pointer arrows are two stacked triangles: `::before` paints the border
    edge, `::after` the fill. Both need the tokens the box above uses, or the
    arrow keeps the old palette and reads as a stray light wedge. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::before {
 	border-left-color: var(--color-border);
 	border-right-color: var(--color-border);
 }
 
 /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
    hardcoded `#fff` panel under inherited near-white text. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-menu {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-menu .apexcharts-menu-item:hover {
 	background: var(--color-background-hover);
 }
 
 /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
    vanishes against a dark background. One selector per icon class, matching
    apexcharts' own list, to clear its (0,3,1) hover rules. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -17331,64 +17471,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__actions[data-v-178f1a90] {
+.cn-cell-renderer__actions[data-v-5e132788] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-cell-renderer__icon-label[data-v-178f1a90] {
+.cn-cell-renderer__icon-label[data-v-5e132788] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-178f1a90] {
+.cn-cell-renderer__switch[data-v-5e132788] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-178f1a90] {
+.cn-cell-renderer__mono[data-v-5e132788] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-178f1a90] {
+.cn-cell-renderer--uuid[data-v-5e132788] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-178f1a90] {
+.cn-cell-renderer--number[data-v-5e132788] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-178f1a90] {
+.cn-cell-renderer--date[data-v-5e132788] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-state[data-v-178f1a90] {
+.cn-cell-renderer__date-state[data-v-5e132788] {
 	margin-inline-start: 8px;
 	color: var(--color-success-text, var(--color-main-text));
 }
-.cn-cell-renderer__date-state--past[data-v-178f1a90] {
+.cn-cell-renderer__date-state--past[data-v-5e132788] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__dash[data-v-178f1a90] {
+.cn-cell-renderer__dash[data-v-5e132788] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-178f1a90] {
+.cn-cell-renderer__avatar[data-v-5e132788] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-178f1a90] {
+.cn-cell-renderer__avatar-picture[data-v-5e132788] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-178f1a90] {
+.cn-cell-renderer__date-block[data-v-5e132788] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-178f1a90] {
+.cn-cell-renderer__date-tile[data-v-5e132788] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -17398,26 +17538,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-178f1a90] {
+.cn-cell-renderer__date-day[data-v-5e132788] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-178f1a90],
-.cn-cell-renderer__date-time[data-v-178f1a90] {
+.cn-cell-renderer__date-month[data-v-5e132788],
+.cn-cell-renderer__date-time[data-v-5e132788] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-178f1a90] {
+.cn-cell-renderer__date-month[data-v-5e132788] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-178f1a90] {
+.cn-cell-renderer__date-lines[data-v-5e132788] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-178f1a90] {
+.cn-cell-renderer__date-weekday[data-v-5e132788] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-178f1a90] {
+.cn-cell-renderer__avatar-initials[data-v-5e132788] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -17429,12 +17569,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-178f1a90] {
+.cn-cell-renderer__avatar-text[data-v-5e132788] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-178f1a90] {
+.cn-cell-renderer__avatar-name[data-v-5e132788] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -17444,7 +17584,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-178f1a90] {
+.cn-cell-renderer__avatar-secondary[data-v-5e132788] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -17458,34 +17598,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* A date that matched a rule is also set in a heavier weight, so the signal
    does not rest on colour alone. */
-.cn-cell-renderer__date--success[data-v-178f1a90],
-.cn-cell-renderer__date--warning[data-v-178f1a90],
-.cn-cell-renderer__date--error[data-v-178f1a90],
-.cn-cell-renderer__age--success[data-v-178f1a90],
-.cn-cell-renderer__age--warning[data-v-178f1a90],
-.cn-cell-renderer__age--error[data-v-178f1a90] {
+.cn-cell-renderer__date--success[data-v-5e132788],
+.cn-cell-renderer__date--warning[data-v-5e132788],
+.cn-cell-renderer__date--error[data-v-5e132788],
+.cn-cell-renderer__age--success[data-v-5e132788],
+.cn-cell-renderer__age--warning[data-v-5e132788],
+.cn-cell-renderer__age--error[data-v-5e132788] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-178f1a90] {
+.cn-cell-renderer__age[data-v-5e132788] {
 	white-space: nowrap;
 }
 
 /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
    8px beside it in the bar's tone, and an optional age badge after them, as
    PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
-.cn-cell-renderer__progress[data-v-178f1a90] {
+.cn-cell-renderer__progress[data-v-5e132788] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-178f1a90] {
+.cn-cell-renderer__progress-line[data-v-5e132788] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-178f1a90] {
+.cn-cell-renderer__progress-bar[data-v-5e132788] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -17493,33 +17633,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-178f1a90] {
+.cn-cell-renderer__progress-fill[data-v-5e132788] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-178f1a90] {
+.cn-cell-renderer__progress-fill--success[data-v-5e132788] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-178f1a90] {
+.cn-cell-renderer__progress-fill--warning[data-v-5e132788] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-178f1a90] {
+.cn-cell-renderer__progress-fill--error[data-v-5e132788] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-178f1a90] {
+.cn-cell-renderer__progress-value[data-v-5e132788] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-178f1a90] {
+.cn-cell-renderer__progress-value--success[data-v-5e132788] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-178f1a90] {
+.cn-cell-renderer__progress-value--warning[data-v-5e132788] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-178f1a90] {
+.cn-cell-renderer__progress-value--error[data-v-5e132788] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-178f1a90] {
+.cn-cell-renderer__progress-badge[data-v-5e132788] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -17527,86 +17667,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-178f1a90] {
+.cn-cell-renderer__progress-badge--error[data-v-5e132788] {
 	color: var(--color-text-error, var(--color-error-text));
 	background: var(--color-error-hover, var(--color-background-dark));
 	background: color-mix(in srgb, var(--color-error) 12%, transparent);
 }
-.cn-cell-renderer__progress-badge--warning[data-v-178f1a90] {
+.cn-cell-renderer__progress-badge--warning[data-v-5e132788] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	background: color-mix(in srgb, var(--color-warning) 14%, transparent);
 }
-.cn-cell-renderer__progress-badge--success[data-v-178f1a90] {
+.cn-cell-renderer__progress-badge--success[data-v-5e132788] {
 	color: var(--color-text-success, var(--color-success-text));
 	background: color-mix(in srgb, var(--color-success) 12%, transparent);
 }
-.cn-cell-renderer__age--success[data-v-178f1a90] {
+.cn-cell-renderer__age--success[data-v-5e132788] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-178f1a90] {
+.cn-cell-renderer__age--warning[data-v-5e132788] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-178f1a90] {
+.cn-cell-renderer__age--error[data-v-5e132788] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-178f1a90] {
+.cn-cell-renderer__due--empty[data-v-5e132788] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* A withheld value: the lock and the word in the muted text colour. */
-.cn-cell-renderer__withheld[data-v-178f1a90] {
+.cn-cell-renderer__withheld[data-v-5e132788] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__withheld-icon[data-v-178f1a90] {
+.cn-cell-renderer__withheld-icon[data-v-5e132788] {
 	flex: 0 0 auto;
 }
-.cn-cell-renderer__withheld-text[data-v-178f1a90] {
+.cn-cell-renderer__withheld-text[data-v-5e132788] {
 	font-style: italic;
 }
 
 /* A number cell: the flagged number reads in its variant's text colour, with
    the chip saying why (never colour alone). */
-.cn-cell-renderer__number[data-v-178f1a90] {
+.cn-cell-renderer__number[data-v-5e132788] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	white-space: nowrap;
 }
-.cn-cell-renderer__number--warning[data-v-178f1a90] {
+.cn-cell-renderer__number--warning[data-v-5e132788] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__number--error[data-v-178f1a90] {
+.cn-cell-renderer__number--error[data-v-5e132788] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__date--success[data-v-178f1a90] {
+.cn-cell-renderer__date--success[data-v-5e132788] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-178f1a90] {
+.cn-cell-renderer__date--warning[data-v-5e132788] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-178f1a90] {
+.cn-cell-renderer__date--error[data-v-5e132788] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__date--muted[data-v-178f1a90] {
+.cn-cell-renderer__date--muted[data-v-5e132788] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-178f1a90] {
+.cn-cell-renderer__icon--success[data-v-5e132788] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-178f1a90] {
+.cn-cell-renderer__swatch-wrap[data-v-5e132788] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-178f1a90] {
+.cn-cell-renderer__swatch-dot[data-v-5e132788] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -19149,20 +19289,20 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 
 /* Chromeless: the surface around it already draws the card and names it. */
-.cn-detail-card--chromeless[data-v-01384e36] {
+.cn-detail-card--chromeless[data-v-26edbe9e] {
 	background: none;
 	border: none;
 	border-radius: 0;
 	box-shadow: none;
 	padding: 0;
 }
-.cn-detail-card[data-v-01384e36] {
+.cn-detail-card[data-v-26edbe9e] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 12px);
 	overflow: hidden;
 }
-.cn-detail-card__header[data-v-01384e36] {
+.cn-detail-card__header[data-v-26edbe9e] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -19170,33 +19310,43 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-bottom: 1px solid var(--color-border);
 	flex-shrink: 0;
 }
-.cn-detail-card__header--clickable[data-v-01384e36] {
+.cn-detail-card__header--clickable[data-v-26edbe9e] {
 	cursor: pointer;
 	user-select: none;
 }
-.cn-detail-card__header--clickable[data-v-01384e36]:hover {
+.cn-detail-card__header--clickable[data-v-26edbe9e]:hover {
 	background: var(--color-background-hover);
 }
-.cn-detail-card--collapsed .cn-detail-card__header[data-v-01384e36] {
+.cn-detail-card--collapsed .cn-detail-card__header[data-v-26edbe9e] {
 	border-bottom: none;
 }
-.cn-detail-card__header-left[data-v-01384e36] {
+.cn-detail-card__header-left[data-v-26edbe9e] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-detail-card__header-right[data-v-01384e36] {
+.cn-detail-card__header-right[data-v-26edbe9e] {
 	display: flex;
 	align-items: center;
 	gap: 4px;
 	flex-shrink: 0;
 }
-.cn-detail-card__icon[data-v-01384e36] {
+.cn-detail-card__icon[data-v-26edbe9e] {
 	color: var(--color-primary-element);
 	flex-shrink: 0;
 }
-.cn-detail-card__title[data-v-01384e36] {
+.cn-detail-card__heading[data-v-26edbe9e] {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+}
+.cn-detail-card__subtitle[data-v-26edbe9e] {
+	font-size: 13px;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+}
+.cn-detail-card__title[data-v-26edbe9e] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -19204,7 +19354,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-detail-card__collapse-btn[data-v-01384e36] {
+.cn-detail-card__collapse-btn[data-v-26edbe9e] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -19215,20 +19365,20 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--color-text-maxcontrast);
 	border-radius: var(--border-radius);
 }
-.cn-detail-card__collapse-btn[data-v-01384e36]:hover {
+.cn-detail-card__collapse-btn[data-v-26edbe9e]:hover {
 	background: var(--color-background-dark);
 }
-.cn-detail-card__chevron--rotated[data-v-01384e36] {
+.cn-detail-card__chevron--rotated[data-v-26edbe9e] {
 	transform: rotate(-90deg);
 	transition: transform 0.2s ease;
 }
-.cn-detail-card__content[data-v-01384e36] {
+.cn-detail-card__content[data-v-26edbe9e] {
 	padding: 16px;
 }
-.cn-detail-card__content--flush[data-v-01384e36] {
+.cn-detail-card__content--flush[data-v-26edbe9e] {
 	padding: 0;
 }
-.cn-detail-card__footer[data-v-01384e36] {
+.cn-detail-card__footer[data-v-26edbe9e] {
 	padding: 8px 16px;
 	border-top: 1px solid var(--color-border);
 }
@@ -22956,7 +23106,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-541e44c4] {
+.cn-files-browser[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -22964,22 +23114,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-541e44c4] {
+.cn-files-browser--dragging[data-v-ad907164] {
 	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-541e44c4] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ad907164] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-541e44c4] {
+.cn-files-browser__drop-detail[data-v-ad907164] {
 	max-width: 520px;
 	font-size: 14px;
 	color: var(--color-main-text);
 }
-.cn-files-browser__drop-overlay[data-v-541e44c4] {
+.cn-files-browser__drop-overlay[data-v-ad907164] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -22997,7 +23147,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-541e44c4] {
+.cn-files-browser__drop-icon[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23007,11 +23157,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-541e44c4] {
+.cn-files-browser__drop-label[data-v-ad907164] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-541e44c4] {
+.cn-files-browser__drop-hint[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -23021,14 +23171,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-541e44c4] {
+.cn-files-browser__bar[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-541e44c4] {
+.cn-files-browser__crumbs[data-v-ad907164] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -23036,13 +23186,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-541e44c4] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-ad907164] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-541e44c4] {
+.cn-files-browser__file-input[data-v-ad907164] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-541e44c4] {
+.cn-files-browser__uploads[data-v-ad907164] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -23050,35 +23200,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-541e44c4] {
+.cn-files-browser__upload[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-541e44c4] {
+.cn-files-browser__upload-name[data-v-ad907164] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-541e44c4] {
+.cn-files-browser__upload-error[data-v-ad907164] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-541e44c4] {
+.cn-files-browser__loading[data-v-ad907164] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-541e44c4] {
+.cn-files-browser__body--with-side[data-v-ad907164] {
 	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-541e44c4] {
+.cn-files-browser__body--with-side[data-v-ad907164] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-541e44c4] {
+.cn-files-browser__side[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -23086,14 +23236,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-541e44c4] {
+.cn-files-browser__side--in-page[data-v-ad907164] {
 	gap: calc(5 * var(--default-grid-baseline));
 }
-.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-541e44c4] {
+.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ad907164] {
 	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-541e44c4] {
+.cn-files-browser__side-card[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23102,27 +23252,38 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-541e44c4] {
+.cn-files-browser__side-title[data-v-ad907164] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-541e44c4] {
+.cn-files-browser__side-facts[data-v-ad907164] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
 	margin: 0;
 	font-size: 14px;
 }
-.cn-files-browser__side-facts dt[data-v-541e44c4] {
+
+/* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
+   @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
+.cn-files-browser__side-facts dt[data-v-ad907164],
+.cn-files-browser__side-facts dd[data-v-ad907164] {
+	display: block;
+	width: auto;
+	padding: 0;
+	text-align: start;
+	white-space: normal;
+}
+.cn-files-browser__side-facts dt[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-541e44c4] {
+.cn-files-browser__side-facts dd[data-v-ad907164] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-541e44c4] {
+.cn-files-browser__side-actions[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -23130,35 +23291,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-541e44c4] {
+.cn-files-browser__tone[data-v-ad907164] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-541e44c4] {
+.cn-files-browser__tone--success[data-v-ad907164] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-541e44c4] {
+.cn-files-browser__tone--warning[data-v-ad907164] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-541e44c4] {
+.cn-files-browser__tone--error[data-v-ad907164] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-541e44c4],
-.cn-files-browser__tone--info[data-v-541e44c4] {
+.cn-files-browser__tone--primary[data-v-ad907164],
+.cn-files-browser__tone--info[data-v-ad907164] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-541e44c4] {
+.cn-files-browser__table[data-v-ad907164] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-541e44c4] {
+.cn-files-browser__table th[data-v-ad907164] {
 	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-541e44c4] {
+.cn-files-browser__sort[data-v-ad907164] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -23169,46 +23330,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-541e44c4]:hover,
-.cn-files-browser__sort[data-v-541e44c4]:focus-visible {
+.cn-files-browser__sort[data-v-ad907164]:hover,
+.cn-files-browser__sort[data-v-ad907164]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-541e44c4] {
+.cn-files-browser__row[data-v-ad907164] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-541e44c4]:hover,
-.cn-files-browser__row[data-v-541e44c4]:focus-within {
+.cn-files-browser__row[data-v-ad907164]:hover,
+.cn-files-browser__row[data-v-ad907164]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-541e44c4] {
+.cn-files-browser__table td[data-v-ad907164] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-541e44c4] {
+.cn-files-browser__col-icon[data-v-ad907164] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-541e44c4] {
+.cn-files-browser__col-size[data-v-ad907164] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-541e44c4] {
+.cn-files-browser__col-mtime[data-v-ad907164] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-541e44c4] {
+.cn-files-browser__col-select[data-v-ad907164] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-541e44c4] {
+.cn-files-browser__select[data-v-ad907164] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-541e44c4] {
+.cn-files-browser__bulk-bar[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -23217,11 +23378,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-541e44c4] {
+.cn-files-browser__bulk-count[data-v-ad907164] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-541e44c4] {
+.cn-files-browser__review[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23230,28 +23391,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-541e44c4] {
+.cn-files-browser__review-head[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-541e44c4] {
+.cn-files-browser__review-title[data-v-ad907164] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-541e44c4] {
+.cn-files-browser__review-sub[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-541e44c4] {
+.cn-files-browser__review-bar[data-v-ad907164] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-541e44c4] {
+.cn-files-browser__review-legend[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -23260,48 +23421,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-541e44c4] {
+.cn-files-browser__review-legend li[data-v-ad907164] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-541e44c4] {
+.cn-files-browser__review-dot[data-v-ad907164] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-541e44c4] {
+.cn-files-browser__review-part--success[data-v-ad907164] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-541e44c4] {
+.cn-files-browser__review-part--warning[data-v-ad907164] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-541e44c4] {
+.cn-files-browser__review-part--error[data-v-ad907164] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-541e44c4] {
+.cn-files-browser__review-part--info[data-v-ad907164] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-541e44c4] {
+.cn-files-browser__review-part--default[data-v-ad907164] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-541e44c4] {
+.cn-files-browser__row-button[data-v-ad907164] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-541e44c4] {
+.cn-files-browser__facets[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-541e44c4] {
+.cn-files-browser__facet[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-541e44c4] {
+.cn-files-browser__facet-chip[data-v-ad907164] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23313,41 +23474,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-541e44c4] {
+.cn-files-browser__facet-chip--active[data-v-ad907164] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-541e44c4] {
+.cn-files-browser__group-heading[data-v-ad907164] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-541e44c4] {
+.cn-files-browser__group-count[data-v-ad907164] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-541e44c4] {
+.cn-files-browser__no-match[data-v-ad907164] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-541e44c4] {
+.cn-files-browser__col-actions[data-v-ad907164] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-541e44c4]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-ad907164]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
-.cn-files-browser__col-name[data-v-541e44c4] {
+.cn-files-browser__col-name[data-v-ad907164] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-541e44c4] {
+.cn-files-browser__name[data-v-ad907164] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-541e44c4] {
+.cn-files-browser__name-secondary[data-v-ad907164] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -23355,41 +23516,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-541e44c4] {
+.cn-files-browser__footnote[data-v-ad907164] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-541e44c4] {
+.cn-files-browser__row--linked[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-541e44c4] {
+.cn-files-browser__note[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-541e44c4] {
+.cn-files-browser__note-link[data-v-ad907164] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-541e44c4] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-ad907164] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-541e44c4],
-.cn-files-browser__thumb[data-v-541e44c4] {
+.cn-files-browser__mime[data-v-ad907164],
+.cn-files-browser__thumb[data-v-ad907164] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-541e44c4] {
+.cn-files-browser__thumb[data-v-ad907164] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-541e44c4] {
+.cn-files-browser__new-folder[data-v-ad907164] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-541e44c4] {
+.hidden-visually[data-v-ad907164] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -23399,9 +23560,9 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-043f08e2] { padding: 12px;
+.cn-sidebar-tab[data-v-89d80864] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-043f08e2] {
+.cn-sidebar-tab__upload-error[data-v-89d80864] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -23409,7 +23570,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-043f08e2] {
+.cn-sidebar-tab__dropzone[data-v-89d80864] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -23422,46 +23583,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-043f08e2]:hover {
+.cn-sidebar-tab__dropzone[data-v-89d80864]:hover {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
 }
-.cn-sidebar-tab__dropzone--active[data-v-043f08e2] {
+.cn-sidebar-tab__dropzone--active[data-v-89d80864] {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
 }
-.cn-sidebar-tab__share[data-v-043f08e2] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-89d80864] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-043f08e2] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-043f08e2],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-043f08e2] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-89d80864],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-043f08e2] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-89d80864] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-043f08e2] { display: none;
+.cn-sidebar-tab__file-input[data-v-89d80864] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-043f08e2] {
+.cn-sidebar-tab__empty[data-v-89d80864] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-043f08e2] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-89d80864] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-043f08e2],
-.cn-sidebar-tab__thumb[data-v-043f08e2] {
+.cn-sidebar-tab__mime[data-v-89d80864],
+.cn-sidebar-tab__thumb[data-v-89d80864] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-043f08e2] {
+.cn-sidebar-tab__thumb[data-v-89d80864] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-043f08e2] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-89d80864] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-043f08e2] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-89d80864] { margin-top: 8px;
 }
 
 
@@ -27938,7 +28099,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* The row a following card describes (content.rowSelection). */
-.cn-object-list-widget[data-v-445e213c] .cn-object-list-widget__row--selected {
+.cn-object-list-widget[data-v-3a0165c8] .cn-object-list-widget__row--selected {
 	background: var(--color-primary-element-light, #eaf0f7);
 }
 
@@ -27949,7 +28110,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
    second scroll container here would produce a nested scrollbar, so this host
    stays plain. */
-.cn-object-list-widget[data-v-445e213c] {
+.cn-object-list-widget[data-v-3a0165c8] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -27961,10 +28122,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    relative` is set only in the dropping state so a widget without a drop zone
    keeps the containing block it had — an unconditional rule here would
    re-parent any absolutely-positioned descendant a host has placed. */
-.cn-object-list-widget--dropping[data-v-445e213c] {
+.cn-object-list-widget--dropping[data-v-3a0165c8] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-445e213c] {
+.cn-object-list-widget__drop-overlay[data-v-3a0165c8] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -27982,7 +28143,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   and the drop would land on nothing. */
 	pointer-events: none;
 }
-.cn-object-list-widget__table[data-v-445e213c] {
+.cn-object-list-widget__table[data-v-3a0165c8] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -27991,16 +28152,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
    all this rule still owns is letting it claim the cell's leftover height
    (ADR-062: it fits the cell, it never forces one). */
-.cn-object-list-widget__empty[data-v-445e213c] {
+.cn-object-list-widget__empty[data-v-3a0165c8] {
 	flex: 1 1 auto;
 	min-height: 0;
 }
 
 /* The pager sits flush at the bottom of the card, above "View all". */
-.cn-object-list-widget__pager[data-v-445e213c] {
+.cn-object-list-widget__pager[data-v-3a0165c8] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-445e213c] {
+.cn-object-list-widget__view-all[data-v-3a0165c8] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -28011,32 +28172,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-445e213c]:hover,
-.cn-object-list-widget__view-all[data-v-445e213c]:focus-visible {
+.cn-object-list-widget__view-all[data-v-3a0165c8]:hover,
+.cn-object-list-widget__view-all[data-v-3a0165c8]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-445e213c] {
+.cn-object-list-widget__more[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
-.cn-object-list-widget__links[data-v-445e213c] {
+.cn-object-list-widget__links[data-v-3a0165c8] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	margin: 12px 0 0;
 	font-size: 14px;
 }
-.cn-object-list-widget__link[data-v-445e213c] {
+.cn-object-list-widget__link[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__link-note[data-v-445e213c] {
+.cn-object-list-widget__link-note[data-v-3a0165c8] {
 	margin-inline-start: 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-list-widget__footnote[data-v-445e213c] {
+.cn-object-list-widget__footnote[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 8px 0 0;
@@ -28045,7 +28206,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* Footer Add — same pattern as the integration leaves' footer action
    ("Open in Calendar"): full-width, centered, divider-topped, pinned to
    the card bottom. */
-.cn-object-list-widget__add[data-v-445e213c] {
+.cn-object-list-widget__add[data-v-3a0165c8] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -28053,31 +28214,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-445e213c] {
+.cn-object-list-widget__error[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-445e213c] {
+.cn-object-list-widget__prompt[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-445e213c] {
+.cn-object-list-widget__facet[data-v-3a0165c8] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-445e213c] {
+.cn-object-list-widget__facet-label[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-445e213c] {
+.cn-object-list-widget__facet-chip[data-v-3a0165c8] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -28087,13 +28248,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 10px;
 }
-.cn-object-list-widget__facet-chip--active[data-v-445e213c] {
+.cn-object-list-widget__facet-chip--active[data-v-3a0165c8] {
 	background-color: var(--color-primary-element-light);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text, var(--color-main-text));
 }
-.cn-object-list-widget__facet-clear[data-v-445e213c],
-.cn-object-list-widget__bulk-clear[data-v-445e213c] {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8],
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -28102,11 +28263,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 4px;
 }
-.cn-object-list-widget__facet-clear[data-v-445e213c]:hover,
-.cn-object-list-widget__bulk-clear[data-v-445e213c]:hover {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8]:hover,
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-445e213c] {
+.cn-object-list-widget__bulk-bar[data-v-3a0165c8] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -28116,10 +28277,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 0 0 8px;
 	padding: 6px 10px;
 }
-.cn-object-list-widget__bulk-count[data-v-445e213c] {
+.cn-object-list-widget__bulk-count[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-445e213c] {
+.cn-object-list-widget__bulk-action[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28127,25 +28288,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-445e213c] {
+.cn-object-list-widget__bulk-action--destructive[data-v-3a0165c8] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-445e213c] {
+.cn-object-list-widget__groups[data-v-3a0165c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-445e213c] {
+.cn-object-list-widget__group-heading[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 	margin: 0 0 4px;
 	text-transform: uppercase;
 }
-.cn-object-list-widget__upload[data-v-445e213c] {
+.cn-object-list-widget__upload[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28154,7 +28315,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 8px 0 0;
 	padding: 6px 12px;
 }
-.cn-object-list-widget__upload-input[data-v-445e213c] {
+.cn-object-list-widget__upload-input[data-v-3a0165c8] {
 	display: none;
 }
 
@@ -33110,15 +33271,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 
 /* A leaf card in a narrow cell keeps its title and count: the title row
    wraps and the actions move under it instead of squeezing the title out. */
-.cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header {
+.cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header {
 	flex-wrap: wrap;
 }
-.cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header-left {
+.cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header-left {
 	flex: 1 0 auto;
 }
 
 /* The count beside a card title: the grey 20px badge of the tab strip. */
-.cn-detail-page__catalog-count[data-v-32a82d6a] {
+.cn-detail-page__catalog-count[data-v-10c797a6] {
 	background-color: var(--color-border);
 	border-radius: 10px;
 	box-sizing: border-box;
@@ -33131,19 +33292,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	padding: 0 6px;
 	text-align: center;
 }
-.cn-detail-page__catalog-note[data-v-32a82d6a] {
+.cn-detail-page__catalog-note[data-v-10c797a6] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-32a82d6a],
-.cn-detail-widget-host[data-v-32a82d6a] > * {
+.cn-detail-widget-host[data-v-10c797a6],
+.cn-detail-widget-host[data-v-10c797a6] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-32a82d6a] {
+.cn-detail-widget-host--bare[data-v-10c797a6] {
 	min-height: 0;
 }
 
@@ -38614,7 +38775,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-e3954500] {
+.cn-facts-widget[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -38624,7 +38785,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
    and bottom, which put a side card's facts 24px under its title, against
    the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
-.cn-facts-widget__rows[data-v-e3954500] {
+.cn-facts-widget__rows[data-v-4fd0d81c] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -38634,21 +38795,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-e3954500] {
+.cn-facts-widget__row[data-v-4fd0d81c] {
 	display: contents;
 }
 
-/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding), which
-   pushed the label to the right of its column and added 12px around both. The
-   class is doubled so these resets outrank that rule, and a dossiq-style
-   `:deep()` override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-e3954500] {
+/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding, a
+   130px-wide `dt`), which pushed the label to the right of its column, added
+   12px around both and widened the label column to 130px. The class is
+   doubled so these resets outrank that rule, and a dossiq-style `:deep()`
+   override in an app is not needed. */
+.cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
+	width: auto;
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-e3954500] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-4fd0d81c] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -38656,56 +38819,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-e3954500] {
+.cn-facts-widget__title[data-v-4fd0d81c] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-e3954500] {
+.cn-facts-widget__line[data-v-4fd0d81c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-e3954500] {
+.cn-facts-widget__meter[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-e3954500] {
+.cn-facts-widget__meter-head[data-v-4fd0d81c] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-e3954500] {
+.cn-facts-widget__meter-label[data-v-4fd0d81c] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-e3954500] {
+.cn-facts-widget__meter-value[data-v-4fd0d81c] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-e3954500] {
+.cn-facts-widget__meter-track[data-v-4fd0d81c] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-e3954500] {
+.cn-facts-widget__meter-bar[data-v-4fd0d81c] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e3954500] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-4fd0d81c] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e3954500] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-4fd0d81c] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-e3954500] {
+.cn-facts-widget__muted[data-v-4fd0d81c] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-e3954500] {
+.cn-facts-widget__label .hidden-visually[data-v-4fd0d81c] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -38713,23 +38876,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-e3954500] {
+.cn-facts-widget__label--icon[data-v-4fd0d81c] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-e3954500] {
+.cn-facts-widget__value-link[data-v-4fd0d81c] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-e3954500],
-.cn-facts-widget__icon-button[data-v-e3954500],
-.cn-facts-widget__action[data-v-e3954500] {
+.cn-facts-widget__inline-button[data-v-4fd0d81c],
+.cn-facts-widget__icon-button[data-v-4fd0d81c],
+.cn-facts-widget__action[data-v-4fd0d81c] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-e3954500] {
+.cn-facts-widget__inline-button[data-v-4fd0d81c] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -38741,7 +38904,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 30px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-e3954500] {
+.cn-facts-widget__icon-button[data-v-4fd0d81c] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -38750,23 +38913,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-e3954500]:hover,
-.cn-facts-widget__icon-button[data-v-e3954500]:focus-visible {
+.cn-facts-widget__icon-button[data-v-4fd0d81c]:hover,
+.cn-facts-widget__icon-button[data-v-4fd0d81c]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-e3954500] {
+.cn-facts-widget__text[data-v-4fd0d81c] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-e3954500] {
+.cn-facts-widget__lead[data-v-4fd0d81c] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-e3954500] {
+.cn-facts-widget__lead-tile[data-v-4fd0d81c] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -38781,32 +38944,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Initials stand for a person: round, as an avatar. */
-.cn-facts-widget__lead-tile--initials[data-v-e3954500] {
+.cn-facts-widget__lead-tile--initials[data-v-4fd0d81c] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-e3954500] {
+.cn-facts-widget__lead-tile--success[data-v-4fd0d81c] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-e3954500] {
+.cn-facts-widget__lead-tile--info[data-v-4fd0d81c] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-e3954500] {
+.cn-facts-widget__lead-text[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-e3954500] {
+.cn-facts-widget__lead-title[data-v-4fd0d81c] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-e3954500] {
+.cn-facts-widget__lead-subtitle[data-v-4fd0d81c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-e3954500] {
+.cn-facts-widget__action[data-v-4fd0d81c] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -38818,20 +38981,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-e3954500]:hover,
-.cn-facts-widget__action[data-v-e3954500]:focus-visible {
+.cn-facts-widget__action[data-v-4fd0d81c]:hover,
+.cn-facts-widget__action[data-v-4fd0d81c]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-e3954500] {
+.cn-facts-widget__notice[data-v-4fd0d81c] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-e3954500] {
+.cn-facts-widget__link[data-v-4fd0d81c] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__link--button[data-v-e3954500] {
+.cn-facts-widget__link--button[data-v-4fd0d81c] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38846,12 +39009,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 
 /* `columns: 2` (board DqContact): two columns, the label above the value, a
    hairline under each fact; one column on a phone. */
-.cn-facts-widget__rows--columns[data-v-e3954500] {
+.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 14px 24px;
 	font-size: 15px;
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e3954500] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -38859,11 +39022,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding-bottom: 10px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e3954500] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-e3954500] {
+.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -40401,20 +40564,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__checklist-bar[data-v-3c8e615c] {
+.cn-record-list__checklist-bar[data-v-38566d36] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-3c8e615c] {
+.cn-record-list__checklist-fill[data-v-38566d36] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-3c8e615c] {
+.cn-record-list__checklist[data-v-38566d36] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -40422,16 +40585,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-3c8e615c] {
+.cn-record-list__check[data-v-38566d36] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-3c8e615c] {
+.cn-record-list__check--done[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-3c8e615c] {
+.cn-record-list__check-mark[data-v-38566d36] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -40441,45 +40604,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-3c8e615c] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__checklist[data-v-38566d36] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-3c8e615c] {
+.cn-record-list__set-field-done[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__list[data-v-38566d36] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-3c8e615c] {
+.cn-record-list__group-heading[data-v-38566d36] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-3c8e615c] {
+.cn-record-list__group-head[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-38566d36] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
+.cn-record-list__action--tonal.button-vue[data-v-38566d36] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -40490,34 +40653,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-38566d36]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-3c8e615c] {
+.cn-record-list__footer[data-v-38566d36] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer--wide[data-v-3c8e615c] {
+.cn-record-list__footer--wide[data-v-38566d36] {
 	align-items: stretch;
 }
-.cn-record-list__footer-note[data-v-3c8e615c] {
+.cn-record-list__footer-note[data-v-38566d36] {
 	margin: 0 0 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__footer-reason[data-v-3c8e615c] {
+.cn-record-list__footer-reason[data-v-38566d36] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-3c8e615c],
-.cn-record-list__error[data-v-3c8e615c] {
+.cn-record-list__empty[data-v-38566d36],
+.cn-record-list__error[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-3c8e615c] {
+.cn-record-list__notice[data-v-38566d36] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -40526,41 +40689,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-3c8e615c] {
+.cn-record-list__notice--warning[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__notice--error[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__notice--footnote[data-v-38566d36] {
 	margin-top: 12px;
 }
-.cn-record-list__notice-icon[data-v-3c8e615c] {
+.cn-record-list__notice-icon[data-v-38566d36] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-3c8e615c] {
+.cn-record-list__notice-text[data-v-38566d36] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-3c8e615c] {
+.cn-record-list__loading[data-v-38566d36] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
-.cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-38566d36],
+.cn-record-list--rule-above .cn-record-list__item[data-v-38566d36]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-3c8e615c] {
+.cn-record-list__pill-start[data-v-38566d36] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-3c8e615c] {
+.cn-record-list__bar[data-v-38566d36] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -40568,15 +40731,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-3c8e615c] {
+.cn-record-list__bar-fill[data-v-38566d36] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-38566d36] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-3c8e615c] {
+.cn-record-list__row[data-v-38566d36] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -40584,22 +40747,22 @@ 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-3c8e615c],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-38566d36],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-38566d36] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-3c8e615c] {
+.cn-record-list__dot[data-v-38566d36] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-3c8e615c] {
+.cn-record-list__flag[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__avatar[data-v-3c8e615c] {
+.cn-record-list__avatar[data-v-38566d36] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -40612,82 +40775,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-3c8e615c] {
+.cn-record-list__main[data-v-38566d36] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-3c8e615c] {
+.cn-record-list__title[data-v-38566d36] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
+.cn-record-list--compact .cn-record-list__row[data-v-38566d36] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
+.cn-record-list--compact .cn-record-list__title[data-v-38566d36] {
 	font-weight: 500;
 }
-.cn-record-list__meta[data-v-3c8e615c] {
+.cn-record-list__meta[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-3c8e615c] {
+.cn-record-list__aside[data-v-38566d36] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-3c8e615c] {
+.cn-record-list__leading[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__trailing[data-v-38566d36] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-3c8e615c] {
+.cn-record-list__due[data-v-38566d36] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-3c8e615c] {
+.cn-record-list__due--danger[data-v-38566d36] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-3c8e615c] {
+.cn-record-list__table[data-v-38566d36] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-3c8e615c] {
+.cn-record-list__table th[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list__table td[data-v-38566d36] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-3c8e615c] {
+.cn-record-list__cell-sub[data-v-38566d36] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-38566d36] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-3c8e615c] {
+.cn-record-list__sort[data-v-38566d36] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -40700,75 +40863,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-3c8e615c]:focus-visible {
+.cn-record-list__sort[data-v-38566d36]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-3c8e615c] {
+.cn-record-list__sort-mark[data-v-38566d36] {
 	font-size: 10px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-38566d36] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-38566d36] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-3c8e615c] {
+.cn-record-list__intro[data-v-38566d36] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-3c8e615c] {
+.cn-record-list__footnote[data-v-38566d36] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-3c8e615c] {
+.cn-record-list__due--soon[data-v-38566d36] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-3c8e615c] {
+.cn-record-list__due--empty[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-3c8e615c] {
+.cn-record-list__row--action[data-v-38566d36] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
+.cn-record-list__row--action .cn-record-list__main[data-v-38566d36] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-3c8e615c] {
+.cn-record-list__title--link[data-v-38566d36] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-3c8e615c] {
+.cn-record-list__pills[data-v-38566d36] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-3c8e615c] {
+.cn-record-list__due--below[data-v-38566d36] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-3c8e615c] {
+.cn-record-list__footer-link[data-v-38566d36] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-3c8e615c] {
+.cn-record-list__due--column[data-v-38566d36] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-3c8e615c] {
+.cn-record-list__action[data-v-38566d36] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -40785,11 +40948,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-3c8e615c]:hover,
-.cn-record-list__action[data-v-3c8e615c]:focus-visible {
+.cn-record-list__action[data-v-38566d36]:hover,
+.cn-record-list__action[data-v-38566d36]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-3c8e615c] {
+.cn-record-list__chevron[data-v-38566d36] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -40797,15 +40960,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-3c8e615c] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-38566d36] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-38566d36] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -40814,19 +40977,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-3c8e615c] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-38566d36] {
 	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-3c8e615c] {
+.cn-record-list--cards .cn-record-list__list[data-v-38566d36] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-3c8e615c] {
+.cn-record-list__card[data-v-38566d36] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -40838,51 +41001,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-3c8e615c]:hover,
-.cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
+.cn-record-list__card--link[data-v-38566d36]:hover,
+.cn-record-list__card--link[data-v-38566d36]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-38566d36],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-38566d36] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-3c8e615c] {
+.cn-record-list__card-head[data-v-38566d36] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-3c8e615c] {
+.cn-record-list__card-title[data-v-38566d36] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-3c8e615c] {
+.cn-record-list__card-icon[data-v-38566d36] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-3c8e615c] {
+.cn-record-list__card-pills[data-v-38566d36] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-3c8e615c] {
+.cn-record-list__card-value[data-v-38566d36] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-38566d36] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-3c8e615c] {
+.cn-record-list__feed-row[data-v-38566d36] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-3c8e615c] {
+.cn-record-list__feed-icon[data-v-38566d36] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -40893,25 +41056,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-3c8e615c] {
+.cn-record-list__text[data-v-38566d36] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
+.cn-record-list--feed .cn-record-list__main[data-v-38566d36] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-3c8e615c] {
+.cn-record-list__inline-row[data-v-38566d36] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-3c8e615c] {
+.cn-record-list__label[data-v-38566d36] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-3c8e615c] {
+.cn-record-list__inline-title[data-v-38566d36] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-3c8e615c] {
+a.cn-record-list__inline-title[data-v-38566d36] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -46727,16 +46890,16 @@ to {
 }
 
 
-.cn-ordered-list-field[data-v-8f7a2df6] {
+.cn-ordered-list-field[data-v-54034c6f] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
-.cn-ordered-list-field__label[data-v-8f7a2df6] {
+.cn-ordered-list-field__label[data-v-54034c6f] {
 	margin: 0;
 	font-weight: 600;
 }
-.cn-ordered-list-field__rows[data-v-8f7a2df6] {
+.cn-ordered-list-field__rows[data-v-54034c6f] {
 	display: flex;
 	flex-direction: column;
 	margin: 0;
@@ -46745,25 +46908,25 @@ to {
 	border-radius: var(--border-radius-element, 8px);
 	list-style: none;
 }
-.cn-ordered-list-field__row[data-v-8f7a2df6] {
+.cn-ordered-list-field__row[data-v-54034c6f] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	min-height: 44px;
 	padding: 2px 6px 2px 12px;
 }
-.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-8f7a2df6] {
+.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-54034c6f] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-ordered-list-field__row--dragging[data-v-8f7a2df6] {
+.cn-ordered-list-field__row--dragging[data-v-54034c6f] {
 	opacity: 0.5;
 }
 
 /* Where a dragged row will land: a primary line on the row's top edge. */
-.cn-ordered-list-field__row--over[data-v-8f7a2df6] {
+.cn-ordered-list-field__row--over[data-v-54034c6f] {
 	box-shadow: inset 0 2px 0 var(--color-primary-element);
 }
-.cn-ordered-list-field__handle[data-v-8f7a2df6] {
+.cn-ordered-list-field__handle[data-v-54034c6f] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -46780,31 +46943,31 @@ to {
 	color: var(--color-text-maxcontrast);
 	cursor: grab;
 }
-.cn-ordered-list-field__handle[data-v-8f7a2df6]:active {
+.cn-ordered-list-field__handle[data-v-54034c6f]:active {
 	cursor: grabbing;
 }
-.cn-ordered-list-field__handle[data-v-8f7a2df6]:focus-visible {
+.cn-ordered-list-field__handle[data-v-54034c6f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 1px;
 }
-.cn-ordered-list-field__position[data-v-8f7a2df6] {
+.cn-ordered-list-field__position[data-v-54034c6f] {
 	flex: none;
 	min-width: 18px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	font-variant-numeric: tabular-nums;
 }
-.cn-ordered-list-field__text[data-v-8f7a2df6] {
+.cn-ordered-list-field__text[data-v-54034c6f] {
 	flex: 1 1 auto;
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-ordered-list-field__actions[data-v-8f7a2df6] {
+.cn-ordered-list-field__actions[data-v-54034c6f] {
 	display: flex;
 	flex: none;
 	gap: 2px;
 }
-.cn-ordered-list-field__button[data-v-8f7a2df6] {
+.cn-ordered-list-field__button[data-v-54034c6f] {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -46820,33 +46983,33 @@ to {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-ordered-list-field__button--text[data-v-8f7a2df6] {
+.cn-ordered-list-field__button--text[data-v-54034c6f] {
 	width: auto;
 	padding: 0 10px;
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-ordered-list-field__button[data-v-8f7a2df6]:hover:not(:disabled) {
+.cn-ordered-list-field__button[data-v-54034c6f]:hover:not(:disabled) {
 	background: var(--color-background-hover);
 }
-.cn-ordered-list-field__button[data-v-8f7a2df6]:focus-visible {
+.cn-ordered-list-field__button[data-v-54034c6f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 1px;
 }
-.cn-ordered-list-field__button[data-v-8f7a2df6]:disabled {
+.cn-ordered-list-field__button[data-v-54034c6f]:disabled {
 	opacity: 0.4;
 	cursor: default;
 }
-.cn-ordered-list-field__hint[data-v-8f7a2df6] {
+.cn-ordered-list-field__hint[data-v-54034c6f] {
 	margin: 6px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-ordered-list-field__empty[data-v-8f7a2df6] {
+.cn-ordered-list-field__empty[data-v-54034c6f] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-ordered-list-field__tile[data-v-8f7a2df6] {
+.cn-ordered-list-field__tile[data-v-54034c6f] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -46857,15 +47020,15 @@ to {
 	background: var(--color-background-dark);
 	color: var(--color-main-text);
 }
-.cn-ordered-list-field__name[data-v-8f7a2df6] {
+.cn-ordered-list-field__name[data-v-54034c6f] {
 	display: block;
 }
-.cn-ordered-list-field__description[data-v-8f7a2df6] {
+.cn-ordered-list-field__description[data-v-54034c6f] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-ordered-list-field__option[data-v-8f7a2df6] {
+.cn-ordered-list-field__option[data-v-54034c6f] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
@@ -46873,7 +47036,7 @@ to {
 }
 
 
-.cn-saved-view-menu-settings__intro[data-v-dfcd17c4] {
+.cn-saved-view-menu-settings__intro[data-v-962f985c] {
 	margin: 0 0 12px;
 	color: var(--color-text-maxcontrast);
 }
@@ -54892,13 +55055,13 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
    title on top, the sections on a white pane beside it, and the close icon
    in the corner. The dialog's frame (900px, its tint, no padding) is in
    dialog.css, on the teleported container. */
-.cn-user-settings-dialog__body[data-v-9a3971e2] {
+.cn-user-settings-dialog__body[data-v-2743a776] {
 	position: relative;
 	display: flex;
 	min-height: 440px;
 	max-height: min(760px, calc(100vh - 112px));
 }
-.cn-user-settings-dialog__nav[data-v-9a3971e2] {
+.cn-user-settings-dialog__nav[data-v-2743a776] {
 	display: flex;
 	flex: 0 0 200px;
 	flex-direction: column;
@@ -54908,7 +55071,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	padding: 0 4px 12px;
 	overflow-y: auto;
 }
-.cn-user-settings-dialog__title[data-v-9a3971e2] {
+.cn-user-settings-dialog__title[data-v-2743a776] {
 	margin: 0;
 	padding: 14px 10px 12px;
 	font-size: 20px;
@@ -54916,7 +55079,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	line-height: 1.25;
 	color: var(--color-main-text);
 }
-.cn-user-settings-dialog__nav ul[data-v-9a3971e2] {
+.cn-user-settings-dialog__nav ul[data-v-2743a776] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -54931,8 +55094,8 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
    theme paints every link `var(--nldesign-color-on-surface, <link colour>)
    !important`, so the entry hands it the main text colour through that
    token; only the open entry is marked, by its tint and bar. */
-.cn-user-settings-dialog__nav-link[data-v-9a3971e2],
-.cn-user-settings-dialog__nav-link[data-v-9a3971e2]:visited {
+.cn-user-settings-dialog__nav-link[data-v-2743a776],
+.cn-user-settings-dialog__nav-link[data-v-2743a776]:visited {
 	--nldesign-color-on-surface: var(--color-main-text);
 	position: relative;
 	display: flex;
@@ -54945,25 +55108,25 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	color: var(--color-main-text);
 	text-decoration: none !important;
 }
-.cn-user-settings-dialog__nav-label[data-v-9a3971e2] {
+.cn-user-settings-dialog__nav-label[data-v-2743a776] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-user-settings-dialog__nav-link[data-v-9a3971e2]:hover {
+.cn-user-settings-dialog__nav-link[data-v-2743a776]:hover {
 	background: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
 	text-decoration: none !important;
 }
-.cn-user-settings-dialog__nav-link[data-v-9a3971e2]:focus-visible {
+.cn-user-settings-dialog__nav-link[data-v-2743a776]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
 
 /* The open section: a stronger tint and a 3px bar at the left edge. */
-.cn-user-settings-dialog__nav-link--active[data-v-9a3971e2],
-.cn-user-settings-dialog__nav-link--active[data-v-9a3971e2]:hover {
+.cn-user-settings-dialog__nav-link--active[data-v-2743a776],
+.cn-user-settings-dialog__nav-link--active[data-v-2743a776]:hover {
 	background: color-mix(in srgb, var(--color-primary-element) 16%, var(--color-primary-element-light));
 }
-.cn-user-settings-dialog__nav-link--active[data-v-9a3971e2]::before {
+.cn-user-settings-dialog__nav-link--active[data-v-2743a776]::before {
 	content: '';
 	position: absolute;
 	top: 6px;
@@ -54973,17 +55136,17 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-radius: 2px;
 	background: var(--color-primary-element);
 }
-.cn-user-settings-dialog__group[data-v-9a3971e2] {
+.cn-user-settings-dialog__group[data-v-2743a776] {
 	margin: 10px 0 2px;
 	padding: 0 10px;
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-user-settings-dialog__group-sections[data-v-9a3971e2] {
+.cn-user-settings-dialog__group-sections[data-v-2743a776] {
 	padding-inline-start: 10px;
 }
-.cn-user-settings-dialog__sections[data-v-9a3971e2] {
+.cn-user-settings-dialog__sections[data-v-2743a776] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
@@ -54996,18 +55159,22 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-radius: 8px 0 0 8px;
 	background: var(--color-main-background);
 }
-.cn-user-settings-dialog__sections[data-v-9a3971e2] .app-settings-section {
+
+/* A section's heading and description start at the text's edge, as the
+   board draws them (NcAppSettingsSection indents them 12px). */
+.cn-user-settings-dialog__sections[data-v-2743a776] .app-settings-section {
+	--app-settings-section-text-offset: 0;
 	margin: 0;
 	padding: 0;
 	border: 0;
 }
-.cn-user-settings-dialog__sections[data-v-9a3971e2] .app-settings-section__name {
+.cn-user-settings-dialog__sections[data-v-2743a776] .app-settings-section__name {
 	margin: 0 0 6px;
 	font-size: 20px;
 	font-weight: 700;
 	line-height: 1.3;
 }
-.cn-user-settings-dialog__note[data-v-9a3971e2] {
+.cn-user-settings-dialog__note[data-v-2743a776] {
 	margin: 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -55015,21 +55182,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 
 /* One class more than NcButton's own `position: relative`, which otherwise
    wins at the same weight and leaves the button stretched in the body row. */
-.cn-user-settings-dialog__body > .cn-user-settings-dialog__close[data-v-9a3971e2] {
+.cn-user-settings-dialog__body > .cn-user-settings-dialog__close[data-v-2743a776] {
 	position: absolute;
 	top: 8px;
 	inset-inline-end: 8px;
 }
 @media (max-width: 600px) {
-.cn-user-settings-dialog__body[data-v-9a3971e2] {
+.cn-user-settings-dialog__body[data-v-2743a776] {
 		flex-direction: column;
 }
-.cn-user-settings-dialog__nav[data-v-9a3971e2] {
+.cn-user-settings-dialog__nav[data-v-2743a776] {
 		flex-basis: auto;
 		width: auto;
 		max-height: 40vh;
 }
-.cn-user-settings-dialog__sections[data-v-9a3971e2] {
+.cn-user-settings-dialog__sections[data-v-2743a776] {
 		padding: 20px 16px;
 		border-inline-start: 0;
 		border-radius: 8px 8px 0 0;
@@ -55946,31 +56113,31 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	color: var(--color-text-maxcontrast);
 }
 
-.cn-notification-matrix__table[data-v-85a3fe56] {
+.cn-notification-matrix__table[data-v-ebb6783e] {
   inline-size: 100%;
   border-collapse: collapse;
 }
 
-.cn-notification-matrix__caption[data-v-85a3fe56] {
+.cn-notification-matrix__caption[data-v-ebb6783e] {
   text-align: start;
   padding-block-end: 8px;
 }
 
-.cn-notification-matrix__table th[data-v-85a3fe56],
-.cn-notification-matrix__table td[data-v-85a3fe56] {
+.cn-notification-matrix__table th[data-v-ebb6783e],
+.cn-notification-matrix__table td[data-v-ebb6783e] {
   text-align: start;
   padding: 6px 8px;
   border-block-end: 1px solid var(--color-border);
   vertical-align: top;
 }
 
-.cn-notification-matrix__muted[data-v-85a3fe56] {
+.cn-notification-matrix__muted[data-v-ebb6783e] {
   display: block;
   color: var(--color-text-maxcontrast);
   font-size: 0.85rem;
 }
 
-.cn-notification-matrix__group[data-v-85a3fe56] {
+.cn-notification-matrix__group[data-v-ebb6783e] {
   background: none;
   border: none;
   font-weight: bold;
@@ -55979,21 +56146,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
   color: var(--color-main-text);
 }
 
-.cn-notification-matrix__scope[data-v-85a3fe56] {
+.cn-notification-matrix__scope[data-v-ebb6783e] {
   padding-inline-start: 24px !important;
   font-weight: normal;
 }
 
-.cn-notification-matrix__row--scoped th[data-v-85a3fe56],
-.cn-notification-matrix__row--scoped td[data-v-85a3fe56] {
+.cn-notification-matrix__row--scoped th[data-v-ebb6783e],
+.cn-notification-matrix__row--scoped td[data-v-ebb6783e] {
   border-block-end-style: dotted;
 }
 
-.cn-notification-matrix__test[data-v-85a3fe56] {
+.cn-notification-matrix__test[data-v-ebb6783e] {
   margin-block-start: 4px;
 }
 
-.cn-notification-matrix__note[data-v-85a3fe56] {
+.cn-notification-matrix__note[data-v-ebb6783e] {
   color: var(--color-text-maxcontrast);
 }
 
@@ -56001,7 +56168,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 .cn-notification-matrix__caption[data-v-85a3fe56] {
+.cn-notification-matrix--board[data-v-ebb6783e] {
+  /* 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-ebb6783e] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -56009,56 +56180,58 @@ 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-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table[data-v-ebb6783e] {
+  --nldesign-component-table-header-background-color: transparent;
   font-size: 14px;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-ebb6783e] {
   padding: 8px 10px 8px 0;
+  line-height: 1.2;
   border-block-end: 1px solid var(--color-border);
   color: var(--color-text-maxcontrast);
   font-size: 13px;
   font-weight: 600;
   vertical-align: bottom;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-ebb6783e] {
   inline-size: 96px;
   padding-inline: 4px;
   text-align: center;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-85a3fe56],
-.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-ebb6783e],
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-ebb6783e] {
   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-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-ebb6783e] {
   padding-inline: 4px;
   text-align: center;
 }
-.cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-ebb6783e] {
   inline-size: 20px;
   min-inline-size: 20px;
   block-size: 20px;
   min-block-size: 20px;
   margin: 0;
 }
-.cn-notification-matrix--board .cn-notification-matrix__group[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__group[data-v-ebb6783e] {
   padding: 4px 0;
   font-size: 13px;
   font-weight: 600;
   color: var(--color-text-maxcontrast);
 }
-.cn-notification-matrix--board .cn-notification-matrix__channels[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__channels[data-v-ebb6783e] {
   margin-block-start: 16px;
 }
-.cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-ebb6783e] {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
 }
-.cn-notification-matrix--board .cn-notification-matrix__channel[data-v-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__channel[data-v-ebb6783e] {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
@@ -56066,7 +56239,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-85a3fe56] {
+.cn-notification-matrix--board .cn-notification-matrix__channel-name[data-v-ebb6783e] {
   flex: 1 0 100%;
   margin: 0;
   font-size: 14px;