@conduction/nextcloud-vue 2.132.0 → 2.133.0

package/dist/nextcloud-vue.css

@@ -102,7 +102,7 @@
 	--cn-board-card-inline-padding: 22px;
 	--cn-board-card-padding: 20px var(--cn-board-card-inline-padding);
 	/* The side inset of a dashboard card: its title and its rows. */
-	--cn-board-dashboard-card-inset: 24px;
+	--cn-board-dashboard-card-inset: 22px;
 	/* Hairline inside a card, and the soft secondary text: the boards' #3d4047,
 	   between the main text and the muted text, so it follows a theme's pair. */
 	--cn-board-hairline: var(--color-border);
@@ -689,6 +689,15 @@
 	--button-size: 34px;
 }
 
+/* A detail page marked `cardButtons: "regular"` draws them at the 40px
+   control height: the case page's tab cards (DqZaakContact "Live gesprek",
+   DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
+   @spec openspec/changes/detail-card-buttons-regular/specs/detail-card-buttons/spec.md#requirement-a-detail-page-can-draw-its-card-header-buttons-at-the-control-height */
+.cn-look-board.cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)),
+.cn-look-board .cn-detail-page--card-buttons-regular .cn-widget-wrapper__actions .button-vue:not(.action-item__menutoggle):has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
+
 /* The same beside a CnDetailCard's title (DqTaak "Notitie toevoegen" on the
    notes card, a detail card's declared header actions).
    @spec openspec/changes/board-detail-card-header-button-height/specs/board-detail-card-header-button-height/spec.md#requirement-a-labelled-detail-card-header-button-is-40px */
@@ -2311,14 +2320,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Record list on a dashboard card (PtDashboard) ---------------------- */
 /* The dashboard's card body is flush, so the rows carry their own inset: the
-   board's card pads 24px at the sides and each row 12px (the Dq dashboards;
+   board's card pads 22px at the sides and each row 12px (the Dq dashboards;
    the pipelinq board's 14px gives way), a soft hairline
    between rows, the title 15px weight 600 and the meta 13px muted. A row is a
    link, but only the hover says so: no underline on any text run, however the
    host styles its links (`!important`, because a host rule such as
    `#content a` outranks any class). The pill and the date sit at the right. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list {
-	padding: 0 24px 10px;
+	padding: 0 var(--cn-board-dashboard-card-inset) 10px;
 }
 
 /* Inside a plain or grid sections widget the sections body already takes
@@ -2424,7 +2433,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-widget-card-grid--in-cell {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* A record list drawn as cards (ShBank's bank accounts) keeps the rows' 24px
@@ -2433,7 +2442,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    draws them. A card is a link only by its hover: no underline on any text run.
    @spec openspec/changes/record-list-cards/specs/record-list-cards/spec.md#requirement-a-record-list-can-draw-its-rows-as-cards */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--cards {
-	padding: 16px 24px 20px;
+	padding: 16px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper--borderless .cn-record-list--cards {
@@ -2447,9 +2456,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 
 /* ---- Saved views on a dashboard card (PqMijnWerk) ------------------------ */
 /* The card body is flush, so the list and its empty line carry the card's
-   inset themselves, the same 24px at the sides as a record list. */
+   inset themselves, the same card inset at the sides as a record list. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-saved-views-widget {
-	padding: 4px 24px 20px;
+	padding: 4px var(--cn-board-dashboard-card-inset) 20px;
 }
 
 /* The board draws no chevron after the pill and date. */
@@ -2596,6 +2605,25 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	background: var(--color-primary-element);
 }
 
+/* An item's tone (`content.itemTones`) colours its dot (DqMijnWerk: a
+   reaction blue, a publication green, a handover grey).
+   @spec openspec/changes/nc-widget-item-tones/specs/nc-widget-item-tones/spec.md#requirement-a-nextcloud-widget-item-can-take-a-tone-from-its-app-or-type */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-success .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-success);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-neutral .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-warning .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-warning);
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--tone-error .cn-nc-widget-widget__item-icon-wrap {
+	background: var(--color-error);
+}
+
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-nc-widget-widget__item--vertical .cn-nc-widget-widget__item-icon-wrap img {
 	display: none;
 }
@@ -4939,6 +4967,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	padding-inline: 16px;
 }
 
+/* The row's actions menu (a 34px toggle) adds no height to a card table's
+   row: the cell has no block padding, so the row stays at its text's 40px. */
+.cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table .cn-table-col--actions {
+	padding-block: 0;
+}
+
 .cn-look-board .cn-index-page__main--table .cn-table-container--board .cn-data-table td > .cn-cell-renderer {
 	display: block;
 	min-width: 0;
@@ -33135,41 +33169,41 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__panel-heading[data-v-f0387a7a] {
+.cn-tabs-widget__panel-heading[data-v-37820b09] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	margin-bottom: 16px;
 }
-.cn-tabs-widget__panel-heading--actions[data-v-f0387a7a] {
+.cn-tabs-widget__panel-heading--actions[data-v-37820b09] {
 	flex-direction: row;
 	flex-wrap: wrap;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: 10px 16px;
 }
-.cn-tabs-widget__panel-heading-text[data-v-f0387a7a] {
+.cn-tabs-widget__panel-heading-text[data-v-37820b09] {
 	display: flex;
 	flex: 1 1 260px;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 0;
 }
-.cn-tabs-widget__panel-actions[data-v-f0387a7a] {
+.cn-tabs-widget__panel-actions[data-v-37820b09] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 16px;
 }
-.cn-tabs-widget__panel-title[data-v-f0387a7a] {
+.cn-tabs-widget__panel-title[data-v-37820b09] {
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
 }
-.cn-tabs-widget__panel-subtitle[data-v-f0387a7a] {
+.cn-tabs-widget__panel-subtitle[data-v-37820b09] {
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-tabs-widget__stack[data-v-f0387a7a] {
+.cn-tabs-widget__stack[data-v-37820b09] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -33178,19 +33212,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
    onto the next row, a row's cards as tall as the tallest. Narrow, it is the
    plain stack again. */
-.cn-tabs-widget__stack--grid[data-v-f0387a7a] {
+.cn-tabs-widget__stack--grid[data-v-37820b09] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-f0387a7a] > * {
+.cn-tabs-widget__stack--grid[data-v-37820b09] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-f0387a7a] {
+.cn-tabs-widget__stack--grid[data-v-37820b09] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-f0387a7a] > * {
+.cn-tabs-widget__stack--grid[data-v-37820b09] > * {
 		grid-column: auto !important;
 }
 }
@@ -33224,7 +33258,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    `!important` or on load order this library does not control. The same
    technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
    in CnTabs to beat Nextcloud's own button margin. */
-.cn-tabs-widget.cn-tabs-widget[data-v-f0387a7a] {
+.cn-tabs-widget.cn-tabs-widget[data-v-37820b09] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -33248,12 +33282,12 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    below it: the rule ran straight on to the widget's edge and read as a
    border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
    where the curve begins makes the rule and the curve one continuous edge. */
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -33266,11 +33300,11 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    own background-coloured bottom edge, which only works if it paints ABOVE the
    pseudo-element: a positioned pseudo-element otherwise paints over every
    in-flow sibling, rule included. */
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-f0387a7a] {
+.cn-tabs-widget__tabs[data-v-37820b09] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -33288,7 +33322,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    the open tab, but padding sits inside the painted box — only a margin would
    have opened that gap, and a zero top put every panel's content against the
    strip. */
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__content {
 	background-color: var(--color-main-background);
 	/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
 	   is this sheet's top edge, and the open tab erases the slice of it
@@ -33308,7 +33342,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tab {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tab {
 	height: 100%;
 }
 
@@ -33316,13 +33350,13 @@ button.cn-stepper__step[data-v-3cab4d7d] {
    (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
    holds the list directly the footer stuck out 4px on the right and at the
    bottom and made the panel scroll. It bleeds exactly the panel's padding. */
-.cn-tabs-widget__tabs[data-v-f0387a7a] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-37820b09] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
 
 /* The open panel's header link, beside the strip. Same look and theme hooks
    as a card header link (CnWidgetWrapper). */
-.cn-tabs-widget__header-link[data-v-f0387a7a] {
+.cn-tabs-widget__header-link[data-v-37820b09] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -33331,21 +33365,21 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-tabs-widget__header-link[data-v-f0387a7a]:hover,
-.cn-tabs-widget__header-link[data-v-f0387a7a]:focus-visible {
+.cn-tabs-widget__header-link[data-v-37820b09]:hover,
+.cn-tabs-widget__header-link[data-v-37820b09]:focus-visible {
 	text-decoration: underline;
 }
-.cn-tabs-widget__header-link[data-v-f0387a7a]:focus-visible {
+.cn-tabs-widget__header-link[data-v-37820b09]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
 }
-.cn-tabs-widget__title[data-v-f0387a7a] {
+.cn-tabs-widget__title[data-v-37820b09] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-f0387a7a] {
+.cn-tabs-widget__title-icon[data-v-37820b09] {
 	flex: 0 0 auto;
 }
 
@@ -36587,7 +36621,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 }
 
 
-.cn-nc-widget-widget[data-v-6d5d59a8] {
+.cn-nc-widget-widget[data-v-24a18190] {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -36603,19 +36637,19 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
  * bottom, flush to the header on top). Same design tokens as core; overridable
  * via the host's CnWidgetWrapper styleConfig / nldesign.
  */
-.cn-nc-widget-widget__header[data-v-6d5d59a8] {
+.cn-nc-widget-widget__header[data-v-24a18190] {
 	display: flex;
 	align-items: center;
 	gap: 16px;
 	padding: 16px;
 	font-weight: 700;
 }
-.cn-nc-widget-widget__header-icon[data-v-6d5d59a8] {
+.cn-nc-widget-widget__header-icon[data-v-24a18190] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 auto;
 }
-.cn-nc-widget-widget__header-title[data-v-6d5d59a8] {
+.cn-nc-widget-widget__header-title[data-v-24a18190] {
 	flex: 1;
 	font-size: 20px;
 	font-weight: 700;
@@ -36624,18 +36658,18 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-nc-widget-widget__show-all[data-v-6d5d59a8] {
+.cn-nc-widget-widget__show-all[data-v-24a18190] {
 	align-self: flex-start;
 	padding: 8px 0 0;
 	color: var(--color-primary-element);
 	font-weight: 600;
 	text-decoration: none;
 }
-.cn-nc-widget-widget__show-all[data-v-6d5d59a8]:hover,
-.cn-nc-widget-widget__show-all[data-v-6d5d59a8]:focus-visible {
+.cn-nc-widget-widget__show-all[data-v-24a18190]:hover,
+.cn-nc-widget-widget__show-all[data-v-24a18190]:focus-visible {
 	text-decoration: underline;
 }
-.cn-nc-widget-widget__native[data-v-6d5d59a8] {
+.cn-nc-widget-widget__native[data-v-24a18190] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
@@ -36669,7 +36703,7 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
  * still claims that much room regardless of the grid track size, so the
  * track itself must not go below it.
  */
-.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .dashboard-widget > ul {
+.cn-nc-widget-widget--horizontal[data-v-24a18190] .dashboard-widget > ul {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	gap: 8px;
@@ -36677,33 +36711,33 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	margin: 0;
 	padding: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .dashboard-widget > ul > li {
+.cn-nc-widget-widget--horizontal[data-v-24a18190] .dashboard-widget > ul > li {
 	width: auto;
 	min-width: 0;
 }
-.cn-nc-widget-widget--horizontal[data-v-6d5d59a8] .item-list__entry {
+.cn-nc-widget-widget--horizontal[data-v-24a18190] .item-list__entry {
 	height: 100%;
 	margin: 0;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 }
-.cn-nc-widget-widget__body[data-v-6d5d59a8] {
+.cn-nc-widget-widget__body[data-v-24a18190] {
 	flex: 1;
 	overflow: auto;
 	padding: 0 16px 16px;
 }
-.cn-nc-widget-widget__body--vertical[data-v-6d5d59a8] {
+.cn-nc-widget-widget__body--vertical[data-v-24a18190] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-nc-widget-widget__body--horizontal[data-v-6d5d59a8] {
+.cn-nc-widget-widget__body--horizontal[data-v-24a18190] {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-nc-widget-widget__state[data-v-6d5d59a8] {
+.cn-nc-widget-widget__state[data-v-24a18190] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -36712,59 +36746,59 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
-.cn-nc-widget-widget__item[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item[data-v-24a18190] {
 	display: flex;
 	text-decoration: none;
 	color: var(--color-main-text);
 	border-radius: var(--border-radius);
 	padding: 4px;
 }
-.cn-nc-widget-widget__item[data-v-6d5d59a8]:hover {
+.cn-nc-widget-widget__item[data-v-24a18190]:hover {
 	background-color: var(--color-background-hover);
 }
-.cn-nc-widget-widget__item--vertical[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item--vertical[data-v-24a18190] {
 	flex-direction: row;
 	align-items: center;
 	gap: 8px;
 }
-.cn-nc-widget-widget__item--horizontal[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item--horizontal[data-v-24a18190] {
 	flex-direction: column;
 	align-items: center;
 	width: 120px;
 	text-align: center;
 }
-.cn-nc-widget-widget__item-icon-wrap[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-icon-wrap[data-v-24a18190] {
 	width: 32px;
 	height: 32px;
 	flex: 0 0 32px;
 	position: relative;
 }
-.cn-nc-widget-widget__item-icon[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-icon[data-v-24a18190] {
 	width: 32px;
 	height: 32px;
 	object-fit: cover;
 	border-radius: 50%;
 }
-.cn-nc-widget-widget__item-overlay[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-overlay[data-v-24a18190] {
 	position: absolute;
 	right: -2px;
 	bottom: -2px;
 	width: 14px;
 	height: 14px;
 }
-.cn-nc-widget-widget__item-text[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-text[data-v-24a18190] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 	flex: 1;
 }
-.cn-nc-widget-widget__item-title[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-title[data-v-24a18190] {
 	font-weight: 600;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-nc-widget-widget__item-subtitle[data-v-6d5d59a8] {
+.cn-nc-widget-widget__item-subtitle[data-v-24a18190] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 	overflow: hidden;
@@ -38252,7 +38286,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-action-buttons[data-v-7319dc1e] {
+.cn-action-buttons[data-v-57a55d70] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
@@ -38262,7 +38296,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* In menu mode the only children are dialogs, so the wrapper must not be a
    box: an empty inline-flex child still eats one of the header's flex gaps
    and pushes the Actions menu away from the Edit button beside it. */
-.cn-action-buttons--menu[data-v-7319dc1e] {
+.cn-action-buttons--menu[data-v-57a55d70] {
 	display: contents;
 }
 
@@ -40046,20 +40080,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__checklist-bar[data-v-643dc42a] {
+.cn-record-list__checklist-bar[data-v-5aa15b1d] {
 	height: 8px;
 	margin-block-end: 16px;
 	border-radius: 4px;
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-record-list__checklist-fill[data-v-643dc42a] {
+.cn-record-list__checklist-fill[data-v-5aa15b1d] {
 	display: block;
 	height: 100%;
 	border-radius: 4px;
 	background: var(--color-primary-element);
 }
-.cn-record-list__checklist[data-v-643dc42a] {
+.cn-record-list__checklist[data-v-5aa15b1d] {
 	display: grid;
 	grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
 	gap: 8px 16px;
@@ -40067,16 +40101,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0;
 	list-style: none;
 }
-.cn-record-list__check[data-v-643dc42a] {
+.cn-record-list__check[data-v-5aa15b1d] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-height: 28px;
 }
-.cn-record-list__check--done[data-v-643dc42a] {
+.cn-record-list__check--done[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__check-mark[data-v-643dc42a] {
+.cn-record-list__check-mark[data-v-5aa15b1d] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -40086,45 +40120,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-643dc42a] {
+.cn-record-list__check--done .cn-record-list__check-mark[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__checklist[data-v-5aa15b1d] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-record-list__set-field-done[data-v-643dc42a] {
+.cn-record-list__set-field-done[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__list[data-v-5aa15b1d] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-643dc42a] {
+.cn-record-list__group-heading[data-v-5aa15b1d] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__group-head[data-v-643dc42a] {
+.cn-record-list__group-head[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__group-head .cn-record-list__group-heading[data-v-5aa15b1d] {
 	margin: 0;
 }
-.cn-record-list__action--tonal.button-vue[data-v-643dc42a] {
+.cn-record-list__action--tonal.button-vue[data-v-5aa15b1d] {
 	min-height: 34px;
 	height: 34px;
 	padding: 0 12px;
@@ -40135,26 +40169,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-record-list__action--tonal.button-vue[data-v-643dc42a]:hover:not(:disabled) {
+.cn-record-list__action--tonal.button-vue[data-v-5aa15b1d]:hover:not(:disabled) {
 	background-color: var(--color-primary-element-light-hover);
 }
-.cn-record-list__footer[data-v-643dc42a] {
+.cn-record-list__footer[data-v-5aa15b1d] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer-reason[data-v-643dc42a] {
+.cn-record-list__footer-reason[data-v-5aa15b1d] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-643dc42a],
-.cn-record-list__error[data-v-643dc42a] {
+.cn-record-list__empty[data-v-5aa15b1d],
+.cn-record-list__error[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-643dc42a] {
+.cn-record-list__notice[data-v-5aa15b1d] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -40163,38 +40197,38 @@ 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-643dc42a] {
+.cn-record-list__notice--warning[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__notice--error[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__notice-icon[data-v-5aa15b1d] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-643dc42a] {
+.cn-record-list__notice-text[data-v-5aa15b1d] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-643dc42a] {
+.cn-record-list__loading[data-v-5aa15b1d] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-643dc42a],
-.cn-record-list--rule-above .cn-record-list__item[data-v-643dc42a]:first-child {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-5aa15b1d],
+.cn-record-list--rule-above .cn-record-list__item[data-v-5aa15b1d]:first-child {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__pill-start[data-v-643dc42a] {
+.cn-record-list__pill-start[data-v-5aa15b1d] {
 	display: flex;
 	flex: none;
 }
-.cn-record-list__bar[data-v-643dc42a] {
+.cn-record-list__bar[data-v-5aa15b1d] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -40202,15 +40236,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-643dc42a] {
+.cn-record-list__bar-fill[data-v-5aa15b1d] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-643dc42a] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-5aa15b1d] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-643dc42a] {
+.cn-record-list__row[data-v-5aa15b1d] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -40218,22 +40252,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-643dc42a],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-643dc42a] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-5aa15b1d],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-5aa15b1d] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-643dc42a] {
+.cn-record-list__dot[data-v-5aa15b1d] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-643dc42a] {
+.cn-record-list__flag[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__avatar[data-v-643dc42a] {
+.cn-record-list__avatar[data-v-5aa15b1d] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -40246,82 +40280,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-643dc42a] {
+.cn-record-list__main[data-v-5aa15b1d] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-643dc42a] {
+.cn-record-list__title[data-v-5aa15b1d] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-643dc42a] {
+.cn-record-list--compact .cn-record-list__row[data-v-5aa15b1d] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-643dc42a] {
+.cn-record-list--compact .cn-record-list__title[data-v-5aa15b1d] {
 	font-weight: 500;
 }
-.cn-record-list__meta[data-v-643dc42a] {
+.cn-record-list__meta[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-643dc42a] {
+.cn-record-list__aside[data-v-5aa15b1d] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-643dc42a] {
+.cn-record-list__leading[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__trailing[data-v-5aa15b1d] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-643dc42a] {
+.cn-record-list__due[data-v-5aa15b1d] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-643dc42a] {
+.cn-record-list__due--danger[data-v-5aa15b1d] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-643dc42a] {
+.cn-record-list__table[data-v-5aa15b1d] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-643dc42a] {
+.cn-record-list__table th[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list__table td[data-v-5aa15b1d] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__cell-sub[data-v-643dc42a] {
+.cn-record-list__cell-sub[data-v-5aa15b1d] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__table .cn-record-list__cell--actions[data-v-643dc42a] {
+.cn-record-list__table .cn-record-list__cell--actions[data-v-5aa15b1d] {
 	width: 1%;
 	padding-inline-start: 12px;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-record-list__sort[data-v-643dc42a] {
+.cn-record-list__sort[data-v-5aa15b1d] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -40334,75 +40368,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-643dc42a]:focus-visible {
+.cn-record-list__sort[data-v-5aa15b1d]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-643dc42a] {
+.cn-record-list__sort-mark[data-v-5aa15b1d] {
 	font-size: 10px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-643dc42a] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-5aa15b1d] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-643dc42a] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-5aa15b1d] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-643dc42a] {
+.cn-record-list__intro[data-v-5aa15b1d] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-643dc42a] {
+.cn-record-list__footnote[data-v-5aa15b1d] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-643dc42a] {
+.cn-record-list__due--soon[data-v-5aa15b1d] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-643dc42a] {
+.cn-record-list__due--empty[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-643dc42a] {
+.cn-record-list__row--action[data-v-5aa15b1d] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-643dc42a] {
+.cn-record-list__row--action .cn-record-list__main[data-v-5aa15b1d] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-643dc42a] {
+.cn-record-list__title--link[data-v-5aa15b1d] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-643dc42a] {
+.cn-record-list__pills[data-v-5aa15b1d] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--below[data-v-643dc42a] {
+.cn-record-list__due--below[data-v-5aa15b1d] {
 	font-size: 13px;
 	font-weight: 600;
 	white-space: normal;
 }
-.cn-record-list__footer-link[data-v-643dc42a] {
+.cn-record-list__footer-link[data-v-5aa15b1d] {
 	align-self: flex-start;
 	padding-top: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	text-decoration: underline;
 }
-.cn-record-list__due--column[data-v-643dc42a] {
+.cn-record-list__due--column[data-v-5aa15b1d] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-643dc42a] {
+.cn-record-list__action[data-v-5aa15b1d] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -40419,11 +40453,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-643dc42a]:hover,
-.cn-record-list__action[data-v-643dc42a]:focus-visible {
+.cn-record-list__action[data-v-5aa15b1d]:hover,
+.cn-record-list__action[data-v-5aa15b1d]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-643dc42a] {
+.cn-record-list__chevron[data-v-5aa15b1d] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
@@ -40431,15 +40465,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-643dc42a] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-5aa15b1d] {
 	border-top: 0;
 }
-.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-643dc42a] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-5aa15b1d] {
 	box-sizing: border-box;
 	height: 100%;
 	gap: 10px;
@@ -40448,19 +40482,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-643dc42a] {
+.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-5aa15b1d] {
 	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-643dc42a] {
+.cn-record-list--cards .cn-record-list__list[data-v-5aa15b1d] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-643dc42a] {
+.cn-record-list__card[data-v-5aa15b1d] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -40472,51 +40506,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-643dc42a]:hover,
-.cn-record-list__card--link[data-v-643dc42a]:focus-visible {
+.cn-record-list__card--link[data-v-5aa15b1d]:hover,
+.cn-record-list__card--link[data-v-5aa15b1d]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-643dc42a],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-643dc42a] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-5aa15b1d],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-5aa15b1d] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-643dc42a] {
+.cn-record-list__card-head[data-v-5aa15b1d] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-643dc42a] {
+.cn-record-list__card-title[data-v-5aa15b1d] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-643dc42a] {
+.cn-record-list__card-icon[data-v-5aa15b1d] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-643dc42a] {
+.cn-record-list__card-pills[data-v-5aa15b1d] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-643dc42a] {
+.cn-record-list__card-value[data-v-5aa15b1d] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-643dc42a] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-5aa15b1d] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-643dc42a] {
+.cn-record-list__feed-row[data-v-5aa15b1d] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-643dc42a] {
+.cn-record-list__feed-icon[data-v-5aa15b1d] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -40527,25 +40561,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-643dc42a] {
+.cn-record-list__text[data-v-5aa15b1d] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-643dc42a] {
+.cn-record-list--feed .cn-record-list__main[data-v-5aa15b1d] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-643dc42a] {
+.cn-record-list__inline-row[data-v-5aa15b1d] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-643dc42a] {
+.cn-record-list__label[data-v-5aa15b1d] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-643dc42a] {
+.cn-record-list__inline-title[data-v-5aa15b1d] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-643dc42a] {
+a.cn-record-list__inline-title[data-v-5aa15b1d] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -41008,22 +41042,22 @@ a.cn-record-list__inline-title[data-v-643dc42a] {
 }
 
 
-.cn-object-parties[data-v-e8220226] {
+.cn-object-parties[data-v-196e7ade] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(var(--default-grid-baseline, 4px) * 3);
 }
-.cn-object-parties__verdicts[data-v-e8220226] {
+.cn-object-parties__verdicts[data-v-196e7ade] {
 	display: flex;
 	flex-direction: column;
 	gap: var(--default-grid-baseline, 4px);
 }
-.cn-object-parties__role-label[data-v-e8220226] {
+.cn-object-parties__role-label[data-v-196e7ade] {
 	margin: 0 0 var(--default-grid-baseline, 4px) 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 }
-.cn-object-parties__list[data-v-e8220226] {
+.cn-object-parties__list[data-v-196e7ade] {
 	display: flex;
 	flex-direction: column;
 	gap: var(--default-grid-baseline, 4px);
@@ -41031,7 +41065,7 @@ a.cn-record-list__inline-title[data-v-643dc42a] {
 	padding: 0;
 	list-style: none;
 }
-.cn-object-parties__party[data-v-e8220226] {
+.cn-object-parties__party[data-v-196e7ade] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -41039,16 +41073,59 @@ a.cn-record-list__inline-title[data-v-643dc42a] {
 	padding: var(--default-grid-baseline, 4px);
 	border-radius: var(--border-radius, 4px);
 }
-.cn-object-parties__party[data-v-e8220226]:hover {
+.cn-object-parties__party[data-v-196e7ade]:hover {
 	background-color: var(--color-background-hover);
 }
-.cn-object-parties__name[data-v-e8220226] {
+.cn-object-parties__name[data-v-196e7ade] {
 	font-weight: bold;
 }
-.cn-object-parties__muted[data-v-e8220226] {
+.cn-object-parties__muted[data-v-196e7ade] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-object-parties__accepted[data-v-e8220226] {
+.cn-object-parties__main-card[data-v-196e7ade] {
+	display: flex;
+	flex-direction: column;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+.cn-object-parties__main[data-v-196e7ade] {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+.cn-object-parties__main-initials[data-v-196e7ade] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background-color: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-weight: 700;
+}
+.cn-object-parties__main-text[data-v-196e7ade] {
+	display: flex;
+	flex-direction: column;
+}
+.cn-object-parties__main-name[data-v-196e7ade] {
+	font-size: 15px;
+}
+.cn-object-parties__main-role[data-v-196e7ade] {
+	font-size: 13px;
+}
+.cn-object-parties__main-email[data-v-196e7ade] {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 2.5);
+	color: var(--color-main-text);
+	overflow-wrap: anywhere;
+}
+.cn-object-parties__main-link[data-v-196e7ade] {
+	color: var(--color-primary-element);
+	font-weight: 600;
+}
+.cn-object-parties__accepted[data-v-196e7ade] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -41057,10 +41134,10 @@ a.cn-record-list__inline-title[data-v-643dc42a] {
 	border-radius: var(--border-radius-large, 10px);
 	background-color: var(--color-background-hover);
 }
-.cn-object-parties__accepted-label[data-v-e8220226] {
+.cn-object-parties__accepted-label[data-v-196e7ade] {
 	font-weight: 600;
 }
-.cn-object-parties__accepted-kind[data-v-e8220226] {
+.cn-object-parties__accepted-kind[data-v-196e7ade] {
 	border: 1px solid var(--color-border-dark);
 }
 
@@ -41385,6 +41462,40 @@ a.cn-record-list__inline-title[data-v-643dc42a] {
 }
 
 
+.cn-condition-list[data-v-f00a4cf2] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	border: 0;
+	margin: 0;
+	padding: 0;
+	min-width: 0;
+}
+.cn-condition-list__label[data-v-f00a4cf2] {
+	font-weight: 600;
+	padding: 0;
+	margin-bottom: 4px;
+}
+.cn-condition-list__empty[data-v-f00a4cf2] {
+	color: var(--color-text-maxcontrast);
+	margin: 0;
+}
+.cn-condition-list__row[data-v-f00a4cf2] {
+	display: grid;
+	grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1.6fr) auto;
+	gap: 8px;
+	align-items: end;
+}
+.cn-condition-list__row[data-v-f00a4cf2] > :nth-child(3):last-child {
+	grid-column: 4;
+}
+@media (max-width: 640px) {
+.cn-condition-list__row[data-v-f00a4cf2] {
+		grid-template-columns: minmax(0, 1fr) auto;
+}
+}
+
+
 .cn-cron-field[data-v-6a61b16f] {
 	display: flex;
 	flex-direction: column;