@conduction/nextcloud-vue 2.105.0 → 2.106.0

package/dist/esm/nextcloud-vue.css

@@ -168,6 +168,15 @@
 	margin-bottom: var(--cn-board-section-gap);
 }
 
+/* The boards start a page's header 4px under the content's top, so the title
+   sits at 96 (DqZaak, DqMijnWerk), not 92. The index page's header carries
+   the same inset in look-board-index.css.
+   @spec openspec/changes/board-page-header-top/specs/board-page-header-top/spec.md#requirement-a-board-page-title-sits-4px-under-the-content-top */
+.cn-look-board .cn-detail-page:not(.cn-look-nextcloud *) .cn-detail-page__header,
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header {
+	padding-top: 4px;
+}
+
 /* The 56px inset clears the navigation toggle, which overlays the content
    only while the navigation is closed. The store page's own header too: it
    kept the inset with the navigation open, 56px right of the board's title. */
@@ -207,7 +216,7 @@
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__title-row {
 	grid-column: 1;
 	grid-row: 1;
-	align-self: center;
+	align-self: start;
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header-left > :not(.cn-dashboard-page__title-row) {
@@ -717,6 +726,7 @@
 }
 
 .cn-look-board .cn-admin-settings-shell__title:not(.cn-look-nextcloud *) {
+	min-height: var(--cn-board-control-height);
 	margin: 0;
 	font-size: 28px;
 	font-weight: 700;
@@ -729,10 +739,23 @@
 	align-items: center;
 	gap: 8px;
 	margin-top: 6px;
-	font-size: 15px;
+	font-size: 14px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
+/* The admin settings header as the board draws it (DqInstellingen): 4px
+   under the content's top and 8px above the grid's gap, the crumbs 6px under
+   the 40px title row in 14px, and the tab strip 20px under the header (at
+   187). The shell is a grid whose gap already spaces its rows, so the
+   header's own 20px bottom margin came on top of it and the strip sat at 194.
+   @spec openspec/changes/board-admin-settings-header-rhythm/specs/board-admin-settings-header-rhythm/spec.md#requirement-the-board-admin-settings-header-keeps-the-boards-rhythm */
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .cn-admin-settings-shell__header,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .cn-admin-settings-shell__header {
+	margin-bottom: 0;
+	padding: 4px 0 8px;
+}
+
 .cn-look-board .cn-admin-settings-shell__crumb-list:not(.cn-look-nextcloud *) {
 	display: flex;
 	flex-wrap: wrap;
@@ -2386,12 +2409,16 @@
 
 /* ------------------------------------------------------------------ header */
 
-/* Row 1: the h1 and the buttons at its end. Row 2: the count line, 6px under. */
+/* Row 1: the h1 and the buttons at its end, both at the row's top. Row 2:
+   the count line, 6px under. The header starts 4px under the content's top
+   (DqZaken: the title at 96, the count line at 142).
+   @spec openspec/changes/board-page-header-top/specs/board-page-header-top/spec.md#requirement-a-board-page-title-sits-4px-under-the-content-top */
 .cn-look-board .cn-index-page .cn-page-header {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) auto;
-	align-items: center;
+	align-items: start;
 	row-gap: 6px;
+	padding-top: 4px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
 
@@ -3433,6 +3460,64 @@
 	border-radius: 8px;
 }
 
+/* The record layout (`config.cardLayout`, DqAanMijToegewezen): a 20px 22px
+   inset, 10px between its parts; the head pill at the start and the number
+   in 13px muted at the end; a 17px bold title, not underlined; a 14px muted
+   meta line; a footer over a hairline with a pill and the 14px semibold date.
+   @spec openspec/changes/board-record-card-layout/specs/board-record-card-layout/spec.md#requirement-a-board-card-can-draw-the-record-layout-from-config */
+.cn-look-board .cn-object-card.cn-object-card--board:has(> .cn-object-card__record) {
+	padding: 20px 22px;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record {
+	gap: 10px;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record-head {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	min-height: 24px;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record-number {
+	margin-inline-start: auto;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record .cn-object-card__title {
+	margin: 0;
+	font-size: 17px;
+	font-weight: 700;
+	line-height: 1.3;
+	text-decoration: none;
+	white-space: normal;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record-meta {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record-foot {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	margin-top: auto;
+	padding-top: 10px;
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
+.cn-look-board .cn-object-card--board .cn-object-card__record-date {
+	margin-inline-start: auto;
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+}
+
 /* The catalogue card of the store page. */
 .cn-look-board .cn-store-page__card.cn-store-page__card--board {
 	gap: 10px;
@@ -6599,11 +6684,12 @@ a.cn-kpi-card--board * {
 .cn-index-page--with-side-panel {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) var(--cn-index-side-panel-width, 300px);
-	grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
+	grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto;
 	grid-template-areas:
 		"head head"
 		"below below"
 		"stats stats"
+		"chips side"
 		"bar side"
 		"body side"
 		"extra extra";
@@ -6632,6 +6718,10 @@ a.cn-kpi-card--board * {
 	grid-area: bar;
 }
 
+.cn-index-page--with-side-panel > .cn-index-page__quick-filter-row {
+	grid-area: chips;
+}
+
 .cn-index-page--with-side-panel > .cn-index-page__body {
 	grid-area: body;
 }
@@ -6649,10 +6739,11 @@ a.cn-kpi-card--board * {
 			"below"
 			"stats"
 			"side"
+			"chips"
 			"bar"
 			"body"
 			"extra";
-		grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto;
+		grid-template-rows: auto auto auto auto auto auto minmax(0, 1fr) auto;
 	}
 
 	.cn-index-page--with-side-panel > .cn-index-page__side-panel {
@@ -6660,6 +6751,12 @@ a.cn-kpi-card--board * {
 	}
 }
 
+/* `quickFilterPlacement: "row"` (DqTeamwachtrij): the chips on a row of
+   their own above the toolbar, wrapping onto more lines. */
+.cn-index-page__quick-filter-row {
+	margin-bottom: 12px;
+}
+
 /* The second filter strip (`filterStrip`, board PqWachtrij "Kanaal"): 34px
    pills, radius 17, the active one in ink, each with a muted count. */
 .cn-index-page__filter-strip {
@@ -7761,7 +7858,7 @@ a.cn-kpi-card--board * {
 /* ---- The header: two rows on the ground ------------------------------- */
 
 .cn-look-board .cn-detail-page__header--board {
-	align-items: center;
+	align-items: flex-start;
 	column-gap: 16px;
 	flex-wrap: wrap;
 	margin-bottom: 22px;
@@ -7769,10 +7866,16 @@ a.cn-kpi-card--board * {
 	row-gap: 6px;
 }
 
-/* Row 1: the title takes what the buttons leave, from a 320px basis. */
+/* Row 1: the title takes what the buttons leave, from a zero basis, and the
+   buttons sit at the row's top beside it (DqZaak: both at 96). From a 320px
+   basis the title and its follow control claimed the row first, so on a 960px
+   header the buttons centred against a two-line title, and below that they
+   dropped to a row of their own. Only when less than 16rem of title fits
+   beside the buttons do they still wrap.
+   @spec openspec/changes/board-detail-header-row/specs/board-detail-header-row/spec.md#requirement-the-board-detail-header-keeps-its-actions-on-the-title-row */
 .cn-look-board .cn-detail-page__header--board > :first-child {
-	flex: 1 1 320px;
-	min-width: 0;
+	flex: 1 1 0;
+	min-width: min(100%, 16rem);
 }
 
 .cn-look-board .cn-detail-page__header--board .cn-detail-page__title {
@@ -7794,6 +7897,44 @@ a.cn-kpi-card--board * {
 	min-height: var(--cn-board-control-height);
 }
 
+/* The quick actions, Edit and the Meer menu are the board's neutral buttons
+   (DqZaak): the main background, a grey border, the main text at 600. They
+   outrank a theme that gives every secondary button a primary outline with
+   `!important` (nldesign), as the index header does. The buildiq square and
+   the primary button keep their own rules. */
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary,
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary .action-item__menutoggle {
+	--nldesign-color-on-surface: var(--color-main-text);
+	height: var(--cn-board-control-height) !important;
+	min-height: var(--cn-board-control-height) !important;
+	padding: 0 14px !important;
+	border: 1px solid var(--color-border-dark) !important;
+	border-radius: var(--cn-board-control-radius) !important;
+	background: var(--color-main-background) !important;
+	color: var(--color-main-text) !important;
+	font-size: 14px !important;
+	font-weight: 600 !important;
+}
+
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary:hover,
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary .action-item__menutoggle:hover {
+	background: var(--color-background-hover) !important;
+}
+
+/* Each header icon is 16px with 8px to its label; NcButton draws 20px in a 30px slot. */
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary .button-vue__icon {
+	width: 16px;
+	min-width: 16px;
+	height: 16px;
+	min-height: 16px;
+	margin-inline-end: 8px;
+}
+
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary .button-vue__icon svg {
+	width: 16px;
+	height: 16px;
+}
+
 /* Row 2: pills, breadcrumb, dot, meta, chips. */
 .cn-look-board .cn-detail-page__header-row2 {
 	align-items: center;
@@ -12168,57 +12309,57 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__actions[data-v-e99f38c8] {
+.cn-cell-renderer__actions[data-v-2d766cc2] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-cell-renderer__icon-label[data-v-e99f38c8] {
+.cn-cell-renderer__icon-label[data-v-2d766cc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-e99f38c8] {
+.cn-cell-renderer__switch[data-v-2d766cc2] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-e99f38c8] {
+.cn-cell-renderer__mono[data-v-2d766cc2] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-e99f38c8] {
+.cn-cell-renderer--uuid[data-v-2d766cc2] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-e99f38c8] {
+.cn-cell-renderer--number[data-v-2d766cc2] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-e99f38c8] {
+.cn-cell-renderer--date[data-v-2d766cc2] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__dash[data-v-e99f38c8] {
+.cn-cell-renderer__dash[data-v-2d766cc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-e99f38c8] {
+.cn-cell-renderer__avatar[data-v-2d766cc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-e99f38c8] {
+.cn-cell-renderer__avatar-picture[data-v-2d766cc2] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-e99f38c8] {
+.cn-cell-renderer__date-block[data-v-2d766cc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-e99f38c8] {
+.cn-cell-renderer__date-tile[data-v-2d766cc2] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -12228,26 +12369,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-e99f38c8] {
+.cn-cell-renderer__date-day[data-v-2d766cc2] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-e99f38c8],
-.cn-cell-renderer__date-time[data-v-e99f38c8] {
+.cn-cell-renderer__date-month[data-v-2d766cc2],
+.cn-cell-renderer__date-time[data-v-2d766cc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-e99f38c8] {
+.cn-cell-renderer__date-month[data-v-2d766cc2] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-e99f38c8] {
+.cn-cell-renderer__date-lines[data-v-2d766cc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-e99f38c8] {
+.cn-cell-renderer__date-weekday[data-v-2d766cc2] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-e99f38c8] {
+.cn-cell-renderer__avatar-initials[data-v-2d766cc2] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -12259,12 +12400,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-e99f38c8] {
+.cn-cell-renderer__avatar-text[data-v-2d766cc2] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-e99f38c8] {
+.cn-cell-renderer__avatar-name[data-v-2d766cc2] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -12274,7 +12415,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-e99f38c8] {
+.cn-cell-renderer__avatar-secondary[data-v-2d766cc2] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -12288,34 +12429,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* A date that matched a rule is also set in a heavier weight, so the signal
    does not rest on colour alone. */
-.cn-cell-renderer__date--success[data-v-e99f38c8],
-.cn-cell-renderer__date--warning[data-v-e99f38c8],
-.cn-cell-renderer__date--error[data-v-e99f38c8],
-.cn-cell-renderer__age--success[data-v-e99f38c8],
-.cn-cell-renderer__age--warning[data-v-e99f38c8],
-.cn-cell-renderer__age--error[data-v-e99f38c8] {
+.cn-cell-renderer__date--success[data-v-2d766cc2],
+.cn-cell-renderer__date--warning[data-v-2d766cc2],
+.cn-cell-renderer__date--error[data-v-2d766cc2],
+.cn-cell-renderer__age--success[data-v-2d766cc2],
+.cn-cell-renderer__age--warning[data-v-2d766cc2],
+.cn-cell-renderer__age--error[data-v-2d766cc2] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-e99f38c8] {
+.cn-cell-renderer__age[data-v-2d766cc2] {
 	white-space: nowrap;
 }
 
 /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
    8px beside it in the bar's tone, and an optional age badge after them, as
    PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
-.cn-cell-renderer__progress[data-v-e99f38c8] {
+.cn-cell-renderer__progress[data-v-2d766cc2] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-e99f38c8] {
+.cn-cell-renderer__progress-line[data-v-2d766cc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-e99f38c8] {
+.cn-cell-renderer__progress-bar[data-v-2d766cc2] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -12323,33 +12464,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-e99f38c8] {
+.cn-cell-renderer__progress-fill[data-v-2d766cc2] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-e99f38c8] {
+.cn-cell-renderer__progress-fill--success[data-v-2d766cc2] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-e99f38c8] {
+.cn-cell-renderer__progress-fill--warning[data-v-2d766cc2] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-e99f38c8] {
+.cn-cell-renderer__progress-fill--error[data-v-2d766cc2] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-e99f38c8] {
+.cn-cell-renderer__progress-value[data-v-2d766cc2] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-e99f38c8] {
+.cn-cell-renderer__progress-value--success[data-v-2d766cc2] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-e99f38c8] {
+.cn-cell-renderer__progress-value--warning[data-v-2d766cc2] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-e99f38c8] {
+.cn-cell-renderer__progress-value--error[data-v-2d766cc2] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-e99f38c8] {
+.cn-cell-renderer__progress-badge[data-v-2d766cc2] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -12357,52 +12498,52 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-e99f38c8] {
+.cn-cell-renderer__progress-badge--error[data-v-2d766cc2] {
 	color: var(--color-text-error, var(--color-error-text));
 	background: var(--color-error-hover, var(--color-background-dark));
 	background: color-mix(in srgb, var(--color-error) 12%, transparent);
 }
-.cn-cell-renderer__progress-badge--warning[data-v-e99f38c8] {
+.cn-cell-renderer__progress-badge--warning[data-v-2d766cc2] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	background: color-mix(in srgb, var(--color-warning) 14%, transparent);
 }
-.cn-cell-renderer__progress-badge--success[data-v-e99f38c8] {
+.cn-cell-renderer__progress-badge--success[data-v-2d766cc2] {
 	color: var(--color-text-success, var(--color-success-text));
 	background: color-mix(in srgb, var(--color-success) 12%, transparent);
 }
-.cn-cell-renderer__age--success[data-v-e99f38c8] {
+.cn-cell-renderer__age--success[data-v-2d766cc2] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-e99f38c8] {
+.cn-cell-renderer__age--warning[data-v-2d766cc2] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-e99f38c8] {
+.cn-cell-renderer__age--error[data-v-2d766cc2] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-e99f38c8] {
+.cn-cell-renderer__due--empty[data-v-2d766cc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date--success[data-v-e99f38c8] {
+.cn-cell-renderer__date--success[data-v-2d766cc2] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-e99f38c8] {
+.cn-cell-renderer__date--warning[data-v-2d766cc2] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-e99f38c8] {
+.cn-cell-renderer__date--error[data-v-2d766cc2] {
 	color: var(--color-text-error, var(--color-error-text));
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-e99f38c8] {
+.cn-cell-renderer__icon--success[data-v-2d766cc2] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-e99f38c8] {
+.cn-cell-renderer__swatch-wrap[data-v-2d766cc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-e99f38c8] {
+.cn-cell-renderer__swatch-dot[data-v-2d766cc2] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -17748,7 +17889,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-files-browser[data-v-53e4bcc2] {
+.cn-files-browser[data-v-534c5e47] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -17756,11 +17897,22 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-53e4bcc2] {
+.cn-files-browser--dragging[data-v-534c5e47] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
-.cn-files-browser__drop-overlay[data-v-53e4bcc2] {
+
+/* With a `dropDetail` the drop state fills the panel it sits in, as the
+   board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-534c5e47] {
+	min-height: max(320px, 100%);
+}
+.cn-files-browser__drop-detail[data-v-534c5e47] {
+	max-width: 520px;
+	font-size: 14px;
+	color: var(--color-main-text);
+}
+.cn-files-browser__drop-overlay[data-v-534c5e47] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -17778,7 +17930,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-53e4bcc2] {
+.cn-files-browser__drop-icon[data-v-534c5e47] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17788,11 +17940,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-53e4bcc2] {
+.cn-files-browser__drop-label[data-v-534c5e47] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-53e4bcc2] {
+.cn-files-browser__drop-hint[data-v-534c5e47] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -17802,14 +17954,14 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-53e4bcc2] {
+.cn-files-browser__bar[data-v-534c5e47] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-53e4bcc2] {
+.cn-files-browser__crumbs[data-v-534c5e47] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -17817,13 +17969,13 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 /* The crumbs give way, the controls do not: a long crumb (a folder named
    after a uuid) shrank the upload button to "Bestanden..." while the crumbs
    kept their width. */
-.cn-files-browser__bar[data-v-53e4bcc2] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-534c5e47] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-53e4bcc2] {
+.cn-files-browser__file-input[data-v-534c5e47] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-53e4bcc2] {
+.cn-files-browser__uploads[data-v-534c5e47] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -17831,40 +17983,40 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-53e4bcc2] {
+.cn-files-browser__upload[data-v-534c5e47] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-53e4bcc2] {
+.cn-files-browser__upload-name[data-v-534c5e47] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-53e4bcc2] {
+.cn-files-browser__upload-error[data-v-534c5e47] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-53e4bcc2] {
+.cn-files-browser__loading[data-v-534c5e47] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-53e4bcc2] {
+.cn-files-browser__body--with-side[data-v-534c5e47] {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
 	align-items: start;
 	gap: 16px;
 }
 @media (max-width: 900px) {
-.cn-files-browser__body--with-side[data-v-53e4bcc2] {
+.cn-files-browser__body--with-side[data-v-534c5e47] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-53e4bcc2] {
+.cn-files-browser__side[data-v-534c5e47] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-files-browser__side-card[data-v-53e4bcc2] {
+.cn-files-browser__side-card[data-v-534c5e47] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -17873,27 +18025,27 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-53e4bcc2] {
+.cn-files-browser__side-title[data-v-534c5e47] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-53e4bcc2] {
+.cn-files-browser__side-facts[data-v-534c5e47] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
 	margin: 0;
 	font-size: 14px;
 }
-.cn-files-browser__side-facts dt[data-v-53e4bcc2] {
+.cn-files-browser__side-facts dt[data-v-534c5e47] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-53e4bcc2] {
+.cn-files-browser__side-facts dd[data-v-534c5e47] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-53e4bcc2] {
+.cn-files-browser__side-actions[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -17901,35 +18053,35 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 
 /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
    text in the tone's colour, as the boards write a restricted level. */
-.cn-files-browser__tone[data-v-53e4bcc2] {
+.cn-files-browser__tone[data-v-534c5e47] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-53e4bcc2] {
+.cn-files-browser__tone--success[data-v-534c5e47] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-53e4bcc2] {
+.cn-files-browser__tone--warning[data-v-534c5e47] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-53e4bcc2] {
+.cn-files-browser__tone--error[data-v-534c5e47] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-53e4bcc2],
-.cn-files-browser__tone--info[data-v-53e4bcc2] {
+.cn-files-browser__tone--primary[data-v-534c5e47],
+.cn-files-browser__tone--info[data-v-534c5e47] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-53e4bcc2] {
+.cn-files-browser__table[data-v-534c5e47] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-53e4bcc2] {
+.cn-files-browser__table th[data-v-534c5e47] {
 	text-align: start;
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-files-browser__sort[data-v-53e4bcc2] {
+.cn-files-browser__sort[data-v-534c5e47] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -17940,46 +18092,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-53e4bcc2]:hover,
-.cn-files-browser__sort[data-v-53e4bcc2]:focus-visible {
+.cn-files-browser__sort[data-v-534c5e47]:hover,
+.cn-files-browser__sort[data-v-534c5e47]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-53e4bcc2] {
+.cn-files-browser__row[data-v-534c5e47] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-53e4bcc2]:hover,
-.cn-files-browser__row[data-v-53e4bcc2]:focus-within {
+.cn-files-browser__row[data-v-534c5e47]:hover,
+.cn-files-browser__row[data-v-534c5e47]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-53e4bcc2] {
+.cn-files-browser__table td[data-v-534c5e47] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-53e4bcc2] {
+.cn-files-browser__col-icon[data-v-534c5e47] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-53e4bcc2] {
+.cn-files-browser__col-size[data-v-534c5e47] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-53e4bcc2] {
+.cn-files-browser__col-mtime[data-v-534c5e47] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-53e4bcc2] {
+.cn-files-browser__col-select[data-v-534c5e47] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-53e4bcc2] {
+.cn-files-browser__select[data-v-534c5e47] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-53e4bcc2] {
+.cn-files-browser__bulk-bar[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -17988,11 +18140,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-53e4bcc2] {
+.cn-files-browser__bulk-count[data-v-534c5e47] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-53e4bcc2] {
+.cn-files-browser__review[data-v-534c5e47] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -18001,28 +18153,28 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: 10px;
 	background: var(--color-background-hover);
 }
-.cn-files-browser__review-head[data-v-53e4bcc2] {
+.cn-files-browser__review-head[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-53e4bcc2] {
+.cn-files-browser__review-title[data-v-534c5e47] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-53e4bcc2] {
+.cn-files-browser__review-sub[data-v-534c5e47] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-53e4bcc2] {
+.cn-files-browser__review-bar[data-v-534c5e47] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-53e4bcc2] {
+.cn-files-browser__review-legend[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -18031,48 +18183,48 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-53e4bcc2] {
+.cn-files-browser__review-legend li[data-v-534c5e47] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-53e4bcc2] {
+.cn-files-browser__review-dot[data-v-534c5e47] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-53e4bcc2] {
+.cn-files-browser__review-part--success[data-v-534c5e47] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-53e4bcc2] {
+.cn-files-browser__review-part--warning[data-v-534c5e47] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-53e4bcc2] {
+.cn-files-browser__review-part--error[data-v-534c5e47] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-53e4bcc2] {
+.cn-files-browser__review-part--info[data-v-534c5e47] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-53e4bcc2] {
+.cn-files-browser__review-part--default[data-v-534c5e47] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-53e4bcc2] {
+.cn-files-browser__row-button[data-v-534c5e47] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-53e4bcc2] {
+.cn-files-browser__facets[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-53e4bcc2] {
+.cn-files-browser__facet[data-v-534c5e47] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-53e4bcc2] {
+.cn-files-browser__facet-chip[data-v-534c5e47] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -18084,41 +18236,41 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-53e4bcc2] {
+.cn-files-browser__facet-chip--active[data-v-534c5e47] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-53e4bcc2] {
+.cn-files-browser__group-heading[data-v-534c5e47] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-53e4bcc2] {
+.cn-files-browser__group-count[data-v-534c5e47] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-53e4bcc2] {
+.cn-files-browser__no-match[data-v-534c5e47] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-53e4bcc2] {
+.cn-files-browser__col-actions[data-v-534c5e47] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-53e4bcc2]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-534c5e47]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
-.cn-files-browser__col-name[data-v-53e4bcc2] {
+.cn-files-browser__col-name[data-v-534c5e47] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-53e4bcc2] {
+.cn-files-browser__name[data-v-534c5e47] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-53e4bcc2] {
+.cn-files-browser__name-secondary[data-v-534c5e47] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -18126,41 +18278,41 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-53e4bcc2] {
+.cn-files-browser__footnote[data-v-534c5e47] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-53e4bcc2] {
+.cn-files-browser__row--linked[data-v-534c5e47] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-53e4bcc2] {
+.cn-files-browser__note[data-v-534c5e47] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-53e4bcc2] {
+.cn-files-browser__note-link[data-v-534c5e47] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-53e4bcc2] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-534c5e47] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-53e4bcc2],
-.cn-files-browser__thumb[data-v-53e4bcc2] {
+.cn-files-browser__mime[data-v-534c5e47],
+.cn-files-browser__thumb[data-v-534c5e47] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-53e4bcc2] {
+.cn-files-browser__thumb[data-v-534c5e47] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-53e4bcc2] {
+.cn-files-browser__new-folder[data-v-534c5e47] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-53e4bcc2] {
+.hidden-visually[data-v-534c5e47] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -18170,9 +18322,9 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-68d47344] { padding: 12px;
+.cn-sidebar-tab[data-v-fe12141e] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-68d47344] {
+.cn-sidebar-tab__upload-error[data-v-fe12141e] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -18180,7 +18332,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-68d47344] {
+.cn-sidebar-tab__dropzone[data-v-fe12141e] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -18193,46 +18345,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-68d47344]:hover {
+.cn-sidebar-tab__dropzone[data-v-fe12141e]:hover {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
 }
-.cn-sidebar-tab__dropzone--active[data-v-68d47344] {
+.cn-sidebar-tab__dropzone--active[data-v-fe12141e] {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
 }
-.cn-sidebar-tab__share[data-v-68d47344] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-fe12141e] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-fe12141e] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-68d47344],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-fe12141e],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-fe12141e] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-68d47344] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-fe12141e] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-68d47344] { display: none;
+.cn-sidebar-tab__file-input[data-v-fe12141e] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-68d47344] {
+.cn-sidebar-tab__empty[data-v-fe12141e] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-68d47344] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-fe12141e] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-68d47344],
-.cn-sidebar-tab__thumb[data-v-68d47344] {
+.cn-sidebar-tab__mime[data-v-fe12141e],
+.cn-sidebar-tab__thumb[data-v-fe12141e] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-68d47344] {
+.cn-sidebar-tab__thumb[data-v-fe12141e] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-68d47344] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-fe12141e] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-68d47344] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-fe12141e] { margin-top: 8px;
 }
 
 
@@ -23192,13 +23344,47 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 }
 
 
-.cn-related-objects-widget__group[data-v-7d9eae61] {
+.cn-related-objects-widget__section + .cn-related-objects-widget__section[data-v-6091aad7] {
+	margin-top: 16px;
+}
+.cn-related-objects-widget__section-head[data-v-6091aad7] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 12px;
+	padding-bottom: 8px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-related-objects-widget__section-title[data-v-6091aad7] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 700;
+}
+.cn-related-objects-widget__section-action[data-v-6091aad7] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	height: 34px;
+	padding: 0 12px;
+	border: none;
+	border-radius: 17px;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	font-size: 13px;
+	font-weight: 600;
+	cursor: pointer;
+}
+.cn-related-objects-widget__section-action[data-v-6091aad7]:focus-visible {
+	outline: 2px solid var(--color-main-text);
+	outline-offset: 2px;
+}
+.cn-related-objects-widget__group[data-v-6091aad7] {
 	padding: calc(2 * var(--default-grid-baseline, 4px)) 0;
 }
-.cn-related-objects-widget__group + .cn-related-objects-widget__group[data-v-7d9eae61] {
+.cn-related-objects-widget__group + .cn-related-objects-widget__group[data-v-6091aad7] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-related-objects-widget__group-title[data-v-7d9eae61] {
+.cn-related-objects-widget__group-title[data-v-6091aad7] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
@@ -23210,14 +23396,14 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	letter-spacing: 0.02em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-related-objects-widget__tabs[data-v-7d9eae61] {
+.cn-related-objects-widget__tabs[data-v-6091aad7] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px;
 	padding: calc(1.5 * var(--default-grid-baseline, 4px)) calc(2 * var(--default-grid-baseline, 4px));
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-related-objects-widget__tab[data-v-7d9eae61] {
+.cn-related-objects-widget__tab[data-v-6091aad7] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23229,26 +23415,26 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	cursor: pointer;
 	font-size: 0.9em;
 }
-.cn-related-objects-widget__tab[data-v-7d9eae61]:hover {
+.cn-related-objects-widget__tab[data-v-6091aad7]:hover {
 	background: var(--color-background-hover);
 }
-.cn-related-objects-widget__tab--active[data-v-7d9eae61] {
+.cn-related-objects-widget__tab--active[data-v-6091aad7] {
 	background: var(--color-primary-element-light, var(--color-background-dark));
 	color: var(--color-primary-element-light-text, var(--color-main-text));
 }
-.cn-related-objects-widget__tab[data-v-7d9eae61]:focus-visible {
+.cn-related-objects-widget__tab[data-v-6091aad7]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: -2px;
 }
-.cn-related-objects-widget__tab-icon[data-v-7d9eae61] {
+.cn-related-objects-widget__tab-icon[data-v-6091aad7] {
 	flex: 0 0 auto;
 }
-.cn-related-objects-widget__panel-actions[data-v-7d9eae61] {
+.cn-related-objects-widget__panel-actions[data-v-6091aad7] {
 	display: flex;
 	justify-content: flex-end;
 	padding: 4px calc(2 * var(--default-grid-baseline, 4px)) 0;
 }
-.cn-related-objects-widget__open-sidebar[data-v-7d9eae61] {
+.cn-related-objects-widget__open-sidebar[data-v-6091aad7] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
@@ -23259,10 +23445,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	cursor: pointer;
 	font-size: 0.85em;
 }
-.cn-related-objects-widget__open-sidebar[data-v-7d9eae61]:hover {
+.cn-related-objects-widget__open-sidebar[data-v-6091aad7]:hover {
 	text-decoration: underline;
 }
-.cn-related-objects-widget__count[data-v-7d9eae61] {
+.cn-related-objects-widget__count[data-v-6091aad7] {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -23274,12 +23460,12 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.9em;
 	font-weight: 600;
 }
-.cn-related-objects-widget__list[data-v-7d9eae61] {
+.cn-related-objects-widget__list[data-v-6091aad7] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-related-objects-widget__row[data-v-7d9eae61] {
+.cn-related-objects-widget__row[data-v-6091aad7] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
@@ -23290,7 +23476,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	color: inherit;
 	text-decoration: none;
 }
-.cn-related-objects-widget__detail[data-v-7d9eae61] {
+.cn-related-objects-widget__detail[data-v-6091aad7] {
 	flex-basis: 100%;
 	margin: 4px 0 0 calc(20px + 10px);
 	padding: 8px 10px;
@@ -23301,18 +23487,18 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	background: var(--color-background-hover);
 	border-radius: var(--border-radius);
 }
-.cn-related-objects-widget__row[data-v-7d9eae61]:hover {
+.cn-related-objects-widget__row[data-v-6091aad7]:hover {
 	background: var(--color-background-hover);
 }
-.cn-related-objects-widget__row[data-v-7d9eae61]:focus-visible {
+.cn-related-objects-widget__row[data-v-6091aad7]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: -2px;
 }
-.cn-related-objects-widget__icon[data-v-7d9eae61] {
+.cn-related-objects-widget__icon[data-v-6091aad7] {
 	flex: 0 0 auto;
 	color: var(--color-text-maxcontrast);
 }
-.cn-related-objects-widget__label[data-v-7d9eae61] {
+.cn-related-objects-widget__label[data-v-6091aad7] {
 	flex: 1 1 auto;
 	min-width: 0;
 	overflow: hidden;
@@ -23320,50 +23506,50 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	white-space: nowrap;
 	color: var(--color-main-text);
 }
-.cn-related-objects-widget__meta[data-v-7d9eae61] {
+.cn-related-objects-widget__meta[data-v-6091aad7] {
 	flex: 0 0 auto;
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-related-objects-widget__chevron[data-v-7d9eae61] {
+.cn-related-objects-widget__chevron[data-v-6091aad7] {
 	flex: 0 0 auto;
 	color: var(--color-text-maxcontrast);
 }
-.cn-related-objects-widget__empty[data-v-7d9eae61] {
+.cn-related-objects-widget__empty[data-v-6091aad7] {
 	padding: calc(3 * var(--default-grid-baseline, 4px)) calc(2 * var(--default-grid-baseline, 4px));
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-related-objects-widget__section-status[data-v-7d9eae61] {
+.cn-related-objects-widget__section-status[data-v-6091aad7] {
 	margin: 0;
 	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 }
-.cn-related-objects-widget__section-error[data-v-7d9eae61] {
+.cn-related-objects-widget__section-error[data-v-6091aad7] {
 	margin: 0;
 	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
 	color: var(--color-error-text, var(--color-error));
 	font-size: 0.85em;
 }
-.cn-related-objects-widget__empty-state[data-v-7d9eae61] {
+.cn-related-objects-widget__empty-state[data-v-6091aad7] {
 	/* NcEmptyContent defaults to filling tall parents; inside a widget cell a
 	   compact block reads better. */
 	padding: calc(4 * var(--default-grid-baseline, 4px)) 0;
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-related-objects-widget__footer[data-v-7d9eae61] {
+.cn-related-objects-widget__footer[data-v-6091aad7] {
 	display: flex;
 	align-items: center;
 	gap: calc(2 * var(--default-grid-baseline, 4px));
 	padding: calc(2 * var(--default-grid-baseline, 4px));
 }
-.cn-related-objects-widget__add-error[data-v-7d9eae61] {
+.cn-related-objects-widget__add-error[data-v-6091aad7] {
 	color: var(--color-error);
 	font-size: 0.85em;
 }
-.cn-related-objects-widget__file-input[data-v-7d9eae61] {
+.cn-related-objects-widget__file-input[data-v-6091aad7] {
 	display: none;
 }
 
@@ -25666,6 +25852,14 @@ to { background-position: -200% 0;
 }
 
 
+.cn-detail-widget-header-items[data-v-75281a9f] {
+	display: inline-flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 12px;
+}
+
+
 .cn-banner-widget[data-v-7ef58aba] {
 	width: 100%;
 }
@@ -26603,7 +26797,7 @@ to { background-position: -200% 0;
 }
 
 
-.cn-object-card[data-v-59552a5b] {
+.cn-object-card[data-v-78efa77e] {
 	display: flex;
 	gap: 12px;
 	padding: 16px;
@@ -26613,80 +26807,80 @@ to { background-position: -200% 0;
 	cursor: pointer;
 	transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
-.cn-object-card[data-v-59552a5b]:hover {
+.cn-object-card[data-v-78efa77e]:hover {
 	border-color: var(--color-primary-element);
 	box-shadow: 0 2px 8px var(--color-box-shadow);
 }
-.cn-object-card--selected[data-v-59552a5b] {
+.cn-object-card--selected[data-v-78efa77e] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
 
 /* The 4px start border takes 3px of padding, so the content stays put. */
-.cn-object-card.cn-object-card--accent[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent[data-v-78efa77e] {
 	border-inline-start-width: 4px;
 	padding-inline-start: 13px;
 }
-.cn-object-card.cn-object-card--accent-success[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent-success[data-v-78efa77e] {
 	border-inline-start-color: var(--color-element-success);
 }
-.cn-object-card.cn-object-card--accent-warning[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent-warning[data-v-78efa77e] {
 	border-inline-start-color: var(--color-element-warning);
 }
-.cn-object-card.cn-object-card--accent-error[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent-error[data-v-78efa77e] {
 	border-inline-start-color: var(--color-element-error);
 }
-.cn-object-card.cn-object-card--accent-info[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent-info[data-v-78efa77e] {
 	border-inline-start-color: var(--color-element-info);
 }
-.cn-object-card.cn-object-card--accent-primary[data-v-59552a5b] {
+.cn-object-card.cn-object-card--accent-primary[data-v-78efa77e] {
 	border-inline-start-color: var(--color-primary-element);
 }
-.cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card__accent-icon[data-v-78efa77e] {
 	display: inline-flex;
 	vertical-align: -2px;
 	margin-inline-end: 4px;
 }
-.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-78efa77e] {
 	color: var(--color-text-success);
 }
-.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-78efa77e] {
 	color: var(--color-text-warning);
 }
-.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-78efa77e] {
 	color: var(--color-text-error);
 }
-.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-78efa77e] {
 	color: var(--color-element-info);
 }
-.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-59552a5b] {
+.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-78efa77e] {
 	color: var(--color-primary-element);
 }
-.cn-object-card__checkbox[data-v-59552a5b] {
+.cn-object-card__checkbox[data-v-78efa77e] {
 	flex-shrink: 0;
 	padding-top: 2px;
 }
-.cn-object-card__content[data-v-59552a5b] {
+.cn-object-card__content[data-v-78efa77e] {
 	flex: 1;
 	min-width: 0;
 }
-.cn-object-card__header[data-v-59552a5b] {
+.cn-object-card__header[data-v-78efa77e] {
 	display: flex;
 	gap: 12px;
 	align-items: flex-start;
 }
-.cn-object-card__image[data-v-59552a5b] {
+.cn-object-card__image[data-v-78efa77e] {
 	width: 48px;
 	height: 48px;
 	border-radius: var(--border-radius);
 	object-fit: cover;
 	flex-shrink: 0;
 }
-.cn-object-card__title-area[data-v-59552a5b] {
+.cn-object-card__title-area[data-v-78efa77e] {
 	flex: 1;
 	min-width: 0;
 }
-.cn-object-card__title[data-v-59552a5b] {
+.cn-object-card__title[data-v-78efa77e] {
 	margin: 0;
 	font-size: 16px;
 	font-weight: 600;
@@ -26695,16 +26889,16 @@ to { background-position: -200% 0;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-object-card__description[data-v-59552a5b] {
+.cn-object-card__description[data-v-78efa77e] {
 	margin: 4px 0 0;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 	line-height: 1.4;
 }
-.cn-object-card__badges[data-v-59552a5b] {
+.cn-object-card__badges[data-v-78efa77e] {
 	margin-top: 8px;
 }
-.cn-object-card__metadata[data-v-59552a5b] {
+.cn-object-card__metadata[data-v-78efa77e] {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
 	gap: 8px;
@@ -26712,19 +26906,19 @@ to { background-position: -200% 0;
 	padding-top: 12px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-object-card__meta-item[data-v-59552a5b] {
+.cn-object-card__meta-item[data-v-78efa77e] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-object-card__meta-label[data-v-59552a5b] {
+.cn-object-card__meta-label[data-v-78efa77e] {
 	font-size: 11px;
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 	text-transform: uppercase;
 	letter-spacing: 0.3px;
 }
-.cn-object-card__actions[data-v-59552a5b] {
+.cn-object-card__actions[data-v-78efa77e] {
 	flex-shrink: 0;
 }
 
@@ -27100,7 +27294,7 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-detail-page__catalog-action[data-v-7d004b4e] {
+.cn-detail-page__catalog-action[data-v-40e8f009] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -27116,19 +27310,19 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 14px;
 	white-space: nowrap;
 }
-.cn-detail-page__catalog-note[data-v-7d004b4e] {
+.cn-detail-page__catalog-note[data-v-40e8f009] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-7d004b4e],
-.cn-detail-widget-host[data-v-7d004b4e] > * {
+.cn-detail-widget-host[data-v-40e8f009],
+.cn-detail-widget-host[data-v-40e8f009] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-7d004b4e] {
+.cn-detail-widget-host--bare[data-v-40e8f009] {
 	min-height: 0;
 }
 
@@ -27137,7 +27331,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-4d96de3d] {
+.cn-tabs__bar[data-v-55ca67b6] {
 	/* 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;
@@ -27147,12 +27341,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-4d96de3d] {
+.cn-tabs__strip[data-v-55ca67b6] {
 	flex: 1 1 auto;
 	min-width: 0;
 	position: relative;
 }
-.cn-tabs__nav[data-v-4d96de3d] {
+.cn-tabs__nav[data-v-55ca67b6] {
 	display: flex;
 	gap: 4px;
 	/* One row that scrolls, never a wrap: in a narrow sidebar a nine-tab strip
@@ -27169,11 +27363,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-4d96de3d]::-webkit-scrollbar {
+.cn-tabs__nav[data-v-55ca67b6]::-webkit-scrollbar {
 	display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-tabs__nav[data-v-4d96de3d] {
+.cn-tabs__nav[data-v-55ca67b6] {
 		scroll-behavior: auto;
 }
 }
@@ -27184,8 +27378,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-4d96de3d]::before,
-.cn-tabs__strip[data-v-4d96de3d]::after {
+.cn-tabs__strip[data-v-55ca67b6]::before,
+.cn-tabs__strip[data-v-55ca67b6]::after {
 	content: '';
 	display: none;
 	inset-block: 0 1px;
@@ -27194,23 +27388,23 @@ button.cn-stepper__step[data-v-776581d4] {
 	width: 56px;
 	z-index: 2;
 }
-.cn-tabs__strip[data-v-4d96de3d]::before {
+.cn-tabs__strip[data-v-55ca67b6]::before {
 	background: linear-gradient(to right, var(--color-main-background) 30%, transparent);
 	inset-inline-start: 0;
 }
-.cn-tabs__strip[data-v-4d96de3d]::after {
+.cn-tabs__strip[data-v-55ca67b6]::after {
 	background: linear-gradient(to left, var(--color-main-background) 30%, transparent);
 	inset-inline-end: 0;
 }
-.cn-tabs__strip--more-start[data-v-4d96de3d]::before,
-.cn-tabs__strip--more-end[data-v-4d96de3d]::after {
+.cn-tabs__strip--more-start[data-v-55ca67b6]::before,
+.cn-tabs__strip--more-end[data-v-55ca67b6]::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-4d96de3d] {
+.cn-tabs__strip .cn-tabs__scroll[data-v-55ca67b6] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -27230,20 +27424,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-4d96de3d]:hover,
-.cn-tabs__strip .cn-tabs__scroll[data-v-4d96de3d]:focus {
+.cn-tabs__strip .cn-tabs__scroll[data-v-55ca67b6]:hover,
+.cn-tabs__strip .cn-tabs__scroll[data-v-55ca67b6]:focus {
 	background: none;
 }
-.cn-tabs__scroll--start[data-v-4d96de3d] {
+.cn-tabs__scroll--start[data-v-55ca67b6] {
 	inset-inline-start: 0;
 }
-.cn-tabs__scroll--end[data-v-4d96de3d] {
+.cn-tabs__scroll--end[data-v-55ca67b6] {
 	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-4d96de3d] {
+.cn-tabs__count[data-v-55ca67b6] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: var(--border-radius-pill, 100px);
@@ -27256,18 +27450,18 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 6px;
 	text-align: center;
 }
-.cn-tabs__more[data-v-4d96de3d] {
+.cn-tabs__more[data-v-55ca67b6] {
 	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-4d96de3d] {
+.cn-tabs__more-spacer[data-v-55ca67b6] {
 	display: inline-block;
 	width: 20px;
 }
-.cn-tabs__nav-end[data-v-4d96de3d] {
+.cn-tabs__nav-end[data-v-55ca67b6] {
 	align-items: center;
 	display: flex;
 	flex: 0 0 auto;
@@ -27289,7 +27483,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-4d96de3d] {
+.cn-tabs__nav-item[data-v-55ca67b6] {
 	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
@@ -27324,27 +27518,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-4d96de3d] {
+.cn-tabs__nav .cn-tabs__nav-item[data-v-55ca67b6] {
 	margin-block-end: 0;
 }
-.cn-tabs__nav--justified .cn-tabs__nav-item[data-v-4d96de3d] {
+.cn-tabs__nav--justified .cn-tabs__nav-item[data-v-55ca67b6] {
 	flex: 1 1 0;
 }
-.cn-tabs__nav-item[data-v-4d96de3d]:hover,
-.cn-tabs__nav-item[data-v-4d96de3d]:focus-visible {
+.cn-tabs__nav-item[data-v-55ca67b6]:hover,
+.cn-tabs__nav-item[data-v-55ca67b6]: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-4d96de3d]:focus-visible {
+.cn-tabs__nav-item[data-v-55ca67b6]:focus-visible {
 	outline-offset: -2px;
 }
-.cn-tabs__nav-item[disabled][data-v-4d96de3d] {
+.cn-tabs__nav-item[disabled][data-v-55ca67b6] {
 	cursor: default;
 	opacity: 0.5;
 }
-.cn-tabs__nav-item[disabled][data-v-4d96de3d]:hover {
+.cn-tabs__nav-item[disabled][data-v-55ca67b6]:hover {
 	background-color: var(--color-background-dark);
 	color: var(--color-main-text);
 }
@@ -27354,7 +27548,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-4d96de3d] {
+.cn-tabs__nav-item--active[data-v-55ca67b6] {
 	background-color: var(--color-main-background);
 	border-bottom: 1px solid var(--color-main-background);
 	border-top: 2px solid var(--color-primary-element);
@@ -27364,10 +27558,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-4d96de3d] {
+.cn-tabs__content[data-v-55ca67b6] {
 	padding-top: 12px;
 }
-.cn-tabs--card .cn-tabs__content[data-v-4d96de3d] {
+.cn-tabs--card .cn-tabs__content[data-v-55ca67b6] {
 	border: 1px solid var(--color-border);
 	border-top: none;
 	padding: 12px;
@@ -27375,33 +27569,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-4d96de3d] {
+.cn-tabs--segmented .cn-tabs__bar[data-v-55ca67b6] {
 	border-bottom: none;
 }
-.cn-tabs--segmented .cn-tabs__strip[data-v-4d96de3d] {
+.cn-tabs--segmented .cn-tabs__strip[data-v-55ca67b6] {
 	flex: 0 1 auto;
 }
-.cn-tabs--segmented .cn-tabs__nav[data-v-4d96de3d] {
+.cn-tabs--segmented .cn-tabs__nav[data-v-55ca67b6] {
 	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-4d96de3d] {
+.cn-tabs--segmented .cn-tabs__nav-item[data-v-55ca67b6] {
 	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-4d96de3d]:hover {
+.cn-tabs--segmented .cn-tabs__nav-item[data-v-55ca67b6]: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-4d96de3d] {
+.cn-tabs--segmented .cn-tabs__nav-item--active[data-v-55ca67b6] {
 	border: 1px solid var(--color-border-dark);
 	background-color: var(--color-main-background);
 	box-shadow: 0 1px 2px var(--color-box-shadow);
@@ -27412,11 +27606,21 @@ 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-4d96de3d] {
+.cn-tabs--underline .cn-tabs__nav[data-v-55ca67b6] {
 	flex-wrap: wrap;
 	overflow: visible;
 }
-.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d] {
+
+/* `margin: 0`: a tab is a <button>, and Nextcloud's core stylesheet gives
+   every plain button a 3px margin, which put the tabs 7px apart and 3px low
+   (DqInstellingen: 4px apart, on the strip's top). The nldesign theme sets a
+   button's weight, corner and border width with `!important` through its
+   button tokens, which drew every tab bold with a 1px underline; the tab
+   hands its own values to those tokens. */
+.cn-tabs--underline .cn-tabs__nav-item[data-v-55ca67b6] {
+	--nldesign-component-button-font-weight: 500;
+	--nldesign-component-button-border-radius: 0;
+	--nldesign-component-button-border-width: 0 0 3px;
 	background-color: transparent;
 	border: 0;
 	border-bottom: 3px solid transparent;
@@ -27425,37 +27629,54 @@ button.cn-stepper__step[data-v-776581d4] {
 	font-size: 14px;
 	font-weight: 500;
 	gap: 8px;
+	margin: 0;
 	min-height: 44px;
 	padding: 0 9px;
 }
-.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d]:hover,
-.cn-tabs--underline .cn-tabs__nav-item[data-v-4d96de3d]:focus-visible {
+.cn-tabs--underline .cn-tabs__nav-item[data-v-55ca67b6]:hover,
+.cn-tabs--underline .cn-tabs__nav-item[data-v-55ca67b6]: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-4d96de3d]:hover {
+.cn-tabs--underline .cn-tabs__nav-item[disabled][data-v-55ca67b6]:hover {
 	background-color: transparent;
 	border-bottom-color: transparent;
 }
-.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 {
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-55ca67b6],
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-55ca67b6]:hover,
+.cn-tabs--underline .cn-tabs__nav-item--active[data-v-55ca67b6]:focus-visible {
+	--nldesign-component-button-font-weight: 700;
 	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-4d96de3d] {
+.cn-tabs--underline .cn-tabs__count[data-v-55ca67b6] {
 	margin-inline-start: 0;
 }
-.cn-tabs--underline .cn-tabs__content[data-v-4d96de3d] {
+.cn-tabs--underline .cn-tabs__content[data-v-55ca67b6] {
 	padding-top: 20px;
 }
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__stack[data-v-78877482] {
+.cn-tabs-widget__panel-heading[data-v-5d2ecee6] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	margin-bottom: 16px;
+}
+.cn-tabs-widget__panel-title[data-v-5d2ecee6] {
+	margin: 0;
+	font-size: 17px;
+	font-weight: 700;
+}
+.cn-tabs-widget__panel-subtitle[data-v-5d2ecee6] {
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-tabs-widget__stack[data-v-5d2ecee6] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -27464,19 +27685,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-78877482] {
+.cn-tabs-widget__stack--grid[data-v-5d2ecee6] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-78877482] > * {
+.cn-tabs-widget__stack--grid[data-v-5d2ecee6] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-78877482] {
+.cn-tabs-widget__stack--grid[data-v-5d2ecee6] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-78877482] > * {
+.cn-tabs-widget__stack--grid[data-v-5d2ecee6] > * {
 		grid-column: auto !important;
 }
 }
@@ -27510,7 +27731,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-78877482] {
+.cn-tabs-widget.cn-tabs-widget[data-v-5d2ecee6] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -27534,12 +27755,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-78877482] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-78877482] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -27552,11 +27773,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-78877482] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-78877482] {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -27574,7 +27795,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-78877482] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .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
@@ -27594,7 +27815,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-78877482] .cn-tab {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .cn-tab {
 	height: 100%;
 }
 
@@ -27602,13 +27823,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-78877482] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-5d2ecee6] .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-78877482] {
+.cn-tabs-widget__header-link[data-v-5d2ecee6] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -27617,21 +27838,21 @@ button.cn-stepper__step[data-v-776581d4] {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-tabs-widget__header-link[data-v-78877482]:hover,
-.cn-tabs-widget__header-link[data-v-78877482]:focus-visible {
+.cn-tabs-widget__header-link[data-v-5d2ecee6]:hover,
+.cn-tabs-widget__header-link[data-v-5d2ecee6]:focus-visible {
 	text-decoration: underline;
 }
-.cn-tabs-widget__header-link[data-v-78877482]:focus-visible {
+.cn-tabs-widget__header-link[data-v-5d2ecee6]: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-78877482] {
+.cn-tabs-widget__title[data-v-5d2ecee6] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-78877482] {
+.cn-tabs-widget__title-icon[data-v-5d2ecee6] {
 	flex: 0 0 auto;
 }
 
@@ -27655,6 +27876,79 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
+.cn-team-workload__list[data-v-8e82bdea] {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-team-workload__member[data-v-8e82bdea] {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+.cn-team-workload__row[data-v-8e82bdea] {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+.cn-team-workload__avatar[data-v-8e82bdea] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-size: 12px;
+	font-weight: 700;
+}
+.cn-team-workload__who[data-v-8e82bdea] {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-width: 0;
+}
+.cn-team-workload__name[data-v-8e82bdea] {
+	font-size: 14px;
+}
+.cn-team-workload__state[data-v-8e82bdea] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-team-workload__state--away[data-v-8e82bdea] {
+	color: var(--color-warning-text, var(--color-text-maxcontrast));
+}
+.cn-team-workload__count[data-v-8e82bdea] {
+	font-size: 13px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+.cn-team-workload__bar[data-v-8e82bdea] {
+	display: block;
+	height: 6px;
+	overflow: hidden;
+	border-radius: 3px;
+	background: var(--color-border);
+}
+.cn-team-workload__bar-fill[data-v-8e82bdea] {
+	display: block;
+	height: 100%;
+	background: var(--color-primary-element);
+}
+.cn-team-workload__bar-fill--hot[data-v-8e82bdea] {
+	background: var(--color-error);
+}
+.cn-team-workload__state-line[data-v-8e82bdea] {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+}
+
+
 .cn-week-strip[data-v-27a717bd] {
 	width: 100%;
 }
@@ -30658,7 +30952,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 
-.cn-nc-widget-widget[data-v-f553a198] {
+.cn-nc-widget-widget[data-v-6d5d59a8] {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -30674,19 +30968,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-f553a198] {
+.cn-nc-widget-widget__header[data-v-6d5d59a8] {
 	display: flex;
 	align-items: center;
 	gap: 16px;
 	padding: 16px;
 	font-weight: 700;
 }
-.cn-nc-widget-widget__header-icon[data-v-f553a198] {
+.cn-nc-widget-widget__header-icon[data-v-6d5d59a8] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 auto;
 }
-.cn-nc-widget-widget__header-title[data-v-f553a198] {
+.cn-nc-widget-widget__header-title[data-v-6d5d59a8] {
 	flex: 1;
 	font-size: 20px;
 	font-weight: 700;
@@ -30695,18 +30989,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-f553a198] {
+.cn-nc-widget-widget__show-all[data-v-6d5d59a8] {
 	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-f553a198]:hover,
-.cn-nc-widget-widget__show-all[data-v-f553a198]:focus-visible {
+.cn-nc-widget-widget__show-all[data-v-6d5d59a8]:hover,
+.cn-nc-widget-widget__show-all[data-v-6d5d59a8]:focus-visible {
 	text-decoration: underline;
 }
-.cn-nc-widget-widget__native[data-v-f553a198] {
+.cn-nc-widget-widget__native[data-v-6d5d59a8] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
@@ -30740,7 +31034,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-f553a198] .dashboard-widget > ul {
+.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .dashboard-widget > ul {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	gap: 8px;
@@ -30748,33 +31042,33 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	margin: 0;
 	padding: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-f553a198] .dashboard-widget > ul > li {
+.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .dashboard-widget > ul > li {
 	width: auto;
 	min-width: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-f553a198] .item-list__entry {
+.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .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-f553a198] {
+.cn-nc-widget-widget__body[data-v-6d5d59a8] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
 }
-.cn-nc-widget-widget__body--vertical[data-v-f553a198] {
+.cn-nc-widget-widget__body--vertical[data-v-6d5d59a8] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-nc-widget-widget__body--horizontal[data-v-f553a198] {
+.cn-nc-widget-widget__body--horizontal[data-v-6d5d59a8] {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-nc-widget-widget__state[data-v-f553a198] {
+.cn-nc-widget-widget__state[data-v-6d5d59a8] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -30783,59 +31077,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-f553a198] {
+.cn-nc-widget-widget__item[data-v-6d5d59a8] {
 	display: flex;
 	text-decoration: none;
 	color: var(--color-main-text);
 	border-radius: var(--border-radius);
 	padding: 4px;
 }
-.cn-nc-widget-widget__item[data-v-f553a198]:hover {
+.cn-nc-widget-widget__item[data-v-6d5d59a8]:hover {
 	background-color: var(--color-background-hover);
 }
-.cn-nc-widget-widget__item--vertical[data-v-f553a198] {
+.cn-nc-widget-widget__item--vertical[data-v-6d5d59a8] {
 	flex-direction: row;
 	align-items: center;
 	gap: 8px;
 }
-.cn-nc-widget-widget__item--horizontal[data-v-f553a198] {
+.cn-nc-widget-widget__item--horizontal[data-v-6d5d59a8] {
 	flex-direction: column;
 	align-items: center;
 	width: 120px;
 	text-align: center;
 }
-.cn-nc-widget-widget__item-icon-wrap[data-v-f553a198] {
+.cn-nc-widget-widget__item-icon-wrap[data-v-6d5d59a8] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 32px;
 	position: relative;
 }
-.cn-nc-widget-widget__item-icon[data-v-f553a198] {
+.cn-nc-widget-widget__item-icon[data-v-6d5d59a8] {
 	width: 32px;
 	height: 32px;
 	object-fit: cover;
 	border-radius: 50%;
 }
-.cn-nc-widget-widget__item-overlay[data-v-f553a198] {
+.cn-nc-widget-widget__item-overlay[data-v-6d5d59a8] {
 	position: absolute;
 	right: -2px;
 	bottom: -2px;
 	width: 14px;
 	height: 14px;
 }
-.cn-nc-widget-widget__item-text[data-v-f553a198] {
+.cn-nc-widget-widget__item-text[data-v-6d5d59a8] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 	flex: 1;
 }
-.cn-nc-widget-widget__item-title[data-v-f553a198] {
+.cn-nc-widget-widget__item-title[data-v-6d5d59a8] {
 	font-weight: 600;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-nc-widget-widget__item-subtitle[data-v-f553a198] {
+.cn-nc-widget-widget__item-subtitle[data-v-6d5d59a8] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	overflow: hidden;
@@ -31163,41 +31457,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 
-.cn-flow-runs-widget[data-v-33d3878e] {
+.cn-flow-runs-widget[data-v-76cc4912] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-flow-runs-widget__loading[data-v-33d3878e] {
+.cn-flow-runs-widget__loading[data-v-76cc4912] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
-.cn-flow-runs-widget__empty[data-v-33d3878e],
-.cn-flow-runs-widget__error[data-v-33d3878e],
-.cn-flow-runs-widget__more[data-v-33d3878e] {
+.cn-flow-runs-widget__empty[data-v-76cc4912],
+.cn-flow-runs-widget__error[data-v-76cc4912],
+.cn-flow-runs-widget__more[data-v-76cc4912] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-flow-runs-widget__more[data-v-33d3878e] {
+.cn-flow-runs-widget__more[data-v-76cc4912] {
 	padding-top: 4px;
 }
-.cn-flow-runs-widget__list[data-v-33d3878e] {
+.cn-flow-runs-widget__list[data-v-76cc4912] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	min-width: 0;
 }
-.cn-flow-runs-widget__row[data-v-33d3878e] {
+.cn-flow-runs-widget__row[data-v-76cc4912] {
 	border-bottom: 1px solid var(--color-border);
 	min-width: 0;
 }
-.cn-flow-runs-widget__row[data-v-33d3878e]:last-child {
+.cn-flow-runs-widget__row[data-v-76cc4912]:last-child {
 	border-bottom: none;
 }
-.cn-flow-runs-widget__row-content[data-v-33d3878e] {
+.cn-flow-runs-widget__row-content[data-v-76cc4912] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
@@ -31206,10 +31500,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	color: inherit;
 	text-decoration: none;
 }
-a.cn-flow-runs-widget__row-content[data-v-33d3878e] {
+a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
 	cursor: pointer;
 }
-.cn-flow-runs-widget__dot[data-v-33d3878e] {
+.cn-flow-runs-widget__dot[data-v-76cc4912] {
 	flex: 0 0 auto;
 	width: 8px;
 	height: 8px;
@@ -31218,40 +31512,40 @@ a.cn-flow-runs-widget__row-content[data-v-33d3878e] {
 }
 
 /* Executing now — the primary colour, and the only row that animates. */
-.cn-flow-runs-widget__dot--running[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--running[data-v-76cc4912] {
 	background: var(--color-primary-element, #0082c9);
-	animation: cn-flow-runs-pulse-33d3878e 1.6s ease-in-out infinite;
+	animation: cn-flow-runs-pulse-76cc4912 1.6s ease-in-out infinite;
 }
-.cn-flow-runs-widget__dot--queued[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--queued[data-v-76cc4912] {
 	background: var(--color-warning, #c28900);
 }
-.cn-flow-runs-widget__dot--suspended[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--suspended[data-v-76cc4912] {
 	background: var(--color-text-maxcontrast);
 }
 
 /* Terminal rows: the dot is a hollow RING, so live (filled) and finished
    (hollow) never differ by colour alone. The per-status colour still rides
    on the ring's border. */
-.cn-flow-runs-widget__dot--terminal[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--terminal[data-v-76cc4912] {
 	width: 6px;
 	height: 6px;
 	background: transparent;
 	border: 2px solid var(--color-text-maxcontrast);
 }
-.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-76cc4912] {
 	border-color: var(--color-success, #2d7b41);
 }
-.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-33d3878e],
-.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-76cc4912],
+.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-76cc4912] {
 	border-color: var(--color-error, #d91f2d);
 }
-.cn-flow-runs-widget__body[data-v-33d3878e] {
+.cn-flow-runs-widget__body[data-v-76cc4912] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 	flex: 1 1 auto;
 }
-.cn-flow-runs-widget__name[data-v-33d3878e] {
+.cn-flow-runs-widget__name[data-v-76cc4912] {
 	font-weight: 600;
 	white-space: nowrap;
 	overflow: hidden;
@@ -31261,7 +31555,7 @@ a.cn-flow-runs-widget__row-content[data-v-33d3878e] {
 /* Finished runs read as history: regular weight, muted colour. The hollow
    dot and the section label carry the distinction for anyone who cannot
    rely on colour. */
-.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-33d3878e] {
+.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-76cc4912] {
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
@@ -31271,17 +31565,17 @@ a.cn-flow-runs-widget__row-content[data-v-33d3878e] {
    order because the cascade then depends on specificity rather than
    source order — the shape that quietly stops working when someone adds
    a competing rule. */
-a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d3878e] {
+a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4912] {
 	text-decoration: underline;
 }
-.cn-flow-runs-widget__meta[data-v-33d3878e] {
+.cn-flow-runs-widget__meta[data-v-76cc4912] {
 	color: var(--color-text-maxcontrast);
 	font-size: 12px;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-flow-runs-widget__age[data-v-33d3878e] {
+.cn-flow-runs-widget__age[data-v-76cc4912] {
 	flex: 0 0 auto;
 	color: var(--color-text-maxcontrast);
 	font-size: 12px;
@@ -31290,7 +31584,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 
 /* The history section label. Small caps text, not a colour: the section
    boundary must survive monochrome. */
-.cn-flow-runs-widget__history-title[data-v-33d3878e] {
+.cn-flow-runs-widget__history-title[data-v-76cc4912] {
 	margin: 0;
 	padding-top: 8px;
 	color: var(--color-text-maxcontrast);
@@ -31299,7 +31593,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	text-transform: uppercase;
 	letter-spacing: 0.04em;
 }
-@keyframes cn-flow-runs-pulse-33d3878e {
+@keyframes cn-flow-runs-pulse-76cc4912 {
 0%, 100% { opacity: 1;
 }
 50% { opacity: 0.35;
@@ -31309,7 +31603,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 /* Respect a reduced-motion preference: the pulse is decoration, and the dot
    colour already carries the status. */
 @media (prefers-reduced-motion: reduce) {
-.cn-flow-runs-widget__dot--running[data-v-33d3878e] {
+.cn-flow-runs-widget__dot--running[data-v-76cc4912] {
 		animation: none;
 }
 }
@@ -31532,22 +31826,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-7f141540] {
+.cn-facts-widget[data-v-157a16f8] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-7f141540] {
+
+/* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
+   and bottom, which put a side card's facts 24px under its title, against
+   the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
+.cn-facts-widget__rows[data-v-157a16f8] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
 	margin: 0;
+	padding: 0;
 	font-size: 14px;
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-7f141540] {
+.cn-facts-widget__row[data-v-157a16f8] {
 	display: contents;
 }
 
@@ -31555,13 +31854,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-7f141540] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-157a16f8] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-7f141540] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-157a16f8] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -31569,56 +31868,56 @@ 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-7f141540] {
+.cn-facts-widget__title[data-v-157a16f8] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-7f141540] {
+.cn-facts-widget__line[data-v-157a16f8] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-7f141540] {
+.cn-facts-widget__meter[data-v-157a16f8] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-7f141540] {
+.cn-facts-widget__meter-head[data-v-157a16f8] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-7f141540] {
+.cn-facts-widget__meter-label[data-v-157a16f8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-7f141540] {
+.cn-facts-widget__meter-value[data-v-157a16f8] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-7f141540] {
+.cn-facts-widget__meter-track[data-v-157a16f8] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-7f141540] {
+.cn-facts-widget__meter-bar[data-v-157a16f8] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-7f141540] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-157a16f8] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-7f141540] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-157a16f8] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-7f141540] {
+.cn-facts-widget__muted[data-v-157a16f8] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-7f141540] {
+.cn-facts-widget__label .hidden-visually[data-v-157a16f8] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -31626,23 +31925,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-7f141540] {
+.cn-facts-widget__label--icon[data-v-157a16f8] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-7f141540] {
+.cn-facts-widget__value-link[data-v-157a16f8] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-7f141540],
-.cn-facts-widget__icon-button[data-v-7f141540],
-.cn-facts-widget__action[data-v-7f141540] {
+.cn-facts-widget__inline-button[data-v-157a16f8],
+.cn-facts-widget__icon-button[data-v-157a16f8],
+.cn-facts-widget__action[data-v-157a16f8] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-7f141540] {
+.cn-facts-widget__inline-button[data-v-157a16f8] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -31653,7 +31952,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-7f141540] {
+.cn-facts-widget__icon-button[data-v-157a16f8] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -31662,23 +31961,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-7f141540]:hover,
-.cn-facts-widget__icon-button[data-v-7f141540]:focus-visible {
+.cn-facts-widget__icon-button[data-v-157a16f8]:hover,
+.cn-facts-widget__icon-button[data-v-157a16f8]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-7f141540] {
+.cn-facts-widget__text[data-v-157a16f8] {
 	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-7f141540] {
+.cn-facts-widget__lead[data-v-157a16f8] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-7f141540] {
+.cn-facts-widget__lead-tile[data-v-157a16f8] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -31691,29 +31990,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-7f141540] {
+.cn-facts-widget__lead-tile--success[data-v-157a16f8] {
 	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-7f141540] {
+.cn-facts-widget__lead-tile--info[data-v-157a16f8] {
 	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-7f141540] {
+.cn-facts-widget__lead-text[data-v-157a16f8] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-7f141540] {
+.cn-facts-widget__lead-title[data-v-157a16f8] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-7f141540] {
+.cn-facts-widget__lead-subtitle[data-v-157a16f8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-7f141540] {
+.cn-facts-widget__action[data-v-157a16f8] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -31725,14 +32024,14 @@ 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-7f141540]:hover,
-.cn-facts-widget__action[data-v-7f141540]:focus-visible {
+.cn-facts-widget__action[data-v-157a16f8]:hover,
+.cn-facts-widget__action[data-v-157a16f8]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-7f141540] {
+.cn-facts-widget__notice[data-v-157a16f8] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-7f141540] {
+.cn-facts-widget__link[data-v-157a16f8] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -31741,12 +32040,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 
 /* `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-7f141540] {
+.cn-facts-widget__rows--columns[data-v-157a16f8] {
 	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-7f141540] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-157a16f8] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -31754,11 +32053,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	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-7f141540] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-157a16f8] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-7f141540] {
+.cn-facts-widget__rows--columns[data-v-157a16f8] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -33427,28 +33726,28 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-7d1cc1e6] {
+.cn-record-list__list[data-v-240de2d4] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__footer[data-v-7d1cc1e6] {
+.cn-record-list__footer[data-v-240de2d4] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer-reason[data-v-7d1cc1e6] {
+.cn-record-list__footer-reason[data-v-240de2d4] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-7d1cc1e6],
-.cn-record-list__error[data-v-7d1cc1e6] {
+.cn-record-list__empty[data-v-240de2d4],
+.cn-record-list__error[data-v-240de2d4] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-7d1cc1e6] {
+.cn-record-list__notice[data-v-240de2d4] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -33457,33 +33756,33 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	background: var(--color-primary-element-light, var(--color-background-dark));
 	color: var(--color-main-text);
 }
-.cn-record-list__notice--warning[data-v-7d1cc1e6] {
+.cn-record-list__notice--warning[data-v-240de2d4] {
 	background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
 	color: var(--color-warning-text, var(--color-main-text));
 }
-.cn-record-list__notice--error[data-v-7d1cc1e6] {
+.cn-record-list__notice--error[data-v-240de2d4] {
 	background: var(--color-error-light, rgba(219, 0, 0, 0.08));
 	color: var(--color-error-text, var(--color-main-text));
 }
-.cn-record-list__notice-icon[data-v-7d1cc1e6] {
+.cn-record-list__notice-icon[data-v-240de2d4] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-7d1cc1e6] {
+.cn-record-list__notice-text[data-v-240de2d4] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-7d1cc1e6] {
+.cn-record-list__loading[data-v-240de2d4] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-7d1cc1e6] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-240de2d4] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__bar[data-v-7d1cc1e6] {
+.cn-record-list__bar[data-v-240de2d4] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -33491,15 +33790,15 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-7d1cc1e6] {
+.cn-record-list__bar-fill[data-v-240de2d4] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-7d1cc1e6] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-240de2d4] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-7d1cc1e6] {
+.cn-record-list__row[data-v-240de2d4] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -33507,11 +33806,22 @@ 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-7d1cc1e6],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-7d1cc1e6] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-240de2d4],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-240de2d4] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-7d1cc1e6] {
+.cn-record-list__dot[data-v-240de2d4] {
+	flex: 0 0 14px;
+	width: 14px;
+	height: 14px;
+	border-radius: 50%;
+}
+.cn-record-list__flag[data-v-240de2d4] {
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+	white-space: nowrap;
+}
+.cn-record-list__avatar[data-v-240de2d4] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -33524,67 +33834,101 @@ 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-7d1cc1e6] {
+.cn-record-list__main[data-v-240de2d4] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-7d1cc1e6] {
+.cn-record-list__title[data-v-240de2d4] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-7d1cc1e6] {
+.cn-record-list__meta[data-v-240de2d4] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-7d1cc1e6] {
+.cn-record-list__aside[data-v-240de2d4] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-7d1cc1e6] {
+.cn-record-list__trailing[data-v-240de2d4] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-7d1cc1e6] {
+.cn-record-list__due[data-v-240de2d4] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-7d1cc1e6] {
+.cn-record-list__due--danger[data-v-240de2d4] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-7d1cc1e6] {
+.cn-record-list__table[data-v-240de2d4] {
+	width: 100%;
+	border-collapse: collapse;
+	font-size: 14px;
+}
+.cn-record-list__table th[data-v-240de2d4] {
+	padding: 6px 0;
+	border-bottom: 1px solid var(--color-border);
+	color: var(--color-text-maxcontrast);
+	font-weight: 600;
+	text-align: start;
+}
+.cn-record-list__table td[data-v-240de2d4] {
+	padding: 8px 0;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-record-list__table .cn-record-list__cell--end[data-v-240de2d4] {
+	padding-inline-start: 12px;
+	text-align: end;
+	font-variant-numeric: tabular-nums;
+}
+.cn-record-list__table .cn-record-list__cell--alert[data-v-240de2d4] {
+	color: var(--color-text-error, var(--color-error-text));
+	font-weight: 700;
+}
+.cn-record-list__footnote[data-v-240de2d4] {
+	margin: 8px 0 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-record-list__due--soon[data-v-240de2d4] {
+	color: var(--color-text-warning, var(--color-warning-text));
+	font-weight: 600;
+}
+.cn-record-list__due--empty[data-v-240de2d4] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-7d1cc1e6] {
+.cn-record-list__row--action[data-v-240de2d4] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-7d1cc1e6] {
+.cn-record-list__row--action .cn-record-list__main[data-v-240de2d4] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-7d1cc1e6] {
+.cn-record-list__title--link[data-v-240de2d4] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-7d1cc1e6] {
+.cn-record-list__pills[data-v-240de2d4] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-7d1cc1e6] {
+.cn-record-list__due--column[data-v-240de2d4] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-7d1cc1e6] {
+.cn-record-list__action[data-v-240de2d4] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -33601,23 +33945,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-7d1cc1e6]:hover,
-.cn-record-list__action[data-v-7d1cc1e6]:focus-visible {
+.cn-record-list__action[data-v-240de2d4]:hover,
+.cn-record-list__action[data-v-240de2d4]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-7d1cc1e6] {
+.cn-record-list__chevron[data-v-240de2d4] {
 	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-7d1cc1e6] {
+.cn-record-list--cards .cn-record-list__list[data-v-240de2d4] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-7d1cc1e6] {
+.cn-record-list__card[data-v-240de2d4] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -33629,51 +33973,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-7d1cc1e6]:hover,
-.cn-record-list__card--link[data-v-7d1cc1e6]:focus-visible {
+.cn-record-list__card--link[data-v-240de2d4]:hover,
+.cn-record-list__card--link[data-v-240de2d4]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-7d1cc1e6],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-7d1cc1e6] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-240de2d4],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-240de2d4] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-7d1cc1e6] {
+.cn-record-list__card-head[data-v-240de2d4] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-7d1cc1e6] {
+.cn-record-list__card-title[data-v-240de2d4] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-7d1cc1e6] {
+.cn-record-list__card-icon[data-v-240de2d4] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-7d1cc1e6] {
+.cn-record-list__card-pills[data-v-240de2d4] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-7d1cc1e6] {
+.cn-record-list__card-value[data-v-240de2d4] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-7d1cc1e6] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-240de2d4] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-7d1cc1e6] {
+.cn-record-list__feed-row[data-v-240de2d4] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-7d1cc1e6] {
+.cn-record-list__feed-icon[data-v-240de2d4] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -33684,25 +34028,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-7d1cc1e6] {
+.cn-record-list__text[data-v-240de2d4] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-7d1cc1e6] {
+.cn-record-list--feed .cn-record-list__main[data-v-240de2d4] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-7d1cc1e6] {
+.cn-record-list__inline-row[data-v-240de2d4] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-7d1cc1e6] {
+.cn-record-list__label[data-v-240de2d4] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-7d1cc1e6] {
+.cn-record-list__inline-title[data-v-240de2d4] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-7d1cc1e6] {
+a.cn-record-list__inline-title[data-v-240de2d4] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -38708,7 +39052,7 @@ to {
   font-weight: 600;
 }
 
-.cn-card-grid__grid[data-v-014eda35] {
+.cn-card-grid__grid[data-v-1c5a3f43] {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
 	gap: 16px;
@@ -38720,15 +39064,15 @@ to {
    down with a large blank gap above them. Collapse those empty cells so the
    remaining cards start at the top. A comment-only node (`v-if` false) still
    matches `:empty` per the CSS spec, so this catches the v-if-hidden case. */
-.cn-card-grid__item[data-v-014eda35]:empty {
+.cn-card-grid__item[data-v-1c5a3f43]:empty {
 	display: none;
 }
-.cn-card-grid__loading[data-v-014eda35] {
+.cn-card-grid__loading[data-v-1c5a3f43] {
 	display: flex;
 	justify-content: center;
 	padding: 40px;
 }
-.cn-card-grid__empty[data-v-014eda35] {
+.cn-card-grid__empty[data-v-1c5a3f43] {
 	padding: 40px 20px;
 	text-align: center;
 }
@@ -39611,20 +39955,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-index-page-widgets--stat-row[data-v-cf9fcc76] {
+.cn-index-page-widgets__note[data-v-096a5eee] {
+	align-self: center;
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+	white-space: nowrap;
+}
+.cn-index-page-widgets--stat-row[data-v-096a5eee] {
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-index-page-widgets__cell[data-v-cf9fcc76] {
+.cn-index-page-widgets__cell[data-v-096a5eee] {
 	display: flex;
 	min-width: 0;
 }
-.cn-index-page-widgets__cell[data-v-cf9fcc76] > * {
+.cn-index-page-widgets__cell[data-v-096a5eee] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
 
 /* The cards after the list, stacked full width (PqSocial). */
-.cn-index-page-widgets--after-list[data-v-cf9fcc76] {
+.cn-index-page-widgets--after-list[data-v-096a5eee] {
 	display: flex;
 	flex-direction: column;
 	gap: var(--cn-board-section-gap, 16px);
@@ -39635,7 +39985,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its
    place beside the toolbar and the list is set by CnIndexPage
    (`cn-index-page--with-side-panel`, index-page.css). */
-.cn-index-page-widgets--side-panel[data-v-cf9fcc76] {
+.cn-index-page-widgets--side-panel[data-v-096a5eee] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;