@conduction/nextcloud-vue 2.129.0 → 2.130.0

package/dist/esm/nextcloud-vue.css

@@ -737,6 +737,13 @@
 	--button-size: var(--cn-board-control-height);
 }
 
+/* The contact thread's labelled header action (DqZaakContact "Contact
+   vastleggen") stands at the same 40px.
+   @spec openspec/changes/board-thread-header-button-height/specs/board-thread-header-button-height/spec.md#requirement-a-thread-headers-labelled-button-is-40px */
+.cn-look-board .cn-conversation-thread__header-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);
+}
+
 /* ---- A workspace filter's table export ---------------------------------- */
 /* "CSV exporteren" beside "Rapport laden" is the neutral secondary at the
    40px control height, 14px in (DqTermijnen).
@@ -2417,6 +2424,48 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	color: var(--color-text-maxcontrast) !important;
 }
 
+/* A text card sits at the card inset with its text 8px under the title
+   (DqDagAfsluiten "Hoe dit werkt"), its blocks at the widget's size and a
+   1.5 line height. CnTextWidget pads itself 16px inline and the theme sets
+   every p at 15px, hence the !important.
+   @spec openspec/changes/board-dashboard-text-card/specs/board-dashboard-text-card/spec.md#requirement-a-board-dashboard-text-card-sits-at-the-card-inset-under-its-title */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-text-widget {
+	margin-top: -2px;
+	padding: 0 var(--cn-board-dashboard-card-inset) 20px !important;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-text-widget__content > * {
+	font-size: inherit !important;
+	line-height: 1.5 !important;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-text-widget__content > :first-child {
+	margin-top: 0;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-text-widget__content > :last-child {
+	margin-bottom: 0;
+}
+
+/* A stat grid card draws plain figures at the card inset (DqDagAfsluiten
+   "Uw dag"): 14px under the title, 16px apart, each a 13px label over a 24px
+   figure, 2px apart, without the stat tile's padding or edge. The cell's
+   variables are set on the cell, over a board tile's own.
+   @spec openspec/changes/board-stat-grid-flat/specs/board-stat-grid-flat/spec.md#requirement-a-board-stat-grid-draws-flat-figures-at-the-card-inset */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-stat-grid {
+	gap: 16px;
+	margin: 4px 0 0;
+	padding: 0 var(--cn-board-dashboard-card-inset) 20px;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-stat-grid .cn-kpi-card.cn-kpi-card--stacked {
+	--cn-kpi-stacked-padding: 0;
+	--cn-kpi-stacked-gap: 2px;
+	--cn-kpi-stacked-title-size: 13px;
+	--cn-kpi-stacked-value-size: 24px;
+	border-width: 0;
+}
+
 /* An activity item pads itself 4px, so the body takes 4px less. */
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-nc-widget-widget__body {
 	padding: 0 calc(var(--cn-board-dashboard-card-inset) - 4px) 16px;
@@ -2713,9 +2762,10 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 /* Any labelled button in the card's body is 40px, a text-only one 16px in at
    both sides (DqBeheerinstellingen "Opslaan", "Verbinding testen";
    PtBeheerinstellingen "Adres opslaan"), not only the card's own save row.
-   The title row's actions keep 34px (DqVthInstellingen "Regel toevoegen").
+   The title row's actions and an image field's button keep 34px
+   (DqVthInstellingen "Regel toevoegen", DqInstellingenAlgemeen "Ander logo").
    @spec openspec/changes/board-settings-section-buttons/specs/board-settings-section-buttons/spec.md#requirement-a-labelled-button-on-a-board-settings-card-is-40px */
-.cn-look-board .settings-section:not(.cn-look-nextcloud *) .button-vue.button-vue:has(> .button-vue__wrapper > .button-vue__text:not(:empty)):not(.cn-settings-section__actions *) {
+.cn-look-board .settings-section:not(.cn-look-nextcloud *) .button-vue.button-vue:has(> .button-vue__wrapper > .button-vue__text:not(:empty)):not(.cn-settings-section__actions *):not(.cn-settings-field__image-row *) {
 	--button-size: var(--cn-field-height, 40px);
 }
 
@@ -4116,6 +4166,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	cursor: pointer;
 }
 
+/* Inside a record card the chip row is 36px, 12px in (DqZaakContact's channel
+   chips, as DqZaakHistorie's). */
+.cn-look-board .cn-conversation-thread .cn-quick-filter-bar .cn-quick-filter-bar__tab {
+	--nldesign-component-button-border-radius: 18px;
+	height: 36px;
+	min-height: 36px;
+	padding: 0 12px;
+	border-radius: 18px;
+}
+
 .cn-look-board .cn-saved-views__chips .cn-saved-views__chip:hover,
 .cn-look-board .cn-quick-filter-bar .cn-quick-filter-bar__tab:hover {
 	background: var(--color-background-hover);
@@ -4713,8 +4773,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	padding: 0;
 }
 
-/* The title column: a 15px weight 600 link, the secondary line under it. */
-.cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title {
+/* The title column: a 15px weight 600 link, the secondary line under it. A
+   framed widget table in a card or a settings section shows its first column
+   as plain text (DqInstellingen, DqTermijnen, DqDoorlooptijd); a borderless
+   one, the dashboard's compact case list, keeps the link (DqDashboard). The
+   `:where()` keeps the rule's weight.
+   @spec openspec/changes/board-widget-table-plain-title/specs/board-widget-table-plain-title/spec.md */
+.cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title:not(.cn-widget-object-table :where(.cn-table-container:not(.cn-table-container--borderless)) *) {
 	color: var(--color-main-text);
 	font-size: 15px;
 	font-weight: 600;
@@ -5677,6 +5742,39 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 .cn-look-board .cn-saved-views-panel__row .action-item__menutoggle:not(.cn-look-nextcloud *) {
 	border-radius: 17px;
 }
+
+/* The board view's selects take the board control border (DqWerkbord). The
+   theme forces a select's border colour from its form token, so the token
+   gets the colour too. */
+.cn-look-board .cn-index-page__board-select:not(.cn-look-nextcloud *) {
+	--nldesign-component-form-select-border-color: var(--cn-board-control-border);
+	border-color: var(--cn-board-control-border);
+}
+
+/* ---- Page tabs (CnIndexPage `pageTabs`, DqContracten) ------------------ */
+/* The sibling-page tabs are links; the board draws them as folder tabs in
+   the main ink at 14px, the open one at 700 on a white bottom edge, with no
+   line under the strip. The theme paints every link, so the ink also goes
+   to its link tokens and the underline needs !important.
+   @spec openspec/changes/board-index-page-tabs/specs/board-index-page-tabs/spec.md#requirement-board-index-page-tabs-are-folder-tabs-in-the-main-ink */
+.cn-look-board .cn-index-page__page-tabs:not(.cn-look-nextcloud *) {
+	border-bottom: 0;
+}
+
+.cn-look-board .cn-index-page__page-tabs:not(.cn-look-nextcloud *) .cn-index-page__page-tab {
+	--nldesign-color-on-surface: var(--color-main-text);
+	--nldesign-component-link-color: var(--color-main-text);
+	--nldesign-component-link-hover-color: var(--color-main-text);
+	color: var(--color-main-text);
+	font-size: 14px;
+	line-height: normal;
+	text-decoration: none !important;
+}
+
+.cn-look-board .cn-index-page__page-tabs:not(.cn-look-nextcloud *) .cn-index-page__page-tab--active {
+	border-bottom: 1px solid var(--color-main-background);
+	font-weight: 700;
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -10645,14 +10743,17 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 13px;
 }
 
-.cn-look-board .cn-conversation-thread__channel {
+/* A message's channel pill: 20px in the soft ink (DqZaakContact). It names
+   the thread to outrank the component's scoped muted ink. */
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__channel {
 	padding: 1px 8px;
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
 	background: var(--color-main-background);
-	color: var(--color-main-text);
+	color: var(--cn-board-text-soft);
 	font-size: 12px;
 	font-weight: 600;
+	line-height: 16px;
 }
 
 /* The case Status card as the board draws it: no grey box, the status's
@@ -11407,6 +11508,28 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-facts-widget__action:not(.cn-look-nextcloud *) {
 	font-weight: 600;
 }
+
+/* ---- A card's Add ------------------------------------------------------ */
+/* The board draws a list card's Add as the neutral secondary at the 40px
+   control height, right-aligned in the title row (DqZaakGerelateerd
+   "Deelzaak aanmaken", DqZaakTaken "Toevoegen"). CnDetailWidgetHost renders
+   that button in the board look, so the list's footer Add bar, which ADR-062
+   draws in the Nextcloud look, is hidden in the card. The size outranks a
+   card title row's 34px buttons.
+   @spec openspec/changes/board-object-list-add-button/specs/board-object-list-add-button/spec.md#requirement-the-board-look-draws-a-cards-add-as-a-title-row-button */
+.cn-look-board .cn-detail-page__catalog-card:not(.cn-look-nextcloud *) .cn-object-list-widget__add {
+	display: none;
+}
+
+/* An empty list card shows its text under the title-row Add, without the
+   empty state's own Add. A filter's "clear" action stays. */
+.cn-look-board .cn-detail-page__catalog-card:not(.cn-look-nextcloud *) .cn-widget-empty-state__action:has(> .cn-object-list-widget__empty-add) {
+	display: none;
+}
+
+.cn-look-board .cn-widget-wrapper__actions .button-vue.cn-detail-page__catalog-add:has(> .button-vue__wrapper > .button-vue__text:not(:empty)):where(:not(.cn-look-nextcloud *)) {
+	--button-size: var(--cn-board-control-height);
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -15237,7 +15360,7 @@ a.cn-document-review-list__name[data-v-83ccc260] {
 }
 
 
-.cn-events-card__list[data-v-ca157192] {
+.cn-events-card__list[data-v-079bed63] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -15245,26 +15368,26 @@ a.cn-document-review-list__name[data-v-83ccc260] {
 	padding: 0;
 	list-style: none;
 }
-.cn-events-card__event[data-v-ca157192] {
+.cn-events-card__event[data-v-079bed63] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 	padding-bottom: 8px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-events-card__event[data-v-ca157192]:last-child {
+.cn-events-card__event[data-v-079bed63]:last-child {
 	padding-bottom: 0;
 	border-bottom: none;
 }
-.cn-events-card__summary[data-v-ca157192] {
+.cn-events-card__summary[data-v-079bed63] {
 	font-weight: 600;
 }
-.cn-events-card__when[data-v-ca157192],
-.cn-events-card__where[data-v-ca157192],
-.cn-events-card__muted[data-v-ca157192] {
+.cn-events-card__when[data-v-079bed63],
+.cn-events-card__where[data-v-079bed63],
+.cn-events-card__muted[data-v-079bed63] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-events-card__muted[data-v-ca157192] {
+.cn-events-card__muted[data-v-079bed63] {
 	margin: 0;
 }
 
@@ -19441,44 +19564,44 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 }
 
 
-.cn-calendar-card__empty[data-v-7e949157] {
+.cn-calendar-card__empty[data-v-25d68a70] {
 	text-align: center;
 	padding: 16px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-calendar-card__error[data-v-7e949157] {
+.cn-calendar-card__error[data-v-25d68a70] {
 	color: var(--color-error);
 	padding: 8px 0;
 	font-size: 13px;
 }
-.cn-calendar-card__list[data-v-7e949157] {
+.cn-calendar-card__list[data-v-25d68a70] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-calendar-card__row[data-v-7e949157] {
+.cn-calendar-card__row[data-v-25d68a70] {
 	display: flex;
 	align-items: flex-start;
 	gap: 10px;
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-calendar-card__row[data-v-7e949157]:last-child {
+.cn-calendar-card__row[data-v-25d68a70]:last-child {
 	border-bottom: none;
 }
-.cn-calendar-card__row-icon[data-v-7e949157] {
+.cn-calendar-card__row-icon[data-v-25d68a70] {
 	flex-shrink: 0;
 	padding-top: 1px;
 }
-.cn-calendar-card__icon--upcoming[data-v-7e949157] { color: var(--color-primary-element);
+.cn-calendar-card__icon--upcoming[data-v-25d68a70] { color: var(--color-primary-element);
 }
-.cn-calendar-card__icon--past[data-v-7e949157]     { color: var(--color-text-maxcontrast);
+.cn-calendar-card__icon--past[data-v-25d68a70]     { color: var(--color-text-maxcontrast);
 }
-.cn-calendar-card__row-main[data-v-7e949157] {
+.cn-calendar-card__row-main[data-v-25d68a70] {
 	flex: 1;
 	min-width: 0;
 }
-.cn-calendar-card__title[data-v-7e949157] {
+.cn-calendar-card__title[data-v-25d68a70] {
 	display: block;
 	font-size: 13px;
 	font-weight: 500;
@@ -19486,7 +19609,7 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-calendar-card__meta[data-v-7e949157] {
+.cn-calendar-card__meta[data-v-25d68a70] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
@@ -19494,15 +19617,15 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 	font-size: 12px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-calendar-card__when[data-v-7e949157] {
+.cn-calendar-card__when[data-v-25d68a70] {
 	white-space: nowrap;
 }
-.cn-calendar-card__location[data-v-7e949157] {
+.cn-calendar-card__location[data-v-25d68a70] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-calendar-card__chip[data-v-7e949157] {
+.cn-calendar-card__chip[data-v-25d68a70] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -19512,21 +19635,21 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 	font-size: 13px;
 	max-width: 100%;
 }
-.cn-calendar-card__chip-icon[data-v-7e949157] {
+.cn-calendar-card__chip-icon[data-v-25d68a70] {
 	color: var(--color-primary-element);
 	flex-shrink: 0;
 }
-.cn-calendar-card__chip-title[data-v-7e949157] {
+.cn-calendar-card__chip-title[data-v-25d68a70] {
 	font-weight: 500;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-calendar-card__chip-when[data-v-7e949157] {
+.cn-calendar-card__chip-when[data-v-25d68a70] {
 	color: var(--color-text-maxcontrast);
 	white-space: nowrap;
 }
-.cn-calendar-card__chip-status[data-v-7e949157] {
+.cn-calendar-card__chip-status[data-v-25d68a70] {
 	font-size: 11px;
 	text-transform: uppercase;
 	letter-spacing: 0.04em;
@@ -19534,14 +19657,14 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 	border-radius: var(--border-radius-pill, 999px);
 	background: var(--color-background-darker);
 }
-.cn-calendar-card__chip-status--confirmed[data-v-7e949157] { background: var(--color-success); color: var(--color-main-background);
+.cn-calendar-card__chip-status--confirmed[data-v-25d68a70] { background: var(--color-success); color: var(--color-main-background);
 }
-.cn-calendar-card__chip-status--tentative[data-v-7e949157] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
+.cn-calendar-card__chip-status--tentative[data-v-25d68a70] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
 }
-.cn-calendar-card__chip-status--cancelled[data-v-7e949157] { background: var(--color-error); color: var(--color-main-background);
+.cn-calendar-card__chip-status--cancelled[data-v-25d68a70] { background: var(--color-error); color: var(--color-main-background);
 }
-.cn-calendar-card__cta[data-v-7e949157],
-.cn-calendar-card__show-all[data-v-7e949157] {
+.cn-calendar-card__cta[data-v-25d68a70],
+.cn-calendar-card__show-all[data-v-25d68a70] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -19554,8 +19677,8 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
 	text-decoration: none;
 	display: inline-block;
 }
-.cn-calendar-card__cta[data-v-7e949157]:hover,
-.cn-calendar-card__show-all[data-v-7e949157]:hover {
+.cn-calendar-card__cta[data-v-25d68a70]:hover,
+.cn-calendar-card__show-all[data-v-25d68a70]:hover {
 	text-decoration: underline;
 }
 
@@ -21870,26 +21993,26 @@ a.cn-email-tab__row[data-v-51ed88c0]:hover {
 }
 
 
-.cn-files-card__list[data-v-4968f31c] {
+.cn-files-card__list[data-v-1a7b9224] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-files-card__row[data-v-4968f31c] {
+.cn-files-card__row[data-v-1a7b9224] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 6px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-files-card__row[data-v-4968f31c]:last-child {
+.cn-files-card__row[data-v-1a7b9224]:last-child {
 	border-bottom: none;
 }
-.cn-files-card__icon[data-v-4968f31c] {
+.cn-files-card__icon[data-v-1a7b9224] {
 	color: var(--color-text-maxcontrast);
 	flex-shrink: 0;
 }
-.cn-files-card__name[data-v-4968f31c] {
+.cn-files-card__name[data-v-1a7b9224] {
 	flex: 1;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -21897,7 +22020,7 @@ a.cn-email-tab__row[data-v-51ed88c0]:hover {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
-button.cn-files-card__open[data-v-4968f31c] {
+button.cn-files-card__open[data-v-1a7b9224] {
 	background: none;
 	border: 0;
 	padding: 0;
@@ -21905,20 +22028,20 @@ button.cn-files-card__open[data-v-4968f31c] {
 	text-align: start;
 	cursor: pointer;
 }
-button.cn-files-card__open[data-v-4968f31c]:hover {
+button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-decoration: underline;
 }
-.cn-files-card__size[data-v-4968f31c] {
+.cn-files-card__size[data-v-1a7b9224] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	flex-shrink: 0;
 }
-.cn-files-card__empty[data-v-4968f31c] {
+.cn-files-card__empty[data-v-1a7b9224] {
 	color: var(--color-text-maxcontrast);
 	text-align: center;
 	padding: 12px 0;
 }
-.cn-files-card__show-all[data-v-4968f31c] {
+.cn-files-card__show-all[data-v-1a7b9224] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -21926,7 +22049,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	padding: 4px 0;
 	font: inherit;
 }
-.cn-files-card__show-all[data-v-4968f31c]:hover {
+.cn-files-card__show-all[data-v-1a7b9224]:hover {
 	text-decoration: underline;
 }
 
@@ -26993,7 +27116,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* The row a following card describes (content.rowSelection). */
-.cn-object-list-widget[data-v-21d0bcb8] .cn-object-list-widget__row--selected {
+.cn-object-list-widget[data-v-195125ff] .cn-object-list-widget__row--selected {
 	background: var(--color-primary-element-light, #eaf0f7);
 }
 
@@ -27004,7 +27127,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
    second scroll container here would produce a nested scrollbar, so this host
    stays plain. */
-.cn-object-list-widget[data-v-21d0bcb8] {
+.cn-object-list-widget[data-v-195125ff] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -27016,10 +27139,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    relative` is set only in the dropping state so a widget without a drop zone
    keeps the containing block it had — an unconditional rule here would
    re-parent any absolutely-positioned descendant a host has placed. */
-.cn-object-list-widget--dropping[data-v-21d0bcb8] {
+.cn-object-list-widget--dropping[data-v-195125ff] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-21d0bcb8] {
+.cn-object-list-widget__drop-overlay[data-v-195125ff] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -27037,7 +27160,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   and the drop would land on nothing. */
 	pointer-events: none;
 }
-.cn-object-list-widget__table[data-v-21d0bcb8] {
+.cn-object-list-widget__table[data-v-195125ff] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -27046,16 +27169,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
    all this rule still owns is letting it claim the cell's leftover height
    (ADR-062: it fits the cell, it never forces one). */
-.cn-object-list-widget__empty[data-v-21d0bcb8] {
+.cn-object-list-widget__empty[data-v-195125ff] {
 	flex: 1 1 auto;
 	min-height: 0;
 }
 
 /* The pager sits flush at the bottom of the card, above "View all". */
-.cn-object-list-widget__pager[data-v-21d0bcb8] {
+.cn-object-list-widget__pager[data-v-195125ff] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-21d0bcb8] {
+.cn-object-list-widget__view-all[data-v-195125ff] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -27066,32 +27189,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-21d0bcb8]:hover,
-.cn-object-list-widget__view-all[data-v-21d0bcb8]:focus-visible {
+.cn-object-list-widget__view-all[data-v-195125ff]:hover,
+.cn-object-list-widget__view-all[data-v-195125ff]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-21d0bcb8] {
+.cn-object-list-widget__more[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
-.cn-object-list-widget__links[data-v-21d0bcb8] {
+.cn-object-list-widget__links[data-v-195125ff] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	margin: 12px 0 0;
 	font-size: 14px;
 }
-.cn-object-list-widget__link[data-v-21d0bcb8] {
+.cn-object-list-widget__link[data-v-195125ff] {
 	font-weight: 600;
 }
-.cn-object-list-widget__link-note[data-v-21d0bcb8] {
+.cn-object-list-widget__link-note[data-v-195125ff] {
 	margin-inline-start: 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-list-widget__footnote[data-v-21d0bcb8] {
+.cn-object-list-widget__footnote[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 8px 0 0;
@@ -27100,7 +27223,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* Footer Add — same pattern as the integration leaves' footer action
    ("Open in Calendar"): full-width, centered, divider-topped, pinned to
    the card bottom. */
-.cn-object-list-widget__add[data-v-21d0bcb8] {
+.cn-object-list-widget__add[data-v-195125ff] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -27108,31 +27231,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-21d0bcb8] {
+.cn-object-list-widget__error[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-21d0bcb8] {
+.cn-object-list-widget__prompt[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-21d0bcb8] {
+.cn-object-list-widget__facet[data-v-195125ff] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-21d0bcb8] {
+.cn-object-list-widget__facet-label[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-21d0bcb8] {
+.cn-object-list-widget__facet-chip[data-v-195125ff] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -27142,13 +27265,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 10px;
 }
-.cn-object-list-widget__facet-chip--active[data-v-21d0bcb8] {
+.cn-object-list-widget__facet-chip--active[data-v-195125ff] {
 	background-color: var(--color-primary-element-light);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text, var(--color-main-text));
 }
-.cn-object-list-widget__facet-clear[data-v-21d0bcb8],
-.cn-object-list-widget__bulk-clear[data-v-21d0bcb8] {
+.cn-object-list-widget__facet-clear[data-v-195125ff],
+.cn-object-list-widget__bulk-clear[data-v-195125ff] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -27157,11 +27280,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 4px;
 }
-.cn-object-list-widget__facet-clear[data-v-21d0bcb8]:hover,
-.cn-object-list-widget__bulk-clear[data-v-21d0bcb8]:hover {
+.cn-object-list-widget__facet-clear[data-v-195125ff]:hover,
+.cn-object-list-widget__bulk-clear[data-v-195125ff]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-21d0bcb8] {
+.cn-object-list-widget__bulk-bar[data-v-195125ff] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -27171,10 +27294,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 0 0 8px;
 	padding: 6px 10px;
 }
-.cn-object-list-widget__bulk-count[data-v-21d0bcb8] {
+.cn-object-list-widget__bulk-count[data-v-195125ff] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-21d0bcb8] {
+.cn-object-list-widget__bulk-action[data-v-195125ff] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -27182,25 +27305,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-21d0bcb8] {
+.cn-object-list-widget__bulk-action--destructive[data-v-195125ff] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-21d0bcb8] {
+.cn-object-list-widget__groups[data-v-195125ff] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-21d0bcb8] {
+.cn-object-list-widget__group-heading[data-v-195125ff] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 	margin: 0 0 4px;
 	text-transform: uppercase;
 }
-.cn-object-list-widget__upload[data-v-21d0bcb8] {
+.cn-object-list-widget__upload[data-v-195125ff] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -27209,7 +27332,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 8px 0 0;
 	padding: 6px 12px;
 }
-.cn-object-list-widget__upload-input[data-v-21d0bcb8] {
+.cn-object-list-widget__upload-input[data-v-195125ff] {
 	display: none;
 }
 
@@ -32080,15 +32203,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 
 /* A leaf card in a narrow cell keeps its title and count: the title row
    wraps and the actions move under it instead of squeezing the title out. */
-.cn-detail-page__leaf-card[data-v-60fe4103] .cn-widget-wrapper__header {
+.cn-detail-page__leaf-card[data-v-1fc089be] .cn-widget-wrapper__header {
 	flex-wrap: wrap;
 }
-.cn-detail-page__leaf-card[data-v-60fe4103] .cn-widget-wrapper__header-left {
+.cn-detail-page__leaf-card[data-v-1fc089be] .cn-widget-wrapper__header-left {
 	flex: 1 0 auto;
 }
 
 /* The count beside a card title: the grey 20px badge of the tab strip. */
-.cn-detail-page__catalog-count[data-v-60fe4103] {
+.cn-detail-page__catalog-count[data-v-1fc089be] {
 	background-color: var(--color-border);
 	border-radius: 10px;
 	box-sizing: border-box;
@@ -32101,19 +32224,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
 	padding: 0 6px;
 	text-align: center;
 }
-.cn-detail-page__catalog-note[data-v-60fe4103] {
+.cn-detail-page__catalog-note[data-v-1fc089be] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-60fe4103],
-.cn-detail-widget-host[data-v-60fe4103] > * {
+.cn-detail-widget-host[data-v-1fc089be],
+.cn-detail-widget-host[data-v-1fc089be] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-60fe4103] {
+.cn-detail-widget-host--bare[data-v-1fc089be] {
 	min-height: 0;
 }
 
@@ -39325,41 +39448,65 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 }
 
 
-.cn-record-list__set-field-done[data-v-340c80f7] {
+.cn-record-list__set-field-done[data-v-622f305a] {
 	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-340c80f7] {
+.cn-record-list__list[data-v-622f305a] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__group-heading[data-v-340c80f7] {
+.cn-record-list__group-heading[data-v-622f305a] {
 	margin: 6px 0 0;
 	font-size: 15px;
 	font-weight: 700;
 	line-height: 1.4;
 }
-.cn-record-list__footer[data-v-340c80f7] {
+.cn-record-list__group-head[data-v-622f305a] {
+	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-622f305a] {
+	margin: 0;
+}
+.cn-record-list__action--tonal.button-vue[data-v-622f305a] {
+	min-height: 34px;
+	height: 34px;
+	padding: 0 12px;
+	border: 0;
+	border-radius: 17px;
+	background-color: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	font-size: 13px;
+	font-weight: 600;
+}
+.cn-record-list__action--tonal.button-vue[data-v-622f305a]:hover:not(:disabled) {
+	background-color: var(--color-primary-element-light-hover);
+}
+.cn-record-list__footer[data-v-622f305a] {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 6px;
 	margin-top: 10px;
 }
-.cn-record-list__footer-reason[data-v-340c80f7] {
+.cn-record-list__footer-reason[data-v-622f305a] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__empty[data-v-340c80f7],
-.cn-record-list__error[data-v-340c80f7] {
+.cn-record-list__empty[data-v-622f305a],
+.cn-record-list__error[data-v-622f305a] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__notice[data-v-340c80f7] {
+.cn-record-list__notice[data-v-622f305a] {
 	display: flex;
 	gap: 10px;
 	align-items: flex-start;
@@ -39368,33 +39515,33 @@ 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-340c80f7] {
+.cn-record-list__notice--warning[data-v-622f305a] {
 	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-340c80f7] {
+.cn-record-list__notice--error[data-v-622f305a] {
 	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-340c80f7] {
+.cn-record-list__notice-icon[data-v-622f305a] {
 	flex: 0 0 auto;
 	margin-top: 1px;
 }
-.cn-record-list__notice-text[data-v-340c80f7] {
+.cn-record-list__notice-text[data-v-622f305a] {
 	margin: 0;
 	line-height: 1.5;
 }
-.cn-record-list__loading[data-v-340c80f7] {
+.cn-record-list__loading[data-v-622f305a] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-340c80f7] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-622f305a] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__bar[data-v-340c80f7] {
+.cn-record-list__bar[data-v-622f305a] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -39402,15 +39549,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-340c80f7] {
+.cn-record-list__bar-fill[data-v-622f305a] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-340c80f7] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-622f305a] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-340c80f7] {
+.cn-record-list__row[data-v-622f305a] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -39418,22 +39565,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-340c80f7],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-340c80f7] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-622f305a],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-622f305a] {
 	text-decoration: underline;
 }
-.cn-record-list__dot[data-v-340c80f7] {
+.cn-record-list__dot[data-v-622f305a] {
 	flex: 0 0 14px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 }
-.cn-record-list__flag[data-v-340c80f7] {
+.cn-record-list__flag[data-v-622f305a] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__avatar[data-v-340c80f7] {
+.cn-record-list__avatar[data-v-622f305a] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -39446,71 +39593,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-340c80f7] {
+.cn-record-list__main[data-v-622f305a] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-340c80f7] {
+.cn-record-list__title[data-v-622f305a] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list--compact .cn-record-list__row[data-v-340c80f7] {
+.cn-record-list--compact .cn-record-list__row[data-v-622f305a] {
 	box-sizing: border-box;
 	min-height: 56px;
 	padding: 10px 0;
 }
-.cn-record-list--compact .cn-record-list__title[data-v-340c80f7] {
+.cn-record-list--compact .cn-record-list__title[data-v-622f305a] {
 	font-weight: 500;
 }
-.cn-record-list__meta[data-v-340c80f7] {
+.cn-record-list__meta[data-v-622f305a] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-340c80f7] {
+.cn-record-list__aside[data-v-622f305a] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__leading[data-v-340c80f7] {
+.cn-record-list__leading[data-v-622f305a] {
 	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-340c80f7] {
+.cn-record-list__trailing[data-v-622f305a] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-340c80f7] {
+.cn-record-list__due[data-v-622f305a] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-340c80f7] {
+.cn-record-list__due--danger[data-v-622f305a] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__table[data-v-340c80f7] {
+.cn-record-list__table[data-v-622f305a] {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }
-.cn-record-list__table th[data-v-340c80f7] {
+.cn-record-list__table th[data-v-622f305a] {
 	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-340c80f7] {
+.cn-record-list__table td[data-v-622f305a] {
 	padding: 8px 0;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-record-list__sort[data-v-340c80f7] {
+.cn-record-list__cell-sub[data-v-622f305a] {
+	display: block;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-record-list__table .cn-record-list__cell--actions[data-v-622f305a] {
+	width: 1%;
+	padding-inline-start: 12px;
+	text-align: end;
+	white-space: nowrap;
+}
+.cn-record-list__sort[data-v-622f305a] {
 	display: inline-flex;
 	gap: 4px;
 	align-items: center;
@@ -39523,63 +39681,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	font: inherit;
 	cursor: pointer;
 }
-.cn-record-list__sort[data-v-340c80f7]:focus-visible {
+.cn-record-list__sort[data-v-622f305a]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-record-list__sort-mark[data-v-340c80f7] {
+.cn-record-list__sort-mark[data-v-622f305a] {
 	font-size: 10px;
 }
-.cn-record-list__table .cn-record-list__cell--end[data-v-340c80f7] {
+.cn-record-list__table .cn-record-list__cell--end[data-v-622f305a] {
 	padding-inline-start: 12px;
 	text-align: end;
 	font-variant-numeric: tabular-nums;
 }
-.cn-record-list__table .cn-record-list__cell--alert[data-v-340c80f7] {
+.cn-record-list__table .cn-record-list__cell--alert[data-v-622f305a] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 700;
 }
-.cn-record-list__intro[data-v-340c80f7] {
+.cn-record-list__intro[data-v-622f305a] {
 	margin: 0 0 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__footnote[data-v-340c80f7] {
+.cn-record-list__footnote[data-v-622f305a] {
 	margin: 8px 0 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__due--soon[data-v-340c80f7] {
+.cn-record-list__due--soon[data-v-622f305a] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-340c80f7] {
+.cn-record-list__due--empty[data-v-622f305a] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-340c80f7] {
+.cn-record-list__row--action[data-v-622f305a] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-340c80f7] {
+.cn-record-list__row--action .cn-record-list__main[data-v-622f305a] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-340c80f7] {
+.cn-record-list__title--link[data-v-622f305a] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-340c80f7] {
+.cn-record-list__pills[data-v-622f305a] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-340c80f7] {
+.cn-record-list__due--column[data-v-622f305a] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-340c80f7] {
+.cn-record-list__action[data-v-622f305a] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -39596,23 +39754,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-340c80f7]:hover,
-.cn-record-list__action[data-v-340c80f7]:focus-visible {
+.cn-record-list__action[data-v-622f305a]:hover,
+.cn-record-list__action[data-v-622f305a]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-340c80f7] {
+.cn-record-list__chevron[data-v-622f305a] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-340c80f7] {
+.cn-record-list--cards .cn-record-list__list[data-v-622f305a] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-340c80f7] {
+.cn-record-list__card[data-v-622f305a] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -39624,51 +39782,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-340c80f7]:hover,
-.cn-record-list__card--link[data-v-340c80f7]:focus-visible {
+.cn-record-list__card--link[data-v-622f305a]:hover,
+.cn-record-list__card--link[data-v-622f305a]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-340c80f7],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-340c80f7] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-622f305a],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-622f305a] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-340c80f7] {
+.cn-record-list__card-head[data-v-622f305a] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-340c80f7] {
+.cn-record-list__card-title[data-v-622f305a] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-340c80f7] {
+.cn-record-list__card-icon[data-v-622f305a] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-340c80f7] {
+.cn-record-list__card-pills[data-v-622f305a] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-340c80f7] {
+.cn-record-list__card-value[data-v-622f305a] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-340c80f7] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-622f305a] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-340c80f7] {
+.cn-record-list__feed-row[data-v-622f305a] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-340c80f7] {
+.cn-record-list__feed-icon[data-v-622f305a] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -39679,25 +39837,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-340c80f7] {
+.cn-record-list__text[data-v-622f305a] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-340c80f7] {
+.cn-record-list--feed .cn-record-list__main[data-v-622f305a] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-340c80f7] {
+.cn-record-list__inline-row[data-v-622f305a] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-340c80f7] {
+.cn-record-list__label[data-v-622f305a] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-340c80f7] {
+.cn-record-list__inline-title[data-v-622f305a] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-340c80f7] {
+a.cn-record-list__inline-title[data-v-622f305a] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }