@conduction/nextcloud-vue 2.92.0 → 2.94.0

package/dist/nextcloud-vue.css

@@ -658,6 +658,66 @@
 	max-width: none;
 }
 
+/* A Nextcloud text field or text area in a board settings card has its label
+   above the control (14px/600), as the boards draw it (PqBeheer Leadbeheer,
+   PqBeheerKassa Btw), instead of floating inside the border. The label stays
+   the field's own `<label for>`; it moves out of the control and the field
+   makes room for it. With the label outside, the placeholder shows at rest.
+   @spec openspec/changes/settings-section-board-fields/specs/settings-board-look/spec.md#requirement-a-settings-card-labels-its-text-fields-above-the-control */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field:has(.input-field__label),
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea:has(.textarea__label) {
+	margin-block-start: 26px;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field__input + .input-field__label,
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea__input + .textarea__label {
+	inset-block-start: auto;
+	inset-block-end: calc(100% + 4px);
+	inset-inline: 0 auto;
+	max-width: 100%;
+	margin: 0;
+	padding: 0;
+	background: none;
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+	line-height: 20px;
+	pointer-events: auto;
+	transition: none;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .input-field:has(.input-field__label) .input-field__input:not(:focus)::placeholder,
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .textarea__input:not(:focus):not(.textarea__input--label-outside)::placeholder {
+	opacity: 1 !important;
+}
+
+/* The support card at the end of an admin page (`supportPosition: "end"`,
+   board PqBeheer): one row, the title then the lines, wrapping in a narrow
+   window, with less padding than a settings card.
+   @spec openspec/changes/admin-shell-support-end/specs/settings-board-look/spec.md#requirement-support-can-be-its-own-card-at-the-end */
+.cn-look-board .settings-section.cn-admin-settings-shell__support:not(.cn-look-nextcloud *) {
+	flex-direction: row !important;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px 24px;
+	padding: 16px 24px;
+}
+
+.cn-look-board .cn-admin-settings-shell__support:not(.cn-look-nextcloud *) .settings-section__name {
+	font-size: 16px;
+}
+
+.cn-look-board .cn-admin-settings-shell__support:not(.cn-look-nextcloud *) .cn-settings-section__content {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px 24px;
+}
+
+.cn-look-board .cn-admin-settings-shell__support:not(.cn-look-nextcloud *) .cn-admin-settings-shell__support-line {
+	margin: 0;
+	font-size: 14px;
+}
+
 /* The section footer is the save row: the hairline replaces its own rule. */
 .cn-look-board .settings-section .cn-settings-section__footer {
 	margin: 0;
@@ -1123,6 +1183,67 @@
 .cn-dialog__confirm-pending {
 	opacity: 0.45;
 }
+
+/* On a phone the board dialog is a bottom sheet (board PqMobiel): full width,
+   anchored to the bottom, as tall as its content up to the screen less the
+   header, a 16px top radius and a grab bar. The footer buttons share the row. */
+@media (max-width: 600px) {
+	.modal-mask.cn-dialog-board .modal-wrapper .modal-container,
+	.modal-mask.cn-dialog-board .modal-wrapper--normal > .modal-container {
+		position: absolute;
+		inset: auto 0 0;
+		width: 100%;
+		max-width: 100%;
+		height: auto;
+		max-height: calc(100% - var(--header-height, 50px));
+		border-radius: 16px 16px 0 0;
+	}
+
+	.modal-mask.cn-dialog-board .modal-container::before {
+		content: '';
+		display: block;
+		flex: none;
+		width: 40px;
+		height: 4px;
+		margin: 8px auto 0;
+		border-radius: 2px;
+		background: var(--color-border-dark);
+	}
+
+	.modal-mask.cn-dialog-board .modal-container {
+		flex-direction: column;
+	}
+
+	.cn-dialog-board .dialog {
+		height: auto;
+		min-height: 0;
+	}
+
+	.cn-dialog-board .dialog__content {
+		flex: 0 1 auto;
+		overflow-y: auto;
+	}
+
+	.cn-dialog-board .dialog__actions > .button-vue,
+	.cn-dialog-board .dialog__actions > * {
+		flex: 1 1 0;
+		min-height: 44px;
+	}
+}
+
+/* Above a phone the boards top-align a dialog (DqNieuweZaak, DqUwWachtrij,
+   DqVolgendeStap: the top edge sits about 90px down at 1440 wide) instead of
+   centring it. `--cn-dialog-top` moves it. */
+@media (min-width: 601px) {
+	.modal-mask.cn-dialog-board .modal-wrapper {
+		align-items: flex-start;
+	}
+
+	.modal-mask.cn-dialog-board .modal-wrapper .modal-container {
+		margin-top: var(--cn-dialog-top, 88px);
+		max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
+	}
+}
 /*
  * The board form field (screens-form-parity, canon sections 5 and 6).
  *
@@ -2175,10 +2296,11 @@
 	border-radius: 0;
 }
 
+/* The header row is near-white on the boards (#fafbfc), not the hover grey. */
 .cn-look-board .cn-table-container--board .cn-data-table th {
 	padding: 12px 16px;
 	border-bottom: 0;
-	background: var(--color-background-hover);
+	background: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
 	color: var(--color-text-maxcontrast);
 	font-weight: 600;
 }
@@ -2236,6 +2358,15 @@
 	max-width: calc(100% - 26px);
 }
 
+/* The board's funnel: a 22px button 4px after the sort chevron. */
+.cn-look-board .cn-table-container--board .cn-data-table th .cn-table-header__filter {
+	width: 22px;
+	min-width: 22px;
+	height: 22px;
+	min-height: 22px;
+	margin-inline-start: 4px;
+}
+
 /* The selection column: 18px checkboxes, 28px of content after 16px of padding.
    The box model is set with `!important` and the widths include the padding:
    Nextcloud's server.css sets `box-sizing: border-box` on everything under
@@ -2441,6 +2572,14 @@
 	padding: 0 12px;
 }
 
+/* The inert Next of a single page: a faint outline, muted text. */
+.cn-look-board .cn-pagination--board .cn-pagination__board-link--disabled {
+	display: inline-flex;
+	align-items: center;
+	color: var(--color-text-maxcontrast);
+	cursor: default;
+}
+
 .cn-look-board .cn-pagination--board .cn-pagination__board-link--current {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element);
@@ -2722,6 +2861,14 @@
 	padding: 0 12px;
 	border-radius: 8px;
 }
+
+/* The sidebar's own open toggle (NcAppSidebar's `.app-sidebar__toggle`, drawn
+   when the sidebar is closed) sits over the content's top-right corner, which
+   on an index page is the primary header button: a stray dark square on
+   "New contact". The board draws none; the Filter button opens the sidebar. */
+.cn-look-board:has(.cn-index-page) > .app-sidebar__toggle {
+	display: none;
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -4937,6 +5084,22 @@ a.cn-kpi-card--board * {
 	white-space: nowrap;
 	border: 0;
 }
+
+/* The breadcrumb and meta line under the title (CnHeaderTrail). In the board
+   look it takes the detail header row's styles; here it only lays the crumbs,
+   the dot and the note out on one line. */
+.cn-header-trail {
+	align-items: center;
+	color: var(--color-text-maxcontrast);
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--default-grid-baseline);
+	margin-bottom: var(--default-grid-baseline);
+}
+
+.cn-header-trail .cn-detail-page__breadcrumbs {
+	margin-bottom: 0;
+}
 /* CnActionsBar — Reusable actions toolbar styles */
 
 .cn-actions-bar {
@@ -7312,6 +7475,14 @@ a.cn-kpi-card--board * {
 .cn-look-board:has(.cn-detail-page) > .app-sidebar__toggle {
 	display: none;
 }
+
+/* Below 768px the header is a column (detail-page.css), where the 320px basis
+   above would be a 320px HEIGHT: the title sat in a band of white on a phone. */
+@media (max-width: 768px) {
+	.cn-look-board .cn-detail-page__header--board > :first-child {
+		flex: none;
+	}
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -9407,10 +9578,54 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-countdown-widget__value[data-v-d1b330c0] {
+.cn-countdown-widget__value[data-v-22ccd275] {
 	white-space: nowrap;
 }
-.cn-countdown-widget__sub[data-v-d1b330c0] {
+.cn-countdown-widget__progress[data-v-22ccd275] {
+	background: var(--color-border);
+	border-radius: 3px;
+	display: block;
+	height: 6px;
+	margin-block-start: 10px;
+	overflow: hidden;
+}
+.cn-countdown-widget__progress-fill[data-v-22ccd275] {
+	background: var(--color-primary-element);
+	display: block;
+	height: 100%;
+}
+.cn-countdown-widget__action[data-v-22ccd275] {
+	align-self: flex-start;
+	background: var(--color-background-dark);
+	border: 0;
+	border-radius: var(--border-radius-pill, 17px);
+	color: var(--color-main-text);
+	font-weight: 600;
+	margin-block-start: 10px;
+	min-height: 34px;
+	padding: 0 12px;
+}
+.cn-countdown-widget__action--primary[data-v-22ccd275] {
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+}
+.cn-countdown-widget__facts[data-v-22ccd275] {
+	display: grid;
+	gap: 8px 16px;
+	grid-template-columns: max-content 1fr;
+	margin: 10px 0 0;
+}
+.cn-countdown-widget__facts dt[data-v-22ccd275] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-countdown-widget__facts dd[data-v-22ccd275] {
+	margin: 0;
+}
+.cn-countdown-widget__action[data-v-22ccd275]:hover,
+.cn-countdown-widget__action[data-v-22ccd275]:focus-visible {
+	background: var(--color-background-hover);
+}
+.cn-countdown-widget__sub[data-v-22ccd275] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 }
@@ -20692,7 +20907,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* A select option breaks between words only, never inside one. */
-.cn-form-dialog__option[data-v-b7ff10cc] {
+.cn-form-dialog__option[data-v-65a5754f] {
 	display: block;
 	min-width: 0;
 	white-space: normal;
@@ -20700,7 +20915,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	word-break: normal;
 	hyphens: manual;
 }
-.cn-form-dialog__draft-actions[data-v-b7ff10cc] {
+.cn-form-dialog__draft-actions[data-v-65a5754f] {
 	display: flex;
 	gap: 8px;
 	margin-top: 8px;
@@ -20708,22 +20923,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* The state is announced in WORDS, and the colour only repeats them. A
    reader who cannot see it still hears "Draft saved" (WCAG 2.2 SC 1.4.1). */
-.cn-form-dialog__draft-state[data-v-b7ff10cc] {
+.cn-form-dialog__draft-state[data-v-65a5754f] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 	margin-inline-end: auto;
 }
-.cn-form-dialog__switch-wrapper[data-v-b7ff10cc] {
+.cn-form-dialog__switch-wrapper[data-v-65a5754f] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-form-dialog__form[data-v-b7ff10cc] {
+.cn-form-dialog__form[data-v-65a5754f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-form-dialog__field[data-v-b7ff10cc] {
+.cn-form-dialog__field[data-v-65a5754f] {
 	margin-bottom: 8px;
 }
 
@@ -20735,39 +20950,53 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    from pushing its column past its share: a grid item's default `auto`
    minimum is its content, so without it one long option label widens the
    whole column and the two stop being equal. */
-.cn-form-dialog__form--two-column[data-v-b7ff10cc] {
+.cn-form-dialog__section[data-v-65a5754f] {
+	margin: 12px 0 0;
+	padding-top: 12px;
+	border-top: 1px solid var(--color-border);
+	font-size: 15px;
+	font-weight: 700;
+}
+
+/* The first heading opens the form: no rule above it. */
+.cn-form-dialog__form .cn-form-dialog__section[data-v-65a5754f]:first-of-type {
+	margin-top: 0;
+	padding-top: 0;
+	border-top: 0;
+}
+.cn-form-dialog__form--two-column[data-v-65a5754f] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	column-gap: 16px;
 	align-items: start;
 }
-.cn-form-dialog__form--two-column[data-v-b7ff10cc] > * {
+.cn-form-dialog__form--two-column[data-v-65a5754f] > * {
 	min-width: 0;
 }
 
 /* Anything that is not a field (the form-level error note, the slots above
    and below the fields) spans the full width, so a note card never sits in
    a half-width column beside an input. */
-.cn-form-dialog__form--two-column[data-v-b7ff10cc] > :not(.cn-form-dialog__field),
-.cn-form-dialog__form--two-column > .cn-form-dialog__field--wide[data-v-b7ff10cc] {
+.cn-form-dialog__form--two-column[data-v-65a5754f] > :not(.cn-form-dialog__field),
+.cn-form-dialog__form--two-column > .cn-form-dialog__field--wide[data-v-65a5754f] {
 	grid-column: 1 / -1;
 }
 
 /* A narrow viewport gets the single column back. Two columns of roughly
    150px each are worse than one readable one. */
 @media (max-width: 700px) {
-.cn-form-dialog__form--two-column[data-v-b7ff10cc] {
+.cn-form-dialog__form--two-column[data-v-65a5754f] {
 		display: block;
 }
 }
-.cn-form-dialog__textarea-wrapper[data-v-b7ff10cc],
-.cn-form-dialog__select-wrapper[data-v-b7ff10cc],
-.cn-form-dialog__json-wrapper[data-v-b7ff10cc] {
+.cn-form-dialog__textarea-wrapper[data-v-65a5754f],
+.cn-form-dialog__select-wrapper[data-v-65a5754f],
+.cn-form-dialog__json-wrapper[data-v-65a5754f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-form-dialog__label[data-v-b7ff10cc] {
+.cn-form-dialog__label[data-v-65a5754f] {
 	font-weight: 600;
 	font-size: 0.9em;
 	color: var(--color-main-text);
@@ -20775,10 +21004,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* Cross-app semantic reference (ADR-048) whose provider isn't installed —
    rendered disabled; the wrapper carries the mouse-over tooltip. */
-.cn-form-dialog__semantic-unresolved[data-v-b7ff10cc] {
+.cn-form-dialog__semantic-unresolved[data-v-65a5754f] {
 	cursor: not-allowed;
 }
-.cn-form-dialog__textarea[data-v-b7ff10cc] {
+.cn-form-dialog__textarea[data-v-65a5754f] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -20790,22 +21019,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-form-dialog__textarea[data-v-b7ff10cc]:focus {
+.cn-form-dialog__textarea[data-v-65a5754f]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-form-dialog__textarea[data-v-b7ff10cc]:disabled {
+.cn-form-dialog__textarea[data-v-65a5754f]:disabled {
 	opacity: 0.5;
 	cursor: not-allowed;
 }
-.cn-form-dialog__helper[data-v-b7ff10cc] {
+.cn-form-dialog__helper[data-v-65a5754f] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-form-dialog__helper--error[data-v-b7ff10cc] {
+.cn-form-dialog__helper--error[data-v-65a5754f] {
 	color: var(--color-error);
 }
-.cn-form-dialog__dynamic-loading[data-v-b7ff10cc] {
+.cn-form-dialog__dynamic-loading[data-v-65a5754f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -21062,7 +21291,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-widget-wrapper[data-v-4f6c55f6] {
+.cn-widget-wrapper[data-v-cc60e4c8] {
 	position: relative;
 	height: 100%;
 	display: flex;
@@ -21076,13 +21305,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-4f6c55f6] {
+.cn-widget-wrapper__floating-meta[data-v-cc60e4c8] {
 	position: absolute;
 	top: 8px;
 	inset-inline-end: 10px;
 	z-index: 2;
 }
-.cn-widget-wrapper__content[data-v-4f6c55f6] {
+.cn-widget-wrapper__content[data-v-cc60e4c8] {
 	flex: 1;
 	overflow: auto;
 	min-height: 0;
@@ -21098,24 +21327,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-4f6c55f6]:has(> .cn-table-container),
-.cn-widget-wrapper__content[data-v-4f6c55f6]:has(> .cn-widget-object-table) {
+.cn-widget-wrapper__content[data-v-cc60e4c8]:has(> .cn-table-container),
+.cn-widget-wrapper__content[data-v-cc60e4c8]:has(> .cn-widget-object-table) {
 	padding: 0;
 }
 
 /* Keyboard focus ring for the now-focusable scrollable content region. */
-.cn-widget-wrapper__content[data-v-4f6c55f6]:focus-visible {
+.cn-widget-wrapper__content[data-v-cc60e4c8]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: -2px;
 }
-.cn-widget-wrapper--borderless[data-v-4f6c55f6] {
+.cn-widget-wrapper--borderless[data-v-cc60e4c8] {
 	border: none;
 	background: transparent;
 }
-.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-4f6c55f6] {
+.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0;
 }
-.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-4f6c55f6] {
+.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0;
 }
 
@@ -21123,8 +21352,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-4f6c55f6]:has(> .cn-form-widget),
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-4f6c55f6]: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-cc60e4c8]:has(> .cn-form-widget),
+.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-cc60e4c8]:has(> .cn-kb-search-widget) {
 	padding: 16px;
 }
 
@@ -21135,7 +21364,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-4f6c55f6] {
+.cn-widget-wrapper--chromeless[data-v-cc60e4c8] {
 	border-radius: 0;
 }
 
@@ -21147,7 +21376,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-4f6c55f6] {
+.cn-widget-wrapper__header[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -21163,7 +21392,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-4f6c55f6] {
+.cn-widget-wrapper__header--actions-only[data-v-cc60e4c8] {
 	justify-content: flex-end;
 }
 
@@ -21179,11 +21408,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-4f6c55f6] {
+.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-cc60e4c8] {
 	border-bottom: none;
 	padding-inline: 0;
 }
-.cn-widget-wrapper__header-left[data-v-4f6c55f6] {
+.cn-widget-wrapper__header-left[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -21192,19 +21421,24 @@ 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-4f6c55f6] {
+.cn-widget-wrapper__icon[data-v-cc60e4c8] {
 	width: 24px;
 	height: 24px;
 	flex-shrink: 0;
 	color: var(--cn-widget-icon-color, var(--color-primary-element));
 }
-.cn-widget-wrapper__title-stack[data-v-4f6c55f6] {
+.cn-widget-wrapper__title-stack[data-v-cc60e4c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-widget-wrapper__eyebrow[data-v-4f6c55f6] {
+.cn-widget-wrapper__subtitle[data-v-cc60e4c8] {
+	font-size: 13px;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+}
+.cn-widget-wrapper__eyebrow[data-v-cc60e4c8] {
 	font-size: 13px;
 	line-height: 1.3;
 	color: var(--color-text-maxcontrast);
@@ -21212,7 +21446,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-widget-wrapper__title[data-v-4f6c55f6] {
+.cn-widget-wrapper__title[data-v-cc60e4c8] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -21220,34 +21454,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-4f6c55f6] {
+.cn-widget-wrapper.cn-widget-wrapper--nc-dashboard[data-v-cc60e4c8] {
 	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-4f6c55f6] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header[data-v-cc60e4c8] {
 	padding: 16px;
 	border-bottom: none;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-4f6c55f6] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__header-left[data-v-cc60e4c8] {
 	gap: 16px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-4f6c55f6] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__icon[data-v-cc60e4c8] {
 	width: 32px;
 	height: 32px;
 	background-size: 32px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-4f6c55f6] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__title[data-v-cc60e4c8] {
 	font-size: 20px;
 	font-weight: 700;
 	line-height: 24px;
 }
-.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-4f6c55f6] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0 16px 16px;
 }
-.cn-widget-wrapper__title-meta[data-v-4f6c55f6] {
+.cn-widget-wrapper__title-meta[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	gap: 4px;
@@ -21256,7 +21490,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	white-space: nowrap;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__actions[data-v-4f6c55f6] {
+.cn-widget-wrapper__actions[data-v-cc60e4c8] {
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
@@ -21264,7 +21498,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-4f6c55f6] {
+.cn-widget-wrapper__header-link[data-v-cc60e4c8] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -21273,11 +21507,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-widget-wrapper__header-link[data-v-4f6c55f6]:hover,
-.cn-widget-wrapper__header-link[data-v-4f6c55f6]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-cc60e4c8]:hover,
+.cn-widget-wrapper__header-link[data-v-cc60e4c8]:focus-visible {
 	text-decoration: underline;
 }
-.cn-widget-wrapper__header-link[data-v-4f6c55f6]:focus-visible {
+.cn-widget-wrapper__header-link[data-v-cc60e4c8]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
@@ -21288,7 +21522,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-4f6c55f6] {
+.cn-widget-wrapper__title-icon[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	flex-shrink: 0;
@@ -21308,17 +21542,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-4f6c55f6]:last-child {
+.cn-widget-wrapper__title-icon[data-v-cc60e4c8]: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-4f6c55f6] svg {
+.cn-widget-wrapper__title-icon[data-v-cc60e4c8] svg {
 	fill: currentcolor;
 }
-.cn-widget-wrapper__footer[data-v-4f6c55f6] {
+.cn-widget-wrapper__footer[data-v-cc60e4c8] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -21326,12 +21560,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-4f6c55f6] {
+.cn-widget-wrapper__footer-link[data-v-cc60e4c8] {
 	font-size: 13px;
 	color: var(--color-primary-element);
 	text-decoration: none;
 }
-.cn-widget-wrapper__footer-link[data-v-4f6c55f6]:hover {
+.cn-widget-wrapper__footer-link[data-v-cc60e4c8]:hover {
 	text-decoration: underline;
 }
 
@@ -24947,6 +25181,19 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
+/* `separator`: a text separator in place of the chevron. The chevron's own
+   element stays (it carries NcBreadcrumbs' spacing and its "no separator after
+   the last crumb" rule); only its icon gives way to the text. */
+.cn-breadcrumbs--text-separator[data-v-54c3381a] .vue-crumb__separator svg {
+	display: none;
+}
+.cn-breadcrumbs--text-separator[data-v-54c3381a] .vue-crumb__separator::before {
+	content: var(--cn-breadcrumbs-separator);
+	padding-inline: var(--cn-breadcrumbs-separator-gap, 0);
+	color: var(--color-text-maxcontrast);
+}
+
+
 .cn-form-page__honeypot {
 	position: absolute;
 	left: -10000px;
@@ -25127,7 +25374,7 @@ button.cn-stepper__step[data-v-776581d4] {
    line rather than above a line that stops where the last tab does. With no
    nav-end content the nav is the bar's only child and the result is pixel
    identical to the rule living on the nav itself. */
-.cn-tabs__bar[data-v-019bacbf] {
+.cn-tabs__bar[data-v-4d96de3d] {
 	/* Top-aligned so the `#nav-end` control sits on the tab row, not below it,
 	   should the two sides ever differ in height. */
 	align-items: flex-start;
@@ -25137,12 +25384,12 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 /* The strip holds the scrolling nav and the edge affordances drawn over it. */
-.cn-tabs__strip[data-v-019bacbf] {
+.cn-tabs__strip[data-v-4d96de3d] {
 	flex: 1 1 auto;
 	min-width: 0;
 	position: relative;
 }
-.cn-tabs__nav[data-v-019bacbf] {
+.cn-tabs__nav[data-v-4d96de3d] {
 	display: flex;
 	gap: 4px;
 	/* One row that scrolls, never a wrap: in a narrow sidebar a nine-tab strip
@@ -25159,11 +25406,11 @@ button.cn-stepper__step[data-v-776581d4] {
 	   the panel's colour, covers it and the tab joins its panel. */
 	margin-bottom: -1px;
 }
-.cn-tabs__nav[data-v-019bacbf]::-webkit-scrollbar {
+.cn-tabs__nav[data-v-4d96de3d]::-webkit-scrollbar {
 	display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-tabs__nav[data-v-019bacbf] {
+.cn-tabs__nav[data-v-4d96de3d] {
 		scroll-behavior: auto;
 }
 }
@@ -25174,8 +25421,8 @@ button.cn-stepper__step[data-v-776581d4] {
    z-index 2 so the fades outrank a lifted tab: CnTabsWidget puts the open tab
    at 1, and a tie goes to DOM order, which would draw that tab over the start
    fade (it precedes the tabs) while the end fade still covered it. */
-.cn-tabs__strip[data-v-019bacbf]::before,
-.cn-tabs__strip[data-v-019bacbf]::after {
+.cn-tabs__strip[data-v-4d96de3d]::before,
+.cn-tabs__strip[data-v-4d96de3d]::after {
 	content: '';
 	display: none;
 	inset-block: 0 1px;
@@ -25184,23 +25431,23 @@ button.cn-stepper__step[data-v-776581d4] {
 	width: 56px;
 	z-index: 2;
 }
-.cn-tabs__strip[data-v-019bacbf]::before {
+.cn-tabs__strip[data-v-4d96de3d]::before {
 	background: linear-gradient(to right, var(--color-main-background) 30%, transparent);
 	inset-inline-start: 0;
 }
-.cn-tabs__strip[data-v-019bacbf]::after {
+.cn-tabs__strip[data-v-4d96de3d]::after {
 	background: linear-gradient(to left, var(--color-main-background) 30%, transparent);
 	inset-inline-end: 0;
 }
-.cn-tabs__strip--more-start[data-v-019bacbf]::before,
-.cn-tabs__strip--more-end[data-v-019bacbf]::after {
+.cn-tabs__strip--more-start[data-v-4d96de3d]::before,
+.cn-tabs__strip--more-end[data-v-4d96de3d]::after {
 	display: block;
 }
 
 /* Doubled selector for the same reason as `.cn-tabs__nav .cn-tabs__nav-item`:
    Nextcloud's own `button` rule would otherwise give this a border, a fill
    and a margin. */
-.cn-tabs__strip .cn-tabs__scroll[data-v-019bacbf] {
+.cn-tabs__strip .cn-tabs__scroll[data-v-4d96de3d] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -25220,20 +25467,20 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 /* Nextcloud's `button:hover` rule would otherwise fill the chevron. */
-.cn-tabs__strip .cn-tabs__scroll[data-v-019bacbf]:hover,
-.cn-tabs__strip .cn-tabs__scroll[data-v-019bacbf]:focus {
+.cn-tabs__strip .cn-tabs__scroll[data-v-4d96de3d]:hover,
+.cn-tabs__strip .cn-tabs__scroll[data-v-4d96de3d]:focus {
 	background: none;
 }
-.cn-tabs__scroll--start[data-v-019bacbf] {
+.cn-tabs__scroll--start[data-v-4d96de3d] {
 	inset-inline-start: 0;
 }
-.cn-tabs__scroll--end[data-v-019bacbf] {
+.cn-tabs__scroll--end[data-v-4d96de3d] {
 	inset-inline-end: 0;
 }
 
 /* The count behind a tab's title. Full-contrast text on the page background,
    so it reads on the idle tab's darker fill and on the open tab alike. */
-.cn-tabs__count[data-v-019bacbf] {
+.cn-tabs__count[data-v-4d96de3d] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: var(--border-radius-pill, 100px);
@@ -25246,18 +25493,18 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 6px;
 	text-align: center;
 }
-.cn-tabs__more[data-v-019bacbf] {
+.cn-tabs__more[data-v-4d96de3d] {
 	align-items: center;
 	display: flex;
 	flex: 0 0 auto;
 }
 
 /* Keeps a "More" entry's text on the menu's text column without drawing an icon. */
-.cn-tabs__more-spacer[data-v-019bacbf] {
+.cn-tabs__more-spacer[data-v-4d96de3d] {
 	display: inline-block;
 	width: 20px;
 }
-.cn-tabs__nav-end[data-v-019bacbf] {
+.cn-tabs__nav-end[data-v-4d96de3d] {
 	align-items: center;
 	display: flex;
 	flex: 0 0 auto;
@@ -25279,7 +25526,7 @@ button.cn-stepper__step[data-v-776581d4] {
    strip legible as a control at a glance, and the active tab, sharing the
    panel's background and punching a hole in the bar's rule, reads as the sheet
    in front. */
-.cn-tabs__nav-item[data-v-019bacbf] {
+.cn-tabs__nav-item[data-v-4d96de3d] {
 	background-color: var(--color-background-dark);
 	/* `--color-border-dark`, not `--color-border`: the latter is the same
 	   #ededed as `--color-background-dark` in the stock light theme, so a tab
@@ -25314,27 +25561,27 @@ button.cn-stepper__step[data-v-776581d4] {
    with a selector that outscores the scoped rule above, which floated the tabs
    above the bar's rule inside a real page. The parent class wins on
    specificity rather than on `!important` or source order. */
-.cn-tabs__nav .cn-tabs__nav-item[data-v-019bacbf] {
+.cn-tabs__nav .cn-tabs__nav-item[data-v-4d96de3d] {
 	margin-block-end: 0;
 }
-.cn-tabs__nav--justified .cn-tabs__nav-item[data-v-019bacbf] {
+.cn-tabs__nav--justified .cn-tabs__nav-item[data-v-4d96de3d] {
 	flex: 1 1 0;
 }
-.cn-tabs__nav-item[data-v-019bacbf]:hover,
-.cn-tabs__nav-item[data-v-019bacbf]:focus-visible {
+.cn-tabs__nav-item[data-v-4d96de3d]:hover,
+.cn-tabs__nav-item[data-v-4d96de3d]:focus-visible {
 	background-color: var(--color-background-hover);
 	color: var(--color-main-text);
 }
 
 /* Inside the box: the scrolling strip clips anything drawn outside a tab. */
-.cn-tabs__nav-item[data-v-019bacbf]:focus-visible {
+.cn-tabs__nav-item[data-v-4d96de3d]:focus-visible {
 	outline-offset: -2px;
 }
-.cn-tabs__nav-item[disabled][data-v-019bacbf] {
+.cn-tabs__nav-item[disabled][data-v-4d96de3d] {
 	cursor: default;
 	opacity: 0.5;
 }
-.cn-tabs__nav-item[disabled][data-v-019bacbf]:hover {
+.cn-tabs__nav-item[disabled][data-v-4d96de3d]:hover {
 	background-color: var(--color-background-dark);
 	color: var(--color-main-text);
 }
@@ -25344,7 +25591,7 @@ button.cn-stepper__step[data-v-776581d4] {
    joins the sheet below it. The primary-coloured top edge is what carries the
    selection at a glance, and it survives forced-colours mode, which drops
    background colours but keeps borders. */
-.cn-tabs__nav-item--active[data-v-019bacbf] {
+.cn-tabs__nav-item--active[data-v-4d96de3d] {
 	background-color: var(--color-main-background);
 	border-bottom: 1px solid var(--color-main-background);
 	border-top: 2px solid var(--color-primary-element);
@@ -25354,10 +25601,10 @@ button.cn-stepper__step[data-v-776581d4] {
 	   thicker top border, so the strip does not jog when the selection moves. */
 	padding-top: 7px;
 }
-.cn-tabs__content[data-v-019bacbf] {
+.cn-tabs__content[data-v-4d96de3d] {
 	padding-top: 12px;
 }
-.cn-tabs--card .cn-tabs__content[data-v-019bacbf] {
+.cn-tabs--card .cn-tabs__content[data-v-4d96de3d] {
 	border: 1px solid var(--color-border);
 	border-top: none;
 	padding: 12px;
@@ -25365,33 +25612,33 @@ button.cn-stepper__step[data-v-776581d4] {
 
 /* Segmented variant: the strip is a pill switch that stands on its own, so
    the bar's rule and the tab-joins-panel treatment are both dropped. */
-.cn-tabs--segmented .cn-tabs__bar[data-v-019bacbf] {
+.cn-tabs--segmented .cn-tabs__bar[data-v-4d96de3d] {
 	border-bottom: none;
 }
-.cn-tabs--segmented .cn-tabs__strip[data-v-019bacbf] {
+.cn-tabs--segmented .cn-tabs__strip[data-v-4d96de3d] {
 	flex: 0 1 auto;
 }
-.cn-tabs--segmented .cn-tabs__nav[data-v-019bacbf] {
+.cn-tabs--segmented .cn-tabs__nav[data-v-4d96de3d] {
 	gap: 4px;
 	margin-bottom: 0;
 	padding: 4px;
 	border-radius: var(--border-radius-container, var(--border-radius-large, 10px));
 	background-color: var(--color-background-dark);
 }
-.cn-tabs--segmented .cn-tabs__nav-item[data-v-019bacbf] {
+.cn-tabs--segmented .cn-tabs__nav-item[data-v-4d96de3d] {
 	border: 1px solid transparent;
 	border-radius: var(--border-radius-element, var(--border-radius-large, 8px));
 	background-color: transparent;
 	font-weight: 600;
 	padding: 6px 16px;
 }
-.cn-tabs--segmented .cn-tabs__nav-item[data-v-019bacbf]:hover {
+.cn-tabs--segmented .cn-tabs__nav-item[data-v-4d96de3d]:hover {
 	background-color: var(--color-background-hover);
 }
 
 /* The open segment is the raised one. Its border survives forced-colours
    mode, which drops the background and the shadow. */
-.cn-tabs--segmented .cn-tabs__nav-item--active[data-v-019bacbf] {
+.cn-tabs--segmented .cn-tabs__nav-item--active[data-v-4d96de3d] {
 	border: 1px solid var(--color-border-dark);
 	background-color: var(--color-main-background);
 	box-shadow: 0 1px 2px var(--color-box-shadow);
@@ -25402,11 +25649,11 @@ button.cn-stepper__step[data-v-776581d4] {
 /* Underline variant (board LpBeheerAlgemeen): plain labels on the bar's rule,
    the open one carried by a 3px primary underline that sits on that rule. The
    strip wraps onto a second row rather than scrolling. */
-.cn-tabs--underline .cn-tabs__nav[data-v-019bacbf] {
+.cn-tabs--underline .cn-tabs__nav[data-v-4d96de3d] {
 	flex-wrap: wrap;
 	overflow: visible;
 }
-.cn-tabs--underline .cn-tabs__nav-item[data-v-019bacbf] {
+.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d] {
 	background-color: transparent;
 	border: 0;
 	border-bottom: 3px solid transparent;
@@ -25418,34 +25665,34 @@ button.cn-stepper__step[data-v-776581d4] {
 	min-height: 44px;
 	padding: 0 9px;
 }
-.cn-tabs--underline .cn-tabs__nav-item[data-v-019bacbf]:hover,
-.cn-tabs--underline .cn-tabs__nav-item[data-v-019bacbf]:focus-visible {
+.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d]:hover,
+.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d]:focus-visible {
 	background-color: transparent;
 	border-bottom-color: var(--color-border-dark);
 	color: var(--color-main-text);
 }
-.cn-tabs--underline .cn-tabs__nav-item[disabled][data-v-019bacbf]:hover {
+.cn-tabs--underline .cn-tabs__nav-item[disabled][data-v-4d96de3d]:hover {
 	background-color: transparent;
 	border-bottom-color: transparent;
 }
-.cn-tabs--underline .cn-tabs__nav-item--active[data-v-019bacbf],
-.cn-tabs--underline .cn-tabs__nav-item--active[data-v-019bacbf]:hover,
-.cn-tabs--underline .cn-tabs__nav-item--active[data-v-019bacbf]:focus-visible {
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-4d96de3d],
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-4d96de3d]:hover,
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-4d96de3d]:focus-visible {
 	border-bottom: 3px solid var(--color-primary-element);
 	color: var(--color-main-text);
 	font-weight: 700;
 	padding-top: 0;
 }
-.cn-tabs--underline .cn-tabs__count[data-v-019bacbf] {
+.cn-tabs--underline .cn-tabs__count[data-v-4d96de3d] {
 	margin-inline-start: 0;
 }
-.cn-tabs--underline .cn-tabs__content[data-v-019bacbf] {
+.cn-tabs--underline .cn-tabs__content[data-v-4d96de3d] {
 	padding-top: 20px;
 }
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__stack[data-v-febbfc68] {
+.cn-tabs-widget__stack[data-v-dbbc6ecc] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -25454,19 +25701,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-febbfc68] {
+.cn-tabs-widget__stack--grid[data-v-dbbc6ecc] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-febbfc68] > * {
+.cn-tabs-widget__stack--grid[data-v-dbbc6ecc] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-febbfc68] {
+.cn-tabs-widget__stack--grid[data-v-dbbc6ecc] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-febbfc68] > * {
+.cn-tabs-widget__stack--grid[data-v-dbbc6ecc] > * {
 		grid-column: auto !important;
 }
 }
@@ -25500,7 +25747,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-febbfc68] {
+.cn-tabs-widget.cn-tabs-widget[data-v-dbbc6ecc] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -25524,12 +25771,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-febbfc68] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -25542,11 +25789,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-febbfc68] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-febbfc68] {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -25564,7 +25811,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-febbfc68] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .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
@@ -25584,7 +25831,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tab {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .cn-tab {
 	height: 100%;
 }
 
@@ -25592,13 +25839,13 @@ 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-febbfc68] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-dbbc6ecc] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
 
 /* The open panel's header link, beside the strip. Same look and theme hooks
    as a card header link (CnWidgetWrapper). */
-.cn-tabs-widget__header-link[data-v-febbfc68] {
+.cn-tabs-widget__header-link[data-v-dbbc6ecc] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -25607,21 +25854,21 @@ button.cn-stepper__step[data-v-776581d4] {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-tabs-widget__header-link[data-v-febbfc68]:hover,
-.cn-tabs-widget__header-link[data-v-febbfc68]:focus-visible {
+.cn-tabs-widget__header-link[data-v-dbbc6ecc]:hover,
+.cn-tabs-widget__header-link[data-v-dbbc6ecc]:focus-visible {
 	text-decoration: underline;
 }
-.cn-tabs-widget__header-link[data-v-febbfc68]:focus-visible {
+.cn-tabs-widget__header-link[data-v-dbbc6ecc]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
 }
-.cn-tabs-widget__title[data-v-febbfc68] {
+.cn-tabs-widget__title[data-v-dbbc6ecc] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-febbfc68] {
+.cn-tabs-widget__title-icon[data-v-dbbc6ecc] {
 	flex: 0 0 auto;
 }
 
@@ -28648,7 +28895,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 
-.cn-nc-widget-widget[data-v-04be70f3] {
+.cn-nc-widget-widget[data-v-f553a198] {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -28664,19 +28911,19 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
  * bottom, flush to the header on top). Same design tokens as core; overridable
  * via the host's CnWidgetWrapper styleConfig / nldesign.
  */
-.cn-nc-widget-widget__header[data-v-04be70f3] {
+.cn-nc-widget-widget__header[data-v-f553a198] {
 	display: flex;
 	align-items: center;
 	gap: 16px;
 	padding: 16px;
 	font-weight: 700;
 }
-.cn-nc-widget-widget__header-icon[data-v-04be70f3] {
+.cn-nc-widget-widget__header-icon[data-v-f553a198] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 auto;
 }
-.cn-nc-widget-widget__header-title[data-v-04be70f3] {
+.cn-nc-widget-widget__header-title[data-v-f553a198] {
 	flex: 1;
 	font-size: 20px;
 	font-weight: 700;
@@ -28685,18 +28932,18 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-nc-widget-widget__show-all[data-v-04be70f3] {
+.cn-nc-widget-widget__show-all[data-v-f553a198] {
 	align-self: flex-start;
 	padding: 8px 0 0;
 	color: var(--color-primary-element);
 	font-weight: 600;
 	text-decoration: none;
 }
-.cn-nc-widget-widget__show-all[data-v-04be70f3]:hover,
-.cn-nc-widget-widget__show-all[data-v-04be70f3]:focus-visible {
+.cn-nc-widget-widget__show-all[data-v-f553a198]:hover,
+.cn-nc-widget-widget__show-all[data-v-f553a198]:focus-visible {
 	text-decoration: underline;
 }
-.cn-nc-widget-widget__native[data-v-04be70f3] {
+.cn-nc-widget-widget__native[data-v-f553a198] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
@@ -28730,7 +28977,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
  * still claims that much room regardless of the grid track size, so the
  * track itself must not go below it.
  */
-.cn-nc-widget-widget--horizontal[data-v-04be70f3] .dashboard-widget > ul {
+.cn-nc-widget-widget--horizontal[data-v-f553a198] .dashboard-widget > ul {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	gap: 8px;
@@ -28738,33 +28985,33 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	margin: 0;
 	padding: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-04be70f3] .dashboard-widget > ul > li {
+.cn-nc-widget-widget--horizontal[data-v-f553a198] .dashboard-widget > ul > li {
 	width: auto;
 	min-width: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-04be70f3] .item-list__entry {
+.cn-nc-widget-widget--horizontal[data-v-f553a198] .item-list__entry {
 	height: 100%;
 	margin: 0;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 }
-.cn-nc-widget-widget__body[data-v-04be70f3] {
+.cn-nc-widget-widget__body[data-v-f553a198] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
 }
-.cn-nc-widget-widget__body--vertical[data-v-04be70f3] {
+.cn-nc-widget-widget__body--vertical[data-v-f553a198] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-nc-widget-widget__body--horizontal[data-v-04be70f3] {
+.cn-nc-widget-widget__body--horizontal[data-v-f553a198] {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-nc-widget-widget__state[data-v-04be70f3] {
+.cn-nc-widget-widget__state[data-v-f553a198] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -28773,59 +29020,59 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-nc-widget-widget__item[data-v-04be70f3] {
+.cn-nc-widget-widget__item[data-v-f553a198] {
 	display: flex;
 	text-decoration: none;
 	color: var(--color-main-text);
 	border-radius: var(--border-radius);
 	padding: 4px;
 }
-.cn-nc-widget-widget__item[data-v-04be70f3]:hover {
+.cn-nc-widget-widget__item[data-v-f553a198]:hover {
 	background-color: var(--color-background-hover);
 }
-.cn-nc-widget-widget__item--vertical[data-v-04be70f3] {
+.cn-nc-widget-widget__item--vertical[data-v-f553a198] {
 	flex-direction: row;
 	align-items: center;
 	gap: 8px;
 }
-.cn-nc-widget-widget__item--horizontal[data-v-04be70f3] {
+.cn-nc-widget-widget__item--horizontal[data-v-f553a198] {
 	flex-direction: column;
 	align-items: center;
 	width: 120px;
 	text-align: center;
 }
-.cn-nc-widget-widget__item-icon-wrap[data-v-04be70f3] {
+.cn-nc-widget-widget__item-icon-wrap[data-v-f553a198] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 32px;
 	position: relative;
 }
-.cn-nc-widget-widget__item-icon[data-v-04be70f3] {
+.cn-nc-widget-widget__item-icon[data-v-f553a198] {
 	width: 32px;
 	height: 32px;
 	object-fit: cover;
 	border-radius: 50%;
 }
-.cn-nc-widget-widget__item-overlay[data-v-04be70f3] {
+.cn-nc-widget-widget__item-overlay[data-v-f553a198] {
 	position: absolute;
 	right: -2px;
 	bottom: -2px;
 	width: 14px;
 	height: 14px;
 }
-.cn-nc-widget-widget__item-text[data-v-04be70f3] {
+.cn-nc-widget-widget__item-text[data-v-f553a198] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 	flex: 1;
 }
-.cn-nc-widget-widget__item-title[data-v-04be70f3] {
+.cn-nc-widget-widget__item-title[data-v-f553a198] {
 	font-weight: 600;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-nc-widget-widget__item-subtitle[data-v-04be70f3] {
+.cn-nc-widget-widget__item-subtitle[data-v-f553a198] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	overflow: hidden;
@@ -29522,13 +29769,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-8146cb58] {
+.cn-facts-widget[data-v-e1992d24] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-8146cb58] {
+.cn-facts-widget__rows[data-v-e1992d24] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -29537,7 +29784,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-8146cb58] {
+.cn-facts-widget__row[data-v-e1992d24] {
 	display: contents;
 }
 
@@ -29545,13 +29792,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-8146cb58] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-e1992d24] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-8146cb58] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-e1992d24] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -29559,20 +29806,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-8146cb58] {
+.cn-facts-widget__title[data-v-e1992d24] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-8146cb58] {
+.cn-facts-widget__line[data-v-e1992d24] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-8146cb58] {
+.cn-facts-widget__muted[data-v-e1992d24] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-8146cb58] {
+.cn-facts-widget__label .hidden-visually[data-v-e1992d24] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -29580,23 +29827,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-8146cb58] {
+.cn-facts-widget__label--icon[data-v-e1992d24] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-8146cb58] {
+.cn-facts-widget__value-link[data-v-e1992d24] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-8146cb58],
-.cn-facts-widget__icon-button[data-v-8146cb58],
-.cn-facts-widget__action[data-v-8146cb58] {
+.cn-facts-widget__inline-button[data-v-e1992d24],
+.cn-facts-widget__icon-button[data-v-e1992d24],
+.cn-facts-widget__action[data-v-e1992d24] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-8146cb58] {
+.cn-facts-widget__inline-button[data-v-e1992d24] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -29607,7 +29854,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-8146cb58] {
+.cn-facts-widget__icon-button[data-v-e1992d24] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -29616,23 +29863,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-8146cb58]:hover,
-.cn-facts-widget__icon-button[data-v-8146cb58]:focus-visible {
+.cn-facts-widget__icon-button[data-v-e1992d24]:hover,
+.cn-facts-widget__icon-button[data-v-e1992d24]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-8146cb58] {
+.cn-facts-widget__text[data-v-e1992d24] {
 	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-8146cb58] {
+.cn-facts-widget__lead[data-v-e1992d24] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-8146cb58] {
+.cn-facts-widget__lead-tile[data-v-e1992d24] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -29645,29 +29892,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-8146cb58] {
+.cn-facts-widget__lead-tile--success[data-v-e1992d24] {
 	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-8146cb58] {
+.cn-facts-widget__lead-tile--info[data-v-e1992d24] {
 	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-8146cb58] {
+.cn-facts-widget__lead-text[data-v-e1992d24] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-8146cb58] {
+.cn-facts-widget__lead-title[data-v-e1992d24] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-8146cb58] {
+.cn-facts-widget__lead-subtitle[data-v-e1992d24] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-8146cb58] {
+.cn-facts-widget__action[data-v-e1992d24] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29679,11 +29926,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-8146cb58]:hover,
-.cn-facts-widget__action[data-v-8146cb58]:focus-visible {
+.cn-facts-widget__action[data-v-e1992d24]:hover,
+.cn-facts-widget__action[data-v-e1992d24]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-8146cb58] {
+.cn-facts-widget__link[data-v-e1992d24] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -30309,27 +30556,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-d793cb0e] {
+.cn-record-list__list[data-v-695c835e] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__empty[data-v-d793cb0e],
-.cn-record-list__error[data-v-d793cb0e] {
+.cn-record-list__empty[data-v-695c835e],
+.cn-record-list__error[data-v-695c835e] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-d793cb0e] {
+.cn-record-list__loading[data-v-695c835e] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-d793cb0e] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-695c835e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__row[data-v-d793cb0e] {
+.cn-record-list__row[data-v-695c835e] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -30337,11 +30584,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-d793cb0e],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-d793cb0e] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-695c835e],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-695c835e] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-d793cb0e] {
+.cn-record-list__avatar[data-v-695c835e] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -30354,67 +30601,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-d793cb0e] {
+.cn-record-list__main[data-v-695c835e] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-d793cb0e] {
+.cn-record-list__title[data-v-695c835e] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-d793cb0e] {
+.cn-record-list__meta[data-v-695c835e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-d793cb0e] {
+.cn-record-list__aside[data-v-695c835e] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-d793cb0e] {
+.cn-record-list__trailing[data-v-695c835e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-d793cb0e] {
+.cn-record-list__due[data-v-695c835e] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-d793cb0e] {
+.cn-record-list__due--danger[data-v-695c835e] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-d793cb0e] {
+.cn-record-list__due--empty[data-v-695c835e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-d793cb0e] {
+.cn-record-list__row--action[data-v-695c835e] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-d793cb0e] {
+.cn-record-list__row--action .cn-record-list__main[data-v-695c835e] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-d793cb0e] {
+.cn-record-list__title--link[data-v-695c835e] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-d793cb0e] {
+.cn-record-list__pills[data-v-695c835e] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-d793cb0e] {
+.cn-record-list__due--column[data-v-695c835e] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-d793cb0e] {
+.cn-record-list__action[data-v-695c835e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30431,23 +30678,23 @@ 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-d793cb0e]:hover,
-.cn-record-list__action[data-v-d793cb0e]:focus-visible {
+.cn-record-list__action[data-v-695c835e]:hover,
+.cn-record-list__action[data-v-695c835e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-d793cb0e] {
+.cn-record-list__chevron[data-v-695c835e] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-d793cb0e] {
+.cn-record-list--cards .cn-record-list__list[data-v-695c835e] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-d793cb0e] {
+.cn-record-list__card[data-v-695c835e] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -30459,51 +30706,51 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-d793cb0e]:hover,
-.cn-record-list__card--link[data-v-d793cb0e]:focus-visible {
+.cn-record-list__card--link[data-v-695c835e]:hover,
+.cn-record-list__card--link[data-v-695c835e]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-d793cb0e],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-d793cb0e] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-695c835e],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-695c835e] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-d793cb0e] {
+.cn-record-list__card-head[data-v-695c835e] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-d793cb0e] {
+.cn-record-list__card-title[data-v-695c835e] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-d793cb0e] {
+.cn-record-list__card-icon[data-v-695c835e] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-d793cb0e] {
+.cn-record-list__card-pills[data-v-695c835e] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-d793cb0e] {
+.cn-record-list__card-value[data-v-695c835e] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-d793cb0e] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-695c835e] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-d793cb0e] {
+.cn-record-list__feed-row[data-v-695c835e] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-d793cb0e] {
+.cn-record-list__feed-icon[data-v-695c835e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -30514,25 +30761,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-d793cb0e] {
+.cn-record-list__text[data-v-695c835e] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-d793cb0e] {
+.cn-record-list--feed .cn-record-list__main[data-v-695c835e] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-d793cb0e] {
+.cn-record-list__inline-row[data-v-695c835e] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-d793cb0e] {
+.cn-record-list__label[data-v-695c835e] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-d793cb0e] {
+.cn-record-list__inline-title[data-v-695c835e] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-d793cb0e] {
+a.cn-record-list__inline-title[data-v-695c835e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -31479,40 +31726,40 @@ a.cn-record-list__inline-title[data-v-d793cb0e] {
 }
 
 
-.cn-version-info__card[data-v-52e4d484] {
+.cn-version-info__card[data-v-95a2bdce] {
 	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-52e4d484] {
+.cn-version-info__card h4[data-v-95a2bdce] {
 	margin: 0 0 16px 0;
 	font-size: 16px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-version-info__details[data-v-52e4d484] {
+.cn-version-info__details[data-v-95a2bdce] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-version-info__item[data-v-52e4d484] {
+.cn-version-info__item[data-v-95a2bdce] {
 	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-52e4d484]:last-child {
+.cn-version-info__item[data-v-95a2bdce]:last-child {
 	border-bottom: none;
 }
-.cn-version-info__label[data-v-52e4d484] {
+.cn-version-info__label[data-v-95a2bdce] {
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-version-info__value[data-v-52e4d484] {
+.cn-version-info__value[data-v-95a2bdce] {
 	font-family: 'Courier New', Courier, monospace;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -31520,28 +31767,28 @@ a.cn-record-list__inline-title[data-v-d793cb0e] {
 }
 
 /* Status classes for values */
-.cn-version-info__status--ok[data-v-52e4d484] {
+.cn-version-info__status--ok[data-v-95a2bdce] {
 	color: var(--color-success);
 	font-weight: 600;
 }
-.cn-version-info__status--warning[data-v-52e4d484] {
+.cn-version-info__status--warning[data-v-95a2bdce] {
 	color: var(--color-warning);
 	font-weight: 600;
 }
-.cn-version-info__status--error[data-v-52e4d484] {
+.cn-version-info__status--error[data-v-95a2bdce] {
 	color: var(--color-error);
 	font-weight: 600;
 }
 @media (max-width: 768px) {
-.cn-version-info__item[data-v-52e4d484] {
+.cn-version-info__item[data-v-95a2bdce] {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 4px;
 }
-.cn-version-info__label[data-v-52e4d484] {
+.cn-version-info__label[data-v-95a2bdce] {
 		font-weight: 600;
 }
-.cn-version-info__value[data-v-52e4d484] {
+.cn-version-info__value[data-v-95a2bdce] {
 		word-break: break-all;
 }
 }
@@ -34640,26 +34887,26 @@ to {
   text-decoration: underline;
 }
 @charset "UTF-8";
-.cn-choice-cards[data-v-c551354c] {
+.cn-choice-cards[data-v-8d2b4ff4] {
   border: none;
   padding: 0;
   margin: 0;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__legend[data-v-c551354c] {
+.cn-choice-cards__legend[data-v-8d2b4ff4] {
   padding: 0;
   margin-block-end: 8px;
   font-weight: bold;
 }
 
-.cn-choice-cards__loading[data-v-c551354c] {
+.cn-choice-cards__loading[data-v-8d2b4ff4] {
   display: flex;
   justify-content: center;
   padding: 24px 0;
 }
 
-.cn-choice-cards__grid[data-v-c551354c] {
+.cn-choice-cards__grid[data-v-8d2b4ff4] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 12px;
@@ -34671,26 +34918,26 @@ to {
   padding: 12px;
 }
 
-.cn-choice-cards__cell[data-v-c551354c] {
+.cn-choice-cards__cell[data-v-8d2b4ff4] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__actions[data-v-c551354c] {
+.cn-choice-cards__actions[data-v-8d2b4ff4] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.cn-choice-cards__option[data-v-c551354c] {
+.cn-choice-cards__option[data-v-8d2b4ff4] {
   position: relative;
   display: block;
   cursor: pointer;
 }
 
-.cn-choice-cards__input[data-v-c551354c] {
+.cn-choice-cards__input[data-v-8d2b4ff4] {
   position: absolute;
   inset-block-start: 16px;
   inset-inline-end: 14px;
@@ -34700,7 +34947,7 @@ to {
 }
 
 /* Room for the input, so a long title never runs underneath it. */
-.cn-choice-cards__option[data-v-c551354c] .cn-card {
+.cn-choice-cards__option[data-v-8d2b4ff4] .cn-card {
   padding-inline-end: 44px;
   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
@@ -34711,25 +34958,103 @@ to {
    touches a card, and the grid twitches. The border colour below already
    carries hover, so the scale is dropped: at (0,3,0) this beats the global
    `.cn-card:hover` at (0,2,0). */
-.cn-choice-cards__option[data-v-c551354c]:hover .cn-card {
+.cn-choice-cards__option[data-v-8d2b4ff4]:hover .cn-card {
   border-color: var(--color-primary-element);
   transform: none;
 }
 
 /* The focus ring belongs on the card, not on the small input inside it. */
-.cn-choice-cards__input[data-v-c551354c]:focus-visible + .cn-card {
+.cn-choice-cards__input[data-v-8d2b4ff4]:focus-visible + .cn-card {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-choice-cards__input[data-v-c551354c]:disabled {
+.cn-choice-cards__input[data-v-8d2b4ff4]:disabled {
   cursor: default;
 }
 
-.cn-choice-cards__input[data-v-c551354c]:disabled + .cn-card {
+.cn-choice-cards__input[data-v-8d2b4ff4]:disabled + .cn-card {
+  opacity: 0.6;
+}
+
+.cn-choice-cards__rows[data-v-8d2b4ff4] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.cn-choice-cards__row[data-v-8d2b4ff4] {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius-large, 8px);
+  background: var(--color-main-background);
+  cursor: pointer;
+}
+
+.cn-choice-cards__row[data-v-8d2b4ff4]:hover {
+  border-color: var(--color-border-dark);
+}
+
+.cn-choice-cards__row--selected[data-v-8d2b4ff4],
+.cn-choice-cards__row--selected[data-v-8d2b4ff4]:hover {
+  border-color: var(--color-primary-element);
+  /* The second pixel of the 2px selected border, without moving the content. */
+  box-shadow: inset 0 0 0 1px var(--color-primary-element);
+  background: var(--color-primary-element-light);
+}
+
+.cn-choice-cards__row--disabled[data-v-8d2b4ff4] {
+  cursor: default;
   opacity: 0.6;
 }
 
+.cn-choice-cards__row[data-v-8d2b4ff4]:has(.cn-choice-cards__row-input:focus-visible) {
+  outline: 2px solid var(--color-primary-element);
+  outline-offset: 2px;
+}
+
+.cn-choice-cards__row-input[data-v-8d2b4ff4] {
+  flex: none;
+  margin: 2px 0 0;
+  accent-color: var(--color-primary-element);
+  cursor: inherit;
+}
+
+.cn-choice-cards__row-icon[data-v-8d2b4ff4] {
+  flex: none;
+}
+
+.cn-choice-cards__row-text[data-v-8d2b4ff4] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.cn-choice-cards__row-title[data-v-8d2b4ff4] {
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.cn-choice-cards__row-description[data-v-8d2b4ff4] {
+  font-size: 13px;
+  color: var(--color-text-maxcontrast);
+}
+
+.cn-choice-cards__reason[data-v-8d2b4ff4] {
+  font-size: 13px;
+  color: var(--color-text-maxcontrast);
+  font-style: italic;
+}
+
+.cn-choice-cards__reason--card[data-v-8d2b4ff4] {
+  display: block;
+  margin-block-start: 4px;
+}
+
 .cn-wizard-dialog__step-body[data-v-4a9bf6d1] {
 	min-height: 200px;
 }
@@ -34809,28 +35134,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-038f200a] {
+.cn-admin-settings-shell[data-v-29bf49ca] {
 	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-038f200a] {
+.cn-support-info[data-v-29bf49ca] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-038f200a] {
+.cn-support-info h4[data-v-29bf49ca] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-038f200a] {
+.cn-support-info p[data-v-29bf49ca] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-038f200a] {
+.cn-support-info a[data-v-29bf49ca] {
 	color: var(--color-primary-element);
 }
 
@@ -38025,19 +38350,6 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-/* `separator`: a text separator in place of the chevron. The chevron's own
-   element stays (it carries NcBreadcrumbs' spacing and its "no separator after
-   the last crumb" rule); only its icon gives way to the text. */
-.cn-breadcrumbs--text-separator[data-v-54c3381a] .vue-crumb__separator svg {
-	display: none;
-}
-.cn-breadcrumbs--text-separator[data-v-54c3381a] .vue-crumb__separator::before {
-	content: var(--cn-breadcrumbs-separator);
-	padding-inline: var(--cn-breadcrumbs-separator-gap, 0);
-	color: var(--color-text-maxcontrast);
-}
-
-
 .cn-relation-link[data-v-6559b00a] {
 	padding: 20px;
 	display: flex;
@@ -38471,7 +38783,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-42bc14a4] {
+.cn-dashboard-page[data-v-4f9a30ca] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -38485,7 +38797,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-42bc14a4] {
+.cn-dashboard-page__header[data-v-4f9a30ca] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -38497,21 +38809,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-42bc14a4] {
+.cn-dashboard-page__header-left[data-v-4f9a30ca] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-42bc14a4] {
+.cn-dashboard-page__title-row[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-42bc14a4] {
+.cn-dashboard-page__title[data-v-4f9a30ca] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-42bc14a4] {
+.cn-dashboard-page__description[data-v-4f9a30ca] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -38519,19 +38831,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* 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-42bc14a4] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-4f9a30ca] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-42bc14a4] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-4f9a30ca] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-42bc14a4] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4f9a30ca] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-42bc14a4] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-4f9a30ca] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -38539,17 +38851,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* 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-42bc14a4] {
+.cn-dashboard-page__switch-row[data-v-4f9a30ca] {
 	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-42bc14a4] {
+.cn-dashboard-page__switch-row-spacer[data-v-4f9a30ca] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-42bc14a4] {
+.cn-dashboard-page__view-link[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38563,36 +38875,53 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-42bc14a4]:hover {
+.cn-dashboard-page__view-link[data-v-4f9a30ca]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-42bc14a4]:focus-visible {
+.cn-dashboard-page__view-link[data-v-4f9a30ca]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-42bc14a4] {
+.cn-dashboard-page__view-link-icon[data-v-4f9a30ca] {
 	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-42bc14a4] {
+.cn-dashboard-page__date-range--segmented[data-v-4f9a30ca] {
 	margin-bottom: 16px;
 }
-.cn-dashboard-page__date-segmented[data-v-42bc14a4] {
+
+/* The period group at the end of the description line. */
+.cn-dashboard-page__description--with-period[data-v-4f9a30ca] {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+.cn-dashboard-page__date-segmented[data-v-4f9a30ca] {
 	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-42bc14a4] {
+.cn-dashboard-page__kpi-row[data-v-4f9a30ca] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
-.cn-dashboard-page__kpi-cell[data-v-42bc14a4] {
+
+/* Board look: GridStack insets every card by the grid margin on each side, so
+   the cards started a margin to the right of the KPI row and the header. The
+   grid reaches out by that margin, so the card edges line up with the page's
+   (dashboard-grid-flush). */
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-dashboard-grid {
+	width: auto;
+	margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
+}
+.cn-dashboard-page__kpi-cell[data-v-4f9a30ca] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-42bc14a4] > * {
+.cn-dashboard-page__kpi-cell[data-v-4f9a30ca] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -38605,7 +38934,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    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-42bc14a4] {
+.cn-dashboard-page__header-actions[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -38621,19 +38950,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* 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-42bc14a4] {
+.cn-dashboard-page__date-range[data-v-4f9a30ca] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-42bc14a4] {
+.cn-dashboard-page__date-range--pills[data-v-4f9a30ca] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-42bc14a4] {
+.cn-dashboard-page__date-pills[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-42bc14a4] {
+.cn-dashboard-page__date-pill[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -38648,77 +38977,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-42bc14a4]:hover {
+.cn-dashboard-page__date-pill[data-v-4f9a30ca]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-42bc14a4]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-4f9a30ca]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-42bc14a4] {
+.cn-dashboard-page__date-pill--active[data-v-4f9a30ca] {
 	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-42bc14a4]:hover {
+.cn-dashboard-page__date-pill--active[data-v-4f9a30ca]: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-42bc14a4] {
+.cn-dashboard-page__date-pill--custom[data-v-4f9a30ca] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-4f9a30ca] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-4f9a30ca] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-4f9a30ca] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-4f9a30ca] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-42bc14a4] {
+.cn-dashboard-page__empty[data-v-4f9a30ca] {
 	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-42bc14a4] {
+.cn-dashboard-page__view-switch[data-v-4f9a30ca] {
 	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-42bc14a4] {
+.cn-page-view-region--empty[data-v-4f9a30ca] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-42bc14a4] {
+.cn-dashboard-page__page-filters[data-v-4f9a30ca] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-42bc14a4] {
+.cn-dashboard-page__page-filter[data-v-4f9a30ca] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-42bc14a4] {
+.cn-dashboard-page__page-filter-label[data-v-4f9a30ca] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-42bc14a4] {
+.cn-dashboard-page__widget-edit[data-v-4f9a30ca] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -38737,8 +39066,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    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-42bc14a4] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-42bc14a4] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-4f9a30ca] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-4f9a30ca] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38754,7 +39083,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    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-42bc14a4] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-4f9a30ca] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38764,13 +39093,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* 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-42bc14a4] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-4f9a30ca] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-4f9a30ca] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-4f9a30ca] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-42bc14a4] {
+.cn-dashboard-page__unknown[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -38781,29 +39110,43 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-42bc14a4] {
+.cn-dashboard-page__content[data-v-4f9a30ca] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-42bc14a4] {
+.cn-dashboard-page__content-item[data-v-4f9a30ca] {
 	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-42bc14a4] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-42bc14a4] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-42bc14a4] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-4f9a30ca] {
 		min-height: 44px;
 }
+
+	/* The widget Actions menu shows its icon only, so the card title keeps
+	   the room; the name stays for assistive tech. */
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .action-item__menutoggle {
+		min-width: 44px;
+}
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+		clip-path: inset(50%);
+		white-space: nowrap;
+}
 }
 
 /* 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-42bc14a4] {
+.cn-dashboard-page__widget-count[data-v-4f9a30ca] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -38812,13 +39155,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-42bc14a4] {
+.cn-dashboard-page__widget-note[data-v-4f9a30ca] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-42bc14a4] {
+.cn-dashboard-page__widget-action[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -38834,7 +39177,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-42bc14a4]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-4f9a30ca]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -40886,21 +41229,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-04e49f77] {
+.cn-settings-page__sections[data-v-50865bde] {
 	display: contents;
 }
-.cn-settings-page__header-buttons[data-v-04e49f77] {
+.cn-settings-page__header-buttons[data-v-50865bde] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	margin-inline-start: auto;
 }
-.cn-settings-page[data-v-04e49f77] {
+.cn-settings-page[data-v-50865bde] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-settings-page__actions[data-v-04e49f77] {
+.cn-settings-page__actions[data-v-50865bde] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -40911,7 +41254,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-04e49f77] {
+.cn-settings-page__tabs[data-v-50865bde] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
@@ -40919,7 +41262,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	padding-bottom: 0;
 	margin-bottom: 8px;
 }
-.cn-settings-page__tab[data-v-04e49f77] {
+.cn-settings-page__tab[data-v-50865bde] {
 	background: transparent;
 	border: 0;
 	border-bottom: 3px solid transparent;
@@ -40931,52 +41274,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-04e49f77]:hover,
-.cn-settings-page__tab[data-v-04e49f77]:focus-visible {
+.cn-settings-page__tab[data-v-50865bde]:hover,
+.cn-settings-page__tab[data-v-50865bde]:focus-visible {
 	background-color: var(--color-background-hover);
 	color: var(--color-main-text);
 	outline: none;
 }
-.cn-settings-page__tab--active[data-v-04e49f77] {
+.cn-settings-page__tab--active[data-v-50865bde] {
 	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-04e49f77] {
+.cn-settings-page__tabs[data-v-50865bde] {
 		flex-direction: column;
 		gap: 0;
 		border-bottom: 0;
 }
-.cn-settings-page__tab[data-v-04e49f77] {
+.cn-settings-page__tab[data-v-50865bde] {
 		border-bottom: 1px solid var(--color-border);
 		border-radius: 0;
 		text-align: left;
 }
-.cn-settings-page__tab--active[data-v-04e49f77] {
+.cn-settings-page__tab--active[data-v-50865bde] {
 		border-bottom-width: 1px;
 		background-color: var(--color-background-hover);
 }
 }
-.cn-settings-page__fields[data-v-04e49f77] {
+.cn-settings-page__fields[data-v-50865bde] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-settings-page__field[data-v-04e49f77] {
+.cn-settings-page__field[data-v-50865bde] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-settings-page__field-help[data-v-04e49f77] {
+.cn-settings-page__field-help[data-v-50865bde] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-settings-page__save-bar[data-v-04e49f77] {
+.cn-settings-page__save-bar[data-v-50865bde] {
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
 }
-.cn-settings-page__error[data-v-04e49f77] {
+.cn-settings-page__error[data-v-50865bde] {
 	color: var(--color-error);
 	background: var(--color-error-light, var(--color-background-hover));
 	padding: 8px 12px;
@@ -43241,23 +43584,23 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-notif-prefs__intro[data-v-2a94b3e4] {
+.cn-notif-prefs__intro[data-v-c746b496] {
 	margin-bottom: 12px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-notif-prefs__group[data-v-2a94b3e4] {
+.cn-notif-prefs__group[data-v-c746b496] {
 	margin-bottom: 20px;
 }
-.cn-notif-prefs__group-title[data-v-2a94b3e4] {
+.cn-notif-prefs__group-title[data-v-c746b496] {
 	margin: 8px 0 8px;
 	font-weight: bold;
 }
-.cn-notif-prefs__grid[data-v-2a94b3e4] {
+.cn-notif-prefs__grid[data-v-c746b496] {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
 	gap: 8px;
 }
-.cn-notif-prefs__card[data-v-2a94b3e4] {
+.cn-notif-prefs__card[data-v-c746b496] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
@@ -43384,6 +43727,80 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
+.cn-user-settings-dialog__body[data-v-8ebfd3c8] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0 24px;
+}
+.cn-user-settings-dialog__nav[data-v-8ebfd3c8] {
+	flex: 0 0 200px;
+	width: 200px;
+	padding-top: 18px;
+}
+.cn-user-settings-dialog__nav ul[data-v-8ebfd3c8] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-user-settings-dialog__nav-link[data-v-8ebfd3c8] {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	min-height: 40px;
+	padding: 0 12px;
+	border-radius: var(--border-radius-element, 8px);
+	font-size: 15px;
+	color: var(--color-main-text);
+	text-decoration: none;
+}
+.cn-user-settings-dialog__nav-link[data-v-8ebfd3c8]:hover {
+	background: var(--color-background-hover);
+}
+.cn-user-settings-dialog__nav-link[data-v-8ebfd3c8]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+.cn-user-settings-dialog__nav-link--active[data-v-8ebfd3c8],
+.cn-user-settings-dialog__nav-link--active[data-v-8ebfd3c8]:hover {
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	font-weight: 600;
+}
+.cn-user-settings-dialog__nav-icon[data-v-8ebfd3c8] {
+	display: inline-flex;
+	flex: none;
+	width: 18px;
+	height: 18px;
+	align-items: center;
+	justify-content: center;
+}
+.cn-user-settings-dialog__sections[data-v-8ebfd3c8] {
+	display: flex;
+	flex: 1 1 380px;
+	flex-direction: column;
+	min-width: 0;
+}
+.cn-user-settings-dialog__sections[data-v-8ebfd3c8] .app-settings-section {
+	margin: 0;
+	padding: 18px 0;
+	border-top: 1px solid var(--color-border);
+}
+.cn-user-settings-dialog__sections[data-v-8ebfd3c8] .app-settings-section__name {
+	margin: 0 0 12px;
+	font-size: 17px;
+	font-weight: 700;
+}
+.cn-user-settings-dialog__note[data-v-8ebfd3c8] {
+	flex: 1 1 auto;
+	margin: 0;
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+
+
 /* The environment banner runs along the top of the shell and cannot scroll away; the shell makes room for it. */
 .cn-app-root--with-environment {
 	position: relative;
@@ -43678,51 +44095,6 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-features-tab__grid[data-v-f4a6fe92] {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-	gap: 16px;
-}
-.cn-features-tab__card[data-v-f4a6fe92] {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	padding: 16px;
-	background: var(--color-main-background);
-	border: 1px solid var(--color-border);
-	border-radius: var(--border-radius-large, 12px);
-	transition: border-color 120ms ease, box-shadow 120ms ease;
-}
-.cn-features-tab__card[data-v-f4a6fe92]:hover {
-	border-color: var(--color-primary-element);
-	box-shadow: 0 2px 8px var(--color-box-shadow, rgba(0, 0, 0, 0.08));
-}
-.cn-features-tab__title[data-v-f4a6fe92] {
-	margin: 0;
-	font-size: 1.05em;
-	color: var(--color-main-text);
-}
-.cn-features-tab__summary[data-v-f4a6fe92] {
-	margin: 0;
-	color: var(--color-text-light);
-	font-size: 0.95em;
-	line-height: 1.4;
-	flex: 1;
-}
-.cn-features-tab__link[data-v-f4a6fe92] {
-	display: inline-flex;
-	align-items: center;
-	gap: 4px;
-	color: var(--color-primary-element);
-	text-decoration: none;
-	font-size: 0.9em;
-	margin-top: auto;
-}
-.cn-features-tab__link[data-v-f4a6fe92]:hover {
-	text-decoration: underline;
-}
-
-
 .cn-roadmap-item[data-v-f352eb12] {
 	display: flex;
 	flex-direction: column;
@@ -43823,34 +44195,442 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-roadmap-tab__grid[data-v-67050643] {
+.cn-roadmap-tab__grid[data-v-732ef80f] {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
 	gap: 16px;
 }
-.cn-roadmap-tab__card[data-v-67050643] {
+.cn-roadmap-tab__card[data-v-732ef80f] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large, 12px);
 	transition: border-color 120ms ease, box-shadow 120ms ease;
 }
-.cn-roadmap-tab__card[data-v-67050643]:hover {
+.cn-roadmap-tab__card[data-v-732ef80f]:hover {
 	border-color: var(--color-primary-element);
 	box-shadow: 0 2px 8px var(--color-box-shadow, rgba(0, 0, 0, 0.08));
 }
-.cn-roadmap-tab__loading[data-v-67050643] {
+.cn-roadmap-tab__loading[data-v-732ef80f] {
 	display: flex;
 	justify-content: center;
 	padding: 32px;
 }
 
 
-.cn-features-and-roadmap-view[data-v-191ea8ba] {
+.cn-features-board[data-v-f306c9ee] {
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	gap: var(--cn-board-section-gap, 20px);
+	padding: var(--cn-board-content-padding, 24px 28px);
+	max-width: 1240px;
+	width: 100%;
+}
+.cn-features-board__header[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 4px 0 8px;
+}
+.cn-features-board__title-row[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: flex-start;
+	gap: 12px 24px;
+}
+.cn-features-board__title[data-v-f306c9ee] {
+	flex: 1 1 320px;
+	min-width: 0;
+	margin: 0;
+	font-size: 28px;
+	font-weight: 700;
+	line-height: 1.2;
+}
+.cn-features-board__header-actions[data-v-f306c9ee] {
+	flex: none;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px;
+}
+.cn-features-board__subtitle[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 15px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__tab-row[data-v-f306c9ee] {
+	display: flex;
+	align-items: flex-end;
+	gap: 8px;
+	margin-bottom: calc(-1 * var(--cn-board-section-gap, 20px));
+}
+.cn-features-board__tabs[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4px;
+	flex: 1 1 auto;
+	min-width: 0;
+}
+.cn-features-board__tab[data-v-f306c9ee] {
+	display: inline-flex;
+	align-items: center;
+	box-sizing: border-box;
+	min-height: 34px;
+	margin: 0 0 -1px;
+	padding: 8px 12px;
+	border: 1px solid var(--cn-board-hairline, var(--color-border));
+	border-bottom: none;
+	border-radius: 8px 8px 0 0;
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 400;
+	cursor: pointer;
+	white-space: nowrap;
+}
+.cn-features-board__tab--active[data-v-f306c9ee] {
+	position: relative;
+	background: var(--color-main-background);
+	border-bottom: 1px solid var(--color-main-background);
+	font-weight: 700;
+}
+.cn-features-board__tab-actions[data-v-f306c9ee] {
+	flex: none;
+	align-self: flex-start;
+	margin: 0 8px 8px 0;
+}
+.cn-features-board__panel[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 22px;
+}
+.cn-features-board__panel--tabbed[data-v-f306c9ee] {
+	padding: 22px;
+	border: 1px solid var(--color-border);
+	border-radius: 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+.cn-features-board__filter[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
+}
+.cn-features-board__filter-option[data-v-f306c9ee] {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	margin: 0;
+	font-size: 14px;
+	font-weight: 600;
+	cursor: pointer;
+}
+.cn-features-board__filter--chips .cn-features-board__filter-option[data-v-f306c9ee] {
+	height: 36px;
+	padding: 0 14px;
+	border: 1px solid var(--color-border-dark);
+	border-radius: 18px;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+.cn-features-board__filter--chips .cn-features-board__filter-option--active[data-v-f306c9ee] {
+	border-color: var(--color-main-text);
+	background: var(--color-main-text);
+	color: var(--color-main-background);
+}
+.cn-features-board__filter-count[data-v-f306c9ee] {
+	font-weight: 400;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__filter--chips .cn-features-board__filter-option--active .cn-features-board__filter-count[data-v-f306c9ee] {
+	color: var(--color-border-dark);
+}
+.cn-features-board__filter--segmented[data-v-f306c9ee] {
+	display: inline-flex;
+	align-self: flex-start;
+	gap: 2px;
+	padding: 3px;
+	border-radius: 8px;
+	background: var(--color-background-dark);
+}
+.cn-features-board__filter--segmented .cn-features-board__filter-option[data-v-f306c9ee] {
+	height: 34px;
+	padding: 0 14px;
+	border: 0;
+	border-radius: 6px;
+	background: transparent;
+	color: var(--color-main-text);
+}
+.cn-features-board__filter--segmented .cn-features-board__filter-option--active[data-v-f306c9ee] {
+	background: var(--color-main-background);
+	box-shadow: 0 1px 2px rgba(27, 28, 29, 0.12);
+}
+.cn-features-board__body[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	gap: 24px;
+}
+.cn-features-board__groups[data-v-f306c9ee] {
+	flex: 999 1 520px;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 26px;
+}
+.cn-features-board__groups--rows[data-v-f306c9ee] {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+	gap: 20px;
+}
+.cn-features-board__group[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	max-width: none;
+	margin: 0;
+}
+.cn-features-board__groups--rows .cn-features-board__group[data-v-f306c9ee] {
+	padding: var(--cn-board-card-padding, 20px 22px);
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+.cn-features-board__group-head[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: baseline;
+	gap: 10px;
+}
+.cn-features-board__group-title[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 18px;
+	font-weight: 700;
+}
+.cn-features-board__groups--rows .cn-features-board__group-title[data-v-f306c9ee] {
+	font-size: 17px;
+}
+.cn-features-board__group-caption[data-v-f306c9ee] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__cards[data-v-f306c9ee] {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+	gap: 16px;
+}
+.cn-features-board__card[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	padding: 18px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+.cn-features-board__card-head[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 4px;
+}
+.cn-features-board__card-title[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 17px;
+	font-weight: 700;
+	line-height: 1.3;
+}
+.cn-features-board__card-summary[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 14px;
+	color: var(--color-main-text);
+}
+.cn-features-board__card-footer[data-v-f306c9ee] {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	min-height: 34px;
+	margin-top: auto;
+	padding-top: 10px;
+	border-top: 1px solid var(--color-background-dark);
+}
+.cn-features-board__read-more[data-v-f306c9ee] {
+	display: inline-flex;
+	align-items: center;
+	height: 34px;
+	padding: 0 12px;
+	border: 1px solid var(--color-border-dark);
+	border-radius: 8px;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+	text-decoration: none;
+}
+.cn-features-board__rows[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-features-board__row[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 16px;
+	padding: 10px 0;
+	border-top: 1px solid var(--color-background-dark);
+}
+.cn-features-board__row-text[data-v-f306c9ee] {
+	flex: 1 1 240px;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+.cn-features-board__row-title[data-v-f306c9ee] {
+	font-size: 15px;
+	font-weight: 500;
+}
+.cn-features-board__row-summary[data-v-f306c9ee] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__next[data-v-f306c9ee] {
+	flex: 1 1 280px;
+	min-width: 0;
+	max-width: 340px;
+}
+.cn-features-board__next-card[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 18px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-background-hover);
+}
+.cn-features-board__next-head[data-v-f306c9ee] {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.cn-features-board__next-title[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 18px;
+	font-weight: 700;
+}
+.cn-features-board__next-lead[data-v-f306c9ee] {
+	margin: 0;
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__next-list[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-features-board__next-item[data-v-f306c9ee] {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 12px 14px;
+	border: 1px solid var(--color-border);
+	border-radius: 10px;
+	background: var(--color-main-background);
+}
+.cn-features-board__next-link[data-v-f306c9ee] {
+	font-size: 15px;
+	font-weight: 600;
+	line-height: 1.3;
+	color: var(--color-main-text);
+	text-decoration: none;
+}
+.cn-features-board__next-meta[data-v-f306c9ee] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__next-opened[data-v-f306c9ee] {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+}
+.cn-features-board__next-more[data-v-f306c9ee] {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	font-size: 14px;
+	font-weight: 600;
+}
+.cn-features-board__empty[data-v-f306c9ee] {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+}
+.cn-features-board__notice[data-v-f306c9ee] {
+	margin: 0;
+}
+
+
+.cn-features-tab__grid[data-v-f4a6fe92] {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+	gap: 16px;
+}
+.cn-features-tab__card[data-v-f4a6fe92] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding: 16px;
+	background: var(--color-main-background);
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large, 12px);
+	transition: border-color 120ms ease, box-shadow 120ms ease;
+}
+.cn-features-tab__card[data-v-f4a6fe92]:hover {
+	border-color: var(--color-primary-element);
+	box-shadow: 0 2px 8px var(--color-box-shadow, rgba(0, 0, 0, 0.08));
+}
+.cn-features-tab__title[data-v-f4a6fe92] {
+	margin: 0;
+	font-size: 1.05em;
+	color: var(--color-main-text);
+}
+.cn-features-tab__summary[data-v-f4a6fe92] {
+	margin: 0;
+	color: var(--color-text-light);
+	font-size: 0.95em;
+	line-height: 1.4;
+	flex: 1;
+}
+.cn-features-tab__link[data-v-f4a6fe92] {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	color: var(--color-primary-element);
+	text-decoration: none;
+	font-size: 0.9em;
+	margin-top: auto;
+}
+.cn-features-tab__link[data-v-f4a6fe92]:hover {
+	text-decoration: underline;
+}
+
+
+.cn-features-and-roadmap-view[data-v-f19c0cb4] {
 	max-width: 1200px;
 	margin: 0 auto;
 	padding: 24px 16px;
 }
-.cn-features-and-roadmap-view__header[data-v-191ea8ba] {
+.cn-features-and-roadmap-view__header[data-v-f19c0cb4] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -43862,29 +44642,29 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	   room. Only the HEADER shifts right — the panel below keeps full width. */
 	padding-inline-start: 56px;
 }
-.cn-features-and-roadmap-view__title[data-v-191ea8ba] {
+.cn-features-and-roadmap-view__title[data-v-f19c0cb4] {
 	font-size: 1.4em;
 	margin: 0;
 	color: var(--color-main-text);
 }
-.cn-features-and-roadmap-view__actions[data-v-191ea8ba] {
+.cn-features-and-roadmap-view__actions[data-v-f19c0cb4] {
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	flex-wrap: wrap;
 }
-.cn-features-and-roadmap-view__panel[data-v-191ea8ba] {
+.cn-features-and-roadmap-view__panel[data-v-f19c0cb4] {
 	min-height: 320px;
 }
 
 /* Underline the inline docs URL so it reads as a link inside the note
    body — NcNoteCard's default link styling drops the underline by
    inheriting from the host theme. */
-.cn-features-and-roadmap-view__docs-note[data-v-191ea8ba] a {
+.cn-features-and-roadmap-view__docs-note[data-v-f19c0cb4] a {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-features-and-roadmap-view__docs-note[data-v-191ea8ba] a:hover {
+.cn-features-and-roadmap-view__docs-note[data-v-f19c0cb4] a:hover {
 	text-decoration: underline;
 	opacity: 0.85;
 }