@conduction/nextcloud-vue 2.83.0 → 2.85.0

package/dist/nextcloud-vue.css

@@ -489,6 +489,7 @@
    `.cn-look-board.cn-admin-settings-shell` is a shell told `look: "board"`
    itself, on an admin page no CnAppRoot wraps. */
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .cn-admin-settings-shell__header,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials) {
 	grid-column: 1 / -1;
@@ -496,6 +497,7 @@
 
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *),
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
@@ -507,14 +509,17 @@
    Settings.vue) takes no box of its own: its sections are grid items and
    cards, as if the shell held them directly. Only an element whose own
    children are sections; anything else keeps spanning the grid. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) {
 	display: contents;
 }
 
-/* The card: a section of the shell (also one inside a wrapping element), or a CnSettingsCard of the page. */
+/* The card: a section of the shell or of one of its tab panels (also one inside a wrapping element), or a CnSettingsCard of the page. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) > .cn-settings-card {
@@ -550,7 +555,7 @@
 	justify-content: flex-start;
 	text-align: start;
 	margin: 0;
-	font-size: 19px;
+	font-size: 17px;
 	font-weight: 700;
 	line-height: 1.3;
 }
@@ -558,18 +563,83 @@
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) .settings-section__desc {
 	margin: 4px 0 0;
 	font-size: 14px;
-	line-height: 1.45;
+	line-height: 1.5;
 	color: var(--color-text-maxcontrast);
 }
 
-/* Section actions sit at the end of the title row. */
+/* Section actions sit at the end of the title row. The row is a grid, so a
+   long title wraps beside the buttons instead of running under them, and in a
+   narrow card the buttons drop under the title and description. */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) {
+	/* `!important`: the card rules above set `display: flex` at higher specificity for a section in a wrapping element. */
+	display: grid !important;
+	grid-template-columns: minmax(0, 1fr) auto;
+	align-items: start;
+	column-gap: 16px;
+	container-type: inline-size;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > * {
+	grid-column: 1 / -1;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > .settings-section__name {
+	grid-row: 1;
+	grid-column: 1;
+}
+
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
-	position: absolute;
-	inset-block-start: 22px;
-	inset-inline-end: 24px;
+	grid-row: 1;
+	grid-column: 2;
+	position: static;
+	flex-wrap: wrap;
+	justify-self: end;
 	float: none;
 }
 
+@container (max-width: 520px) {
+	.cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
+		grid-row: auto;
+		grid-column: 1 / -1;
+		justify-self: start;
+		justify-content: flex-start;
+	}
+}
+
+/* An admin settings card as the board draws it (PtBeheerinstellingen,
+   KqBeheerAlgemeen, HuInstellingen): 20px 22px padding, and the title and
+   description one group, 4px apart, spaced from the rest of the card by the
+   card's 14px gap. The description is a sibling of the title in that column,
+   so it pulls itself back up to 4px under the title. The gap spaces the
+   content, so a note card adds no margin of its own (NcNoteCard draws 16px
+   above and below). A CnSettingsPage card keeps 22px 24px. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section {
+	padding: 20px 22px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
+	margin-top: -10px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard {
+	margin-block: 0;
+}
+
 .cn-look-board .settings-section.cn-settings-section--wide:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-card:has(.cn-settings-section--wide):not(.cn-look-nextcloud *) {
 	grid-column: 1 / -1;
@@ -683,6 +753,18 @@
 	font-weight: 600;
 }
 
+/* ---- Dashboard card titles --------------------------------------------- */
+/* A card's title on a dashboard (and on the widgets under a reports page) is
+   the board's card h2: 17px weight 700 (boards PqMijnWerk, DcRapportages and
+   the app dashboards; `--cn-board-heading-size`, as on a detail page's cards).
+   The wrapper's own 14px weight 600 stays for the Nextcloud look, and the
+   native-dashboard chrome keeps its 20px. */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--nc-dashboard) .cn-widget-wrapper__title {
+	font-size: var(--cn-board-heading-size, 17px);
+	font-weight: 700;
+	line-height: 1.3;
+}
+
 /* ---- Record list on a dashboard card (PtDashboard) ---------------------- */
 /* The dashboard's card body is flush, so the rows carry their own inset: the
    board's card pads 24px at the sides and each row 14px, a soft hairline
@@ -769,6 +851,25 @@
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__chevron {
 	display: none;
 }
+
+/* ---- Week strip (DqMijnWerk "Termijnen deze week") ---------------------- */
+/* The days wrap inside the card instead of scrolling sideways: a row holds
+   as many days of at least 120px as the card fits, and the rest go to the
+   next row (dossiq at 1100 wide held 680px of days in a 494px card and
+   scrolled; now three days and two). 120px keeps a case title's words whole;
+   five 88px days fitted one row but broke "Bezwaar" mid-word. A card wide
+   enough for the week draws it as before, one row of equal columns. The
+   day's head wraps its "today" badge under the label when the day is
+   narrow.
+   @spec openspec/changes/board-week-strip-fits/specs/week-strip-board-look/spec.md#requirement-a-board-week-strip-fits-its-card */
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__days {
+	grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
+	min-width: 0;
+}
+
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__head {
+	flex-wrap: wrap;
+}
 /*
  * The board dialog (screens-dialog-parity, canon section 5).
  *
@@ -806,8 +907,10 @@
 }
 
 /* The header is ours: NcModal's own close button and NcDialog's heading give
-   way (the heading stays as the accessible name, visually hidden). */
-.cn-dialog-board .modal-container__close {
+   way (the heading stays as the accessible name, visually hidden). The mask
+   class raises the rule above NcButton's `.button-vue[data-v-…]`, whose
+   stylesheet a spawned dialog can load after this one. */
+.modal-mask.cn-dialog-board .modal-container__close {
 	display: none;
 }
 
@@ -1157,6 +1260,20 @@
 .cn-look-board .cn-form-page__footer .cn-form-page__primary {
 	margin-inline-start: auto;
 }
+
+/* A Nextcloud text area or text field with its label inside the field hides
+   its placeholder until the field takes focus, so the label and the
+   placeholder are never drawn over each other. A theme that forces every
+   placeholder visible (thematiq's nldesign system sets
+   `::placeholder { opacity: 1 !important }`) drew both: the dossiq DqTaak
+   notes field read "Een notitie toevoegen" over "Wat heb je gevonden, wie heb
+   je gebeld?". Under the board look the placeholder stays hidden at rest, as
+   Nextcloud intends; a field with its label outside keeps its placeholder.
+   @spec openspec/changes/board-field-label-over-placeholder/specs/form-field-board-look/spec.md#requirement-a-field-label-and-its-placeholder-are-never-drawn-over-each-other */
+.cn-look-board .textarea__input:not(:focus, .textarea__input--label-outside)::placeholder,
+.cn-look-board .input-field:not(.input-field--label-outside) .input-field__input:not(:focus)::placeholder {
+	opacity: 0 !important;
+}
 /*
  * The board (screens-kanban-parity, canon section 8).
  *
@@ -1255,19 +1372,24 @@
 	gap: 8px;
 }
 
-.cn-board-view.cn-board-view--board .cn-board-view__card-title {
+/* The title is a link drawn as a heading (board DqWerkbord): main text, no
+   underline. `!important` because a theme's `a { color; text-decoration }`
+   carries it (thematiq), and a bare `a` with `!important` beats any class. */
+.cn-board-view.cn-board-view--board .cn-board-view__card-title,
+.cn-board-view.cn-board-view--board .cn-board-view__card-title:visited {
 	flex: 1 1 auto;
 	min-width: 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.3;
-	color: var(--color-main-text);
-	text-decoration: none;
+	color: var(--color-main-text) !important;
+	text-decoration: none !important;
 	overflow-wrap: anywhere;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:hover {
-	text-decoration: underline;
+	color: var(--color-main-text) !important;
+	text-decoration: underline !important;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:focus-visible {
@@ -1426,6 +1548,62 @@
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
+
+/*
+ * screens-board-reference-columns: a wide board wraps its columns onto more
+ * rows (`config.board.wrap`), as many to a row as fit at 240px, instead of
+ * one row that scrolls sideways.
+ */
+.cn-board-view.cn-board-view--wrap .cn-board-view__columns {
+	display: grid;
+	grid-auto-flow: row;
+	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+	overflow-x: visible;
+}
+
+.cn-board-view.cn-board-view--wrap:not(.cn-board-view--board) .cn-board-view__columns {
+	gap: 12px;
+}
+
+/* A column the dragged card cannot reach fades; the label stays readable. */
+.cn-board-view .cn-board-view__column--unreachable {
+	opacity: 0.45;
+}
+
+/* The selection checkbox: in the board look's card head, before the title. */
+.cn-board-view .cn-board-view__select {
+	flex: none;
+	width: 16px;
+	height: 16px;
+	margin: 2px 0 0;
+	accent-color: var(--color-primary-element);
+	cursor: pointer;
+}
+
+/* Board look: the board draws no checkbox. It shows on a hovered card, on a
+   card holding focus (so Tab still reaches it), once anything is selected, and
+   always where there is no hover. Collapsed rather than hidden, so it stays in
+   the tab order. */
+@media (hover: hover) {
+	.cn-board-view.cn-board-view--board:not(.cn-board-view--selecting) .cn-board-view__card:not(:hover, :focus-within) .cn-board-view__select {
+		width: 0;
+		margin-inline-end: -8px;
+		opacity: 0;
+	}
+}
+
+/* A menu target the card cannot reach: still listed, greyed, with its note. */
+.cn-board-view.cn-board-view--board .cn-board-view__menu-item.cn-board-view__menu-item--blocked {
+	color: var(--color-text-maxcontrast);
+	cursor: not-allowed;
+}
+
+.cn-board-view .cn-board-view__menu-note {
+	margin-inline-start: auto;
+	padding-inline-start: 12px;
+	font-size: 12px;
+	color: var(--color-text-maxcontrast);
+}
 /*
  * The board look for the index list and its cards (screens-index-list-parity,
  * screens-card-parity).
@@ -3923,6 +4101,19 @@ a.cn-kpi-card--stacked:focus-visible {
 	color: var(--color-main-text);
 }
 
+/* A board tile whose label wraps grows into its cell instead of clipping its
+   own last line. dossiq's "Afgehandeld deze maand" at 1100 wide held 129px of
+   content in a 114px tile and lost its caption's bottom. The tile still fills
+   a cell it fits (`min-height: 100%`), so every tile that fits keeps its
+   size; one that does not takes the height of its content, and the card-fit
+   cell's `safe center` keeps its top in view.
+   @spec openspec/changes/board-stat-tile-grows/specs/stat-tile-board-look/spec.md#requirement-a-board-stat-tile-shows-all-its-lines */
+.cn-kpi-card--board.cn-kpi-card--stacked {
+	flex: 0 0 auto;
+	height: auto;
+	min-height: 100%;
+}
+
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-kpi-card__caption-line,
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-stats-block__count-label {
 	font-size: 13px;
@@ -4176,6 +4367,7 @@ a.cn-kpi-card--board * {
 }
 
 .cn-form-widget__textarea {
+	box-sizing: border-box;
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -4197,6 +4389,16 @@ a.cn-kpi-card--board * {
 	color: var(--color-error);
 	margin: 0;
 }
+
+/* A select takes its field's width, however narrow the card. NcSelect is at
+   least 260px wide on its own, so in pipelinq's 234px "Nieuw contactmoment"
+   card at 1100 wide the channel and client selects ran 40px past the card's
+   edge. The client picker (CnResourceSelect) is an NcSelect too.
+   @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language */
+.cn-form-widget .v-select.select {
+	min-width: 0;
+	width: 100%;
+}
 /* ========================================
    @conduction/nextcloud-vue — Detail Grid & Layout Utility Styles
    ======================================== */
@@ -5117,6 +5319,19 @@ a.cn-kpi-card--board * {
 	margin-top: 0;
 }
 
+/* The board view's footer: how many rows it holds of how many match, and
+   "Load more" while the list is not complete. */
+.cn-index-page__board-load {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px 16px;
+	padding: 12px 16px;
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+}
+
 /* Table view owns both scroll axes. With the page column scrolling instead, the
    table's horizontal scrollbar sat at the bottom of the (taller-than-viewport)
    table, so it only appeared after scrolling down, and the pagination was
@@ -5382,6 +5597,42 @@ a.cn-kpi-card--board * {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
+
+/*
+ * screens-board-reference-columns: the board view's controls after the
+ * search (board DqWerkbord): "Case type:" and "Columns:" as a 600 label and a
+ * 36px select, then the hint in the secondary text colour.
+ */
+.cn-index-page__board-control {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	font-size: 14px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+
+.cn-index-page__board-select {
+	height: 36px;
+	min-height: 36px;
+	margin: 0;
+	padding: 0 10px;
+	border: 1px solid var(--color-border-maxcontrast);
+	border-radius: 8px;
+	background-color: var(--color-main-background);
+	color: var(--color-main-text);
+	font: inherit;
+	font-weight: 400;
+}
+
+.cn-index-page__board-select--strong {
+	font-weight: 500;
+}
+
+.cn-index-page__board-hint {
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
 /* CnIndexSidebar — NcAppSidebar wrapper styles */
 
 /* Tab content: limit height to container so overflow shows a scrollbar */
@@ -7086,6 +7337,64 @@ a.cn-kpi-card--board * {
 .cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-dashboard-page {
 	padding: 0;
 }
+
+/* The widget area draws no panel of its own (board DcRapportages: the
+   highlighted report's card sits straight on the page ground). A theme's
+   catch-all for anything named like a widget (nldesign's element overrides:
+   `[class*="widget"]:not([class*="widget__"]):not(#header *)`, an id
+   specificity no class rule outranks) painted `__widgets` white, hence the
+   `!important`. */
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__widgets {
+	background: transparent !important;
+}
+
+/* The grid insets every card by its 12px margin (CnDashboardPage's default
+   `gridMargin`); the page padding already places the area, so the card's
+   edges line up with the report cards above it. */
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__widgets .cn-dashboard-grid {
+	width: calc(100% + 24px);
+	margin: -12px;
+}
+
+/* A report card is a link, but its title and description read as text, as on
+   the board: no underline, whatever a theme does to links. */
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__card,
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__card * {
+	text-decoration: none !important;
+}
+
+/* The header buttons beside the title (screens-reports-header-buttons, board
+   DcRapportages "Downloaden"): the board's 40px button with a grey border on
+   the main background, the primary one in the primary fill, as on the index
+   header. `!important` holds them under a theme that restyles every button
+   (nldesign). The buildiq square keeps its own rule. */
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__header-buttons > .button-vue--secondary {
+	height: var(--cn-board-control-height) !important;
+	min-height: var(--cn-board-control-height) !important;
+	padding: 0 14px !important;
+	border: 1px solid var(--color-border-dark) !important;
+	border-radius: var(--cn-board-control-radius) !important;
+	background: var(--color-main-background) !important;
+	color: var(--color-main-text) !important;
+}
+
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__header-buttons > .button-vue--secondary:hover {
+	background: var(--color-background-hover) !important;
+}
+
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__header-buttons > .button-vue--primary {
+	height: var(--cn-board-control-height) !important;
+	min-height: var(--cn-board-control-height) !important;
+	padding: 0 16px !important;
+	border: 0 !important;
+	border-radius: var(--cn-board-control-radius) !important;
+	background: var(--color-primary-element) !important;
+	color: var(--color-primary-element-text) !important;
+}
+
+.cn-look-board .cn-reports-page:not(.cn-look-nextcloud *) .cn-reports-page__header-buttons > .button-vue--primary:hover {
+	background: var(--color-primary-element-hover) !important;
+}
 /* CnReferencePreview — a reference that shows what it points at. */
 
 .cn-reference-preview {
@@ -9006,10 +9315,10 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-countdown-widget__value[data-v-17598258] {
+.cn-countdown-widget__value[data-v-5546e71c] {
 	white-space: nowrap;
 }
-.cn-countdown-widget__sub[data-v-17598258] {
+.cn-countdown-widget__sub[data-v-5546e71c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 }
@@ -12478,41 +12787,41 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
 }
 
 
-.cn-audit-card__list[data-v-b6134724] {
+.cn-audit-card__list[data-v-280a5ace] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-audit-card__row[data-v-b6134724] {
+.cn-audit-card__row[data-v-280a5ace] {
 	padding: 6px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-audit-card__row[data-v-b6134724]:last-child {
+.cn-audit-card__row[data-v-280a5ace]:last-child {
 	border-bottom: none;
 }
-.cn-audit-card__row-head[data-v-b6134724] {
+.cn-audit-card__row-head[data-v-280a5ace] {
 	display: flex;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-audit-card__action[data-v-b6134724] {
+.cn-audit-card__action[data-v-280a5ace] {
 	color: var(--color-main-text);
 }
-.cn-audit-card__when[data-v-b6134724] {
+.cn-audit-card__when[data-v-280a5ace] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	white-space: nowrap;
 }
-.cn-audit-card__row-body[data-v-b6134724] {
+.cn-audit-card__row-body[data-v-280a5ace] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-audit-card__empty[data-v-b6134724] {
+.cn-audit-card__empty[data-v-280a5ace] {
 	color: var(--color-text-maxcontrast);
 	text-align: center;
 	padding: 12px 0;
 }
-.cn-audit-card__show-all[data-v-b6134724] {
+.cn-audit-card__show-all[data-v-280a5ace] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -12520,7 +12829,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
 	padding: 4px 0;
 	font: inherit;
 }
-.cn-audit-card__show-all[data-v-b6134724]:hover {
+.cn-audit-card__show-all[data-v-280a5ace]:hover {
 	text-decoration: underline;
 }
 
@@ -20661,7 +20970,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-widget-wrapper[data-v-64db0f38] {
+.cn-widget-wrapper[data-v-b19b1aa6] {
 	position: relative;
 	height: 100%;
 	display: flex;
@@ -20675,13 +20984,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 /* Headerless date chip — floated over the top-right of a flush card. */
-.cn-widget-wrapper__floating-meta[data-v-64db0f38] {
+.cn-widget-wrapper__floating-meta[data-v-b19b1aa6] {
 	position: absolute;
 	top: 8px;
 	inset-inline-end: 10px;
 	z-index: 2;
 }
-.cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper__content[data-v-b19b1aa6] {
 	flex: 1;
 	overflow: auto;
 	min-height: 0;
@@ -20697,24 +21006,24 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    So it is structural instead. `:has()` keys on the table component's own root
    class, which means a table is flush by construction and no caller can
    reintroduce the gap by forgetting a prop. */
-.cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-table-container),
-.cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-widget-object-table) {
+.cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-table-container),
+.cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-widget-object-table) {
 	padding: 0;
 }
 
 /* Keyboard focus ring for the now-focusable scrollable content region. */
-.cn-widget-wrapper__content[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__content[data-v-b19b1aa6]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: -2px;
 }
-.cn-widget-wrapper--borderless[data-v-64db0f38] {
+.cn-widget-wrapper--borderless[data-v-b19b1aa6] {
 	border: none;
 	background: transparent;
 }
-.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0;
 }
-.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0;
 }
 
@@ -20722,8 +21031,8 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    above. A dashboard renders every widget `flush`, and without this their
    fields touch the card's edges. Borderless and chromeless cards, and the
    Nextcloud dashboard variant, keep their own padding. */
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-form-widget),
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-kb-search-widget) {
+.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-form-widget),
+.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-kb-search-widget) {
 	padding: 16px;
 }
 
@@ -20734,7 +21043,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    a square panel, which is the last visible piece of a card that is supposed
    to be absent. `CnDetailCard.cn-detail-card--chromeless` zeroes the same
    thing for the same reason. */
-.cn-widget-wrapper--chromeless[data-v-64db0f38] {
+.cn-widget-wrapper--chromeless[data-v-b19b1aa6] {
 	border-radius: 0;
 }
 
@@ -20746,7 +21055,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
  * so users can override any token. Combined selector raises specificity above
  * the base `.cn-widget-wrapper` rules it supersedes.
  */
-.cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper__header[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -20762,7 +21071,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* Actions with no title beside them. `header-left` is not rendered at all in
    this mode, and the header is `space-between`, so a single child would sit
    flush LEFT where every other surface puts its actions on the right. */
-.cn-widget-wrapper__header--actions-only[data-v-64db0f38] {
+.cn-widget-wrapper__header--actions-only[data-v-b19b1aa6] {
 	justify-content: flex-end;
 }
 
@@ -20778,11 +21087,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    no-descending-specificity asks for. The cascade did not need it (this
    selector is more specific either way), a reader does: an override written
    above the thing it overrides has to be read twice. */
-.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-b19b1aa6] {
 	border-bottom: none;
 	padding-inline: 0;
 }
-.cn-widget-wrapper__header-left[data-v-64db0f38] {
+.cn-widget-wrapper__header-left[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -20791,13 +21100,27 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   of centering between icon and actions (header is space-between). */
 	flex: 1 1 auto;
 }
-.cn-widget-wrapper__icon[data-v-64db0f38] {
+.cn-widget-wrapper__icon[data-v-b19b1aa6] {
 	width: 24px;
 	height: 24px;
 	flex-shrink: 0;
 	color: var(--cn-widget-icon-color, var(--color-primary-element));
 }
-.cn-widget-wrapper__title[data-v-64db0f38] {
+.cn-widget-wrapper__title-stack[data-v-b19b1aa6] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-widget-wrapper__eyebrow[data-v-b19b1aa6] {
+	font-size: 13px;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.cn-widget-wrapper__title[data-v-b19b1aa6] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -20805,34 +21128,34 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-widget-wrapper.cn-widget-wrapper--nc-dashboard[data-v-64db0f38] {
+.cn-widget-wrapper.cn-widget-wrapper--nc-dashboard[data-v-b19b1aa6] {
 	background: var(--color-main-background-blur, var(--color-main-background));
 	-webkit-backdrop-filter: var(--filter-background-blur, none);
 	backdrop-filter: var(--filter-background-blur, none);
 	border: none;
 	border-radius: var(--border-radius-container-large, 16px);
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header[data-v-b19b1aa6] {
 	padding: 16px;
 	border-bottom: none;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-b19b1aa6] {
 	gap: 16px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-b19b1aa6] {
 	width: 32px;
 	height: 32px;
 	background-size: 32px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-b19b1aa6] {
 	font-size: 20px;
 	font-weight: 700;
 	line-height: 24px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0 16px 16px;
 }
-.cn-widget-wrapper__title-meta[data-v-64db0f38] {
+.cn-widget-wrapper__title-meta[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	gap: 4px;
@@ -20841,7 +21164,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	white-space: nowrap;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__actions[data-v-64db0f38] {
+.cn-widget-wrapper__actions[data-v-b19b1aa6] {
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
@@ -20849,7 +21172,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* The header's text link (`headerLink`). Theme hooks: --cn-widget-header-link-size
    and --cn-widget-header-link-weight. */
-.cn-widget-wrapper__header-link[data-v-64db0f38] {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -20858,11 +21181,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-widget-wrapper__header-link[data-v-64db0f38]:hover,
-.cn-widget-wrapper__header-link[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:hover,
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:focus-visible {
 	text-decoration: underline;
 }
-.cn-widget-wrapper__header-link[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
@@ -20873,7 +21196,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    wrapper is ever rendered without it. Material-design-icon components paint
    with `fill: currentColor`, so this reaches them; the :deep rule below makes
    it reach a raw <svg> in the slot too. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38] {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	flex-shrink: 0;
@@ -20893,17 +21216,17 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* Right-positioned title icons sit AFTER the actions, so the margin belongs on
    the other side or it pushes the icon off the header's right edge. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38]:last-child {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6]:last-child {
 	margin-inline-end: 0;
 	margin-inline-start: 8px;
 }
 
 /* Material-design-icon components paint with `fill: currentColor`, so the
    colour above reaches them; this makes it reach a raw <svg> in the slot too. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38] svg {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6] svg {
 	fill: currentcolor;
 }
-.cn-widget-wrapper__footer[data-v-64db0f38] {
+.cn-widget-wrapper__footer[data-v-b19b1aa6] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -20911,12 +21234,12 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	border-top: 1px solid var(--color-border);
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__footer-link[data-v-64db0f38] {
+.cn-widget-wrapper__footer-link[data-v-b19b1aa6] {
 	font-size: 13px;
 	color: var(--color-primary-element);
 	text-decoration: none;
 }
-.cn-widget-wrapper__footer-link[data-v-64db0f38]:hover {
+.cn-widget-wrapper__footer-link[data-v-b19b1aa6]:hover {
 	text-decoration: underline;
 }
 
@@ -21221,22 +21544,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-transition-input[data-v-ac83f832] {
+.cn-transition-input[data-v-457532e4] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 	padding: 4px 0;
 }
-.cn-transition-input__error[data-v-ac83f832] {
+.cn-transition-input__error[data-v-457532e4] {
 	margin: 0;
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-transition-input__field-error[data-v-ac83f832] {
+.cn-transition-input__field-error[data-v-457532e4] {
 	margin: 4px 0 0;
 	font-size: 0.9em;
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-transition-input__object[data-v-ac83f832] {
+.cn-transition-input__object[data-v-457532e4] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	padding: 8px 12px;
@@ -21244,11 +21567,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-transition-input__label[data-v-ac83f832] {
+.cn-transition-input__label[data-v-457532e4] {
 	display: block;
 	margin-bottom: 4px;
 }
-.cn-transition-input__field--refused[data-v-ac83f832] {
+.cn-transition-input__field--refused[data-v-457532e4] {
 	border-inline-start: 2px solid var(--color-error);
 	padding-inline-start: 8px;
 }
@@ -21590,7 +21913,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-stages-widget[data-v-a394760a] {
+.cn-stages-widget[data-v-3946def5] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -21600,12 +21923,19 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   tile rather than a strip of 32px circles. */
 	padding: 4px;
 }
-.cn-stages-widget__loading[data-v-a394760a] {
+.cn-stages-widget__loading[data-v-3946def5] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
-.cn-stages-widget__notice[data-v-a394760a] {
+
+/* The stage a running move leads to: a small spinner before its label. */
+.cn-stages-widget__moving[data-v-3946def5] {
+	display: inline-flex;
+	vertical-align: middle;
+	margin-inline-end: 4px;
+}
+.cn-stages-widget__notice[data-v-3946def5] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
@@ -21614,7 +21944,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    REFUSALS no longer come through here: they are a tooltip, a note card and a
    screen-reader node, which is why there is no colour variant of this rule.
    The rules for the two coloured states are NcNoteCard's own. */
-.cn-stages-widget__reason[data-v-a394760a] {
+.cn-stages-widget__reason[data-v-3946def5] {
 	display: block;
 	margin-top: 2px;
 	font-size: 0.8em;
@@ -21625,7 +21955,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The bars variant: equal columns, a thin bar per step. Theme hooks:
    --cn-stages-bar-height, --cn-stages-bar-radius, --cn-stages-bar-done,
    --cn-stages-bar-current, --cn-stages-bar-todo. */
-.cn-stages-widget__bars[data-v-a394760a] {
+.cn-stages-widget__bars[data-v-3946def5] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 	grid-auto-flow: column;
@@ -21634,25 +21964,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 0;
 	list-style: none;
 }
-.cn-stages-widget__bar-step[data-v-a394760a] {
+.cn-stages-widget__bar-step[data-v-3946def5] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-stages-widget__bar[data-v-a394760a] {
+.cn-stages-widget__bar[data-v-3946def5] {
 	display: block;
 	height: var(--cn-stages-bar-height, 6px);
 	border-radius: var(--cn-stages-bar-radius, 3px);
 	background: var(--cn-stages-bar-todo, var(--color-border));
 }
-.cn-stages-widget__bar-step--done .cn-stages-widget__bar[data-v-a394760a] {
+.cn-stages-widget__bar-step--done .cn-stages-widget__bar[data-v-3946def5] {
 	background: var(--cn-stages-bar-done, var(--color-primary-element));
 }
-.cn-stages-widget__bar-step--current .cn-stages-widget__bar[data-v-a394760a] {
+.cn-stages-widget__bar-step--current .cn-stages-widget__bar[data-v-3946def5] {
 	background: var(--cn-stages-bar-current, var(--color-error));
 }
-.cn-stages-widget__bar-label[data-v-a394760a] {
+.cn-stages-widget__bar-label[data-v-3946def5] {
 	display: block;
 	margin: 0;
 	padding: 0;
@@ -21673,7 +22003,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    about 12px below the current one, which is a <span>. Zeroed here so all
    labels sit 8px under their bar, as the board draws them. The visually
    hidden "(current step)" is absolutely positioned and takes no space. */
-button.cn-stages-widget__bar-label[data-v-a394760a] {
+button.cn-stages-widget__bar-label[data-v-3946def5] {
 	min-height: 0;
 	height: auto;
 	line-height: inherit;
@@ -21689,7 +22019,7 @@ button.cn-stages-widget__bar-label[data-v-a394760a] {
    of ending in an ellipsis. Only !important beats !important; this selector is
    the more specific of the two. Without such a theme nothing changes: these
    are the values the base rule already sets. */
-button.cn-stages-widget__bar-label.cn-stages-widget__bar-label[data-v-a394760a] {
+button.cn-stages-widget__bar-label.cn-stages-widget__bar-label[data-v-3946def5] {
 	min-width: 0 !important;
 	margin: 0 !important;
 	padding: 0 !important;
@@ -21698,29 +22028,29 @@ button.cn-stages-widget__bar-label.cn-stages-widget__bar-label[data-v-a394760a]
 	text-overflow: ellipsis !important;
 	white-space: nowrap !important;
 }
-button.cn-stages-widget__bar-label[aria-disabled="true"][data-v-a394760a] {
+button.cn-stages-widget__bar-label[aria-disabled="true"][data-v-3946def5] {
 	cursor: not-allowed;
 }
-button.cn-stages-widget__bar-label[data-v-a394760a]:focus-visible {
+button.cn-stages-widget__bar-label[data-v-3946def5]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
 }
-.cn-stages-widget__bar-step--done .cn-stages-widget__bar-label[data-v-a394760a] {
+.cn-stages-widget__bar-step--done .cn-stages-widget__bar-label[data-v-3946def5] {
 	color: var(--color-main-text);
 	font-weight: 600;
 }
-.cn-stages-widget__bar-step--current .cn-stages-widget__bar-label[data-v-a394760a] {
+.cn-stages-widget__bar-step--current .cn-stages-widget__bar-label[data-v-3946def5] {
 	color: var(--color-main-text);
 	font-weight: 700;
 }
-.cn-stages-widget__bar-date[data-v-a394760a] {
+.cn-stages-widget__bar-date[data-v-3946def5] {
 	font-size: 12px;
 	color: var(--color-text-maxcontrast);
 }
 
 /* Text for screen readers only. */
-.cn-stages-widget__sr-only[data-v-a394760a] {
+.cn-stages-widget__sr-only[data-v-3946def5] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -22207,6 +22537,19 @@ a.cn-kpi-card--stacked:focus-visible {
 	color: var(--color-main-text);
 }
 
+/* A board tile whose label wraps grows into its cell instead of clipping its
+   own last line. dossiq's "Afgehandeld deze maand" at 1100 wide held 129px of
+   content in a 114px tile and lost its caption's bottom. The tile still fills
+   a cell it fits (`min-height: 100%`), so every tile that fits keeps its
+   size; one that does not takes the height of its content, and the card-fit
+   cell's `safe center` keeps its top in view.
+   @spec openspec/changes/board-stat-tile-grows/specs/stat-tile-board-look/spec.md#requirement-a-board-stat-tile-shows-all-its-lines */
+.cn-kpi-card--board.cn-kpi-card--stacked {
+	flex: 0 0 auto;
+	height: auto;
+	min-height: 100%;
+}
+
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-kpi-card__caption-line,
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-stats-block__count-label {
 	font-size: 13px;
@@ -22629,7 +22972,7 @@ a.cn-kpi-card--board * {
 
 /* The title row carries an optional range select beside the label, which the
    canonical `__title` (a plain truncating heading) does not account for. */
-.cn-stat-widget__label[data-v-644c38a1] {
+.cn-stat-widget__label[data-v-b388a5f8] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -22639,14 +22982,14 @@ a.cn-kpi-card--board * {
 
 /* Stacked tile: the label and its range select centre over the number rather
    than spreading to the card's edges. */
-.cn-kpi-card--vertical .cn-stat-widget__label[data-v-644c38a1] {
+.cn-kpi-card--vertical .cn-stat-widget__label[data-v-b388a5f8] {
 	justify-content: center;
 	width: auto;
 }
 
 /* Sized down to sit inside the label row without pushing the tile taller —
    the tile's height is fixed by its grid cell (ADR-062). */
-.cn-stat-widget__range[data-v-644c38a1] {
+.cn-stat-widget__range[data-v-b388a5f8] {
 	flex: 0 0 auto;
 	max-width: 50%;
 	padding: 0 4px;
@@ -22658,15 +23001,15 @@ a.cn-kpi-card--board * {
 	font-weight: normal;
 	cursor: pointer;
 }
-.cn-stat-widget__range[data-v-644c38a1]:hover,
-.cn-stat-widget__range[data-v-644c38a1]:focus-visible {
+.cn-stat-widget__range[data-v-b388a5f8]:hover,
+.cn-stat-widget__range[data-v-b388a5f8]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
 
 /* Badge mode: the pill takes the value's place in the row. Sized to the
    card's label scale so it sits in the row without pushing the tile taller. */
-.cn-stat-widget__badge[data-v-644c38a1] {
+.cn-stat-widget__badge[data-v-b388a5f8] {
 	flex: 0 1 auto;
 	min-width: 0;
 	max-width: 100%;
@@ -22678,7 +23021,7 @@ a.cn-kpi-card--board * {
 /* The denominator of a "value / limit" pair. Deliberately quieter and smaller
    than the value: the tile's subject is what the number IS, not what it is
    allowed to reach. Shares the value's `nowrap` so the pair never breaks. */
-.cn-stat-widget__limit[data-v-644c38a1] {
+.cn-stat-widget__limit[data-v-b388a5f8] {
 	flex: 0 0 auto;
 	font-size: var(--cn-kpi-value-size-compact, 1.25rem);
 	font-weight: var(--cn-kpi-title-weight, 600);
@@ -22686,7 +23029,7 @@ a.cn-kpi-card--board * {
 	color: var(--cn-kpi-label-color, var(--color-text-maxcontrast));
 	white-space: nowrap;
 }
-.cn-stat-widget__trend[data-v-644c38a1] {
+.cn-stat-widget__trend[data-v-b388a5f8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 2px;
@@ -22699,7 +23042,7 @@ a.cn-kpi-card--board * {
    error dash is literally a `cn-kpi-card__value`, and two components showing
    the same failure at two different sizes is the drift this consolidation
    exists to remove. Only the colour differs: a failure is not a number. */
-.cn-stat-widget__error[data-v-644c38a1] {
+.cn-stat-widget__error[data-v-b388a5f8] {
 	font-size: var(--cn-kpi-value-size, 2rem);
 	font-weight: var(--cn-kpi-value-weight, 700);
 	line-height: var(--cn-kpi-value-line, 1.1);
@@ -22739,81 +23082,97 @@ a.cn-kpi-card--board * {
  * modes render this root, so both collapse. The bug was found on a
  * single-entry stats-block.
  */
-.cn-stats-block-widget[data-v-c1220134] {
+.cn-stats-block-widget[data-v-4341e971] {
 	flex: 1 1 auto;
 	min-width: 0;
 	width: 100%;
 }
-.cn-stats-block-widget--multi[data-v-c1220134] {
+.cn-stats-block-widget--multi[data-v-4341e971] {
 	display: flex;
 	flex-direction: column;
 	gap: var(--cn-kpi-stack-gap, 12px);
 }
 
 /* Rows layout: the board's "label left, number right" card body. */
-.cn-stats-block-widget--rows[data-v-c1220134] {
+.cn-stats-block-widget--rows[data-v-4341e971] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 	box-sizing: border-box;
 	padding: 20px 22px;
 }
-.cn-stats-block-widget__rows-title[data-v-c1220134] {
+.cn-stats-block-widget__rows-title[data-v-4341e971] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-stats-block-widget--grid[data-v-c1220134] {
+
+/* `width: 100%` plus this padding overflowed the card by 48px: the last
+   column ran past the card's right edge (visible once the tiles have a box). */
+.cn-stats-block-widget--grid[data-v-4341e971] {
+	box-sizing: border-box;
 	padding: 4px 24px 20px;
 }
-.cn-stats-block-widget__grid[data-v-c1220134] {
+.cn-stats-block-widget__grid[data-v-4341e971] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-stats-block-columns, 2), minmax(0, 1fr));
 	gap: 16px 20px;
 }
 
 /* A tile in the grid is a part of the card, not a card: no box, no inset. */
-.cn-stats-block-widget__grid-stat[data-v-c1220134] {
+.cn-stats-block-widget__grid-stat[data-v-4341e971] {
 	padding: 0;
 	min-width: 0;
 }
-.cn-stats-block-widget__rows[data-v-c1220134] {
+
+/* `tiles: "box"`: each tile on a grey ground of its own (board DcRapportages,
+   "Vergaderingen en efficiëntie"), 12px apart. */
+.cn-stats-block-widget--tiles-box .cn-stats-block-widget__grid[data-v-4341e971] {
+	gap: 12px;
+}
+.cn-stats-block-widget--tiles-box .cn-stats-block-widget__grid-stat[data-v-4341e971] {
+	box-sizing: border-box;
+	padding: 14px 16px;
+	border-radius: 10px;
+	background: var(--color-background-hover);
+}
+.cn-stats-block-widget__rows[data-v-4341e971] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	margin: 0;
 	font-size: 14px;
 }
-.cn-stats-block-widget__row[data-v-c1220134] {
+.cn-stats-block-widget__row[data-v-4341e971] {
 	display: flex;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-stats-block-widget__row-label[data-v-c1220134] {
+.cn-stats-block-widget__row-label[data-v-4341e971] {
 	min-width: 0;
 	margin: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-stats-block-widget__row-value[data-v-c1220134] {
+.cn-stats-block-widget__row-value[data-v-4341e971] {
 	flex: none;
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
 	text-align: right;
 }
-.cn-stats-block-widget__row-value--success[data-v-c1220134] {
+.cn-stats-block-widget__row-value--success[data-v-4341e971] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-stats-block-widget__row-value--warning[data-v-c1220134] {
+.cn-stats-block-widget__row-value--warning[data-v-4341e971] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-stats-block-widget__row-value--error[data-v-c1220134] {
+.cn-stats-block-widget__row-value--error[data-v-4341e971] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-stats-block-widget__row-value--primary[data-v-c1220134] {
+.cn-stats-block-widget__row-value--primary[data-v-4341e971] {
 	color: var(--color-primary-element);
 }
 
@@ -23018,7 +23377,7 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-object-data-widget__image[data-v-59ab12e6] {
+.cn-object-data-widget__image[data-v-324e1a00] {
 	max-width: 100%;
 	max-height: 160px;
 	border-radius: 8px;
@@ -23026,33 +23385,33 @@ a.cn-kpi-card--board * {
 }
 
 /* Shimmering placeholder while a relation's display name resolves. */
-.cn-object-data-widget__skeleton[data-v-59ab12e6] {
+.cn-object-data-widget__skeleton[data-v-324e1a00] {
 	display: inline-block;
 	width: 90px;
 	height: 1em;
 	border-radius: 4px;
 	background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
 	background-size: 200% 100%;
-	animation: cn-odw-shimmer-59ab12e6 1.2s ease-in-out infinite;
+	animation: cn-odw-shimmer-324e1a00 1.2s ease-in-out infinite;
 }
-@keyframes cn-odw-shimmer-59ab12e6 {
+@keyframes cn-odw-shimmer-324e1a00 {
 from { background-position: 200% 0;
 }
 to { background-position: -200% 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-object-data-widget__skeleton[data-v-59ab12e6] { animation: none;
+.cn-object-data-widget__skeleton[data-v-324e1a00] { animation: none;
 }
 }
-.cn-object-data-widget__grid[data-v-59ab12e6] {
+.cn-object-data-widget__grid[data-v-324e1a00] {
 	display: grid;
 	gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
 }
-.cn-object-data-widget__toggle[data-v-59ab12e6] {
+.cn-object-data-widget__toggle[data-v-324e1a00] {
 	margin-top: 4px;
 }
-.cn-object-data-widget__cell[data-v-59ab12e6] {
+.cn-object-data-widget__cell[data-v-324e1a00] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -23060,12 +23419,12 @@ to { background-position: -200% 0;
 	border-bottom: 1px solid var(--color-border-dark);
 	min-width: 0;
 }
-.cn-object-data-widget__label[data-v-59ab12e6] {
+.cn-object-data-widget__label[data-v-324e1a00] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__value[data-v-59ab12e6] {
+.cn-object-data-widget__value[data-v-324e1a00] {
 	font-size: 1em;
 	color: var(--color-main-text);
 	overflow-wrap: anywhere;
@@ -23079,24 +23438,24 @@ to { background-position: -200% 0;
    which drew a horizontal scrollbar under every data widget in a tab (dossiq's
    case page, Data tab). The end padding drops by the same 4px so the text and
    the edit icon sit where they sat. */
-.cn-object-data-widget__value--editable[data-v-59ab12e6] {
+.cn-object-data-widget__value--editable[data-v-324e1a00] {
 	cursor: pointer;
 	border-radius: var(--border-radius);
 	padding: 4px 20px 4px 4px;
 	margin: -4px 0 -4px -4px;
 }
-.cn-object-data-widget__value--editable[data-v-59ab12e6]:hover {
+.cn-object-data-widget__value--editable[data-v-324e1a00]:hover {
 	background: var(--color-background-dark);
 }
-.cn-object-data-widget__value--editable[data-v-59ab12e6]:focus-visible {
+.cn-object-data-widget__value--editable[data-v-324e1a00]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-object-data-widget__value--empty[data-v-59ab12e6] {
+.cn-object-data-widget__value--empty[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-object-data-widget__edit-icon[data-v-59ab12e6] {
+.cn-object-data-widget__edit-icon[data-v-324e1a00] {
 	position: absolute;
 	right: 4px;
 	top: 50%;
@@ -23105,21 +23464,21 @@ to { background-position: -200% 0;
 	opacity: 0;
 	transition: opacity 0.15s ease;
 }
-.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-59ab12e6],
-.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-59ab12e6] {
+.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-324e1a00],
+.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-324e1a00] {
 	opacity: 1;
 }
-.cn-object-data-widget__editor[data-v-59ab12e6] {
+.cn-object-data-widget__editor[data-v-324e1a00] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-object-data-widget__editor-actions[data-v-59ab12e6] {
+.cn-object-data-widget__editor-actions[data-v-324e1a00] {
 	display: flex;
 	gap: 2px;
 	justify-content: flex-end;
 }
-.cn-object-data-widget__textarea[data-v-59ab12e6] {
+.cn-object-data-widget__textarea[data-v-324e1a00] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -23131,11 +23490,11 @@ to { background-position: -200% 0;
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-object-data-widget__textarea[data-v-59ab12e6]:focus {
+.cn-object-data-widget__textarea[data-v-324e1a00]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-object-data-widget__empty[data-v-59ab12e6] {
+.cn-object-data-widget__empty[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -23143,16 +23502,16 @@ to { background-position: -200% 0;
 
 /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
    fits the card and participates in the whole-row overflow handling. */
-.cn-object-data-widget__mini-table-wrap[data-v-59ab12e6] {
+.cn-object-data-widget__mini-table-wrap[data-v-324e1a00] {
 	max-width: 100%;
 }
-.cn-object-data-widget__mini-table[data-v-59ab12e6] {
+.cn-object-data-widget__mini-table[data-v-324e1a00] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 0.9em;
 }
-.cn-object-data-widget__mini-table th[data-v-59ab12e6],
-.cn-object-data-widget__mini-table td[data-v-59ab12e6] {
+.cn-object-data-widget__mini-table th[data-v-324e1a00],
+.cn-object-data-widget__mini-table td[data-v-324e1a00] {
 	text-align: start;
 	padding: 2px 8px 2px 0;
 	border-bottom: 1px solid var(--color-border);
@@ -23163,23 +23522,23 @@ to { background-position: -200% 0;
 	   cell, and the card 8px wider than its cell (pipelinq's ticket page). */
 	white-space: normal;
 }
-.cn-object-data-widget__mini-table th[data-v-59ab12e6] {
+.cn-object-data-widget__mini-table th[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__more[data-v-59ab12e6] {
+.cn-object-data-widget__more[data-v-324e1a00] {
 	margin-top: 2px;
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
 
 /* Comma-less chip row for array-of-scalars values. */
-.cn-object-data-widget__chips[data-v-59ab12e6] {
+.cn-object-data-widget__chips[data-v-324e1a00] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
 }
-.cn-object-data-widget__chip[data-v-59ab12e6] {
+.cn-object-data-widget__chip[data-v-324e1a00] {
 	padding: 1px 8px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
@@ -23187,27 +23546,37 @@ to { background-position: -200% 0;
 }
 
 /* Key: value definition list for a single plain-object value. */
-.cn-object-data-widget__deflist[data-v-59ab12e6] {
+.cn-object-data-widget__deflist[data-v-324e1a00] {
 	display: grid;
 	grid-template-columns: auto 1fr;
 	gap: 2px 8px;
 	margin: 0;
 }
-.cn-object-data-widget__deflist dt[data-v-59ab12e6] {
+.cn-object-data-widget__deflist dt[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-object-data-widget__deflist dd[data-v-59ab12e6] {
+.cn-object-data-widget__deflist dd[data-v-324e1a00] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
 
+/* A long description keeps its own paragraphs. Set on an inline span with no
+   surrounding template whitespace, so only the value's own line breaks show. */
+.cn-object-data-widget__deflist-text[data-v-324e1a00] {
+	white-space: pre-wrap;
+}
+.cn-object-data-widget__deflist--nested[data-v-324e1a00] {
+	padding-inline-start: 8px;
+	border-inline-start: 2px solid var(--color-border);
+}
+
 /* Responsive: collapse to single column on narrow widths */
 @media (max-width: 600px) {
-.cn-object-data-widget__grid[data-v-59ab12e6] {
+.cn-object-data-widget__grid[data-v-324e1a00] {
 		grid-template-columns: 1fr !important;
 }
-.cn-object-data-widget__cell[data-v-59ab12e6] {
+.cn-object-data-widget__cell[data-v-324e1a00] {
 		grid-column: span 1 !important;
 		grid-row: span 1 !important;
 }
@@ -24592,23 +24961,23 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-widget-object-table[data-v-b6ed17ee] {
+.cn-widget-object-table[data-v-d8f8d15a] {
 	width: 100%;
 }
-.cn-widget-object-table__footer[data-v-b6ed17ee] {
+.cn-widget-object-table__footer[data-v-d8f8d15a] {
 	display: flex;
 	gap: 4px;
 	padding: 4px 8px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-widget-object-table__error[data-v-b6ed17ee] {
+.cn-widget-object-table__error[data-v-d8f8d15a] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-size: 0.85em;
 	margin: 4px 8px 0;
 }
 
 
-.cn-detail-page__catalog-action[data-v-37d4fdce] {
+.cn-detail-page__catalog-action[data-v-cf939e1a] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -24624,19 +24993,19 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 14px;
 	white-space: nowrap;
 }
-.cn-detail-page__catalog-note[data-v-37d4fdce] {
+.cn-detail-page__catalog-note[data-v-cf939e1a] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-37d4fdce],
-.cn-detail-widget-host[data-v-37d4fdce] > * {
+.cn-detail-widget-host[data-v-cf939e1a],
+.cn-detail-widget-host[data-v-cf939e1a] > * {
 	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-37d4fdce] {
+.cn-detail-widget-host--bare[data-v-cf939e1a] {
 	min-height: 0;
 }
 
@@ -24919,7 +25288,7 @@ button.cn-stepper__step[data-v-776581d4] {
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__stack[data-v-9ccd8dee] {
+.cn-tabs-widget__stack[data-v-72f3975c] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -24928,19 +25297,19 @@ button.cn-stepper__step[data-v-776581d4] {
 /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
    onto the next row, a row's cards as tall as the tallest. Narrow, it is the
    plain stack again. */
-.cn-tabs-widget__stack--grid[data-v-9ccd8dee] {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-9ccd8dee] > * {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-9ccd8dee] {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-9ccd8dee] > * {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] > * {
 		grid-column: auto !important;
 }
 }
@@ -24974,7 +25343,7 @@ button.cn-stepper__step[data-v-776581d4] {
    `!important` or on load order this library does not control. The same
    technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
    in CnTabs to beat Nextcloud's own button margin. */
-.cn-tabs-widget.cn-tabs-widget[data-v-9ccd8dee] {
+.cn-tabs-widget.cn-tabs-widget[data-v-72f3975c] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -24998,12 +25367,12 @@ button.cn-stepper__step[data-v-776581d4] {
    below it: the rule ran straight on to the widget's edge and read as a
    border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
    where the curve begins makes the rule and the curve one continuous edge. */
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -25016,11 +25385,11 @@ button.cn-stepper__step[data-v-776581d4] {
    own background-coloured bottom edge, which only works if it paints ABOVE the
    pseudo-element: a positioned pseudo-element otherwise paints over every
    in-flow sibling, rule included. */
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-9ccd8dee] {
+.cn-tabs-widget__tabs[data-v-72f3975c] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -25038,7 +25407,7 @@ button.cn-stepper__step[data-v-776581d4] {
    the open tab, but padding sits inside the painted box — only a margin would
    have opened that gap, and a zero top put every panel's content against the
    strip. */
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__content {
 	background-color: var(--color-main-background);
 	/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
 	   is this sheet's top edge, and the open tab erases the slice of it
@@ -25058,7 +25427,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tab {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tab {
 	height: 100%;
 }
 
@@ -25066,15 +25435,15 @@ button.cn-stepper__step[data-v-776581d4] {
    (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
    holds the list directly the footer stuck out 4px on the right and at the
    bottom and made the panel scroll. It bleeds exactly the panel's padding. */
-.cn-tabs-widget__tabs[data-v-9ccd8dee] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
-.cn-tabs-widget__title[data-v-9ccd8dee] {
+.cn-tabs-widget__title[data-v-72f3975c] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-9ccd8dee] {
+.cn-tabs-widget__title-icon[data-v-72f3975c] {
 	flex: 0 0 auto;
 }
 
@@ -25098,18 +25467,18 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-week-strip[data-v-b6c5e274] {
+.cn-week-strip[data-v-27a717bd] {
 	width: 100%;
 }
 
 /* `content.inset: true`: the board's inset inside the card (zuiddrecht-pixel-
    gaps-3). A dashboard renders its widgets flush, so without it the strip ran
    from card edge to card edge. Theme hook: --cn-widget-board-inset. */
-.cn-week-strip--inset[data-v-b6c5e274] {
+.cn-week-strip--inset[data-v-27a717bd] {
 	box-sizing: border-box;
 	padding: var(--cn-widget-board-inset, 16px 24px 22px);
 }
-.cn-week-strip__state[data-v-b6c5e274] {
+.cn-week-strip__state[data-v-27a717bd] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -25117,15 +25486,15 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 12px 4px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-week-strip__scroll[data-v-b6c5e274] {
+.cn-week-strip__scroll[data-v-27a717bd] {
 	overflow-x: auto;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-week-strip__scroll[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__scroll[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-week-strip__days[data-v-b6c5e274] {
+.cn-week-strip__days[data-v-27a717bd] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-week-strip-columns, 5), minmax(128px, 1fr));
 	gap: 10px;
@@ -25135,7 +25504,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0;
 	list-style: none;
 }
-.cn-week-strip__day[data-v-b6c5e274] {
+.cn-week-strip__day[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -25145,11 +25514,11 @@ button.cn-stepper__step[data-v-776581d4] {
 	border-radius: var(--border-radius-large, 8px);
 	background: var(--color-background-hover);
 }
-.cn-week-strip__day--today[data-v-b6c5e274] {
+.cn-week-strip__day--today[data-v-27a717bd] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-week-strip__head[data-v-b6c5e274] {
+.cn-week-strip__head[data-v-27a717bd] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -25158,7 +25527,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-week-strip__today[data-v-b6c5e274] {
+.cn-week-strip__today[data-v-27a717bd] {
 	padding: 1px 8px;
 	border-radius: var(--border-radius-pill, 10px);
 	background: var(--color-primary-element);
@@ -25166,7 +25535,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	font-size: 0.85em;
 	font-weight: 700;
 }
-.cn-week-strip__items[data-v-b6c5e274] {
+.cn-week-strip__items[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
@@ -25174,7 +25543,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0;
 	list-style: none;
 }
-.cn-week-strip__item[data-v-b6c5e274] {
+.cn-week-strip__item[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
@@ -25185,41 +25554,41 @@ button.cn-stepper__step[data-v-776581d4] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-.cn-week-strip__item--link[data-v-b6c5e274]:hover {
+.cn-week-strip__item--link[data-v-27a717bd]:hover {
 	border-color: var(--color-primary-element);
 }
-.cn-week-strip__item--link[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__item--link[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
 
 /* The edge is drawn inside the box, so a late item is as wide as the others. */
-.cn-week-strip__item--late[data-v-b6c5e274] {
+.cn-week-strip__item--late[data-v-27a717bd] {
 	border-color: var(--color-element-error, var(--color-error));
 	box-shadow: inset 3px 0 0 0 var(--color-element-error, var(--color-error));
 }
-.cn-week-strip__title[data-v-b6c5e274] {
+.cn-week-strip__title[data-v-27a717bd] {
 	font-size: 0.95em;
 	line-height: 1.3;
 	overflow-wrap: anywhere;
 }
-.cn-week-strip__meta[data-v-b6c5e274] {
+.cn-week-strip__meta[data-v-27a717bd] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	overflow-wrap: anywhere;
 }
-.cn-week-strip__late[data-v-b6c5e274] {
+.cn-week-strip__late[data-v-27a717bd] {
 	font-size: 0.8em;
 	font-weight: 600;
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-week-strip__empty[data-v-b6c5e274] {
+.cn-week-strip__empty[data-v-27a717bd] {
 	font-size: 0.9em;
 	color: var(--color-text-maxcontrast);
 }
 
 /* "+N more" under a capped day: a quiet text control, 24px high to click. */
-.cn-week-strip__more[data-v-b6c5e274] {
+.cn-week-strip__more[data-v-27a717bd] {
 	align-self: flex-start;
 	min-height: 24px;
 	margin: 0;
@@ -25234,10 +25603,10 @@ button.cn-stepper__step[data-v-776581d4] {
 	text-decoration: none;
 	cursor: pointer;
 }
-.cn-week-strip__more[data-v-b6c5e274]:hover {
+.cn-week-strip__more[data-v-27a717bd]:hover {
 	text-decoration: underline;
 }
-.cn-week-strip__more[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__more[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -28483,7 +28852,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 
 /* The percentage-change chip beside the value. Tinted good/bad at runtime from
  * `goodDirection`, so the colour is an inline style, not a class. */
-.cn-delta-widget__delta[data-v-66680dc6] {
+.cn-delta-widget__delta[data-v-ee481872] {
 	display: inline-flex;
 	align-items: center;
 	gap: 2px;
@@ -28494,7 +28863,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 /* The dash shown when the number could not be fetched. It stands where the
  * value stands, so it takes the value's size and weight — only the colour
  * differs, because a failure is not a number. */
-.cn-delta-widget__error[data-v-66680dc6] {
+.cn-delta-widget__error[data-v-ee481872] {
 	font-size: var(--cn-kpi-value-size, 2rem);
 	font-weight: var(--cn-kpi-value-weight, 700);
 	line-height: var(--cn-kpi-value-line, 1.1);
@@ -28525,7 +28894,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 
-.cn-gauge-widget[data-v-0ac8e0e8] {
+.cn-gauge-widget[data-v-006ab8f8] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -28533,58 +28902,58 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 /* Whole-tile click target when the widget declares a `route`/`link`. */
-.cn-gauge-widget--linked[data-v-0ac8e0e8] {
+.cn-gauge-widget--linked[data-v-006ab8f8] {
 	cursor: pointer;
 	text-decoration: none;
 	color: inherit;
 	border-radius: var(--border-radius-large, 8px);
 	transition: background-color 0.1s ease-in-out;
 }
-.cn-gauge-widget--linked[data-v-0ac8e0e8]:hover {
+.cn-gauge-widget--linked[data-v-006ab8f8]:hover {
 	background-color: var(--color-background-hover);
 }
-.cn-gauge-widget--linked[data-v-0ac8e0e8]:focus-visible {
+.cn-gauge-widget--linked[data-v-006ab8f8]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-gauge-widget__head[data-v-0ac8e0e8] {
+.cn-gauge-widget__head[data-v-006ab8f8] {
 	display: flex;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-gauge-widget__label[data-v-0ac8e0e8] {
+.cn-gauge-widget__label[data-v-006ab8f8] {
 	font-size: 0.95em;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-gauge-widget__pct[data-v-0ac8e0e8] {
+.cn-gauge-widget__pct[data-v-006ab8f8] {
 	font-size: 1.2em;
 	font-weight: 700;
 }
-.cn-gauge-widget__track[data-v-0ac8e0e8] {
+.cn-gauge-widget__track[data-v-006ab8f8] {
 	width: 100%;
 	height: 10px;
 	border-radius: 5px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-gauge-widget__fill[data-v-0ac8e0e8] {
+.cn-gauge-widget__fill[data-v-006ab8f8] {
 	height: 100%;
 	border-radius: 5px;
 	transition: width 0.3s ease;
 }
-.cn-gauge-widget__foot[data-v-0ac8e0e8] {
+.cn-gauge-widget__foot[data-v-006ab8f8] {
 	display: flex;
 	align-items: baseline;
 	gap: 6px;
 	font-size: 0.9em;
 }
-.cn-gauge-widget__value[data-v-0ac8e0e8] {
+.cn-gauge-widget__value[data-v-006ab8f8] {
 	font-weight: 700;
 	color: var(--color-main-text);
 }
-.cn-gauge-widget__target[data-v-0ac8e0e8] {
+.cn-gauge-widget__target[data-v-006ab8f8] {
 	color: var(--color-text-maxcontrast);
 }
 
@@ -28975,13 +29344,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-10daaa85] {
+.cn-facts-widget[data-v-8146cb58] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-10daaa85] {
+.cn-facts-widget__rows[data-v-8146cb58] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -28990,7 +29359,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-10daaa85] {
+.cn-facts-widget__row[data-v-8146cb58] {
 	display: contents;
 }
 
@@ -28998,13 +29367,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
    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-10daaa85] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-8146cb58] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-10daaa85] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-8146cb58] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -29012,20 +29381,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-10daaa85] {
+.cn-facts-widget__title[data-v-8146cb58] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-10daaa85] {
+.cn-facts-widget__line[data-v-8146cb58] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-10daaa85] {
+.cn-facts-widget__muted[data-v-8146cb58] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-10daaa85] {
+.cn-facts-widget__label .hidden-visually[data-v-8146cb58] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -29033,23 +29402,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-10daaa85] {
+.cn-facts-widget__label--icon[data-v-8146cb58] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-10daaa85] {
+.cn-facts-widget__value-link[data-v-8146cb58] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-10daaa85],
-.cn-facts-widget__icon-button[data-v-10daaa85],
-.cn-facts-widget__action[data-v-10daaa85] {
+.cn-facts-widget__inline-button[data-v-8146cb58],
+.cn-facts-widget__icon-button[data-v-8146cb58],
+.cn-facts-widget__action[data-v-8146cb58] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-10daaa85] {
+.cn-facts-widget__inline-button[data-v-8146cb58] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -29060,7 +29429,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 28px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-10daaa85] {
+.cn-facts-widget__icon-button[data-v-8146cb58] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -29069,23 +29438,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-10daaa85]:hover,
-.cn-facts-widget__icon-button[data-v-10daaa85]:focus-visible {
+.cn-facts-widget__icon-button[data-v-8146cb58]:hover,
+.cn-facts-widget__icon-button[data-v-8146cb58]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-10daaa85] {
+.cn-facts-widget__text[data-v-8146cb58] {
 	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-10daaa85] {
+.cn-facts-widget__lead[data-v-8146cb58] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-10daaa85] {
+.cn-facts-widget__lead-tile[data-v-8146cb58] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -29098,29 +29467,29 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 40px;
 }
-.cn-facts-widget__lead-tile--success[data-v-10daaa85] {
+.cn-facts-widget__lead-tile--success[data-v-8146cb58] {
 	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-10daaa85] {
+.cn-facts-widget__lead-tile--info[data-v-8146cb58] {
 	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-10daaa85] {
+.cn-facts-widget__lead-text[data-v-8146cb58] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-10daaa85] {
+.cn-facts-widget__lead-title[data-v-8146cb58] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-10daaa85] {
+.cn-facts-widget__lead-subtitle[data-v-8146cb58] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-10daaa85] {
+.cn-facts-widget__action[data-v-8146cb58] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29132,11 +29501,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-10daaa85]:hover,
-.cn-facts-widget__action[data-v-10daaa85]:focus-visible {
+.cn-facts-widget__action[data-v-8146cb58]:hover,
+.cn-facts-widget__action[data-v-8146cb58]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-10daaa85] {
+.cn-facts-widget__link[data-v-8146cb58] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -29144,34 +29513,34 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-field-list-widget[data-v-7d90316d] {
+.cn-field-list-widget[data-v-643f1dd6] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 	min-width: 0;
 }
-.cn-field-list-widget__rows[data-v-7d90316d] {
+.cn-field-list-widget__rows[data-v-643f1dd6] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-field-list-widget__row[data-v-7d90316d] {
+.cn-field-list-widget__row[data-v-643f1dd6] {
 	padding: 10px 0;
 	border-top: 1px solid var(--color-border);
 }
-.cn-field-list-widget__row[data-v-7d90316d]:first-child {
+.cn-field-list-widget__row[data-v-643f1dd6]:first-child {
 	border-top: none;
 	padding-top: 0;
 }
-.cn-field-list-widget__line[data-v-7d90316d] {
+.cn-field-list-widget__line[data-v-643f1dd6] {
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	min-width: 0;
 }
-.cn-field-list-widget__avatar[data-v-7d90316d] {
+.cn-field-list-widget__avatar[data-v-643f1dd6] {
 	flex: 0 0 auto;
 	display: inline-flex;
 	align-items: center;
@@ -29184,64 +29553,69 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	font-size: 12px;
 	font-weight: 700;
 }
-.cn-field-list-widget__main[data-v-7d90316d] {
+.cn-field-list-widget__main[data-v-643f1dd6] {
 	display: flex;
 	flex-direction: column;
 	flex: 1 1 auto;
 	min-width: 0;
 }
-.cn-field-list-widget__title[data-v-7d90316d] {
+.cn-field-list-widget__title[data-v-643f1dd6] {
 	font-weight: 600;
 	overflow-wrap: anywhere;
 }
-.cn-field-list-widget__meta[data-v-7d90316d],
-.cn-field-list-widget__aside[data-v-7d90316d],
-.cn-field-list-widget__detail[data-v-7d90316d],
-.cn-field-list-widget__hint[data-v-7d90316d],
-.cn-field-list-widget__empty[data-v-7d90316d] {
+.cn-field-list-widget__meta[data-v-643f1dd6],
+.cn-field-list-widget__aside[data-v-643f1dd6],
+.cn-field-list-widget__detail[data-v-643f1dd6],
+.cn-field-list-widget__hint[data-v-643f1dd6],
+.cn-field-list-widget__empty[data-v-643f1dd6] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-field-list-widget__meta[data-v-7d90316d],
-.cn-field-list-widget__aside[data-v-7d90316d],
-.cn-field-list-widget__detail[data-v-7d90316d] {
+.cn-field-list-widget__meta[data-v-643f1dd6],
+.cn-field-list-widget__aside[data-v-643f1dd6],
+.cn-field-list-widget__copies[data-v-643f1dd6] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4px;
+}
+.cn-field-list-widget__detail[data-v-643f1dd6] {
 	font-size: 13px;
 }
-.cn-field-list-widget__aside[data-v-7d90316d] {
+.cn-field-list-widget__aside[data-v-643f1dd6] {
 	white-space: nowrap;
 }
-.cn-field-list-widget__detail[data-v-7d90316d],
-.cn-field-list-widget__hint[data-v-7d90316d],
-.cn-field-list-widget__empty[data-v-7d90316d] {
+.cn-field-list-widget__detail[data-v-643f1dd6],
+.cn-field-list-widget__hint[data-v-643f1dd6],
+.cn-field-list-widget__empty[data-v-643f1dd6] {
 	margin: 4px 0 0;
 	overflow-wrap: anywhere;
 }
-.cn-field-list-widget__add[data-v-7d90316d] {
+.cn-field-list-widget__add[data-v-643f1dd6] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-end;
 	gap: 8px 12px;
 }
-.cn-field-list-widget__add[data-v-7d90316d] > * {
+.cn-field-list-widget__add[data-v-643f1dd6] > * {
 	flex: 1 1 180px;
 }
-.cn-field-list-widget__add > button[data-v-7d90316d] {
+.cn-field-list-widget__add > button[data-v-643f1dd6] {
 	flex: 0 0 auto;
 }
-.cn-field-list-widget__toolbar[data-v-7d90316d] {
+.cn-field-list-widget__toolbar[data-v-643f1dd6] {
 	display: flex;
 	justify-content: flex-end;
 }
-.cn-field-list-widget__table-wrap[data-v-7d90316d] {
+.cn-field-list-widget__table-wrap[data-v-643f1dd6] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 	overflow-x: auto;
 }
-.cn-field-list-widget__table[data-v-7d90316d] {
+.cn-field-list-widget__table[data-v-643f1dd6] {
 	width: 100%;
 	border-collapse: collapse;
 }
-.cn-field-list-widget__th[data-v-7d90316d] {
+.cn-field-list-widget__th[data-v-643f1dd6] {
 	padding: 8px 12px;
 	text-align: start;
 	font-size: 13px;
@@ -29250,27 +29624,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	color: var(--color-text-maxcontrast);
 	background: var(--color-background-hover);
 }
-.cn-field-list-widget__th--menu[data-v-7d90316d],
-.cn-field-list-widget__td--menu[data-v-7d90316d] {
+.cn-field-list-widget__th--menu[data-v-643f1dd6],
+.cn-field-list-widget__td--menu[data-v-643f1dd6] {
 	width: 1%;
 	text-align: end;
 }
-.cn-field-list-widget__tr[data-v-7d90316d] {
+.cn-field-list-widget__tr[data-v-643f1dd6] {
 	border-top: 1px solid var(--cn-board-hairline, var(--color-border));
 }
-.cn-field-list-widget__td[data-v-7d90316d] {
+.cn-field-list-widget__td[data-v-643f1dd6] {
 	padding: 10px 12px;
 	vertical-align: middle;
 	overflow-wrap: anywhere;
 }
-.cn-field-list-widget__sr[data-v-7d90316d] {
+.cn-field-list-widget__sr[data-v-643f1dd6] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
 	clip-path: inset(50%);
 }
-.cn-field-list-widget__band[data-v-7d90316d] {
+.cn-field-list-widget__band[data-v-643f1dd6] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -29616,17 +29990,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-toggle-table[data-v-1bb40018] {
+.cn-toggle-table[data-v-24769640] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-toggle-table__table[data-v-1bb40018] {
+.cn-toggle-table__table[data-v-24769640] {
 	width: 100%;
 	border-collapse: collapse;
 }
-.cn-toggle-table__head[data-v-1bb40018] {
+.cn-toggle-table__head[data-v-24769640] {
 	padding: 8px 12px;
 	text-align: start;
 	font-size: 13px;
@@ -29634,30 +30008,30 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	color: var(--color-text-maxcontrast);
 	background: var(--color-background-hover);
 }
-.cn-toggle-table__head--toggle[data-v-1bb40018],
-.cn-toggle-table__cell--toggle[data-v-1bb40018] {
+.cn-toggle-table__head--toggle[data-v-24769640],
+.cn-toggle-table__cell--toggle[data-v-24769640] {
 	width: 1%;
 	white-space: nowrap;
 	text-align: end;
 }
-.cn-toggle-table__row[data-v-1bb40018] {
+.cn-toggle-table__row[data-v-24769640] {
 	border-top: 1px solid var(--cn-board-hairline, var(--color-border));
 }
-.cn-toggle-table__cell[data-v-1bb40018] {
+.cn-toggle-table__cell[data-v-24769640] {
 	padding: 10px 12px;
 	vertical-align: middle;
 	overflow-wrap: anywhere;
 }
-.cn-toggle-table__title[data-v-1bb40018] {
+.cn-toggle-table__title[data-v-24769640] {
 	display: block;
 	font-weight: 600;
 }
-.cn-toggle-table__hint[data-v-1bb40018] {
+.cn-toggle-table__hint[data-v-24769640] {
 	display: block;
 	font-size: 12px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-toggle-table__empty[data-v-1bb40018] {
+.cn-toggle-table__empty[data-v-24769640] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
@@ -29757,27 +30131,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-519e7f1c] {
+.cn-record-list__list[data-v-b2ef255e] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__empty[data-v-519e7f1c],
-.cn-record-list__error[data-v-519e7f1c] {
+.cn-record-list__empty[data-v-b2ef255e],
+.cn-record-list__error[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-519e7f1c] {
+.cn-record-list__loading[data-v-b2ef255e] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-519e7f1c] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-b2ef255e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__row[data-v-519e7f1c] {
+.cn-record-list__row[data-v-b2ef255e] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -29785,11 +30159,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-519e7f1c],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-519e7f1c] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-b2ef255e],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-b2ef255e] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-519e7f1c] {
+.cn-record-list__avatar[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -29802,67 +30176,67 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-519e7f1c] {
+.cn-record-list__main[data-v-b2ef255e] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-519e7f1c] {
+.cn-record-list__title[data-v-b2ef255e] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-519e7f1c] {
+.cn-record-list__meta[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-519e7f1c] {
+.cn-record-list__aside[data-v-b2ef255e] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-519e7f1c] {
+.cn-record-list__trailing[data-v-b2ef255e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-519e7f1c] {
+.cn-record-list__due[data-v-b2ef255e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-519e7f1c] {
+.cn-record-list__due--danger[data-v-b2ef255e] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-519e7f1c] {
+.cn-record-list__due--empty[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-519e7f1c] {
+.cn-record-list__row--action[data-v-b2ef255e] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-519e7f1c] {
+.cn-record-list__row--action .cn-record-list__main[data-v-b2ef255e] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-519e7f1c] {
+.cn-record-list__title--link[data-v-b2ef255e] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-519e7f1c] {
+.cn-record-list__pills[data-v-b2ef255e] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-519e7f1c] {
+.cn-record-list__due--column[data-v-b2ef255e] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-519e7f1c] {
+.cn-record-list__action[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29879,26 +30253,26 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-519e7f1c]:hover,
-.cn-record-list__action[data-v-519e7f1c]:focus-visible {
+.cn-record-list__action[data-v-b2ef255e]:hover,
+.cn-record-list__action[data-v-b2ef255e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-519e7f1c] {
+.cn-record-list__chevron[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-519e7f1c] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-b2ef255e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-519e7f1c] {
+.cn-record-list__feed-row[data-v-b2ef255e] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-519e7f1c] {
+.cn-record-list__feed-icon[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -29909,25 +30283,25 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-519e7f1c] {
+.cn-record-list__text[data-v-b2ef255e] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-519e7f1c] {
+.cn-record-list--feed .cn-record-list__main[data-v-b2ef255e] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-519e7f1c] {
+.cn-record-list__inline-row[data-v-b2ef255e] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-519e7f1c] {
+.cn-record-list__label[data-v-b2ef255e] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-519e7f1c] {
+.cn-record-list__inline-title[data-v-b2ef255e] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-519e7f1c] {
+a.cn-record-list__inline-title[data-v-b2ef255e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -30247,6 +30621,7 @@ a.cn-record-list__inline-title[data-v-519e7f1c] {
 }
 
 .cn-form-widget__textarea {
+	box-sizing: border-box;
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -30269,6 +30644,16 @@ a.cn-record-list__inline-title[data-v-519e7f1c] {
 	margin: 0;
 }
 
+/* A select takes its field's width, however narrow the card. NcSelect is at
+   least 260px wide on its own, so in pipelinq's 234px "Nieuw contactmoment"
+   card at 1100 wide the channel and client selects ran 40px past the card's
+   edge. The client picker (CnResourceSelect) is an NcSelect too.
+   @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language */
+.cn-form-widget .v-select.select {
+	min-width: 0;
+	width: 100%;
+}
+
 
 .cn-banner-form[data-v-0c839173] {
 	display: flex;
@@ -30863,40 +31248,40 @@ a.cn-record-list__inline-title[data-v-519e7f1c] {
 }
 
 
-.cn-version-info__card[data-v-7a828af4] {
+.cn-version-info__card[data-v-17db98e4] {
 	background: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	margin-bottom: 20px;
 }
-.cn-version-info__card h4[data-v-7a828af4] {
+.cn-version-info__card h4[data-v-17db98e4] {
 	margin: 0 0 16px 0;
 	font-size: 16px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-version-info__details[data-v-7a828af4] {
+.cn-version-info__details[data-v-17db98e4] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-version-info__item[data-v-7a828af4] {
+.cn-version-info__item[data-v-17db98e4] {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-version-info__item[data-v-7a828af4]:last-child {
+.cn-version-info__item[data-v-17db98e4]:last-child {
 	border-bottom: none;
 }
-.cn-version-info__label[data-v-7a828af4] {
+.cn-version-info__label[data-v-17db98e4] {
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-version-info__value[data-v-7a828af4] {
+.cn-version-info__value[data-v-17db98e4] {
 	font-family: 'Courier New', Courier, monospace;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -30904,28 +31289,28 @@ a.cn-record-list__inline-title[data-v-519e7f1c] {
 }
 
 /* Status classes for values */
-.cn-version-info__status--ok[data-v-7a828af4] {
+.cn-version-info__status--ok[data-v-17db98e4] {
 	color: var(--color-success);
 	font-weight: 600;
 }
-.cn-version-info__status--warning[data-v-7a828af4] {
+.cn-version-info__status--warning[data-v-17db98e4] {
 	color: var(--color-warning);
 	font-weight: 600;
 }
-.cn-version-info__status--error[data-v-7a828af4] {
+.cn-version-info__status--error[data-v-17db98e4] {
 	color: var(--color-error);
 	font-weight: 600;
 }
 @media (max-width: 768px) {
-.cn-version-info__item[data-v-7a828af4] {
+.cn-version-info__item[data-v-17db98e4] {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 4px;
 }
-.cn-version-info__label[data-v-7a828af4] {
+.cn-version-info__label[data-v-17db98e4] {
 		font-weight: 600;
 }
-.cn-version-info__value[data-v-7a828af4] {
+.cn-version-info__value[data-v-17db98e4] {
 		word-break: break-all;
 }
 }
@@ -34193,28 +34578,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-2f22ff08] {
+.cn-admin-settings-shell[data-v-3672ca0b] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-2f22ff08] {
+.cn-support-info[data-v-3672ca0b] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-2f22ff08] {
+.cn-support-info h4[data-v-3672ca0b] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-2f22ff08] {
+.cn-support-info p[data-v-3672ca0b] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-2f22ff08] {
+.cn-support-info a[data-v-3672ca0b] {
 	color: var(--color-primary-element);
 }
 
@@ -34316,19 +34701,24 @@ to {
 	gap: 8px;
 }
 
-.cn-board-view.cn-board-view--board .cn-board-view__card-title {
+/* The title is a link drawn as a heading (board DqWerkbord): main text, no
+   underline. `!important` because a theme's `a { color; text-decoration }`
+   carries it (thematiq), and a bare `a` with `!important` beats any class. */
+.cn-board-view.cn-board-view--board .cn-board-view__card-title,
+.cn-board-view.cn-board-view--board .cn-board-view__card-title:visited {
 	flex: 1 1 auto;
 	min-width: 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.3;
-	color: var(--color-main-text);
-	text-decoration: none;
+	color: var(--color-main-text) !important;
+	text-decoration: none !important;
 	overflow-wrap: anywhere;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:hover {
-	text-decoration: underline;
+	color: var(--color-main-text) !important;
+	text-decoration: underline !important;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:focus-visible {
@@ -34488,21 +34878,77 @@ to {
 	outline-offset: 2px;
 }
 
-.cn-board-view__columns[data-v-0dd966c7] {
+/*
+ * screens-board-reference-columns: a wide board wraps its columns onto more
+ * rows (`config.board.wrap`), as many to a row as fit at 240px, instead of
+ * one row that scrolls sideways.
+ */
+.cn-board-view.cn-board-view--wrap .cn-board-view__columns {
+	display: grid;
+	grid-auto-flow: row;
+	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+	overflow-x: visible;
+}
+
+.cn-board-view.cn-board-view--wrap:not(.cn-board-view--board) .cn-board-view__columns {
+	gap: 12px;
+}
+
+/* A column the dragged card cannot reach fades; the label stays readable. */
+.cn-board-view .cn-board-view__column--unreachable {
+	opacity: 0.45;
+}
+
+/* The selection checkbox: in the board look's card head, before the title. */
+.cn-board-view .cn-board-view__select {
+	flex: none;
+	width: 16px;
+	height: 16px;
+	margin: 2px 0 0;
+	accent-color: var(--color-primary-element);
+	cursor: pointer;
+}
+
+/* Board look: the board draws no checkbox. It shows on a hovered card, on a
+   card holding focus (so Tab still reaches it), once anything is selected, and
+   always where there is no hover. Collapsed rather than hidden, so it stays in
+   the tab order. */
+@media (hover: hover) {
+	.cn-board-view.cn-board-view--board:not(.cn-board-view--selecting) .cn-board-view__card:not(:hover, :focus-within) .cn-board-view__select {
+		width: 0;
+		margin-inline-end: -8px;
+		opacity: 0;
+	}
+}
+
+/* A menu target the card cannot reach: still listed, greyed, with its note. */
+.cn-board-view.cn-board-view--board .cn-board-view__menu-item.cn-board-view__menu-item--blocked {
+	color: var(--color-text-maxcontrast);
+	cursor: not-allowed;
+}
+
+.cn-board-view .cn-board-view__menu-note {
+	margin-inline-start: auto;
+	padding-inline-start: 12px;
+	font-size: 12px;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-board-view__columns[data-v-181b36b2] {
   display: flex;
   gap: 12px;
   overflow-x: auto;
   align-items: flex-start;
 }
 
-.cn-board-view__column[data-v-0dd966c7] {
+.cn-board-view__column[data-v-181b36b2] {
   flex: 0 0 260px;
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
   padding: 8px;
 }
 
-.cn-board-view__column-header[data-v-0dd966c7] {
+.cn-board-view__column-header[data-v-181b36b2] {
   display: flex;
   justify-content: space-between;
   gap: 8px;
@@ -34510,13 +34956,13 @@ to {
   margin: 0 0 8px;
 }
 
-.cn-board-view__count[data-v-0dd966c7],
-.cn-board-view__empty[data-v-0dd966c7],
-.cn-board-view__unusable[data-v-0dd966c7] {
+.cn-board-view__count[data-v-181b36b2],
+.cn-board-view__empty[data-v-181b36b2],
+.cn-board-view__unusable[data-v-181b36b2] {
   color: var(--color-text-maxcontrast);
 }
 
-.cn-board-view__card[data-v-0dd966c7] {
+.cn-board-view__card[data-v-181b36b2] {
   display: block;
   background-color: var(--color-main-background);
   border: 1px solid var(--color-border);
@@ -34525,29 +34971,29 @@ to {
   margin-bottom: 8px;
 }
 
-.cn-board-view__card-field[data-v-0dd966c7] {
+.cn-board-view__card-field[data-v-181b36b2] {
   display: block;
 }
 
 /* A late card: an edge in the error colour, drawn as an inset shadow so the
    card keeps its size and its rounded corners. The label below carries the
    meaning; the edge only helps a sighted reader find it. */
-.cn-board-view__card--overdue[data-v-0dd966c7] {
+.cn-board-view__card--overdue[data-v-181b36b2] {
   border-color: var(--color-error);
   box-shadow: inset 3px 0 0 var(--color-error);
 }
 
-.cn-board-view__due[data-v-0dd966c7] {
+.cn-board-view__due[data-v-181b36b2] {
   display: block;
   font-size: 0.85em;
   font-weight: 700;
 }
 
-.cn-board-view__due--overdue[data-v-0dd966c7] {
+.cn-board-view__due--overdue[data-v-181b36b2] {
   color: var(--color-error-text, var(--color-error));
 }
 
-.cn-board-view__due--soon[data-v-0dd966c7] {
+.cn-board-view__due--soon[data-v-181b36b2] {
   color: var(--color-warning-text, var(--color-main-text));
   font-weight: 600;
 }
@@ -34556,7 +35002,7 @@ to {
  * The card's opening control. The cursor and the focus ring live here now,
  * on the thing that actually does something, rather than on the box.
  */
-.cn-board-view__card-open[data-v-0dd966c7] {
+.cn-board-view__card-open[data-v-181b36b2] {
   background: none;
   border: none;
   padding: 0;
@@ -34565,12 +35011,12 @@ to {
   font-size: 0.8rem;
 }
 
-.cn-board-view__card-open[data-v-0dd966c7]:focus-visible {
+.cn-board-view__card-open[data-v-181b36b2]:focus-visible {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-board-view__lane-header[data-v-0dd966c7] {
+.cn-board-view__lane-header[data-v-181b36b2] {
   background: none;
   border: none;
   font-weight: bold;
@@ -34579,12 +35025,12 @@ to {
   color: var(--color-main-text);
 }
 
-.cn-board-view__move-label[data-v-0dd966c7] {
+.cn-board-view__move-label[data-v-181b36b2] {
   color: var(--color-text-maxcontrast);
   font-size: 0.8rem;
 }
 
-.cn-board-view__refusal[data-v-0dd966c7] {
+.cn-board-view__refusal[data-v-181b36b2] {
   color: var(--color-error);
 }
 
@@ -35371,6 +35817,16 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
+.cn-run-node-dialog__form[data-v-2d7cb7f5] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+.cn-run-node-dialog__hint[data-v-2d7cb7f5] {
+	color: var(--color-text-maxcontrast);
+}
+
+
 .cn-advanced-form-dialog__json-editor[data-v-3cca5b13] {
 	display: flex;
 	flex-direction: column;
@@ -35967,6 +36423,21 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
+.cn-action-buttons[data-v-49607313] {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
+/* In menu mode the only children are dialogs, so the wrapper must not be a
+   box: an empty inline-flex child still eats one of the header's flex gaps
+   and pushes the Actions menu away from the Edit button beside it. */
+.cn-action-buttons--menu[data-v-49607313] {
+	display: contents;
+}
+
+
 .cn-copy__pattern[data-v-18a59770] {
 	margin-bottom: 16px;
 }
@@ -36684,24 +37155,24 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-walkthrough[data-v-165ee49b] {
+.cn-walkthrough[data-v-34991bbf] {
 	position: fixed;
 	inset: 0;
 	pointer-events: none;
 }
-.cn-walkthrough__live[data-v-165ee49b] {
+.cn-walkthrough__live[data-v-34991bbf] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
 	clip-path: inset(50%);
 }
-.cn-walkthrough__dim[data-v-165ee49b] {
+.cn-walkthrough__dim[data-v-34991bbf] {
 	position: fixed;
 	background: var(--color-modal-background, rgba(0, 0, 0, 0.5));
 	pointer-events: auto;
 }
-.cn-walkthrough__dim--full[data-v-165ee49b] {
+.cn-walkthrough__dim--full[data-v-34991bbf] {
 	inset: 0;
 }
 
@@ -36710,16 +37181,16 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    underneath (see the template comment). */
 /* Lets the step's own task through — and therefore cannot be clicked to
    dismiss; ESC, the close button and Back/Finish remain (see the template). */
-.cn-walkthrough__dim--passthrough[data-v-165ee49b] {
+.cn-walkthrough__dim--passthrough[data-v-34991bbf] {
 	pointer-events: none;
 }
-.cn-walkthrough__ring[data-v-165ee49b] {
+.cn-walkthrough__ring[data-v-34991bbf] {
 	position: fixed;
 	border-radius: var(--border-radius-large, 8px);
 	box-shadow: 0 0 0 2px var(--color-primary-element, #0082c9);
 	pointer-events: none;
 }
-.cn-walkthrough__card[data-v-165ee49b] {
+.cn-walkthrough__card[data-v-34991bbf] {
 	position: fixed;
 	width: 320px;
 	max-width: calc(100vw - 24px);
@@ -36730,11 +37201,11 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	padding: 16px;
 	pointer-events: auto;
 }
-.cn-walkthrough__card--docked[data-v-165ee49b] {
+.cn-walkthrough__card--docked[data-v-34991bbf] {
 	inset-block-end: 16px;
 	inset-inline-start: 16px;
 }
-.cn-walkthrough__close[data-v-165ee49b] {
+.cn-walkthrough__close[data-v-34991bbf] {
 	/* !important beats NcButton's own `position: relative`, which would otherwise
 	   leave the close button in-flow at the card's top-left. */
 	position: absolute !important;
@@ -36743,37 +37214,37 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	inset-inline-start: auto;
 	z-index: 1;
 }
-.cn-walkthrough__counter[data-v-165ee49b] {
+.cn-walkthrough__counter[data-v-34991bbf] {
 	font-size: 0.8125rem;
 	color: var(--color-text-maxcontrast);
 	margin-bottom: 4px;
 	/* Keep the counter/title clear of the absolutely-positioned close button. */
 	padding-inline-end: 32px;
 }
-.cn-walkthrough__title[data-v-165ee49b] {
+.cn-walkthrough__title[data-v-34991bbf] {
 	margin: 0 0 6px;
 	font-size: 1.1rem;
 }
-.cn-walkthrough__body[data-v-165ee49b] {
+.cn-walkthrough__body[data-v-34991bbf] {
 	margin: 0 0 8px;
 }
-.cn-walkthrough__task[data-v-165ee49b] {
+.cn-walkthrough__task[data-v-34991bbf] {
 	margin: 0 0 8px;
 	padding: 8px;
 	background: var(--color-primary-element-light, var(--color-background-hover));
 	border-radius: var(--border-radius, 4px);
 	font-weight: 600;
 }
-.cn-walkthrough__task-icon[data-v-165ee49b] {
+.cn-walkthrough__task-icon[data-v-34991bbf] {
 	margin-inline-end: 4px;
 }
-.cn-walkthrough__actions[data-v-165ee49b] {
+.cn-walkthrough__actions[data-v-34991bbf] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	margin-top: 8px;
 }
-.cn-walkthrough__spacer[data-v-165ee49b] {
+.cn-walkthrough__spacer[data-v-34991bbf] {
 	flex: 1 1 auto;
 }
 
@@ -36910,55 +37381,88 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-register-mapping__group[data-v-0abd37fe] {
+.cn-register-mapping__group[data-v-8d3cad98] {
 	margin-bottom: 24px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__group[data-v-0abd37fe]:last-child {
+.cn-register-mapping__group[data-v-8d3cad98]:last-child {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-header[data-v-0abd37fe] {
+.cn-register-mapping__group-header[data-v-8d3cad98] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-bottom: 12px;
 }
-.cn-register-mapping__group-title[data-v-0abd37fe] {
+.cn-register-mapping__group-heading[data-v-8d3cad98] {
+	margin: 0 0 12px;
+	font: inherit;
+}
+.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-8d3cad98] {
+	margin-bottom: 0;
+}
+.cn-register-mapping__group-toggle[data-v-8d3cad98] {
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	width: 100%;
+	min-height: 44px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__group-toggle[data-v-8d3cad98]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius);
+}
+.cn-register-mapping__group-chevron[data-v-8d3cad98] {
+	display: inline-flex;
+	flex: none;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-8d3cad98] {
+	flex: 1 1 auto;
+	flex-wrap: wrap;
+	gap: 4px 12px;
+	min-width: 0;
+	margin-bottom: 0;
+}
+.cn-register-mapping__group-title[data-v-8d3cad98] {
 	font-size: 16px;
 	font-weight: 600;
 	margin: 0;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__group-status[data-v-0abd37fe] {
+.cn-register-mapping__group-status[data-v-8d3cad98] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-description[data-v-0abd37fe] {
+.cn-register-mapping__group-description[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 12px 0;
 }
-.cn-register-mapping__label[data-v-0abd37fe] {
-	display: block;
-	font-weight: 500;
-	font-size: 13px;
-	color: var(--color-text-maxcontrast);
-	margin-bottom: 4px;
-}
-.cn-register-mapping__register-select[data-v-0abd37fe] {
+.cn-register-mapping__register-select[data-v-8d3cad98] {
 	margin-bottom: 16px;
 	max-width: 400px;
 }
-.cn-register-mapping__type-list[data-v-0abd37fe] {
+.cn-register-mapping__type-list[data-v-8d3cad98] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	overflow: hidden;
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-list-header[data-v-0abd37fe] {
+.cn-register-mapping__type-list-header[data-v-8d3cad98] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -36971,7 +37475,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row[data-v-0abd37fe] {
+.cn-register-mapping__type-row[data-v-8d3cad98] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -36980,61 +37484,61 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	cursor: pointer;
 	transition: background-color 0.15s ease;
 }
-.cn-register-mapping__type-row[data-v-0abd37fe]:hover {
+.cn-register-mapping__type-row[data-v-8d3cad98]:hover {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row--expanded[data-v-0abd37fe] {
+.cn-register-mapping__type-row--expanded[data-v-8d3cad98] {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-name[data-v-0abd37fe] {
+.cn-register-mapping__type-name[data-v-8d3cad98] {
 	font-weight: 500;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__type-schema[data-v-0abd37fe] {
+.cn-register-mapping__type-schema[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-register-mapping__type-status[data-v-0abd37fe] {
+.cn-register-mapping__type-status[data-v-8d3cad98] {
 	display: flex;
 	justify-content: center;
 }
-.cn-register-mapping__type-chevron[data-v-0abd37fe] {
+.cn-register-mapping__type-chevron[data-v-8d3cad98] {
 	display: flex;
 	justify-content: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__status-dot[data-v-0abd37fe] {
+.cn-register-mapping__status-dot[data-v-8d3cad98] {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	border-radius: 50%;
 }
-.cn-register-mapping__status-dot--configured[data-v-0abd37fe] {
+.cn-register-mapping__status-dot--configured[data-v-8d3cad98] {
 	background-color: var(--color-success);
 }
-.cn-register-mapping__status-dot--unconfigured[data-v-0abd37fe] {
+.cn-register-mapping__status-dot--unconfigured[data-v-8d3cad98] {
 	background-color: var(--color-warning);
 }
-.cn-register-mapping__type-detail[data-v-0abd37fe] {
+.cn-register-mapping__type-detail[data-v-8d3cad98] {
 	padding: 12px 16px 16px;
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-description[data-v-0abd37fe] {
+.cn-register-mapping__type-description[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 8px 0;
 }
 
 /* Slide transition */
-.slide-enter-active[data-v-0abd37fe],
-.slide-leave-active[data-v-0abd37fe] {
+.slide-enter-active[data-v-8d3cad98],
+.slide-leave-active[data-v-8d3cad98] {
 	transition: all 0.2s ease;
 	max-height: 200px;
 	overflow: hidden;
 }
-.slide-enter[data-v-0abd37fe],
-.slide-leave-to[data-v-0abd37fe] {
+.slide-enter[data-v-8d3cad98],
+.slide-leave-to[data-v-8d3cad98] {
 	max-height: 0;
 	padding-top: 0;
 	padding-bottom: 0;
@@ -37042,20 +37546,20 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 /* Last row in list should not have bottom border */
-.cn-register-mapping__type-list[data-v-0abd37fe] > :last-child {
+.cn-register-mapping__type-list[data-v-8d3cad98] > :last-child {
 	border-bottom: none;
 }
 @media (max-width: 768px) {
-.cn-register-mapping__type-list-header[data-v-0abd37fe] {
+.cn-register-mapping__type-list-header[data-v-8d3cad98] {
 		display: none;
 }
-.cn-register-mapping__type-row[data-v-0abd37fe] {
+.cn-register-mapping__type-row[data-v-8d3cad98] {
 		grid-template-columns: 1fr auto 32px;
 }
-.cn-register-mapping__type-schema[data-v-0abd37fe] {
+.cn-register-mapping__type-schema[data-v-8d3cad98] {
 		display: none;
 }
-.cn-register-mapping__register-select[data-v-0abd37fe] {
+.cn-register-mapping__register-select[data-v-8d3cad98] {
 		max-width: none;
 }
 }
@@ -37258,31 +37762,6 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-run-node-dialog__form[data-v-2d7cb7f5] {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
-.cn-run-node-dialog__hint[data-v-2d7cb7f5] {
-	color: var(--color-text-maxcontrast);
-}
-
-
-.cn-action-buttons[data-v-49607313] {
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	flex-wrap: wrap;
-}
-
-/* In menu mode the only children are dialogs, so the wrapper must not be a
-   box: an empty inline-flex child still eats one of the header's flex gaps
-   and pushes the Actions menu away from the Edit button beside it. */
-.cn-action-buttons--menu[data-v-49607313] {
-	display: contents;
-}
-
-
 .cn-relation-link[data-v-6559b00a] {
 	padding: 20px;
 	display: flex;
@@ -37355,41 +37834,41 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-body-sections[data-v-19a0caa4] {
+.cn-body-sections[data-v-44324dca] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	width: 100%;
 }
-.cn-body-sections--grid[data-v-19a0caa4] {
+.cn-body-sections--grid[data-v-44324dca] {
 	display: grid;
 	grid-template-columns: repeat(12, 1fr);
 	gap: 16px;
 }
-.cn-body-sections__section[data-v-19a0caa4] {
+.cn-body-sections__section[data-v-44324dca] {
 	min-width: 0;
 }
 
 /* Same card as the grid's widgets, so a section reads as one of them. */
-.cn-body-sections__section--card[data-v-19a0caa4] {
+.cn-body-sections__section--card[data-v-44324dca] {
 	padding: 12px 16px 16px;
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-body-sections__section--card > .cn-body-sections__title[data-v-19a0caa4] {
+.cn-body-sections__section--card > .cn-body-sections__title[data-v-44324dca] {
 	margin: 0 -16px 12px;
 	padding: 0 16px 12px;
 	font-size: 14px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-body-sections__title[data-v-19a0caa4] {
+.cn-body-sections__title[data-v-44324dca] {
 	margin: 0 0 8px;
 	font-size: 16px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-body-sections__error[data-v-19a0caa4] {
+.cn-body-sections__error[data-v-44324dca] {
 	padding: 12px 16px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 12px);
@@ -37399,17 +37878,17 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-dashboard-grid[data-v-29653a76] {
+.cn-dashboard-grid[data-v-a91998fc] {
 	width: 100%;
 	min-height: 200px;
 }
-.grid-stack[data-v-29653a76] {
+.grid-stack[data-v-a91998fc] {
 	background: transparent;
 }
 
 /* Screen-reader-only text: the keyboard key map and the live region. Kept in
    the layout (not `display: none`) so assistive tech still reads it. */
-.cn-dashboard-grid__sr-only[data-v-29653a76] {
+.cn-dashboard-grid__sr-only[data-v-a91998fc] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -37424,7 +37903,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* Grid items become tab stops in edit mode — give them a visible focus ring
    that satisfies WCAG 2.1 SC 2.4.7 without relying on the widget's own
    styling. `outline-offset` keeps the ring outside the rounded card. */
-.grid-stack-item[data-v-29653a76]:focus-visible {
+.grid-stack-item[data-v-a91998fc]:focus-visible {
 	outline: 2px solid var(--color-primary-element, #0082c9);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-container-large, 16px);
@@ -37436,19 +37915,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    cell never shrank: "Waiting for me" stayed a tall card around one row. In
    such a cell the child takes its own height. A cell without the key keeps
    the filling child. */
-.cn-dashboard-grid__item--fit[data-v-29653a76] >  .grid-stack-item-content > * {
+.cn-dashboard-grid__item--fit[data-v-a91998fc] >  .grid-stack-item-content > * {
 	height: auto;
 }
-[data-v-29653a76] .grid-stack-item-content {
+[data-v-a91998fc] .grid-stack-item-content {
 	background: var(--color-main-background);
 	border: none;
 	box-shadow: none;
 	overflow: hidden;
 }
-[data-v-29653a76] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
+[data-v-a91998fc] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
 	background: transparent;
 }
-[data-v-29653a76] .grid-stack-placeholder > .placeholder-content {
+[data-v-a91998fc] .grid-stack-placeholder > .placeholder-content {
 	background: var(--color-primary-element-light);
 	border: 2px dashed var(--color-primary-element);
 	border-radius: var(--border-radius-large);
@@ -37716,7 +38195,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-dashboard-page[data-v-4475ac48] {
+.cn-dashboard-page[data-v-8b7dcccc] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -37730,7 +38209,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-4475ac48] {
+.cn-dashboard-page__header[data-v-8b7dcccc] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -37742,21 +38221,21 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-4475ac48] {
+.cn-dashboard-page__header-left[data-v-8b7dcccc] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-4475ac48] {
+.cn-dashboard-page__title-row[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-4475ac48] {
+.cn-dashboard-page__title[data-v-8b7dcccc] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-4475ac48] {
+.cn-dashboard-page__description[data-v-8b7dcccc] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -37764,19 +38243,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 
 /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
    under it, and 40px buttons with a 10px gap. */
-.cn-dashboard-page--board .cn-dashboard-page__title[data-v-4475ac48] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-8b7dcccc] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-4475ac48] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-8b7dcccc] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4475ac48] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-8b7dcccc] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4475ac48] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-8b7dcccc] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -37784,17 +38263,17 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* The switch row under the header (screens-dashboard-greeting-header): the
    view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
    radius 17, 13px/600, a 14px icon, primary light on primary deep). */
-.cn-dashboard-page__switch-row[data-v-4475ac48] {
+.cn-dashboard-page__switch-row[data-v-8b7dcccc] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-dashboard-page__switch-row-spacer[data-v-4475ac48] {
+.cn-dashboard-page__switch-row-spacer[data-v-8b7dcccc] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-4475ac48] {
+.cn-dashboard-page__view-link[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -37808,36 +38287,36 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-4475ac48]:hover {
+.cn-dashboard-page__view-link[data-v-8b7dcccc]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-4475ac48]:focus-visible {
+.cn-dashboard-page__view-link[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-4475ac48] {
+.cn-dashboard-page__view-link-icon[data-v-8b7dcccc] {
 	display: inline-flex;
 }
 
 /* The period group, in a row of its own between the header and the KPI row. */
-.cn-dashboard-page__date-range--segmented[data-v-4475ac48] {
+.cn-dashboard-page__date-range--segmented[data-v-8b7dcccc] {
 	margin-bottom: 16px;
 }
-.cn-dashboard-page__date-segmented[data-v-4475ac48] {
+.cn-dashboard-page__date-segmented[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
 
 /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
-.cn-dashboard-page__kpi-row[data-v-4475ac48] {
+.cn-dashboard-page__kpi-row[data-v-8b7dcccc] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
-.cn-dashboard-page__kpi-cell[data-v-4475ac48] {
+.cn-dashboard-page__kpi-cell[data-v-8b7dcccc] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-4475ac48] > * {
+.cn-dashboard-page__kpi-cell[data-v-8b7dcccc] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -37850,7 +38329,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    scoped chip rules then silently don't match and the chip collapses into
    NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
    data-testid is stable across chunks, so those rules match regardless. */
-.cn-dashboard-page__header-actions[data-v-4475ac48] {
+.cn-dashboard-page__header-actions[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -37866,19 +38345,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 
 /* Date-range header band. Kept compact so it doesn't open a tall gap
    above the grid; the pills variant is a single tidy toggle row. */
-.cn-dashboard-page__date-range[data-v-4475ac48] {
+.cn-dashboard-page__date-range[data-v-8b7dcccc] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-4475ac48] {
+.cn-dashboard-page__date-range--pills[data-v-8b7dcccc] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-4475ac48] {
+.cn-dashboard-page__date-pills[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-4475ac48] {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -37893,77 +38372,77 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-4475ac48]:hover {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-4475ac48]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-4475ac48] {
+.cn-dashboard-page__date-pill--active[data-v-8b7dcccc] {
 	background: var(--color-primary-element);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-dashboard-page__date-pill--active[data-v-4475ac48]:hover {
+.cn-dashboard-page__date-pill--active[data-v-8b7dcccc]:hover {
 	background: var(--color-primary-element-hover, var(--color-primary-element));
 }
 
 /* The custom-range pill is de-emphasised — dashed outline, muted text —
    so it reads as an escape hatch rather than a primary option. */
-.cn-dashboard-page__date-pill--custom[data-v-4475ac48] {
+.cn-dashboard-page__date-pill--custom[data-v-8b7dcccc] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-4475ac48] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-4475ac48] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-4475ac48] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-4475ac48] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-4475ac48] {
+.cn-dashboard-page__empty[data-v-8b7dcccc] {
 	padding: 60px 20px;
 }
 
 /* The page's view switch on a page without a header row: at the end of its
    own row, above the grids, where the header would have put it. */
-.cn-dashboard-page__view-switch[data-v-4475ac48] {
+.cn-dashboard-page__view-switch[data-v-8b7dcccc] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 12px;
 }
 
 /* A view the switch shows with nothing to draw. */
-.cn-page-view-region--empty[data-v-4475ac48] {
+.cn-page-view-region--empty[data-v-8b7dcccc] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-4475ac48] {
+.cn-dashboard-page__page-filters[data-v-8b7dcccc] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-4475ac48] {
+.cn-dashboard-page__page-filter[data-v-8b7dcccc] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-4475ac48] {
+.cn-dashboard-page__page-filter-label[data-v-8b7dcccc] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-4475ac48] {
+.cn-dashboard-page__widget-edit[data-v-8b7dcccc] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -37982,8 +38461,8 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    and centre the card. */
 /* `safe` centre so an overflowing tile does not spill out of the top, where
    flex overflow cannot be scrolled back to. Same as detail-page.css. */
-.cn-dashboard-page__card-fit[data-v-4475ac48] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-4475ac48] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-8b7dcccc] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -37999,7 +38478,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    shows up as a scrollbar the user has to drag to see the whole graph. Same
    shape as the card-fit rule above, minus the padding: chart tiles render
    `flush`, and apexcharts already draws its own margins. */
-.cn-dashboard-page__chart-fit[data-v-4475ac48] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-8b7dcccc] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38009,13 +38488,13 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-4475ac48] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-4475ac48] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-4475ac48] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-4475ac48] {
+.cn-dashboard-page__unknown[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -38026,29 +38505,29 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-4475ac48] {
+.cn-dashboard-page__content[data-v-8b7dcccc] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-4475ac48] {
+.cn-dashboard-page__content-item[data-v-8b7dcccc] {
 	width: 100%;
 }
 /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
    are 44px: the widget Actions menu and the KPI tiles. */
 @media (max-width: 640px) {
-.cn-dashboard-page--board[data-v-4475ac48] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-4475ac48] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-8b7dcccc] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-8b7dcccc] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-4475ac48] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-8b7dcccc] {
 		min-height: 44px;
 }
 }
 
 /* What a registry widget reports for its card header (`header` event): the
    note beside the link ("3 in total") and one action, as on a detail page. */
-.cn-dashboard-page__widget-count[data-v-4475ac48] {
+.cn-dashboard-page__widget-count[data-v-8b7dcccc] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -38057,13 +38536,13 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-4475ac48] {
+.cn-dashboard-page__widget-note[data-v-8b7dcccc] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-4475ac48] {
+.cn-dashboard-page__widget-action[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -38079,7 +38558,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-4475ac48]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -40131,21 +40610,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 
 
 /* The section wrapper draws no box; the board look makes it the card grid. */
-.cn-settings-page__sections[data-v-1c7a70aa] {
+.cn-settings-page__sections[data-v-04e49f77] {
 	display: contents;
 }
-.cn-settings-page__header-buttons[data-v-1c7a70aa] {
+.cn-settings-page__header-buttons[data-v-04e49f77] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	margin-inline-start: auto;
 }
-.cn-settings-page[data-v-1c7a70aa] {
+.cn-settings-page[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-settings-page__actions[data-v-1c7a70aa] {
+.cn-settings-page__actions[data-v-04e49f77] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -40156,7 +40635,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
  * orchestration REQ-MSO-5). Uses Nextcloud CSS variables only — no
  * hex literals, no rgba overrides on the elements themselves.
  */
-.cn-settings-page__tabs[data-v-1c7a70aa] {
+.cn-settings-page__tabs[data-v-04e49f77] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
@@ -40164,7 +40643,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	padding-bottom: 0;
 	margin-bottom: 8px;
 }
-.cn-settings-page__tab[data-v-1c7a70aa] {
+.cn-settings-page__tab[data-v-04e49f77] {
 	background: transparent;
 	border: 0;
 	border-bottom: 3px solid transparent;
@@ -40176,52 +40655,52 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
 	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
 }
-.cn-settings-page__tab[data-v-1c7a70aa]:hover,
-.cn-settings-page__tab[data-v-1c7a70aa]:focus-visible {
+.cn-settings-page__tab[data-v-04e49f77]:hover,
+.cn-settings-page__tab[data-v-04e49f77]:focus-visible {
 	background-color: var(--color-background-hover);
 	color: var(--color-main-text);
 	outline: none;
 }
-.cn-settings-page__tab--active[data-v-1c7a70aa] {
+.cn-settings-page__tab--active[data-v-04e49f77] {
 	color: var(--color-primary-element);
 	border-bottom-color: var(--color-primary-element);
 	font-weight: bold;
 }
 @media (max-width: 768px) {
-.cn-settings-page__tabs[data-v-1c7a70aa] {
+.cn-settings-page__tabs[data-v-04e49f77] {
 		flex-direction: column;
 		gap: 0;
 		border-bottom: 0;
 }
-.cn-settings-page__tab[data-v-1c7a70aa] {
+.cn-settings-page__tab[data-v-04e49f77] {
 		border-bottom: 1px solid var(--color-border);
 		border-radius: 0;
 		text-align: left;
 }
-.cn-settings-page__tab--active[data-v-1c7a70aa] {
+.cn-settings-page__tab--active[data-v-04e49f77] {
 		border-bottom-width: 1px;
 		background-color: var(--color-background-hover);
 }
 }
-.cn-settings-page__fields[data-v-1c7a70aa] {
+.cn-settings-page__fields[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-settings-page__field[data-v-1c7a70aa] {
+.cn-settings-page__field[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-settings-page__field-help[data-v-1c7a70aa] {
+.cn-settings-page__field-help[data-v-04e49f77] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-settings-page__save-bar[data-v-1c7a70aa] {
+.cn-settings-page__save-bar[data-v-04e49f77] {
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
 }
-.cn-settings-page__error[data-v-1c7a70aa] {
+.cn-settings-page__error[data-v-04e49f77] {
 	color: var(--color-error);
 	background: var(--color-error-light, var(--color-background-hover));
 	padding: 8px 12px;
@@ -40413,33 +40892,51 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-reports-page[data-v-7629715a] {
+.cn-reports-page[data-v-327b60f8] {
 	padding: 16px;
 }
 
 /* Clear the Nextcloud navigation toggle button (44px wide, absolutely
    positioned at the left edge of .app-content) plus 12px breathing room, as
    CnPageHeader does. Only the header shifts; the body keeps the full width. */
-.cn-reports-page__header[data-v-7629715a] {
+.cn-reports-page__header[data-v-327b60f8] {
 	padding-inline-start: 56px;
 }
-.cn-reports-page__title[data-v-7629715a] {
+.cn-reports-page__title[data-v-327b60f8] {
 	margin: 0 0 4px;
 }
-.cn-reports-page__description[data-v-7629715a] {
+.cn-reports-page__heading-row[data-v-327b60f8] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: 12px 24px;
+}
+.cn-reports-page__heading-row .cn-reports-page__title[data-v-327b60f8] {
+	flex: 1 1 320px;
+	min-width: 0;
+}
+.cn-reports-page__header-buttons[data-v-327b60f8] {
+	display: flex;
+	flex: none;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px;
+}
+.cn-reports-page__description[data-v-327b60f8] {
 	margin: 0 0 16px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-reports-page__filter[data-v-7629715a] {
+.cn-reports-page__filter[data-v-327b60f8] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	margin-bottom: 16px;
 }
-.cn-reports-page__filter-select[data-v-7629715a] {
+.cn-reports-page__filter-select[data-v-327b60f8] {
 	min-width: 220px;
 }
-.cn-reports-page__grid[data-v-7629715a] {
+.cn-reports-page__grid[data-v-327b60f8] {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
 	gap: 12px;
@@ -40447,7 +40944,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	margin: 0;
 	padding: 0;
 }
-.cn-reports-page__card[data-v-7629715a] {
+.cn-reports-page__card[data-v-327b60f8] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
@@ -40458,22 +40955,22 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	color: inherit;
 	text-decoration: none;
 }
-.cn-reports-page__card[data-v-7629715a]:hover,
-.cn-reports-page__card[data-v-7629715a]:focus {
+.cn-reports-page__card[data-v-327b60f8]:hover,
+.cn-reports-page__card[data-v-327b60f8]:focus {
 	background-color: var(--color-background-hover);
 }
-.cn-reports-page__card-title[data-v-7629715a] {
+.cn-reports-page__card-title[data-v-327b60f8] {
 	font-weight: bold;
 }
-.cn-reports-page__card-description[data-v-7629715a],
-.cn-reports-page__card-category[data-v-7629715a] {
+.cn-reports-page__card-description[data-v-327b60f8],
+.cn-reports-page__card-category[data-v-327b60f8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-reports-page__empty[data-v-7629715a] {
+.cn-reports-page__empty[data-v-327b60f8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-reports-page__widgets[data-v-7629715a] {
+.cn-reports-page__widgets[data-v-327b60f8] {
 	margin-top: 20px;
 }