@conduction/nextcloud-vue 2.135.0 → 2.136.0

package/dist/esm/nextcloud-vue.css

@@ -649,6 +649,31 @@
 	background: var(--color-background-hover);
 }
 
+/* ---- An ordered list field ----------------------------------------------- */
+/* DqPersoonlijkeInstellingen "Weergaven in mijn menu": a row's labelled remove
+   button ("Uit menu halen") is an outlined secondary button, and the select
+   that adds a row runs the field's full width.
+   @spec openspec/changes/board-ordered-list-field/specs/board-ordered-list-field/spec.md */
+.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *) {
+	box-sizing: border-box;
+	height: 34px;
+	min-height: 34px;
+	padding: 0 14px;
+	border: 1px solid var(--cn-board-control-border);
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+	font-size: 14px;
+}
+
+.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *):hover:not(:disabled) {
+	background: var(--color-background-hover);
+}
+
+.cn-look-board .cn-ordered-list-field__add .v-select:not(.cn-look-nextcloud *) {
+	width: 100%;
+	max-width: none;
+}
+
 /* ---- A secondary button --------------------------------------------------- */
 /* The boards draw every secondary button neutral: the main background, a 1px
    control border, the main text, the hover ground on hover (DqFlow "Testen
@@ -1474,6 +1499,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	color: var(--color-text-maxcontrast);
 }
 
+/* A linked cell in a settings card's table reads in the text ink, as the index
+   tables do, not in the settings page's link blue (DqInstellingen: a
+   connection's name opens its settings card). The underline marks the link.
+   @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
+.cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
+	color: var(--color-main-text);
+	text-decoration: underline;
+}
+
 /* Section actions sit at the end of the title row. The row is a grid, so a
    long title wraps beside the buttons instead of running under them. A
    half-width card keeps them there (DqVthInstellingen "Inspectiechecklists",
@@ -1868,14 +1902,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: 1.5;
 }
 
+/* `!important` on the size: a theme that sizes every paragraph with
+   `!important` (thematiq's paragraph token, 15px) would win otherwise. */
 .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) p {
 	color: var(--color-primary-element-light-text) !important;
-	font-size: inherit;
+	font-size: inherit !important;
 	line-height: inherit;
 }
 
 .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__heading {
-	font-size: inherit;
+	font-size: inherit !important;
 	font-weight: 700 !important;
 }
 
@@ -2953,9 +2989,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    gives the second pixel back so the words stay put. The board draws no
    option icon, only the radio and the words.
    @spec openspec/changes/board-setup-choice-rows/specs/board-setup-choice-rows/spec.md */
+/* The radio sits 21px inside the option's edge (DqInstellen): 1px border and
+   20px padding, or 2px and 19px on the chosen option.
+   @spec openspec/changes/board-setup-choice-inset/specs/board-setup-choice-rows/spec.md */
+.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *) {
+	padding: 12px 20px;
+}
+
 .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:not(.cn-look-nextcloud *),
 .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:hover:not(.cn-look-nextcloud *) {
-	padding: 11px 13px;
+	padding: 11px 19px;
 	border-width: 2px;
 	box-shadow: none;
 }
@@ -4257,7 +4300,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 }
 
 .cn-look-board .cn-index-page .cn-index-page__header-buttons > .button-vue--secondary:hover,
-.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item .button-vue:hover {
+.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item:not(.action-item--open) .button-vue:hover {
 	background: var(--color-background-hover) !important;
 }
 
@@ -6111,6 +6154,31 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	border-radius: 50%;
 }
 
+/* The panel's words (DqFilterBeheren): a group heading at 15px/700 in the
+   main ink, the group's note and a view's description at 13px in the muted
+   ink, never bold.
+   @spec openspec/changes/board-saved-views-panel-type/specs/board-saved-views-panel-type/spec.md */
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__section {
+	margin: 12px 0 0;
+	font-size: 15px;
+	font-weight: 700;
+	line-height: 1.2;
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__note {
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__subline {
+	font-size: 13px;
+	font-weight: 400;
+	color: var(--color-text-maxcontrast);
+}
+
 /* ---- A saved view row's menu ------------------------------------------- */
 /* The menu trigger on a saved view row ("Beheer Termijn deze week") is a
    round 34px button (DqFilterBeheren, DqFilterInMenu); NcActions drew the
@@ -10687,7 +10755,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 .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 {
+.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary:not(.action-item--open) .action-item__menutoggle:hover {
 	background: var(--color-background-hover) !important;
 }
 
@@ -11913,6 +11981,25 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 15px;
 }
 
+/* A card with actions holds them at its end, beside the title and meta (the
+   board's "···" on each task). */
+.cn-look-board .cn-grouped-cards__item.cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	column-gap: 12px;
+	align-items: center;
+}
+
+.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > :not(.cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
+	grid-column: 1;
+}
+
+.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > .cn-grouped-cards__item-actions:not(.cn-look-nextcloud *) {
+	grid-column: 2;
+	grid-row: 1 / span 3;
+	margin: 0;
+}
+
 /* ---- A file's side card (CnFilesBrowser) --------------------------------- */
 /* The board's side card: radius 12, 20px 22px of padding, the title a 15px
    muted heading at 600, the facts 8px 16px apart with the values at 500
@@ -12097,6 +12184,33 @@ li[data-cn-admin-tag] > .action-link::after {
 	border-radius: var(--cn-board-control-radius);
 	overflow: hidden;
 }
+
+/* ---- A record list drawn as a data table (CnRecordListWidget) ----------- */
+/* `tableLook: "data"` (DqZaaktype "Berichten aan de aanvrager"): the board's
+   card table rather than the compact grid, a near-white header band at
+   14px/600 in the muted ink, 10px 12px, and 14px cells, 11px 12px, a
+   hairline above each row. Two classes more than the compact grid's rule.
+   @spec openspec/changes/record-list-data-table-and-notice-footnote/specs/record-list/spec.md#requirement-a-record-list-table-can-be-drawn-as-a-data-table */
+.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table th:not(.cn-look-nextcloud *) {
+	--nldesign-component-table-header-background-color: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
+	--nldesign-component-table-header-color: var(--color-text-maxcontrast);
+	--nldesign-component-table-header-font-weight: 600;
+	padding: 10px 12px;
+	border-bottom: 0;
+	background: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+	font-weight: 600;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table td:not(.cn-look-nextcloud *) {
+	padding: 11px 12px;
+	border-top: 1px solid var(--cn-board-hairline);
+	border-bottom: 0;
+	font-size: 14px;
+	line-height: 1.2;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -19685,51 +19799,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
 }
 
 
-.cn-audit-card__list[data-v-841ccbc2] {
+.cn-audit-card__list[data-v-834a0068] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-audit-card__row[data-v-841ccbc2] {
+.cn-audit-card__row[data-v-834a0068] {
 	padding: 6px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-audit-card__row[data-v-841ccbc2]:last-child {
+.cn-audit-card__row[data-v-834a0068]:last-child {
 	border-bottom: none;
 }
-.cn-audit-card__row-head[data-v-841ccbc2] {
+.cn-audit-card__row-head[data-v-834a0068] {
 	display: flex;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-audit-card__action[data-v-841ccbc2] {
+.cn-audit-card__action[data-v-834a0068] {
 	color: var(--color-main-text);
 }
-.cn-audit-card__when[data-v-841ccbc2] {
+.cn-audit-card__when[data-v-834a0068] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	white-space: nowrap;
 }
-.cn-audit-card__row-body[data-v-841ccbc2] {
+.cn-audit-card__row-body[data-v-834a0068] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-audit-card__refused[data-v-841ccbc2] {
+.cn-audit-card__refused[data-v-834a0068] {
 	margin-inline-start: 6px;
 	font-weight: 700;
 	color: var(--color-error-text, var(--color-main-text));
 }
-.cn-audit-card__reason[data-v-841ccbc2] {
+.cn-audit-card__reason[data-v-834a0068] {
 	margin: 2px 0 0;
 	font-size: 0.9em;
 	overflow-wrap: anywhere;
 }
-.cn-audit-card__empty[data-v-841ccbc2] {
+.cn-audit-card__empty[data-v-834a0068] {
 	color: var(--color-text-maxcontrast);
 	text-align: center;
 	padding: 12px 0;
 }
-.cn-audit-card__show-all[data-v-841ccbc2] {
+.cn-audit-card__footnote[data-v-834a0068] {
+	margin: 12px 0 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-audit-card__show-all[data-v-834a0068] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -19737,7 +19856,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
 	padding: 4px 0;
 	font: inherit;
 }
-.cn-audit-card__show-all[data-v-841ccbc2]:hover {
+.cn-audit-card__show-all[data-v-834a0068]:hover {
 	text-decoration: underline;
 }
 
@@ -31160,15 +31279,10 @@ to { background-position: -200% 0;
 }
 
 
-/* The card keeps its own box; the wrapper only adds the line under it. */
-.cn-audit-trail-widget[data-v-38035670] {
+/* The card keeps its own box, footnote included. */
+.cn-audit-trail-widget[data-v-3f7bbf0c] {
 	display: contents;
 }
-.cn-audit-trail-widget__footnote[data-v-38035670] {
-	margin: 0;
-	font-size: 13px;
-	color: var(--color-text-maxcontrast);
-}
 
 
 .cn-banner-widget[data-v-0efd62ad] {
@@ -39128,40 +39242,40 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-working-calendar[data-v-5c34a46e] {
+.cn-working-calendar[data-v-23316897] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-working-calendar__head[data-v-5c34a46e] {
+.cn-working-calendar__head[data-v-23316897] {
 	align-items: center;
 	display: flex;
 	gap: 4px;
 }
-.cn-working-calendar__title[data-v-5c34a46e] {
+.cn-working-calendar__title[data-v-23316897] {
 	font-size: 15px;
 	min-width: 9em;
 	text-align: center;
 }
-.cn-working-calendar__add[data-v-5c34a46e] {
+.cn-working-calendar__add[data-v-23316897] {
 	margin-inline-start: auto;
 }
-.cn-working-calendar__grid[data-v-5c34a46e] {
+.cn-working-calendar__grid[data-v-23316897] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-working-calendar__row[data-v-5c34a46e] {
+.cn-working-calendar__row[data-v-23316897] {
 	display: grid;
 	gap: 4px;
 	grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-.cn-working-calendar__weekday[data-v-5c34a46e] {
+.cn-working-calendar__weekday[data-v-23316897] {
 	color: var(--color-text-maxcontrast);
 	font-size: 12px;
 	text-align: center;
 }
-.cn-working-calendar__day[data-v-5c34a46e] {
+.cn-working-calendar__day[data-v-23316897] {
 	align-items: center;
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
@@ -39172,23 +39286,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	height: 34px;
 	justify-content: center;
 }
-.cn-working-calendar__day[data-v-5c34a46e]:focus-visible {
+.cn-working-calendar__day[data-v-23316897]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 1px;
 }
-.cn-working-calendar__day--off[data-v-5c34a46e] {
+.cn-working-calendar__day--off[data-v-23316897] {
 	background: var(--color-background-dark);
 }
-.cn-working-calendar__day--closed[data-v-5c34a46e] {
+.cn-working-calendar__day--closed[data-v-23316897] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 	border-color: var(--color-error);
 	color: var(--color-error-text, var(--color-main-text));
 	font-weight: 600;
 }
-.cn-working-calendar__day--today[data-v-5c34a46e] {
+.cn-working-calendar__day--today[data-v-23316897] {
 	box-shadow: inset 0 0 0 2px var(--color-primary-element);
 }
-.cn-working-calendar__live[data-v-5c34a46e] {
+.cn-working-calendar__live[data-v-23316897] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -39196,34 +39310,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-working-calendar__note[data-v-5c34a46e] {
+
+/* A theme's paragraph rule sets every p's size and colour with !important
+   (thematiq), so the note and the footnote also set its tokens.
+   @spec openspec/changes/calendar-footnote-paragraph-tokens/specs/working-calendar-footnote/spec.md */
+.cn-working-calendar__note[data-v-23316897] {
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
 
 /* @spec openspec/changes/working-calendar-footnote/specs/working-calendar-footnote/spec.md */
-.cn-working-calendar__footnote[data-v-5c34a46e] {
+.cn-working-calendar__footnote[data-v-23316897] {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-line-height: 1.3;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	font-size: 13px;
 	line-height: 1.3;
 	color: var(--color-text-maxcontrast);
 }
-.cn-working-calendar__form[data-v-5c34a46e] {
+.cn-working-calendar__form[data-v-23316897] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 12px;
 }
-.cn-working-calendar__field[data-v-5c34a46e] {
+.cn-working-calendar__field[data-v-23316897] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-working-calendar__form-actions[data-v-5c34a46e] {
+.cn-working-calendar__form-actions[data-v-23316897] {
 	align-items: flex-end;
 	display: flex;
 	gap: 8px;
 }
-.cn-working-calendar__error[data-v-5c34a46e] {
+.cn-working-calendar__error[data-v-23316897] {
 	color: var(--color-error-text, var(--color-error));
 	margin: 0;
 }
@@ -40187,20 +40309,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__checklist-bar[data-v-16c5db06] {
+.cn-record-list__checklist-bar[data-v-3c8e615c] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-16c5db06] {
+.cn-record-list__checklist-fill[data-v-3c8e615c] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-16c5db06] {
+.cn-record-list__checklist[data-v-3c8e615c] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -40208,16 +40330,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-16c5db06] {
+.cn-record-list__check[data-v-3c8e615c] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-16c5db06] {
+.cn-record-list__check--done[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-16c5db06] {
+.cn-record-list__check-mark[data-v-3c8e615c] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -40227,45 +40349,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 2px solid var(--color-border-maxcontrast);
 	border-radius: 50%;
 }
-.cn-record-list__check--done .cn-record-list__check-mark[data-v-16c5db06] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-3c8e615c] {
 	border-color: transparent;
 	background: var(--color-success-hover, var(--color-background-dark));
 	color: var(--color-success-text, var(--color-success));
 }
 @media (max-width: 640px) {
-.cn-record-list__checklist[data-v-16c5db06] {
+.cn-record-list__checklist[data-v-3c8e615c] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-16c5db06] {
+.cn-record-list__set-field-done[data-v-3c8e615c] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
 	color: var(--color-success-text, var(--color-success));
 	font-weight: bold;
 }
-.cn-record-list__list[data-v-16c5db06] {
+.cn-record-list__list[data-v-3c8e615c] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-16c5db06] {
+.cn-record-list__group-heading[data-v-3c8e615c] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-16c5db06] {
+.cn-record-list__group-head[data-v-3c8e615c] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	margin-top: 6px;
 }
-.cn-record-list__group-head .cn-record-list__group-heading[data-v-16c5db06] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-3c8e615c] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-16c5db06] {
+.cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -40276,34 +40398,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-16c5db06]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-16c5db06] {
+.cn-record-list__footer[data-v-3c8e615c] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer--wide[data-v-16c5db06] {
+.cn-record-list__footer--wide[data-v-3c8e615c] {
 	align-items: stretch;
 }
-.cn-record-list__footer-note[data-v-16c5db06] {
+.cn-record-list__footer-note[data-v-3c8e615c] {
 	margin: 0 0 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__footer-reason[data-v-16c5db06] {
+.cn-record-list__footer-reason[data-v-3c8e615c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-16c5db06],
-.cn-record-list__error[data-v-16c5db06] {
+.cn-record-list__empty[data-v-3c8e615c],
+.cn-record-list__error[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-16c5db06] {
+.cn-record-list__notice[data-v-3c8e615c] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -40312,38 +40434,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	background: var(--color-primary-element-light, var(--color-background-dark));
 	color: var(--color-main-text);
 }
-.cn-record-list__notice--warning[data-v-16c5db06] {
+.cn-record-list__notice--warning[data-v-3c8e615c] {
 	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-16c5db06] {
+.cn-record-list__notice--error[data-v-3c8e615c] {
 	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-16c5db06] {
+.cn-record-list__notice--footnote[data-v-3c8e615c] {
+	margin-top: 12px;
+}
+.cn-record-list__notice-icon[data-v-3c8e615c] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-16c5db06] {
+.cn-record-list__notice-text[data-v-3c8e615c] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-16c5db06] {
+.cn-record-list__loading[data-v-3c8e615c] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-16c5db06],
-.cn-record-list--rule-above .cn-record-list__item[data-v-16c5db06]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
+.cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-16c5db06] {
+.cn-record-list__pill-start[data-v-3c8e615c] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-16c5db06] {
+.cn-record-list__bar[data-v-3c8e615c] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -40351,15 +40476,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-16c5db06] {
+.cn-record-list__bar-fill[data-v-3c8e615c] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-16c5db06] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-16c5db06] {
+.cn-record-list__row[data-v-3c8e615c] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -40367,22 +40492,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-16c5db06],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-16c5db06] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-3c8e615c],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-16c5db06] {
+.cn-record-list__dot[data-v-3c8e615c] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-16c5db06] {
+.cn-record-list__flag[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__avatar[data-v-16c5db06] {
+.cn-record-list__avatar[data-v-3c8e615c] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -40395,82 +40520,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-16c5db06] {
+.cn-record-list__main[data-v-3c8e615c] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-16c5db06] {
+.cn-record-list__title[data-v-3c8e615c] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-16c5db06] {
+.cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-16c5db06] {
+.cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
 	font-weight: 500;
 }
-.cn-record-list__meta[data-v-16c5db06] {
+.cn-record-list__meta[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-16c5db06] {
+.cn-record-list__aside[data-v-3c8e615c] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-16c5db06] {
+.cn-record-list__leading[data-v-3c8e615c] {
 	flex: 0 0 52px;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	font-weight: 600;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__trailing[data-v-16c5db06] {
+.cn-record-list__trailing[data-v-3c8e615c] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-16c5db06] {
+.cn-record-list__due[data-v-3c8e615c] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-16c5db06] {
+.cn-record-list__due--danger[data-v-3c8e615c] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-16c5db06] {
+.cn-record-list__table[data-v-3c8e615c] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-16c5db06] {
+.cn-record-list__table th[data-v-3c8e615c] {
 	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-16c5db06] {
+.cn-record-list__table td[data-v-3c8e615c] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-16c5db06] {
+.cn-record-list__cell-sub[data-v-3c8e615c] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-16c5db06] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-16c5db06] {
+.cn-record-list__sort[data-v-3c8e615c] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -40483,75 +40608,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-16c5db06]:focus-visible {
+.cn-record-list__sort[data-v-3c8e615c]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-16c5db06] {
+.cn-record-list__sort-mark[data-v-3c8e615c] {
 	font-size: 10px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-16c5db06] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-16c5db06] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-16c5db06] {
+.cn-record-list__intro[data-v-3c8e615c] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-16c5db06] {
+.cn-record-list__footnote[data-v-3c8e615c] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-16c5db06] {
+.cn-record-list__due--soon[data-v-3c8e615c] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-16c5db06] {
+.cn-record-list__due--empty[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-16c5db06] {
+.cn-record-list__row--action[data-v-3c8e615c] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-16c5db06] {
+.cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-16c5db06] {
+.cn-record-list__title--link[data-v-3c8e615c] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-16c5db06] {
+.cn-record-list__pills[data-v-3c8e615c] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-16c5db06] {
+.cn-record-list__due--below[data-v-3c8e615c] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-16c5db06] {
+.cn-record-list__footer-link[data-v-3c8e615c] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-16c5db06] {
+.cn-record-list__due--column[data-v-3c8e615c] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-16c5db06] {
+.cn-record-list__action[data-v-3c8e615c] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -40568,11 +40693,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-16c5db06]:hover,
-.cn-record-list__action[data-v-16c5db06]:focus-visible {
+.cn-record-list__action[data-v-3c8e615c]:hover,
+.cn-record-list__action[data-v-3c8e615c]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-16c5db06] {
+.cn-record-list__chevron[data-v-3c8e615c] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -40580,15 +40705,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
    tiles in a grid, the title at 14px regular. The selectors outrank the board
    look's list row rules. */
-.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-16c5db06] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-3c8e615c] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 	gap: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-16c5db06] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-3c8e615c] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-16c5db06] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -40597,19 +40722,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	border: 1px solid var(--cn-board-hairline, var(--color-border));
 	border-radius: 8px;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-16c5db06] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-3c8e615c] {
 	font-size: 14px;
 	font-weight: 400;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-16c5db06] {
+.cn-record-list--cards .cn-record-list__list[data-v-3c8e615c] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-16c5db06] {
+.cn-record-list__card[data-v-3c8e615c] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -40621,51 +40746,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-16c5db06]:hover,
-.cn-record-list__card--link[data-v-16c5db06]:focus-visible {
+.cn-record-list__card--link[data-v-3c8e615c]:hover,
+.cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-16c5db06],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-16c5db06] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-16c5db06] {
+.cn-record-list__card-head[data-v-3c8e615c] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-16c5db06] {
+.cn-record-list__card-title[data-v-3c8e615c] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-16c5db06] {
+.cn-record-list__card-icon[data-v-3c8e615c] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-16c5db06] {
+.cn-record-list__card-pills[data-v-3c8e615c] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-16c5db06] {
+.cn-record-list__card-value[data-v-3c8e615c] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-16c5db06] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-16c5db06] {
+.cn-record-list__feed-row[data-v-3c8e615c] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-16c5db06] {
+.cn-record-list__feed-icon[data-v-3c8e615c] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -40676,25 +40801,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-16c5db06] {
+.cn-record-list__text[data-v-3c8e615c] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-16c5db06] {
+.cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-16c5db06] {
+.cn-record-list__inline-row[data-v-3c8e615c] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-16c5db06] {
+.cn-record-list__label[data-v-3c8e615c] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-16c5db06] {
+.cn-record-list__inline-title[data-v-3c8e615c] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-16c5db06] {
+a.cn-record-list__inline-title[data-v-3c8e615c] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -49365,26 +49490,46 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 }
 
 
-.cn-action-dialog[data-v-7d4eaf3b] {
+.cn-action-dialog[data-v-a3810b54] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-action-dialog__summary[data-v-7d4eaf3b] {
+.cn-action-dialog__summary[data-v-a3810b54] {
 	display: flex;
 	align-items: center;
-	gap: 10px;
+	gap: 12px;
 	padding: 12px 14px;
 	border: 1px solid var(--color-border);
-	border-radius: var(--border-radius-large, 8px);
+	border-radius: var(--border-radius-large, 10px);
+}
+
+/* The record's icon on a tinted tile (DqArchiveren). */
+.cn-action-dialog__summary-icon[data-v-a3810b54] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 36px;
+	height: 36px;
+	border-radius: 8px;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+}
+.cn-action-dialog__summary-text strong[data-v-a3810b54] {
+	font-size: 15px;
+	font-weight: 600;
 }
-.cn-action-dialog__summary-text[data-v-7d4eaf3b] {
+.cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
+	font-size: 13px;
+}
+.cn-action-dialog__summary-text[data-v-a3810b54] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-action-dialog__badge[data-v-7d4eaf3b] {
+.cn-action-dialog__badge[data-v-a3810b54] {
 	padding: 3px 10px;
 	border-radius: 12px;
 	background: var(--color-background-dark);
@@ -49392,7 +49537,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-action-dialog__title[data-v-7d4eaf3b] {
+.cn-action-dialog__title[data-v-a3810b54] {
 	margin: 0 0 8px;
 	font-size: 14px;
 	font-weight: 600;
@@ -49400,39 +49545,52 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 
 /* Facts in columns of at least 200px, each a label over its value above a
    hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
-.cn-action-dialog__facts[data-v-7d4eaf3b] {
+.cn-action-dialog__facts[data-v-a3810b54] {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 12px 24px;
 	margin: 0;
 }
-.cn-action-dialog__fact[data-v-7d4eaf3b] {
+.cn-action-dialog__fact[data-v-a3810b54] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
 	padding-bottom: 10px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-action-dialog__facts dt[data-v-7d4eaf3b] {
+
+/* The server draws every dt as a 130px right-aligned inline block and pads
+   dt and dd 12px; a fact is a label over its value. */
+.cn-action-dialog__facts dt[data-v-a3810b54],
+.cn-action-dialog__facts dd[data-v-a3810b54] {
+	display: block;
+	width: auto;
+	white-space: normal;
+	text-align: start;
+}
+.cn-action-dialog__facts dt[data-v-a3810b54] {
+	margin: 0;
+	padding: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-action-dialog__facts dd[data-v-7d4eaf3b] {
+.cn-action-dialog__facts dd[data-v-a3810b54] {
 	margin: 0;
+	padding: 0;
 	font-size: 15px;
 	font-weight: 500;
 }
 
 /* Checklist rows divided by hairlines, the detail at the row's end
    (DqArchiveren "Klaar om te archiveren"). */
-.cn-action-dialog__checks[data-v-7d4eaf3b] {
+.cn-action-dialog__checks[data-v-a3810b54] {
 	display: flex;
 	flex-direction: column;
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
-.cn-action-dialog__check[data-v-7d4eaf3b] {
+.cn-action-dialog__check[data-v-a3810b54] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -49441,47 +49599,47 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
 	border-top: 1px solid var(--color-border);
 	font-size: 15px;
 }
-.cn-action-dialog__check-label[data-v-7d4eaf3b] {
+.cn-action-dialog__check-label[data-v-a3810b54] {
 	flex: 1 1 auto;
 	font-weight: 600;
 }
-.cn-action-dialog__check-icon[data-v-7d4eaf3b] {
+.cn-action-dialog__check-icon[data-v-a3810b54] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-action-dialog__check-icon--met[data-v-7d4eaf3b] {
+.cn-action-dialog__check-icon--met[data-v-a3810b54] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-action-dialog__muted[data-v-7d4eaf3b] {
+.cn-action-dialog__muted[data-v-a3810b54] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
 
 /* A checkbox field is a tinted box with a 2px edge, its label bold and its
    hint under it (DqArchiveren). */
-.cn-action-dialog__checkbox[data-v-7d4eaf3b] {
+.cn-action-dialog__checkbox[data-v-a3810b54] {
 	padding: 12px 14px;
 	border: 2px solid var(--color-primary-element);
 	border-radius: var(--border-radius-element, 8px);
 	background: var(--color-primary-element-light);
 }
-.cn-action-dialog__checkbox-text[data-v-7d4eaf3b] {
+.cn-action-dialog__checkbox-text[data-v-a3810b54] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-action-dialog__checkbox-label[data-v-7d4eaf3b] {
+.cn-action-dialog__checkbox-label[data-v-a3810b54] {
 	font-size: 15px;
 	font-weight: 600;
 }
-.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-7d4eaf3b] {
+.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
 	font-size: 13px;
 }
-.cn-action-dialog__field[data-v-7d4eaf3b] {
+.cn-action-dialog__field[data-v-a3810b54] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-action-dialog__error[data-v-7d4eaf3b] {
+.cn-action-dialog__error[data-v-a3810b54] {
 	margin: 0;
 	color: var(--color-error-text, var(--color-error));
 }