@conduction/nextcloud-vue 2.141.0 → 2.142.0

package/dist/esm/nextcloud-vue.css

@@ -3182,6 +3182,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	background: var(--cn-board-sunken-ground);
 }
 
+/* An option's two lines at line height 1.2 and its icon at the top of the
+   row, as DqVolgendeStap draws them (rows 60 high, not 70). */
+.cn-look-board .cn-choice-cards .cn-choice-cards__row-title:not(.cn-look-nextcloud *),
+.cn-look-board .cn-choice-cards .cn-choice-cards__row-description:not(.cn-look-nextcloud *) {
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-choice-cards .cn-choice-cards__row-icon:not(.cn-look-nextcloud *) {
+	align-self: flex-start;
+}
+
+/* The chosen option's fields start under its text: radio 18, icon 20 and
+   two 12px gaps past the row's 14px inset. */
+.cn-look-board .cn-choice-cards .cn-choice-cards__cell--with-details:has(.cn-choice-cards__row-icon) .cn-choice-cards__details:not(.cn-look-nextcloud *) {
+	padding-inline-start: 76px;
+}
+
 /* A chosen option stays white under its primary edge, as every Dq dialog board
    draws it (design-system #371); the Nextcloud look keeps the tint.
    @spec openspec/changes/board-choice-row-chosen-white/specs/board-choice-row-chosen-white/spec.md#requirement-a-chosen-board-option-is-white */
@@ -5408,6 +5425,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	font-weight: 700;
 }
 
+/* `widgetProps.tone: "neutral"`: the grey person chip (DqContacten), 13px,
+   12px before the name.
+   @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
+.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-size: 13px;
+}
+
+.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
+	gap: 12px;
+}
+
 .cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title .cn-cell-renderer__avatar-name {
 	text-decoration: underline;
 	text-underline-offset: 2px;
@@ -6584,6 +6614,46 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
+
+/* A table's leading icon on a 32px tile, radius 8, an 18px glyph, 12px
+   before the title (DqOrganisaties, PqOrganisaties: teal; most boards: the
+   light primary). The tile's tone is the page's `rowIconTone`.
+   @spec openspec/changes/board-row-icon-tile/specs/data-table/spec.md#requirement-a-board-tables-leading-icon-sits-on-a-tile */
+.cn-look-board .cn-data-table td.cn-table-col--icon,
+.cn-look-board .cn-data-table th.cn-table-col--icon {
+	width: 48px;
+	padding-inline: 16px 0;
+}
+
+.cn-look-board .cn-data-table td.cn-table-col--icon .material-design-icon {
+	width: 32px;
+	height: 32px;
+	border-radius: 8px;
+	justify-content: center;
+	align-items: center;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+}
+
+.cn-look-board .cn-data-table td.cn-table-col--icon-teal .material-design-icon {
+	background: var(--cn-status-teal-bg);
+	color: var(--cn-status-teal-text);
+}
+
+.cn-look-board .cn-data-table td.cn-table-col--icon-neutral .material-design-icon {
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-data-table td.cn-table-col--icon .material-design-icon svg {
+	width: 18px;
+	height: 18px;
+}
+
+.cn-look-board .cn-data-table td.cn-table-col--icon + td,
+.cn-look-board .cn-data-table th.cn-table-col--icon + th {
+	padding-inline-start: 12px;
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -12627,6 +12697,49 @@ li[data-cn-admin-tag] > .action-link::after {
 	line-height: 1.2;
 }
 
+/* The contacts tab's rows as DqZaakBetrokkenen "Partijen" draws them: the
+   role heading 15px bold ink in sentence case, each person on a row 12px
+   high-padded under a hairline, the details and the period 13px muted.
+   @spec openspec/changes/board-contacts-rows/specs/contacts/spec.md */
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__group-title {
+	margin: 6px 0 0;
+	font-size: 15px;
+	font-weight: 700;
+	letter-spacing: 0;
+	text-transform: none;
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__item {
+	align-items: center;
+	padding: 12px 0;
+	border-top: 1px solid var(--cn-board-hairline);
+	border-radius: 0;
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__item:first-child {
+	margin-top: 8px;
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__name {
+	font-size: 15px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__meta,
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__period {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__period {
+	flex: none;
+}
+
+.cn-look-board .cn-contacts-tab .cn-contacts-tab__group {
+	margin-bottom: 8px;
+}
+
 /* The contacts tab inside a detail card (DqZaakBetrokkenen "Partijen") takes
    the card's padding instead of its own, and its buttons start at the card's
    edge under the subtitle.
@@ -12638,6 +12751,58 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab .cn-contacts-tab__header {
 	justify-content: flex-start;
 }
+
+/* A body card's subtitle as the Dq boards draw it: 14px muted at line
+   height 1.2, 3px under the title, and the content 12px under it.
+   @spec openspec/changes/board-card-subtitle-gaps/specs/board-card/spec.md */
+.cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *) .cn-widget-wrapper__title-stack:has(> .cn-widget-wrapper__subtitle) {
+	gap: 3px;
+}
+
+.cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *) .cn-widget-wrapper__subtitle {
+	font-size: 14px;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *):has(> .cn-widget-wrapper__header .cn-widget-wrapper__subtitle) > .cn-widget-wrapper__content {
+	padding-top: 12px;
+}
+
+/* A checklist (DqTaak): each item an 18-20px box at the card's own inset, the
+   label 10px after it in weight 600, 12px between items, the list 2px below
+   the title block. Nextcloud's checkbox pads its box 7px in and makes every row
+   34px tall, which put the list 7px right and 2px apart too far per item.
+   @spec openspec/changes/board-checklist-rows/specs/checklist-widget/spec.md#requirement-a-board-checklist-sits-at-the-card-inset */
+.cn-look-board .cn-checklist-widget__items {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	margin-top: 2px;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-content {
+	padding: 0;
+	gap: 10px;
+	min-height: 20px;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-content.checkbox-content .checkbox-content__icon {
+	margin: 0;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-radio-switch__input {
+	min-height: 20px;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-content__wrapper,
+.cn-look-board .cn-checklist-widget__item .checkbox-content__text {
+	line-height: 18px;
+	min-height: 0;
+}
+
+.cn-look-board .cn-checklist-widget__item .checkbox-content__text {
+	font-weight: 600;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -17728,64 +17893,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__actions[data-v-abd08d9e] {
+.cn-cell-renderer__actions[data-v-16a6d8b8] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-cell-renderer__icon-label[data-v-abd08d9e] {
+.cn-cell-renderer__icon-label[data-v-16a6d8b8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-abd08d9e] {
+.cn-cell-renderer__switch[data-v-16a6d8b8] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-abd08d9e] {
+.cn-cell-renderer__mono[data-v-16a6d8b8] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-abd08d9e] {
+.cn-cell-renderer--uuid[data-v-16a6d8b8] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-abd08d9e] {
+.cn-cell-renderer--number[data-v-16a6d8b8] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-abd08d9e] {
+.cn-cell-renderer--date[data-v-16a6d8b8] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-state[data-v-abd08d9e] {
+.cn-cell-renderer__date-state[data-v-16a6d8b8] {
 	margin-inline-start: 8px;
 	color: var(--color-success-text, var(--color-main-text));
 }
-.cn-cell-renderer__date-state--past[data-v-abd08d9e] {
+.cn-cell-renderer__date-state--past[data-v-16a6d8b8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__dash[data-v-abd08d9e] {
+.cn-cell-renderer__dash[data-v-16a6d8b8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-abd08d9e] {
+.cn-cell-renderer__avatar[data-v-16a6d8b8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-abd08d9e] {
+.cn-cell-renderer__avatar-picture[data-v-16a6d8b8] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-abd08d9e] {
+.cn-cell-renderer__date-block[data-v-16a6d8b8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-abd08d9e] {
+.cn-cell-renderer__date-tile[data-v-16a6d8b8] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -17795,26 +17960,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-abd08d9e] {
+.cn-cell-renderer__date-day[data-v-16a6d8b8] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-abd08d9e],
-.cn-cell-renderer__date-time[data-v-abd08d9e] {
+.cn-cell-renderer__date-month[data-v-16a6d8b8],
+.cn-cell-renderer__date-time[data-v-16a6d8b8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-abd08d9e] {
+.cn-cell-renderer__date-month[data-v-16a6d8b8] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-abd08d9e] {
+.cn-cell-renderer__date-lines[data-v-16a6d8b8] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-abd08d9e] {
+.cn-cell-renderer__date-weekday[data-v-16a6d8b8] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-abd08d9e] {
+.cn-cell-renderer__avatar-initials[data-v-16a6d8b8] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -17826,12 +17991,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-abd08d9e] {
+.cn-cell-renderer__avatar-text[data-v-16a6d8b8] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-abd08d9e] {
+.cn-cell-renderer__avatar-name[data-v-16a6d8b8] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -17841,7 +18006,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-abd08d9e] {
+.cn-cell-renderer__avatar-secondary[data-v-16a6d8b8] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -17855,34 +18020,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-abd08d9e],
-.cn-cell-renderer__date--warning[data-v-abd08d9e],
-.cn-cell-renderer__date--error[data-v-abd08d9e],
-.cn-cell-renderer__age--success[data-v-abd08d9e],
-.cn-cell-renderer__age--warning[data-v-abd08d9e],
-.cn-cell-renderer__age--error[data-v-abd08d9e] {
+.cn-cell-renderer__date--success[data-v-16a6d8b8],
+.cn-cell-renderer__date--warning[data-v-16a6d8b8],
+.cn-cell-renderer__date--error[data-v-16a6d8b8],
+.cn-cell-renderer__age--success[data-v-16a6d8b8],
+.cn-cell-renderer__age--warning[data-v-16a6d8b8],
+.cn-cell-renderer__age--error[data-v-16a6d8b8] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-abd08d9e] {
+.cn-cell-renderer__age[data-v-16a6d8b8] {
 	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-abd08d9e] {
+.cn-cell-renderer__progress[data-v-16a6d8b8] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-abd08d9e] {
+.cn-cell-renderer__progress-line[data-v-16a6d8b8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-abd08d9e] {
+.cn-cell-renderer__progress-bar[data-v-16a6d8b8] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -17890,33 +18055,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-abd08d9e] {
+.cn-cell-renderer__progress-fill[data-v-16a6d8b8] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-abd08d9e] {
+.cn-cell-renderer__progress-fill--success[data-v-16a6d8b8] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-abd08d9e] {
+.cn-cell-renderer__progress-fill--warning[data-v-16a6d8b8] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-abd08d9e] {
+.cn-cell-renderer__progress-fill--error[data-v-16a6d8b8] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-abd08d9e] {
+.cn-cell-renderer__progress-value[data-v-16a6d8b8] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-abd08d9e] {
+.cn-cell-renderer__progress-value--success[data-v-16a6d8b8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-abd08d9e] {
+.cn-cell-renderer__progress-value--warning[data-v-16a6d8b8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-abd08d9e] {
+.cn-cell-renderer__progress-value--error[data-v-16a6d8b8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-abd08d9e] {
+.cn-cell-renderer__progress-badge[data-v-16a6d8b8] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -17924,86 +18089,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-abd08d9e] {
+.cn-cell-renderer__progress-badge--error[data-v-16a6d8b8] {
 	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-abd08d9e] {
+.cn-cell-renderer__progress-badge--warning[data-v-16a6d8b8] {
 	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-abd08d9e] {
+.cn-cell-renderer__progress-badge--success[data-v-16a6d8b8] {
 	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-abd08d9e] {
+.cn-cell-renderer__age--success[data-v-16a6d8b8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-abd08d9e] {
+.cn-cell-renderer__age--warning[data-v-16a6d8b8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-abd08d9e] {
+.cn-cell-renderer__age--error[data-v-16a6d8b8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-abd08d9e] {
+.cn-cell-renderer__due--empty[data-v-16a6d8b8] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* A withheld value: the lock and the word in the muted text colour. */
-.cn-cell-renderer__withheld[data-v-abd08d9e] {
+.cn-cell-renderer__withheld[data-v-16a6d8b8] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__withheld-icon[data-v-abd08d9e] {
+.cn-cell-renderer__withheld-icon[data-v-16a6d8b8] {
 	flex: 0 0 auto;
 }
-.cn-cell-renderer__withheld-text[data-v-abd08d9e] {
+.cn-cell-renderer__withheld-text[data-v-16a6d8b8] {
 	font-style: italic;
 }
 
 /* A number cell: the flagged number reads in its variant's text colour, with
    the chip saying why (never colour alone). */
-.cn-cell-renderer__number[data-v-abd08d9e] {
+.cn-cell-renderer__number[data-v-16a6d8b8] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
 	white-space: nowrap;
 }
-.cn-cell-renderer__number--warning[data-v-abd08d9e] {
+.cn-cell-renderer__number--warning[data-v-16a6d8b8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__number--error[data-v-abd08d9e] {
+.cn-cell-renderer__number--error[data-v-16a6d8b8] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-cell-renderer__date--success[data-v-abd08d9e] {
+.cn-cell-renderer__date--success[data-v-16a6d8b8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-abd08d9e] {
+.cn-cell-renderer__date--warning[data-v-16a6d8b8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-abd08d9e] {
+.cn-cell-renderer__date--error[data-v-16a6d8b8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__date--muted[data-v-abd08d9e] {
+.cn-cell-renderer__date--muted[data-v-16a6d8b8] {
 	color: var(--color-text-maxcontrast);
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-abd08d9e] {
+.cn-cell-renderer__icon--success[data-v-16a6d8b8] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-abd08d9e] {
+.cn-cell-renderer__swatch-wrap[data-v-16a6d8b8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-abd08d9e] {
+.cn-cell-renderer__swatch-dot[data-v-16a6d8b8] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -19502,11 +19667,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-party-picker__refusal[data-v-44764194] {
+.cn-party-picker__refusal[data-v-1b4d732c] {
 	margin: 4px 0 0;
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-party-picker__unavailable[data-v-44764194] {
+.cn-party-picker__unavailable[data-v-1b4d732c] {
 	margin: 4px 0 0;
 	color: var(--color-text-maxcontrast);
 }
@@ -21742,21 +21907,21 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 }
 
 
-.cn-contacts-tab[data-v-ec6b0008] {
+.cn-contacts-tab[data-v-a0d90184] {
 	padding: 12px;
 	overflow-x: hidden;
 }
-.cn-contacts-tab__header[data-v-ec6b0008] {
+.cn-contacts-tab__header[data-v-a0d90184] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
 	margin-bottom: 12px;
 	flex-wrap: wrap;
 }
-.cn-contacts-tab__group[data-v-ec6b0008] {
+.cn-contacts-tab__group[data-v-a0d90184] {
 	margin-bottom: 16px;
 }
-.cn-contacts-tab__group-title[data-v-ec6b0008] {
+.cn-contacts-tab__group-title[data-v-a0d90184] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
@@ -21767,7 +21932,7 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 }
-.cn-contacts-tab__group-count[data-v-ec6b0008] {
+.cn-contacts-tab__group-count[data-v-a0d90184] {
 	font-weight: 600;
 	font-size: 11px;
 	min-width: 18px;
@@ -21779,14 +21944,14 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	background-color: var(--color-background-dark);
 	color: var(--color-text-maxcontrast);
 }
-.cn-contacts-tab__list[data-v-ec6b0008] {
+.cn-contacts-tab__list[data-v-a0d90184] {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-contacts-tab__item[data-v-ec6b0008] {
+.cn-contacts-tab__item[data-v-a0d90184] {
 	display: flex;
 	align-items: flex-start;
 	gap: 12px;
@@ -21795,16 +21960,16 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	cursor: pointer;
 	transition: background-color 0.1s ease-in-out;
 }
-.cn-contacts-tab__item[data-v-ec6b0008]:hover,
-.cn-contacts-tab__item[data-v-ec6b0008]:focus-within {
+.cn-contacts-tab__item[data-v-a0d90184]:hover,
+.cn-contacts-tab__item[data-v-a0d90184]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-contacts-tab__avatar[data-v-ec6b0008] {
+.cn-contacts-tab__avatar[data-v-a0d90184] {
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
 }
-.cn-contacts-tab__details[data-v-ec6b0008] {
+.cn-contacts-tab__details[data-v-a0d90184] {
 	flex: 1;
 	min-width: 0;
 	display: flex;
@@ -21812,13 +21977,13 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	gap: 2px;
 	padding-top: 2px;
 }
-.cn-contacts-tab__name-row[data-v-ec6b0008] {
+.cn-contacts-tab__name-row[data-v-a0d90184] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-contacts-tab__name[data-v-ec6b0008] {
+.cn-contacts-tab__name[data-v-a0d90184] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -21826,7 +21991,7 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-contacts-tab__sub[data-v-ec6b0008] {
+.cn-contacts-tab__sub[data-v-a0d90184] {
 	display: flex;
 	align-items: center;
 	gap: 5px;
@@ -21834,16 +21999,16 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	color: var(--color-text-maxcontrast);
 	min-width: 0;
 }
-.cn-contacts-tab__sub-icon[data-v-ec6b0008] {
+.cn-contacts-tab__sub-icon[data-v-a0d90184] {
 	flex-shrink: 0;
 	opacity: 0.7;
 }
-.cn-contacts-tab__sub-text[data-v-ec6b0008] {
+.cn-contacts-tab__sub-text[data-v-a0d90184] {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-contacts-tab__unlink[data-v-ec6b0008] {
+.cn-contacts-tab__unlink[data-v-a0d90184] {
 	background: none;
 	border: none;
 	padding: 4px;
@@ -21856,8 +22021,8 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
 	flex-shrink: 0;
 	align-self: center;
 }
-.cn-contacts-tab__unlink[data-v-ec6b0008]:hover,
-.cn-contacts-tab__unlink[data-v-ec6b0008]:focus {
+.cn-contacts-tab__unlink[data-v-a0d90184]:hover,
+.cn-contacts-tab__unlink[data-v-a0d90184]:focus {
 	background-color: var(--color-background-dark);
 	color: var(--color-error);
 }
@@ -22224,21 +22389,124 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 }
 
 
-.cn-deck-card__empty[data-v-13f7eff5] {
+.cn-deck-card-create[data-v-7b2335ba] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 4px 0;
+}
+.cn-deck-card-create__error[data-v-7b2335ba] {
+	margin: 4px 0;
+}
+.cn-deck-card-create__date[data-v-7b2335ba] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+.cn-deck-card-create__date-label[data-v-7b2335ba] {
+	font-size: 0.85em;
+	color: var(--color-text-maxcontrast);
+}
+.cn-deck-card-create__date-input[data-v-7b2335ba] {
+	border-radius: var(--border-radius);
+	padding: 6px 8px;
+	border: 1px solid var(--color-border);
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+
+
+.cn-deck-card-picker[data-v-7861e746] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 4px 0;
+}
+.cn-deck-card-picker__steps[data-v-7861e746] {
+	display: flex;
+	gap: 16px;
+	list-style: none;
+	margin: 0;
+	padding: 0 4px 8px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-deck-card-picker__step[data-v-7861e746] {
+	font-size: 0.85em;
+	color: var(--color-text-maxcontrast);
+}
+.cn-deck-card-picker__step--active[data-v-7861e746] {
+	color: var(--color-main-text);
+	font-weight: 600;
+}
+.cn-deck-card-picker__step--done[data-v-7861e746] {
+	color: var(--color-success, #46ba61);
+}
+.cn-deck-card-picker__error[data-v-7861e746] {
+	margin: 4px 0;
+}
+.cn-deck-card-picker__panel[data-v-7861e746] {
+	min-height: 180px;
+}
+.cn-deck-card-picker__list[data-v-7861e746] {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+.cn-deck-card-picker__row[data-v-7861e746] {
+	border-radius: var(--border-radius);
+}
+.cn-deck-card-picker__row--selected[data-v-7861e746] {
+	background: var(--color-primary-element-light);
+}
+.cn-deck-card-picker__row-button[data-v-7861e746] {
+	display: flex;
+	width: 100%;
+	align-items: center;
+	gap: 8px;
+	padding: 8px 10px;
+	background: transparent;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius);
+	color: var(--color-main-text);
+	cursor: pointer;
+	text-align: left;
+}
+.cn-deck-card-picker__row-button[data-v-7861e746]:hover {
+	background: var(--color-background-hover);
+}
+.cn-deck-card-picker__row--selected .cn-deck-card-picker__row-button[data-v-7861e746] {
+	border-color: var(--color-primary-element);
+}
+.cn-deck-card-picker__row-label[data-v-7861e746] {
+	flex: 1 1 auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+
+.cn-deck-card__action-error[data-v-d8cff1c2] {
+	margin: 8px 0 0;
+	color: var(--color-error-text, var(--color-error));
+}
+.cn-deck-card__empty[data-v-d8cff1c2] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 	padding: 8px 0;
 }
-.cn-deck-card__headline[data-v-13f7eff5] {
+.cn-deck-card__headline[data-v-d8cff1c2] {
 	display: flex;
 	flex-direction: column;
 	gap: 6px;
 }
-.cn-deck-card__headline-line[data-v-13f7eff5] {
+.cn-deck-card__headline-line[data-v-d8cff1c2] {
 	font-size: 1.1em;
 	color: var(--color-main-text);
 }
-.cn-deck-card__distribution[data-v-13f7eff5] {
+.cn-deck-card__distribution[data-v-d8cff1c2] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -22246,7 +22514,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-deck-card__distribution-row[data-v-13f7eff5] {
+.cn-deck-card__distribution-row[data-v-d8cff1c2] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -22254,11 +22522,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-deck-card__distribution-count[data-v-13f7eff5] {
+.cn-deck-card__distribution-count[data-v-d8cff1c2] {
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-deck-card__headline-recent[data-v-13f7eff5] {
+.cn-deck-card__headline-recent[data-v-d8cff1c2] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
@@ -22268,14 +22536,14 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-deck-card__headline-recent a[data-v-13f7eff5] {
+.cn-deck-card__headline-recent a[data-v-d8cff1c2] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-.cn-deck-card__headline-recent a[data-v-13f7eff5]:hover {
+.cn-deck-card__headline-recent a[data-v-d8cff1c2]:hover {
 	text-decoration: underline;
 }
-.cn-deck-card__chip[data-v-13f7eff5] {
+.cn-deck-card__chip[data-v-d8cff1c2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -22289,23 +22557,23 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 }
 
 /* stylelint-disable-next-line no-descending-specificity */
-.cn-deck-card__chip a[data-v-13f7eff5] {
+.cn-deck-card__chip a[data-v-d8cff1c2] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-.cn-deck-card__chip a[data-v-13f7eff5]:hover {
+.cn-deck-card__chip a[data-v-d8cff1c2]:hover {
 	text-decoration: underline;
 }
-.cn-deck-card__chip-stack[data-v-13f7eff5] {
+.cn-deck-card__chip-stack[data-v-d8cff1c2] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 }
-.cn-deck-card__kanban[data-v-13f7eff5] {
+.cn-deck-card__kanban[data-v-d8cff1c2] {
 	display: flex;
 	gap: 8px;
 	align-items: flex-start;
 }
-.cn-deck-card__column[data-v-13f7eff5] {
+.cn-deck-card__column[data-v-d8cff1c2] {
 	flex: 1;
 	min-width: 0;
 	display: flex;
@@ -22315,13 +22583,13 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	border-radius: var(--border-radius);
 	background: var(--color-background-hover);
 }
-.cn-deck-card__column-header[data-v-13f7eff5] {
+.cn-deck-card__column-header[data-v-d8cff1c2] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 4px;
 }
-.cn-deck-card__column-title[data-v-13f7eff5] {
+.cn-deck-card__column-title[data-v-d8cff1c2] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -22329,11 +22597,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-deck-card__column-count[data-v-13f7eff5] {
+.cn-deck-card__column-count[data-v-d8cff1c2] {
 	font-size: 0.7em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-deck-card__column-list[data-v-13f7eff5] {
+.cn-deck-card__column-list[data-v-d8cff1c2] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -22341,7 +22609,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	flex-direction: column;
 	gap: 3px;
 }
-.cn-deck-card__row[data-v-13f7eff5] {
+.cn-deck-card__row[data-v-d8cff1c2] {
 	padding: 4px 6px;
 	border-radius: 4px;
 	background: var(--color-main-background);
@@ -22351,119 +22619,20 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-deck-card__row--highlight[data-v-13f7eff5] {
+.cn-deck-card__row--highlight[data-v-d8cff1c2] {
 	border-color: var(--color-primary-element, #21468B);
 	background: var(--color-primary-element-light, var(--color-background-darker));
 	font-weight: 600;
 }
-.cn-deck-card__title[data-v-13f7eff5] {
+.cn-deck-card__title[data-v-d8cff1c2] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-a.cn-deck-card__title[data-v-13f7eff5]:hover {
+a.cn-deck-card__title[data-v-d8cff1c2]:hover {
 	text-decoration: underline;
 }
 
 
-.cn-deck-card-create[data-v-7b2335ba] {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	padding: 4px 0;
-}
-.cn-deck-card-create__error[data-v-7b2335ba] {
-	margin: 4px 0;
-}
-.cn-deck-card-create__date[data-v-7b2335ba] {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
-.cn-deck-card-create__date-label[data-v-7b2335ba] {
-	font-size: 0.85em;
-	color: var(--color-text-maxcontrast);
-}
-.cn-deck-card-create__date-input[data-v-7b2335ba] {
-	border-radius: var(--border-radius);
-	padding: 6px 8px;
-	border: 1px solid var(--color-border);
-	background: var(--color-main-background);
-	color: var(--color-main-text);
-}
-
-
-.cn-deck-card-picker[data-v-7861e746] {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	padding: 4px 0;
-}
-.cn-deck-card-picker__steps[data-v-7861e746] {
-	display: flex;
-	gap: 16px;
-	list-style: none;
-	margin: 0;
-	padding: 0 4px 8px;
-	border-bottom: 1px solid var(--color-border);
-}
-.cn-deck-card-picker__step[data-v-7861e746] {
-	font-size: 0.85em;
-	color: var(--color-text-maxcontrast);
-}
-.cn-deck-card-picker__step--active[data-v-7861e746] {
-	color: var(--color-main-text);
-	font-weight: 600;
-}
-.cn-deck-card-picker__step--done[data-v-7861e746] {
-	color: var(--color-success, #46ba61);
-}
-.cn-deck-card-picker__error[data-v-7861e746] {
-	margin: 4px 0;
-}
-.cn-deck-card-picker__panel[data-v-7861e746] {
-	min-height: 180px;
-}
-.cn-deck-card-picker__list[data-v-7861e746] {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
-.cn-deck-card-picker__row[data-v-7861e746] {
-	border-radius: var(--border-radius);
-}
-.cn-deck-card-picker__row--selected[data-v-7861e746] {
-	background: var(--color-primary-element-light);
-}
-.cn-deck-card-picker__row-button[data-v-7861e746] {
-	display: flex;
-	width: 100%;
-	align-items: center;
-	gap: 8px;
-	padding: 8px 10px;
-	background: transparent;
-	border: 1px solid var(--color-border);
-	border-radius: var(--border-radius);
-	color: var(--color-main-text);
-	cursor: pointer;
-	text-align: left;
-}
-.cn-deck-card-picker__row-button[data-v-7861e746]:hover {
-	background: var(--color-background-hover);
-}
-.cn-deck-card-picker__row--selected .cn-deck-card-picker__row-button[data-v-7861e746] {
-	border-color: var(--color-primary-element);
-}
-.cn-deck-card-picker__row-label[data-v-7861e746] {
-	flex: 1 1 auto;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-
 .cn-deck-tab__actions[data-v-d4b5abb2] {
 	display: flex;
 	gap: 8px;
@@ -23388,7 +23557,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-3a771a01] {
+.cn-files-browser[data-v-ebaa2c0e] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -23396,22 +23565,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-3a771a01] {
+.cn-files-browser--dragging[data-v-ebaa2c0e] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
 
 /* 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-3a771a01] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ebaa2c0e] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-3a771a01] {
+.cn-files-browser__drop-detail[data-v-ebaa2c0e] {
 	max-width: 520px;
 	font-size: 14px;
 	color: var(--color-main-text);
 }
-.cn-files-browser__drop-overlay[data-v-3a771a01] {
+.cn-files-browser__drop-overlay[data-v-ebaa2c0e] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -23429,7 +23598,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-3a771a01] {
+.cn-files-browser__drop-icon[data-v-ebaa2c0e] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23439,11 +23608,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-3a771a01] {
+.cn-files-browser__drop-label[data-v-ebaa2c0e] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-3a771a01] {
+.cn-files-browser__drop-hint[data-v-ebaa2c0e] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -23453,14 +23622,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-3a771a01] {
+.cn-files-browser__bar[data-v-ebaa2c0e] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-3a771a01] {
+.cn-files-browser__crumbs[data-v-ebaa2c0e] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -23468,13 +23637,13 @@ button.cn-files-card__open[data-v-1a7b9224]: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-3a771a01] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-ebaa2c0e] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-3a771a01] {
+.cn-files-browser__file-input[data-v-ebaa2c0e] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-3a771a01] {
+.cn-files-browser__uploads[data-v-ebaa2c0e] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -23482,35 +23651,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-3a771a01] {
+.cn-files-browser__upload[data-v-ebaa2c0e] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-3a771a01] {
+.cn-files-browser__upload-name[data-v-ebaa2c0e] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-3a771a01] {
+.cn-files-browser__upload-error[data-v-ebaa2c0e] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-3a771a01] {
+.cn-files-browser__loading[data-v-ebaa2c0e] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-3a771a01] {
+.cn-files-browser__body--with-side[data-v-ebaa2c0e] {
 	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-3a771a01] {
+.cn-files-browser__body--with-side[data-v-ebaa2c0e] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-3a771a01] {
+.cn-files-browser__side[data-v-ebaa2c0e] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -23518,14 +23687,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* In the detail page's side column the cards take its gap and its card
    anatomy, as the page's own side cards are drawn. */
-.cn-files-browser__side--in-page[data-v-3a771a01] {
+.cn-files-browser__side--in-page[data-v-ebaa2c0e] {
 	gap: calc(5 * var(--default-grid-baseline));
 }
-.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-3a771a01] {
+.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ebaa2c0e] {
 	padding: var(--cn-board-card-padding, 16px 18px);
 	border-radius: var(--cn-board-card-radius, var(--border-radius-large));
 }
-.cn-files-browser__side-card[data-v-3a771a01] {
+.cn-files-browser__side-card[data-v-ebaa2c0e] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23534,13 +23703,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-3a771a01] {
+.cn-files-browser__side-title[data-v-ebaa2c0e] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-3a771a01] {
+.cn-files-browser__side-facts[data-v-ebaa2c0e] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
@@ -23550,22 +23719,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
    @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
-.cn-files-browser__side-facts dt[data-v-3a771a01],
-.cn-files-browser__side-facts dd[data-v-3a771a01] {
+.cn-files-browser__side-facts dt[data-v-ebaa2c0e],
+.cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
 	display: block;
 	width: auto;
 	padding: 0;
 	text-align: start;
 	white-space: normal;
 }
-.cn-files-browser__side-facts dt[data-v-3a771a01] {
+.cn-files-browser__side-facts dt[data-v-ebaa2c0e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-3a771a01] {
+.cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-3a771a01] {
+.cn-files-browser__side-actions[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -23573,35 +23742,35 @@ button.cn-files-card__open[data-v-1a7b9224]: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-3a771a01] {
+.cn-files-browser__tone[data-v-ebaa2c0e] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-3a771a01] {
+.cn-files-browser__tone--success[data-v-ebaa2c0e] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-3a771a01] {
+.cn-files-browser__tone--warning[data-v-ebaa2c0e] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-3a771a01] {
+.cn-files-browser__tone--error[data-v-ebaa2c0e] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-3a771a01],
-.cn-files-browser__tone--info[data-v-3a771a01] {
+.cn-files-browser__tone--primary[data-v-ebaa2c0e],
+.cn-files-browser__tone--info[data-v-ebaa2c0e] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-3a771a01] {
+.cn-files-browser__table[data-v-ebaa2c0e] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-3a771a01] {
+.cn-files-browser__table th[data-v-ebaa2c0e] {
 	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-3a771a01] {
+.cn-files-browser__sort[data-v-ebaa2c0e] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -23612,46 +23781,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-3a771a01]:hover,
-.cn-files-browser__sort[data-v-3a771a01]:focus-visible {
+.cn-files-browser__sort[data-v-ebaa2c0e]:hover,
+.cn-files-browser__sort[data-v-ebaa2c0e]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-3a771a01] {
+.cn-files-browser__row[data-v-ebaa2c0e] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-3a771a01]:hover,
-.cn-files-browser__row[data-v-3a771a01]:focus-within {
+.cn-files-browser__row[data-v-ebaa2c0e]:hover,
+.cn-files-browser__row[data-v-ebaa2c0e]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-3a771a01] {
+.cn-files-browser__table td[data-v-ebaa2c0e] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-3a771a01] {
+.cn-files-browser__col-icon[data-v-ebaa2c0e] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-3a771a01] {
+.cn-files-browser__col-size[data-v-ebaa2c0e] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-3a771a01] {
+.cn-files-browser__col-mtime[data-v-ebaa2c0e] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-3a771a01] {
+.cn-files-browser__col-select[data-v-ebaa2c0e] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-3a771a01] {
+.cn-files-browser__select[data-v-ebaa2c0e] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-3a771a01] {
+.cn-files-browser__bulk-bar[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -23660,11 +23829,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-3a771a01] {
+.cn-files-browser__bulk-count[data-v-ebaa2c0e] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-3a771a01] {
+.cn-files-browser__review[data-v-ebaa2c0e] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23673,28 +23842,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: 10px;
 	background: var(--color-background-hover);
 }
-.cn-files-browser__review-head[data-v-3a771a01] {
+.cn-files-browser__review-head[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-3a771a01] {
+.cn-files-browser__review-title[data-v-ebaa2c0e] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-3a771a01] {
+.cn-files-browser__review-sub[data-v-ebaa2c0e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-3a771a01] {
+.cn-files-browser__review-bar[data-v-ebaa2c0e] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-3a771a01] {
+.cn-files-browser__review-legend[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -23703,48 +23872,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-3a771a01] {
+.cn-files-browser__review-legend li[data-v-ebaa2c0e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-3a771a01] {
+.cn-files-browser__review-dot[data-v-ebaa2c0e] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-3a771a01] {
+.cn-files-browser__review-part--success[data-v-ebaa2c0e] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-3a771a01] {
+.cn-files-browser__review-part--warning[data-v-ebaa2c0e] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-3a771a01] {
+.cn-files-browser__review-part--error[data-v-ebaa2c0e] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-3a771a01] {
+.cn-files-browser__review-part--info[data-v-ebaa2c0e] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-3a771a01] {
+.cn-files-browser__review-part--default[data-v-ebaa2c0e] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-3a771a01] {
+.cn-files-browser__row-button[data-v-ebaa2c0e] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-3a771a01] {
+.cn-files-browser__facets[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-3a771a01] {
+.cn-files-browser__facet[data-v-ebaa2c0e] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-3a771a01] {
+.cn-files-browser__facet-chip[data-v-ebaa2c0e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23756,41 +23925,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-3a771a01] {
+.cn-files-browser__facet-chip--active[data-v-ebaa2c0e] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-3a771a01] {
+.cn-files-browser__group-heading[data-v-ebaa2c0e] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-3a771a01] {
+.cn-files-browser__group-count[data-v-ebaa2c0e] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-3a771a01] {
+.cn-files-browser__no-match[data-v-ebaa2c0e] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-3a771a01] {
+.cn-files-browser__col-actions[data-v-ebaa2c0e] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-3a771a01]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-ebaa2c0e]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
-.cn-files-browser__col-name[data-v-3a771a01] {
+.cn-files-browser__col-name[data-v-ebaa2c0e] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-3a771a01] {
+.cn-files-browser__name[data-v-ebaa2c0e] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-3a771a01] {
+.cn-files-browser__name-secondary[data-v-ebaa2c0e] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -23798,41 +23967,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-3a771a01] {
+.cn-files-browser__footnote[data-v-ebaa2c0e] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-3a771a01] {
+.cn-files-browser__row--linked[data-v-ebaa2c0e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-3a771a01] {
+.cn-files-browser__note[data-v-ebaa2c0e] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-3a771a01] {
+.cn-files-browser__note-link[data-v-ebaa2c0e] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-3a771a01] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-ebaa2c0e] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-3a771a01],
-.cn-files-browser__thumb[data-v-3a771a01] {
+.cn-files-browser__mime[data-v-ebaa2c0e],
+.cn-files-browser__thumb[data-v-ebaa2c0e] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-3a771a01] {
+.cn-files-browser__thumb[data-v-ebaa2c0e] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-3a771a01] {
+.cn-files-browser__new-folder[data-v-ebaa2c0e] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-3a771a01] {
+.hidden-visually[data-v-ebaa2c0e] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -23842,9 +24011,9 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-89d80864] { padding: 12px;
+.cn-sidebar-tab[data-v-569603d2] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-89d80864] {
+.cn-sidebar-tab__upload-error[data-v-569603d2] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -23852,7 +24021,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-89d80864] {
+.cn-sidebar-tab__dropzone[data-v-569603d2] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -23865,46 +24034,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-89d80864]:hover {
+.cn-sidebar-tab__dropzone[data-v-569603d2]: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-89d80864] {
+.cn-sidebar-tab__dropzone--active[data-v-569603d2] {
 	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-89d80864] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-569603d2] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-569603d2] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-89d80864],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-569603d2],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-569603d2] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-89d80864] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-569603d2] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-89d80864] { display: none;
+.cn-sidebar-tab__file-input[data-v-569603d2] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-89d80864] {
+.cn-sidebar-tab__empty[data-v-569603d2] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-89d80864] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-569603d2] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-89d80864],
-.cn-sidebar-tab__thumb[data-v-89d80864] {
+.cn-sidebar-tab__mime[data-v-569603d2],
+.cn-sidebar-tab__thumb[data-v-569603d2] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-89d80864] {
+.cn-sidebar-tab__thumb[data-v-569603d2] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-89d80864] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-569603d2] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-89d80864] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-569603d2] { margin-top: 8px;
 }
 
 
@@ -39104,7 +39273,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-1b8f8e6f] {
+.cn-facts-widget[data-v-b1b0c69e] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -39114,7 +39283,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* `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-1b8f8e6f] {
+.cn-facts-widget__rows[data-v-b1b0c69e] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -39124,7 +39293,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-1b8f8e6f] {
+.cn-facts-widget__row[data-v-b1b0c69e] {
 	display: contents;
 }
 
@@ -39133,14 +39302,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
    12px around both and widened the label column to 130px. 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-1b8f8e6f] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
 	width: auto;
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-1b8f8e6f] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-b1b0c69e] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -39148,56 +39317,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-1b8f8e6f] {
+.cn-facts-widget__title[data-v-b1b0c69e] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-1b8f8e6f] {
+.cn-facts-widget__line[data-v-b1b0c69e] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-1b8f8e6f] {
+.cn-facts-widget__meter[data-v-b1b0c69e] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-1b8f8e6f] {
+.cn-facts-widget__meter-head[data-v-b1b0c69e] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-1b8f8e6f] {
+.cn-facts-widget__meter-label[data-v-b1b0c69e] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-1b8f8e6f] {
+.cn-facts-widget__meter-value[data-v-b1b0c69e] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-1b8f8e6f] {
+.cn-facts-widget__meter-track[data-v-b1b0c69e] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
+.cn-facts-widget__meter-bar[data-v-b1b0c69e] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-b1b0c69e] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-b1b0c69e] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-1b8f8e6f] {
+.cn-facts-widget__muted[data-v-b1b0c69e] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-1b8f8e6f] {
+.cn-facts-widget__label .hidden-visually[data-v-b1b0c69e] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -39205,27 +39374,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-1b8f8e6f] {
+.cn-facts-widget__label--icon[data-v-b1b0c69e] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-1b8f8e6f] {
+.cn-facts-widget__value-link[data-v-b1b0c69e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-1b8f8e6f],
-.cn-facts-widget__icon-button[data-v-1b8f8e6f],
-.cn-facts-widget__action[data-v-1b8f8e6f] {
+.cn-facts-widget__inline-button[data-v-b1b0c69e],
+.cn-facts-widget__icon-button[data-v-b1b0c69e],
+.cn-facts-widget__action[data-v-b1b0c69e] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__reveal-error[data-v-1b8f8e6f] {
+.cn-facts-widget__reveal-error[data-v-b1b0c69e] {
 	font-size: 13px;
 	color: var(--color-text-error, var(--color-error));
 }
-.cn-facts-widget__inline-button[data-v-1b8f8e6f] {
+.cn-facts-widget__inline-button[data-v-b1b0c69e] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -39237,7 +39406,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 30px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-1b8f8e6f] {
+.cn-facts-widget__icon-button[data-v-b1b0c69e] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -39246,23 +39415,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-1b8f8e6f]:hover,
-.cn-facts-widget__icon-button[data-v-1b8f8e6f]:focus-visible {
+.cn-facts-widget__icon-button[data-v-b1b0c69e]:hover,
+.cn-facts-widget__icon-button[data-v-b1b0c69e]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-1b8f8e6f] {
+.cn-facts-widget__text[data-v-b1b0c69e] {
 	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-1b8f8e6f] {
+.cn-facts-widget__lead[data-v-b1b0c69e] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-1b8f8e6f] {
+.cn-facts-widget__lead-tile[data-v-b1b0c69e] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -39277,32 +39446,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Initials stand for a person: round, as an avatar. */
-.cn-facts-widget__lead-tile--initials[data-v-1b8f8e6f] {
+.cn-facts-widget__lead-tile--initials[data-v-b1b0c69e] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-1b8f8e6f] {
+.cn-facts-widget__lead-tile--success[data-v-b1b0c69e] {
 	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-1b8f8e6f] {
+.cn-facts-widget__lead-tile--info[data-v-b1b0c69e] {
 	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-1b8f8e6f] {
+.cn-facts-widget__lead-text[data-v-b1b0c69e] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-1b8f8e6f] {
+.cn-facts-widget__lead-title[data-v-b1b0c69e] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-1b8f8e6f] {
+.cn-facts-widget__lead-subtitle[data-v-b1b0c69e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-1b8f8e6f] {
+.cn-facts-widget__action[data-v-b1b0c69e] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -39314,20 +39483,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-1b8f8e6f]:hover,
-.cn-facts-widget__action[data-v-1b8f8e6f]:focus-visible {
+.cn-facts-widget__action[data-v-b1b0c69e]:hover,
+.cn-facts-widget__action[data-v-b1b0c69e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-1b8f8e6f] {
+.cn-facts-widget__notice[data-v-b1b0c69e] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-1b8f8e6f] {
+.cn-facts-widget__link[data-v-b1b0c69e] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__link--button[data-v-1b8f8e6f] {
+.cn-facts-widget__link--button[data-v-b1b0c69e] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -39342,12 +39511,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 
 /* `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-1b8f8e6f] {
+.cn-facts-widget__rows--columns[data-v-b1b0c69e] {
 	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-1b8f8e6f] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-b1b0c69e] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -39355,11 +39524,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	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-1b8f8e6f] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
+.cn-facts-widget__rows--columns[data-v-b1b0c69e] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }