@conduction/nextcloud-vue 2.96.0 → 2.97.0

package/dist/esm/nextcloud-vue.css

@@ -9700,21 +9700,21 @@ a.cn-kpi-card--board * {
 }
 
 
-.cn-conversation-thread[data-v-322509e8] {
+.cn-conversation-thread[data-v-40a059c8] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(3.5 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__title[data-v-322509e8] {
+.cn-conversation-thread__title[data-v-40a059c8] {
 	font-size: 1.1em;
 	font-weight: 700;
 	margin: 0;
 }
-.cn-conversation-thread__empty[data-v-322509e8] {
+.cn-conversation-thread__empty[data-v-40a059c8] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-conversation-thread__messages[data-v-322509e8] {
+.cn-conversation-thread__messages[data-v-40a059c8] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(3.5 * var(--default-grid-baseline));
@@ -9722,14 +9722,14 @@ a.cn-kpi-card--board * {
 	margin: 0;
 	padding: 0;
 }
-.cn-conversation-thread__message[data-v-322509e8] {
+.cn-conversation-thread__message[data-v-40a059c8] {
 	display: flex;
 	gap: calc(3 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__message--us[data-v-322509e8] {
+.cn-conversation-thread__message--us[data-v-40a059c8] {
 	flex-direction: row-reverse;
 }
-.cn-conversation-thread__avatar[data-v-322509e8] {
+.cn-conversation-thread__avatar[data-v-40a059c8] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 50%;
@@ -9742,7 +9742,7 @@ a.cn-kpi-card--board * {
 	justify-content: center;
 	width: 34px;
 }
-.cn-conversation-thread__bubble[data-v-322509e8] {
+.cn-conversation-thread__bubble[data-v-40a059c8] {
 	background: var(--color-background-hover);
 	border-radius: var(--border-radius-large);
 	border-start-start-radius: var(--border-radius-small, 4px);
@@ -9754,52 +9754,55 @@ a.cn-kpi-card--board * {
 	min-width: 0;
 	padding: calc(3 * var(--default-grid-baseline)) calc(3.5 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-322509e8] {
+.cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-40a059c8] {
 	background: var(--color-primary-element-light);
 	border-start-end-radius: var(--border-radius-small, 4px);
 	border-start-start-radius: var(--border-radius-large);
 	color: var(--color-primary-element-light-text);
 }
-.cn-conversation-thread__meta[data-v-322509e8] {
+.cn-conversation-thread__meta[data-v-40a059c8] {
 	display: flex;
 	flex-wrap: wrap;
 	font-size: 0.9em;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__author[data-v-322509e8] {
+.cn-conversation-thread__author[data-v-40a059c8] {
 	font-weight: 600;
 }
-.cn-conversation-thread__text[data-v-322509e8] {
+.cn-conversation-thread__text[data-v-40a059c8] {
 	overflow-wrap: anywhere;
 	white-space: pre-wrap;
 }
-.cn-conversation-thread__reply[data-v-322509e8] {
+.cn-conversation-thread__reply[data-v-40a059c8] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(2 * var(--default-grid-baseline));
 }
-.cn-conversation-thread__reply-label[data-v-322509e8] {
+.cn-conversation-thread__reply-label[data-v-40a059c8] {
 	font-weight: 600;
 }
-.cn-conversation-thread__input[data-v-322509e8] {
+.cn-conversation-thread__input[data-v-40a059c8] {
 	box-sizing: border-box;
 	margin: 0;
 	resize: vertical;
 	width: 100%;
 }
-.cn-conversation-thread__error[data-v-322509e8] {
+.cn-conversation-thread__error[data-v-40a059c8] {
 	color: var(--color-error-text, var(--color-error));
 	margin: 0;
 }
-.cn-conversation-thread__reply-actions[data-v-322509e8] {
+.cn-conversation-thread__reply-actions[data-v-40a059c8] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: calc(2.5 * var(--default-grid-baseline));
 	justify-content: flex-end;
 }
+.cn-conversation-thread__channel[data-v-40a059c8] {
+	color: var(--color-text-maxcontrast);
+}
 
 
-.cn-case-widget-card[data-v-2f1f2943] {
+.cn-case-widget-card[data-v-257593ce] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
@@ -11027,52 +11030,57 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 
-.cn-cell-renderer__icon-label[data-v-153d8456] {
+.cn-cell-renderer__actions[data-v-e99f38c8] {
+	display: inline-flex;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+.cn-cell-renderer__icon-label[data-v-e99f38c8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	font-weight: 600;
 }
-.cn-cell-renderer__switch[data-v-153d8456] {
+.cn-cell-renderer__switch[data-v-e99f38c8] {
 	display: inline-flex;
 }
-.cn-cell-renderer__mono[data-v-153d8456] {
+.cn-cell-renderer__mono[data-v-e99f38c8] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--uuid[data-v-153d8456] {
+.cn-cell-renderer--uuid[data-v-e99f38c8] {
 	font-family: monospace;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer--number[data-v-153d8456] {
+.cn-cell-renderer--number[data-v-e99f38c8] {
 	font-variant-numeric: tabular-nums;
 }
-.cn-cell-renderer--date[data-v-153d8456] {
+.cn-cell-renderer--date[data-v-e99f38c8] {
 	white-space: nowrap;
 }
-.cn-cell-renderer__dash[data-v-153d8456] {
+.cn-cell-renderer__dash[data-v-e99f38c8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__avatar[data-v-153d8456] {
+.cn-cell-renderer__avatar[data-v-e99f38c8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	max-width: 100%;
 	vertical-align: middle;
 }
-.cn-cell-renderer__avatar-picture[data-v-153d8456] {
+.cn-cell-renderer__avatar-picture[data-v-e99f38c8] {
 	display: inline-flex;
 	flex: none;
 }
-.cn-cell-renderer__date-block[data-v-153d8456] {
+.cn-cell-renderer__date-block[data-v-e99f38c8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__date-tile[data-v-153d8456] {
+.cn-cell-renderer__date-tile[data-v-e99f38c8] {
 	display: flex;
 	flex: 0 0 46px;
 	flex-direction: column;
@@ -11082,26 +11090,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 8px;
 	background-color: var(--color-background-dark);
 }
-.cn-cell-renderer__date-day[data-v-153d8456] {
+.cn-cell-renderer__date-day[data-v-e99f38c8] {
 	font-size: 17px;
 	line-height: 1;
 }
-.cn-cell-renderer__date-month[data-v-153d8456],
-.cn-cell-renderer__date-time[data-v-153d8456] {
+.cn-cell-renderer__date-month[data-v-e99f38c8],
+.cn-cell-renderer__date-time[data-v-e99f38c8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date-month[data-v-153d8456] {
+.cn-cell-renderer__date-month[data-v-e99f38c8] {
 	font-size: 12px;
 }
-.cn-cell-renderer__date-lines[data-v-153d8456] {
+.cn-cell-renderer__date-lines[data-v-e99f38c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-cell-renderer__date-weekday[data-v-153d8456] {
+.cn-cell-renderer__date-weekday[data-v-e99f38c8] {
 	font-weight: 600;
 }
-.cn-cell-renderer__avatar-initials[data-v-153d8456] {
+.cn-cell-renderer__avatar-initials[data-v-e99f38c8] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -11113,12 +11121,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 700;
 	line-height: 1;
 }
-.cn-cell-renderer__avatar-text[data-v-153d8456] {
+.cn-cell-renderer__avatar-text[data-v-e99f38c8] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-cell-renderer__avatar-name[data-v-153d8456] {
+.cn-cell-renderer__avatar-name[data-v-e99f38c8] {
 	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -11128,7 +11136,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font: inherit;
 	color: inherit;
 }
-.cn-cell-renderer__avatar-secondary[data-v-153d8456] {
+.cn-cell-renderer__avatar-secondary[data-v-e99f38c8] {
 	min-width: 0;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -11142,34 +11150,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* A date that matched a rule is also set in a heavier weight, so the signal
    does not rest on colour alone. */
-.cn-cell-renderer__date--success[data-v-153d8456],
-.cn-cell-renderer__date--warning[data-v-153d8456],
-.cn-cell-renderer__date--error[data-v-153d8456],
-.cn-cell-renderer__age--success[data-v-153d8456],
-.cn-cell-renderer__age--warning[data-v-153d8456],
-.cn-cell-renderer__age--error[data-v-153d8456] {
+.cn-cell-renderer__date--success[data-v-e99f38c8],
+.cn-cell-renderer__date--warning[data-v-e99f38c8],
+.cn-cell-renderer__date--error[data-v-e99f38c8],
+.cn-cell-renderer__age--success[data-v-e99f38c8],
+.cn-cell-renderer__age--warning[data-v-e99f38c8],
+.cn-cell-renderer__age--error[data-v-e99f38c8] {
 	font-weight: 600;
 }
-.cn-cell-renderer__age[data-v-153d8456] {
+.cn-cell-renderer__age[data-v-e99f38c8] {
 	white-space: nowrap;
 }
 
 /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
    8px beside it in the bar's tone, and an optional age badge after them, as
    PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
-.cn-cell-renderer__progress[data-v-153d8456] {
+.cn-cell-renderer__progress[data-v-e99f38c8] {
 	display: inline-flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 4px 8px;
 }
-.cn-cell-renderer__progress-line[data-v-153d8456] {
+.cn-cell-renderer__progress-line[data-v-e99f38c8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-bar[data-v-153d8456] {
+.cn-cell-renderer__progress-bar[data-v-e99f38c8] {
 	display: inline-block;
 	width: 56px;
 	height: 8px;
@@ -11177,33 +11185,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--color-background-dark);
 	overflow: hidden;
 }
-.cn-cell-renderer__progress-fill[data-v-153d8456] {
+.cn-cell-renderer__progress-fill[data-v-e99f38c8] {
 	display: block;
 	height: 100%;
 }
-.cn-cell-renderer__progress-fill--success[data-v-153d8456] {
+.cn-cell-renderer__progress-fill--success[data-v-e99f38c8] {
 	background: var(--color-element-success, var(--color-success));
 }
-.cn-cell-renderer__progress-fill--warning[data-v-153d8456] {
+.cn-cell-renderer__progress-fill--warning[data-v-e99f38c8] {
 	background: var(--color-element-warning, var(--color-warning));
 }
-.cn-cell-renderer__progress-fill--error[data-v-153d8456] {
+.cn-cell-renderer__progress-fill--error[data-v-e99f38c8] {
 	background: var(--color-element-error, var(--color-error));
 }
-.cn-cell-renderer__progress-value[data-v-153d8456] {
+.cn-cell-renderer__progress-value[data-v-e99f38c8] {
 	font-size: 14px;
 	font-weight: 700;
 }
-.cn-cell-renderer__progress-value--success[data-v-153d8456] {
+.cn-cell-renderer__progress-value--success[data-v-e99f38c8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__progress-value--warning[data-v-153d8456] {
+.cn-cell-renderer__progress-value--warning[data-v-e99f38c8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__progress-value--error[data-v-153d8456] {
+.cn-cell-renderer__progress-value--error[data-v-e99f38c8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__progress-badge[data-v-153d8456] {
+.cn-cell-renderer__progress-badge[data-v-e99f38c8] {
 	display: inline-block;
 	padding: 3px 10px;
 	border-radius: 12px;
@@ -11211,52 +11219,52 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-weight: 600;
 	white-space: nowrap;
 }
-.cn-cell-renderer__progress-badge--error[data-v-153d8456] {
+.cn-cell-renderer__progress-badge--error[data-v-e99f38c8] {
 	color: var(--color-text-error, var(--color-error-text));
 	background: var(--color-error-hover, var(--color-background-dark));
 	background: color-mix(in srgb, var(--color-error) 12%, transparent);
 }
-.cn-cell-renderer__progress-badge--warning[data-v-153d8456] {
+.cn-cell-renderer__progress-badge--warning[data-v-e99f38c8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 	background: color-mix(in srgb, var(--color-warning) 14%, transparent);
 }
-.cn-cell-renderer__progress-badge--success[data-v-153d8456] {
+.cn-cell-renderer__progress-badge--success[data-v-e99f38c8] {
 	color: var(--color-text-success, var(--color-success-text));
 	background: color-mix(in srgb, var(--color-success) 12%, transparent);
 }
-.cn-cell-renderer__age--success[data-v-153d8456] {
+.cn-cell-renderer__age--success[data-v-e99f38c8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__age--warning[data-v-153d8456] {
+.cn-cell-renderer__age--warning[data-v-e99f38c8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__age--error[data-v-153d8456] {
+.cn-cell-renderer__age--error[data-v-e99f38c8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
-.cn-cell-renderer__due--empty[data-v-153d8456] {
+.cn-cell-renderer__due--empty[data-v-e99f38c8] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-cell-renderer__date--success[data-v-153d8456] {
+.cn-cell-renderer__date--success[data-v-e99f38c8] {
 	color: var(--color-text-success, var(--color-success-text));
 }
-.cn-cell-renderer__date--warning[data-v-153d8456] {
+.cn-cell-renderer__date--warning[data-v-e99f38c8] {
 	color: var(--color-text-warning, var(--color-warning-text));
 }
-.cn-cell-renderer__date--error[data-v-153d8456] {
+.cn-cell-renderer__date--error[data-v-e99f38c8] {
 	color: var(--color-text-error, var(--color-error-text));
 }
 
 /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
    background colour and too pale for a 16px glyph on a light theme. */
-.cn-cell-renderer__icon--success[data-v-153d8456] {
+.cn-cell-renderer__icon--success[data-v-e99f38c8] {
 	color: var(--color-text-success, var(--color-success-text, var(--color-success)));
 }
-.cn-cell-renderer__swatch-wrap[data-v-153d8456] {
+.cn-cell-renderer__swatch-wrap[data-v-e99f38c8] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-cell-renderer__swatch-dot[data-v-153d8456] {
+.cn-cell-renderer__swatch-dot[data-v-e99f38c8] {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
@@ -16538,7 +16546,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-files-browser[data-v-120dc0ec] {
+.cn-files-browser[data-v-5da9ca42] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -16546,11 +16554,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-120dc0ec] {
+.cn-files-browser--dragging[data-v-5da9ca42] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
-.cn-files-browser__drop-overlay[data-v-120dc0ec] {
+.cn-files-browser__drop-overlay[data-v-5da9ca42] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -16568,7 +16576,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-120dc0ec] {
+.cn-files-browser__drop-icon[data-v-5da9ca42] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -16578,11 +16586,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-120dc0ec] {
+.cn-files-browser__drop-label[data-v-5da9ca42] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-120dc0ec] {
+.cn-files-browser__drop-hint[data-v-5da9ca42] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -16592,14 +16600,14 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-120dc0ec] {
+.cn-files-browser__bar[data-v-5da9ca42] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-120dc0ec] {
+.cn-files-browser__crumbs[data-v-5da9ca42] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -16607,13 +16615,13 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 /* The crumbs give way, the controls do not: a long crumb (a folder named
    after a uuid) shrank the upload button to "Bestanden..." while the crumbs
    kept their width. */
-.cn-files-browser__bar[data-v-120dc0ec] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-5da9ca42] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-120dc0ec] {
+.cn-files-browser__file-input[data-v-5da9ca42] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-120dc0ec] {
+.cn-files-browser__uploads[data-v-5da9ca42] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -16621,34 +16629,105 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-120dc0ec] {
+.cn-files-browser__upload[data-v-5da9ca42] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-120dc0ec] {
+.cn-files-browser__upload-name[data-v-5da9ca42] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-120dc0ec] {
+.cn-files-browser__upload-error[data-v-5da9ca42] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-120dc0ec] {
+.cn-files-browser__loading[data-v-5da9ca42] {
 	padding: 24px 0;
 }
-.cn-files-browser__table[data-v-120dc0ec] {
+
+/* `sideCards`: the list and, while a file is selected, a column of cards. */
+.cn-files-browser__body--with-side[data-v-5da9ca42] {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
+	align-items: start;
+	gap: 16px;
+}
+@media (max-width: 900px) {
+.cn-files-browser__body--with-side[data-v-5da9ca42] {
+		grid-template-columns: minmax(0, 1fr);
+}
+}
+.cn-files-browser__side[data-v-5da9ca42] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+.cn-files-browser__side-card[data-v-5da9ca42] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	padding: 16px 18px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large);
+	background: var(--color-main-background);
+}
+.cn-files-browser__side-title[data-v-5da9ca42] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 700;
+	overflow-wrap: anywhere;
+}
+.cn-files-browser__side-facts[data-v-5da9ca42] {
+	display: grid;
+	grid-template-columns: max-content minmax(0, 1fr);
+	gap: 6px 12px;
+	margin: 0;
+	font-size: 14px;
+}
+.cn-files-browser__side-facts dt[data-v-5da9ca42] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-files-browser__side-facts dd[data-v-5da9ca42] {
+	margin: 0;
+	overflow-wrap: anywhere;
+}
+.cn-files-browser__side-actions[data-v-5da9ca42] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+
+/* A value drawn in a tone (`colorMap` on a column that is not a badge): the
+   text in the tone's colour, as the boards write a restricted level. */
+.cn-files-browser__tone[data-v-5da9ca42] {
+	font-weight: 600;
+}
+.cn-files-browser__tone--success[data-v-5da9ca42] {
+	color: var(--color-success-text, var(--color-success));
+}
+.cn-files-browser__tone--warning[data-v-5da9ca42] {
+	color: var(--color-warning-text, var(--color-warning));
+}
+.cn-files-browser__tone--error[data-v-5da9ca42] {
+	color: var(--color-error-text, var(--color-error));
+}
+.cn-files-browser__tone--primary[data-v-5da9ca42],
+.cn-files-browser__tone--info[data-v-5da9ca42] {
+	color: var(--color-primary-element-light-text, var(--color-primary-element));
+}
+.cn-files-browser__table[data-v-5da9ca42] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-120dc0ec] {
+.cn-files-browser__table th[data-v-5da9ca42] {
 	text-align: start;
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-files-browser__sort[data-v-120dc0ec] {
+.cn-files-browser__sort[data-v-5da9ca42] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -16659,46 +16738,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-120dc0ec]:hover,
-.cn-files-browser__sort[data-v-120dc0ec]:focus-visible {
+.cn-files-browser__sort[data-v-5da9ca42]:hover,
+.cn-files-browser__sort[data-v-5da9ca42]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-120dc0ec] {
+.cn-files-browser__row[data-v-5da9ca42] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-120dc0ec]:hover,
-.cn-files-browser__row[data-v-120dc0ec]:focus-within {
+.cn-files-browser__row[data-v-5da9ca42]:hover,
+.cn-files-browser__row[data-v-5da9ca42]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-120dc0ec] {
+.cn-files-browser__table td[data-v-5da9ca42] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-120dc0ec] {
+.cn-files-browser__col-icon[data-v-5da9ca42] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-120dc0ec] {
+.cn-files-browser__col-size[data-v-5da9ca42] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-120dc0ec] {
+.cn-files-browser__col-mtime[data-v-5da9ca42] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-120dc0ec] {
+.cn-files-browser__col-select[data-v-5da9ca42] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-120dc0ec] {
+.cn-files-browser__select[data-v-5da9ca42] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-120dc0ec] {
+.cn-files-browser__bulk-bar[data-v-5da9ca42] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -16707,22 +16786,22 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-120dc0ec] {
+.cn-files-browser__bulk-count[data-v-5da9ca42] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__facets[data-v-120dc0ec] {
+.cn-files-browser__facets[data-v-5da9ca42] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-120dc0ec] {
+.cn-files-browser__facet[data-v-5da9ca42] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-120dc0ec] {
+.cn-files-browser__facet-chip[data-v-5da9ca42] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -16734,65 +16813,65 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-120dc0ec] {
+.cn-files-browser__facet-chip--active[data-v-5da9ca42] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-120dc0ec] {
+.cn-files-browser__group-heading[data-v-5da9ca42] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-120dc0ec] {
+.cn-files-browser__group-count[data-v-5da9ca42] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-120dc0ec] {
+.cn-files-browser__no-match[data-v-5da9ca42] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-120dc0ec] {
+.cn-files-browser__col-actions[data-v-5da9ca42] {
 	width: 48px;
 }
-.cn-files-browser__col-name[data-v-120dc0ec] {
+.cn-files-browser__col-name[data-v-5da9ca42] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-120dc0ec] {
+.cn-files-browser__name[data-v-5da9ca42] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__row--linked[data-v-120dc0ec] {
+.cn-files-browser__row--linked[data-v-5da9ca42] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-120dc0ec] {
+.cn-files-browser__note[data-v-5da9ca42] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-120dc0ec] {
+.cn-files-browser__note-link[data-v-5da9ca42] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-120dc0ec] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-5da9ca42] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-120dc0ec],
-.cn-files-browser__thumb[data-v-120dc0ec] {
+.cn-files-browser__mime[data-v-5da9ca42],
+.cn-files-browser__thumb[data-v-5da9ca42] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-120dc0ec] {
+.cn-files-browser__thumb[data-v-5da9ca42] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-120dc0ec] {
+.cn-files-browser__new-folder[data-v-5da9ca42] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-120dc0ec] {
+.hidden-visually[data-v-5da9ca42] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -16802,9 +16881,9 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-b3b9e1c2] { padding: 12px;
+.cn-sidebar-tab[data-v-0442340e] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-b3b9e1c2] {
+.cn-sidebar-tab__upload-error[data-v-0442340e] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -16812,7 +16891,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-b3b9e1c2] {
+.cn-sidebar-tab__dropzone[data-v-0442340e] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -16825,46 +16904,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-b3b9e1c2]:hover {
+.cn-sidebar-tab__dropzone[data-v-0442340e]:hover {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
 }
-.cn-sidebar-tab__dropzone--active[data-v-b3b9e1c2] {
+.cn-sidebar-tab__dropzone--active[data-v-0442340e] {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
 }
-.cn-sidebar-tab__share[data-v-b3b9e1c2] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-0442340e] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-0442340e],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-b3b9e1c2] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-0442340e] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-b3b9e1c2] { display: none;
+.cn-sidebar-tab__file-input[data-v-0442340e] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-b3b9e1c2] {
+.cn-sidebar-tab__empty[data-v-0442340e] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-b3b9e1c2] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-0442340e] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-b3b9e1c2],
-.cn-sidebar-tab__thumb[data-v-b3b9e1c2] {
+.cn-sidebar-tab__mime[data-v-0442340e],
+.cn-sidebar-tab__thumb[data-v-0442340e] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-b3b9e1c2] {
+.cn-sidebar-tab__thumb[data-v-0442340e] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-b3b9e1c2] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-0442340e] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-b3b9e1c2] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-0442340e] { margin-top: 8px;
 }
 
 
@@ -30018,13 +30097,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-0e50ed9a] {
+.cn-facts-widget[data-v-34d72512] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-0e50ed9a] {
+.cn-facts-widget__rows[data-v-34d72512] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -30033,7 +30112,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-0e50ed9a] {
+.cn-facts-widget__row[data-v-34d72512] {
 	display: contents;
 }
 
@@ -30041,13 +30120,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-0e50ed9a] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-0e50ed9a] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-34d72512] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -30055,20 +30134,56 @@ 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-0e50ed9a] {
+.cn-facts-widget__title[data-v-34d72512] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-0e50ed9a] {
+.cn-facts-widget__line[data-v-34d72512] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__muted[data-v-0e50ed9a] {
+.cn-facts-widget__meter[data-v-34d72512] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	font-size: 14px;
+}
+.cn-facts-widget__meter-head[data-v-34d72512] {
+	display: flex;
+	justify-content: space-between;
+	gap: 16px;
+}
+.cn-facts-widget__meter-label[data-v-34d72512] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-facts-widget__meter-value[data-v-34d72512] {
+	font-weight: 500;
+	text-align: end;
+}
+.cn-facts-widget__meter-track[data-v-34d72512] {
+	height: 6px;
+	border-radius: 3px;
+	background: var(--color-background-darker);
+	overflow: hidden;
+}
+.cn-facts-widget__meter-bar[data-v-34d72512] {
+	display: block;
+	height: 100%;
+	border-radius: inherit;
+	background: var(--color-primary-element);
+}
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-34d72512] {
+	color: var(--color-error-text);
+}
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-34d72512] {
+	background: var(--color-error);
+}
+.cn-facts-widget__muted[data-v-34d72512] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-0e50ed9a] {
+.cn-facts-widget__label .hidden-visually[data-v-34d72512] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -30076,23 +30191,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-0e50ed9a] {
+.cn-facts-widget__label--icon[data-v-34d72512] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-0e50ed9a] {
+.cn-facts-widget__value-link[data-v-34d72512] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-0e50ed9a],
-.cn-facts-widget__icon-button[data-v-0e50ed9a],
-.cn-facts-widget__action[data-v-0e50ed9a] {
+.cn-facts-widget__inline-button[data-v-34d72512],
+.cn-facts-widget__icon-button[data-v-34d72512],
+.cn-facts-widget__action[data-v-34d72512] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-0e50ed9a] {
+.cn-facts-widget__inline-button[data-v-34d72512] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -30103,7 +30218,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-0e50ed9a] {
+.cn-facts-widget__icon-button[data-v-34d72512] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -30112,23 +30227,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-0e50ed9a]:hover,
-.cn-facts-widget__icon-button[data-v-0e50ed9a]:focus-visible {
+.cn-facts-widget__icon-button[data-v-34d72512]:hover,
+.cn-facts-widget__icon-button[data-v-34d72512]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-0e50ed9a] {
+.cn-facts-widget__text[data-v-34d72512] {
 	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-0e50ed9a] {
+.cn-facts-widget__lead[data-v-34d72512] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-0e50ed9a] {
+.cn-facts-widget__lead-tile[data-v-34d72512] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -30141,29 +30256,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-0e50ed9a] {
+.cn-facts-widget__lead-tile--success[data-v-34d72512] {
 	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-0e50ed9a] {
+.cn-facts-widget__lead-tile--info[data-v-34d72512] {
 	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-0e50ed9a] {
+.cn-facts-widget__lead-text[data-v-34d72512] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-0e50ed9a] {
+.cn-facts-widget__lead-title[data-v-34d72512] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-0e50ed9a] {
+.cn-facts-widget__lead-subtitle[data-v-34d72512] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-0e50ed9a] {
+.cn-facts-widget__action[data-v-34d72512] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30175,11 +30290,11 @@ 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-0e50ed9a]:hover,
-.cn-facts-widget__action[data-v-0e50ed9a]:focus-visible {
+.cn-facts-widget__action[data-v-34d72512]:hover,
+.cn-facts-widget__action[data-v-34d72512]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-0e50ed9a] {
+.cn-facts-widget__link[data-v-34d72512] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -30188,12 +30303,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 
 /* `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-0e50ed9a] {
+.cn-facts-widget__rows--columns[data-v-34d72512] {
 	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-0e50ed9a] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-34d72512] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -30201,11 +30316,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	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-0e50ed9a] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-0e50ed9a] {
+.cn-facts-widget__rows--columns[data-v-34d72512] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -37443,22 +37558,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-index-page-widgets--stat-row[data-v-319129cb] {
+.cn-index-page-widgets--stat-row[data-v-cf9fcc76] {
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-index-page-widgets__cell[data-v-319129cb] {
+.cn-index-page-widgets__cell[data-v-cf9fcc76] {
 	display: flex;
 	min-width: 0;
 }
-.cn-index-page-widgets__cell[data-v-319129cb] > * {
+.cn-index-page-widgets__cell[data-v-cf9fcc76] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
 
+/* The cards after the list, stacked full width (PqSocial). */
+.cn-index-page-widgets--after-list[data-v-cf9fcc76] {
+	display: flex;
+	flex-direction: column;
+	gap: var(--cn-board-section-gap, 16px);
+	margin-top: var(--cn-board-section-gap, 16px);
+	min-width: 0;
+}
+
 /* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its
    place beside the toolbar and the list is set by CnIndexPage
    (`cn-index-page--with-side-panel`, index-page.css). */
-.cn-index-page-widgets--side-panel[data-v-319129cb] {
+.cn-index-page-widgets--side-panel[data-v-cf9fcc76] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;