@conduction/nextcloud-vue 2.84.0 → 2.85.0

package/dist/esm/nextcloud-vue.css

@@ -489,6 +489,7 @@
    `.cn-look-board.cn-admin-settings-shell` is a shell told `look: "board"`
    itself, on an admin page no CnAppRoot wraps. */
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .cn-admin-settings-shell__header,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials) {
 	grid-column: 1 / -1;
@@ -496,6 +497,7 @@
 
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *),
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
@@ -507,14 +509,17 @@
    Settings.vue) takes no box of its own: its sections are grid items and
    cards, as if the shell held them directly. Only an element whose own
    children are sections; anything else keeps spanning the grid. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) {
 	display: contents;
 }
 
-/* The card: a section of the shell (also one inside a wrapping element), or a CnSettingsCard of the page. */
+/* The card: a section of the shell or of one of its tab panels (also one inside a wrapping element), or a CnSettingsCard of the page. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) > .cn-settings-card {
@@ -550,7 +555,7 @@
 	justify-content: flex-start;
 	text-align: start;
 	margin: 0;
-	font-size: 19px;
+	font-size: 17px;
 	font-weight: 700;
 	line-height: 1.3;
 }
@@ -558,18 +563,83 @@
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) .settings-section__desc {
 	margin: 4px 0 0;
 	font-size: 14px;
-	line-height: 1.45;
+	line-height: 1.5;
 	color: var(--color-text-maxcontrast);
 }
 
-/* Section actions sit at the end of the title row. */
+/* Section actions sit at the end of the title row. The row is a grid, so a
+   long title wraps beside the buttons instead of running under them, and in a
+   narrow card the buttons drop under the title and description. */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) {
+	/* `!important`: the card rules above set `display: flex` at higher specificity for a section in a wrapping element. */
+	display: grid !important;
+	grid-template-columns: minmax(0, 1fr) auto;
+	align-items: start;
+	column-gap: 16px;
+	container-type: inline-size;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > * {
+	grid-column: 1 / -1;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > .settings-section__name {
+	grid-row: 1;
+	grid-column: 1;
+}
+
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
-	position: absolute;
-	inset-block-start: 22px;
-	inset-inline-end: 24px;
+	grid-row: 1;
+	grid-column: 2;
+	position: static;
+	flex-wrap: wrap;
+	justify-self: end;
 	float: none;
 }
 
+@container (max-width: 520px) {
+	.cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
+		grid-row: auto;
+		grid-column: 1 / -1;
+		justify-self: start;
+		justify-content: flex-start;
+	}
+}
+
+/* An admin settings card as the board draws it (PtBeheerinstellingen,
+   KqBeheerAlgemeen, HuInstellingen): 20px 22px padding, and the title and
+   description one group, 4px apart, spaced from the rest of the card by the
+   card's 14px gap. The description is a sibling of the title in that column,
+   so it pulls itself back up to 4px under the title. The gap spaces the
+   content, so a note card adds no margin of its own (NcNoteCard draws 16px
+   above and below). A CnSettingsPage card keeps 22px 24px. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section {
+	padding: 20px 22px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
+	margin-top: -10px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard {
+	margin-block: 0;
+}
+
 .cn-look-board .settings-section.cn-settings-section--wide:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-card:has(.cn-settings-section--wide):not(.cn-look-nextcloud *) {
 	grid-column: 1 / -1;
@@ -781,6 +851,25 @@
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__chevron {
 	display: none;
 }
+
+/* ---- Week strip (DqMijnWerk "Termijnen deze week") ---------------------- */
+/* The days wrap inside the card instead of scrolling sideways: a row holds
+   as many days of at least 120px as the card fits, and the rest go to the
+   next row (dossiq at 1100 wide held 680px of days in a 494px card and
+   scrolled; now three days and two). 120px keeps a case title's words whole;
+   five 88px days fitted one row but broke "Bezwaar" mid-word. A card wide
+   enough for the week draws it as before, one row of equal columns. The
+   day's head wraps its "today" badge under the label when the day is
+   narrow.
+   @spec openspec/changes/board-week-strip-fits/specs/week-strip-board-look/spec.md#requirement-a-board-week-strip-fits-its-card */
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__days {
+	grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
+	min-width: 0;
+}
+
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__head {
+	flex-wrap: wrap;
+}
 /*
  * The board dialog (screens-dialog-parity, canon section 5).
  *
@@ -818,8 +907,10 @@
 }
 
 /* The header is ours: NcModal's own close button and NcDialog's heading give
-   way (the heading stays as the accessible name, visually hidden). */
-.cn-dialog-board .modal-container__close {
+   way (the heading stays as the accessible name, visually hidden). The mask
+   class raises the rule above NcButton's `.button-vue[data-v-…]`, whose
+   stylesheet a spawned dialog can load after this one. */
+.modal-mask.cn-dialog-board .modal-container__close {
 	display: none;
 }
 
@@ -1281,19 +1372,24 @@
 	gap: 8px;
 }
 
-.cn-board-view.cn-board-view--board .cn-board-view__card-title {
+/* The title is a link drawn as a heading (board DqWerkbord): main text, no
+   underline. `!important` because a theme's `a { color; text-decoration }`
+   carries it (thematiq), and a bare `a` with `!important` beats any class. */
+.cn-board-view.cn-board-view--board .cn-board-view__card-title,
+.cn-board-view.cn-board-view--board .cn-board-view__card-title:visited {
 	flex: 1 1 auto;
 	min-width: 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.3;
-	color: var(--color-main-text);
-	text-decoration: none;
+	color: var(--color-main-text) !important;
+	text-decoration: none !important;
 	overflow-wrap: anywhere;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:hover {
-	text-decoration: underline;
+	color: var(--color-main-text) !important;
+	text-decoration: underline !important;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:focus-visible {
@@ -1452,6 +1548,62 @@
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
+
+/*
+ * screens-board-reference-columns: a wide board wraps its columns onto more
+ * rows (`config.board.wrap`), as many to a row as fit at 240px, instead of
+ * one row that scrolls sideways.
+ */
+.cn-board-view.cn-board-view--wrap .cn-board-view__columns {
+	display: grid;
+	grid-auto-flow: row;
+	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+	overflow-x: visible;
+}
+
+.cn-board-view.cn-board-view--wrap:not(.cn-board-view--board) .cn-board-view__columns {
+	gap: 12px;
+}
+
+/* A column the dragged card cannot reach fades; the label stays readable. */
+.cn-board-view .cn-board-view__column--unreachable {
+	opacity: 0.45;
+}
+
+/* The selection checkbox: in the board look's card head, before the title. */
+.cn-board-view .cn-board-view__select {
+	flex: none;
+	width: 16px;
+	height: 16px;
+	margin: 2px 0 0;
+	accent-color: var(--color-primary-element);
+	cursor: pointer;
+}
+
+/* Board look: the board draws no checkbox. It shows on a hovered card, on a
+   card holding focus (so Tab still reaches it), once anything is selected, and
+   always where there is no hover. Collapsed rather than hidden, so it stays in
+   the tab order. */
+@media (hover: hover) {
+	.cn-board-view.cn-board-view--board:not(.cn-board-view--selecting) .cn-board-view__card:not(:hover, :focus-within) .cn-board-view__select {
+		width: 0;
+		margin-inline-end: -8px;
+		opacity: 0;
+	}
+}
+
+/* A menu target the card cannot reach: still listed, greyed, with its note. */
+.cn-board-view.cn-board-view--board .cn-board-view__menu-item.cn-board-view__menu-item--blocked {
+	color: var(--color-text-maxcontrast);
+	cursor: not-allowed;
+}
+
+.cn-board-view .cn-board-view__menu-note {
+	margin-inline-start: auto;
+	padding-inline-start: 12px;
+	font-size: 12px;
+	color: var(--color-text-maxcontrast);
+}
 /*
  * The board look for the index list and its cards (screens-index-list-parity,
  * screens-card-parity).
@@ -3949,6 +4101,19 @@ a.cn-kpi-card--stacked:focus-visible {
 	color: var(--color-main-text);
 }
 
+/* A board tile whose label wraps grows into its cell instead of clipping its
+   own last line. dossiq's "Afgehandeld deze maand" at 1100 wide held 129px of
+   content in a 114px tile and lost its caption's bottom. The tile still fills
+   a cell it fits (`min-height: 100%`), so every tile that fits keeps its
+   size; one that does not takes the height of its content, and the card-fit
+   cell's `safe center` keeps its top in view.
+   @spec openspec/changes/board-stat-tile-grows/specs/stat-tile-board-look/spec.md#requirement-a-board-stat-tile-shows-all-its-lines */
+.cn-kpi-card--board.cn-kpi-card--stacked {
+	flex: 0 0 auto;
+	height: auto;
+	min-height: 100%;
+}
+
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-kpi-card__caption-line,
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-stats-block__count-label {
 	font-size: 13px;
@@ -5154,6 +5319,19 @@ a.cn-kpi-card--board * {
 	margin-top: 0;
 }
 
+/* The board view's footer: how many rows it holds of how many match, and
+   "Load more" while the list is not complete. */
+.cn-index-page__board-load {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px 16px;
+	padding: 12px 16px;
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+}
+
 /* Table view owns both scroll axes. With the page column scrolling instead, the
    table's horizontal scrollbar sat at the bottom of the (taller-than-viewport)
    table, so it only appeared after scrolling down, and the pagination was
@@ -5419,6 +5597,42 @@ a.cn-kpi-card--board * {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
+
+/*
+ * screens-board-reference-columns: the board view's controls after the
+ * search (board DqWerkbord): "Case type:" and "Columns:" as a 600 label and a
+ * 36px select, then the hint in the secondary text colour.
+ */
+.cn-index-page__board-control {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	font-size: 14px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+
+.cn-index-page__board-select {
+	height: 36px;
+	min-height: 36px;
+	margin: 0;
+	padding: 0 10px;
+	border: 1px solid var(--color-border-maxcontrast);
+	border-radius: 8px;
+	background-color: var(--color-main-background);
+	color: var(--color-main-text);
+	font: inherit;
+	font-weight: 400;
+}
+
+.cn-index-page__board-select--strong {
+	font-weight: 500;
+}
+
+.cn-index-page__board-hint {
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
 /* CnIndexSidebar — NcAppSidebar wrapper styles */
 
 /* Tab content: limit height to container so overflow shows a scrollbar */
@@ -20756,7 +20970,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-widget-wrapper[data-v-64db0f38] {
+.cn-widget-wrapper[data-v-b19b1aa6] {
 	position: relative;
 	height: 100%;
 	display: flex;
@@ -20770,13 +20984,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 /* Headerless date chip — floated over the top-right of a flush card. */
-.cn-widget-wrapper__floating-meta[data-v-64db0f38] {
+.cn-widget-wrapper__floating-meta[data-v-b19b1aa6] {
 	position: absolute;
 	top: 8px;
 	inset-inline-end: 10px;
 	z-index: 2;
 }
-.cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper__content[data-v-b19b1aa6] {
 	flex: 1;
 	overflow: auto;
 	min-height: 0;
@@ -20792,24 +21006,24 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    So it is structural instead. `:has()` keys on the table component's own root
    class, which means a table is flush by construction and no caller can
    reintroduce the gap by forgetting a prop. */
-.cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-table-container),
-.cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-widget-object-table) {
+.cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-table-container),
+.cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-widget-object-table) {
 	padding: 0;
 }
 
 /* Keyboard focus ring for the now-focusable scrollable content region. */
-.cn-widget-wrapper__content[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__content[data-v-b19b1aa6]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: -2px;
 }
-.cn-widget-wrapper--borderless[data-v-64db0f38] {
+.cn-widget-wrapper--borderless[data-v-b19b1aa6] {
 	border: none;
 	background: transparent;
 }
-.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0;
 }
-.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0;
 }
 
@@ -20817,8 +21031,8 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    above. A dashboard renders every widget `flush`, and without this their
    fields touch the card's edges. Borderless and chromeless cards, and the
    Nextcloud dashboard variant, keep their own padding. */
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-form-widget),
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-64db0f38]:has(> .cn-kb-search-widget) {
+.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-form-widget),
+.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-b19b1aa6]:has(> .cn-kb-search-widget) {
 	padding: 16px;
 }
 
@@ -20829,7 +21043,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    a square panel, which is the last visible piece of a card that is supposed
    to be absent. `CnDetailCard.cn-detail-card--chromeless` zeroes the same
    thing for the same reason. */
-.cn-widget-wrapper--chromeless[data-v-64db0f38] {
+.cn-widget-wrapper--chromeless[data-v-b19b1aa6] {
 	border-radius: 0;
 }
 
@@ -20841,7 +21055,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
  * so users can override any token. Combined selector raises specificity above
  * the base `.cn-widget-wrapper` rules it supersedes.
  */
-.cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper__header[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -20857,7 +21071,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* Actions with no title beside them. `header-left` is not rendered at all in
    this mode, and the header is `space-between`, so a single child would sit
    flush LEFT where every other surface puts its actions on the right. */
-.cn-widget-wrapper__header--actions-only[data-v-64db0f38] {
+.cn-widget-wrapper__header--actions-only[data-v-b19b1aa6] {
 	justify-content: flex-end;
 }
 
@@ -20873,11 +21087,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    no-descending-specificity asks for. The cascade did not need it (this
    selector is more specific either way), a reader does: an override written
    above the thing it overrides has to be read twice. */
-.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-b19b1aa6] {
 	border-bottom: none;
 	padding-inline: 0;
 }
-.cn-widget-wrapper__header-left[data-v-64db0f38] {
+.cn-widget-wrapper__header-left[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -20886,13 +21100,27 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   of centering between icon and actions (header is space-between). */
 	flex: 1 1 auto;
 }
-.cn-widget-wrapper__icon[data-v-64db0f38] {
+.cn-widget-wrapper__icon[data-v-b19b1aa6] {
 	width: 24px;
 	height: 24px;
 	flex-shrink: 0;
 	color: var(--cn-widget-icon-color, var(--color-primary-element));
 }
-.cn-widget-wrapper__title[data-v-64db0f38] {
+.cn-widget-wrapper__title-stack[data-v-b19b1aa6] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-widget-wrapper__eyebrow[data-v-b19b1aa6] {
+	font-size: 13px;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.cn-widget-wrapper__title[data-v-b19b1aa6] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -20900,34 +21128,34 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-widget-wrapper.cn-widget-wrapper--nc-dashboard[data-v-64db0f38] {
+.cn-widget-wrapper.cn-widget-wrapper--nc-dashboard[data-v-b19b1aa6] {
 	background: var(--color-main-background-blur, var(--color-main-background));
 	-webkit-backdrop-filter: var(--filter-background-blur, none);
 	backdrop-filter: var(--filter-background-blur, none);
 	border: none;
 	border-radius: var(--border-radius-container-large, 16px);
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header[data-v-b19b1aa6] {
 	padding: 16px;
 	border-bottom: none;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-b19b1aa6] {
 	gap: 16px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-b19b1aa6] {
 	width: 32px;
 	height: 32px;
 	background-size: 32px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-b19b1aa6] {
 	font-size: 20px;
 	font-weight: 700;
 	line-height: 24px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-64db0f38] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-b19b1aa6] {
 	padding: 0 16px 16px;
 }
-.cn-widget-wrapper__title-meta[data-v-64db0f38] {
+.cn-widget-wrapper__title-meta[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	gap: 4px;
@@ -20936,7 +21164,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	white-space: nowrap;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__actions[data-v-64db0f38] {
+.cn-widget-wrapper__actions[data-v-b19b1aa6] {
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
@@ -20944,7 +21172,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* The header's text link (`headerLink`). Theme hooks: --cn-widget-header-link-size
    and --cn-widget-header-link-weight. */
-.cn-widget-wrapper__header-link[data-v-64db0f38] {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -20953,11 +21181,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-widget-wrapper__header-link[data-v-64db0f38]:hover,
-.cn-widget-wrapper__header-link[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:hover,
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:focus-visible {
 	text-decoration: underline;
 }
-.cn-widget-wrapper__header-link[data-v-64db0f38]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-b19b1aa6]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
@@ -20968,7 +21196,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    wrapper is ever rendered without it. Material-design-icon components paint
    with `fill: currentColor`, so this reaches them; the :deep rule below makes
    it reach a raw <svg> in the slot too. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38] {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6] {
 	display: flex;
 	align-items: center;
 	flex-shrink: 0;
@@ -20988,17 +21216,17 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* Right-positioned title icons sit AFTER the actions, so the margin belongs on
    the other side or it pushes the icon off the header's right edge. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38]:last-child {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6]:last-child {
 	margin-inline-end: 0;
 	margin-inline-start: 8px;
 }
 
 /* Material-design-icon components paint with `fill: currentColor`, so the
    colour above reaches them; this makes it reach a raw <svg> in the slot too. */
-.cn-widget-wrapper__title-icon[data-v-64db0f38] svg {
+.cn-widget-wrapper__title-icon[data-v-b19b1aa6] svg {
 	fill: currentcolor;
 }
-.cn-widget-wrapper__footer[data-v-64db0f38] {
+.cn-widget-wrapper__footer[data-v-b19b1aa6] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -21006,12 +21234,12 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	border-top: 1px solid var(--color-border);
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__footer-link[data-v-64db0f38] {
+.cn-widget-wrapper__footer-link[data-v-b19b1aa6] {
 	font-size: 13px;
 	color: var(--color-primary-element);
 	text-decoration: none;
 }
-.cn-widget-wrapper__footer-link[data-v-64db0f38]:hover {
+.cn-widget-wrapper__footer-link[data-v-b19b1aa6]:hover {
 	text-decoration: underline;
 }
 
@@ -22309,6 +22537,19 @@ a.cn-kpi-card--stacked:focus-visible {
 	color: var(--color-main-text);
 }
 
+/* A board tile whose label wraps grows into its cell instead of clipping its
+   own last line. dossiq's "Afgehandeld deze maand" at 1100 wide held 129px of
+   content in a 114px tile and lost its caption's bottom. The tile still fills
+   a cell it fits (`min-height: 100%`), so every tile that fits keeps its
+   size; one that does not takes the height of its content, and the card-fit
+   cell's `safe center` keeps its top in view.
+   @spec openspec/changes/board-stat-tile-grows/specs/stat-tile-board-look/spec.md#requirement-a-board-stat-tile-shows-all-its-lines */
+.cn-kpi-card--board.cn-kpi-card--stacked {
+	flex: 0 0 auto;
+	height: auto;
+	min-height: 100%;
+}
+
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-kpi-card__caption-line,
 .cn-kpi-card--board.cn-kpi-card--stacked .cn-stats-block__count-label {
 	font-size: 13px;
@@ -22731,7 +22972,7 @@ a.cn-kpi-card--board * {
 
 /* The title row carries an optional range select beside the label, which the
    canonical `__title` (a plain truncating heading) does not account for. */
-.cn-stat-widget__label[data-v-6f90b30c] {
+.cn-stat-widget__label[data-v-b388a5f8] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -22741,14 +22982,14 @@ a.cn-kpi-card--board * {
 
 /* Stacked tile: the label and its range select centre over the number rather
    than spreading to the card's edges. */
-.cn-kpi-card--vertical .cn-stat-widget__label[data-v-6f90b30c] {
+.cn-kpi-card--vertical .cn-stat-widget__label[data-v-b388a5f8] {
 	justify-content: center;
 	width: auto;
 }
 
 /* Sized down to sit inside the label row without pushing the tile taller —
    the tile's height is fixed by its grid cell (ADR-062). */
-.cn-stat-widget__range[data-v-6f90b30c] {
+.cn-stat-widget__range[data-v-b388a5f8] {
 	flex: 0 0 auto;
 	max-width: 50%;
 	padding: 0 4px;
@@ -22760,15 +23001,15 @@ a.cn-kpi-card--board * {
 	font-weight: normal;
 	cursor: pointer;
 }
-.cn-stat-widget__range[data-v-6f90b30c]:hover,
-.cn-stat-widget__range[data-v-6f90b30c]:focus-visible {
+.cn-stat-widget__range[data-v-b388a5f8]:hover,
+.cn-stat-widget__range[data-v-b388a5f8]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
 
 /* Badge mode: the pill takes the value's place in the row. Sized to the
    card's label scale so it sits in the row without pushing the tile taller. */
-.cn-stat-widget__badge[data-v-6f90b30c] {
+.cn-stat-widget__badge[data-v-b388a5f8] {
 	flex: 0 1 auto;
 	min-width: 0;
 	max-width: 100%;
@@ -22780,7 +23021,7 @@ a.cn-kpi-card--board * {
 /* The denominator of a "value / limit" pair. Deliberately quieter and smaller
    than the value: the tile's subject is what the number IS, not what it is
    allowed to reach. Shares the value's `nowrap` so the pair never breaks. */
-.cn-stat-widget__limit[data-v-6f90b30c] {
+.cn-stat-widget__limit[data-v-b388a5f8] {
 	flex: 0 0 auto;
 	font-size: var(--cn-kpi-value-size-compact, 1.25rem);
 	font-weight: var(--cn-kpi-title-weight, 600);
@@ -22788,7 +23029,7 @@ a.cn-kpi-card--board * {
 	color: var(--cn-kpi-label-color, var(--color-text-maxcontrast));
 	white-space: nowrap;
 }
-.cn-stat-widget__trend[data-v-6f90b30c] {
+.cn-stat-widget__trend[data-v-b388a5f8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 2px;
@@ -22801,7 +23042,7 @@ a.cn-kpi-card--board * {
    error dash is literally a `cn-kpi-card__value`, and two components showing
    the same failure at two different sizes is the drift this consolidation
    exists to remove. Only the colour differs: a failure is not a number. */
-.cn-stat-widget__error[data-v-6f90b30c] {
+.cn-stat-widget__error[data-v-b388a5f8] {
 	font-size: var(--cn-kpi-value-size, 2rem);
 	font-weight: var(--cn-kpi-value-weight, 700);
 	line-height: var(--cn-kpi-value-line, 1.1);
@@ -23136,7 +23377,7 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-object-data-widget__image[data-v-76edf75d] {
+.cn-object-data-widget__image[data-v-324e1a00] {
 	max-width: 100%;
 	max-height: 160px;
 	border-radius: 8px;
@@ -23144,33 +23385,33 @@ a.cn-kpi-card--board * {
 }
 
 /* Shimmering placeholder while a relation's display name resolves. */
-.cn-object-data-widget__skeleton[data-v-76edf75d] {
+.cn-object-data-widget__skeleton[data-v-324e1a00] {
 	display: inline-block;
 	width: 90px;
 	height: 1em;
 	border-radius: 4px;
 	background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
 	background-size: 200% 100%;
-	animation: cn-odw-shimmer-76edf75d 1.2s ease-in-out infinite;
+	animation: cn-odw-shimmer-324e1a00 1.2s ease-in-out infinite;
 }
-@keyframes cn-odw-shimmer-76edf75d {
+@keyframes cn-odw-shimmer-324e1a00 {
 from { background-position: 200% 0;
 }
 to { background-position: -200% 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-object-data-widget__skeleton[data-v-76edf75d] { animation: none;
+.cn-object-data-widget__skeleton[data-v-324e1a00] { animation: none;
 }
 }
-.cn-object-data-widget__grid[data-v-76edf75d] {
+.cn-object-data-widget__grid[data-v-324e1a00] {
 	display: grid;
 	gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
 }
-.cn-object-data-widget__toggle[data-v-76edf75d] {
+.cn-object-data-widget__toggle[data-v-324e1a00] {
 	margin-top: 4px;
 }
-.cn-object-data-widget__cell[data-v-76edf75d] {
+.cn-object-data-widget__cell[data-v-324e1a00] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -23178,12 +23419,12 @@ to { background-position: -200% 0;
 	border-bottom: 1px solid var(--color-border-dark);
 	min-width: 0;
 }
-.cn-object-data-widget__label[data-v-76edf75d] {
+.cn-object-data-widget__label[data-v-324e1a00] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__value[data-v-76edf75d] {
+.cn-object-data-widget__value[data-v-324e1a00] {
 	font-size: 1em;
 	color: var(--color-main-text);
 	overflow-wrap: anywhere;
@@ -23197,24 +23438,24 @@ to { background-position: -200% 0;
    which drew a horizontal scrollbar under every data widget in a tab (dossiq's
    case page, Data tab). The end padding drops by the same 4px so the text and
    the edit icon sit where they sat. */
-.cn-object-data-widget__value--editable[data-v-76edf75d] {
+.cn-object-data-widget__value--editable[data-v-324e1a00] {
 	cursor: pointer;
 	border-radius: var(--border-radius);
 	padding: 4px 20px 4px 4px;
 	margin: -4px 0 -4px -4px;
 }
-.cn-object-data-widget__value--editable[data-v-76edf75d]:hover {
+.cn-object-data-widget__value--editable[data-v-324e1a00]:hover {
 	background: var(--color-background-dark);
 }
-.cn-object-data-widget__value--editable[data-v-76edf75d]:focus-visible {
+.cn-object-data-widget__value--editable[data-v-324e1a00]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-object-data-widget__value--empty[data-v-76edf75d] {
+.cn-object-data-widget__value--empty[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-object-data-widget__edit-icon[data-v-76edf75d] {
+.cn-object-data-widget__edit-icon[data-v-324e1a00] {
 	position: absolute;
 	right: 4px;
 	top: 50%;
@@ -23223,21 +23464,21 @@ to { background-position: -200% 0;
 	opacity: 0;
 	transition: opacity 0.15s ease;
 }
-.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-76edf75d],
-.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-76edf75d] {
+.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-324e1a00],
+.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-324e1a00] {
 	opacity: 1;
 }
-.cn-object-data-widget__editor[data-v-76edf75d] {
+.cn-object-data-widget__editor[data-v-324e1a00] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-object-data-widget__editor-actions[data-v-76edf75d] {
+.cn-object-data-widget__editor-actions[data-v-324e1a00] {
 	display: flex;
 	gap: 2px;
 	justify-content: flex-end;
 }
-.cn-object-data-widget__textarea[data-v-76edf75d] {
+.cn-object-data-widget__textarea[data-v-324e1a00] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -23249,11 +23490,11 @@ to { background-position: -200% 0;
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-object-data-widget__textarea[data-v-76edf75d]:focus {
+.cn-object-data-widget__textarea[data-v-324e1a00]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-object-data-widget__empty[data-v-76edf75d] {
+.cn-object-data-widget__empty[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -23261,16 +23502,16 @@ to { background-position: -200% 0;
 
 /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
    fits the card and participates in the whole-row overflow handling. */
-.cn-object-data-widget__mini-table-wrap[data-v-76edf75d] {
+.cn-object-data-widget__mini-table-wrap[data-v-324e1a00] {
 	max-width: 100%;
 }
-.cn-object-data-widget__mini-table[data-v-76edf75d] {
+.cn-object-data-widget__mini-table[data-v-324e1a00] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 0.9em;
 }
-.cn-object-data-widget__mini-table th[data-v-76edf75d],
-.cn-object-data-widget__mini-table td[data-v-76edf75d] {
+.cn-object-data-widget__mini-table th[data-v-324e1a00],
+.cn-object-data-widget__mini-table td[data-v-324e1a00] {
 	text-align: start;
 	padding: 2px 8px 2px 0;
 	border-bottom: 1px solid var(--color-border);
@@ -23281,23 +23522,23 @@ to { background-position: -200% 0;
 	   cell, and the card 8px wider than its cell (pipelinq's ticket page). */
 	white-space: normal;
 }
-.cn-object-data-widget__mini-table th[data-v-76edf75d] {
+.cn-object-data-widget__mini-table th[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-weight: 500;
 }
-.cn-object-data-widget__more[data-v-76edf75d] {
+.cn-object-data-widget__more[data-v-324e1a00] {
 	margin-top: 2px;
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
 
 /* Comma-less chip row for array-of-scalars values. */
-.cn-object-data-widget__chips[data-v-76edf75d] {
+.cn-object-data-widget__chips[data-v-324e1a00] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
 }
-.cn-object-data-widget__chip[data-v-76edf75d] {
+.cn-object-data-widget__chip[data-v-324e1a00] {
 	padding: 1px 8px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
@@ -23305,27 +23546,37 @@ to { background-position: -200% 0;
 }
 
 /* Key: value definition list for a single plain-object value. */
-.cn-object-data-widget__deflist[data-v-76edf75d] {
+.cn-object-data-widget__deflist[data-v-324e1a00] {
 	display: grid;
 	grid-template-columns: auto 1fr;
 	gap: 2px 8px;
 	margin: 0;
 }
-.cn-object-data-widget__deflist dt[data-v-76edf75d] {
+.cn-object-data-widget__deflist dt[data-v-324e1a00] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-object-data-widget__deflist dd[data-v-76edf75d] {
+.cn-object-data-widget__deflist dd[data-v-324e1a00] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
 
+/* A long description keeps its own paragraphs. Set on an inline span with no
+   surrounding template whitespace, so only the value's own line breaks show. */
+.cn-object-data-widget__deflist-text[data-v-324e1a00] {
+	white-space: pre-wrap;
+}
+.cn-object-data-widget__deflist--nested[data-v-324e1a00] {
+	padding-inline-start: 8px;
+	border-inline-start: 2px solid var(--color-border);
+}
+
 /* Responsive: collapse to single column on narrow widths */
 @media (max-width: 600px) {
-.cn-object-data-widget__grid[data-v-76edf75d] {
+.cn-object-data-widget__grid[data-v-324e1a00] {
 		grid-template-columns: 1fr !important;
 }
-.cn-object-data-widget__cell[data-v-76edf75d] {
+.cn-object-data-widget__cell[data-v-324e1a00] {
 		grid-column: span 1 !important;
 		grid-row: span 1 !important;
 }
@@ -24710,23 +24961,23 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-widget-object-table[data-v-b6ed17ee] {
+.cn-widget-object-table[data-v-d8f8d15a] {
 	width: 100%;
 }
-.cn-widget-object-table__footer[data-v-b6ed17ee] {
+.cn-widget-object-table__footer[data-v-d8f8d15a] {
 	display: flex;
 	gap: 4px;
 	padding: 4px 8px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-widget-object-table__error[data-v-b6ed17ee] {
+.cn-widget-object-table__error[data-v-d8f8d15a] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-size: 0.85em;
 	margin: 4px 8px 0;
 }
 
 
-.cn-detail-page__catalog-action[data-v-37d4fdce] {
+.cn-detail-page__catalog-action[data-v-cf939e1a] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -24742,19 +24993,19 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 14px;
 	white-space: nowrap;
 }
-.cn-detail-page__catalog-note[data-v-37d4fdce] {
+.cn-detail-page__catalog-note[data-v-cf939e1a] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-37d4fdce],
-.cn-detail-widget-host[data-v-37d4fdce] > * {
+.cn-detail-widget-host[data-v-cf939e1a],
+.cn-detail-widget-host[data-v-cf939e1a] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-37d4fdce] {
+.cn-detail-widget-host--bare[data-v-cf939e1a] {
 	min-height: 0;
 }
 
@@ -25037,7 +25288,7 @@ button.cn-stepper__step[data-v-776581d4] {
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__stack[data-v-0ad78042] {
+.cn-tabs-widget__stack[data-v-72f3975c] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -25046,19 +25297,19 @@ button.cn-stepper__step[data-v-776581d4] {
 /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
    onto the next row, a row's cards as tall as the tallest. Narrow, it is the
    plain stack again. */
-.cn-tabs-widget__stack--grid[data-v-0ad78042] {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-0ad78042] > * {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-0ad78042] {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-0ad78042] > * {
+.cn-tabs-widget__stack--grid[data-v-72f3975c] > * {
 		grid-column: auto !important;
 }
 }
@@ -25092,7 +25343,7 @@ button.cn-stepper__step[data-v-776581d4] {
    `!important` or on load order this library does not control. The same
    technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
    in CnTabs to beat Nextcloud's own button margin. */
-.cn-tabs-widget.cn-tabs-widget[data-v-0ad78042] {
+.cn-tabs-widget.cn-tabs-widget[data-v-72f3975c] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -25116,12 +25367,12 @@ button.cn-stepper__step[data-v-776581d4] {
    below it: the rule ran straight on to the widget's edge and read as a
    border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
    where the curve begins makes the rule and the curve one continuous edge. */
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -25134,11 +25385,11 @@ button.cn-stepper__step[data-v-776581d4] {
    own background-coloured bottom edge, which only works if it paints ABOVE the
    pseudo-element: a positioned pseudo-element otherwise paints over every
    in-flow sibling, rule included. */
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-0ad78042] {
+.cn-tabs-widget__tabs[data-v-72f3975c] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -25156,7 +25407,7 @@ button.cn-stepper__step[data-v-776581d4] {
    the open tab, but padding sits inside the painted box — only a margin would
    have opened that gap, and a zero top put every panel's content against the
    strip. */
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__content {
 	background-color: var(--color-main-background);
 	/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
 	   is this sheet's top edge, and the open tab erases the slice of it
@@ -25176,7 +25427,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tab {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tab {
 	height: 100%;
 }
 
@@ -25184,15 +25435,15 @@ button.cn-stepper__step[data-v-776581d4] {
    (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
    holds the list directly the footer stuck out 4px on the right and at the
    bottom and made the panel scroll. It bleeds exactly the panel's padding. */
-.cn-tabs-widget__tabs[data-v-0ad78042] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-72f3975c] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
-.cn-tabs-widget__title[data-v-0ad78042] {
+.cn-tabs-widget__title[data-v-72f3975c] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-0ad78042] {
+.cn-tabs-widget__title-icon[data-v-72f3975c] {
 	flex: 0 0 auto;
 }
 
@@ -25216,18 +25467,18 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-week-strip[data-v-b6c5e274] {
+.cn-week-strip[data-v-27a717bd] {
 	width: 100%;
 }
 
 /* `content.inset: true`: the board's inset inside the card (zuiddrecht-pixel-
    gaps-3). A dashboard renders its widgets flush, so without it the strip ran
    from card edge to card edge. Theme hook: --cn-widget-board-inset. */
-.cn-week-strip--inset[data-v-b6c5e274] {
+.cn-week-strip--inset[data-v-27a717bd] {
 	box-sizing: border-box;
 	padding: var(--cn-widget-board-inset, 16px 24px 22px);
 }
-.cn-week-strip__state[data-v-b6c5e274] {
+.cn-week-strip__state[data-v-27a717bd] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -25235,15 +25486,15 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 12px 4px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-week-strip__scroll[data-v-b6c5e274] {
+.cn-week-strip__scroll[data-v-27a717bd] {
 	overflow-x: auto;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-week-strip__scroll[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__scroll[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-week-strip__days[data-v-b6c5e274] {
+.cn-week-strip__days[data-v-27a717bd] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-week-strip-columns, 5), minmax(128px, 1fr));
 	gap: 10px;
@@ -25253,7 +25504,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0;
 	list-style: none;
 }
-.cn-week-strip__day[data-v-b6c5e274] {
+.cn-week-strip__day[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -25263,11 +25514,11 @@ button.cn-stepper__step[data-v-776581d4] {
 	border-radius: var(--border-radius-large, 8px);
 	background: var(--color-background-hover);
 }
-.cn-week-strip__day--today[data-v-b6c5e274] {
+.cn-week-strip__day--today[data-v-27a717bd] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-week-strip__head[data-v-b6c5e274] {
+.cn-week-strip__head[data-v-27a717bd] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -25276,7 +25527,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-week-strip__today[data-v-b6c5e274] {
+.cn-week-strip__today[data-v-27a717bd] {
 	padding: 1px 8px;
 	border-radius: var(--border-radius-pill, 10px);
 	background: var(--color-primary-element);
@@ -25284,7 +25535,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	font-size: 0.85em;
 	font-weight: 700;
 }
-.cn-week-strip__items[data-v-b6c5e274] {
+.cn-week-strip__items[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
@@ -25292,7 +25543,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0;
 	list-style: none;
 }
-.cn-week-strip__item[data-v-b6c5e274] {
+.cn-week-strip__item[data-v-27a717bd] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
@@ -25303,41 +25554,41 @@ button.cn-stepper__step[data-v-776581d4] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-.cn-week-strip__item--link[data-v-b6c5e274]:hover {
+.cn-week-strip__item--link[data-v-27a717bd]:hover {
 	border-color: var(--color-primary-element);
 }
-.cn-week-strip__item--link[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__item--link[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
 
 /* The edge is drawn inside the box, so a late item is as wide as the others. */
-.cn-week-strip__item--late[data-v-b6c5e274] {
+.cn-week-strip__item--late[data-v-27a717bd] {
 	border-color: var(--color-element-error, var(--color-error));
 	box-shadow: inset 3px 0 0 0 var(--color-element-error, var(--color-error));
 }
-.cn-week-strip__title[data-v-b6c5e274] {
+.cn-week-strip__title[data-v-27a717bd] {
 	font-size: 0.95em;
 	line-height: 1.3;
 	overflow-wrap: anywhere;
 }
-.cn-week-strip__meta[data-v-b6c5e274] {
+.cn-week-strip__meta[data-v-27a717bd] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	overflow-wrap: anywhere;
 }
-.cn-week-strip__late[data-v-b6c5e274] {
+.cn-week-strip__late[data-v-27a717bd] {
 	font-size: 0.8em;
 	font-weight: 600;
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-week-strip__empty[data-v-b6c5e274] {
+.cn-week-strip__empty[data-v-27a717bd] {
 	font-size: 0.9em;
 	color: var(--color-text-maxcontrast);
 }
 
 /* "+N more" under a capped day: a quiet text control, 24px high to click. */
-.cn-week-strip__more[data-v-b6c5e274] {
+.cn-week-strip__more[data-v-27a717bd] {
 	align-self: flex-start;
 	min-height: 24px;
 	margin: 0;
@@ -25352,10 +25603,10 @@ button.cn-stepper__step[data-v-776581d4] {
 	text-decoration: none;
 	cursor: pointer;
 }
-.cn-week-strip__more[data-v-b6c5e274]:hover {
+.cn-week-strip__more[data-v-27a717bd]:hover {
 	text-decoration: underline;
 }
-.cn-week-strip__more[data-v-b6c5e274]:focus-visible {
+.cn-week-strip__more[data-v-27a717bd]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -29093,13 +29344,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-10daaa85] {
+.cn-facts-widget[data-v-8146cb58] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-10daaa85] {
+.cn-facts-widget__rows[data-v-8146cb58] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -29108,7 +29359,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-10daaa85] {
+.cn-facts-widget__row[data-v-8146cb58] {
 	display: contents;
 }
 
@@ -29116,13 +29367,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
    pushed the label to the right of its column and added 12px around both. The
    class is doubled so these resets outrank that rule, and a dossiq-style
    `:deep()` override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-10daaa85] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-8146cb58] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-10daaa85] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-8146cb58] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -29130,20 +29381,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-10daaa85] {
+.cn-facts-widget__title[data-v-8146cb58] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-10daaa85] {
+.cn-facts-widget__line[data-v-8146cb58] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-10daaa85] {
+.cn-facts-widget__muted[data-v-8146cb58] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-10daaa85] {
+.cn-facts-widget__label .hidden-visually[data-v-8146cb58] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -29151,23 +29402,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-10daaa85] {
+.cn-facts-widget__label--icon[data-v-8146cb58] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-10daaa85] {
+.cn-facts-widget__value-link[data-v-8146cb58] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-10daaa85],
-.cn-facts-widget__icon-button[data-v-10daaa85],
-.cn-facts-widget__action[data-v-10daaa85] {
+.cn-facts-widget__inline-button[data-v-8146cb58],
+.cn-facts-widget__icon-button[data-v-8146cb58],
+.cn-facts-widget__action[data-v-8146cb58] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-10daaa85] {
+.cn-facts-widget__inline-button[data-v-8146cb58] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -29178,7 +29429,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 28px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-10daaa85] {
+.cn-facts-widget__icon-button[data-v-8146cb58] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -29187,23 +29438,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-10daaa85]:hover,
-.cn-facts-widget__icon-button[data-v-10daaa85]:focus-visible {
+.cn-facts-widget__icon-button[data-v-8146cb58]:hover,
+.cn-facts-widget__icon-button[data-v-8146cb58]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-10daaa85] {
+.cn-facts-widget__text[data-v-8146cb58] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-10daaa85] {
+.cn-facts-widget__lead[data-v-8146cb58] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-10daaa85] {
+.cn-facts-widget__lead-tile[data-v-8146cb58] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -29216,29 +29467,29 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 40px;
 }
-.cn-facts-widget__lead-tile--success[data-v-10daaa85] {
+.cn-facts-widget__lead-tile--success[data-v-8146cb58] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-10daaa85] {
+.cn-facts-widget__lead-tile--info[data-v-8146cb58] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-10daaa85] {
+.cn-facts-widget__lead-text[data-v-8146cb58] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-10daaa85] {
+.cn-facts-widget__lead-title[data-v-8146cb58] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-10daaa85] {
+.cn-facts-widget__lead-subtitle[data-v-8146cb58] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-10daaa85] {
+.cn-facts-widget__action[data-v-8146cb58] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29250,11 +29501,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-10daaa85]:hover,
-.cn-facts-widget__action[data-v-10daaa85]:focus-visible {
+.cn-facts-widget__action[data-v-8146cb58]:hover,
+.cn-facts-widget__action[data-v-8146cb58]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-10daaa85] {
+.cn-facts-widget__link[data-v-8146cb58] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -29739,17 +29990,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-toggle-table[data-v-1bb40018] {
+.cn-toggle-table[data-v-24769640] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-toggle-table__table[data-v-1bb40018] {
+.cn-toggle-table__table[data-v-24769640] {
 	width: 100%;
 	border-collapse: collapse;
 }
-.cn-toggle-table__head[data-v-1bb40018] {
+.cn-toggle-table__head[data-v-24769640] {
 	padding: 8px 12px;
 	text-align: start;
 	font-size: 13px;
@@ -29757,30 +30008,30 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	color: var(--color-text-maxcontrast);
 	background: var(--color-background-hover);
 }
-.cn-toggle-table__head--toggle[data-v-1bb40018],
-.cn-toggle-table__cell--toggle[data-v-1bb40018] {
+.cn-toggle-table__head--toggle[data-v-24769640],
+.cn-toggle-table__cell--toggle[data-v-24769640] {
 	width: 1%;
 	white-space: nowrap;
 	text-align: end;
 }
-.cn-toggle-table__row[data-v-1bb40018] {
+.cn-toggle-table__row[data-v-24769640] {
 	border-top: 1px solid var(--cn-board-hairline, var(--color-border));
 }
-.cn-toggle-table__cell[data-v-1bb40018] {
+.cn-toggle-table__cell[data-v-24769640] {
 	padding: 10px 12px;
 	vertical-align: middle;
 	overflow-wrap: anywhere;
 }
-.cn-toggle-table__title[data-v-1bb40018] {
+.cn-toggle-table__title[data-v-24769640] {
 	display: block;
 	font-weight: 600;
 }
-.cn-toggle-table__hint[data-v-1bb40018] {
+.cn-toggle-table__hint[data-v-24769640] {
 	display: block;
 	font-size: 12px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-toggle-table__empty[data-v-1bb40018] {
+.cn-toggle-table__empty[data-v-24769640] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
@@ -29880,27 +30131,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-bc186ef8] {
+.cn-record-list__list[data-v-b2ef255e] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__empty[data-v-bc186ef8],
-.cn-record-list__error[data-v-bc186ef8] {
+.cn-record-list__empty[data-v-b2ef255e],
+.cn-record-list__error[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-bc186ef8] {
+.cn-record-list__loading[data-v-b2ef255e] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-bc186ef8] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-b2ef255e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__row[data-v-bc186ef8] {
+.cn-record-list__row[data-v-b2ef255e] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -29908,11 +30159,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-bc186ef8],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-bc186ef8] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-b2ef255e],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-b2ef255e] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-bc186ef8] {
+.cn-record-list__avatar[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -29925,67 +30176,67 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-bc186ef8] {
+.cn-record-list__main[data-v-b2ef255e] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-bc186ef8] {
+.cn-record-list__title[data-v-b2ef255e] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-bc186ef8] {
+.cn-record-list__meta[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-bc186ef8] {
+.cn-record-list__aside[data-v-b2ef255e] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-bc186ef8] {
+.cn-record-list__trailing[data-v-b2ef255e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-bc186ef8] {
+.cn-record-list__due[data-v-b2ef255e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-bc186ef8] {
+.cn-record-list__due--danger[data-v-b2ef255e] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-bc186ef8] {
+.cn-record-list__due--empty[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-bc186ef8] {
+.cn-record-list__row--action[data-v-b2ef255e] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-bc186ef8] {
+.cn-record-list__row--action .cn-record-list__main[data-v-b2ef255e] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-bc186ef8] {
+.cn-record-list__title--link[data-v-b2ef255e] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-bc186ef8] {
+.cn-record-list__pills[data-v-b2ef255e] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-bc186ef8] {
+.cn-record-list__due--column[data-v-b2ef255e] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-bc186ef8] {
+.cn-record-list__action[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30002,26 +30253,26 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-bc186ef8]:hover,
-.cn-record-list__action[data-v-bc186ef8]:focus-visible {
+.cn-record-list__action[data-v-b2ef255e]:hover,
+.cn-record-list__action[data-v-b2ef255e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-bc186ef8] {
+.cn-record-list__chevron[data-v-b2ef255e] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-bc186ef8] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-b2ef255e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-bc186ef8] {
+.cn-record-list__feed-row[data-v-b2ef255e] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-bc186ef8] {
+.cn-record-list__feed-icon[data-v-b2ef255e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -30032,25 +30283,25 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-bc186ef8] {
+.cn-record-list__text[data-v-b2ef255e] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-bc186ef8] {
+.cn-record-list--feed .cn-record-list__main[data-v-b2ef255e] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-bc186ef8] {
+.cn-record-list__inline-row[data-v-b2ef255e] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-bc186ef8] {
+.cn-record-list__label[data-v-b2ef255e] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-bc186ef8] {
+.cn-record-list__inline-title[data-v-b2ef255e] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-bc186ef8] {
+a.cn-record-list__inline-title[data-v-b2ef255e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -30997,40 +31248,40 @@ a.cn-record-list__inline-title[data-v-bc186ef8] {
 }
 
 
-.cn-version-info__card[data-v-7a828af4] {
+.cn-version-info__card[data-v-17db98e4] {
 	background: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	margin-bottom: 20px;
 }
-.cn-version-info__card h4[data-v-7a828af4] {
+.cn-version-info__card h4[data-v-17db98e4] {
 	margin: 0 0 16px 0;
 	font-size: 16px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-version-info__details[data-v-7a828af4] {
+.cn-version-info__details[data-v-17db98e4] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-version-info__item[data-v-7a828af4] {
+.cn-version-info__item[data-v-17db98e4] {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-version-info__item[data-v-7a828af4]:last-child {
+.cn-version-info__item[data-v-17db98e4]:last-child {
 	border-bottom: none;
 }
-.cn-version-info__label[data-v-7a828af4] {
+.cn-version-info__label[data-v-17db98e4] {
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-version-info__value[data-v-7a828af4] {
+.cn-version-info__value[data-v-17db98e4] {
 	font-family: 'Courier New', Courier, monospace;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -31038,28 +31289,28 @@ a.cn-record-list__inline-title[data-v-bc186ef8] {
 }
 
 /* Status classes for values */
-.cn-version-info__status--ok[data-v-7a828af4] {
+.cn-version-info__status--ok[data-v-17db98e4] {
 	color: var(--color-success);
 	font-weight: 600;
 }
-.cn-version-info__status--warning[data-v-7a828af4] {
+.cn-version-info__status--warning[data-v-17db98e4] {
 	color: var(--color-warning);
 	font-weight: 600;
 }
-.cn-version-info__status--error[data-v-7a828af4] {
+.cn-version-info__status--error[data-v-17db98e4] {
 	color: var(--color-error);
 	font-weight: 600;
 }
 @media (max-width: 768px) {
-.cn-version-info__item[data-v-7a828af4] {
+.cn-version-info__item[data-v-17db98e4] {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 4px;
 }
-.cn-version-info__label[data-v-7a828af4] {
+.cn-version-info__label[data-v-17db98e4] {
 		font-weight: 600;
 }
-.cn-version-info__value[data-v-7a828af4] {
+.cn-version-info__value[data-v-17db98e4] {
 		word-break: break-all;
 }
 }
@@ -34327,28 +34578,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-2f22ff08] {
+.cn-admin-settings-shell[data-v-3672ca0b] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-2f22ff08] {
+.cn-support-info[data-v-3672ca0b] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-2f22ff08] {
+.cn-support-info h4[data-v-3672ca0b] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-2f22ff08] {
+.cn-support-info p[data-v-3672ca0b] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-2f22ff08] {
+.cn-support-info a[data-v-3672ca0b] {
 	color: var(--color-primary-element);
 }
 
@@ -34450,19 +34701,24 @@ to {
 	gap: 8px;
 }
 
-.cn-board-view.cn-board-view--board .cn-board-view__card-title {
+/* The title is a link drawn as a heading (board DqWerkbord): main text, no
+   underline. `!important` because a theme's `a { color; text-decoration }`
+   carries it (thematiq), and a bare `a` with `!important` beats any class. */
+.cn-board-view.cn-board-view--board .cn-board-view__card-title,
+.cn-board-view.cn-board-view--board .cn-board-view__card-title:visited {
 	flex: 1 1 auto;
 	min-width: 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.3;
-	color: var(--color-main-text);
-	text-decoration: none;
+	color: var(--color-main-text) !important;
+	text-decoration: none !important;
 	overflow-wrap: anywhere;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:hover {
-	text-decoration: underline;
+	color: var(--color-main-text) !important;
+	text-decoration: underline !important;
 }
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-title:focus-visible {
@@ -34622,21 +34878,77 @@ to {
 	outline-offset: 2px;
 }
 
-.cn-board-view__columns[data-v-0dd966c7] {
+/*
+ * screens-board-reference-columns: a wide board wraps its columns onto more
+ * rows (`config.board.wrap`), as many to a row as fit at 240px, instead of
+ * one row that scrolls sideways.
+ */
+.cn-board-view.cn-board-view--wrap .cn-board-view__columns {
+	display: grid;
+	grid-auto-flow: row;
+	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+	overflow-x: visible;
+}
+
+.cn-board-view.cn-board-view--wrap:not(.cn-board-view--board) .cn-board-view__columns {
+	gap: 12px;
+}
+
+/* A column the dragged card cannot reach fades; the label stays readable. */
+.cn-board-view .cn-board-view__column--unreachable {
+	opacity: 0.45;
+}
+
+/* The selection checkbox: in the board look's card head, before the title. */
+.cn-board-view .cn-board-view__select {
+	flex: none;
+	width: 16px;
+	height: 16px;
+	margin: 2px 0 0;
+	accent-color: var(--color-primary-element);
+	cursor: pointer;
+}
+
+/* Board look: the board draws no checkbox. It shows on a hovered card, on a
+   card holding focus (so Tab still reaches it), once anything is selected, and
+   always where there is no hover. Collapsed rather than hidden, so it stays in
+   the tab order. */
+@media (hover: hover) {
+	.cn-board-view.cn-board-view--board:not(.cn-board-view--selecting) .cn-board-view__card:not(:hover, :focus-within) .cn-board-view__select {
+		width: 0;
+		margin-inline-end: -8px;
+		opacity: 0;
+	}
+}
+
+/* A menu target the card cannot reach: still listed, greyed, with its note. */
+.cn-board-view.cn-board-view--board .cn-board-view__menu-item.cn-board-view__menu-item--blocked {
+	color: var(--color-text-maxcontrast);
+	cursor: not-allowed;
+}
+
+.cn-board-view .cn-board-view__menu-note {
+	margin-inline-start: auto;
+	padding-inline-start: 12px;
+	font-size: 12px;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-board-view__columns[data-v-181b36b2] {
   display: flex;
   gap: 12px;
   overflow-x: auto;
   align-items: flex-start;
 }
 
-.cn-board-view__column[data-v-0dd966c7] {
+.cn-board-view__column[data-v-181b36b2] {
   flex: 0 0 260px;
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
   padding: 8px;
 }
 
-.cn-board-view__column-header[data-v-0dd966c7] {
+.cn-board-view__column-header[data-v-181b36b2] {
   display: flex;
   justify-content: space-between;
   gap: 8px;
@@ -34644,13 +34956,13 @@ to {
   margin: 0 0 8px;
 }
 
-.cn-board-view__count[data-v-0dd966c7],
-.cn-board-view__empty[data-v-0dd966c7],
-.cn-board-view__unusable[data-v-0dd966c7] {
+.cn-board-view__count[data-v-181b36b2],
+.cn-board-view__empty[data-v-181b36b2],
+.cn-board-view__unusable[data-v-181b36b2] {
   color: var(--color-text-maxcontrast);
 }
 
-.cn-board-view__card[data-v-0dd966c7] {
+.cn-board-view__card[data-v-181b36b2] {
   display: block;
   background-color: var(--color-main-background);
   border: 1px solid var(--color-border);
@@ -34659,29 +34971,29 @@ to {
   margin-bottom: 8px;
 }
 
-.cn-board-view__card-field[data-v-0dd966c7] {
+.cn-board-view__card-field[data-v-181b36b2] {
   display: block;
 }
 
 /* A late card: an edge in the error colour, drawn as an inset shadow so the
    card keeps its size and its rounded corners. The label below carries the
    meaning; the edge only helps a sighted reader find it. */
-.cn-board-view__card--overdue[data-v-0dd966c7] {
+.cn-board-view__card--overdue[data-v-181b36b2] {
   border-color: var(--color-error);
   box-shadow: inset 3px 0 0 var(--color-error);
 }
 
-.cn-board-view__due[data-v-0dd966c7] {
+.cn-board-view__due[data-v-181b36b2] {
   display: block;
   font-size: 0.85em;
   font-weight: 700;
 }
 
-.cn-board-view__due--overdue[data-v-0dd966c7] {
+.cn-board-view__due--overdue[data-v-181b36b2] {
   color: var(--color-error-text, var(--color-error));
 }
 
-.cn-board-view__due--soon[data-v-0dd966c7] {
+.cn-board-view__due--soon[data-v-181b36b2] {
   color: var(--color-warning-text, var(--color-main-text));
   font-weight: 600;
 }
@@ -34690,7 +35002,7 @@ to {
  * The card's opening control. The cursor and the focus ring live here now,
  * on the thing that actually does something, rather than on the box.
  */
-.cn-board-view__card-open[data-v-0dd966c7] {
+.cn-board-view__card-open[data-v-181b36b2] {
   background: none;
   border: none;
   padding: 0;
@@ -34699,12 +35011,12 @@ to {
   font-size: 0.8rem;
 }
 
-.cn-board-view__card-open[data-v-0dd966c7]:focus-visible {
+.cn-board-view__card-open[data-v-181b36b2]:focus-visible {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-board-view__lane-header[data-v-0dd966c7] {
+.cn-board-view__lane-header[data-v-181b36b2] {
   background: none;
   border: none;
   font-weight: bold;
@@ -34713,12 +35025,12 @@ to {
   color: var(--color-main-text);
 }
 
-.cn-board-view__move-label[data-v-0dd966c7] {
+.cn-board-view__move-label[data-v-181b36b2] {
   color: var(--color-text-maxcontrast);
   font-size: 0.8rem;
 }
 
-.cn-board-view__refusal[data-v-0dd966c7] {
+.cn-board-view__refusal[data-v-181b36b2] {
   color: var(--color-error);
 }
 
@@ -35505,6 +35817,16 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
+.cn-run-node-dialog__form[data-v-2d7cb7f5] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+.cn-run-node-dialog__hint[data-v-2d7cb7f5] {
+	color: var(--color-text-maxcontrast);
+}
+
+
 .cn-advanced-form-dialog__json-editor[data-v-3cca5b13] {
 	display: flex;
 	flex-direction: column;
@@ -36101,6 +36423,21 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
+.cn-action-buttons[data-v-49607313] {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
+/* In menu mode the only children are dialogs, so the wrapper must not be a
+   box: an empty inline-flex child still eats one of the header's flex gaps
+   and pushes the Actions menu away from the Edit button beside it. */
+.cn-action-buttons--menu[data-v-49607313] {
+	display: contents;
+}
+
+
 .cn-copy__pattern[data-v-18a59770] {
 	margin-bottom: 16px;
 }
@@ -37044,55 +37381,88 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-register-mapping__group[data-v-0abd37fe] {
+.cn-register-mapping__group[data-v-8d3cad98] {
 	margin-bottom: 24px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__group[data-v-0abd37fe]:last-child {
+.cn-register-mapping__group[data-v-8d3cad98]:last-child {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-header[data-v-0abd37fe] {
+.cn-register-mapping__group-header[data-v-8d3cad98] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-bottom: 12px;
 }
-.cn-register-mapping__group-title[data-v-0abd37fe] {
+.cn-register-mapping__group-heading[data-v-8d3cad98] {
+	margin: 0 0 12px;
+	font: inherit;
+}
+.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-8d3cad98] {
+	margin-bottom: 0;
+}
+.cn-register-mapping__group-toggle[data-v-8d3cad98] {
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	width: 100%;
+	min-height: 44px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__group-toggle[data-v-8d3cad98]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius);
+}
+.cn-register-mapping__group-chevron[data-v-8d3cad98] {
+	display: inline-flex;
+	flex: none;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-8d3cad98] {
+	flex: 1 1 auto;
+	flex-wrap: wrap;
+	gap: 4px 12px;
+	min-width: 0;
+	margin-bottom: 0;
+}
+.cn-register-mapping__group-title[data-v-8d3cad98] {
 	font-size: 16px;
 	font-weight: 600;
 	margin: 0;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__group-status[data-v-0abd37fe] {
+.cn-register-mapping__group-status[data-v-8d3cad98] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-description[data-v-0abd37fe] {
+.cn-register-mapping__group-description[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 12px 0;
 }
-.cn-register-mapping__label[data-v-0abd37fe] {
-	display: block;
-	font-weight: 500;
-	font-size: 13px;
-	color: var(--color-text-maxcontrast);
-	margin-bottom: 4px;
-}
-.cn-register-mapping__register-select[data-v-0abd37fe] {
+.cn-register-mapping__register-select[data-v-8d3cad98] {
 	margin-bottom: 16px;
 	max-width: 400px;
 }
-.cn-register-mapping__type-list[data-v-0abd37fe] {
+.cn-register-mapping__type-list[data-v-8d3cad98] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	overflow: hidden;
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-list-header[data-v-0abd37fe] {
+.cn-register-mapping__type-list-header[data-v-8d3cad98] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -37105,7 +37475,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row[data-v-0abd37fe] {
+.cn-register-mapping__type-row[data-v-8d3cad98] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -37114,61 +37484,61 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	cursor: pointer;
 	transition: background-color 0.15s ease;
 }
-.cn-register-mapping__type-row[data-v-0abd37fe]:hover {
+.cn-register-mapping__type-row[data-v-8d3cad98]:hover {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row--expanded[data-v-0abd37fe] {
+.cn-register-mapping__type-row--expanded[data-v-8d3cad98] {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-name[data-v-0abd37fe] {
+.cn-register-mapping__type-name[data-v-8d3cad98] {
 	font-weight: 500;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__type-schema[data-v-0abd37fe] {
+.cn-register-mapping__type-schema[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-register-mapping__type-status[data-v-0abd37fe] {
+.cn-register-mapping__type-status[data-v-8d3cad98] {
 	display: flex;
 	justify-content: center;
 }
-.cn-register-mapping__type-chevron[data-v-0abd37fe] {
+.cn-register-mapping__type-chevron[data-v-8d3cad98] {
 	display: flex;
 	justify-content: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__status-dot[data-v-0abd37fe] {
+.cn-register-mapping__status-dot[data-v-8d3cad98] {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	border-radius: 50%;
 }
-.cn-register-mapping__status-dot--configured[data-v-0abd37fe] {
+.cn-register-mapping__status-dot--configured[data-v-8d3cad98] {
 	background-color: var(--color-success);
 }
-.cn-register-mapping__status-dot--unconfigured[data-v-0abd37fe] {
+.cn-register-mapping__status-dot--unconfigured[data-v-8d3cad98] {
 	background-color: var(--color-warning);
 }
-.cn-register-mapping__type-detail[data-v-0abd37fe] {
+.cn-register-mapping__type-detail[data-v-8d3cad98] {
 	padding: 12px 16px 16px;
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-description[data-v-0abd37fe] {
+.cn-register-mapping__type-description[data-v-8d3cad98] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 8px 0;
 }
 
 /* Slide transition */
-.slide-enter-active[data-v-0abd37fe],
-.slide-leave-active[data-v-0abd37fe] {
+.slide-enter-active[data-v-8d3cad98],
+.slide-leave-active[data-v-8d3cad98] {
 	transition: all 0.2s ease;
 	max-height: 200px;
 	overflow: hidden;
 }
-.slide-enter[data-v-0abd37fe],
-.slide-leave-to[data-v-0abd37fe] {
+.slide-enter[data-v-8d3cad98],
+.slide-leave-to[data-v-8d3cad98] {
 	max-height: 0;
 	padding-top: 0;
 	padding-bottom: 0;
@@ -37176,20 +37546,20 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 /* Last row in list should not have bottom border */
-.cn-register-mapping__type-list[data-v-0abd37fe] > :last-child {
+.cn-register-mapping__type-list[data-v-8d3cad98] > :last-child {
 	border-bottom: none;
 }
 @media (max-width: 768px) {
-.cn-register-mapping__type-list-header[data-v-0abd37fe] {
+.cn-register-mapping__type-list-header[data-v-8d3cad98] {
 		display: none;
 }
-.cn-register-mapping__type-row[data-v-0abd37fe] {
+.cn-register-mapping__type-row[data-v-8d3cad98] {
 		grid-template-columns: 1fr auto 32px;
 }
-.cn-register-mapping__type-schema[data-v-0abd37fe] {
+.cn-register-mapping__type-schema[data-v-8d3cad98] {
 		display: none;
 }
-.cn-register-mapping__register-select[data-v-0abd37fe] {
+.cn-register-mapping__register-select[data-v-8d3cad98] {
 		max-width: none;
 }
 }
@@ -37392,31 +37762,6 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-run-node-dialog__form[data-v-2d7cb7f5] {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
-.cn-run-node-dialog__hint[data-v-2d7cb7f5] {
-	color: var(--color-text-maxcontrast);
-}
-
-
-.cn-action-buttons[data-v-49607313] {
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	flex-wrap: wrap;
-}
-
-/* In menu mode the only children are dialogs, so the wrapper must not be a
-   box: an empty inline-flex child still eats one of the header's flex gaps
-   and pushes the Actions menu away from the Edit button beside it. */
-.cn-action-buttons--menu[data-v-49607313] {
-	display: contents;
-}
-
-
 .cn-relation-link[data-v-6559b00a] {
 	padding: 20px;
 	display: flex;
@@ -37533,17 +37878,17 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-dashboard-grid[data-v-ca2ae49c] {
+.cn-dashboard-grid[data-v-a91998fc] {
 	width: 100%;
 	min-height: 200px;
 }
-.grid-stack[data-v-ca2ae49c] {
+.grid-stack[data-v-a91998fc] {
 	background: transparent;
 }
 
 /* Screen-reader-only text: the keyboard key map and the live region. Kept in
    the layout (not `display: none`) so assistive tech still reads it. */
-.cn-dashboard-grid__sr-only[data-v-ca2ae49c] {
+.cn-dashboard-grid__sr-only[data-v-a91998fc] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -37558,7 +37903,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* Grid items become tab stops in edit mode — give them a visible focus ring
    that satisfies WCAG 2.1 SC 2.4.7 without relying on the widget's own
    styling. `outline-offset` keeps the ring outside the rounded card. */
-.grid-stack-item[data-v-ca2ae49c]:focus-visible {
+.grid-stack-item[data-v-a91998fc]:focus-visible {
 	outline: 2px solid var(--color-primary-element, #0082c9);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-container-large, 16px);
@@ -37570,19 +37915,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    cell never shrank: "Waiting for me" stayed a tall card around one row. In
    such a cell the child takes its own height. A cell without the key keeps
    the filling child. */
-.cn-dashboard-grid__item--fit[data-v-ca2ae49c] >  .grid-stack-item-content > * {
+.cn-dashboard-grid__item--fit[data-v-a91998fc] >  .grid-stack-item-content > * {
 	height: auto;
 }
-[data-v-ca2ae49c] .grid-stack-item-content {
+[data-v-a91998fc] .grid-stack-item-content {
 	background: var(--color-main-background);
 	border: none;
 	box-shadow: none;
 	overflow: hidden;
 }
-[data-v-ca2ae49c] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
+[data-v-a91998fc] .grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
 	background: transparent;
 }
-[data-v-ca2ae49c] .grid-stack-placeholder > .placeholder-content {
+[data-v-a91998fc] .grid-stack-placeholder > .placeholder-content {
 	background: var(--color-primary-element-light);
 	border: 2px dashed var(--color-primary-element);
 	border-radius: var(--border-radius-large);
@@ -37850,7 +38195,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 
-.cn-dashboard-page[data-v-4abdd0ae] {
+.cn-dashboard-page[data-v-8b7dcccc] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -37864,7 +38209,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-4abdd0ae] {
+.cn-dashboard-page__header[data-v-8b7dcccc] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -37876,21 +38221,21 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-4abdd0ae] {
+.cn-dashboard-page__header-left[data-v-8b7dcccc] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-4abdd0ae] {
+.cn-dashboard-page__title-row[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-4abdd0ae] {
+.cn-dashboard-page__title[data-v-8b7dcccc] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-4abdd0ae] {
+.cn-dashboard-page__description[data-v-8b7dcccc] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -37898,19 +38243,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 
 /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
    under it, and 40px buttons with a 10px gap. */
-.cn-dashboard-page--board .cn-dashboard-page__title[data-v-4abdd0ae] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-8b7dcccc] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-4abdd0ae] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-8b7dcccc] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4abdd0ae] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-8b7dcccc] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4abdd0ae] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-8b7dcccc] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -37918,17 +38263,17 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* The switch row under the header (screens-dashboard-greeting-header): the
    view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
    radius 17, 13px/600, a 14px icon, primary light on primary deep). */
-.cn-dashboard-page__switch-row[data-v-4abdd0ae] {
+.cn-dashboard-page__switch-row[data-v-8b7dcccc] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-dashboard-page__switch-row-spacer[data-v-4abdd0ae] {
+.cn-dashboard-page__switch-row-spacer[data-v-8b7dcccc] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-4abdd0ae] {
+.cn-dashboard-page__view-link[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -37942,36 +38287,36 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-4abdd0ae]:hover {
+.cn-dashboard-page__view-link[data-v-8b7dcccc]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-4abdd0ae]:focus-visible {
+.cn-dashboard-page__view-link[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-4abdd0ae] {
+.cn-dashboard-page__view-link-icon[data-v-8b7dcccc] {
 	display: inline-flex;
 }
 
 /* The period group, in a row of its own between the header and the KPI row. */
-.cn-dashboard-page__date-range--segmented[data-v-4abdd0ae] {
+.cn-dashboard-page__date-range--segmented[data-v-8b7dcccc] {
 	margin-bottom: 16px;
 }
-.cn-dashboard-page__date-segmented[data-v-4abdd0ae] {
+.cn-dashboard-page__date-segmented[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
 
 /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
-.cn-dashboard-page__kpi-row[data-v-4abdd0ae] {
+.cn-dashboard-page__kpi-row[data-v-8b7dcccc] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
-.cn-dashboard-page__kpi-cell[data-v-4abdd0ae] {
+.cn-dashboard-page__kpi-cell[data-v-8b7dcccc] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-4abdd0ae] > * {
+.cn-dashboard-page__kpi-cell[data-v-8b7dcccc] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -37984,7 +38329,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    scoped chip rules then silently don't match and the chip collapses into
    NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
    data-testid is stable across chunks, so those rules match regardless. */
-.cn-dashboard-page__header-actions[data-v-4abdd0ae] {
+.cn-dashboard-page__header-actions[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -38000,19 +38345,19 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 
 /* Date-range header band. Kept compact so it doesn't open a tall gap
    above the grid; the pills variant is a single tidy toggle row. */
-.cn-dashboard-page__date-range[data-v-4abdd0ae] {
+.cn-dashboard-page__date-range[data-v-8b7dcccc] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-4abdd0ae] {
+.cn-dashboard-page__date-range--pills[data-v-8b7dcccc] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-4abdd0ae] {
+.cn-dashboard-page__date-pills[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-4abdd0ae] {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -38027,77 +38372,77 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-4abdd0ae]:hover {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-4abdd0ae]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-4abdd0ae] {
+.cn-dashboard-page__date-pill--active[data-v-8b7dcccc] {
 	background: var(--color-primary-element);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-dashboard-page__date-pill--active[data-v-4abdd0ae]:hover {
+.cn-dashboard-page__date-pill--active[data-v-8b7dcccc]:hover {
 	background: var(--color-primary-element-hover, var(--color-primary-element));
 }
 
 /* The custom-range pill is de-emphasised — dashed outline, muted text —
    so it reads as an escape hatch rather than a primary option. */
-.cn-dashboard-page__date-pill--custom[data-v-4abdd0ae] {
+.cn-dashboard-page__date-pill--custom[data-v-8b7dcccc] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-4abdd0ae] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-4abdd0ae] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-4abdd0ae] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-4abdd0ae] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-8b7dcccc] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-4abdd0ae] {
+.cn-dashboard-page__empty[data-v-8b7dcccc] {
 	padding: 60px 20px;
 }
 
 /* The page's view switch on a page without a header row: at the end of its
    own row, above the grids, where the header would have put it. */
-.cn-dashboard-page__view-switch[data-v-4abdd0ae] {
+.cn-dashboard-page__view-switch[data-v-8b7dcccc] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 12px;
 }
 
 /* A view the switch shows with nothing to draw. */
-.cn-page-view-region--empty[data-v-4abdd0ae] {
+.cn-page-view-region--empty[data-v-8b7dcccc] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-4abdd0ae] {
+.cn-dashboard-page__page-filters[data-v-8b7dcccc] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-4abdd0ae] {
+.cn-dashboard-page__page-filter[data-v-8b7dcccc] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-4abdd0ae] {
+.cn-dashboard-page__page-filter-label[data-v-8b7dcccc] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-4abdd0ae] {
+.cn-dashboard-page__widget-edit[data-v-8b7dcccc] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -38116,8 +38461,8 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    and centre the card. */
 /* `safe` centre so an overflowing tile does not spill out of the top, where
    flex overflow cannot be scrolled back to. Same as detail-page.css. */
-.cn-dashboard-page__card-fit[data-v-4abdd0ae] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-4abdd0ae] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-8b7dcccc] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38133,7 +38478,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
    shows up as a scrollbar the user has to drag to see the whole graph. Same
    shape as the card-fit rule above, minus the padding: chart tiles render
    `flush`, and apexcharts already draws its own margins. */
-.cn-dashboard-page__chart-fit[data-v-4abdd0ae] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-8b7dcccc] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38143,13 +38488,13 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-4abdd0ae] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-4abdd0ae] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-4abdd0ae] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-8b7dcccc] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-4abdd0ae] {
+.cn-dashboard-page__unknown[data-v-8b7dcccc] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -38160,29 +38505,29 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-4abdd0ae] {
+.cn-dashboard-page__content[data-v-8b7dcccc] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-4abdd0ae] {
+.cn-dashboard-page__content-item[data-v-8b7dcccc] {
 	width: 100%;
 }
 /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
    are 44px: the widget Actions menu and the KPI tiles. */
 @media (max-width: 640px) {
-.cn-dashboard-page--board[data-v-4abdd0ae] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-4abdd0ae] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-8b7dcccc] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-8b7dcccc] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-4abdd0ae] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-8b7dcccc] {
 		min-height: 44px;
 }
 }
 
 /* What a registry widget reports for its card header (`header` event): the
    note beside the link ("3 in total") and one action, as on a detail page. */
-.cn-dashboard-page__widget-count[data-v-4abdd0ae] {
+.cn-dashboard-page__widget-count[data-v-8b7dcccc] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -38191,13 +38536,13 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-4abdd0ae] {
+.cn-dashboard-page__widget-note[data-v-8b7dcccc] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-4abdd0ae] {
+.cn-dashboard-page__widget-action[data-v-8b7dcccc] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -38213,7 +38558,7 @@ button.cn-object-calendar__overflow[data-v-2735e5ef] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-4abdd0ae]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-8b7dcccc]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -40265,21 +40610,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 
 
 /* The section wrapper draws no box; the board look makes it the card grid. */
-.cn-settings-page__sections[data-v-1c7a70aa] {
+.cn-settings-page__sections[data-v-04e49f77] {
 	display: contents;
 }
-.cn-settings-page__header-buttons[data-v-1c7a70aa] {
+.cn-settings-page__header-buttons[data-v-04e49f77] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	margin-inline-start: auto;
 }
-.cn-settings-page[data-v-1c7a70aa] {
+.cn-settings-page[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-settings-page__actions[data-v-1c7a70aa] {
+.cn-settings-page__actions[data-v-04e49f77] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -40290,7 +40635,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
  * orchestration REQ-MSO-5). Uses Nextcloud CSS variables only — no
  * hex literals, no rgba overrides on the elements themselves.
  */
-.cn-settings-page__tabs[data-v-1c7a70aa] {
+.cn-settings-page__tabs[data-v-04e49f77] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
@@ -40298,7 +40643,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	padding-bottom: 0;
 	margin-bottom: 8px;
 }
-.cn-settings-page__tab[data-v-1c7a70aa] {
+.cn-settings-page__tab[data-v-04e49f77] {
 	background: transparent;
 	border: 0;
 	border-bottom: 3px solid transparent;
@@ -40310,52 +40655,52 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
 	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
 }
-.cn-settings-page__tab[data-v-1c7a70aa]:hover,
-.cn-settings-page__tab[data-v-1c7a70aa]:focus-visible {
+.cn-settings-page__tab[data-v-04e49f77]:hover,
+.cn-settings-page__tab[data-v-04e49f77]:focus-visible {
 	background-color: var(--color-background-hover);
 	color: var(--color-main-text);
 	outline: none;
 }
-.cn-settings-page__tab--active[data-v-1c7a70aa] {
+.cn-settings-page__tab--active[data-v-04e49f77] {
 	color: var(--color-primary-element);
 	border-bottom-color: var(--color-primary-element);
 	font-weight: bold;
 }
 @media (max-width: 768px) {
-.cn-settings-page__tabs[data-v-1c7a70aa] {
+.cn-settings-page__tabs[data-v-04e49f77] {
 		flex-direction: column;
 		gap: 0;
 		border-bottom: 0;
 }
-.cn-settings-page__tab[data-v-1c7a70aa] {
+.cn-settings-page__tab[data-v-04e49f77] {
 		border-bottom: 1px solid var(--color-border);
 		border-radius: 0;
 		text-align: left;
 }
-.cn-settings-page__tab--active[data-v-1c7a70aa] {
+.cn-settings-page__tab--active[data-v-04e49f77] {
 		border-bottom-width: 1px;
 		background-color: var(--color-background-hover);
 }
 }
-.cn-settings-page__fields[data-v-1c7a70aa] {
+.cn-settings-page__fields[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-settings-page__field[data-v-1c7a70aa] {
+.cn-settings-page__field[data-v-04e49f77] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-settings-page__field-help[data-v-1c7a70aa] {
+.cn-settings-page__field-help[data-v-04e49f77] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-settings-page__save-bar[data-v-1c7a70aa] {
+.cn-settings-page__save-bar[data-v-04e49f77] {
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
 }
-.cn-settings-page__error[data-v-1c7a70aa] {
+.cn-settings-page__error[data-v-04e49f77] {
 	color: var(--color-error);
 	background: var(--color-error-light, var(--color-background-hover));
 	padding: 8px 12px;