@conduction/nextcloud-vue 2.139.0 → 2.140.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js +9 -2
  2. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js.map +1 -1
  3. package/dist/esm/components/CnAppRoot/CnAppRoot.vue3.js.map +1 -1
  4. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  5. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +17 -1
  6. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  7. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js +2 -2
  8. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  9. package/dist/esm/components/CnChartWidget/CnChartWidget.vue.js +1 -1
  10. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js +52 -1
  11. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js.map +1 -1
  12. package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js +23 -1
  13. package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js.map +1 -1
  14. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue.js +1 -1
  15. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js +106 -0
  16. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js.map +1 -1
  17. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js +30 -7
  18. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js.map +1 -1
  19. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  20. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +59 -3
  21. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  22. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +44 -34
  23. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
  24. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  25. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +28 -1
  26. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  27. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  28. package/dist/esm/components/CnFilesBrowser/filesBrowser.js +7 -1
  29. package/dist/esm/components/CnFilesBrowser/filesBrowser.js.map +1 -1
  30. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js +5 -0
  31. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js.map +1 -1
  32. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +30 -2
  33. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  34. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  35. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue.js +1 -1
  36. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js +28 -3
  37. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js.map +1 -1
  38. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js.map +1 -1
  39. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue.js +1 -1
  40. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue2.js +10 -0
  41. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue2.js.map +1 -1
  42. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue3.js.map +1 -1
  43. package/dist/esm/components/CnStackedBarWidget/CnStackedBarWidget.vue.js +1 -1
  44. package/dist/esm/components/CnStackedBarWidget/CnStackedBarWidget.vue2.js +12 -1
  45. package/dist/esm/components/CnStackedBarWidget/CnStackedBarWidget.vue2.js.map +1 -1
  46. package/dist/esm/components/CnStackedBarWidget/CnStackedBarWidget.vue3.js +1 -1
  47. package/dist/esm/components/CnStackedBarWidget/CnStackedBarWidget.vue3.js.map +1 -1
  48. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue.js +1 -1
  49. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue2.js +23 -1
  50. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue2.js.map +1 -1
  51. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue3.js +43 -13
  52. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue3.js.map +1 -1
  53. package/dist/esm/composables/indexSources.js +5 -2
  54. package/dist/esm/composables/indexSources.js.map +1 -1
  55. package/dist/esm/composables/useTaskInboxStore.js +4 -3
  56. package/dist/esm/composables/useTaskInboxStore.js.map +1 -1
  57. package/dist/esm/l10n/en.json.js +2 -1
  58. package/dist/esm/l10n/en.json.js.map +1 -1
  59. package/dist/esm/l10n/nl.json.js +5 -1
  60. package/dist/esm/l10n/nl.json.js.map +1 -1
  61. package/dist/esm/library-style.js +1 -1
  62. package/dist/esm/nextcloud-vue.css +466 -371
  63. package/dist/esm/utils/builtInFormatters.js +23 -1
  64. package/dist/esm/utils/builtInFormatters.js.map +1 -1
  65. package/dist/esm/utils/fillTemplate.js +7 -1
  66. package/dist/esm/utils/fillTemplate.js.map +1 -1
  67. package/dist/esm/utils/myTeam.js +24 -4
  68. package/dist/esm/utils/myTeam.js.map +1 -1
  69. package/dist/esm/utils/resolveFilterTokens.js +5 -4
  70. package/dist/esm/utils/resolveFilterTokens.js.map +1 -1
  71. package/dist/esm/utils/transitionInputs.js +43 -2
  72. package/dist/esm/utils/transitionInputs.js.map +1 -1
  73. package/dist/nextcloud-vue.cjs.js +771 -222
  74. package/dist/nextcloud-vue.cjs.js.map +2 -2
  75. package/dist/nextcloud-vue.css +466 -371
  76. package/l10n/en.json +2 -1
  77. package/l10n/nl.json +5 -1
  78. package/package.json +1 -1
  79. package/src/components/CnAppRoot/CnAppRoot.vue +9 -2
  80. package/src/components/CnCellRenderer/CnCellRenderer.vue +19 -3
  81. package/src/components/CnChartWidget/CnChartWidget.md +1 -0
  82. package/src/components/CnChartWidget/CnChartWidget.vue +72 -1
  83. package/src/components/CnConversationThread/CnConversationWidget.vue +126 -1
  84. package/src/components/CnFactsWidget/CnFactsWidget.vue +72 -5
  85. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +28 -1
  86. package/src/components/CnFilesBrowser/filesBrowser.js +7 -1
  87. package/src/components/CnFilesBrowser/filesBrowserColumns.js +5 -0
  88. package/src/components/CnIndexPage/CnIndexPage.vue +30 -2
  89. package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +28 -3
  90. package/src/components/CnRecordListWidget/CnRecordNoteRows.vue +10 -0
  91. package/src/components/CnStackedBarWidget/CnStackedBarWidget.vue +68 -2
  92. package/src/components/CnTransitionInputFields/CnTransitionInputFields.vue +43 -1
  93. package/src/composables/indexSources.js +5 -2
  94. package/src/composables/useTaskInboxStore.js +4 -3
  95. package/src/css/look-board.css +10 -2
  96. package/src/css/table.css +13 -0
  97. package/src/utils/builtInFormatters.js +22 -0
  98. package/src/utils/fillTemplate.js +7 -1
  99. package/src/utils/myTeam.js +24 -4
  100. package/src/utils/resolveFilterTokens.js +5 -4
  101. package/src/utils/transitionInputs.js +42 -1
@@ -3071,8 +3071,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3071
3071
 
3072
3072
  /* A dialog's options as the boards draw them (DqVolgendeStap, DqBesluit,
3073
3073
  DqDocumentGenereren, DqFilterBewerken): rounded at 10px, an idle option
3074
- edged in the dark border grey, and an 18px radio. The chosen and the
3075
- refused options keep their own edges. */
3074
+ edged in the dark border grey, and an 18px radio. The chosen option keeps
3075
+ its own edge. */
3076
3076
  .cn-look-board .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *),
3077
3077
  .cn-look-board .cn-choice-cards .cn-choice-cards__cell--with-details:not(.cn-look-nextcloud *) {
3078
3078
  border-radius: 10px;
@@ -3082,6 +3082,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3082
3082
  border-color: var(--color-border-maxcontrast);
3083
3083
  }
3084
3084
 
3085
+ /* A refused option keeps that edge and sits on the sunken ground
3086
+ (DqVolgendeStap: Hervatten, Archiveren, Heropenen). */
3087
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row--disabled:not(.cn-look-nextcloud *),
3088
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row--disabled:hover:not(.cn-look-nextcloud *) {
3089
+ border-color: var(--color-border-maxcontrast);
3090
+ background: var(--cn-board-sunken-ground);
3091
+ }
3092
+
3085
3093
  /* A chosen option stays white under its primary edge, as every Dq dialog board
3086
3094
  draws it (design-system #371); the Nextcloud look keeps the tint.
3087
3095
  @spec openspec/changes/board-choice-row-chosen-white/specs/board-choice-row-chosen-white/spec.md#requirement-a-chosen-board-option-is-white */
@@ -6680,6 +6688,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6680
6688
  white-space: nowrap;
6681
6689
  }
6682
6690
 
6691
+ /* A growing column that opts into wrapping (`cn-cell--wrap`, DqDoorlooptijd
6692
+ "Zaken met risico" titles) wraps its text over lines instead of cutting
6693
+ it, and keeps a readable width: with `max-width: 0` the wide one-line
6694
+ cells beside it squeezed it to its padding (24px).
6695
+ @spec openspec/changes/fit-table-wrap-column-keeps-width/specs/fit-table-wrap-column-keeps-width/spec.md#requirement-a-wrapping-growing-column-keeps-a-readable-width */
6696
+ .cn-data-table--fit th.cn-table-col--grow.cn-cell--wrap,
6697
+ .cn-data-table--fit td.cn-table-col--grow.cn-cell--wrap {
6698
+ min-width: 8em;
6699
+ max-width: none;
6700
+ overflow-wrap: anywhere;
6701
+ white-space: normal;
6702
+ }
6703
+
6683
6704
  /* The secondary line of the growing column ("2026-0004" under a case title)
6684
6705
  is a line of its own with its own ellipsis. The cell does not wrap, so in
6685
6706
  the board look, where the secondary line is an inline block (the title
@@ -15239,7 +15260,7 @@ li[data-cn-admin-tag] > .action-link::after {
15239
15260
  }
15240
15261
 
15241
15262
 
15242
- .cn-chart-widget[data-v-56aabaf0] {
15263
+ .cn-chart-widget[data-v-4e61b5f0] {
15243
15264
  width: 100%;
15244
15265
  /* A chart FITS its container — it is never a scroll region. apexcharts
15245
15266
  sizes its SVG from the element it is mounted in, but it also enforces
@@ -15261,13 +15282,13 @@ li[data-cn-admin-tag] > .action-link::after {
15261
15282
  takes what is left, so the chart is sized by the box rather than sizing it.
15262
15283
  `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
15263
15284
  the thing that produces the overflow it was meant to prevent. */
15264
- .cn-chart-widget--fit[data-v-56aabaf0] {
15285
+ .cn-chart-widget--fit[data-v-4e61b5f0] {
15265
15286
  height: 100%;
15266
15287
  min-height: 0;
15267
15288
  display: flex;
15268
15289
  flex-direction: column;
15269
15290
  }
15270
- .cn-chart-widget__canvas[data-v-56aabaf0] {
15291
+ .cn-chart-widget__canvas[data-v-4e61b5f0] {
15271
15292
  min-width: 0;
15272
15293
  max-width: 100%;
15273
15294
  /* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -15280,14 +15301,14 @@ li[data-cn-admin-tag] > .action-link::after {
15280
15301
  /* apexcharts writes an inline `width` onto its own wrapper from its measured
15281
15302
  minimum, which beats the container when the container is narrower. Cap the
15282
15303
  painted box so the inline width cannot push past the widget's border. */
15283
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas,
15284
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
15304
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas,
15305
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
15285
15306
  max-width: 100%;
15286
15307
  }
15287
15308
 
15288
15309
  /* The SVG is a block: as an inline box it sits on a line and adds the line's
15289
15310
  descender space under the chart. */
15290
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-canvas svg {
15311
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-canvas svg {
15291
15312
  display: block;
15292
15313
  }
15293
15314
 
@@ -15295,24 +15316,24 @@ li[data-cn-admin-tag] > .action-link::after {
15295
15316
  would grow to its content, i.e. to the chart, and the percentage height would
15296
15317
  resolve against a box the chart itself defined. `overflow: hidden` keeps a
15297
15318
  sub-pixel rounding difference from reintroducing a scrollbar. */
15298
- .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-56aabaf0] {
15319
+ .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-4e61b5f0] {
15299
15320
  flex: 1 1 0;
15300
15321
  min-height: 0;
15301
15322
  overflow: hidden;
15302
15323
  }
15303
- .cn-chart-widget__fallback[data-v-56aabaf0] {
15324
+ .cn-chart-widget__fallback[data-v-4e61b5f0] {
15304
15325
  display: flex;
15305
15326
  align-items: center;
15306
15327
  justify-content: center;
15307
15328
  min-height: 150px;
15308
15329
  color: var(--color-text-maxcontrast);
15309
15330
  }
15310
- .cn-chart-widget__html[data-v-56aabaf0] {
15331
+ .cn-chart-widget__html[data-v-4e61b5f0] {
15311
15332
  display: flex;
15312
15333
  flex-direction: column;
15313
15334
  gap: 12px;
15314
15335
  }
15315
- .cn-chart-widget__bar-list[data-v-56aabaf0] {
15336
+ .cn-chart-widget__bar-list[data-v-4e61b5f0] {
15316
15337
  display: flex;
15317
15338
  flex-direction: column;
15318
15339
  gap: 10px;
@@ -15320,7 +15341,7 @@ li[data-cn-admin-tag] > .action-link::after {
15320
15341
  margin: 0;
15321
15342
  padding: 0;
15322
15343
  }
15323
- .cn-chart-widget__bar-line[data-v-56aabaf0] {
15344
+ .cn-chart-widget__bar-line[data-v-4e61b5f0] {
15324
15345
  align-items: center;
15325
15346
  background: none;
15326
15347
  border: 0;
@@ -15335,85 +15356,91 @@ li[data-cn-admin-tag] > .action-link::after {
15335
15356
  text-align: start;
15336
15357
  width: 100%;
15337
15358
  }
15338
- .cn-chart-widget__bar-line--drill[data-v-56aabaf0] {
15359
+ .cn-chart-widget__bar-line--drill[data-v-4e61b5f0] {
15339
15360
  border-radius: var(--border-radius-small, 4px);
15340
15361
  cursor: pointer;
15341
15362
  }
15342
- .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-56aabaf0],
15343
- .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-56aabaf0] {
15363
+ .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-4e61b5f0],
15364
+ .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-4e61b5f0] {
15344
15365
  text-decoration: underline;
15345
15366
  }
15346
- .cn-chart-widget__bar-label[data-v-56aabaf0] {
15367
+ .cn-chart-widget__bar-label[data-v-4e61b5f0] {
15347
15368
  overflow: hidden;
15348
15369
  text-overflow: ellipsis;
15349
15370
  white-space: nowrap;
15350
15371
  }
15351
- .cn-chart-widget__bar-track[data-v-56aabaf0] {
15372
+ .cn-chart-widget__bar-track[data-v-4e61b5f0] {
15352
15373
  background: var(--color-background-dark);
15353
15374
  border-radius: 4px;
15354
15375
  display: block;
15355
15376
  height: 14px;
15356
15377
  overflow: hidden;
15357
15378
  }
15358
- .cn-chart-widget__bar-fill[data-v-56aabaf0] {
15379
+ .cn-chart-widget__bar-fill[data-v-4e61b5f0] {
15359
15380
  background: var(--color-primary-element);
15360
15381
  display: block;
15361
15382
  height: 100%;
15362
15383
  }
15363
- .cn-chart-widget__bar-value[data-v-56aabaf0] {
15384
+ .cn-chart-widget__bar-value[data-v-4e61b5f0] {
15364
15385
  font-weight: 600;
15365
15386
  text-align: end;
15366
15387
  white-space: nowrap;
15367
15388
  }
15368
- .cn-chart-widget__footnote[data-v-56aabaf0] {
15389
+ .cn-chart-widget__footnote[data-v-4e61b5f0] {
15369
15390
  color: var(--color-text-maxcontrast);
15370
15391
  margin: 0;
15371
15392
  }
15393
+ .cn-chart-widget__notice[data-v-4e61b5f0] {
15394
+ margin: 12px 0 0;
15395
+ }
15396
+ .cn-chart-widget__notice-text[data-v-4e61b5f0] {
15397
+ margin: 0;
15398
+ }
15372
15399
 
15373
15400
  /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
15374
15401
  its own line height while the canvas takes the rest of a fitted column. */
15375
- .cn-chart-widget > .cn-chart-widget__footnote[data-v-56aabaf0] {
15402
+ .cn-chart-widget > .cn-chart-widget__footnote[data-v-4e61b5f0] {
15376
15403
  flex: 0 0 auto;
15377
15404
  margin-top: 8px;
15378
15405
  }
15379
- .cn-chart-widget__matrix[data-v-56aabaf0] {
15406
+ .cn-chart-widget__matrix[data-v-4e61b5f0] {
15380
15407
  display: grid;
15381
15408
  gap: 4px;
15382
15409
  }
15383
- .cn-chart-widget__matrix-row[data-v-56aabaf0] {
15410
+ .cn-chart-widget__matrix-row[data-v-4e61b5f0] {
15384
15411
  display: contents;
15385
15412
  }
15386
15413
 
15387
15414
  /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
15388
15415
  name breaks inside its own column instead of running into the next. */
15389
- .cn-chart-widget__matrix-head[data-v-56aabaf0] {
15416
+ .cn-chart-widget__matrix-head[data-v-4e61b5f0] {
15390
15417
  --nldesign-color-on-surface: var(--color-text-maxcontrast);
15391
15418
  color: var(--color-text-maxcontrast);
15392
15419
  padding: 6px;
15393
15420
  hyphens: auto;
15394
15421
  overflow-wrap: anywhere;
15395
15422
  }
15396
- .cn-chart-widget__matrix-label[data-v-56aabaf0] {
15423
+ .cn-chart-widget__matrix-label[data-v-4e61b5f0] {
15397
15424
  padding: 10px 6px;
15398
15425
  }
15399
- .cn-chart-widget__matrix-cell[data-v-56aabaf0] {
15426
+ .cn-chart-widget__matrix-cell[data-v-4e61b5f0] {
15400
15427
  border-radius: 6px;
15401
15428
  padding: 10px;
15402
15429
  text-align: center;
15403
15430
  }
15404
- .cn-chart-widget__matrix-cell--success[data-v-56aabaf0] {
15431
+ .cn-chart-widget__matrix-cell--success[data-v-4e61b5f0] {
15405
15432
  background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
15406
15433
  }
15407
- .cn-chart-widget__matrix-cell--warning[data-v-56aabaf0] {
15434
+ .cn-chart-widget__matrix-cell--warning[data-v-4e61b5f0] {
15408
15435
  background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
15409
15436
  }
15410
- .cn-chart-widget__matrix-cell--error[data-v-56aabaf0] {
15437
+ .cn-chart-widget__matrix-cell--error[data-v-4e61b5f0] {
15411
15438
  background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
15412
15439
  }
15413
- .cn-chart-widget__matrix-cell--danger[data-v-56aabaf0] {
15440
+ .cn-chart-widget__matrix-cell--danger[data-v-4e61b5f0] {
15414
15441
  background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
15415
15442
  }
15416
- .cn-chart-widget__matrix-cell--current[data-v-56aabaf0] {
15443
+ .cn-chart-widget__matrix-cell--current[data-v-4e61b5f0] {
15417
15444
  font-weight: 700;
15418
15445
  outline: 3px solid var(--color-primary-element);
15419
15446
  outline-offset: -3px;
@@ -15425,26 +15452,26 @@ li[data-cn-admin-tag] > .action-link::after {
15425
15452
  primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
15426
15453
  ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
15427
15454
  dark ink stays at 4.5:1 in Nextcloud's dark theme. */
15428
- .cn-chart-widget__matrix-cell--1[data-v-56aabaf0] {
15455
+ .cn-chart-widget__matrix-cell--1[data-v-4e61b5f0] {
15429
15456
  --nldesign-color-on-surface: var(--color-primary-element-light-text);
15430
15457
  background: var(--color-primary-element-light);
15431
15458
  color: var(--color-primary-element-light-text);
15432
15459
  }
15433
- .cn-chart-widget__matrix-cell--2[data-v-56aabaf0] {
15460
+ .cn-chart-widget__matrix-cell--2[data-v-4e61b5f0] {
15434
15461
  background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
15435
15462
  color: var(--color-main-text);
15436
15463
  }
15437
- .cn-chart-widget__matrix-cell--3[data-v-56aabaf0] {
15464
+ .cn-chart-widget__matrix-cell--3[data-v-4e61b5f0] {
15438
15465
  --nldesign-color-on-surface: var(--color-main-text);
15439
15466
  background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
15440
15467
  color: var(--color-main-text);
15441
15468
  }
15442
- .cn-chart-widget__matrix-cell--4[data-v-56aabaf0] {
15469
+ .cn-chart-widget__matrix-cell--4[data-v-4e61b5f0] {
15443
15470
  --nldesign-color-on-surface: var(--color-primary-element-light);
15444
15471
  background: var(--color-primary-element-light-text);
15445
15472
  color: var(--color-primary-element-light);
15446
15473
  }
15447
- .cn-chart-widget__empty[data-v-56aabaf0] {
15474
+ .cn-chart-widget__empty[data-v-4e61b5f0] {
15448
15475
  display: flex;
15449
15476
  align-items: center;
15450
15477
  justify-content: center;
@@ -15459,25 +15486,25 @@ li[data-cn-admin-tag] > .action-link::after {
15459
15486
  content-sized case; in fit mode they take the leftover space and centre in it
15460
15487
  instead, since the floor would overflow a short tile. Declared after the base
15461
15488
  rules so the cascade order matches specificity (no-descending-specificity). */
15462
- .cn-chart-widget--fit .cn-chart-widget__empty[data-v-56aabaf0],
15463
- .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-56aabaf0] {
15489
+ .cn-chart-widget--fit .cn-chart-widget__empty[data-v-4e61b5f0],
15490
+ .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-4e61b5f0] {
15464
15491
  flex: 1 1 0;
15465
15492
  min-height: 0;
15466
15493
  }
15467
- .cn-chart-widget__error[data-v-56aabaf0] {
15494
+ .cn-chart-widget__error[data-v-4e61b5f0] {
15468
15495
  font-size: 14px;
15469
15496
  margin: 0;
15470
15497
  }
15471
15498
 
15472
15499
  /* In-widget view switcher pills (views[] prop) — compact segmented row,
15473
15500
  mirroring the dashboard date-range pill styling. */
15474
- .cn-chart-widget__views[data-v-56aabaf0] {
15501
+ .cn-chart-widget__views[data-v-4e61b5f0] {
15475
15502
  display: flex;
15476
15503
  gap: 4px;
15477
15504
  margin-bottom: 6px;
15478
15505
  justify-content: flex-end;
15479
15506
  }
15480
- .cn-chart-widget__view-pill[data-v-56aabaf0] {
15507
+ .cn-chart-widget__view-pill[data-v-4e61b5f0] {
15481
15508
  padding: 2px 10px;
15482
15509
  border: 1px solid var(--color-border);
15483
15510
  border-radius: 999px;
@@ -15486,7 +15513,7 @@ li[data-cn-admin-tag] > .action-link::after {
15486
15513
  font-size: 12px;
15487
15514
  cursor: pointer;
15488
15515
  }
15489
- .cn-chart-widget__view-pill--active[data-v-56aabaf0] {
15516
+ .cn-chart-widget__view-pill--active[data-v-4e61b5f0] {
15490
15517
  background: var(--color-primary-element-light, #aad2ed);
15491
15518
  color: var(--color-main-text);
15492
15519
  border-color: var(--color-primary-element, #0082c9);
@@ -15515,8 +15542,8 @@ li[data-cn-admin-tag] > .action-link::after {
15515
15542
  each override below therefore carries one more class than the apexcharts rule
15516
15543
  it replaces, and holds even without the scope attribute this block compiles
15517
15544
  with. */
15518
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light,
15519
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark {
15545
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light,
15546
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-dark {
15520
15547
  background: var(--color-main-background);
15521
15548
  border: 1px solid var(--color-border);
15522
15549
  color: var(--color-main-text);
@@ -15525,8 +15552,8 @@ li[data-cn-admin-tag] > .action-link::after {
15525
15552
 
15526
15553
  /* The title row is the date/category header ("Aug 26"). Its own background is
15527
15554
  what made it unreadable rather than merely off-theme. */
15528
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
15529
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
15555
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
15556
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
15530
15557
  background: var(--color-background-hover);
15531
15558
  border-bottom: 1px solid var(--color-border);
15532
15559
  color: var(--color-main-text);
@@ -15535,8 +15562,8 @@ li[data-cn-admin-tag] > .action-link::after {
15535
15562
  /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
15536
15563
  here and only overrides them for its dark theme, so the base rule has to be
15537
15564
  replaced too — not just the theme variants. */
15538
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip,
15539
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip {
15565
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip,
15566
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip {
15540
15567
  background: var(--color-main-background);
15541
15568
  border: 1px solid var(--color-border);
15542
15569
  color: var(--color-main-text);
@@ -15545,55 +15572,55 @@ li[data-cn-admin-tag] > .action-link::after {
15545
15572
  /* Their pointer arrows are two stacked triangles: `::before` paints the border
15546
15573
  edge, `::after` the fill. Both need the tokens the box above uses, or the
15547
15574
  arrow keeps the old palette and reads as a stray light wedge. */
15548
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::after,
15549
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::after {
15575
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::after,
15576
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::after {
15550
15577
  border-bottom-color: var(--color-main-background);
15551
15578
  border-top-color: var(--color-main-background);
15552
15579
  }
15553
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-bottom::before,
15554
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-xaxistooltip-top::before {
15580
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-bottom::before,
15581
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-xaxistooltip-top::before {
15555
15582
  border-bottom-color: var(--color-border);
15556
15583
  border-top-color: var(--color-border);
15557
15584
  }
15558
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::after,
15559
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::after {
15585
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::after,
15586
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-right::after {
15560
15587
  border-left-color: var(--color-main-background);
15561
15588
  border-right-color: var(--color-main-background);
15562
15589
  }
15563
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-left::before,
15564
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-yaxistooltip-right::before {
15590
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-left::before,
15591
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-yaxistooltip-right::before {
15565
15592
  border-left-color: var(--color-border);
15566
15593
  border-right-color: var(--color-border);
15567
15594
  }
15568
15595
 
15569
15596
  /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
15570
15597
  hardcoded `#fff` panel under inherited near-white text. */
15571
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-menu {
15598
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-menu {
15572
15599
  background: var(--color-main-background);
15573
15600
  border: 1px solid var(--color-border);
15574
15601
  color: var(--color-main-text);
15575
15602
  }
15576
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-menu .apexcharts-menu-item:hover {
15603
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-menu .apexcharts-menu-item:hover {
15577
15604
  background: var(--color-background-hover);
15578
15605
  }
15579
15606
 
15580
15607
  /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
15581
15608
  vanishes against a dark background. One selector per icon class, matching
15582
15609
  apexcharts' own list, to clear its (0,3,1) hover rules. */
15583
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon svg,
15584
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon svg,
15585
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon svg,
15586
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
15587
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
15588
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
15610
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon svg,
15611
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon svg,
15612
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon svg,
15613
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon svg,
15614
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
15615
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
15589
15616
  fill: var(--color-text-maxcontrast);
15590
15617
  }
15591
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
15592
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
15593
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
15594
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
15595
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
15596
- .cn-chart-widget[data-v-56aabaf0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
15618
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
15619
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
15620
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
15621
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
15622
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
15623
+ .cn-chart-widget[data-v-4e61b5f0] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
15597
15624
  fill: var(--color-main-text);
15598
15625
  }
15599
15626
 
@@ -15991,23 +16018,27 @@ li[data-cn-admin-tag] > .action-link::after {
15991
16018
  }
15992
16019
 
15993
16020
 
15994
- .cn-conversation-widget__badge[data-v-c7d9637a] {
16021
+ .cn-conversation-widget__badge[data-v-63984d97] {
15995
16022
  padding: 2px 10px;
15996
16023
  border-radius: var(--border-radius-pill);
15997
16024
  background: var(--color-background-dark);
15998
16025
  color: var(--color-main-text);
15999
16026
  font-size: var(--font-size-small, 13px);
16000
16027
  }
16001
- .cn-conversation-widget__error[data-v-c7d9637a] {
16028
+ .cn-conversation-widget__error[data-v-63984d97] {
16002
16029
  color: var(--color-error-text, var(--color-error));
16003
16030
  margin: calc(2 * var(--default-grid-baseline)) 0 0;
16004
16031
  }
16005
- .cn-case-widget-card[data-v-c7d9637a] {
16032
+ .cn-case-widget-card[data-v-63984d97] {
16006
16033
  background: var(--color-main-background);
16007
16034
  border: 1px solid var(--color-border);
16008
16035
  border-radius: var(--border-radius-large);
16009
16036
  padding: calc(5 * var(--default-grid-baseline));
16010
16037
  }
16038
+ .cn-conversation-widget__draft-status[data-v-63984d97] {
16039
+ color: var(--color-text-maxcontrast);
16040
+ font-size: 13px;
16041
+ }
16011
16042
 
16012
16043
 
16013
16044
  /* Match vue-material-design-icons: inline path icons inherit text colour. */
@@ -17471,64 +17502,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
17471
17502
  }
17472
17503
 
17473
17504
 
17474
- .cn-cell-renderer__actions[data-v-5e132788] {
17505
+ .cn-cell-renderer__actions[data-v-2a3bc230] {
17475
17506
  display: inline-flex;
17476
17507
  flex-wrap: wrap;
17477
17508
  gap: 8px;
17478
17509
  }
17479
- .cn-cell-renderer__icon-label[data-v-5e132788] {
17510
+ .cn-cell-renderer__icon-label[data-v-2a3bc230] {
17480
17511
  display: inline-flex;
17481
17512
  align-items: center;
17482
17513
  gap: 6px;
17483
17514
  font-weight: 600;
17484
17515
  }
17485
- .cn-cell-renderer__switch[data-v-5e132788] {
17516
+ .cn-cell-renderer__switch[data-v-2a3bc230] {
17486
17517
  display: inline-flex;
17487
17518
  }
17488
- .cn-cell-renderer__mono[data-v-5e132788] {
17519
+ .cn-cell-renderer__mono[data-v-2a3bc230] {
17489
17520
  font-family: monospace;
17490
17521
  font-size: 13px;
17491
17522
  color: var(--color-text-maxcontrast);
17492
17523
  }
17493
- .cn-cell-renderer--uuid[data-v-5e132788] {
17524
+ .cn-cell-renderer--uuid[data-v-2a3bc230] {
17494
17525
  font-family: monospace;
17495
17526
  font-size: 13px;
17496
17527
  color: var(--color-text-maxcontrast);
17497
17528
  }
17498
- .cn-cell-renderer--number[data-v-5e132788] {
17529
+ .cn-cell-renderer--number[data-v-2a3bc230] {
17499
17530
  font-variant-numeric: tabular-nums;
17500
17531
  }
17501
- .cn-cell-renderer--date[data-v-5e132788] {
17532
+ .cn-cell-renderer--date[data-v-2a3bc230] {
17502
17533
  white-space: nowrap;
17503
17534
  }
17504
- .cn-cell-renderer__date-state[data-v-5e132788] {
17535
+ .cn-cell-renderer__date-state[data-v-2a3bc230] {
17505
17536
  margin-inline-start: 8px;
17506
17537
  color: var(--color-success-text, var(--color-main-text));
17507
17538
  }
17508
- .cn-cell-renderer__date-state--past[data-v-5e132788] {
17539
+ .cn-cell-renderer__date-state--past[data-v-2a3bc230] {
17509
17540
  color: var(--color-text-maxcontrast);
17510
17541
  }
17511
- .cn-cell-renderer__dash[data-v-5e132788] {
17542
+ .cn-cell-renderer__dash[data-v-2a3bc230] {
17512
17543
  color: var(--color-text-maxcontrast);
17513
17544
  }
17514
- .cn-cell-renderer__avatar[data-v-5e132788] {
17545
+ .cn-cell-renderer__avatar[data-v-2a3bc230] {
17515
17546
  display: inline-flex;
17516
17547
  align-items: center;
17517
17548
  gap: 8px;
17518
17549
  max-width: 100%;
17519
17550
  vertical-align: middle;
17520
17551
  }
17521
- .cn-cell-renderer__avatar-picture[data-v-5e132788] {
17552
+ .cn-cell-renderer__avatar-picture[data-v-2a3bc230] {
17522
17553
  display: inline-flex;
17523
17554
  flex: none;
17524
17555
  }
17525
- .cn-cell-renderer__date-block[data-v-5e132788] {
17556
+ .cn-cell-renderer__date-block[data-v-2a3bc230] {
17526
17557
  display: inline-flex;
17527
17558
  align-items: center;
17528
17559
  gap: 12px;
17529
17560
  white-space: nowrap;
17530
17561
  }
17531
- .cn-cell-renderer__date-tile[data-v-5e132788] {
17562
+ .cn-cell-renderer__date-tile[data-v-2a3bc230] {
17532
17563
  display: flex;
17533
17564
  flex: 0 0 46px;
17534
17565
  flex-direction: column;
@@ -17538,26 +17569,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
17538
17569
  border-radius: 8px;
17539
17570
  background-color: var(--color-background-dark);
17540
17571
  }
17541
- .cn-cell-renderer__date-day[data-v-5e132788] {
17572
+ .cn-cell-renderer__date-day[data-v-2a3bc230] {
17542
17573
  font-size: 17px;
17543
17574
  line-height: 1;
17544
17575
  }
17545
- .cn-cell-renderer__date-month[data-v-5e132788],
17546
- .cn-cell-renderer__date-time[data-v-5e132788] {
17576
+ .cn-cell-renderer__date-month[data-v-2a3bc230],
17577
+ .cn-cell-renderer__date-time[data-v-2a3bc230] {
17547
17578
  color: var(--color-text-maxcontrast);
17548
17579
  }
17549
- .cn-cell-renderer__date-month[data-v-5e132788] {
17580
+ .cn-cell-renderer__date-month[data-v-2a3bc230] {
17550
17581
  font-size: 12px;
17551
17582
  }
17552
- .cn-cell-renderer__date-lines[data-v-5e132788] {
17583
+ .cn-cell-renderer__date-lines[data-v-2a3bc230] {
17553
17584
  display: flex;
17554
17585
  flex-direction: column;
17555
17586
  gap: 2px;
17556
17587
  }
17557
- .cn-cell-renderer__date-weekday[data-v-5e132788] {
17588
+ .cn-cell-renderer__date-weekday[data-v-2a3bc230] {
17558
17589
  font-weight: 600;
17559
17590
  }
17560
- .cn-cell-renderer__avatar-initials[data-v-5e132788] {
17591
+ .cn-cell-renderer__avatar-initials[data-v-2a3bc230] {
17561
17592
  display: inline-flex;
17562
17593
  flex: none;
17563
17594
  align-items: center;
@@ -17569,12 +17600,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
17569
17600
  font-weight: 700;
17570
17601
  line-height: 1;
17571
17602
  }
17572
- .cn-cell-renderer__avatar-text[data-v-5e132788] {
17603
+ .cn-cell-renderer__avatar-text[data-v-2a3bc230] {
17573
17604
  display: flex;
17574
17605
  flex-direction: column;
17575
17606
  min-width: 0;
17576
17607
  }
17577
- .cn-cell-renderer__avatar-name[data-v-5e132788] {
17608
+ .cn-cell-renderer__avatar-name[data-v-2a3bc230] {
17578
17609
  min-width: 0;
17579
17610
  overflow: hidden;
17580
17611
  text-overflow: ellipsis;
@@ -17584,7 +17615,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
17584
17615
  font: inherit;
17585
17616
  color: inherit;
17586
17617
  }
17587
- .cn-cell-renderer__avatar-secondary[data-v-5e132788] {
17618
+ .cn-cell-renderer__avatar-secondary[data-v-2a3bc230] {
17588
17619
  min-width: 0;
17589
17620
  overflow: hidden;
17590
17621
  color: var(--color-text-maxcontrast);
@@ -17598,34 +17629,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
17598
17629
 
17599
17630
  /* A date that matched a rule is also set in a heavier weight, so the signal
17600
17631
  does not rest on colour alone. */
17601
- .cn-cell-renderer__date--success[data-v-5e132788],
17602
- .cn-cell-renderer__date--warning[data-v-5e132788],
17603
- .cn-cell-renderer__date--error[data-v-5e132788],
17604
- .cn-cell-renderer__age--success[data-v-5e132788],
17605
- .cn-cell-renderer__age--warning[data-v-5e132788],
17606
- .cn-cell-renderer__age--error[data-v-5e132788] {
17632
+ .cn-cell-renderer__date--success[data-v-2a3bc230],
17633
+ .cn-cell-renderer__date--warning[data-v-2a3bc230],
17634
+ .cn-cell-renderer__date--error[data-v-2a3bc230],
17635
+ .cn-cell-renderer__age--success[data-v-2a3bc230],
17636
+ .cn-cell-renderer__age--warning[data-v-2a3bc230],
17637
+ .cn-cell-renderer__age--error[data-v-2a3bc230] {
17607
17638
  font-weight: 600;
17608
17639
  }
17609
- .cn-cell-renderer__age[data-v-5e132788] {
17640
+ .cn-cell-renderer__age[data-v-2a3bc230] {
17610
17641
  white-space: nowrap;
17611
17642
  }
17612
17643
 
17613
17644
  /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
17614
17645
  8px beside it in the bar's tone, and an optional age badge after them, as
17615
17646
  PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
17616
- .cn-cell-renderer__progress[data-v-5e132788] {
17647
+ .cn-cell-renderer__progress[data-v-2a3bc230] {
17617
17648
  display: inline-flex;
17618
17649
  flex-wrap: wrap;
17619
17650
  align-items: center;
17620
17651
  gap: 4px 8px;
17621
17652
  }
17622
- .cn-cell-renderer__progress-line[data-v-5e132788] {
17653
+ .cn-cell-renderer__progress-line[data-v-2a3bc230] {
17623
17654
  display: inline-flex;
17624
17655
  align-items: center;
17625
17656
  gap: 8px;
17626
17657
  white-space: nowrap;
17627
17658
  }
17628
- .cn-cell-renderer__progress-bar[data-v-5e132788] {
17659
+ .cn-cell-renderer__progress-bar[data-v-2a3bc230] {
17629
17660
  display: inline-block;
17630
17661
  width: 56px;
17631
17662
  height: 8px;
@@ -17633,33 +17664,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
17633
17664
  background: var(--color-background-dark);
17634
17665
  overflow: hidden;
17635
17666
  }
17636
- .cn-cell-renderer__progress-fill[data-v-5e132788] {
17667
+ .cn-cell-renderer__progress-fill[data-v-2a3bc230] {
17637
17668
  display: block;
17638
17669
  height: 100%;
17639
17670
  }
17640
- .cn-cell-renderer__progress-fill--success[data-v-5e132788] {
17671
+ .cn-cell-renderer__progress-fill--success[data-v-2a3bc230] {
17641
17672
  background: var(--color-element-success, var(--color-success));
17642
17673
  }
17643
- .cn-cell-renderer__progress-fill--warning[data-v-5e132788] {
17674
+ .cn-cell-renderer__progress-fill--warning[data-v-2a3bc230] {
17644
17675
  background: var(--color-element-warning, var(--color-warning));
17645
17676
  }
17646
- .cn-cell-renderer__progress-fill--error[data-v-5e132788] {
17677
+ .cn-cell-renderer__progress-fill--error[data-v-2a3bc230] {
17647
17678
  background: var(--color-element-error, var(--color-error));
17648
17679
  }
17649
- .cn-cell-renderer__progress-value[data-v-5e132788] {
17680
+ .cn-cell-renderer__progress-value[data-v-2a3bc230] {
17650
17681
  font-size: 14px;
17651
17682
  font-weight: 700;
17652
17683
  }
17653
- .cn-cell-renderer__progress-value--success[data-v-5e132788] {
17684
+ .cn-cell-renderer__progress-value--success[data-v-2a3bc230] {
17654
17685
  color: var(--color-text-success, var(--color-success-text));
17655
17686
  }
17656
- .cn-cell-renderer__progress-value--warning[data-v-5e132788] {
17687
+ .cn-cell-renderer__progress-value--warning[data-v-2a3bc230] {
17657
17688
  color: var(--color-text-warning, var(--color-warning-text));
17658
17689
  }
17659
- .cn-cell-renderer__progress-value--error[data-v-5e132788] {
17690
+ .cn-cell-renderer__progress-value--error[data-v-2a3bc230] {
17660
17691
  color: var(--color-text-error, var(--color-error-text));
17661
17692
  }
17662
- .cn-cell-renderer__progress-badge[data-v-5e132788] {
17693
+ .cn-cell-renderer__progress-badge[data-v-2a3bc230] {
17663
17694
  display: inline-block;
17664
17695
  padding: 3px 10px;
17665
17696
  border-radius: 12px;
@@ -17667,86 +17698,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
17667
17698
  font-weight: 600;
17668
17699
  white-space: nowrap;
17669
17700
  }
17670
- .cn-cell-renderer__progress-badge--error[data-v-5e132788] {
17701
+ .cn-cell-renderer__progress-badge--error[data-v-2a3bc230] {
17671
17702
  color: var(--color-text-error, var(--color-error-text));
17672
17703
  background: var(--color-error-hover, var(--color-background-dark));
17673
17704
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
17674
17705
  }
17675
- .cn-cell-renderer__progress-badge--warning[data-v-5e132788] {
17706
+ .cn-cell-renderer__progress-badge--warning[data-v-2a3bc230] {
17676
17707
  color: var(--color-text-warning, var(--color-warning-text));
17677
17708
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
17678
17709
  }
17679
- .cn-cell-renderer__progress-badge--success[data-v-5e132788] {
17710
+ .cn-cell-renderer__progress-badge--success[data-v-2a3bc230] {
17680
17711
  color: var(--color-text-success, var(--color-success-text));
17681
17712
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
17682
17713
  }
17683
- .cn-cell-renderer__age--success[data-v-5e132788] {
17714
+ .cn-cell-renderer__age--success[data-v-2a3bc230] {
17684
17715
  color: var(--color-text-success, var(--color-success-text));
17685
17716
  }
17686
- .cn-cell-renderer__age--warning[data-v-5e132788] {
17717
+ .cn-cell-renderer__age--warning[data-v-2a3bc230] {
17687
17718
  color: var(--color-text-warning, var(--color-warning-text));
17688
17719
  }
17689
- .cn-cell-renderer__age--error[data-v-5e132788] {
17720
+ .cn-cell-renderer__age--error[data-v-2a3bc230] {
17690
17721
  color: var(--color-text-error, var(--color-error-text));
17691
17722
  }
17692
- .cn-cell-renderer__due--empty[data-v-5e132788] {
17723
+ .cn-cell-renderer__due--empty[data-v-2a3bc230] {
17693
17724
  color: var(--color-text-maxcontrast);
17694
17725
  }
17695
17726
 
17696
17727
  /* A withheld value: the lock and the word in the muted text colour. */
17697
- .cn-cell-renderer__withheld[data-v-5e132788] {
17728
+ .cn-cell-renderer__withheld[data-v-2a3bc230] {
17698
17729
  display: inline-flex;
17699
17730
  gap: 4px;
17700
17731
  align-items: center;
17701
17732
  color: var(--color-text-maxcontrast);
17702
17733
  }
17703
- .cn-cell-renderer__withheld-icon[data-v-5e132788] {
17734
+ .cn-cell-renderer__withheld-icon[data-v-2a3bc230] {
17704
17735
  flex: 0 0 auto;
17705
17736
  }
17706
- .cn-cell-renderer__withheld-text[data-v-5e132788] {
17737
+ .cn-cell-renderer__withheld-text[data-v-2a3bc230] {
17707
17738
  font-style: italic;
17708
17739
  }
17709
17740
 
17710
17741
  /* A number cell: the flagged number reads in its variant's text colour, with
17711
17742
  the chip saying why (never colour alone). */
17712
- .cn-cell-renderer__number[data-v-5e132788] {
17743
+ .cn-cell-renderer__number[data-v-2a3bc230] {
17713
17744
  display: inline-flex;
17714
17745
  gap: 4px;
17715
17746
  align-items: center;
17716
17747
  white-space: nowrap;
17717
17748
  }
17718
- .cn-cell-renderer__number--warning[data-v-5e132788] {
17749
+ .cn-cell-renderer__number--warning[data-v-2a3bc230] {
17719
17750
  color: var(--color-text-warning, var(--color-warning-text));
17720
17751
  font-weight: 600;
17721
17752
  }
17722
- .cn-cell-renderer__number--error[data-v-5e132788] {
17753
+ .cn-cell-renderer__number--error[data-v-2a3bc230] {
17723
17754
  color: var(--color-text-error, var(--color-error-text));
17724
17755
  font-weight: 600;
17725
17756
  }
17726
- .cn-cell-renderer__date--success[data-v-5e132788] {
17757
+ .cn-cell-renderer__date--success[data-v-2a3bc230] {
17727
17758
  color: var(--color-text-success, var(--color-success-text));
17728
17759
  }
17729
- .cn-cell-renderer__date--warning[data-v-5e132788] {
17760
+ .cn-cell-renderer__date--warning[data-v-2a3bc230] {
17730
17761
  color: var(--color-text-warning, var(--color-warning-text));
17731
17762
  }
17732
- .cn-cell-renderer__date--error[data-v-5e132788] {
17763
+ .cn-cell-renderer__date--error[data-v-2a3bc230] {
17733
17764
  color: var(--color-text-error, var(--color-error-text));
17734
17765
  }
17735
- .cn-cell-renderer__date--muted[data-v-5e132788] {
17766
+ .cn-cell-renderer__date--muted[data-v-2a3bc230] {
17736
17767
  color: var(--color-text-maxcontrast);
17737
17768
  }
17738
17769
 
17739
17770
  /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
17740
17771
  background colour and too pale for a 16px glyph on a light theme. */
17741
- .cn-cell-renderer__icon--success[data-v-5e132788] {
17772
+ .cn-cell-renderer__icon--success[data-v-2a3bc230] {
17742
17773
  color: var(--color-text-success, var(--color-success-text, var(--color-success)));
17743
17774
  }
17744
- .cn-cell-renderer__swatch-wrap[data-v-5e132788] {
17775
+ .cn-cell-renderer__swatch-wrap[data-v-2a3bc230] {
17745
17776
  display: inline-flex;
17746
17777
  align-items: center;
17747
17778
  gap: 8px;
17748
17779
  }
17749
- .cn-cell-renderer__swatch-dot[data-v-5e132788] {
17780
+ .cn-cell-renderer__swatch-dot[data-v-2a3bc230] {
17750
17781
  display: inline-block;
17751
17782
  width: 12px;
17752
17783
  height: 12px;
@@ -18080,6 +18111,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
18080
18111
  white-space: nowrap;
18081
18112
  }
18082
18113
 
18114
+ /* A growing column that opts into wrapping (`cn-cell--wrap`, DqDoorlooptijd
18115
+ "Zaken met risico" titles) wraps its text over lines instead of cutting
18116
+ it, and keeps a readable width: with `max-width: 0` the wide one-line
18117
+ cells beside it squeezed it to its padding (24px).
18118
+ @spec openspec/changes/fit-table-wrap-column-keeps-width/specs/fit-table-wrap-column-keeps-width/spec.md#requirement-a-wrapping-growing-column-keeps-a-readable-width */
18119
+ .cn-data-table--fit th.cn-table-col--grow.cn-cell--wrap,
18120
+ .cn-data-table--fit td.cn-table-col--grow.cn-cell--wrap {
18121
+ min-width: 8em;
18122
+ max-width: none;
18123
+ overflow-wrap: anywhere;
18124
+ white-space: normal;
18125
+ }
18126
+
18083
18127
  /* The secondary line of the growing column ("2026-0004" under a case title)
18084
18128
  is a line of its own with its own ellipsis. The cell does not wrap, so in
18085
18129
  the board look, where the secondary line is an inline block (the title
@@ -23106,7 +23150,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23106
23150
  }
23107
23151
 
23108
23152
 
23109
- .cn-files-browser[data-v-ad907164] {
23153
+ .cn-files-browser[data-v-3a771a01] {
23110
23154
  display: flex;
23111
23155
  flex-direction: column;
23112
23156
  gap: 8px;
@@ -23114,22 +23158,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23114
23158
  position: relative;
23115
23159
  border-radius: var(--border-radius-large, 8px);
23116
23160
  }
23117
- .cn-files-browser--dragging[data-v-ad907164] {
23161
+ .cn-files-browser--dragging[data-v-3a771a01] {
23118
23162
  outline: 2px dashed var(--color-primary-element);
23119
23163
  outline-offset: 4px;
23120
23164
  }
23121
23165
 
23122
23166
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
23123
23167
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
23124
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ad907164] {
23168
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-3a771a01] {
23125
23169
  min-height: max(320px, 100%);
23126
23170
  }
23127
- .cn-files-browser__drop-detail[data-v-ad907164] {
23171
+ .cn-files-browser__drop-detail[data-v-3a771a01] {
23128
23172
  max-width: 520px;
23129
23173
  font-size: 14px;
23130
23174
  color: var(--color-main-text);
23131
23175
  }
23132
- .cn-files-browser__drop-overlay[data-v-ad907164] {
23176
+ .cn-files-browser__drop-overlay[data-v-3a771a01] {
23133
23177
  position: absolute;
23134
23178
  inset: 0;
23135
23179
  z-index: 2;
@@ -23147,7 +23191,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23147
23191
  text-align: center;
23148
23192
  pointer-events: none;
23149
23193
  }
23150
- .cn-files-browser__drop-icon[data-v-ad907164] {
23194
+ .cn-files-browser__drop-icon[data-v-3a771a01] {
23151
23195
  display: flex;
23152
23196
  align-items: center;
23153
23197
  justify-content: center;
@@ -23157,11 +23201,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23157
23201
  background: var(--color-main-background);
23158
23202
  color: var(--color-primary-element);
23159
23203
  }
23160
- .cn-files-browser__drop-label[data-v-ad907164] {
23204
+ .cn-files-browser__drop-label[data-v-3a771a01] {
23161
23205
  font-size: 20px;
23162
23206
  font-weight: 700;
23163
23207
  }
23164
- .cn-files-browser__drop-hint[data-v-ad907164] {
23208
+ .cn-files-browser__drop-hint[data-v-3a771a01] {
23165
23209
  display: flex;
23166
23210
  align-items: center;
23167
23211
  gap: 8px;
@@ -23171,14 +23215,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23171
23215
  font-size: 13px;
23172
23216
  color: var(--color-text-maxcontrast);
23173
23217
  }
23174
- .cn-files-browser__bar[data-v-ad907164] {
23218
+ .cn-files-browser__bar[data-v-3a771a01] {
23175
23219
  display: flex;
23176
23220
  align-items: center;
23177
23221
  justify-content: space-between;
23178
23222
  gap: 8px;
23179
23223
  min-width: 0;
23180
23224
  }
23181
- .cn-files-browser__crumbs[data-v-ad907164] {
23225
+ .cn-files-browser__crumbs[data-v-3a771a01] {
23182
23226
  min-width: 0;
23183
23227
  flex: 1 1 auto;
23184
23228
  }
@@ -23186,13 +23230,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23186
23230
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23187
23231
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23188
23232
  kept their width. */
23189
- .cn-files-browser__bar[data-v-ad907164] > :not(.cn-files-browser__crumbs) {
23233
+ .cn-files-browser__bar[data-v-3a771a01] > :not(.cn-files-browser__crumbs) {
23190
23234
  flex-shrink: 0;
23191
23235
  }
23192
- .cn-files-browser__file-input[data-v-ad907164] {
23236
+ .cn-files-browser__file-input[data-v-3a771a01] {
23193
23237
  display: none;
23194
23238
  }
23195
- .cn-files-browser__uploads[data-v-ad907164] {
23239
+ .cn-files-browser__uploads[data-v-3a771a01] {
23196
23240
  list-style: none;
23197
23241
  margin: 0;
23198
23242
  padding: 0;
@@ -23200,35 +23244,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23200
23244
  flex-direction: column;
23201
23245
  gap: 4px;
23202
23246
  }
23203
- .cn-files-browser__upload[data-v-ad907164] {
23247
+ .cn-files-browser__upload[data-v-3a771a01] {
23204
23248
  display: flex;
23205
23249
  flex-direction: column;
23206
23250
  gap: 2px;
23207
23251
  }
23208
- .cn-files-browser__upload-name[data-v-ad907164] {
23252
+ .cn-files-browser__upload-name[data-v-3a771a01] {
23209
23253
  font-size: 13px;
23210
23254
  }
23211
- .cn-files-browser__upload-error[data-v-ad907164] {
23255
+ .cn-files-browser__upload-error[data-v-3a771a01] {
23212
23256
  color: var(--color-error);
23213
23257
  font-size: 13px;
23214
23258
  }
23215
- .cn-files-browser__loading[data-v-ad907164] {
23259
+ .cn-files-browser__loading[data-v-3a771a01] {
23216
23260
  padding: 24px 0;
23217
23261
  }
23218
23262
 
23219
23263
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23220
- .cn-files-browser__body--with-side[data-v-ad907164] {
23264
+ .cn-files-browser__body--with-side[data-v-3a771a01] {
23221
23265
  display: grid;
23222
23266
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23223
23267
  align-items: start;
23224
23268
  gap: 16px;
23225
23269
  }
23226
23270
  @media (max-width: 900px) {
23227
- .cn-files-browser__body--with-side[data-v-ad907164] {
23271
+ .cn-files-browser__body--with-side[data-v-3a771a01] {
23228
23272
  grid-template-columns: minmax(0, 1fr);
23229
23273
  }
23230
23274
  }
23231
- .cn-files-browser__side[data-v-ad907164] {
23275
+ .cn-files-browser__side[data-v-3a771a01] {
23232
23276
  display: flex;
23233
23277
  flex-direction: column;
23234
23278
  gap: 12px;
@@ -23236,14 +23280,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23236
23280
 
23237
23281
  /* In the detail page's side column the cards take its gap and its card
23238
23282
  anatomy, as the page's own side cards are drawn. */
23239
- .cn-files-browser__side--in-page[data-v-ad907164] {
23283
+ .cn-files-browser__side--in-page[data-v-3a771a01] {
23240
23284
  gap: calc(5 * var(--default-grid-baseline));
23241
23285
  }
23242
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ad907164] {
23286
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-3a771a01] {
23243
23287
  padding: var(--cn-board-card-padding, 16px 18px);
23244
23288
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23245
23289
  }
23246
- .cn-files-browser__side-card[data-v-ad907164] {
23290
+ .cn-files-browser__side-card[data-v-3a771a01] {
23247
23291
  display: flex;
23248
23292
  flex-direction: column;
23249
23293
  gap: 10px;
@@ -23252,13 +23296,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23252
23296
  border-radius: var(--border-radius-large);
23253
23297
  background: var(--color-main-background);
23254
23298
  }
23255
- .cn-files-browser__side-title[data-v-ad907164] {
23299
+ .cn-files-browser__side-title[data-v-3a771a01] {
23256
23300
  margin: 0;
23257
23301
  font-size: 15px;
23258
23302
  font-weight: 700;
23259
23303
  overflow-wrap: anywhere;
23260
23304
  }
23261
- .cn-files-browser__side-facts[data-v-ad907164] {
23305
+ .cn-files-browser__side-facts[data-v-3a771a01] {
23262
23306
  display: grid;
23263
23307
  grid-template-columns: max-content minmax(0, 1fr);
23264
23308
  gap: 6px 12px;
@@ -23268,22 +23312,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23268
23312
 
23269
23313
  /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
23270
23314
  @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 */
23271
- .cn-files-browser__side-facts dt[data-v-ad907164],
23272
- .cn-files-browser__side-facts dd[data-v-ad907164] {
23315
+ .cn-files-browser__side-facts dt[data-v-3a771a01],
23316
+ .cn-files-browser__side-facts dd[data-v-3a771a01] {
23273
23317
  display: block;
23274
23318
  width: auto;
23275
23319
  padding: 0;
23276
23320
  text-align: start;
23277
23321
  white-space: normal;
23278
23322
  }
23279
- .cn-files-browser__side-facts dt[data-v-ad907164] {
23323
+ .cn-files-browser__side-facts dt[data-v-3a771a01] {
23280
23324
  color: var(--color-text-maxcontrast);
23281
23325
  }
23282
- .cn-files-browser__side-facts dd[data-v-ad907164] {
23326
+ .cn-files-browser__side-facts dd[data-v-3a771a01] {
23283
23327
  margin: 0;
23284
23328
  overflow-wrap: anywhere;
23285
23329
  }
23286
- .cn-files-browser__side-actions[data-v-ad907164] {
23330
+ .cn-files-browser__side-actions[data-v-3a771a01] {
23287
23331
  display: flex;
23288
23332
  flex-wrap: wrap;
23289
23333
  gap: 8px;
@@ -23291,35 +23335,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23291
23335
 
23292
23336
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23293
23337
  text in the tone's colour, as the boards write a restricted level. */
23294
- .cn-files-browser__tone[data-v-ad907164] {
23338
+ .cn-files-browser__tone[data-v-3a771a01] {
23295
23339
  font-weight: 600;
23296
23340
  }
23297
- .cn-files-browser__tone--success[data-v-ad907164] {
23341
+ .cn-files-browser__tone--success[data-v-3a771a01] {
23298
23342
  color: var(--color-success-text, var(--color-success));
23299
23343
  }
23300
- .cn-files-browser__tone--warning[data-v-ad907164] {
23344
+ .cn-files-browser__tone--warning[data-v-3a771a01] {
23301
23345
  color: var(--color-warning-text, var(--color-warning));
23302
23346
  }
23303
- .cn-files-browser__tone--error[data-v-ad907164] {
23347
+ .cn-files-browser__tone--error[data-v-3a771a01] {
23304
23348
  color: var(--color-error-text, var(--color-error));
23305
23349
  }
23306
- .cn-files-browser__tone--primary[data-v-ad907164],
23307
- .cn-files-browser__tone--info[data-v-ad907164] {
23350
+ .cn-files-browser__tone--primary[data-v-3a771a01],
23351
+ .cn-files-browser__tone--info[data-v-3a771a01] {
23308
23352
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23309
23353
  }
23310
- .cn-files-browser__table[data-v-ad907164] {
23354
+ .cn-files-browser__table[data-v-3a771a01] {
23311
23355
  width: 100%;
23312
23356
  border-collapse: collapse;
23313
23357
  table-layout: fixed;
23314
23358
  }
23315
- .cn-files-browser__table th[data-v-ad907164] {
23359
+ .cn-files-browser__table th[data-v-3a771a01] {
23316
23360
  text-align: start;
23317
23361
  font-weight: normal;
23318
23362
  color: var(--color-text-maxcontrast);
23319
23363
  padding: 4px 8px;
23320
23364
  border-bottom: 1px solid var(--color-border);
23321
23365
  }
23322
- .cn-files-browser__sort[data-v-ad907164] {
23366
+ .cn-files-browser__sort[data-v-3a771a01] {
23323
23367
  background: none;
23324
23368
  border: none;
23325
23369
  padding: 0;
@@ -23330,46 +23374,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23330
23374
  align-items: center;
23331
23375
  gap: 2px;
23332
23376
  }
23333
- .cn-files-browser__sort[data-v-ad907164]:hover,
23334
- .cn-files-browser__sort[data-v-ad907164]:focus-visible {
23377
+ .cn-files-browser__sort[data-v-3a771a01]:hover,
23378
+ .cn-files-browser__sort[data-v-3a771a01]:focus-visible {
23335
23379
  color: var(--color-main-text);
23336
23380
  }
23337
- .cn-files-browser__row[data-v-ad907164] {
23381
+ .cn-files-browser__row[data-v-3a771a01] {
23338
23382
  cursor: pointer;
23339
23383
  }
23340
- .cn-files-browser__row[data-v-ad907164]:hover,
23341
- .cn-files-browser__row[data-v-ad907164]:focus-within {
23384
+ .cn-files-browser__row[data-v-3a771a01]:hover,
23385
+ .cn-files-browser__row[data-v-3a771a01]:focus-within {
23342
23386
  background-color: var(--color-background-hover);
23343
23387
  }
23344
- .cn-files-browser__table td[data-v-ad907164] {
23388
+ .cn-files-browser__table td[data-v-3a771a01] {
23345
23389
  padding: 4px 8px;
23346
23390
  border-bottom: 1px solid var(--color-border);
23347
23391
  vertical-align: middle;
23348
23392
  }
23349
- .cn-files-browser__col-icon[data-v-ad907164] {
23393
+ .cn-files-browser__col-icon[data-v-3a771a01] {
23350
23394
  width: 48px;
23351
23395
  }
23352
- .cn-files-browser__col-size[data-v-ad907164] {
23396
+ .cn-files-browser__col-size[data-v-3a771a01] {
23353
23397
  width: 96px;
23354
23398
  white-space: nowrap;
23355
23399
  color: var(--color-text-maxcontrast);
23356
23400
  }
23357
- .cn-files-browser__col-mtime[data-v-ad907164] {
23401
+ .cn-files-browser__col-mtime[data-v-3a771a01] {
23358
23402
  width: 140px;
23359
23403
  white-space: nowrap;
23360
23404
  color: var(--color-text-maxcontrast);
23361
23405
  }
23362
- .cn-files-browser__col-select[data-v-ad907164] {
23406
+ .cn-files-browser__col-select[data-v-3a771a01] {
23363
23407
  width: 36px;
23364
23408
  text-align: center;
23365
23409
  }
23366
- .cn-files-browser__select[data-v-ad907164] {
23410
+ .cn-files-browser__select[data-v-3a771a01] {
23367
23411
  width: 18px;
23368
23412
  height: 18px;
23369
23413
  margin: 0;
23370
23414
  accent-color: var(--color-primary-element);
23371
23415
  }
23372
- .cn-files-browser__bulk-bar[data-v-ad907164] {
23416
+ .cn-files-browser__bulk-bar[data-v-3a771a01] {
23373
23417
  display: flex;
23374
23418
  flex-wrap: wrap;
23375
23419
  align-items: center;
@@ -23378,11 +23422,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23378
23422
  border-radius: var(--border-radius-large);
23379
23423
  background: var(--color-primary-element-light);
23380
23424
  }
23381
- .cn-files-browser__bulk-count[data-v-ad907164] {
23425
+ .cn-files-browser__bulk-count[data-v-3a771a01] {
23382
23426
  font-weight: 600;
23383
23427
  margin-inline-end: 8px;
23384
23428
  }
23385
- .cn-files-browser__review[data-v-ad907164] {
23429
+ .cn-files-browser__review[data-v-3a771a01] {
23386
23430
  display: flex;
23387
23431
  flex-direction: column;
23388
23432
  gap: 10px;
@@ -23391,28 +23435,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23391
23435
  border-radius: 10px;
23392
23436
  background: var(--color-background-hover);
23393
23437
  }
23394
- .cn-files-browser__review-head[data-v-ad907164] {
23438
+ .cn-files-browser__review-head[data-v-3a771a01] {
23395
23439
  display: flex;
23396
23440
  flex-wrap: wrap;
23397
23441
  align-items: baseline;
23398
23442
  justify-content: space-between;
23399
23443
  gap: 8px;
23400
23444
  }
23401
- .cn-files-browser__review-title[data-v-ad907164] {
23445
+ .cn-files-browser__review-title[data-v-3a771a01] {
23402
23446
  font-size: 15px;
23403
23447
  }
23404
- .cn-files-browser__review-sub[data-v-ad907164] {
23448
+ .cn-files-browser__review-sub[data-v-3a771a01] {
23405
23449
  color: var(--color-text-maxcontrast);
23406
23450
  font-size: 13px;
23407
23451
  }
23408
- .cn-files-browser__review-bar[data-v-ad907164] {
23452
+ .cn-files-browser__review-bar[data-v-3a771a01] {
23409
23453
  display: flex;
23410
23454
  height: 8px;
23411
23455
  overflow: hidden;
23412
23456
  border-radius: 4px;
23413
23457
  background: var(--color-border);
23414
23458
  }
23415
- .cn-files-browser__review-legend[data-v-ad907164] {
23459
+ .cn-files-browser__review-legend[data-v-3a771a01] {
23416
23460
  display: flex;
23417
23461
  flex-wrap: wrap;
23418
23462
  gap: 8px 18px;
@@ -23421,48 +23465,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23421
23465
  font-size: 14px;
23422
23466
  list-style: none;
23423
23467
  }
23424
- .cn-files-browser__review-legend li[data-v-ad907164] {
23468
+ .cn-files-browser__review-legend li[data-v-3a771a01] {
23425
23469
  display: inline-flex;
23426
23470
  align-items: center;
23427
23471
  gap: 8px;
23428
23472
  }
23429
- .cn-files-browser__review-dot[data-v-ad907164] {
23473
+ .cn-files-browser__review-dot[data-v-3a771a01] {
23430
23474
  width: 10px;
23431
23475
  height: 10px;
23432
23476
  border-radius: 5px;
23433
23477
  }
23434
- .cn-files-browser__review-part--success[data-v-ad907164] {
23478
+ .cn-files-browser__review-part--success[data-v-3a771a01] {
23435
23479
  background: var(--color-success-text, var(--color-success));
23436
23480
  }
23437
- .cn-files-browser__review-part--warning[data-v-ad907164] {
23481
+ .cn-files-browser__review-part--warning[data-v-3a771a01] {
23438
23482
  background: var(--color-warning);
23439
23483
  }
23440
- .cn-files-browser__review-part--error[data-v-ad907164] {
23484
+ .cn-files-browser__review-part--error[data-v-3a771a01] {
23441
23485
  background: var(--color-error-text, var(--color-error));
23442
23486
  }
23443
- .cn-files-browser__review-part--info[data-v-ad907164] {
23487
+ .cn-files-browser__review-part--info[data-v-3a771a01] {
23444
23488
  background: var(--color-primary-element);
23445
23489
  }
23446
- .cn-files-browser__review-part--default[data-v-ad907164] {
23490
+ .cn-files-browser__review-part--default[data-v-3a771a01] {
23447
23491
  background: var(--color-border-dark);
23448
23492
  }
23449
- .cn-files-browser__row-button[data-v-ad907164] {
23493
+ .cn-files-browser__row-button[data-v-3a771a01] {
23450
23494
  display: inline-flex;
23451
23495
  margin-inline-end: 8px;
23452
23496
  vertical-align: middle;
23453
23497
  }
23454
- .cn-files-browser__facets[data-v-ad907164] {
23498
+ .cn-files-browser__facets[data-v-3a771a01] {
23455
23499
  display: flex;
23456
23500
  flex-wrap: wrap;
23457
23501
  align-items: center;
23458
23502
  gap: 8px 16px;
23459
23503
  }
23460
- .cn-files-browser__facet[data-v-ad907164] {
23504
+ .cn-files-browser__facet[data-v-3a771a01] {
23461
23505
  display: flex;
23462
23506
  flex-wrap: wrap;
23463
23507
  gap: 6px;
23464
23508
  }
23465
- .cn-files-browser__facet-chip[data-v-ad907164] {
23509
+ .cn-files-browser__facet-chip[data-v-3a771a01] {
23466
23510
  display: inline-flex;
23467
23511
  align-items: center;
23468
23512
  gap: 6px;
@@ -23474,41 +23518,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23474
23518
  color: var(--color-main-text);
23475
23519
  cursor: pointer;
23476
23520
  }
23477
- .cn-files-browser__facet-chip--active[data-v-ad907164] {
23521
+ .cn-files-browser__facet-chip--active[data-v-3a771a01] {
23478
23522
  border-color: var(--color-primary-element);
23479
23523
  background: var(--color-primary-element-light);
23480
23524
  }
23481
- .cn-files-browser__group-heading[data-v-ad907164] {
23525
+ .cn-files-browser__group-heading[data-v-3a771a01] {
23482
23526
  padding: 12px 8px 4px;
23483
23527
  text-align: start;
23484
23528
  font-weight: 700;
23485
23529
  }
23486
- .cn-files-browser__group-count[data-v-ad907164] {
23530
+ .cn-files-browser__group-count[data-v-3a771a01] {
23487
23531
  margin-inline-start: 6px;
23488
23532
  font-weight: 400;
23489
23533
  color: var(--color-text-maxcontrast);
23490
23534
  }
23491
- .cn-files-browser__no-match[data-v-ad907164] {
23535
+ .cn-files-browser__no-match[data-v-3a771a01] {
23492
23536
  padding: 16px 8px;
23493
23537
  color: var(--color-text-maxcontrast);
23494
23538
  }
23495
- .cn-files-browser__col-actions[data-v-ad907164] {
23539
+ .cn-files-browser__col-actions[data-v-3a771a01] {
23496
23540
  width: 48px;
23497
23541
  white-space: nowrap;
23498
23542
  }
23499
- .cn-files-browser__col-actions[data-v-ad907164]:has(.cn-files-browser__row-button) {
23543
+ .cn-files-browser__col-actions[data-v-3a771a01]:has(.cn-files-browser__row-button) {
23500
23544
  width: auto;
23501
23545
  }
23502
- .cn-files-browser__col-name[data-v-ad907164] {
23546
+ .cn-files-browser__col-name[data-v-3a771a01] {
23503
23547
  min-width: 0;
23504
23548
  }
23505
- .cn-files-browser__name[data-v-ad907164] {
23549
+ .cn-files-browser__name[data-v-3a771a01] {
23506
23550
  display: block;
23507
23551
  overflow: hidden;
23508
23552
  text-overflow: ellipsis;
23509
23553
  white-space: nowrap;
23510
23554
  }
23511
- .cn-files-browser__name-secondary[data-v-ad907164] {
23555
+ .cn-files-browser__name-secondary[data-v-3a771a01] {
23512
23556
  display: block;
23513
23557
  overflow: hidden;
23514
23558
  color: var(--color-text-maxcontrast);
@@ -23516,41 +23560,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23516
23560
  text-overflow: ellipsis;
23517
23561
  white-space: nowrap;
23518
23562
  }
23519
- .cn-files-browser__footnote[data-v-ad907164] {
23563
+ .cn-files-browser__footnote[data-v-3a771a01] {
23520
23564
  margin: 0;
23521
23565
  padding-top: 12px;
23522
23566
  color: var(--color-text-maxcontrast);
23523
23567
  font-size: 13px;
23524
23568
  }
23525
- .cn-files-browser__row--linked[data-v-ad907164] {
23569
+ .cn-files-browser__row--linked[data-v-3a771a01] {
23526
23570
  color: var(--color-text-maxcontrast);
23527
23571
  }
23528
- .cn-files-browser__note[data-v-ad907164] {
23572
+ .cn-files-browser__note[data-v-3a771a01] {
23529
23573
  color: var(--color-text-maxcontrast);
23530
23574
  display: block;
23531
23575
  font-size: var(--font-size-small, 13px);
23532
23576
  }
23533
- .cn-files-browser__note-link[data-v-ad907164] {
23577
+ .cn-files-browser__note-link[data-v-3a771a01] {
23534
23578
  color: inherit;
23535
23579
  text-decoration: underline;
23536
23580
  }
23537
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-ad907164] {
23581
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-3a771a01] {
23538
23582
  font-weight: 600;
23539
23583
  }
23540
- .cn-files-browser__mime[data-v-ad907164],
23541
- .cn-files-browser__thumb[data-v-ad907164] {
23584
+ .cn-files-browser__mime[data-v-3a771a01],
23585
+ .cn-files-browser__thumb[data-v-3a771a01] {
23542
23586
  width: 32px;
23543
23587
  height: 32px;
23544
23588
  display: block;
23545
23589
  }
23546
- .cn-files-browser__thumb[data-v-ad907164] {
23590
+ .cn-files-browser__thumb[data-v-3a771a01] {
23547
23591
  object-fit: cover;
23548
23592
  border-radius: var(--border-radius, 4px);
23549
23593
  }
23550
- .cn-files-browser__new-folder[data-v-ad907164] {
23594
+ .cn-files-browser__new-folder[data-v-3a771a01] {
23551
23595
  padding: 8px 0;
23552
23596
  }
23553
- .hidden-visually[data-v-ad907164] {
23597
+ .hidden-visually[data-v-3a771a01] {
23554
23598
  position: absolute;
23555
23599
  width: 1px;
23556
23600
  height: 1px;
@@ -29092,7 +29136,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29092
29136
  }
29093
29137
 
29094
29138
 
29095
- .cn-stacked-bar[data-v-455eb41f] {
29139
+ .cn-stacked-bar[data-v-7bd1aead] {
29096
29140
  display: flex;
29097
29141
  flex-direction: column;
29098
29142
  gap: 16px;
@@ -29102,38 +29146,38 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29102
29146
  /* `content.inset: true`: the board's inset inside the card (zuiddrecht-pixel-
29103
29147
  gaps-3). A dashboard renders its widgets flush, so without it the strip ran
29104
29148
  from card edge to card edge. Theme hook: --cn-widget-board-inset. */
29105
- .cn-stacked-bar--inset[data-v-455eb41f] {
29149
+ .cn-stacked-bar--inset[data-v-7bd1aead] {
29106
29150
  box-sizing: border-box;
29107
29151
  padding: var(--cn-widget-board-inset, 16px 24px 22px);
29108
29152
  }
29109
- .cn-stacked-bar__heading[data-v-455eb41f] {
29153
+ .cn-stacked-bar__heading[data-v-7bd1aead] {
29110
29154
  display: flex;
29111
29155
  align-items: baseline;
29112
29156
  justify-content: space-between;
29113
29157
  gap: 12px;
29114
29158
  }
29115
- .cn-stacked-bar__heading-meta[data-v-455eb41f] {
29159
+ .cn-stacked-bar__heading-meta[data-v-7bd1aead] {
29116
29160
  color: var(--color-text-maxcontrast);
29117
29161
  font-size: 13px;
29118
29162
  }
29119
- .cn-stacked-bar__state[data-v-455eb41f] {
29163
+ .cn-stacked-bar__state[data-v-7bd1aead] {
29120
29164
  display: flex;
29121
29165
  align-items: center;
29122
29166
  gap: 8px;
29123
29167
  margin: 0;
29124
29168
  color: var(--color-text-maxcontrast);
29125
29169
  }
29126
- .cn-stacked-bar__bar[data-v-455eb41f] {
29170
+ .cn-stacked-bar__bar[data-v-7bd1aead] {
29127
29171
  display: flex;
29128
29172
  gap: 3px;
29129
29173
  height: 12px;
29130
29174
  }
29131
- .cn-stacked-bar__segment[data-v-455eb41f] {
29175
+ .cn-stacked-bar__segment[data-v-7bd1aead] {
29132
29176
  flex-basis: 0;
29133
29177
  min-width: 4px;
29134
29178
  border-radius: 6px;
29135
29179
  }
29136
- .cn-stacked-bar__legend[data-v-455eb41f] {
29180
+ .cn-stacked-bar__legend[data-v-7bd1aead] {
29137
29181
  display: grid;
29138
29182
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
29139
29183
  gap: 12px;
@@ -29141,13 +29185,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29141
29185
  padding: 0;
29142
29186
  list-style: none;
29143
29187
  }
29144
- .cn-stacked-bar__legend-item[data-v-455eb41f] {
29188
+ .cn-stacked-bar__legend-item[data-v-7bd1aead] {
29145
29189
  display: flex;
29146
29190
  flex-direction: column;
29147
29191
  gap: 2px;
29148
29192
  min-width: 0;
29149
29193
  }
29150
- .cn-stacked-bar__label[data-v-455eb41f] {
29194
+ .cn-stacked-bar__label[data-v-7bd1aead] {
29151
29195
  display: flex;
29152
29196
  align-items: center;
29153
29197
  gap: 8px;
@@ -29155,19 +29199,66 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29155
29199
  color: var(--color-text-maxcontrast);
29156
29200
  overflow-wrap: anywhere;
29157
29201
  }
29158
- .cn-stacked-bar__dot[data-v-455eb41f] {
29202
+ .cn-stacked-bar__dot[data-v-7bd1aead] {
29159
29203
  flex: none;
29160
29204
  width: 10px;
29161
29205
  height: 10px;
29162
29206
  border-radius: 3px;
29163
29207
  }
29164
- .cn-stacked-bar__count[data-v-455eb41f] {
29208
+ .cn-stacked-bar__count[data-v-7bd1aead] {
29165
29209
  font-size: 1.5em;
29166
29210
  font-weight: 700;
29167
29211
  line-height: 1.2;
29168
29212
  color: var(--color-main-text);
29169
29213
  }
29170
29214
 
29215
+ /* `content.compact: true`: the summary box (DqZaakDocumenten "4 van 7
29216
+ beoordeeld"): the sunken ground, a 15px heading, one 8px bar of joined
29217
+ segments and the legend on one line, each count beside its label. */
29218
+ .cn-stacked-bar--compact[data-v-7bd1aead] {
29219
+ box-sizing: border-box;
29220
+ gap: 10px;
29221
+ padding: 14px 16px;
29222
+ border-radius: 10px;
29223
+ background: var(--cn-board-sunken-ground, var(--color-background-hover));
29224
+ }
29225
+ .cn-stacked-bar--compact .cn-stacked-bar__heading[data-v-7bd1aead] {
29226
+ flex-wrap: wrap;
29227
+ gap: 8px;
29228
+ font-size: 15px;
29229
+ }
29230
+ .cn-stacked-bar--compact .cn-stacked-bar__bar[data-v-7bd1aead] {
29231
+ gap: 0;
29232
+ height: 8px;
29233
+ border-radius: 4px;
29234
+ overflow: hidden;
29235
+ }
29236
+ .cn-stacked-bar--compact .cn-stacked-bar__segment[data-v-7bd1aead] {
29237
+ border-radius: 0;
29238
+ }
29239
+ .cn-stacked-bar--compact .cn-stacked-bar__legend[data-v-7bd1aead] {
29240
+ display: flex;
29241
+ flex-wrap: wrap;
29242
+ gap: 8px 18px;
29243
+ font-size: 14px;
29244
+ }
29245
+ .cn-stacked-bar--compact .cn-stacked-bar__legend-item[data-v-7bd1aead] {
29246
+ flex-direction: row;
29247
+ align-items: center;
29248
+ gap: 8px;
29249
+ }
29250
+ .cn-stacked-bar--compact .cn-stacked-bar__label[data-v-7bd1aead] {
29251
+ color: var(--color-main-text);
29252
+ font-size: 1em;
29253
+ }
29254
+ .cn-stacked-bar--compact .cn-stacked-bar__dot[data-v-7bd1aead] {
29255
+ border-radius: 50%;
29256
+ }
29257
+ .cn-stacked-bar--compact .cn-stacked-bar__count[data-v-7bd1aead] {
29258
+ font-size: 1em;
29259
+ line-height: inherit;
29260
+ }
29261
+
29171
29262
 
29172
29263
  .cn-stacked-bar-form[data-v-03d1b200] {
29173
29264
  display: flex;
@@ -29185,47 +29276,47 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29185
29276
  }
29186
29277
 
29187
29278
 
29188
- .cn-transition-input-fields[data-v-3e4484aa] {
29279
+ .cn-transition-input-fields[data-v-731d1a6c] {
29189
29280
  display: flex;
29190
29281
  flex-direction: column;
29191
29282
  gap: 12px;
29192
29283
  }
29193
- .cn-transition-input-fields--columns[data-v-3e4484aa] {
29284
+ .cn-transition-input-fields--columns[data-v-731d1a6c] {
29194
29285
  display: grid;
29195
29286
  grid-template-columns: repeat(2, minmax(0, 1fr));
29196
29287
  align-items: start;
29197
29288
  }
29198
- .cn-transition-input-fields--columns .cn-transition-input-fields__wide[data-v-3e4484aa] {
29289
+ .cn-transition-input-fields--columns .cn-transition-input-fields__wide[data-v-731d1a6c] {
29199
29290
  grid-column: 1 / -1;
29200
29291
  }
29201
- .cn-transition-input__field[data-v-3e4484aa],
29202
- .cn-transition-input-fields__preview[data-v-3e4484aa] {
29292
+ .cn-transition-input__field[data-v-731d1a6c],
29293
+ .cn-transition-input-fields__preview[data-v-731d1a6c] {
29203
29294
  display: flex;
29204
29295
  flex-direction: column;
29205
29296
  gap: 6px;
29206
29297
  }
29207
- .cn-transition-input__label[data-v-3e4484aa] {
29298
+ .cn-transition-input__label[data-v-731d1a6c] {
29208
29299
  display: block;
29209
29300
  margin-bottom: 4px;
29210
29301
  }
29211
- .cn-transition-input-fields__label[data-v-3e4484aa] {
29302
+ .cn-transition-input-fields__label[data-v-731d1a6c] {
29212
29303
  font-size: 14px;
29213
29304
  font-weight: 600;
29214
29305
  }
29215
- .cn-transition-input-fields__muted[data-v-3e4484aa] {
29306
+ .cn-transition-input-fields__muted[data-v-731d1a6c] {
29216
29307
  font-size: 13px;
29217
29308
  color: var(--color-text-maxcontrast);
29218
29309
  }
29219
- .cn-transition-input__field-error[data-v-3e4484aa] {
29310
+ .cn-transition-input__field-error[data-v-731d1a6c] {
29220
29311
  margin: 4px 0 0;
29221
29312
  font-size: 0.9em;
29222
29313
  color: var(--color-error-text, var(--color-error));
29223
29314
  }
29224
- .cn-transition-input__field--refused[data-v-3e4484aa] {
29315
+ .cn-transition-input__field--refused[data-v-731d1a6c] {
29225
29316
  border-inline-start: 2px solid var(--color-error);
29226
29317
  padding-inline-start: 8px;
29227
29318
  }
29228
- .cn-transition-input__object[data-v-3e4484aa] {
29319
+ .cn-transition-input__object[data-v-731d1a6c] {
29229
29320
  border: 1px solid var(--color-border);
29230
29321
  border-radius: var(--border-radius);
29231
29322
  padding: 8px 12px;
@@ -29233,7 +29324,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29233
29324
  flex-direction: column;
29234
29325
  gap: 8px;
29235
29326
  }
29236
- .cn-transition-input-fields__card[data-v-3e4484aa] {
29327
+ .cn-transition-input-fields__card[data-v-731d1a6c] {
29237
29328
  display: flex;
29238
29329
  align-items: center;
29239
29330
  gap: 14px;
@@ -29241,17 +29332,17 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29241
29332
  border: 1px solid var(--color-border);
29242
29333
  border-radius: var(--border-radius-large, 8px);
29243
29334
  }
29244
- .cn-transition-input-fields__card-icon[data-v-3e4484aa] {
29335
+ .cn-transition-input-fields__card-icon[data-v-731d1a6c] {
29245
29336
  color: var(--color-primary-element);
29246
29337
  }
29247
- .cn-transition-input-fields__card-text[data-v-3e4484aa] {
29338
+ .cn-transition-input-fields__card-text[data-v-731d1a6c] {
29248
29339
  display: flex;
29249
29340
  flex: 1 1 auto;
29250
29341
  flex-direction: column;
29251
29342
  gap: 2px;
29252
29343
  min-width: 0;
29253
29344
  }
29254
- .cn-transition-input-fields__badge[data-v-3e4484aa] {
29345
+ .cn-transition-input-fields__badge[data-v-731d1a6c] {
29255
29346
  padding: 3px 10px;
29256
29347
  border-radius: 12px;
29257
29348
  background: var(--color-success-light, var(--color-background-dark));
@@ -29259,39 +29350,39 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29259
29350
  font-size: 13px;
29260
29351
  font-weight: 600;
29261
29352
  }
29262
- .cn-transition-input-fields__section-title[data-v-3e4484aa] {
29353
+ .cn-transition-input-fields__section-title[data-v-731d1a6c] {
29263
29354
  margin: 0 0 8px;
29264
29355
  font-size: 14px;
29265
29356
  font-weight: 600;
29266
29357
  }
29267
- .cn-transition-input-fields__facts[data-v-3e4484aa] {
29358
+ .cn-transition-input-fields__facts[data-v-731d1a6c] {
29268
29359
  display: grid;
29269
29360
  grid-template-columns: repeat(2, minmax(0, 1fr));
29270
29361
  gap: 0 24px;
29271
29362
  margin: 0;
29272
29363
  }
29273
- .cn-transition-input-fields__facts > div[data-v-3e4484aa] {
29364
+ .cn-transition-input-fields__facts > div[data-v-731d1a6c] {
29274
29365
  padding: 10px 0;
29275
29366
  border-bottom: 1px solid var(--color-border);
29276
29367
  }
29277
- .cn-transition-input-fields__facts dt[data-v-3e4484aa],
29278
- .cn-transition-input-fields__facts dd[data-v-3e4484aa] {
29368
+ .cn-transition-input-fields__facts dt[data-v-731d1a6c],
29369
+ .cn-transition-input-fields__facts dd[data-v-731d1a6c] {
29279
29370
  display: block;
29280
29371
  width: auto;
29281
29372
  padding: 0;
29282
29373
  text-align: start;
29283
29374
  white-space: normal;
29284
29375
  }
29285
- .cn-transition-input-fields__facts dt[data-v-3e4484aa] {
29376
+ .cn-transition-input-fields__facts dt[data-v-731d1a6c] {
29286
29377
  font-size: 13px;
29287
29378
  color: var(--color-text-maxcontrast);
29288
29379
  }
29289
- .cn-transition-input-fields__facts dd[data-v-3e4484aa] {
29380
+ .cn-transition-input-fields__facts dd[data-v-731d1a6c] {
29290
29381
  margin: 2px 0 0;
29291
29382
  font-size: 15px;
29292
29383
  font-weight: 600;
29293
29384
  }
29294
- .cn-transition-input-fields__notice[data-v-3e4484aa] {
29385
+ .cn-transition-input-fields__notice[data-v-731d1a6c] {
29295
29386
  display: flex;
29296
29387
  gap: 12px;
29297
29388
  align-items: flex-start;
@@ -29300,22 +29391,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29300
29391
  background: var(--color-primary-element-light);
29301
29392
  color: var(--color-main-text);
29302
29393
  }
29303
- .cn-transition-input-fields__notice--warning[data-v-3e4484aa] {
29394
+ .cn-transition-input-fields__notice--warning[data-v-731d1a6c] {
29304
29395
  background: var(--color-warning-element-light, var(--color-background-dark));
29305
29396
  }
29306
- .cn-transition-input-fields__notice--error[data-v-3e4484aa] {
29397
+ .cn-transition-input-fields__notice--error[data-v-731d1a6c] {
29307
29398
  background: var(--color-error-element-light, var(--color-background-dark));
29308
29399
  }
29309
- .cn-transition-input-fields__notice-icon[data-v-3e4484aa] {
29400
+ .cn-transition-input-fields__notice-icon[data-v-731d1a6c] {
29310
29401
  flex: none;
29311
29402
  color: var(--color-primary-element-light-text, var(--color-primary-element));
29312
29403
  }
29313
- .cn-transition-input-fields__notice-text[data-v-3e4484aa] {
29404
+ .cn-transition-input-fields__notice-text[data-v-731d1a6c] {
29314
29405
  display: flex;
29315
29406
  flex-direction: column;
29316
29407
  gap: 2px;
29317
29408
  }
29318
- .cn-transition-input-fields__notice-text strong[data-v-3e4484aa] {
29409
+ .cn-transition-input-fields__notice-text strong[data-v-731d1a6c] {
29319
29410
  color: var(--color-primary-element-light-text, var(--color-main-text));
29320
29411
  }
29321
29412
 
@@ -31178,7 +31269,7 @@ a.cn-kpi-card--board * {
31178
31269
  }
31179
31270
 
31180
31271
 
31181
- .cn-object-data-widget__image[data-v-1042b83e] {
31272
+ .cn-object-data-widget__image[data-v-702c7c98] {
31182
31273
  max-width: 100%;
31183
31274
  max-height: 160px;
31184
31275
  border-radius: 8px;
@@ -31186,33 +31277,33 @@ a.cn-kpi-card--board * {
31186
31277
  }
31187
31278
 
31188
31279
  /* Shimmering placeholder while a relation's display name resolves. */
31189
- .cn-object-data-widget__skeleton[data-v-1042b83e] {
31280
+ .cn-object-data-widget__skeleton[data-v-702c7c98] {
31190
31281
  display: inline-block;
31191
31282
  width: 90px;
31192
31283
  height: 1em;
31193
31284
  border-radius: 4px;
31194
31285
  background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
31195
31286
  background-size: 200% 100%;
31196
- animation: cn-odw-shimmer-1042b83e 1.2s ease-in-out infinite;
31287
+ animation: cn-odw-shimmer-702c7c98 1.2s ease-in-out infinite;
31197
31288
  }
31198
- @keyframes cn-odw-shimmer-1042b83e {
31289
+ @keyframes cn-odw-shimmer-702c7c98 {
31199
31290
  from { background-position: 200% 0;
31200
31291
  }
31201
31292
  to { background-position: -200% 0;
31202
31293
  }
31203
31294
  }
31204
31295
  @media (prefers-reduced-motion: reduce) {
31205
- .cn-object-data-widget__skeleton[data-v-1042b83e] { animation: none;
31296
+ .cn-object-data-widget__skeleton[data-v-702c7c98] { animation: none;
31206
31297
  }
31207
31298
  }
31208
- .cn-object-data-widget__grid[data-v-1042b83e] {
31299
+ .cn-object-data-widget__grid[data-v-702c7c98] {
31209
31300
  display: grid;
31210
31301
  gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
31211
31302
  }
31212
- .cn-object-data-widget__toggle[data-v-1042b83e] {
31303
+ .cn-object-data-widget__toggle[data-v-702c7c98] {
31213
31304
  margin-top: 4px;
31214
31305
  }
31215
- .cn-object-data-widget__cell[data-v-1042b83e] {
31306
+ .cn-object-data-widget__cell[data-v-702c7c98] {
31216
31307
  display: flex;
31217
31308
  flex-direction: column;
31218
31309
  gap: 2px;
@@ -31220,12 +31311,12 @@ to { background-position: -200% 0;
31220
31311
  border-bottom: 1px solid var(--color-border-dark);
31221
31312
  min-width: 0;
31222
31313
  }
31223
- .cn-object-data-widget__label[data-v-1042b83e] {
31314
+ .cn-object-data-widget__label[data-v-702c7c98] {
31224
31315
  font-size: 0.85em;
31225
31316
  color: var(--color-text-maxcontrast);
31226
31317
  font-weight: 500;
31227
31318
  }
31228
- .cn-object-data-widget__value[data-v-1042b83e] {
31319
+ .cn-object-data-widget__value[data-v-702c7c98] {
31229
31320
  font-size: 1em;
31230
31321
  color: var(--color-main-text);
31231
31322
  overflow-wrap: anywhere;
@@ -31239,24 +31330,24 @@ to { background-position: -200% 0;
31239
31330
  which drew a horizontal scrollbar under every data widget in a tab (dossiq's
31240
31331
  case page, Data tab). The end padding drops by the same 4px so the text and
31241
31332
  the edit icon sit where they sat. */
31242
- .cn-object-data-widget__value--editable[data-v-1042b83e] {
31333
+ .cn-object-data-widget__value--editable[data-v-702c7c98] {
31243
31334
  cursor: pointer;
31244
31335
  border-radius: var(--border-radius);
31245
31336
  padding: 4px 20px 4px 4px;
31246
31337
  margin: -4px 0 -4px -4px;
31247
31338
  }
31248
- .cn-object-data-widget__value--editable[data-v-1042b83e]:hover {
31339
+ .cn-object-data-widget__value--editable[data-v-702c7c98]:hover {
31249
31340
  background: var(--color-background-dark);
31250
31341
  }
31251
- .cn-object-data-widget__value--editable[data-v-1042b83e]:focus-visible {
31342
+ .cn-object-data-widget__value--editable[data-v-702c7c98]:focus-visible {
31252
31343
  outline: 2px solid var(--color-primary-element);
31253
31344
  outline-offset: 2px;
31254
31345
  }
31255
- .cn-object-data-widget__value--empty[data-v-1042b83e] {
31346
+ .cn-object-data-widget__value--empty[data-v-702c7c98] {
31256
31347
  color: var(--color-text-maxcontrast);
31257
31348
  font-style: italic;
31258
31349
  }
31259
- .cn-object-data-widget__edit-icon[data-v-1042b83e] {
31350
+ .cn-object-data-widget__edit-icon[data-v-702c7c98] {
31260
31351
  position: absolute;
31261
31352
  right: 4px;
31262
31353
  top: 50%;
@@ -31265,21 +31356,21 @@ to { background-position: -200% 0;
31265
31356
  opacity: 0;
31266
31357
  transition: opacity 0.15s ease;
31267
31358
  }
31268
- .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-1042b83e],
31269
- .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-1042b83e] {
31359
+ .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-702c7c98],
31360
+ .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-702c7c98] {
31270
31361
  opacity: 1;
31271
31362
  }
31272
- .cn-object-data-widget__editor[data-v-1042b83e] {
31363
+ .cn-object-data-widget__editor[data-v-702c7c98] {
31273
31364
  display: flex;
31274
31365
  flex-direction: column;
31275
31366
  gap: 4px;
31276
31367
  }
31277
- .cn-object-data-widget__editor-actions[data-v-1042b83e] {
31368
+ .cn-object-data-widget__editor-actions[data-v-702c7c98] {
31278
31369
  display: flex;
31279
31370
  gap: 2px;
31280
31371
  justify-content: flex-end;
31281
31372
  }
31282
- .cn-object-data-widget__textarea[data-v-1042b83e] {
31373
+ .cn-object-data-widget__textarea[data-v-702c7c98] {
31283
31374
  width: 100%;
31284
31375
  min-height: 80px;
31285
31376
  padding: 8px;
@@ -31291,16 +31382,16 @@ to { background-position: -200% 0;
31291
31382
  font-size: inherit;
31292
31383
  resize: vertical;
31293
31384
  }
31294
- .cn-object-data-widget__textarea[data-v-1042b83e]:focus {
31385
+ .cn-object-data-widget__textarea[data-v-702c7c98]:focus {
31295
31386
  border-color: var(--color-primary-element);
31296
31387
  outline: none;
31297
31388
  }
31298
- .cn-object-data-widget__footnote[data-v-1042b83e] {
31389
+ .cn-object-data-widget__footnote[data-v-702c7c98] {
31299
31390
  margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
31300
31391
  color: var(--color-text-maxcontrast);
31301
31392
  font-size: 13px;
31302
31393
  }
31303
- .cn-object-data-widget__empty[data-v-1042b83e] {
31394
+ .cn-object-data-widget__empty[data-v-702c7c98] {
31304
31395
  color: var(--color-text-maxcontrast);
31305
31396
  font-style: italic;
31306
31397
  padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -31308,16 +31399,16 @@ to { background-position: -200% 0;
31308
31399
 
31309
31400
  /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
31310
31401
  fits the card and participates in the whole-row overflow handling. */
31311
- .cn-object-data-widget__mini-table-wrap[data-v-1042b83e] {
31402
+ .cn-object-data-widget__mini-table-wrap[data-v-702c7c98] {
31312
31403
  max-width: 100%;
31313
31404
  }
31314
- .cn-object-data-widget__mini-table[data-v-1042b83e] {
31405
+ .cn-object-data-widget__mini-table[data-v-702c7c98] {
31315
31406
  width: 100%;
31316
31407
  border-collapse: collapse;
31317
31408
  font-size: 0.9em;
31318
31409
  }
31319
- .cn-object-data-widget__mini-table th[data-v-1042b83e],
31320
- .cn-object-data-widget__mini-table td[data-v-1042b83e] {
31410
+ .cn-object-data-widget__mini-table th[data-v-702c7c98],
31411
+ .cn-object-data-widget__mini-table td[data-v-702c7c98] {
31321
31412
  text-align: start;
31322
31413
  padding: 2px 8px 2px 0;
31323
31414
  border-bottom: 1px solid var(--color-border);
@@ -31328,23 +31419,23 @@ to { background-position: -200% 0;
31328
31419
  cell, and the card 8px wider than its cell (pipelinq's ticket page). */
31329
31420
  white-space: normal;
31330
31421
  }
31331
- .cn-object-data-widget__mini-table th[data-v-1042b83e] {
31422
+ .cn-object-data-widget__mini-table th[data-v-702c7c98] {
31332
31423
  color: var(--color-text-maxcontrast);
31333
31424
  font-weight: 500;
31334
31425
  }
31335
- .cn-object-data-widget__more[data-v-1042b83e] {
31426
+ .cn-object-data-widget__more[data-v-702c7c98] {
31336
31427
  margin-top: 2px;
31337
31428
  font-size: 0.85em;
31338
31429
  color: var(--color-text-maxcontrast);
31339
31430
  }
31340
31431
 
31341
31432
  /* Comma-less chip row for array-of-scalars values. */
31342
- .cn-object-data-widget__chips[data-v-1042b83e] {
31433
+ .cn-object-data-widget__chips[data-v-702c7c98] {
31343
31434
  display: flex;
31344
31435
  flex-wrap: wrap;
31345
31436
  gap: 4px;
31346
31437
  }
31347
- .cn-object-data-widget__chip[data-v-1042b83e] {
31438
+ .cn-object-data-widget__chip[data-v-702c7c98] {
31348
31439
  padding: 1px 8px;
31349
31440
  border-radius: 12px;
31350
31441
  background: var(--color-background-dark);
@@ -31352,37 +31443,37 @@ to { background-position: -200% 0;
31352
31443
  }
31353
31444
 
31354
31445
  /* Key: value definition list for a single plain-object value. */
31355
- .cn-object-data-widget__deflist[data-v-1042b83e] {
31446
+ .cn-object-data-widget__deflist[data-v-702c7c98] {
31356
31447
  display: grid;
31357
31448
  grid-template-columns: auto 1fr;
31358
31449
  gap: 2px 8px;
31359
31450
  margin: 0;
31360
31451
  }
31361
- .cn-object-data-widget__deflist dt[data-v-1042b83e] {
31452
+ .cn-object-data-widget__deflist dt[data-v-702c7c98] {
31362
31453
  color: var(--color-text-maxcontrast);
31363
31454
  font-size: 0.9em;
31364
31455
  }
31365
- .cn-object-data-widget__deflist dd[data-v-1042b83e] {
31456
+ .cn-object-data-widget__deflist dd[data-v-702c7c98] {
31366
31457
  margin: 0;
31367
31458
  overflow-wrap: anywhere;
31368
31459
  }
31369
31460
 
31370
31461
  /* A long description keeps its own paragraphs. Set on an inline span with no
31371
31462
  surrounding template whitespace, so only the value's own line breaks show. */
31372
- .cn-object-data-widget__deflist-text[data-v-1042b83e] {
31463
+ .cn-object-data-widget__deflist-text[data-v-702c7c98] {
31373
31464
  white-space: pre-wrap;
31374
31465
  }
31375
- .cn-object-data-widget__deflist--nested[data-v-1042b83e] {
31466
+ .cn-object-data-widget__deflist--nested[data-v-702c7c98] {
31376
31467
  padding-inline-start: 8px;
31377
31468
  border-inline-start: 2px solid var(--color-border);
31378
31469
  }
31379
31470
 
31380
31471
  /* Responsive: collapse to single column on narrow widths */
31381
31472
  @media (max-width: 600px) {
31382
- .cn-object-data-widget__grid[data-v-1042b83e] {
31473
+ .cn-object-data-widget__grid[data-v-702c7c98] {
31383
31474
  grid-template-columns: 1fr !important;
31384
31475
  }
31385
- .cn-object-data-widget__cell[data-v-1042b83e] {
31476
+ .cn-object-data-widget__cell[data-v-702c7c98] {
31386
31477
  grid-column: span 1 !important;
31387
31478
  grid-row: span 1 !important;
31388
31479
  }
@@ -38775,7 +38866,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38775
38866
  }
38776
38867
 
38777
38868
 
38778
- .cn-facts-widget[data-v-4fd0d81c] {
38869
+ .cn-facts-widget[data-v-1b8f8e6f] {
38779
38870
  display: flex;
38780
38871
  flex-direction: column;
38781
38872
  gap: 10px;
@@ -38785,7 +38876,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38785
38876
  /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
38786
38877
  and bottom, which put a side card's facts 24px under its title, against
38787
38878
  the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
38788
- .cn-facts-widget__rows[data-v-4fd0d81c] {
38879
+ .cn-facts-widget__rows[data-v-1b8f8e6f] {
38789
38880
  display: grid;
38790
38881
  grid-template-columns: max-content 1fr;
38791
38882
  gap: 8px 16px;
@@ -38795,7 +38886,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38795
38886
  }
38796
38887
 
38797
38888
  /* Each row is a grid of its own children: the wrapper takes no box. */
38798
- .cn-facts-widget__row[data-v-4fd0d81c] {
38889
+ .cn-facts-widget__row[data-v-1b8f8e6f] {
38799
38890
  display: contents;
38800
38891
  }
38801
38892
 
@@ -38804,14 +38895,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38804
38895
  12px around both and widened the label column to 130px. The class is
38805
38896
  doubled so these resets outrank that rule, and a dossiq-style `:deep()`
38806
38897
  override in an app is not needed. */
38807
- .cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
38898
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
38808
38899
  width: auto;
38809
38900
  margin: 0;
38810
38901
  padding: 0;
38811
38902
  text-align: start;
38812
38903
  color: var(--color-text-maxcontrast);
38813
38904
  }
38814
- .cn-facts-widget__value.cn-facts-widget__value[data-v-4fd0d81c] {
38905
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-1b8f8e6f] {
38815
38906
  margin: 0;
38816
38907
  padding: 0;
38817
38908
  text-align: start;
@@ -38819,56 +38910,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38819
38910
  min-width: 0;
38820
38911
  overflow-wrap: anywhere;
38821
38912
  }
38822
- .cn-facts-widget__title[data-v-4fd0d81c] {
38913
+ .cn-facts-widget__title[data-v-1b8f8e6f] {
38823
38914
  font-size: 15px;
38824
38915
  font-weight: 600;
38825
38916
  color: var(--color-main-text);
38826
38917
  }
38827
- .cn-facts-widget__line[data-v-4fd0d81c] {
38918
+ .cn-facts-widget__line[data-v-1b8f8e6f] {
38828
38919
  font-size: 13px;
38829
38920
  color: var(--color-text-maxcontrast);
38830
38921
  }
38831
- .cn-facts-widget__meter[data-v-4fd0d81c] {
38922
+ .cn-facts-widget__meter[data-v-1b8f8e6f] {
38832
38923
  display: flex;
38833
38924
  flex-direction: column;
38834
38925
  gap: 4px;
38835
38926
  font-size: 14px;
38836
38927
  }
38837
- .cn-facts-widget__meter-head[data-v-4fd0d81c] {
38928
+ .cn-facts-widget__meter-head[data-v-1b8f8e6f] {
38838
38929
  display: flex;
38839
38930
  justify-content: space-between;
38840
38931
  gap: 16px;
38841
38932
  }
38842
- .cn-facts-widget__meter-label[data-v-4fd0d81c] {
38933
+ .cn-facts-widget__meter-label[data-v-1b8f8e6f] {
38843
38934
  color: var(--color-text-maxcontrast);
38844
38935
  }
38845
- .cn-facts-widget__meter-value[data-v-4fd0d81c] {
38936
+ .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
38846
38937
  font-weight: 500;
38847
38938
  text-align: end;
38848
38939
  }
38849
- .cn-facts-widget__meter-track[data-v-4fd0d81c] {
38940
+ .cn-facts-widget__meter-track[data-v-1b8f8e6f] {
38850
38941
  height: 6px;
38851
38942
  border-radius: 3px;
38852
38943
  background: var(--color-background-darker);
38853
38944
  overflow: hidden;
38854
38945
  }
38855
- .cn-facts-widget__meter-bar[data-v-4fd0d81c] {
38946
+ .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
38856
38947
  display: block;
38857
38948
  height: 100%;
38858
38949
  border-radius: inherit;
38859
38950
  background: var(--color-primary-element);
38860
38951
  }
38861
- .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-4fd0d81c] {
38952
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
38862
38953
  color: var(--color-error-text);
38863
38954
  }
38864
- .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-4fd0d81c] {
38955
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
38865
38956
  background: var(--color-error);
38866
38957
  }
38867
- .cn-facts-widget__muted[data-v-4fd0d81c] {
38958
+ .cn-facts-widget__muted[data-v-1b8f8e6f] {
38868
38959
  margin: 0;
38869
38960
  color: var(--color-text-maxcontrast);
38870
38961
  }
38871
- .cn-facts-widget__label .hidden-visually[data-v-4fd0d81c] {
38962
+ .cn-facts-widget__label .hidden-visually[data-v-1b8f8e6f] {
38872
38963
  clip-path: inset(50%);
38873
38964
  height: 1px;
38874
38965
  overflow: hidden;
@@ -38876,23 +38967,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38876
38967
  white-space: nowrap;
38877
38968
  width: 1px;
38878
38969
  }
38879
- .cn-facts-widget__label--icon[data-v-4fd0d81c] {
38970
+ .cn-facts-widget__label--icon[data-v-1b8f8e6f] {
38880
38971
  align-items: center;
38881
38972
  display: flex;
38882
38973
  }
38883
- .cn-facts-widget__value-link[data-v-4fd0d81c] {
38974
+ .cn-facts-widget__value-link[data-v-1b8f8e6f] {
38884
38975
  color: var(--color-primary-element);
38885
38976
  text-decoration: underline;
38886
38977
  }
38887
- .cn-facts-widget__inline-button[data-v-4fd0d81c],
38888
- .cn-facts-widget__icon-button[data-v-4fd0d81c],
38889
- .cn-facts-widget__action[data-v-4fd0d81c] {
38978
+ .cn-facts-widget__inline-button[data-v-1b8f8e6f],
38979
+ .cn-facts-widget__icon-button[data-v-1b8f8e6f],
38980
+ .cn-facts-widget__action[data-v-1b8f8e6f] {
38890
38981
  align-items: center;
38891
38982
  cursor: pointer;
38892
38983
  display: inline-flex;
38893
38984
  font: inherit;
38894
38985
  }
38895
- .cn-facts-widget__inline-button[data-v-4fd0d81c] {
38986
+ .cn-facts-widget__reveal-error[data-v-1b8f8e6f] {
38987
+ font-size: 13px;
38988
+ color: var(--color-text-error, var(--color-error));
38989
+ }
38990
+ .cn-facts-widget__inline-button[data-v-1b8f8e6f] {
38896
38991
  background: var(--color-main-background);
38897
38992
  border: 1px solid var(--color-border-dark);
38898
38993
  border-radius: 16px;
@@ -38904,7 +38999,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38904
38999
  min-height: 30px;
38905
39000
  padding: 0 10px;
38906
39001
  }
38907
- .cn-facts-widget__icon-button[data-v-4fd0d81c] {
39002
+ .cn-facts-widget__icon-button[data-v-1b8f8e6f] {
38908
39003
  background: transparent;
38909
39004
  border: 0;
38910
39005
  border-radius: 6px;
@@ -38913,23 +39008,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38913
39008
  padding: 2px;
38914
39009
  vertical-align: middle;
38915
39010
  }
38916
- .cn-facts-widget__icon-button[data-v-4fd0d81c]:hover,
38917
- .cn-facts-widget__icon-button[data-v-4fd0d81c]:focus-visible {
39011
+ .cn-facts-widget__icon-button[data-v-1b8f8e6f]:hover,
39012
+ .cn-facts-widget__icon-button[data-v-1b8f8e6f]:focus-visible {
38918
39013
  background: var(--color-background-hover);
38919
39014
  color: var(--color-main-text);
38920
39015
  }
38921
- .cn-facts-widget__text[data-v-4fd0d81c] {
39016
+ .cn-facts-widget__text[data-v-1b8f8e6f] {
38922
39017
  color: var(--color-main-text);
38923
39018
  font-size: 15px;
38924
39019
  }
38925
39020
 
38926
39021
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
38927
- .cn-facts-widget__lead[data-v-4fd0d81c] {
39022
+ .cn-facts-widget__lead[data-v-1b8f8e6f] {
38928
39023
  align-items: center;
38929
39024
  display: flex;
38930
39025
  gap: 12px;
38931
39026
  }
38932
- .cn-facts-widget__lead-tile[data-v-4fd0d81c] {
39027
+ .cn-facts-widget__lead-tile[data-v-1b8f8e6f] {
38933
39028
  align-items: center;
38934
39029
  background: var(--color-background-dark);
38935
39030
  border-radius: 8px;
@@ -38944,32 +39039,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38944
39039
  }
38945
39040
 
38946
39041
  /* Initials stand for a person: round, as an avatar. */
38947
- .cn-facts-widget__lead-tile--initials[data-v-4fd0d81c] {
39042
+ .cn-facts-widget__lead-tile--initials[data-v-1b8f8e6f] {
38948
39043
  border-radius: 50%;
38949
39044
  }
38950
- .cn-facts-widget__lead-tile--success[data-v-4fd0d81c] {
39045
+ .cn-facts-widget__lead-tile--success[data-v-1b8f8e6f] {
38951
39046
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
38952
39047
  border-radius: 50%;
38953
39048
  color: var(--color-success-text, var(--color-success));
38954
39049
  }
38955
- .cn-facts-widget__lead-tile--info[data-v-4fd0d81c] {
39050
+ .cn-facts-widget__lead-tile--info[data-v-1b8f8e6f] {
38956
39051
  background: var(--color-primary-element-light);
38957
39052
  border-radius: 50%;
38958
39053
  color: var(--color-primary-element-light-text, var(--color-primary-element));
38959
39054
  }
38960
- .cn-facts-widget__lead-text[data-v-4fd0d81c] {
39055
+ .cn-facts-widget__lead-text[data-v-1b8f8e6f] {
38961
39056
  display: flex;
38962
39057
  flex-direction: column;
38963
39058
  min-width: 0;
38964
39059
  }
38965
- .cn-facts-widget__lead-title[data-v-4fd0d81c] {
39060
+ .cn-facts-widget__lead-title[data-v-1b8f8e6f] {
38966
39061
  font-size: 15px;
38967
39062
  }
38968
- .cn-facts-widget__lead-subtitle[data-v-4fd0d81c] {
39063
+ .cn-facts-widget__lead-subtitle[data-v-1b8f8e6f] {
38969
39064
  color: var(--color-text-maxcontrast);
38970
39065
  font-size: 13px;
38971
39066
  }
38972
- .cn-facts-widget__action[data-v-4fd0d81c] {
39067
+ .cn-facts-widget__action[data-v-1b8f8e6f] {
38973
39068
  align-self: flex-start;
38974
39069
  background: var(--color-primary-element-light);
38975
39070
  border: 0;
@@ -38981,20 +39076,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38981
39076
  min-height: 32px;
38982
39077
  padding: 0 14px;
38983
39078
  }
38984
- .cn-facts-widget__action[data-v-4fd0d81c]:hover,
38985
- .cn-facts-widget__action[data-v-4fd0d81c]:focus-visible {
39079
+ .cn-facts-widget__action[data-v-1b8f8e6f]:hover,
39080
+ .cn-facts-widget__action[data-v-1b8f8e6f]:focus-visible {
38986
39081
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
38987
39082
  }
38988
- .cn-facts-widget__notice[data-v-4fd0d81c] {
39083
+ .cn-facts-widget__notice[data-v-1b8f8e6f] {
38989
39084
  margin: 4px 0 0;
38990
39085
  }
38991
- .cn-facts-widget__link[data-v-4fd0d81c] {
39086
+ .cn-facts-widget__link[data-v-1b8f8e6f] {
38992
39087
  font-size: 14px;
38993
39088
  font-weight: 600;
38994
39089
  color: var(--color-primary-element);
38995
39090
  text-decoration: underline;
38996
39091
  }
38997
- .cn-facts-widget__link--button[data-v-4fd0d81c] {
39092
+ .cn-facts-widget__link--button[data-v-1b8f8e6f] {
38998
39093
  display: inline-flex;
38999
39094
  align-items: center;
39000
39095
  gap: 6px;
@@ -39009,12 +39104,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39009
39104
 
39010
39105
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
39011
39106
  hairline under each fact; one column on a phone. */
39012
- .cn-facts-widget__rows--columns[data-v-4fd0d81c] {
39107
+ .cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
39013
39108
  grid-template-columns: repeat(2, minmax(0, 1fr));
39014
39109
  gap: 14px 24px;
39015
39110
  font-size: 15px;
39016
39111
  }
39017
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-4fd0d81c] {
39112
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-1b8f8e6f] {
39018
39113
  display: flex;
39019
39114
  flex-direction: column;
39020
39115
  gap: 3px;
@@ -39022,11 +39117,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39022
39117
  padding-bottom: 10px;
39023
39118
  border-bottom: 1px solid var(--color-border);
39024
39119
  }
39025
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-4fd0d81c] {
39120
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
39026
39121
  font-size: 13px;
39027
39122
  }
39028
39123
  @media (max-width: 640px) {
39029
- .cn-facts-widget__rows--columns[data-v-4fd0d81c] {
39124
+ .cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
39030
39125
  grid-template-columns: minmax(0, 1fr);
39031
39126
  }
39032
39127
  }
@@ -40463,84 +40558,84 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40463
40558
  }
40464
40559
 
40465
40560
 
40466
- .cn-record-notes[data-v-6d7ff53b] {
40561
+ .cn-record-notes[data-v-56a223c4] {
40467
40562
  display: flex;
40468
40563
  flex-direction: column;
40469
40564
  gap: 0;
40470
40565
  }
40471
- .cn-record-notes__ready[data-v-6d7ff53b] {
40566
+ .cn-record-notes__ready[data-v-56a223c4] {
40472
40567
  display: flex;
40473
40568
  align-items: baseline;
40474
40569
  gap: 6px;
40475
40570
  margin: 0 0 8px;
40476
40571
  color: var(--color-text-maxcontrast);
40477
40572
  }
40478
- .cn-record-notes__ready-figure[data-v-6d7ff53b] {
40573
+ .cn-record-notes__ready-figure[data-v-56a223c4] {
40479
40574
  font-weight: 700;
40480
40575
  color: var(--color-main-text);
40481
40576
  }
40482
- .cn-record-notes__row[data-v-6d7ff53b] {
40577
+ .cn-record-notes__row[data-v-56a223c4] {
40483
40578
  display: flex;
40484
40579
  flex-direction: column;
40485
40580
  gap: 10px;
40486
40581
  padding: 14px 0;
40487
40582
  border-top: 1px solid var(--color-border);
40488
40583
  }
40489
- .cn-record-notes__head[data-v-6d7ff53b] {
40584
+ .cn-record-notes__head[data-v-56a223c4] {
40490
40585
  display: flex;
40491
40586
  flex-wrap: wrap;
40492
40587
  align-items: center;
40493
40588
  gap: 8px;
40494
40589
  }
40495
- .cn-record-notes__title[data-v-6d7ff53b] {
40590
+ .cn-record-notes__title[data-v-56a223c4] {
40496
40591
  font-weight: 600;
40497
40592
  color: var(--color-main-text);
40498
40593
  }
40499
- .cn-record-notes__title--link[data-v-6d7ff53b] {
40594
+ .cn-record-notes__title--link[data-v-56a223c4] {
40500
40595
  text-decoration: underline;
40501
40596
  }
40502
- .cn-record-notes__meta[data-v-6d7ff53b] {
40597
+ .cn-record-notes__meta[data-v-56a223c4] {
40503
40598
  color: var(--color-text-maxcontrast);
40504
40599
  font-size: 13px;
40505
40600
  }
40506
- .cn-record-notes__spacer[data-v-6d7ff53b] {
40601
+ .cn-record-notes__spacer[data-v-56a223c4] {
40507
40602
  flex: 1 1 auto;
40508
40603
  }
40509
- .cn-record-notes__due[data-v-6d7ff53b] {
40604
+ .cn-record-notes__due[data-v-56a223c4] {
40510
40605
  font-weight: 600;
40511
40606
  }
40512
- .cn-record-notes__due--error[data-v-6d7ff53b] {
40607
+ .cn-record-notes__due--error[data-v-56a223c4] {
40513
40608
  color: var(--color-error-text);
40514
40609
  }
40515
- .cn-record-notes__due--warning[data-v-6d7ff53b] {
40610
+ .cn-record-notes__due--warning[data-v-56a223c4] {
40516
40611
  color: var(--color-warning-text);
40517
40612
  }
40518
- .cn-record-notes__due--muted[data-v-6d7ff53b] {
40613
+ .cn-record-notes__due--muted[data-v-56a223c4] {
40519
40614
  color: var(--color-text-maxcontrast);
40520
40615
  font-weight: 400;
40521
40616
  }
40522
- .cn-record-notes__fields[data-v-6d7ff53b] {
40617
+ .cn-record-notes__fields[data-v-56a223c4] {
40523
40618
  display: flex;
40524
40619
  flex-wrap: wrap;
40525
40620
  align-items: flex-end;
40526
40621
  gap: 10px;
40527
40622
  }
40528
- .cn-record-notes__field[data-v-6d7ff53b] {
40623
+ .cn-record-notes__field[data-v-56a223c4] {
40529
40624
  flex: 1 1 260px;
40530
40625
  }
40531
- .cn-record-notes__leaf[data-v-6d7ff53b] {
40626
+ .cn-record-notes__leaf[data-v-56a223c4] {
40532
40627
  flex: 0 0 auto;
40533
40628
  }
40534
- .cn-record-notes__leaf-missing[data-v-6d7ff53b],
40535
- .cn-record-notes__error[data-v-6d7ff53b] {
40629
+ .cn-record-notes__leaf-missing[data-v-56a223c4],
40630
+ .cn-record-notes__error[data-v-56a223c4] {
40536
40631
  margin: 0;
40537
40632
  color: var(--color-text-maxcontrast);
40538
40633
  font-size: 13px;
40539
40634
  }
40540
- .cn-record-notes__error[data-v-6d7ff53b] {
40635
+ .cn-record-notes__error[data-v-56a223c4] {
40541
40636
  color: var(--color-error-text);
40542
40637
  }
40543
- .cn-record-notes__all[data-v-6d7ff53b] {
40638
+ .cn-record-notes__all[data-v-56a223c4] {
40544
40639
  display: flex;
40545
40640
  flex-wrap: wrap;
40546
40641
  align-items: center;
@@ -40550,15 +40645,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40550
40645
  padding-top: 14px;
40551
40646
  border-top: 1px solid var(--color-border);
40552
40647
  }
40553
- .cn-record-notes__all-title[data-v-6d7ff53b] {
40648
+ .cn-record-notes__all-title[data-v-56a223c4] {
40554
40649
  margin: 0;
40555
40650
  font-size: 16px;
40556
40651
  }
40557
- .cn-record-notes__all-sentence[data-v-6d7ff53b] {
40652
+ .cn-record-notes__all-sentence[data-v-56a223c4] {
40558
40653
  margin: 4px 0 0;
40559
40654
  color: var(--color-text-maxcontrast);
40560
40655
  }
40561
- .cn-record-notes__all-actions[data-v-6d7ff53b] {
40656
+ .cn-record-notes__all-actions[data-v-56a223c4] {
40562
40657
  display: flex;
40563
40658
  gap: 8px;
40564
40659
  }