@conduction/nextcloud-vue 2.56.0-beta.48 → 2.56.0-beta.49

package/dist/esm/nextcloud-vue.css

@@ -29769,13 +29769,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-e1992d24] {
+.cn-facts-widget[data-v-c2fcc10e] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-e1992d24] {
+.cn-facts-widget__rows[data-v-c2fcc10e] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -29784,7 +29784,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-e1992d24] {
+.cn-facts-widget__row[data-v-c2fcc10e] {
 	display: contents;
 }
 
@@ -29792,13 +29792,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
    pushed the label to the right of its column and added 12px around both. The
    class is doubled so these resets outrank that rule, and a dossiq-style
    `:deep()` override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-e1992d24] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-c2fcc10e] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-e1992d24] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-c2fcc10e] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -29806,20 +29806,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-e1992d24] {
+.cn-facts-widget__title[data-v-c2fcc10e] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-e1992d24] {
+.cn-facts-widget__line[data-v-c2fcc10e] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-e1992d24] {
+.cn-facts-widget__muted[data-v-c2fcc10e] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-e1992d24] {
+.cn-facts-widget__label .hidden-visually[data-v-c2fcc10e] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -29827,23 +29827,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-e1992d24] {
+.cn-facts-widget__label--icon[data-v-c2fcc10e] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-e1992d24] {
+.cn-facts-widget__value-link[data-v-c2fcc10e] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-e1992d24],
-.cn-facts-widget__icon-button[data-v-e1992d24],
-.cn-facts-widget__action[data-v-e1992d24] {
+.cn-facts-widget__inline-button[data-v-c2fcc10e],
+.cn-facts-widget__icon-button[data-v-c2fcc10e],
+.cn-facts-widget__action[data-v-c2fcc10e] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-e1992d24] {
+.cn-facts-widget__inline-button[data-v-c2fcc10e] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -29854,7 +29854,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 28px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-e1992d24] {
+.cn-facts-widget__icon-button[data-v-c2fcc10e] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -29863,23 +29863,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-e1992d24]:hover,
-.cn-facts-widget__icon-button[data-v-e1992d24]:focus-visible {
+.cn-facts-widget__icon-button[data-v-c2fcc10e]:hover,
+.cn-facts-widget__icon-button[data-v-c2fcc10e]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-e1992d24] {
+.cn-facts-widget__text[data-v-c2fcc10e] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-e1992d24] {
+.cn-facts-widget__lead[data-v-c2fcc10e] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-e1992d24] {
+.cn-facts-widget__lead-tile[data-v-c2fcc10e] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -29892,29 +29892,29 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 40px;
 }
-.cn-facts-widget__lead-tile--success[data-v-e1992d24] {
+.cn-facts-widget__lead-tile--success[data-v-c2fcc10e] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-e1992d24] {
+.cn-facts-widget__lead-tile--info[data-v-c2fcc10e] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-e1992d24] {
+.cn-facts-widget__lead-text[data-v-c2fcc10e] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-e1992d24] {
+.cn-facts-widget__lead-title[data-v-c2fcc10e] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-e1992d24] {
+.cn-facts-widget__lead-subtitle[data-v-c2fcc10e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-e1992d24] {
+.cn-facts-widget__action[data-v-c2fcc10e] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -29926,17 +29926,107 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-e1992d24]:hover,
-.cn-facts-widget__action[data-v-e1992d24]:focus-visible {
+.cn-facts-widget__action[data-v-c2fcc10e]:hover,
+.cn-facts-widget__action[data-v-c2fcc10e]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-e1992d24] {
+.cn-facts-widget__link[data-v-c2fcc10e] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
 
+/* `columns: 2` (board DqContact): two columns, the label above the value, a
+   hairline under each fact; one column on a phone. */
+.cn-facts-widget__rows--columns[data-v-c2fcc10e] {
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 14px 24px;
+	font-size: 15px;
+}
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-c2fcc10e] {
+	display: flex;
+	flex-direction: column;
+	gap: 3px;
+	min-width: 0;
+	padding-bottom: 10px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-c2fcc10e] {
+	font-size: 13px;
+}
+@media (max-width: 640px) {
+.cn-facts-widget__rows--columns[data-v-c2fcc10e] {
+		grid-template-columns: minmax(0, 1fr);
+}
+}
+
+
+.cn-device-frames-widget[data-v-05f76090] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	gap: 20px;
+}
+.cn-device-frames-widget__frame[data-v-05f76090] {
+	display: flex;
+	flex: none;
+	flex-direction: column;
+	width: var(--cn-device-frame-width, 350px);
+	max-width: 100%;
+	min-height: 600px;
+	box-sizing: border-box;
+	overflow: hidden;
+	border: 10px solid var(--color-main-text);
+	border-radius: 36px;
+	background: var(--color-background-hover);
+}
+.cn-device-frames-widget__head[data-v-05f76090] {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 14px 18px 10px;
+	border-bottom: 1px solid var(--color-border);
+	background: var(--color-main-background);
+}
+.cn-device-frames-widget__status[data-v-05f76090] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	font-size: 13px;
+	font-weight: 600;
+}
+.cn-device-frames-widget__status--warning[data-v-05f76090] {
+	color: var(--color-warning-text, var(--color-main-text));
+}
+.cn-device-frames-widget__status--success[data-v-05f76090] {
+	color: var(--color-success-text, var(--color-main-text));
+}
+.cn-device-frames-widget__status--info[data-v-05f76090] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-device-frames-widget__title[data-v-05f76090] {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 700;
+}
+.cn-device-frames-widget__body[data-v-05f76090] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 14px;
+}
+
+/* On a phone the frame is the screen: no bezel, the full width. */
+@media (max-width: 640px) {
+.cn-device-frames-widget__frame[data-v-05f76090] {
+		width: 100%;
+		min-height: 0;
+		border-width: 0;
+		border-radius: var(--cn-board-card-radius, 12px);
+}
+}
+
 
 .cn-field-list-widget[data-v-643f1dd6] {
 	display: flex;
@@ -30556,27 +30646,43 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-695c835e] {
+.cn-record-list__list[data-v-b768fcd6] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__empty[data-v-695c835e],
-.cn-record-list__error[data-v-695c835e] {
+.cn-record-list__empty[data-v-b768fcd6],
+.cn-record-list__error[data-v-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-695c835e] {
+.cn-record-list__loading[data-v-b768fcd6] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-695c835e] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-b768fcd6] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__row[data-v-695c835e] {
+.cn-record-list__bar[data-v-b768fcd6] {
+	background: var(--color-border);
+	border-radius: 3px;
+	display: block;
+	height: 6px;
+	margin: -6px 0 12px;
+	overflow: hidden;
+}
+.cn-record-list__bar-fill[data-v-b768fcd6] {
+	background: var(--color-primary-element);
+	display: block;
+	height: 100%;
+}
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-b768fcd6] {
+	background: var(--color-error);
+}
+.cn-record-list__row[data-v-b768fcd6] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -30584,11 +30690,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-695c835e],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-695c835e] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-b768fcd6],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-695c835e] {
+.cn-record-list__avatar[data-v-b768fcd6] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -30601,67 +30707,67 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-695c835e] {
+.cn-record-list__main[data-v-b768fcd6] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-695c835e] {
+.cn-record-list__title[data-v-b768fcd6] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-695c835e] {
+.cn-record-list__meta[data-v-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-695c835e] {
+.cn-record-list__aside[data-v-b768fcd6] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-695c835e] {
+.cn-record-list__trailing[data-v-b768fcd6] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-695c835e] {
+.cn-record-list__due[data-v-b768fcd6] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-695c835e] {
+.cn-record-list__due--danger[data-v-b768fcd6] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-695c835e] {
+.cn-record-list__due--empty[data-v-b768fcd6] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-695c835e] {
+.cn-record-list__row--action[data-v-b768fcd6] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-695c835e] {
+.cn-record-list__row--action .cn-record-list__main[data-v-b768fcd6] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-695c835e] {
+.cn-record-list__title--link[data-v-b768fcd6] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-695c835e] {
+.cn-record-list__pills[data-v-b768fcd6] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-695c835e] {
+.cn-record-list__due--column[data-v-b768fcd6] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-695c835e] {
+.cn-record-list__action[data-v-b768fcd6] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30678,23 +30784,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-695c835e]:hover,
-.cn-record-list__action[data-v-695c835e]:focus-visible {
+.cn-record-list__action[data-v-b768fcd6]:hover,
+.cn-record-list__action[data-v-b768fcd6]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-695c835e] {
+.cn-record-list__chevron[data-v-b768fcd6] {
 	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-695c835e] {
+.cn-record-list--cards .cn-record-list__list[data-v-b768fcd6] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-695c835e] {
+.cn-record-list__card[data-v-b768fcd6] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -30706,51 +30812,51 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-695c835e]:hover,
-.cn-record-list__card--link[data-v-695c835e]:focus-visible {
+.cn-record-list__card--link[data-v-b768fcd6]:hover,
+.cn-record-list__card--link[data-v-b768fcd6]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-695c835e],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-695c835e] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-b768fcd6],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-695c835e] {
+.cn-record-list__card-head[data-v-b768fcd6] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-695c835e] {
+.cn-record-list__card-title[data-v-b768fcd6] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-695c835e] {
+.cn-record-list__card-icon[data-v-b768fcd6] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-695c835e] {
+.cn-record-list__card-pills[data-v-b768fcd6] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-695c835e] {
+.cn-record-list__card-value[data-v-b768fcd6] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-695c835e] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-b768fcd6] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-695c835e] {
+.cn-record-list__feed-row[data-v-b768fcd6] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-695c835e] {
+.cn-record-list__feed-icon[data-v-b768fcd6] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -30761,25 +30867,25 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-695c835e] {
+.cn-record-list__text[data-v-b768fcd6] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-695c835e] {
+.cn-record-list--feed .cn-record-list__main[data-v-b768fcd6] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-695c835e] {
+.cn-record-list__inline-row[data-v-b768fcd6] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-695c835e] {
+.cn-record-list__label[data-v-b768fcd6] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-695c835e] {
+.cn-record-list__inline-title[data-v-b768fcd6] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-695c835e] {
+a.cn-record-list__inline-title[data-v-b768fcd6] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -37982,30 +38088,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-register-mapping__group[data-v-8d3cad98] {
+.cn-register-mapping__group[data-v-750be28c] {
 	margin-bottom: 24px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	padding: 20px;
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__group[data-v-8d3cad98]:last-child {
+.cn-register-mapping__group[data-v-750be28c]:last-child {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-header[data-v-8d3cad98] {
+.cn-register-mapping__group-header[data-v-750be28c] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-bottom: 12px;
 }
-.cn-register-mapping__group-heading[data-v-8d3cad98] {
+.cn-register-mapping__group-heading[data-v-750be28c] {
 	margin: 0 0 12px;
 	font: inherit;
 }
-.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-8d3cad98] {
+.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-750be28c] {
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-toggle[data-v-8d3cad98] {
+.cn-register-mapping__group-toggle[data-v-750be28c] {
 	box-sizing: border-box;
 	display: flex;
 	align-items: center;
@@ -38021,49 +38127,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	text-align: start;
 	cursor: pointer;
 }
-.cn-register-mapping__group-toggle[data-v-8d3cad98]:focus-visible {
+.cn-register-mapping__group-toggle[data-v-750be28c]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius);
 }
-.cn-register-mapping__group-chevron[data-v-8d3cad98] {
+.cn-register-mapping__group-chevron[data-v-750be28c] {
 	display: inline-flex;
 	flex: none;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-8d3cad98] {
+.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-750be28c] {
 	flex: 1 1 auto;
 	flex-wrap: wrap;
 	gap: 4px 12px;
 	min-width: 0;
 	margin-bottom: 0;
 }
-.cn-register-mapping__group-title[data-v-8d3cad98] {
+.cn-register-mapping__group-title[data-v-750be28c] {
 	font-size: 16px;
 	font-weight: 600;
 	margin: 0;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__group-status[data-v-8d3cad98] {
+.cn-register-mapping__group-status[data-v-750be28c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__group-description[data-v-8d3cad98] {
+.cn-register-mapping__group-description[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 12px 0;
 }
-.cn-register-mapping__register-select[data-v-8d3cad98] {
+.cn-register-mapping__register-select[data-v-750be28c] {
 	margin-bottom: 16px;
 	max-width: 400px;
 }
-.cn-register-mapping__type-list[data-v-8d3cad98] {
+.cn-register-mapping__type-list[data-v-750be28c] {
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
 	overflow: hidden;
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-list-header[data-v-8d3cad98] {
+.cn-register-mapping__type-list-header[data-v-750be28c] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -38076,7 +38182,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row[data-v-8d3cad98] {
+.cn-register-mapping__type-row[data-v-750be28c] {
 	display: grid;
 	grid-template-columns: 1fr 1fr 40px 32px;
 	align-items: center;
@@ -38085,61 +38191,195 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 0.15s ease;
 }
-.cn-register-mapping__type-row[data-v-8d3cad98]:hover {
+.cn-register-mapping__type-row[data-v-750be28c]:hover {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-row--expanded[data-v-8d3cad98] {
+.cn-register-mapping__type-row--expanded[data-v-750be28c] {
 	background: var(--color-background-hover);
 }
-.cn-register-mapping__type-name[data-v-8d3cad98] {
+.cn-register-mapping__type-name[data-v-750be28c] {
 	font-weight: 500;
 	color: var(--color-main-text);
 }
-.cn-register-mapping__type-schema[data-v-8d3cad98] {
+.cn-register-mapping__type-schema[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-register-mapping__type-status[data-v-8d3cad98] {
+.cn-register-mapping__type-status[data-v-750be28c] {
 	display: flex;
 	justify-content: center;
 }
-.cn-register-mapping__type-chevron[data-v-8d3cad98] {
+.cn-register-mapping__type-chevron[data-v-750be28c] {
 	display: flex;
 	justify-content: center;
 	color: var(--color-text-maxcontrast);
 }
-.cn-register-mapping__status-dot[data-v-8d3cad98] {
+.cn-register-mapping__status-dot[data-v-750be28c] {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	border-radius: 50%;
 }
-.cn-register-mapping__status-dot--configured[data-v-8d3cad98] {
+.cn-register-mapping__status-dot--configured[data-v-750be28c] {
 	background-color: var(--color-success);
 }
-.cn-register-mapping__status-dot--unconfigured[data-v-8d3cad98] {
+.cn-register-mapping__status-dot--unconfigured[data-v-750be28c] {
 	background-color: var(--color-warning);
 }
-.cn-register-mapping__type-detail[data-v-8d3cad98] {
+.cn-register-mapping__type-detail[data-v-750be28c] {
 	padding: 12px 16px 16px;
 	border-bottom: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-register-mapping__type-description[data-v-8d3cad98] {
+.cn-register-mapping__type-description[data-v-750be28c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 0 0 8px 0;
 }
 
+/* Board look (PqBeheer): one open group, compact rows for the others. */
+.cn-register-mapping--board[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+}
+.cn-register-mapping__board-group[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	padding: 14px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large);
+}
+.cn-register-mapping__board-head[data-v-750be28c] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: 10px 16px;
+}
+.cn-register-mapping__board-title[data-v-750be28c] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 700;
+}
+.cn-register-mapping__board-select[data-v-750be28c] {
+	max-width: 400px;
+	margin-bottom: 0;
+}
+.cn-register-mapping__board-table[data-v-750be28c] {
+	width: 100%;
+	border-collapse: collapse;
+}
+.cn-register-mapping__board-table th[data-v-750be28c] {
+	padding: 8px 12px 8px 0;
+	border-bottom: 1px solid var(--color-border);
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--color-text-maxcontrast);
+	text-align: start;
+	white-space: nowrap;
+}
+.cn-register-mapping__board-table td[data-v-750be28c] {
+	padding: 10px 12px 10px 0;
+	border-bottom: 1px solid var(--color-border);
+	font-size: 14px;
+	vertical-align: middle;
+}
+.cn-register-mapping__board-schema[data-v-750be28c] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	min-height: 32px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__board-schema[data-v-750be28c]:hover {
+	text-decoration: underline;
+}
+.cn-register-mapping__board-schema[data-v-750be28c]:focus-visible,
+.cn-register-mapping__board-link[data-v-750be28c]:focus-visible,
+.cn-register-mapping__board-group-row[data-v-750be28c]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius);
+}
+.cn-register-mapping__board-check[data-v-750be28c] {
+	color: var(--color-success-text, var(--color-success));
+}
+.cn-register-mapping__board-more[data-v-750be28c] {
+	margin: 0;
+	font-size: 13px;
+	line-height: 1.4;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__board-link[data-v-750be28c] {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: var(--color-primary-element);
+	font: inherit;
+	text-decoration: underline;
+	cursor: pointer;
+}
+.cn-register-mapping__board-groups[data-v-750be28c] {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-register-mapping__board-group-row[data-v-750be28c] {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	width: 100%;
+	min-height: 44px;
+	margin: 0;
+	padding: 10px 2px;
+	border: 0;
+	border-bottom: 1px solid var(--color-border);
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	font-size: 14px;
+	text-align: start;
+	cursor: pointer;
+}
+.cn-register-mapping__board-group-row[data-v-750be28c]:hover {
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__board-chevron[data-v-750be28c],
+.cn-register-mapping__board-group-count[data-v-750be28c] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__board-group-name[data-v-750be28c] {
+	flex: 1;
+}
+.cn-register-mapping__board-save[data-v-750be28c] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: flex-end;
+	gap: 10px;
+}
+
 /* Slide transition */
-.slide-enter-active[data-v-8d3cad98],
-.slide-leave-active[data-v-8d3cad98] {
+.slide-enter-active[data-v-750be28c],
+.slide-leave-active[data-v-750be28c] {
 	transition: all 0.2s ease;
 	max-height: 200px;
 	overflow: hidden;
 }
-.slide-enter[data-v-8d3cad98],
-.slide-leave-to[data-v-8d3cad98] {
+.slide-enter[data-v-750be28c],
+.slide-leave-to[data-v-750be28c] {
 	max-height: 0;
 	padding-top: 0;
 	padding-bottom: 0;
@@ -38147,20 +38387,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* Last row in list should not have bottom border */
-.cn-register-mapping__type-list[data-v-8d3cad98] > :last-child {
+.cn-register-mapping__type-list[data-v-750be28c] > :last-child {
 	border-bottom: none;
 }
 @media (max-width: 768px) {
-.cn-register-mapping__type-list-header[data-v-8d3cad98] {
+.cn-register-mapping__type-list-header[data-v-750be28c] {
 		display: none;
 }
-.cn-register-mapping__type-row[data-v-8d3cad98] {
+.cn-register-mapping__type-row[data-v-750be28c] {
 		grid-template-columns: 1fr auto 32px;
 }
-.cn-register-mapping__type-schema[data-v-8d3cad98] {
+.cn-register-mapping__type-schema[data-v-750be28c] {
 		display: none;
 }
-.cn-register-mapping__register-select[data-v-8d3cad98] {
+.cn-register-mapping__register-select[data-v-750be28c] {
 		max-width: none;
 }
 }
@@ -43532,10 +43772,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	display: flex;
 	align-items: center;
 	gap: 12px;
-	width: var(--cn-board-brand-width, 237px);
 }
+
+/* The brand link is 237px; the divider follows it, 12px on. */
 .cn-brand-bar__brand {
-	flex: 1 1 0;
+	flex: none;
+	width: var(--cn-board-brand-width, 237px);
 	box-sizing: border-box;
 	display: flex;
 	align-items: center;