@conduction/nextcloud-vue 2.93.0 → 2.95.0

package/dist/esm/nextcloud-vue.css

@@ -691,6 +691,33 @@
 	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;
@@ -1203,6 +1230,20 @@
 		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).
  *
@@ -2255,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;
 }
@@ -2316,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
@@ -2521,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);
@@ -2802,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
    ======================================== */
@@ -5017,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 {
@@ -9495,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;
 }
@@ -21164,7 +21291,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-widget-wrapper[data-v-8ce3140c] {
+.cn-widget-wrapper[data-v-cc60e4c8] {
 	position: relative;
 	height: 100%;
 	display: flex;
@@ -21178,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-8ce3140c] {
+.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-8ce3140c] {
+.cn-widget-wrapper__content[data-v-cc60e4c8] {
 	flex: 1;
 	overflow: auto;
 	min-height: 0;
@@ -21200,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-8ce3140c]:has(> .cn-table-container),
-.cn-widget-wrapper__content[data-v-8ce3140c]: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-8ce3140c]: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-8ce3140c] {
+.cn-widget-wrapper--borderless[data-v-cc60e4c8] {
 	border: none;
 	background: transparent;
 }
-.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-8ce3140c] {
+.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0;
 }
-.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-8ce3140c] {
+.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0;
 }
 
@@ -21225,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-8ce3140c]:has(> .cn-form-widget),
-.cn-widget-wrapper--flush:not(.cn-widget-wrapper--borderless, .cn-widget-wrapper--nc-dashboard) > .cn-widget-wrapper__content[data-v-8ce3140c]: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;
 }
 
@@ -21237,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-8ce3140c] {
+.cn-widget-wrapper--chromeless[data-v-cc60e4c8] {
 	border-radius: 0;
 }
 
@@ -21249,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-8ce3140c] {
+.cn-widget-wrapper__header[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -21265,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-8ce3140c] {
+.cn-widget-wrapper__header--actions-only[data-v-cc60e4c8] {
 	justify-content: flex-end;
 }
 
@@ -21281,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-8ce3140c] {
+.cn-widget-wrapper--chromeless .cn-widget-wrapper__header[data-v-cc60e4c8] {
 	border-bottom: none;
 	padding-inline: 0;
 }
-.cn-widget-wrapper__header-left[data-v-8ce3140c] {
+.cn-widget-wrapper__header-left[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -21294,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-8ce3140c] {
+.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-8ce3140c] {
+.cn-widget-wrapper__title-stack[data-v-cc60e4c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-widget-wrapper__eyebrow[data-v-8ce3140c] {
+.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);
@@ -21314,7 +21446,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-widget-wrapper__title[data-v-8ce3140c] {
+.cn-widget-wrapper__title[data-v-cc60e4c8] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -21322,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-8ce3140c] {
+.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-8ce3140c] {
+.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-8ce3140c] {
+.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-8ce3140c] {
+.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-8ce3140c] {
+.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-8ce3140c] {
+.cn-widget-wrapper--nc-dashboard .cn-widget-wrapper__content[data-v-cc60e4c8] {
 	padding: 0 16px 16px;
 }
-.cn-widget-wrapper__title-meta[data-v-8ce3140c] {
+.cn-widget-wrapper__title-meta[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	gap: 4px;
@@ -21358,7 +21490,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	white-space: nowrap;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__actions[data-v-8ce3140c] {
+.cn-widget-wrapper__actions[data-v-cc60e4c8] {
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
@@ -21366,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-8ce3140c] {
+.cn-widget-wrapper__header-link[data-v-cc60e4c8] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -21375,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-8ce3140c]:hover,
-.cn-widget-wrapper__header-link[data-v-8ce3140c]: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-8ce3140c]: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);
@@ -21390,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-8ce3140c] {
+.cn-widget-wrapper__title-icon[data-v-cc60e4c8] {
 	display: flex;
 	align-items: center;
 	flex-shrink: 0;
@@ -21410,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-8ce3140c]: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-8ce3140c] svg {
+.cn-widget-wrapper__title-icon[data-v-cc60e4c8] svg {
 	fill: currentcolor;
 }
-.cn-widget-wrapper__footer[data-v-8ce3140c] {
+.cn-widget-wrapper__footer[data-v-cc60e4c8] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -21428,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-8ce3140c] {
+.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-8ce3140c]:hover {
+.cn-widget-wrapper__footer-link[data-v-cc60e4c8]:hover {
 	text-decoration: underline;
 }
 
@@ -25049,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;
@@ -25229,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;
@@ -25239,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
@@ -25261,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;
 }
 }
@@ -25276,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;
@@ -25286,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;
@@ -25322,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);
@@ -25348,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;
@@ -25381,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
@@ -25416,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);
 }
@@ -25446,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);
@@ -25456,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;
@@ -25467,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);
@@ -25504,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;
@@ -25520,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;
@@ -25556,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;
 }
 }
@@ -25602,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;
@@ -25626,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;
@@ -25644,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
@@ -25666,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
@@ -25686,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%;
 }
 
@@ -25694,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);
@@ -25709,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;
 }
 
@@ -29624,13 +29769,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-e1992d24] {
+.cn-facts-widget[data-v-c2fcc10e] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-e1992d24] {
+.cn-facts-widget__rows[data-v-c2fcc10e] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -29639,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-e1992d24] {
+.cn-facts-widget__row[data-v-c2fcc10e] {
 	display: contents;
 }
 
@@ -29647,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-e1992d24] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-c2fcc10e] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-e1992d24] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-c2fcc10e] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -29661,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-e1992d24] {
+.cn-facts-widget__title[data-v-c2fcc10e] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-e1992d24] {
+.cn-facts-widget__line[data-v-c2fcc10e] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-e1992d24] {
+.cn-facts-widget__muted[data-v-c2fcc10e] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-e1992d24] {
+.cn-facts-widget__label .hidden-visually[data-v-c2fcc10e] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -29682,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-e1992d24] {
+.cn-facts-widget__label--icon[data-v-c2fcc10e] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-e1992d24] {
+.cn-facts-widget__value-link[data-v-c2fcc10e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-e1992d24],
-.cn-facts-widget__icon-button[data-v-e1992d24],
-.cn-facts-widget__action[data-v-e1992d24] {
+.cn-facts-widget__inline-button[data-v-c2fcc10e],
+.cn-facts-widget__icon-button[data-v-c2fcc10e],
+.cn-facts-widget__action[data-v-c2fcc10e] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-e1992d24] {
+.cn-facts-widget__inline-button[data-v-c2fcc10e] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -29709,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-e1992d24] {
+.cn-facts-widget__icon-button[data-v-c2fcc10e] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -29718,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-e1992d24]:hover,
-.cn-facts-widget__icon-button[data-v-e1992d24]:focus-visible {
+.cn-facts-widget__icon-button[data-v-c2fcc10e]:hover,
+.cn-facts-widget__icon-button[data-v-c2fcc10e]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-e1992d24] {
+.cn-facts-widget__text[data-v-c2fcc10e] {
 	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-e1992d24] {
+.cn-facts-widget__lead[data-v-c2fcc10e] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-e1992d24] {
+.cn-facts-widget__lead-tile[data-v-c2fcc10e] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -29747,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-e1992d24] {
+.cn-facts-widget__lead-tile--success[data-v-c2fcc10e] {
 	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-e1992d24] {
+.cn-facts-widget__lead-tile--info[data-v-c2fcc10e] {
 	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-e1992d24] {
+.cn-facts-widget__lead-text[data-v-c2fcc10e] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-e1992d24] {
+.cn-facts-widget__lead-title[data-v-c2fcc10e] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-e1992d24] {
+.cn-facts-widget__lead-subtitle[data-v-c2fcc10e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-e1992d24] {
+.cn-facts-widget__action[data-v-c2fcc10e] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29781,17 +29926,107 @@ 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-e1992d24]:hover,
-.cn-facts-widget__action[data-v-e1992d24]:focus-visible {
+.cn-facts-widget__action[data-v-c2fcc10e]:hover,
+.cn-facts-widget__action[data-v-c2fcc10e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-e1992d24] {
+.cn-facts-widget__link[data-v-c2fcc10e] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
 
+/* `columns: 2` (board DqContact): two columns, the label above the value, a
+   hairline under each fact; one column on a phone. */
+.cn-facts-widget__rows--columns[data-v-c2fcc10e] {
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 14px 24px;
+	font-size: 15px;
+}
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-c2fcc10e] {
+	display: flex;
+	flex-direction: column;
+	gap: 3px;
+	min-width: 0;
+	padding-bottom: 10px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-c2fcc10e] {
+	font-size: 13px;
+}
+@media (max-width: 640px) {
+.cn-facts-widget__rows--columns[data-v-c2fcc10e] {
+		grid-template-columns: minmax(0, 1fr);
+}
+}
+
+
+.cn-device-frames-widget[data-v-05f76090] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	gap: 20px;
+}
+.cn-device-frames-widget__frame[data-v-05f76090] {
+	display: flex;
+	flex: none;
+	flex-direction: column;
+	width: var(--cn-device-frame-width, 350px);
+	max-width: 100%;
+	min-height: 600px;
+	box-sizing: border-box;
+	overflow: hidden;
+	border: 10px solid var(--color-main-text);
+	border-radius: 36px;
+	background: var(--color-background-hover);
+}
+.cn-device-frames-widget__head[data-v-05f76090] {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 14px 18px 10px;
+	border-bottom: 1px solid var(--color-border);
+	background: var(--color-main-background);
+}
+.cn-device-frames-widget__status[data-v-05f76090] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	font-size: 13px;
+	font-weight: 600;
+}
+.cn-device-frames-widget__status--warning[data-v-05f76090] {
+	color: var(--color-warning-text, var(--color-main-text));
+}
+.cn-device-frames-widget__status--success[data-v-05f76090] {
+	color: var(--color-success-text, var(--color-main-text));
+}
+.cn-device-frames-widget__status--info[data-v-05f76090] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-device-frames-widget__title[data-v-05f76090] {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 700;
+}
+.cn-device-frames-widget__body[data-v-05f76090] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 14px;
+}
+
+/* On a phone the frame is the screen: no bezel, the full width. */
+@media (max-width: 640px) {
+.cn-device-frames-widget__frame[data-v-05f76090] {
+		width: 100%;
+		min-height: 0;
+		border-width: 0;
+		border-radius: var(--cn-board-card-radius, 12px);
+}
+}
+
 
 .cn-field-list-widget[data-v-643f1dd6] {
 	display: flex;
@@ -30411,27 +30646,43 @@ 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-b768fcd6] {
 	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-b768fcd6],
+.cn-record-list__error[data-v-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-d793cb0e] {
+.cn-record-list__loading[data-v-b768fcd6] {
 	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-b768fcd6] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__row[data-v-d793cb0e] {
+.cn-record-list__bar[data-v-b768fcd6] {
+	background: var(--color-border);
+	border-radius: 3px;
+	display: block;
+	height: 6px;
+	margin: -6px 0 12px;
+	overflow: hidden;
+}
+.cn-record-list__bar-fill[data-v-b768fcd6] {
+	background: var(--color-primary-element);
+	display: block;
+	height: 100%;
+}
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-b768fcd6] {
+	background: var(--color-error);
+}
+.cn-record-list__row[data-v-b768fcd6] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -30439,11 +30690,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-b768fcd6],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-d793cb0e] {
+.cn-record-list__avatar[data-v-b768fcd6] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -30456,67 +30707,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-b768fcd6] {
 	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-b768fcd6] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-d793cb0e] {
+.cn-record-list__meta[data-v-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-d793cb0e] {
+.cn-record-list__aside[data-v-b768fcd6] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-d793cb0e] {
+.cn-record-list__trailing[data-v-b768fcd6] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-d793cb0e] {
+.cn-record-list__due[data-v-b768fcd6] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-d793cb0e] {
+.cn-record-list__due--danger[data-v-b768fcd6] {
 	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-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-d793cb0e] {
+.cn-record-list__row--action[data-v-b768fcd6] {
 	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-b768fcd6] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-d793cb0e] {
+.cn-record-list__title--link[data-v-b768fcd6] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-d793cb0e] {
+.cn-record-list__pills[data-v-b768fcd6] {
 	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-b768fcd6] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-d793cb0e] {
+.cn-record-list__action[data-v-b768fcd6] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30533,23 +30784,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-b768fcd6]:hover,
+.cn-record-list__action[data-v-b768fcd6]: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-b768fcd6] {
 	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-b768fcd6] {
 	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-b768fcd6] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -30561,51 +30812,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-b768fcd6]:hover,
+.cn-record-list__card--link[data-v-b768fcd6]: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-b768fcd6],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-d793cb0e] {
+.cn-record-list__card-head[data-v-b768fcd6] {
 	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-b768fcd6] {
 	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-b768fcd6] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-d793cb0e] {
+.cn-record-list__card-pills[data-v-b768fcd6] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-d793cb0e] {
+.cn-record-list__card-value[data-v-b768fcd6] {
 	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-b768fcd6] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-d793cb0e] {
+.cn-record-list__feed-row[data-v-b768fcd6] {
 	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-b768fcd6] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -30616,25 +30867,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-b768fcd6] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-d793cb0e] {
+.cn-record-list--feed .cn-record-list__main[data-v-b768fcd6] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-d793cb0e] {
+.cn-record-list__inline-row[data-v-b768fcd6] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-d793cb0e] {
+.cn-record-list__label[data-v-b768fcd6] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-d793cb0e] {
+.cn-record-list__inline-title[data-v-b768fcd6] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-d793cb0e] {
+a.cn-record-list__inline-title[data-v-b768fcd6] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -31581,40 +31832,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);
@@ -31622,28 +31873,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;
 }
 }
@@ -34989,28 +35240,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);
 }
 
@@ -37837,30 +38088,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-register-mapping__group[data-v-8d3cad98] {
+.cn-register-mapping__group[data-v-750be28c] {
 	margin-bottom: 24px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__group[data-v-8d3cad98]:last-child {
+.cn-register-mapping__group[data-v-750be28c]:last-child {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-header[data-v-8d3cad98] {
+.cn-register-mapping__group-header[data-v-750be28c] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-bottom: 12px;
 }
-.cn-register-mapping__group-heading[data-v-8d3cad98] {
+.cn-register-mapping__group-heading[data-v-750be28c] {
 	margin: 0 0 12px;
 	font: inherit;
 }
-.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-8d3cad98] {
+.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-750be28c] {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-toggle[data-v-8d3cad98] {
+.cn-register-mapping__group-toggle[data-v-750be28c] {
 	box-sizing: border-box;
 	display: flex;
 	align-items: center;
@@ -37876,49 +38127,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	text-align: start;
 	cursor: pointer;
 }
-.cn-register-mapping__group-toggle[data-v-8d3cad98]:focus-visible {
+.cn-register-mapping__group-toggle[data-v-750be28c]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius);
 }
-.cn-register-mapping__group-chevron[data-v-8d3cad98] {
+.cn-register-mapping__group-chevron[data-v-750be28c] {
 	display: inline-flex;
 	flex: none;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-8d3cad98] {
+.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-750be28c] {
 	flex: 1 1 auto;
 	flex-wrap: wrap;
 	gap: 4px 12px;
 	min-width: 0;
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-title[data-v-8d3cad98] {
+.cn-register-mapping__group-title[data-v-750be28c] {
 	font-size: 16px;
 	font-weight: 600;
 	margin: 0;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__group-status[data-v-8d3cad98] {
+.cn-register-mapping__group-status[data-v-750be28c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-description[data-v-8d3cad98] {
+.cn-register-mapping__group-description[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 12px 0;
 }
-.cn-register-mapping__register-select[data-v-8d3cad98] {
+.cn-register-mapping__register-select[data-v-750be28c] {
 	margin-bottom: 16px;
 	max-width: 400px;
 }
-.cn-register-mapping__type-list[data-v-8d3cad98] {
+.cn-register-mapping__type-list[data-v-750be28c] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	overflow: hidden;
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-list-header[data-v-8d3cad98] {
+.cn-register-mapping__type-list-header[data-v-750be28c] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -37931,7 +38182,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row[data-v-8d3cad98] {
+.cn-register-mapping__type-row[data-v-750be28c] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -37940,61 +38191,195 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 0.15s ease;
 }
-.cn-register-mapping__type-row[data-v-8d3cad98]:hover {
+.cn-register-mapping__type-row[data-v-750be28c]:hover {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row--expanded[data-v-8d3cad98] {
+.cn-register-mapping__type-row--expanded[data-v-750be28c] {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-name[data-v-8d3cad98] {
+.cn-register-mapping__type-name[data-v-750be28c] {
 	font-weight: 500;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__type-schema[data-v-8d3cad98] {
+.cn-register-mapping__type-schema[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-register-mapping__type-status[data-v-8d3cad98] {
+.cn-register-mapping__type-status[data-v-750be28c] {
 	display: flex;
 	justify-content: center;
 }
-.cn-register-mapping__type-chevron[data-v-8d3cad98] {
+.cn-register-mapping__type-chevron[data-v-750be28c] {
 	display: flex;
 	justify-content: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__status-dot[data-v-8d3cad98] {
+.cn-register-mapping__status-dot[data-v-750be28c] {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	border-radius: 50%;
 }
-.cn-register-mapping__status-dot--configured[data-v-8d3cad98] {
+.cn-register-mapping__status-dot--configured[data-v-750be28c] {
 	background-color: var(--color-success);
 }
-.cn-register-mapping__status-dot--unconfigured[data-v-8d3cad98] {
+.cn-register-mapping__status-dot--unconfigured[data-v-750be28c] {
 	background-color: var(--color-warning);
 }
-.cn-register-mapping__type-detail[data-v-8d3cad98] {
+.cn-register-mapping__type-detail[data-v-750be28c] {
 	padding: 12px 16px 16px;
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-description[data-v-8d3cad98] {
+.cn-register-mapping__type-description[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 8px 0;
 }
 
+/* Board look (PqBeheer): one open group, compact rows for the others. */
+.cn-register-mapping--board[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+}
+.cn-register-mapping__board-group[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	padding: 14px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large);
+}
+.cn-register-mapping__board-head[data-v-750be28c] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: 10px 16px;
+}
+.cn-register-mapping__board-title[data-v-750be28c] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 700;
+}
+.cn-register-mapping__board-select[data-v-750be28c] {
+	max-width: 400px;
+	margin-bottom: 0;
+}
+.cn-register-mapping__board-table[data-v-750be28c] {
+	width: 100%;
+	border-collapse: collapse;
+}
+.cn-register-mapping__board-table th[data-v-750be28c] {
+	padding: 8px 12px 8px 0;
+	border-bottom: 1px solid var(--color-border);
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--color-text-maxcontrast);
+	text-align: start;
+	white-space: nowrap;
+}
+.cn-register-mapping__board-table td[data-v-750be28c] {
+	padding: 10px 12px 10px 0;
+	border-bottom: 1px solid var(--color-border);
+	font-size: 14px;
+	vertical-align: middle;
+}
+.cn-register-mapping__board-schema[data-v-750be28c] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	min-height: 32px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__board-schema[data-v-750be28c]:hover {
+	text-decoration: underline;
+}
+.cn-register-mapping__board-schema[data-v-750be28c]:focus-visible,
+.cn-register-mapping__board-link[data-v-750be28c]:focus-visible,
+.cn-register-mapping__board-group-row[data-v-750be28c]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius);
+}
+.cn-register-mapping__board-check[data-v-750be28c] {
+	color: var(--color-success-text, var(--color-success));
+}
+.cn-register-mapping__board-more[data-v-750be28c] {
+	margin: 0;
+	font-size: 13px;
+	line-height: 1.4;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__board-link[data-v-750be28c] {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: var(--color-primary-element);
+	font: inherit;
+	text-decoration: underline;
+	cursor: pointer;
+}
+.cn-register-mapping__board-groups[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-register-mapping__board-group-row[data-v-750be28c] {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	width: 100%;
+	min-height: 44px;
+	margin: 0;
+	padding: 10px 2px;
+	border: 0;
+	border-bottom: 1px solid var(--color-border);
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	font-size: 14px;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__board-group-row[data-v-750be28c]:hover {
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__board-chevron[data-v-750be28c],
+.cn-register-mapping__board-group-count[data-v-750be28c] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__board-group-name[data-v-750be28c] {
+	flex: 1;
+}
+.cn-register-mapping__board-save[data-v-750be28c] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: flex-end;
+	gap: 10px;
+}
+
 /* Slide transition */
-.slide-enter-active[data-v-8d3cad98],
-.slide-leave-active[data-v-8d3cad98] {
+.slide-enter-active[data-v-750be28c],
+.slide-leave-active[data-v-750be28c] {
 	transition: all 0.2s ease;
 	max-height: 200px;
 	overflow: hidden;
 }
-.slide-enter[data-v-8d3cad98],
-.slide-leave-to[data-v-8d3cad98] {
+.slide-enter[data-v-750be28c],
+.slide-leave-to[data-v-750be28c] {
 	max-height: 0;
 	padding-top: 0;
 	padding-bottom: 0;
@@ -38002,20 +38387,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* Last row in list should not have bottom border */
-.cn-register-mapping__type-list[data-v-8d3cad98] > :last-child {
+.cn-register-mapping__type-list[data-v-750be28c] > :last-child {
 	border-bottom: none;
 }
 @media (max-width: 768px) {
-.cn-register-mapping__type-list-header[data-v-8d3cad98] {
+.cn-register-mapping__type-list-header[data-v-750be28c] {
 		display: none;
 }
-.cn-register-mapping__type-row[data-v-8d3cad98] {
+.cn-register-mapping__type-row[data-v-750be28c] {
 		grid-template-columns: 1fr auto 32px;
 }
-.cn-register-mapping__type-schema[data-v-8d3cad98] {
+.cn-register-mapping__type-schema[data-v-750be28c] {
 		display: none;
 }
-.cn-register-mapping__register-select[data-v-8d3cad98] {
+.cn-register-mapping__register-select[data-v-750be28c] {
 		max-width: none;
 }
 }
@@ -38205,19 +38590,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;
@@ -38651,7 +39023,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-582eaf2c] {
+.cn-dashboard-page[data-v-4f9a30ca] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -38665,7 +39037,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-582eaf2c] {
+.cn-dashboard-page__header[data-v-4f9a30ca] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -38677,21 +39049,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-582eaf2c] {
+.cn-dashboard-page__header-left[data-v-4f9a30ca] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-582eaf2c] {
+.cn-dashboard-page__title-row[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-582eaf2c] {
+.cn-dashboard-page__title[data-v-4f9a30ca] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-582eaf2c] {
+.cn-dashboard-page__description[data-v-4f9a30ca] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -38699,19 +39071,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-582eaf2c] {
+.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-582eaf2c] {
+.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-582eaf2c] {
+.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-582eaf2c] .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);
 }
@@ -38719,17 +39091,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-582eaf2c] {
+.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-582eaf2c] {
+.cn-dashboard-page__switch-row-spacer[data-v-4f9a30ca] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-582eaf2c] {
+.cn-dashboard-page__view-link[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38743,29 +39115,37 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-582eaf2c]: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-582eaf2c]: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-582eaf2c] {
+.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-582eaf2c] {
+.cn-dashboard-page__date-range--segmented[data-v-4f9a30ca] {
 	margin-bottom: 16px;
 }
-.cn-dashboard-page__date-segmented[data-v-582eaf2c] {
+
+/* 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-582eaf2c] {
+.cn-dashboard-page__kpi-row[data-v-4f9a30ca] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
 
@@ -38773,15 +39153,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    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-582eaf2c] .cn-dashboard-grid {
+.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-582eaf2c] {
+.cn-dashboard-page__kpi-cell[data-v-4f9a30ca] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-582eaf2c] > * {
+.cn-dashboard-page__kpi-cell[data-v-4f9a30ca] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -38794,7 +39174,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-582eaf2c] {
+.cn-dashboard-page__header-actions[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -38810,19 +39190,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-582eaf2c] {
+.cn-dashboard-page__date-range[data-v-4f9a30ca] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-582eaf2c] {
+.cn-dashboard-page__date-range--pills[data-v-4f9a30ca] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-582eaf2c] {
+.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-582eaf2c] {
+.cn-dashboard-page__date-pill[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -38837,77 +39217,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-582eaf2c]:hover {
+.cn-dashboard-page__date-pill[data-v-4f9a30ca]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-582eaf2c]: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-582eaf2c] {
+.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-582eaf2c]: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-582eaf2c] {
+.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-582eaf2c] .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-582eaf2c] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-582eaf2c] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-582eaf2c] .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-582eaf2c] {
+.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-582eaf2c] {
+.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-582eaf2c] {
+.cn-page-view-region--empty[data-v-4f9a30ca] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-582eaf2c] {
+.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-582eaf2c] {
+.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-582eaf2c] {
+.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-582eaf2c] {
+.cn-dashboard-page__widget-edit[data-v-4f9a30ca] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -38926,8 +39306,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-582eaf2c] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-582eaf2c] .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;
@@ -38943,7 +39323,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-582eaf2c] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-4f9a30ca] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38953,13 +39333,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-582eaf2c] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-582eaf2c] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-582eaf2c] .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-582eaf2c] {
+.cn-dashboard-page__unknown[data-v-4f9a30ca] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -38970,31 +39350,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-582eaf2c] {
+.cn-dashboard-page__content[data-v-4f9a30ca] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-582eaf2c] {
+.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-582eaf2c] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-582eaf2c] .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-582eaf2c] {
+.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-582eaf2c] .cn-widget-wrapper__actions .action-item__menutoggle {
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .action-item__menutoggle {
 		min-width: 44px;
 }
-.cn-dashboard-page--board[data-v-582eaf2c] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
+.cn-dashboard-page--board[data-v-4f9a30ca] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
 		position: absolute;
 		width: 1px;
 		height: 1px;
@@ -39006,7 +39386,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* 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-582eaf2c] {
+.cn-dashboard-page__widget-count[data-v-4f9a30ca] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -39015,13 +39395,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-582eaf2c] {
+.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-582eaf2c] {
+.cn-dashboard-page__widget-action[data-v-4f9a30ca] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -39037,7 +39417,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-582eaf2c]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-4f9a30ca]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -41089,21 +41469,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;
@@ -41114,7 +41494,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;
@@ -41122,7 +41502,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;
@@ -41134,52 +41514,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;
@@ -43392,10 +43772,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	display: flex;
 	align-items: center;
 	gap: 12px;
-	width: var(--cn-board-brand-width, 237px);
 }
+
+/* The brand link is 237px; the divider follows it, 12px on. */
 .cn-brand-bar__brand {
-	flex: 1 1 0;
+	flex: none;
+	width: var(--cn-board-brand-width, 237px);
 	box-sizing: border-box;
 	display: flex;
 	align-items: center;