@conduction/nextcloud-vue 2.140.0 → 2.141.0

package/dist/esm/nextcloud-vue.css

@@ -2240,6 +2240,26 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: normal;
 }
 
+/* A list in a side card draws a hairline over every row, the first too, so
+   a line separates the title from the list (DqZaaktype*, DqTenant,
+   DqSociaalDomein, DqTaak "Versies" and the like). Its row titles keep the
+   main ink without an underline: the plain side rule marks them as links,
+   and the board underlines on hover only. The footer note is 13px muted; the
+   theme sets paragraphs through its tokens with `!important`, so the note
+   hands it its size and ink through those tokens. */
+.cn-look-board .cn-detail-page__side .cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__item {
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
+.cn-look-board .cn-detail-page__side .cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__row:not(:hover):not(:focus-visible) .cn-record-list__title {
+	text-decoration: none;
+}
+
+.cn-look-board .cn-record-list__footer-note:not(.cn-look-nextcloud *) {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
+}
+
 /* An audit row is a board list row (DqHandhaving, DqTenant "Historie"): 10px
    above and below, a hairline over every row including the first, the head
    and the line under it at their normal line height, 2px apart: 56px, the
@@ -2479,6 +2499,29 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	gap: 2px;
 }
 
+/* A stacked list (`density: "stacked"`) keeps its rows unruled and unpadded
+   in the board look too, 10px apart (DqDagAfsluiten "Morgen eerst").
+   @spec openspec/changes/record-list-stacked-density/specs/record-list-stacked-density/spec.md#requirement-a-record-list-can-stack-its-rows */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--stacked .cn-record-list__row {
+	min-height: 0;
+	padding-block: 0;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--stacked.cn-record-list--rows .cn-record-list__item + .cn-record-list__item {
+	border-top: 0;
+}
+
+/* A dashboard card's task list and decision list rule above every row, the
+   first one under the title included, as the record lists with ruleAbove do
+   (DqMijnWerk "Mijn taken", "Mijn archiefbeoordelingen"); no rule under the
+   last row.
+   @spec openspec/changes/board-dashboard-lists-rule-above/specs/board-dashboard-lists-rule-above/spec.md#requirement-a-dashboard-task-or-decision-list-rules-above-every-row */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-tasks-widget__row,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-decision-list__row {
+	border-block-end: 0;
+	border-top: 1px solid var(--color-border);
+}
+
 /* Hover: the whole row takes the hover ground, 8px beyond the text so the
    text does not move. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__row--link {
@@ -2747,6 +2790,17 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	padding: 0;
 }
 
+/* A chart in a section of a sections widget (a framed section card, 14px
+   16px in) takes none of the dashboard card's inset either: its bars and plot
+   start 17px in, not 39 (DqDoorlooptijd "Naleving": Naleving per zaaktype,
+   Verdeling doorlooptijd, Maandelijkse SLA-trend, Doorstroom).
+   @spec openspec/changes/board-sections-chart-single-inset/specs/board-sections-chart-single-inset/spec.md#requirement-a-chart-inside-a-dashboard-sections-card-is-inset-once */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-sections-widget__section .cn-chart-widget__html,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-sections-widget__section .cn-chart-widget__canvas,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-sections-widget__section .cn-chart-widget > .cn-chart-widget__footnote {
+	padding: 0;
+}
+
 /* ---- A plain sections widget on a dashboard card ------------------------ */
 /* The card is flush, because a sections widget usually draws its own cards;
    the plain one draws none, so its body takes the card's side inset and 20px
@@ -2872,6 +2926,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	font-weight: 600;
 }
 
+/* A toned cell takes the theme's status badge grounds, as the board's tones
+   are (DqHandhaving: #E7F3EA, #FFF4DE, #FCEDEC); the darkest tone has its
+   own token and otherwise deepens the error ground. Nextcloud's own mix of
+   the status colours read a shade off each.
+   @spec openspec/changes/board-matrix-tones/specs/board-matrix-tones/spec.md#requirement-a-board-matrix-cell-takes-the-themes-status-grounds */
+.cn-look-board .cn-chart-widget__matrix:not(.cn-look-nextcloud *) .cn-chart-widget__matrix-cell--success {
+	background: var(--nldesign-component-status-badge-success-background-color, var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background))));
+}
+
+.cn-look-board .cn-chart-widget__matrix:not(.cn-look-nextcloud *) .cn-chart-widget__matrix-cell--warning {
+	background: var(--nldesign-component-status-badge-warning-background-color, var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background))));
+}
+
+.cn-look-board .cn-chart-widget__matrix:not(.cn-look-nextcloud *) .cn-chart-widget__matrix-cell--error {
+	background: var(--nldesign-component-status-badge-error-background-color, var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background))));
+}
+
+.cn-look-board .cn-chart-widget__matrix:not(.cn-look-nextcloud *) .cn-chart-widget__matrix-cell--danger {
+	background: var(--nldesign-component-status-badge-danger-background-color, color-mix(in srgb, var(--color-error) 10%, var(--nldesign-component-status-badge-error-background-color, var(--color-main-background))));
+}
+
 /* A cell without a tone ("geen") sits on the page ground in the muted ink,
    as the board draws it; toned and coloured cells keep their ground.
    @spec openspec/changes/board-matrix-plain-cells/specs/board-matrix-plain-cells/spec.md#requirement-a-board-matrix-cell-without-a-tone-sits-on-the-ground-in-the-muted-ink */
@@ -3069,6 +3144,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: normal;
 }
 
+/* A bar list with the value at the bar's end (DqProcesanalyse "Doorlooptijd
+   per status") sets its rows in 13px, the label in the secondary text, the
+   value in the main ink at 600, rows 34px apart.
+   @spec openspec/changes/chart-bar-list-value-at-end/specs/chart-bar-list-value-at-end/spec.md#requirement-a-bar-list-can-put-each-value-at-its-bars-end */
+.cn-look-board .cn-chart-widget__bar-list--value-at-end:not(.cn-look-nextcloud *) {
+	gap: 16px;
+}
+
+.cn-look-board .cn-chart-widget__bar-list--value-at-end:not(.cn-look-nextcloud *) .cn-chart-widget__bar-line {
+	font-size: 13px;
+}
+
+.cn-look-board .cn-chart-widget__bar-list--value-at-end:not(.cn-look-nextcloud *) .cn-chart-widget__bar-label {
+	--nldesign-color-on-surface: var(--cn-board-text-soft);
+	color: var(--cn-board-text-soft);
+}
+
 /* A dialog's options as the boards draw them (DqVolgendeStap, DqBesluit,
    DqDocumentGenereren, DqFilterBewerken): rounded at 10px, an idle option
    edged in the dark border grey, and an 18px radio. The chosen option keeps
@@ -3411,8 +3503,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	padding-inline-end: 24px;
 }
 
+/* The body starts 22px under the header, as most dialog boards draw it
+   (header padding-bottom 4px + form padding-top 18px; DqBerichtVersturen,
+   DqOverdragen, DqNieuweZaak, DqBesluit): the 18px gap plus 4px. */
 .cn-dialog-board .dialog__content > .cn-dialog-header {
-	margin-bottom: -2px;
+	margin-bottom: 4px;
 }
 
 /* Footer: 16px 24px, hairline on top, right aligned, 40px buttons, 10px gap. */
@@ -3517,6 +3612,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin-block-start: 26px;
 }
 
+/* A select in a form dialog sits under its label and over its help line
+   as a text field does (DqNieuweZaak "Zaaktype", "Intakekanaal"): the
+   form's label stands outside the select, so NcSelect's own 6px/4px margins
+   only pushed the control 6px below the text fields beside it and its help
+   line 4px further down. */
+.cn-dialog-board .dialog__content .cn-form-dialog__select-wrapper > .v-select.select:not(:has(.input-field__label)) {
+	margin-block: 0;
+}
+
 /* A multiple select is the board's 40px field too (DqFilterDelen "Delen
    met"). The edge goes on the toggle, which holds the chips and the search,
    so the chosen people and groups sit inside the field; the search inside it
@@ -4348,13 +4452,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	grid-row: 2;
 }
 
-/* A list page's breadcrumb and note read 15px; the case page's row stays 14px. */
-.cn-look-board .cn-index-page .cn-page-header .cn-header-trail.cn-detail-page__header-row2 {
-	font-size: 15px;
-}
-
-.cn-look-board .cn-index-page .cn-header-trail.cn-detail-page__header-row2 .cn-detail-page__breadcrumbs .vue-crumb .button-vue.button-vue {
-	font-size: 15px;
+/* The note after the breadcrumb ("38 contracten bij 21 leveranciers") is 14px
+   muted on every Dq list board (37 of 37).
+   @spec openspec/changes/board-index-header-meta-14/specs/index-page/spec.md */
+.cn-look-board .cn-index-page .cn-page-header .cn-header-trail .cn-detail-page__header-meta {
+	font-size: 14px;
 }
 
 .cn-look-board .cn-index-page .cn-page-header .cn-header-trail ~ .cn-page-header__description {
@@ -5278,6 +5380,17 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	text-decoration: none;
 }
 
+/* `rowTitle: "strong"` (DqZaaktypeStatussen "Statussen", "Resultaten"): the
+   name column of a card's list, the cell's 14px at weight 600 in the main
+   ink, no underline; the row stays a link.
+   @spec openspec/changes/table-strong-title/specs/table-strong-title/spec.md#requirement-a-tables-title-column-can-read-as-a-strong-name */
+.cn-look-board .cn-table-container--board.cn-table-container--title-strong .cn-data-table td.cn-table-col--title {
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+	text-decoration: none;
+}
+
 /* An avatar in the title column (PtAccounts): a 32px chip circle, 10px before
    the name, the e-mail under the name beside it. The name keeps the title's
    weight and size, and its underline: an inline-flex box is atomic, so the
@@ -6397,6 +6510,80 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__quick-filter-row {
 	margin-bottom: calc(var(--cn-board-section-gap) + 12px);
 }
+
+/* ---- The side panel's filters as checkbox lists (DqZakenSorteren) ------- */
+/* "Filters" with "Alles wissen" beside it; per field its 14px semibold label
+   over rows of a checkbox, the value and its count in 13px muted at the end,
+   32px each.
+   @spec openspec/changes/board-sidebar-filters-as-checkbox-lists/specs/index-sidebar/spec.md#requirement-the-board-look-draws-a-short-filter-as-a-checkbox-list-with-counts */
+.cn-look-board .cn-index-sidebar__filters-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	margin-bottom: 14px;
+}
+
+.cn-look-board .cn-index-sidebar__filters-head h3 {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 700;
+}
+
+.cn-look-board .cn-index-sidebar__filters-clear {
+	min-height: 0;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: var(--color-primary-element);
+	font-size: 14px;
+	font-weight: 600;
+	text-decoration: underline;
+	cursor: pointer;
+}
+
+.cn-look-board .cn-index-sidebar__filter-group:has(> .cn-index-sidebar__checklist) .cn-index-sidebar__filter-label {
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-index-sidebar__checklist {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.cn-look-board .cn-index-sidebar__checklist-row {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	min-height: 32px;
+	font-size: 14px;
+	cursor: pointer;
+}
+
+.cn-look-board .cn-index-sidebar__checklist-row > input[type='checkbox'] {
+	width: 18px;
+	min-width: 18px;
+	height: 18px;
+	min-height: 18px;
+	margin: 0;
+	accent-color: var(--color-primary-element);
+}
+
+.cn-look-board .cn-index-sidebar__checklist-label {
+	flex: 1;
+	min-width: 0;
+}
+
+.cn-look-board .cn-index-sidebar__checklist-count {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -6625,6 +6812,18 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	overflow-wrap: anywhere;
 }
 
+/* In a table fitted to its tile every column but the growing one asks for
+   as little width as its content allows (`width: 1%`). With
+   `overflow-wrap: anywhere` that is one character, so a wrapping head broke
+   letter by letter ("D o e l", DqDoorlooptijd "Prestaties per zaaktype",
+   240px tall). Here a wrapping column breaks between words and only breaks
+   a word that is longer than the column.
+   @spec openspec/changes/fit-table-wrap-by-word/specs/fit-table-wrap-by-word/spec.md#requirement-a-wrapping-column-in-a-fitted-table-breaks-between-words */
+.cn-data-table--fit th.cn-cell--wrap,
+.cn-data-table--fit td.cn-cell--wrap {
+	overflow-wrap: break-word;
+}
+
 /* Opt-in fixed layout (CnDataTable's `fixedLayout` prop).
 
    Under the default `table-layout: auto` a column's declared `width` is only a
@@ -11564,6 +11763,13 @@ li[data-cn-admin-tag] > .action-link::after {
 	padding-top: calc(14px - var(--cn-board-first-line-leading));
 }
 
+/* A table (an object list) starts 12px below the title's box: its head has
+   a fill and no leading, so the glyph-to-glyph gap above left it 2px short
+   (DqZaaktypeStatussen "Statussen", "Resultaten"). */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-object-list-widget):not(.cn-detail-page__side *) {
+	padding-top: 12px;
+}
+
 /* Running text (DqZaak "Het verzoek") sits 12px below the title's box and
    keeps its own half-leading, at 1.6 as drawn.
    @spec openspec/changes/board-card-title-gap-variants/specs/board-card-title-gap-variants/spec.md#requirement-a-board-card-starts-its-body-as-drawn-for-its-kind-of-body */
@@ -12370,12 +12576,12 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 /* ---- A card's Add ------------------------------------------------------ */
-/* The board draws a list card's Add as the neutral secondary at the 40px
-   control height, right-aligned in the title row (DqZaakGerelateerd
-   "Deelzaak aanmaken", DqZaakTaken "Toevoegen"). CnDetailWidgetHost renders
+/* The board draws a list card's Add as the neutral secondary right-aligned
+   in the title row, at the title row's 34px (DqZaaktypeStatussen "Status
+   toevoegen", DqZaaktype "Taak toevoegen", DqCatalogus "Objecttype
+   toevoegen": 13 of the 15 boards that draw one). CnDetailWidgetHost renders
    that button in the board look, so the list's footer Add bar, which ADR-062
-   draws in the Nextcloud look, is hidden in the card. The size outranks a
-   card title row's 34px buttons.
+   draws in the Nextcloud look, is hidden in the card.
    @spec openspec/changes/board-object-list-add-button/specs/board-object-list-add-button/spec.md#requirement-the-board-look-draws-a-cards-add-as-a-title-row-button */
 .cn-look-board .cn-detail-page__catalog-card:not(.cn-look-nextcloud *) .cn-object-list-widget__add {
 	display: none;
@@ -12387,10 +12593,6 @@ li[data-cn-admin-tag] > .action-link::after {
 	display: none;
 }
 
-.cn-look-board .cn-widget-wrapper__actions .button-vue.cn-detail-page__catalog-add:has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)) {
-	--button-size: var(--cn-board-control-height);
-}
-
 /* A map in a board card has the board's control corners (DqZaak, DqZaakMeer
    "Locaties"); overflow keeps the tiles inside them. */
 .cn-look-board .cn-map-widget:not(.cn-map-widget--fullscreen) {
@@ -15260,7 +15462,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-4e61b5f0] {
+.cn-chart-widget[data-v-b6e600c4] {
 	width: 100%;
 	/* A chart FITS its container — it is never a scroll region. apexcharts
 	   sizes its SVG from the element it is mounted in, but it also enforces
@@ -15282,13 +15484,13 @@ li[data-cn-admin-tag] > .action-link::after {
    takes what is left, so the chart is sized by the box rather than sizing it.
    `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
    the thing that produces the overflow it was meant to prevent. */
-.cn-chart-widget--fit[data-v-4e61b5f0] {
+.cn-chart-widget--fit[data-v-b6e600c4] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-4e61b5f0] {
+.cn-chart-widget__canvas[data-v-b6e600c4] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -15301,14 +15503,14 @@ li[data-cn-admin-tag] > .action-link::after {
 /* apexcharts writes an inline `width` onto its own wrapper from its measured
    minimum, which beats the container when the container is narrower. Cap the
    painted box so the inline width cannot push past the widget's border. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
 	max-width: 100%;
 }
 
 /* The SVG is a block: as an inline box it sits on a line and adds the line's
    descender space under the chart. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -15316,24 +15518,24 @@ li[data-cn-admin-tag] > .action-link::after {
    would grow to its content, i.e. to the chart, and the percentage height would
    resolve against a box the chart itself defined. `overflow: hidden` keeps a
    sub-pixel rounding difference from reintroducing a scrollbar. */
-.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-4e61b5f0] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-b6e600c4] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-4e61b5f0] {
+.cn-chart-widget__fallback[data-v-b6e600c4] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-4e61b5f0] {
+.cn-chart-widget__html[data-v-b6e600c4] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-4e61b5f0] {
+.cn-chart-widget__bar-list[data-v-b6e600c4] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -15341,7 +15543,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-4e61b5f0] {
+.cn-chart-widget__bar-line[data-v-b6e600c4] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -15356,91 +15558,115 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-4e61b5f0] {
+.cn-chart-widget__bar-line--drill[data-v-b6e600c4] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-4e61b5f0],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-4e61b5f0] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-b6e600c4],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-b6e600c4] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-4e61b5f0] {
+.cn-chart-widget__bar-label[data-v-b6e600c4] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-4e61b5f0] {
+.cn-chart-widget__bar-track[data-v-b6e600c4] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-4e61b5f0] {
+.cn-chart-widget__bar-fill[data-v-b6e600c4] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-4e61b5f0] {
+.cn-chart-widget__bar-value[data-v-b6e600c4] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-4e61b5f0] {
+
+/* `barValueAtEnd`: no track; the bar takes its share of the row and gives way
+   to the value right after its end, so the longest bar still fits. */
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-b6e600c4] {
+	grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
+}
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-b6e600c4] {
+	align-items: center;
+	background: none;
+	display: flex;
+	gap: 6px;
+	height: auto;
+	overflow: visible;
+}
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-b6e600c4] {
+	border-radius: 4px;
+	flex: 0 1 auto;
+	height: 18px;
+	min-width: 2px;
+}
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-b6e600c4] {
+	flex: none;
+	text-align: start;
+}
+.cn-chart-widget__footnote[data-v-b6e600c4] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-chart-widget__notice[data-v-4e61b5f0] {
+.cn-chart-widget__notice[data-v-b6e600c4] {
 	margin: 12px 0 0;
 }
-.cn-chart-widget__notice-text[data-v-4e61b5f0] {
+.cn-chart-widget__notice-text[data-v-b6e600c4] {
 	margin: 0;
 }
 
 /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
    its own line height while the canvas takes the rest of a fitted column. */
-.cn-chart-widget > .cn-chart-widget__footnote[data-v-4e61b5f0] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-b6e600c4] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-4e61b5f0] {
+.cn-chart-widget__matrix[data-v-b6e600c4] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-row[data-v-b6e600c4] {
 	display: contents;
 }
 
 /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
    name breaks inside its own column instead of running into the next. */
-.cn-chart-widget__matrix-head[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-head[data-v-b6e600c4] {
 	--nldesign-color-on-surface: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
 	hyphens: auto;
 	overflow-wrap: anywhere;
 }
-.cn-chart-widget__matrix-label[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-label[data-v-b6e600c4] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell[data-v-b6e600c4] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--success[data-v-b6e600c4] {
 	background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--warning[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--warning[data-v-b6e600c4] {
 	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--error[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--error[data-v-b6e600c4] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--danger[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--danger[data-v-b6e600c4] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--current[data-v-b6e600c4] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -15452,26 +15678,26 @@ li[data-cn-admin-tag] > .action-link::after {
    primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
    ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
    dark ink stays at 4.5:1 in Nextcloud's dark theme. */
-.cn-chart-widget__matrix-cell--1[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--1[data-v-b6e600c4] {
 	--nldesign-color-on-surface: var(--color-primary-element-light-text);
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--2[data-v-b6e600c4] {
 	background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--3[data-v-b6e600c4] {
 	--nldesign-color-on-surface: var(--color-main-text);
 	background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-4e61b5f0] {
+.cn-chart-widget__matrix-cell--4[data-v-b6e600c4] {
 	--nldesign-color-on-surface: var(--color-primary-element-light);
 	background: var(--color-primary-element-light-text);
 	color: var(--color-primary-element-light);
 }
-.cn-chart-widget__empty[data-v-4e61b5f0] {
+.cn-chart-widget__empty[data-v-b6e600c4] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -15486,25 +15712,25 @@ li[data-cn-admin-tag] > .action-link::after {
    content-sized case; in fit mode they take the leftover space and centre in it
    instead, since the floor would overflow a short tile. Declared after the base
    rules so the cascade order matches specificity (no-descending-specificity). */
-.cn-chart-widget--fit .cn-chart-widget__empty[data-v-4e61b5f0],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-4e61b5f0] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-b6e600c4],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-b6e600c4] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-4e61b5f0] {
+.cn-chart-widget__error[data-v-b6e600c4] {
 	font-size: 14px;
 	margin: 0;
 }
 
 /* In-widget view switcher pills (views[] prop) — compact segmented row,
    mirroring the dashboard date-range pill styling. */
-.cn-chart-widget__views[data-v-4e61b5f0] {
+.cn-chart-widget__views[data-v-b6e600c4] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-4e61b5f0] {
+.cn-chart-widget__view-pill[data-v-b6e600c4] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -15513,7 +15739,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-4e61b5f0] {
+.cn-chart-widget__view-pill--active[data-v-b6e600c4] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -15542,8 +15768,8 @@ li[data-cn-admin-tag] > .action-link::after {
    each override below therefore carries one more class than the apexcharts rule
    it replaces, and holds even without the scope attribute this block compiles
    with. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15552,8 +15778,8 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* The title row is the date/category header ("Aug 26"). Its own background is
    what made it unreadable rather than merely off-theme. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
 	background: var(--color-background-hover);
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15562,8 +15788,8 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
    here and only overrides them for its dark theme, so the base rule has to be
    replaced too — not just the theme variants. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15572,55 +15798,55 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Their pointer arrows are two stacked triangles: `::before` paints the border
    edge, `::after` the fill. Both need the tokens the box above uses, or the
    arrow keeps the old palette and reads as a stray light wedge. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::before {
 	border-left-color: var(--color-border);
 	border-right-color: var(--color-border);
 }
 
 /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
    hardcoded `#fff` panel under inherited near-white text. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-menu {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-menu .apexcharts-menu-item:hover {
 	background: var(--color-background-hover);
 }
 
 /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
    vanishes against a dark background. One selector per icon class, matching
    apexcharts' own list, to clear its (0,3,1) hover rules. */
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -17130,32 +17356,32 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	line-height: 30px;
 	}
 
-.cn-map-widget[data-v-4c58b629] {
+.cn-map-widget[data-v-e92438e2] {
 	position: relative;
 	width: 100%;
 	min-height: 200px;
 }
-.cn-map-widget__leaflet[data-v-4c58b629] {
+.cn-map-widget__leaflet[data-v-e92438e2] {
 	width: 100%;
 	height: 100%;
 	/* Leaflet paints its container #ddd, which reads as a white flash before the
 	   tiles arrive — and a bright one in a dark theme. */
 	background: var(--color-background-dark);
 }
-.cn-map-widget__note[data-v-4c58b629] {
+.cn-map-widget__note[data-v-e92438e2] {
 	margin: 4px 0 0;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
 
 /* Why the map shows no markers: the card's own text size, on its inset. */
-.cn-map-widget__note--status[data-v-4c58b629] {
+.cn-map-widget__note--status[data-v-e92438e2] {
 	font-size: 14px;
 }
-.cn-map-widget__note--error[data-v-4c58b629] {
+.cn-map-widget__note--error[data-v-e92438e2] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-map-widget__fallback[data-v-4c58b629] {
+.cn-map-widget__fallback[data-v-e92438e2] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17163,11 +17389,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-map-widget__error[data-v-4c58b629] {
+.cn-map-widget__error[data-v-e92438e2] {
 	font-size: 14px;
 	margin: 0;
 }
-.cn-map-widget__legend[data-v-4c58b629] {
+.cn-map-widget__legend[data-v-e92438e2] {
 	position: absolute;
 	top: 12px;
 	right: 12px;
@@ -17180,7 +17406,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* Fullscreen overlay. A CSS-fixed box rather than the Fullscreen API, so it needs
    no permission prompt; the z-index clears the Nextcloud header. */
-.cn-map-widget--fullscreen[data-v-4c58b629] {
+.cn-map-widget--fullscreen[data-v-e92438e2] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -17193,7 +17419,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
    Leaflet's default white-on-grey buttons.
    ::v-deep is required — Leaflet builds the control DOM via L.DomUtil.create, so
    those nodes never receive this SFC's scoped data-v attribute. */
-.cn-map-widget[data-v-4c58b629] .cn-map-widget__control {
+.cn-map-widget[data-v-e92438e2] .cn-map-widget__control {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17202,8 +17428,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--color-main-text);
 	background: var(--color-main-background);
 }
-.cn-map-widget[data-v-4c58b629] .cn-map-widget__control:hover,
-.cn-map-widget[data-v-4c58b629] .cn-map-widget__control:focus-visible {
+.cn-map-widget[data-v-e92438e2] .cn-map-widget__control:hover,
+.cn-map-widget[data-v-e92438e2] .cn-map-widget__control:focus-visible {
 	background: var(--color-background-hover);
 }
 
@@ -17502,64 +17728,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__actions[data-v-2a3bc230] {
+.cn-cell-renderer__actions[data-v-abd08d9e] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-cell-renderer__icon-label[data-v-2a3bc230] {
+.cn-cell-renderer__icon-label[data-v-abd08d9e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-2a3bc230] {
+.cn-cell-renderer__switch[data-v-abd08d9e] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-2a3bc230] {
+.cn-cell-renderer__mono[data-v-abd08d9e] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-2a3bc230] {
+.cn-cell-renderer--uuid[data-v-abd08d9e] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-2a3bc230] {
+.cn-cell-renderer--number[data-v-abd08d9e] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-2a3bc230] {
+.cn-cell-renderer--date[data-v-abd08d9e] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-state[data-v-2a3bc230] {
+.cn-cell-renderer__date-state[data-v-abd08d9e] {
 	margin-inline-start: 8px;
 	color: var(--color-success-text, var(--color-main-text));
 }
-.cn-cell-renderer__date-state--past[data-v-2a3bc230] {
+.cn-cell-renderer__date-state--past[data-v-abd08d9e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__dash[data-v-2a3bc230] {
+.cn-cell-renderer__dash[data-v-abd08d9e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-2a3bc230] {
+.cn-cell-renderer__avatar[data-v-abd08d9e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-2a3bc230] {
+.cn-cell-renderer__avatar-picture[data-v-abd08d9e] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-2a3bc230] {
+.cn-cell-renderer__date-block[data-v-abd08d9e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-2a3bc230] {
+.cn-cell-renderer__date-tile[data-v-abd08d9e] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -17569,26 +17795,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-2a3bc230] {
+.cn-cell-renderer__date-day[data-v-abd08d9e] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-2a3bc230],
-.cn-cell-renderer__date-time[data-v-2a3bc230] {
+.cn-cell-renderer__date-month[data-v-abd08d9e],
+.cn-cell-renderer__date-time[data-v-abd08d9e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-2a3bc230] {
+.cn-cell-renderer__date-month[data-v-abd08d9e] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-2a3bc230] {
+.cn-cell-renderer__date-lines[data-v-abd08d9e] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-2a3bc230] {
+.cn-cell-renderer__date-weekday[data-v-abd08d9e] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-2a3bc230] {
+.cn-cell-renderer__avatar-initials[data-v-abd08d9e] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -17600,12 +17826,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-2a3bc230] {
+.cn-cell-renderer__avatar-text[data-v-abd08d9e] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-2a3bc230] {
+.cn-cell-renderer__avatar-name[data-v-abd08d9e] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -17615,7 +17841,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-2a3bc230] {
+.cn-cell-renderer__avatar-secondary[data-v-abd08d9e] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -17629,34 +17855,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* A date that matched a rule is also set in a heavier weight, so the signal
    does not rest on colour alone. */
-.cn-cell-renderer__date--success[data-v-2a3bc230],
-.cn-cell-renderer__date--warning[data-v-2a3bc230],
-.cn-cell-renderer__date--error[data-v-2a3bc230],
-.cn-cell-renderer__age--success[data-v-2a3bc230],
-.cn-cell-renderer__age--warning[data-v-2a3bc230],
-.cn-cell-renderer__age--error[data-v-2a3bc230] {
+.cn-cell-renderer__date--success[data-v-abd08d9e],
+.cn-cell-renderer__date--warning[data-v-abd08d9e],
+.cn-cell-renderer__date--error[data-v-abd08d9e],
+.cn-cell-renderer__age--success[data-v-abd08d9e],
+.cn-cell-renderer__age--warning[data-v-abd08d9e],
+.cn-cell-renderer__age--error[data-v-abd08d9e] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-2a3bc230] {
+.cn-cell-renderer__age[data-v-abd08d9e] {
 	white-space: nowrap;
 }
 
 /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
    8px beside it in the bar's tone, and an optional age badge after them, as
    PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
-.cn-cell-renderer__progress[data-v-2a3bc230] {
+.cn-cell-renderer__progress[data-v-abd08d9e] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-2a3bc230] {
+.cn-cell-renderer__progress-line[data-v-abd08d9e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-2a3bc230] {
+.cn-cell-renderer__progress-bar[data-v-abd08d9e] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -17664,33 +17890,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-2a3bc230] {
+.cn-cell-renderer__progress-fill[data-v-abd08d9e] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-2a3bc230] {
+.cn-cell-renderer__progress-fill--success[data-v-abd08d9e] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-2a3bc230] {
+.cn-cell-renderer__progress-fill--warning[data-v-abd08d9e] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-2a3bc230] {
+.cn-cell-renderer__progress-fill--error[data-v-abd08d9e] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-2a3bc230] {
+.cn-cell-renderer__progress-value[data-v-abd08d9e] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-2a3bc230] {
+.cn-cell-renderer__progress-value--success[data-v-abd08d9e] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-2a3bc230] {
+.cn-cell-renderer__progress-value--warning[data-v-abd08d9e] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-2a3bc230] {
+.cn-cell-renderer__progress-value--error[data-v-abd08d9e] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-2a3bc230] {
+.cn-cell-renderer__progress-badge[data-v-abd08d9e] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -17698,86 +17924,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-2a3bc230] {
+.cn-cell-renderer__progress-badge--error[data-v-abd08d9e] {
 	color: var(--color-text-error, var(--color-error-text));
 	background: var(--color-error-hover, var(--color-background-dark));
 	background: color-mix(in srgb, var(--color-error) 12%, transparent);
 }
-.cn-cell-renderer__progress-badge--warning[data-v-2a3bc230] {
+.cn-cell-renderer__progress-badge--warning[data-v-abd08d9e] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	background: color-mix(in srgb, var(--color-warning) 14%, transparent);
 }
-.cn-cell-renderer__progress-badge--success[data-v-2a3bc230] {
+.cn-cell-renderer__progress-badge--success[data-v-abd08d9e] {
 	color: var(--color-text-success, var(--color-success-text));
 	background: color-mix(in srgb, var(--color-success) 12%, transparent);
 }
-.cn-cell-renderer__age--success[data-v-2a3bc230] {
+.cn-cell-renderer__age--success[data-v-abd08d9e] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-2a3bc230] {
+.cn-cell-renderer__age--warning[data-v-abd08d9e] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-2a3bc230] {
+.cn-cell-renderer__age--error[data-v-abd08d9e] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-2a3bc230] {
+.cn-cell-renderer__due--empty[data-v-abd08d9e] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* A withheld value: the lock and the word in the muted text colour. */
-.cn-cell-renderer__withheld[data-v-2a3bc230] {
+.cn-cell-renderer__withheld[data-v-abd08d9e] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__withheld-icon[data-v-2a3bc230] {
+.cn-cell-renderer__withheld-icon[data-v-abd08d9e] {
 	flex: 0 0 auto;
 }
-.cn-cell-renderer__withheld-text[data-v-2a3bc230] {
+.cn-cell-renderer__withheld-text[data-v-abd08d9e] {
 	font-style: italic;
 }
 
 /* A number cell: the flagged number reads in its variant's text colour, with
    the chip saying why (never colour alone). */
-.cn-cell-renderer__number[data-v-2a3bc230] {
+.cn-cell-renderer__number[data-v-abd08d9e] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	white-space: nowrap;
 }
-.cn-cell-renderer__number--warning[data-v-2a3bc230] {
+.cn-cell-renderer__number--warning[data-v-abd08d9e] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__number--error[data-v-2a3bc230] {
+.cn-cell-renderer__number--error[data-v-abd08d9e] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__date--success[data-v-2a3bc230] {
+.cn-cell-renderer__date--success[data-v-abd08d9e] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-2a3bc230] {
+.cn-cell-renderer__date--warning[data-v-abd08d9e] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-2a3bc230] {
+.cn-cell-renderer__date--error[data-v-abd08d9e] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__date--muted[data-v-2a3bc230] {
+.cn-cell-renderer__date--muted[data-v-abd08d9e] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-2a3bc230] {
+.cn-cell-renderer__icon--success[data-v-abd08d9e] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-2a3bc230] {
+.cn-cell-renderer__swatch-wrap[data-v-abd08d9e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-2a3bc230] {
+.cn-cell-renderer__swatch-dot[data-v-abd08d9e] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -18048,6 +18274,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	overflow-wrap: anywhere;
 }
 
+/* In a table fitted to its tile every column but the growing one asks for
+   as little width as its content allows (`width: 1%`). With
+   `overflow-wrap: anywhere` that is one character, so a wrapping head broke
+   letter by letter ("D o e l", DqDoorlooptijd "Prestaties per zaaktype",
+   240px tall). Here a wrapping column breaks between words and only breaks
+   a word that is longer than the column.
+   @spec openspec/changes/fit-table-wrap-by-word/specs/fit-table-wrap-by-word/spec.md#requirement-a-wrapping-column-in-a-fitted-table-breaks-between-words */
+.cn-data-table--fit th.cn-cell--wrap,
+.cn-data-table--fit td.cn-cell--wrap {
+	overflow-wrap: break-word;
+}
+
 /* Opt-in fixed layout (CnDataTable's `fixedLayout` prop).
 
    Under the default `table-layout: auto` a column's declared `width` is only a
@@ -28143,7 +28381,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* The row a following card describes (content.rowSelection). */
-.cn-object-list-widget[data-v-3a0165c8] .cn-object-list-widget__row--selected {
+.cn-object-list-widget[data-v-7a3cf020] .cn-object-list-widget__row--selected {
 	background: var(--color-primary-element-light, #eaf0f7);
 }
 
@@ -28154,7 +28392,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
    second scroll container here would produce a nested scrollbar, so this host
    stays plain. */
-.cn-object-list-widget[data-v-3a0165c8] {
+.cn-object-list-widget[data-v-7a3cf020] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -28166,10 +28404,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    relative` is set only in the dropping state so a widget without a drop zone
    keeps the containing block it had — an unconditional rule here would
    re-parent any absolutely-positioned descendant a host has placed. */
-.cn-object-list-widget--dropping[data-v-3a0165c8] {
+.cn-object-list-widget--dropping[data-v-7a3cf020] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-3a0165c8] {
+.cn-object-list-widget__drop-overlay[data-v-7a3cf020] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -28187,7 +28425,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   and the drop would land on nothing. */
 	pointer-events: none;
 }
-.cn-object-list-widget__table[data-v-3a0165c8] {
+.cn-object-list-widget__table[data-v-7a3cf020] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -28196,16 +28434,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
    all this rule still owns is letting it claim the cell's leftover height
    (ADR-062: it fits the cell, it never forces one). */
-.cn-object-list-widget__empty[data-v-3a0165c8] {
+.cn-object-list-widget__empty[data-v-7a3cf020] {
 	flex: 1 1 auto;
 	min-height: 0;
 }
 
 /* The pager sits flush at the bottom of the card, above "View all". */
-.cn-object-list-widget__pager[data-v-3a0165c8] {
+.cn-object-list-widget__pager[data-v-7a3cf020] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-3a0165c8] {
+.cn-object-list-widget__view-all[data-v-7a3cf020] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -28216,32 +28454,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-3a0165c8]:hover,
-.cn-object-list-widget__view-all[data-v-3a0165c8]:focus-visible {
+.cn-object-list-widget__view-all[data-v-7a3cf020]:hover,
+.cn-object-list-widget__view-all[data-v-7a3cf020]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-3a0165c8] {
+.cn-object-list-widget__more[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
-.cn-object-list-widget__links[data-v-3a0165c8] {
+.cn-object-list-widget__links[data-v-7a3cf020] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	margin: 12px 0 0;
 	font-size: 14px;
 }
-.cn-object-list-widget__link[data-v-3a0165c8] {
+.cn-object-list-widget__link[data-v-7a3cf020] {
 	font-weight: 600;
 }
-.cn-object-list-widget__link-note[data-v-3a0165c8] {
+.cn-object-list-widget__link-note[data-v-7a3cf020] {
 	margin-inline-start: 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-list-widget__footnote[data-v-3a0165c8] {
+.cn-object-list-widget__footnote[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 8px 0 0;
@@ -28250,7 +28488,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* Footer Add — same pattern as the integration leaves' footer action
    ("Open in Calendar"): full-width, centered, divider-topped, pinned to
    the card bottom. */
-.cn-object-list-widget__add[data-v-3a0165c8] {
+.cn-object-list-widget__add[data-v-7a3cf020] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -28258,31 +28496,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-3a0165c8] {
+.cn-object-list-widget__error[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-3a0165c8] {
+.cn-object-list-widget__prompt[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-3a0165c8] {
+.cn-object-list-widget__facet[data-v-7a3cf020] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-3a0165c8] {
+.cn-object-list-widget__facet-label[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-3a0165c8] {
+.cn-object-list-widget__facet-chip[data-v-7a3cf020] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -28292,13 +28530,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 10px;
 }
-.cn-object-list-widget__facet-chip--active[data-v-3a0165c8] {
+.cn-object-list-widget__facet-chip--active[data-v-7a3cf020] {
 	background-color: var(--color-primary-element-light);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text, var(--color-main-text));
 }
-.cn-object-list-widget__facet-clear[data-v-3a0165c8],
-.cn-object-list-widget__bulk-clear[data-v-3a0165c8] {
+.cn-object-list-widget__facet-clear[data-v-7a3cf020],
+.cn-object-list-widget__bulk-clear[data-v-7a3cf020] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -28307,11 +28545,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 4px;
 }
-.cn-object-list-widget__facet-clear[data-v-3a0165c8]:hover,
-.cn-object-list-widget__bulk-clear[data-v-3a0165c8]:hover {
+.cn-object-list-widget__facet-clear[data-v-7a3cf020]:hover,
+.cn-object-list-widget__bulk-clear[data-v-7a3cf020]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-3a0165c8] {
+.cn-object-list-widget__bulk-bar[data-v-7a3cf020] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -28321,10 +28559,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 0 0 8px;
 	padding: 6px 10px;
 }
-.cn-object-list-widget__bulk-count[data-v-3a0165c8] {
+.cn-object-list-widget__bulk-count[data-v-7a3cf020] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-3a0165c8] {
+.cn-object-list-widget__bulk-action[data-v-7a3cf020] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28332,25 +28570,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-3a0165c8] {
+.cn-object-list-widget__bulk-action--destructive[data-v-7a3cf020] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-3a0165c8] {
+.cn-object-list-widget__groups[data-v-7a3cf020] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-3a0165c8] {
+.cn-object-list-widget__group-heading[data-v-7a3cf020] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 	margin: 0 0 4px;
 	text-transform: uppercase;
 }
-.cn-object-list-widget__upload[data-v-3a0165c8] {
+.cn-object-list-widget__upload[data-v-7a3cf020] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28359,7 +28597,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 8px 0 0;
 	padding: 6px 12px;
 }
-.cn-object-list-widget__upload-input[data-v-3a0165c8] {
+.cn-object-list-widget__upload-input[data-v-7a3cf020] {
 	display: none;
 }
 
@@ -40558,84 +40796,92 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-notes[data-v-56a223c4] {
+.cn-record-notes[data-v-949ca7ea] {
 	display: flex;
 	flex-direction: column;
 	gap: 0;
 }
-.cn-record-notes__ready[data-v-56a223c4] {
+.cn-record-notes__ready[data-v-949ca7ea] {
 	display: flex;
 	align-items: baseline;
 	gap: 6px;
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-notes__ready-figure[data-v-56a223c4] {
+.cn-record-notes__ready-figure[data-v-949ca7ea] {
 	font-weight: 700;
 	color: var(--color-main-text);
 }
-.cn-record-notes__row[data-v-56a223c4] {
+.cn-record-notes__row[data-v-949ca7ea] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 14px 0;
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-notes__head[data-v-56a223c4] {
+.cn-record-notes__head[data-v-949ca7ea] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px;
 }
-.cn-record-notes__title[data-v-56a223c4] {
+.cn-record-notes__title[data-v-949ca7ea] {
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-record-notes__title--link[data-v-56a223c4] {
+.cn-record-notes__title--link[data-v-949ca7ea] {
 	text-decoration: underline;
 }
-.cn-record-notes__meta[data-v-56a223c4] {
+.cn-record-notes__meta[data-v-949ca7ea] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-notes__spacer[data-v-56a223c4] {
+.cn-record-notes__spacer[data-v-949ca7ea] {
 	flex: 1 1 auto;
 }
-.cn-record-notes__due[data-v-56a223c4] {
+.cn-record-notes__due[data-v-949ca7ea] {
 	font-weight: 600;
 }
-.cn-record-notes__due--error[data-v-56a223c4] {
+.cn-record-notes__due--error[data-v-949ca7ea] {
 	color: var(--color-error-text);
 }
-.cn-record-notes__due--warning[data-v-56a223c4] {
+.cn-record-notes__due--warning[data-v-949ca7ea] {
 	color: var(--color-warning-text);
 }
-.cn-record-notes__due--muted[data-v-56a223c4] {
+.cn-record-notes__due--muted[data-v-949ca7ea] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 400;
 }
-.cn-record-notes__fields[data-v-56a223c4] {
+.cn-record-notes__fields[data-v-949ca7ea] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-end;
 	gap: 10px;
 }
-.cn-record-notes__field[data-v-56a223c4] {
+.cn-record-notes__field[data-v-949ca7ea] {
+	display: flex;
 	flex: 1 1 260px;
+	flex-direction: column;
+	gap: 6px;
+}
+.cn-record-notes__field-label[data-v-949ca7ea] {
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
 }
-.cn-record-notes__leaf[data-v-56a223c4] {
+.cn-record-notes__leaf[data-v-949ca7ea] {
 	flex: 0 0 auto;
 }
-.cn-record-notes__leaf-missing[data-v-56a223c4],
-.cn-record-notes__error[data-v-56a223c4] {
+.cn-record-notes__leaf-missing[data-v-949ca7ea],
+.cn-record-notes__error[data-v-949ca7ea] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-notes__error[data-v-56a223c4] {
+.cn-record-notes__error[data-v-949ca7ea] {
 	color: var(--color-error-text);
 }
-.cn-record-notes__all[data-v-56a223c4] {
+.cn-record-notes__all[data-v-949ca7ea] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -40645,34 +40891,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding-top: 14px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-notes__all-title[data-v-56a223c4] {
+.cn-record-notes__all-title[data-v-949ca7ea] {
 	margin: 0;
 	font-size: 16px;
 }
-.cn-record-notes__all-sentence[data-v-56a223c4] {
+.cn-record-notes__all-sentence[data-v-949ca7ea] {
 	margin: 4px 0 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-notes__all-actions[data-v-56a223c4] {
+.cn-record-notes__all-actions[data-v-949ca7ea] {
 	display: flex;
 	gap: 8px;
 }
 
 
-.cn-record-list__checklist-bar[data-v-38566d36] {
+.cn-record-list__checklist-bar[data-v-2c65cbc2] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-38566d36] {
+.cn-record-list__checklist-fill[data-v-2c65cbc2] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-38566d36] {
+.cn-record-list__checklist[data-v-2c65cbc2] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -40680,16 +40926,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-38566d36] {
+.cn-record-list__check[data-v-2c65cbc2] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-38566d36] {
+.cn-record-list__check--done[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-38566d36] {
+.cn-record-list__check-mark[data-v-2c65cbc2] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -40699,45 +40945,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 2px solid var(--color-border-maxcontrast);
 	border-radius: 50%;
 }
-.cn-record-list__check--done .cn-record-list__check-mark[data-v-38566d36] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-2c65cbc2] {
 	border-color: transparent;
 	background: var(--color-success-hover, var(--color-background-dark));
 	color: var(--color-success-text, var(--color-success));
 }
 @media (max-width: 640px) {
-.cn-record-list__checklist[data-v-38566d36] {
+.cn-record-list__checklist[data-v-2c65cbc2] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-38566d36] {
+.cn-record-list__set-field-done[data-v-2c65cbc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
 	color: var(--color-success-text, var(--color-success));
 	font-weight: bold;
 }
-.cn-record-list__list[data-v-38566d36] {
+.cn-record-list__list[data-v-2c65cbc2] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-38566d36] {
+.cn-record-list__group-heading[data-v-2c65cbc2] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-38566d36] {
+.cn-record-list__group-head[data-v-2c65cbc2] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	margin-top: 6px;
 }
-.cn-record-list__group-head .cn-record-list__group-heading[data-v-38566d36] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-2c65cbc2] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-38566d36] {
+.cn-record-list__action--tonal.button-vue[data-v-2c65cbc2] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -40748,34 +40994,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-38566d36]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-2c65cbc2]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-38566d36] {
+.cn-record-list__footer[data-v-2c65cbc2] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer--wide[data-v-38566d36] {
+.cn-record-list__footer--wide[data-v-2c65cbc2] {
 	align-items: stretch;
 }
-.cn-record-list__footer-note[data-v-38566d36] {
+.cn-record-list__footer-note[data-v-2c65cbc2] {
 	margin: 0 0 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__footer-reason[data-v-38566d36] {
+.cn-record-list__footer-reason[data-v-2c65cbc2] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-38566d36],
-.cn-record-list__error[data-v-38566d36] {
+.cn-record-list__empty[data-v-2c65cbc2],
+.cn-record-list__error[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-38566d36] {
+.cn-record-list__notice[data-v-2c65cbc2] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -40784,41 +41030,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	background: var(--color-primary-element-light, var(--color-background-dark));
 	color: var(--color-main-text);
 }
-.cn-record-list__notice--warning[data-v-38566d36] {
+.cn-record-list__notice--warning[data-v-2c65cbc2] {
 	background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
 	color: var(--color-warning-text, var(--color-main-text));
 }
-.cn-record-list__notice--error[data-v-38566d36] {
+.cn-record-list__notice--error[data-v-2c65cbc2] {
 	background: var(--color-error-light, rgba(219, 0, 0, 0.08));
 	color: var(--color-error-text, var(--color-main-text));
 }
-.cn-record-list__notice--footnote[data-v-38566d36] {
+.cn-record-list__notice--footnote[data-v-2c65cbc2] {
 	margin-top: 12px;
 }
-.cn-record-list__notice-icon[data-v-38566d36] {
+.cn-record-list__notice-icon[data-v-2c65cbc2] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-38566d36] {
+.cn-record-list__notice-text[data-v-2c65cbc2] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-38566d36] {
+.cn-record-list__loading[data-v-2c65cbc2] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-38566d36],
-.cn-record-list--rule-above .cn-record-list__item[data-v-38566d36]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2],
+.cn-record-list--rule-above .cn-record-list__item[data-v-2c65cbc2]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-38566d36] {
+.cn-record-list__pill-start[data-v-2c65cbc2] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-38566d36] {
+.cn-record-list__bar[data-v-2c65cbc2] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -40826,15 +41072,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-38566d36] {
+.cn-record-list__bar-fill[data-v-2c65cbc2] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-38566d36] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-2c65cbc2] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-38566d36] {
+.cn-record-list__row[data-v-2c65cbc2] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -40842,22 +41088,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-38566d36],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-38566d36] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-2c65cbc2],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-38566d36] {
+.cn-record-list__dot[data-v-2c65cbc2] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-38566d36] {
+.cn-record-list__flag[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__avatar[data-v-38566d36] {
+.cn-record-list__avatar[data-v-2c65cbc2] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -40870,82 +41116,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-38566d36] {
+.cn-record-list__main[data-v-2c65cbc2] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-38566d36] {
+.cn-record-list__title[data-v-2c65cbc2] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-38566d36] {
+.cn-record-list--compact .cn-record-list__row[data-v-2c65cbc2] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-38566d36] {
+.cn-record-list--compact .cn-record-list__title[data-v-2c65cbc2] {
 	font-weight: 500;
 }
-.cn-record-list__meta[data-v-38566d36] {
+
+/* `density: "stacked"`: the rows stand 10px apart with no rule and no row
+   padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
+.cn-record-list--stacked .cn-record-list__list[data-v-2c65cbc2] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+.cn-record-list--stacked .cn-record-list__row[data-v-2c65cbc2] {
+	min-height: 0;
+	padding: 0;
+}
+.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
+	border-top: 0;
+}
+.cn-record-list__meta[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-38566d36] {
+.cn-record-list__aside[data-v-2c65cbc2] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-38566d36] {
+.cn-record-list__leading[data-v-2c65cbc2] {
 	flex: 0 0 52px;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	font-weight: 600;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__trailing[data-v-38566d36] {
+.cn-record-list__trailing[data-v-2c65cbc2] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-38566d36] {
+.cn-record-list__due[data-v-2c65cbc2] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-38566d36] {
+.cn-record-list__due--danger[data-v-2c65cbc2] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-38566d36] {
+.cn-record-list__table[data-v-2c65cbc2] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-38566d36] {
+.cn-record-list__table th[data-v-2c65cbc2] {
 	padding: 6px 0;
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-text-maxcontrast);
 	font-weight: 600;
 	text-align: start;
 }
-.cn-record-list__table td[data-v-38566d36] {
+.cn-record-list__table td[data-v-2c65cbc2] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-38566d36] {
+.cn-record-list__cell-sub[data-v-2c65cbc2] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-38566d36] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-2c65cbc2] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-38566d36] {
+.cn-record-list__sort[data-v-2c65cbc2] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -40958,75 +41219,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-38566d36]:focus-visible {
+.cn-record-list__sort[data-v-2c65cbc2]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-38566d36] {
+.cn-record-list__sort-mark[data-v-2c65cbc2] {
 	font-size: 10px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-38566d36] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-2c65cbc2] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-38566d36] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-2c65cbc2] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-38566d36] {
+.cn-record-list__intro[data-v-2c65cbc2] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-38566d36] {
+.cn-record-list__footnote[data-v-2c65cbc2] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-38566d36] {
+.cn-record-list__due--soon[data-v-2c65cbc2] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-38566d36] {
+.cn-record-list__due--empty[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-38566d36] {
+.cn-record-list__row--action[data-v-2c65cbc2] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-38566d36] {
+.cn-record-list__row--action .cn-record-list__main[data-v-2c65cbc2] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-38566d36] {
+.cn-record-list__title--link[data-v-2c65cbc2] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-38566d36] {
+.cn-record-list__pills[data-v-2c65cbc2] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-38566d36] {
+.cn-record-list__due--below[data-v-2c65cbc2] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-38566d36] {
+.cn-record-list__footer-link[data-v-2c65cbc2] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-38566d36] {
+.cn-record-list__due--column[data-v-2c65cbc2] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-38566d36] {
+.cn-record-list__action[data-v-2c65cbc2] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -41043,11 +41304,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-38566d36]:hover,
-.cn-record-list__action[data-v-38566d36]:focus-visible {
+.cn-record-list__action[data-v-2c65cbc2]:hover,
+.cn-record-list__action[data-v-2c65cbc2]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-38566d36] {
+.cn-record-list__chevron[data-v-2c65cbc2] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -41055,15 +41316,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
    tiles in a grid, the title at 14px regular. The selectors outrank the board
    look's list row rules. */
-.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-38566d36] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-2c65cbc2] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 	gap: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-38566d36] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-2c65cbc2] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-38566d36] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-2c65cbc2] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -41072,19 +41333,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 1px solid var(--cn-board-hairline, var(--color-border));
 	border-radius: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-38566d36] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-2c65cbc2] {
 	font-size: 14px;
 	font-weight: 400;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-38566d36] {
+.cn-record-list--cards .cn-record-list__list[data-v-2c65cbc2] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-38566d36] {
+.cn-record-list__card[data-v-2c65cbc2] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -41096,51 +41357,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-38566d36]:hover,
-.cn-record-list__card--link[data-v-38566d36]:focus-visible {
+.cn-record-list__card--link[data-v-2c65cbc2]:hover,
+.cn-record-list__card--link[data-v-2c65cbc2]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-38566d36],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-38566d36] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-2c65cbc2],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-38566d36] {
+.cn-record-list__card-head[data-v-2c65cbc2] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-38566d36] {
+.cn-record-list__card-title[data-v-2c65cbc2] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-38566d36] {
+.cn-record-list__card-icon[data-v-2c65cbc2] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-38566d36] {
+.cn-record-list__card-pills[data-v-2c65cbc2] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-38566d36] {
+.cn-record-list__card-value[data-v-2c65cbc2] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-38566d36] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-38566d36] {
+.cn-record-list__feed-row[data-v-2c65cbc2] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-38566d36] {
+.cn-record-list__feed-icon[data-v-2c65cbc2] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -41151,25 +41412,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-38566d36] {
+.cn-record-list__text[data-v-2c65cbc2] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-38566d36] {
+.cn-record-list--feed .cn-record-list__main[data-v-2c65cbc2] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-38566d36] {
+.cn-record-list__inline-row[data-v-2c65cbc2] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-38566d36] {
+.cn-record-list__label[data-v-2c65cbc2] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-38566d36] {
+.cn-record-list__inline-title[data-v-2c65cbc2] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-38566d36] {
+a.cn-record-list__inline-title[data-v-2c65cbc2] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -50001,30 +50262,30 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 
-.cn-assign-dialog[data-v-6acb5913] {
+.cn-assign-dialog[data-v-7a19bf99] {
 	display: flex;
 	flex-direction: column;
 	gap: 18px;
 }
-.cn-assign-dialog__field[data-v-6acb5913] {
+.cn-assign-dialog__field[data-v-7a19bf99] {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
 
 /* The assignee label sits above its field, as the note's does. */
-.cn-assign-dialog__field[data-v-6acb5913] .select__label {
+.cn-assign-dialog__field[data-v-7a19bf99] .select__label {
 	display: block;
 	margin-bottom: 6px;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-assign-dialog__hint[data-v-6acb5913] {
+.cn-assign-dialog__hint[data-v-7a19bf99] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-assign-dialog__toggle[data-v-6acb5913] {
+.cn-assign-dialog__toggle[data-v-7a19bf99] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -50032,17 +50293,17 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	border: 1px solid var(--color-border-dark);
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-assign-dialog__toggle--on[data-v-6acb5913] {
+.cn-assign-dialog__toggle--on[data-v-7a19bf99] {
 	border: 2px solid var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-assign-dialog__toggle-title[data-v-6acb5913] {
+.cn-assign-dialog__toggle-title[data-v-7a19bf99] {
 	font-weight: 600;
 }
-.cn-assign-dialog__toggle-note[data-v-6acb5913] {
+.cn-assign-dialog__toggle-note[data-v-7a19bf99] {
 	padding-inline-start: var(--cn-dialog-check-label-inset, 44px);
 }
-.cn-assign-dialog__error[data-v-6acb5913] {
+.cn-assign-dialog__error[data-v-7a19bf99] {
 	margin: 0;
 	color: var(--color-error-text, var(--color-error));
 }
@@ -50538,7 +50799,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 
-.cn-dashboard-page[data-v-a05cad3a] {
+.cn-dashboard-page[data-v-12df9aea] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -50552,7 +50813,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-a05cad3a] {
+.cn-dashboard-page__header[data-v-12df9aea] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -50564,21 +50825,21 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-a05cad3a] {
+.cn-dashboard-page__header-left[data-v-12df9aea] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-a05cad3a] {
+.cn-dashboard-page__title-row[data-v-12df9aea] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-a05cad3a] {
+.cn-dashboard-page__title[data-v-12df9aea] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-a05cad3a] {
+.cn-dashboard-page__description[data-v-12df9aea] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -50586,19 +50847,19 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* 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-a05cad3a] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-12df9aea] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-a05cad3a] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-12df9aea] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-a05cad3a] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-12df9aea] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-a05cad3a] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-12df9aea] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -50606,17 +50867,17 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 /* 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-a05cad3a] {
+.cn-dashboard-page__switch-row[data-v-12df9aea] {
 	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-a05cad3a] {
+.cn-dashboard-page__switch-row-spacer[data-v-12df9aea] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-a05cad3a] {
+.cn-dashboard-page__view-link[data-v-12df9aea] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -50630,24 +50891,24 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-a05cad3a]:hover {
+.cn-dashboard-page__view-link[data-v-12df9aea]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-a05cad3a]:focus-visible {
+.cn-dashboard-page__view-link[data-v-12df9aea]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-a05cad3a] {
+.cn-dashboard-page__view-link-icon[data-v-12df9aea] {
 	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-a05cad3a] {
+.cn-dashboard-page__date-range--segmented[data-v-12df9aea] {
 	margin-bottom: 16px;
 }
 
 /* The period group at the end of the description line. */
-.cn-dashboard-page__description--with-period[data-v-a05cad3a] {
+.cn-dashboard-page__description--with-period[data-v-12df9aea] {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
@@ -50656,19 +50917,19 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* A select on the description line takes the width of its choice, not a
    form field's, and no margin of its own. */
-.cn-dashboard-page__description-select[data-v-a05cad3a] {
+.cn-dashboard-page__description-select[data-v-12df9aea] {
 	min-width: 180px;
 	max-width: 280px;
 	margin: 0;
 }
-.cn-dashboard-page__date-segmented[data-v-a05cad3a] {
+.cn-dashboard-page__date-segmented[data-v-12df9aea] {
 	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-a05cad3a] {
+.cn-dashboard-page__kpi-row[data-v-12df9aea] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
 
@@ -50676,15 +50937,15 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
    the cards started a margin to the right of the KPI row and the header. The
    grid reaches out by that margin, so the card edges line up with the page's
    (dashboard-grid-flush). */
-.cn-dashboard-page--board[data-v-a05cad3a] .cn-dashboard-grid {
+.cn-dashboard-page--board[data-v-12df9aea] .cn-dashboard-grid {
 	width: auto;
 	margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
 }
-.cn-dashboard-page__kpi-cell[data-v-a05cad3a] {
+.cn-dashboard-page__kpi-cell[data-v-12df9aea] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-a05cad3a] > * {
+.cn-dashboard-page__kpi-cell[data-v-12df9aea] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -50697,7 +50958,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
    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-a05cad3a] {
+.cn-dashboard-page__header-actions[data-v-12df9aea] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -50713,19 +50974,19 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* 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-a05cad3a] {
+.cn-dashboard-page__date-range[data-v-12df9aea] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-a05cad3a] {
+.cn-dashboard-page__date-range--pills[data-v-12df9aea] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-a05cad3a] {
+.cn-dashboard-page__date-pills[data-v-12df9aea] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-a05cad3a] {
+.cn-dashboard-page__date-pill[data-v-12df9aea] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -50740,77 +51001,77 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-a05cad3a]:hover {
+.cn-dashboard-page__date-pill[data-v-12df9aea]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-a05cad3a]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-12df9aea]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-a05cad3a] {
+.cn-dashboard-page__date-pill--active[data-v-12df9aea] {
 	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-a05cad3a]:hover {
+.cn-dashboard-page__date-pill--active[data-v-12df9aea]: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-a05cad3a] {
+.cn-dashboard-page__date-pill--custom[data-v-12df9aea] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-a05cad3a] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-12df9aea] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-a05cad3a] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-a05cad3a] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-a05cad3a] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-12df9aea] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-12df9aea] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-12df9aea] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-a05cad3a] {
+.cn-dashboard-page__empty[data-v-12df9aea] {
 	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-a05cad3a] {
+.cn-dashboard-page__view-switch[data-v-12df9aea] {
 	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-a05cad3a] {
+.cn-page-view-region--empty[data-v-12df9aea] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-a05cad3a] {
+.cn-dashboard-page__page-filters[data-v-12df9aea] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-a05cad3a] {
+.cn-dashboard-page__page-filter[data-v-12df9aea] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-a05cad3a] {
+.cn-dashboard-page__page-filter-label[data-v-12df9aea] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-a05cad3a] {
+.cn-dashboard-page__widget-edit[data-v-12df9aea] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -50829,8 +51090,8 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
    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-a05cad3a] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-a05cad3a] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-12df9aea] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-12df9aea] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -50846,7 +51107,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
    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-a05cad3a] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-12df9aea] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -50856,13 +51117,13 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 /* 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-a05cad3a] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-a05cad3a] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-a05cad3a] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-12df9aea] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-12df9aea] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-12df9aea] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-a05cad3a] {
+.cn-dashboard-page__unknown[data-v-12df9aea] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -50873,31 +51134,31 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-a05cad3a] {
+.cn-dashboard-page__content[data-v-12df9aea] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-a05cad3a] {
+.cn-dashboard-page__content-item[data-v-12df9aea] {
 	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-a05cad3a] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-a05cad3a] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-12df9aea] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-12df9aea] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-a05cad3a] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-12df9aea] {
 		min-height: 44px;
 }
 
 	/* The widget Actions menu shows its icon only, so the card title keeps
 	   the room; the name stays for assistive tech. */
-.cn-dashboard-page--board[data-v-a05cad3a] .cn-widget-wrapper__actions .action-item__menutoggle {
+.cn-dashboard-page--board[data-v-12df9aea] .cn-widget-wrapper__actions .action-item__menutoggle {
 		min-width: 44px;
 }
-.cn-dashboard-page--board[data-v-a05cad3a] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
+.cn-dashboard-page--board[data-v-12df9aea] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
 		position: absolute;
 		width: 1px;
 		height: 1px;
@@ -50909,7 +51170,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* 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-a05cad3a] {
+.cn-dashboard-page__widget-count[data-v-12df9aea] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -50918,13 +51179,13 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-a05cad3a] {
+.cn-dashboard-page__widget-note[data-v-12df9aea] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-a05cad3a] {
+.cn-dashboard-page__widget-action[data-v-12df9aea] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -50940,7 +51201,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-a05cad3a]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-12df9aea]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }