@conduction/nextcloud-vue 2.138.0 → 2.139.0

package/dist/nextcloud-vue.css

@@ -388,6 +388,20 @@
 	border: 0;
 }
 
+/* A dashboard banner's kicker is a 13px bold line in sentence case, no
+   tracking (DqMijnWerk "Vandaag eerst", BqMijnGoedkeuringen "First, today");
+   the plain look keeps its spaced capitals. The kicker is a paragraph, so its
+   size and weight also go to the theme's paragraph tokens.
+   @spec openspec/changes/board-banner-kicker-case/specs/board-banner-kicker-case/spec.md#requirement-a-board-dashboard-banners-kicker-is-in-sentence-case */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-font-weight: 700;
+	font-size: 13px;
+	font-weight: 700;
+	letter-spacing: 0;
+	text-transform: none;
+}
+
 /* ---- A workspace filter form (CnWorkspaceFilterWidget) ----------------- */
 /* The boards draw the form's field and its load button 40px tall, the button
    16px in at both sides (DqTermijnen "Jaar" with "Rapport laden"); the form
@@ -714,6 +728,13 @@
 	--button-size: 34px;
 }
 
+/* Two buttons in a card's title row stand 8px apart (DqZaakContact "Live
+   gesprek", DqZaakEmail "Mail koppelen" / "Mail opstellen").
+   @spec openspec/changes/board-card-header-actions-gap/specs/board-card-header-actions-gap/spec.md#requirement-a-board-cards-title-row-buttons-stand-8px-apart */
+.cn-look-board .cn-widget-wrapper__actions:not(.cn-look-nextcloud *) {
+	gap: 8px;
+}
+
 /* A detail page marked `cardButtons: "regular"` draws them at the 40px
    control height: the case page's tab cards (DqZaakContact "Live gesprek",
    DqZaakHistorie, DqZaakBetrokkenen), where setting and case-type pages keep 34.
@@ -3348,6 +3369,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	gap: 10px;
 }
 
+/* A choice card with a checkbox (CnAssignDialog's toggles) is as tight as
+   the board draws it (DqOverdragen, 76px for a label and a two-line note):
+   10px 14px padding, the checkbox row at the 24px minimum target instead of
+   NcCheckboxRadioSwitch's 34px, the note at 1.2 line height. */
+.cn-dialog-board .cn-assign-dialog__toggle {
+	padding: 10px 14px;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch-checkbox .checkbox-content,
+.cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch__input {
+	min-height: 24px;
+	padding-block: 0;
+}
+
+.cn-dialog-board .cn-assign-dialog__toggle-note {
+	line-height: 1.2;
+}
+
 /* Body: padding 20px 24px, 18px between blocks. */
 .cn-dialog-board .dialog__content {
 	display: flex;
@@ -4320,6 +4359,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin-inline-start: 0;
 }
 
+/* With the side panel open the buttons take the row under the title, the
+   breadcrumb and the count line follow (DqZakenSorteren).
+   @spec openspec/changes/board-header-buttons-under-title-beside-side-panel/specs/board-header-buttons-under-title-beside-side-panel/spec.md#requirement-the-header-buttons-sit-under-the-title-while-the-side-panel-is-open */
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-index-page__header-buttons {
+	grid-column: 1 / -1;
+	grid-row: 2;
+	justify-self: start;
+	margin-block: 6px 3px;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-header-trail,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-header-trail {
+	grid-row: 3;
+}
+
+.cn-look-board.cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description,
+.cn-look-board .cn-index-page--sidebar-open .cn-page-header .cn-page-header__text > .cn-page-header__description {
+	grid-row: 4;
+}
+
 /* The header buttons keep the board's button under a theme that styles every
    secondary or primary button with `!important` (the nldesign theme: a
    primary border, 8px 16px padding): Download and the Actions menu are 40px,
@@ -11341,9 +11401,16 @@ li[data-cn-admin-tag] > .action-link::after {
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta:not(.cn-look-nextcloud *),
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__meta time:not(.cn-look-nextcloud *) {
 	color: var(--cn-board-text-soft);
+	font-size: 13px;
 	line-height: normal;
 }
 
+/* 6px between the meta line and the text.
+   @spec openspec/changes/board-conversation-bubble-meta-gap/specs/board-conversation-bubble-meta-gap/spec.md#requirement-a-board-message-sets-its-meta-line-at-13px-6px-above-the-text */
+.cn-look-board .cn-conversation-thread .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
+	gap: 6px;
+}
+
 .cn-look-board .cn-conversation-thread .cn-conversation-thread__message--us .cn-conversation-thread__bubble:not(.cn-look-nextcloud *) {
 	color: var(--color-main-text);
 }
@@ -12032,6 +12099,11 @@ li[data-cn-admin-tag] > .action-link::after {
 	line-height: normal;
 }
 
+/* Head and body text at line height 1.2, as the board draws the table. */
+.cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(th, td) {
+	line-height: 1.2;
+}
+
 /* A long task name wraps under itself, as the board draws it, rather than
    widening the table past the card. */
 .cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(.cn-tasks-widget__name, .cn-tasks-widget__meta) {
@@ -12331,6 +12403,18 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 14px;
 	line-height: 1.2;
 }
+
+/* The contacts tab inside a detail card (DqZaakBetrokkenen "Partijen") takes
+   the card's padding instead of its own, and its buttons start at the card's
+   edge under the subtitle.
+   @spec openspec/changes/board-contacts-in-card/specs/contacts/spec.md */
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab {
+	padding: 0;
+}
+
+.cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab .cn-contacts-tab__header {
+	justify-content: flex-start;
+}
 /*
  * The reports page under the board look (screens-reports-page-board-look,
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -15155,7 +15239,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-8e52ae5c] {
+.cn-chart-widget[data-v-56aabaf0] {
 	width: 100%;
 	/* A chart FITS its container — it is never a scroll region. apexcharts
 	   sizes its SVG from the element it is mounted in, but it also enforces
@@ -15177,13 +15261,13 @@ li[data-cn-admin-tag] > .action-link::after {
    takes what is left, so the chart is sized by the box rather than sizing it.
    `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
    the thing that produces the overflow it was meant to prevent. */
-.cn-chart-widget--fit[data-v-8e52ae5c] {
+.cn-chart-widget--fit[data-v-56aabaf0] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-8e52ae5c] {
+.cn-chart-widget__canvas[data-v-56aabaf0] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -15196,14 +15280,14 @@ li[data-cn-admin-tag] > .action-link::after {
 /* apexcharts writes an inline `width` onto its own wrapper from its measured
    minimum, which beats the container when the container is narrower. Cap the
    painted box so the inline width cannot push past the widget's border. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
 	max-width: 100%;
 }
 
 /* The SVG is a block: as an inline box it sits on a line and adds the line's
    descender space under the chart. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -15211,24 +15295,24 @@ li[data-cn-admin-tag] > .action-link::after {
    would grow to its content, i.e. to the chart, and the percentage height would
    resolve against a box the chart itself defined. `overflow: hidden` keeps a
    sub-pixel rounding difference from reintroducing a scrollbar. */
-.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-8e52ae5c] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-56aabaf0] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-8e52ae5c] {
+.cn-chart-widget__fallback[data-v-56aabaf0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-8e52ae5c] {
+.cn-chart-widget__html[data-v-56aabaf0] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-8e52ae5c] {
+.cn-chart-widget__bar-list[data-v-56aabaf0] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -15236,7 +15320,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line[data-v-56aabaf0] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -15251,80 +15335,85 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line--drill[data-v-56aabaf0] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-8e52ae5c],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-8e52ae5c] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-56aabaf0],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-56aabaf0] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-8e52ae5c] {
+.cn-chart-widget__bar-label[data-v-56aabaf0] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-8e52ae5c] {
+.cn-chart-widget__bar-track[data-v-56aabaf0] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-8e52ae5c] {
+.cn-chart-widget__bar-fill[data-v-56aabaf0] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-8e52ae5c] {
+.cn-chart-widget__bar-value[data-v-56aabaf0] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
 }
-.cn-chart-widget__footnote[data-v-8e52ae5c] {
+.cn-chart-widget__footnote[data-v-56aabaf0] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
 
 /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
    its own line height while the canvas takes the rest of a fitted column. */
-.cn-chart-widget > .cn-chart-widget__footnote[data-v-8e52ae5c] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-56aabaf0] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-8e52ae5c] {
+.cn-chart-widget__matrix[data-v-56aabaf0] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-row[data-v-56aabaf0] {
 	display: contents;
 }
-.cn-chart-widget__matrix-head[data-v-8e52ae5c] {
+
+/* A column takes its share of the width (minmax(0, 1fr)), so a long phase
+   name breaks inside its own column instead of running into the next. */
+.cn-chart-widget__matrix-head[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
+	hyphens: auto;
+	overflow-wrap: anywhere;
 }
-.cn-chart-widget__matrix-label[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-label[data-v-56aabaf0] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell[data-v-56aabaf0] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--success[data-v-56aabaf0] {
 	background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--warning[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--warning[data-v-56aabaf0] {
 	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--error[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--error[data-v-56aabaf0] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--danger[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--danger[data-v-56aabaf0] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--current[data-v-56aabaf0] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -15336,26 +15425,26 @@ li[data-cn-admin-tag] > .action-link::after {
    primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
    ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
    dark ink stays at 4.5:1 in Nextcloud's dark theme. */
-.cn-chart-widget__matrix-cell--1[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--1[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light-text);
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--2[data-v-56aabaf0] {
 	background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--3[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-main-text);
 	background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-8e52ae5c] {
+.cn-chart-widget__matrix-cell--4[data-v-56aabaf0] {
 	--nldesign-color-on-surface: var(--color-primary-element-light);
 	background: var(--color-primary-element-light-text);
 	color: var(--color-primary-element-light);
 }
-.cn-chart-widget__empty[data-v-8e52ae5c] {
+.cn-chart-widget__empty[data-v-56aabaf0] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -15370,25 +15459,25 @@ li[data-cn-admin-tag] > .action-link::after {
    content-sized case; in fit mode they take the leftover space and centre in it
    instead, since the floor would overflow a short tile. Declared after the base
    rules so the cascade order matches specificity (no-descending-specificity). */
-.cn-chart-widget--fit .cn-chart-widget__empty[data-v-8e52ae5c],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-8e52ae5c] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-56aabaf0],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-56aabaf0] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-8e52ae5c] {
+.cn-chart-widget__error[data-v-56aabaf0] {
 	font-size: 14px;
 	margin: 0;
 }
 
 /* In-widget view switcher pills (views[] prop) — compact segmented row,
    mirroring the dashboard date-range pill styling. */
-.cn-chart-widget__views[data-v-8e52ae5c] {
+.cn-chart-widget__views[data-v-56aabaf0] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-8e52ae5c] {
+.cn-chart-widget__view-pill[data-v-56aabaf0] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -15397,7 +15486,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-8e52ae5c] {
+.cn-chart-widget__view-pill--active[data-v-56aabaf0] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -15426,8 +15515,8 @@ li[data-cn-admin-tag] > .action-link::after {
    each override below therefore carries one more class than the apexcharts rule
    it replaces, and holds even without the scope attribute this block compiles
    with. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15436,8 +15525,8 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* The title row is the date/category header ("Aug 26"). Its own background is
    what made it unreadable rather than merely off-theme. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
 	background: var(--color-background-hover);
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15446,8 +15535,8 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
    here and only overrides them for its dark theme, so the base rule has to be
    replaced too — not just the theme variants. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -15456,55 +15545,55 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Their pointer arrows are two stacked triangles: `::before` paints the border
    edge, `::after` the fill. Both need the tokens the box above uses, or the
    arrow keeps the old palette and reads as a stray light wedge. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::before {
 	border-left-color: var(--color-border);
 	border-right-color: var(--color-border);
 }
 
 /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
    hardcoded `#fff` panel under inherited near-white text. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-menu {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-menu .apexcharts-menu-item:hover {
 	background: var(--color-background-hover);
 }
 
 /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
    vanishes against a dark background. One selector per icon class, matching
    apexcharts' own list, to clear its (0,3,1) hover rules. */
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-8e52ae5c] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -23017,7 +23106,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 }
 
 
-.cn-files-browser[data-v-7ce558e7] {
+.cn-files-browser[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -23025,22 +23114,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-7ce558e7] {
+.cn-files-browser--dragging[data-v-ad907164] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
 
 /* With a `dropDetail` the drop state fills the panel it sits in, as the
    board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
-.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-7ce558e7] {
+.cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ad907164] {
 	min-height: max(320px, 100%);
 }
-.cn-files-browser__drop-detail[data-v-7ce558e7] {
+.cn-files-browser__drop-detail[data-v-ad907164] {
 	max-width: 520px;
 	font-size: 14px;
 	color: var(--color-main-text);
 }
-.cn-files-browser__drop-overlay[data-v-7ce558e7] {
+.cn-files-browser__drop-overlay[data-v-ad907164] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -23058,7 +23147,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-7ce558e7] {
+.cn-files-browser__drop-icon[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23068,11 +23157,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-7ce558e7] {
+.cn-files-browser__drop-label[data-v-ad907164] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-7ce558e7] {
+.cn-files-browser__drop-hint[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -23082,14 +23171,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-7ce558e7] {
+.cn-files-browser__bar[data-v-ad907164] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-7ce558e7] {
+.cn-files-browser__crumbs[data-v-ad907164] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -23097,13 +23186,13 @@ button.cn-files-card__open[data-v-1a7b9224]: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-7ce558e7] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-ad907164] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-7ce558e7] {
+.cn-files-browser__file-input[data-v-ad907164] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-7ce558e7] {
+.cn-files-browser__uploads[data-v-ad907164] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -23111,35 +23200,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-7ce558e7] {
+.cn-files-browser__upload[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-7ce558e7] {
+.cn-files-browser__upload-name[data-v-ad907164] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-7ce558e7] {
+.cn-files-browser__upload-error[data-v-ad907164] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-7ce558e7] {
+.cn-files-browser__loading[data-v-ad907164] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-7ce558e7] {
+.cn-files-browser__body--with-side[data-v-ad907164] {
 	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-7ce558e7] {
+.cn-files-browser__body--with-side[data-v-ad907164] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-7ce558e7] {
+.cn-files-browser__side[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -23147,14 +23236,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* In the detail page's side column the cards take its gap and its card
    anatomy, as the page's own side cards are drawn. */
-.cn-files-browser__side--in-page[data-v-7ce558e7] {
+.cn-files-browser__side--in-page[data-v-ad907164] {
 	gap: calc(5 * var(--default-grid-baseline));
 }
-.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-7ce558e7] {
+.cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ad907164] {
 	padding: var(--cn-board-card-padding, 16px 18px);
 	border-radius: var(--cn-board-card-radius, var(--border-radius-large));
 }
-.cn-files-browser__side-card[data-v-7ce558e7] {
+.cn-files-browser__side-card[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23163,27 +23252,38 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-7ce558e7] {
+.cn-files-browser__side-title[data-v-ad907164] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-7ce558e7] {
+.cn-files-browser__side-facts[data-v-ad907164] {
 	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-7ce558e7] {
+
+/* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
+   @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
+.cn-files-browser__side-facts dt[data-v-ad907164],
+.cn-files-browser__side-facts dd[data-v-ad907164] {
+	display: block;
+	width: auto;
+	padding: 0;
+	text-align: start;
+	white-space: normal;
+}
+.cn-files-browser__side-facts dt[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-7ce558e7] {
+.cn-files-browser__side-facts dd[data-v-ad907164] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-7ce558e7] {
+.cn-files-browser__side-actions[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -23191,35 +23291,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 
 /* 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-7ce558e7] {
+.cn-files-browser__tone[data-v-ad907164] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-7ce558e7] {
+.cn-files-browser__tone--success[data-v-ad907164] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-7ce558e7] {
+.cn-files-browser__tone--warning[data-v-ad907164] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-7ce558e7] {
+.cn-files-browser__tone--error[data-v-ad907164] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-7ce558e7],
-.cn-files-browser__tone--info[data-v-7ce558e7] {
+.cn-files-browser__tone--primary[data-v-ad907164],
+.cn-files-browser__tone--info[data-v-ad907164] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-7ce558e7] {
+.cn-files-browser__table[data-v-ad907164] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-7ce558e7] {
+.cn-files-browser__table th[data-v-ad907164] {
 	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-7ce558e7] {
+.cn-files-browser__sort[data-v-ad907164] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -23230,46 +23330,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-7ce558e7]:hover,
-.cn-files-browser__sort[data-v-7ce558e7]:focus-visible {
+.cn-files-browser__sort[data-v-ad907164]:hover,
+.cn-files-browser__sort[data-v-ad907164]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-7ce558e7] {
+.cn-files-browser__row[data-v-ad907164] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-7ce558e7]:hover,
-.cn-files-browser__row[data-v-7ce558e7]:focus-within {
+.cn-files-browser__row[data-v-ad907164]:hover,
+.cn-files-browser__row[data-v-ad907164]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-7ce558e7] {
+.cn-files-browser__table td[data-v-ad907164] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-7ce558e7] {
+.cn-files-browser__col-icon[data-v-ad907164] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-7ce558e7] {
+.cn-files-browser__col-size[data-v-ad907164] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-7ce558e7] {
+.cn-files-browser__col-mtime[data-v-ad907164] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-7ce558e7] {
+.cn-files-browser__col-select[data-v-ad907164] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-7ce558e7] {
+.cn-files-browser__select[data-v-ad907164] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-7ce558e7] {
+.cn-files-browser__bulk-bar[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -23278,11 +23378,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-7ce558e7] {
+.cn-files-browser__bulk-count[data-v-ad907164] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__review[data-v-7ce558e7] {
+.cn-files-browser__review[data-v-ad907164] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -23291,28 +23391,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	border-radius: 10px;
 	background: var(--color-background-hover);
 }
-.cn-files-browser__review-head[data-v-7ce558e7] {
+.cn-files-browser__review-head[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	gap: 8px;
 }
-.cn-files-browser__review-title[data-v-7ce558e7] {
+.cn-files-browser__review-title[data-v-ad907164] {
 	font-size: 15px;
 }
-.cn-files-browser__review-sub[data-v-7ce558e7] {
+.cn-files-browser__review-sub[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__review-bar[data-v-7ce558e7] {
+.cn-files-browser__review-bar[data-v-ad907164] {
 	display: flex;
 	height: 8px;
 	overflow: hidden;
 	border-radius: 4px;
 	background: var(--color-border);
 }
-.cn-files-browser__review-legend[data-v-7ce558e7] {
+.cn-files-browser__review-legend[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px 18px;
@@ -23321,48 +23421,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	font-size: 14px;
 	list-style: none;
 }
-.cn-files-browser__review-legend li[data-v-7ce558e7] {
+.cn-files-browser__review-legend li[data-v-ad907164] {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-files-browser__review-dot[data-v-7ce558e7] {
+.cn-files-browser__review-dot[data-v-ad907164] {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 }
-.cn-files-browser__review-part--success[data-v-7ce558e7] {
+.cn-files-browser__review-part--success[data-v-ad907164] {
 	background: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__review-part--warning[data-v-7ce558e7] {
+.cn-files-browser__review-part--warning[data-v-ad907164] {
 	background: var(--color-warning);
 }
-.cn-files-browser__review-part--error[data-v-7ce558e7] {
+.cn-files-browser__review-part--error[data-v-ad907164] {
 	background: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__review-part--info[data-v-7ce558e7] {
+.cn-files-browser__review-part--info[data-v-ad907164] {
 	background: var(--color-primary-element);
 }
-.cn-files-browser__review-part--default[data-v-7ce558e7] {
+.cn-files-browser__review-part--default[data-v-ad907164] {
 	background: var(--color-border-dark);
 }
-.cn-files-browser__row-button[data-v-7ce558e7] {
+.cn-files-browser__row-button[data-v-ad907164] {
 	display: inline-flex;
 	margin-inline-end: 8px;
 	vertical-align: middle;
 }
-.cn-files-browser__facets[data-v-7ce558e7] {
+.cn-files-browser__facets[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-7ce558e7] {
+.cn-files-browser__facet[data-v-ad907164] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-7ce558e7] {
+.cn-files-browser__facet-chip[data-v-ad907164] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -23374,41 +23474,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-7ce558e7] {
+.cn-files-browser__facet-chip--active[data-v-ad907164] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-7ce558e7] {
+.cn-files-browser__group-heading[data-v-ad907164] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-7ce558e7] {
+.cn-files-browser__group-count[data-v-ad907164] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-7ce558e7] {
+.cn-files-browser__no-match[data-v-ad907164] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-7ce558e7] {
+.cn-files-browser__col-actions[data-v-ad907164] {
 	width: 48px;
 	white-space: nowrap;
 }
-.cn-files-browser__col-actions[data-v-7ce558e7]:has(.cn-files-browser__row-button) {
+.cn-files-browser__col-actions[data-v-ad907164]:has(.cn-files-browser__row-button) {
 	width: auto;
 }
-.cn-files-browser__col-name[data-v-7ce558e7] {
+.cn-files-browser__col-name[data-v-ad907164] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-7ce558e7] {
+.cn-files-browser__name[data-v-ad907164] {
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__name-secondary[data-v-7ce558e7] {
+.cn-files-browser__name-secondary[data-v-ad907164] {
 	display: block;
 	overflow: hidden;
 	color: var(--color-text-maxcontrast);
@@ -23416,41 +23516,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__footnote[data-v-7ce558e7] {
+.cn-files-browser__footnote[data-v-ad907164] {
 	margin: 0;
 	padding-top: 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-files-browser__row--linked[data-v-7ce558e7] {
+.cn-files-browser__row--linked[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-7ce558e7] {
+.cn-files-browser__note[data-v-ad907164] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-7ce558e7] {
+.cn-files-browser__note-link[data-v-ad907164] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-7ce558e7] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-ad907164] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-7ce558e7],
-.cn-files-browser__thumb[data-v-7ce558e7] {
+.cn-files-browser__mime[data-v-ad907164],
+.cn-files-browser__thumb[data-v-ad907164] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-7ce558e7] {
+.cn-files-browser__thumb[data-v-ad907164] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-7ce558e7] {
+.cn-files-browser__new-folder[data-v-ad907164] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-7ce558e7] {
+.hidden-visually[data-v-ad907164] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -27999,7 +28099,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* The row a following card describes (content.rowSelection). */
-.cn-object-list-widget[data-v-445e213c] .cn-object-list-widget__row--selected {
+.cn-object-list-widget[data-v-3a0165c8] .cn-object-list-widget__row--selected {
 	background: var(--color-primary-element-light, #eaf0f7);
 }
 
@@ -28010,7 +28110,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-445e213c] {
+.cn-object-list-widget[data-v-3a0165c8] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -28022,10 +28122,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-445e213c] {
+.cn-object-list-widget--dropping[data-v-3a0165c8] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-445e213c] {
+.cn-object-list-widget__drop-overlay[data-v-3a0165c8] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -28043,7 +28143,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-445e213c] {
+.cn-object-list-widget__table[data-v-3a0165c8] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -28052,16 +28152,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-445e213c] {
+.cn-object-list-widget__empty[data-v-3a0165c8] {
 	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-445e213c] {
+.cn-object-list-widget__pager[data-v-3a0165c8] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-445e213c] {
+.cn-object-list-widget__view-all[data-v-3a0165c8] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -28072,32 +28172,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-445e213c]:hover,
-.cn-object-list-widget__view-all[data-v-445e213c]:focus-visible {
+.cn-object-list-widget__view-all[data-v-3a0165c8]:hover,
+.cn-object-list-widget__view-all[data-v-3a0165c8]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-445e213c] {
+.cn-object-list-widget__more[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
-.cn-object-list-widget__links[data-v-445e213c] {
+.cn-object-list-widget__links[data-v-3a0165c8] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	margin: 12px 0 0;
 	font-size: 14px;
 }
-.cn-object-list-widget__link[data-v-445e213c] {
+.cn-object-list-widget__link[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__link-note[data-v-445e213c] {
+.cn-object-list-widget__link-note[data-v-3a0165c8] {
 	margin-inline-start: 6px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-object-list-widget__footnote[data-v-445e213c] {
+.cn-object-list-widget__footnote[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	margin: 8px 0 0;
@@ -28106,7 +28206,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-445e213c] {
+.cn-object-list-widget__add[data-v-3a0165c8] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -28114,31 +28214,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-445e213c] {
+.cn-object-list-widget__error[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-445e213c] {
+.cn-object-list-widget__prompt[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-445e213c] {
+.cn-object-list-widget__facet[data-v-3a0165c8] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-445e213c] {
+.cn-object-list-widget__facet-label[data-v-3a0165c8] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-445e213c] {
+.cn-object-list-widget__facet-chip[data-v-3a0165c8] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -28148,13 +28248,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-445e213c] {
+.cn-object-list-widget__facet-chip--active[data-v-3a0165c8] {
 	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-445e213c],
-.cn-object-list-widget__bulk-clear[data-v-445e213c] {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8],
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -28163,11 +28263,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-445e213c]:hover,
-.cn-object-list-widget__bulk-clear[data-v-445e213c]:hover {
+.cn-object-list-widget__facet-clear[data-v-3a0165c8]:hover,
+.cn-object-list-widget__bulk-clear[data-v-3a0165c8]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-445e213c] {
+.cn-object-list-widget__bulk-bar[data-v-3a0165c8] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -28177,10 +28277,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-445e213c] {
+.cn-object-list-widget__bulk-count[data-v-3a0165c8] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-445e213c] {
+.cn-object-list-widget__bulk-action[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28188,25 +28288,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-445e213c] {
+.cn-object-list-widget__bulk-action--destructive[data-v-3a0165c8] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-445e213c] {
+.cn-object-list-widget__groups[data-v-3a0165c8] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-445e213c] {
+.cn-object-list-widget__group-heading[data-v-3a0165c8] {
 	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-445e213c] {
+.cn-object-list-widget__upload[data-v-3a0165c8] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -28215,7 +28315,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-445e213c] {
+.cn-object-list-widget__upload-input[data-v-3a0165c8] {
 	display: none;
 }
 
@@ -38675,7 +38775,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 
-.cn-facts-widget[data-v-e3954500] {
+.cn-facts-widget[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -38685,7 +38785,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
    and bottom, which put a side card's facts 24px under its title, against
    the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
-.cn-facts-widget__rows[data-v-e3954500] {
+.cn-facts-widget__rows[data-v-4fd0d81c] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -38695,21 +38795,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-e3954500] {
+.cn-facts-widget__row[data-v-4fd0d81c] {
 	display: contents;
 }
 
-/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding), which
-   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-e3954500] {
+/* Nextcloud core styles `dt` and `dd` (text-align end, 12px padding, a
+   130px-wide `dt`), which pushed the label to the right of its column, added
+   12px around both and widened the label column to 130px. 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-4fd0d81c] {
+	width: auto;
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-e3954500] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-4fd0d81c] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -38717,56 +38819,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-e3954500] {
+.cn-facts-widget__title[data-v-4fd0d81c] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-e3954500] {
+.cn-facts-widget__line[data-v-4fd0d81c] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-e3954500] {
+.cn-facts-widget__meter[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-e3954500] {
+.cn-facts-widget__meter-head[data-v-4fd0d81c] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-e3954500] {
+.cn-facts-widget__meter-label[data-v-4fd0d81c] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-e3954500] {
+.cn-facts-widget__meter-value[data-v-4fd0d81c] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-e3954500] {
+.cn-facts-widget__meter-track[data-v-4fd0d81c] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-e3954500] {
+.cn-facts-widget__meter-bar[data-v-4fd0d81c] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e3954500] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-4fd0d81c] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e3954500] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-4fd0d81c] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-e3954500] {
+.cn-facts-widget__muted[data-v-4fd0d81c] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-e3954500] {
+.cn-facts-widget__label .hidden-visually[data-v-4fd0d81c] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -38774,23 +38876,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-e3954500] {
+.cn-facts-widget__label--icon[data-v-4fd0d81c] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-e3954500] {
+.cn-facts-widget__value-link[data-v-4fd0d81c] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-e3954500],
-.cn-facts-widget__icon-button[data-v-e3954500],
-.cn-facts-widget__action[data-v-e3954500] {
+.cn-facts-widget__inline-button[data-v-4fd0d81c],
+.cn-facts-widget__icon-button[data-v-4fd0d81c],
+.cn-facts-widget__action[data-v-4fd0d81c] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-e3954500] {
+.cn-facts-widget__inline-button[data-v-4fd0d81c] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -38802,7 +38904,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 30px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-e3954500] {
+.cn-facts-widget__icon-button[data-v-4fd0d81c] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -38811,23 +38913,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-e3954500]:hover,
-.cn-facts-widget__icon-button[data-v-e3954500]:focus-visible {
+.cn-facts-widget__icon-button[data-v-4fd0d81c]:hover,
+.cn-facts-widget__icon-button[data-v-4fd0d81c]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-e3954500] {
+.cn-facts-widget__text[data-v-4fd0d81c] {
 	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-e3954500] {
+.cn-facts-widget__lead[data-v-4fd0d81c] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-e3954500] {
+.cn-facts-widget__lead-tile[data-v-4fd0d81c] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -38842,32 +38944,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 }
 
 /* Initials stand for a person: round, as an avatar. */
-.cn-facts-widget__lead-tile--initials[data-v-e3954500] {
+.cn-facts-widget__lead-tile--initials[data-v-4fd0d81c] {
 	border-radius: 50%;
 }
-.cn-facts-widget__lead-tile--success[data-v-e3954500] {
+.cn-facts-widget__lead-tile--success[data-v-4fd0d81c] {
 	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-e3954500] {
+.cn-facts-widget__lead-tile--info[data-v-4fd0d81c] {
 	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-e3954500] {
+.cn-facts-widget__lead-text[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-e3954500] {
+.cn-facts-widget__lead-title[data-v-4fd0d81c] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-e3954500] {
+.cn-facts-widget__lead-subtitle[data-v-4fd0d81c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-e3954500] {
+.cn-facts-widget__action[data-v-4fd0d81c] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -38879,20 +38981,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-e3954500]:hover,
-.cn-facts-widget__action[data-v-e3954500]:focus-visible {
+.cn-facts-widget__action[data-v-4fd0d81c]:hover,
+.cn-facts-widget__action[data-v-4fd0d81c]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__notice[data-v-e3954500] {
+.cn-facts-widget__notice[data-v-4fd0d81c] {
 	margin: 4px 0 0;
 }
-.cn-facts-widget__link[data-v-e3954500] {
+.cn-facts-widget__link[data-v-4fd0d81c] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__link--button[data-v-e3954500] {
+.cn-facts-widget__link--button[data-v-4fd0d81c] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38907,12 +39009,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 
 /* `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-e3954500] {
+.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
 	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-e3954500] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-4fd0d81c] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -38920,11 +39022,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
 	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-e3954500] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-e3954500] {
+.cn-facts-widget__rows--columns[data-v-4fd0d81c] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }