@conduction/nextcloud-vue 2.114.0 → 2.115.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 (118) hide show
  1. package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue.js +1 -1
  2. package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue2.js +1 -1
  3. package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue2.js.map +1 -1
  4. package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue3.js.map +1 -1
  5. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  6. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +6 -2
  7. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  8. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  9. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue.js +1 -1
  10. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js +2 -1
  11. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js.map +1 -1
  12. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue3.js.map +1 -1
  13. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
  14. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +19 -2
  15. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
  16. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js +22 -3
  17. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
  18. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  19. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js +2 -2
  20. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  21. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  22. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +37 -1
  23. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  24. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  25. package/dist/esm/components/CnIndexPage/rowsToCsv.js +90 -0
  26. package/dist/esm/components/CnIndexPage/rowsToCsv.js.map +1 -0
  27. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue.js +9 -0
  28. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue.js.map +1 -0
  29. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js +161 -0
  30. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js.map +1 -0
  31. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js +97 -0
  32. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js.map +1 -0
  33. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue.js +9 -0
  34. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue.js.map +1 -0
  35. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue2.js +63 -0
  36. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue2.js.map +1 -0
  37. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue3.js +54 -0
  38. package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue3.js.map +1 -0
  39. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
  40. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js +15 -9
  41. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
  42. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js +55 -63
  43. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
  44. package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue.js +1 -1
  45. package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue2.js +2 -1
  46. package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue2.js.map +1 -1
  47. package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue3.js.map +1 -1
  48. package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue.js +1 -1
  49. package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue2.js +13 -4
  50. package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue2.js.map +1 -1
  51. package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue3.js +2 -1
  52. package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue3.js.map +1 -1
  53. package/dist/esm/components/CnStepper/CnStepper.vue.js +1 -1
  54. package/dist/esm/components/CnStepper/CnStepper.vue2.js.map +1 -1
  55. package/dist/esm/components/CnStepper/CnStepper.vue3.js.map +1 -1
  56. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue.js +1 -1
  57. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js +10 -5
  58. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js.map +1 -1
  59. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js +1 -1
  60. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js.map +1 -1
  61. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue.js +1 -1
  62. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js.map +1 -1
  63. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js +2 -2
  64. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js.map +1 -1
  65. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js +32 -20
  66. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js.map +1 -1
  67. package/dist/esm/composables/indexSources.js +43 -11
  68. package/dist/esm/composables/indexSources.js.map +1 -1
  69. package/dist/esm/composables/useTaskInboxStore.js +41 -0
  70. package/dist/esm/composables/useTaskInboxStore.js.map +1 -1
  71. package/dist/esm/index.js +1 -0
  72. package/dist/esm/index.js.map +1 -1
  73. package/dist/esm/l10n/en.json.js +4 -1
  74. package/dist/esm/l10n/en.json.js.map +1 -1
  75. package/dist/esm/l10n/nl.json.js +9 -1
  76. package/dist/esm/l10n/nl.json.js.map +1 -1
  77. package/dist/esm/library-style.js +1 -1
  78. package/dist/esm/nextcloud-vue.css +482 -330
  79. package/dist/esm/utils/contentHeaderLink.js +37 -1
  80. package/dist/esm/utils/contentHeaderLink.js.map +1 -1
  81. package/dist/esm/utils/declaredMacros.js +31 -0
  82. package/dist/esm/utils/declaredMacros.js.map +1 -0
  83. package/dist/esm/utils/libraryWidgetKeys.js +1 -0
  84. package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
  85. package/dist/nextcloud-vue.cjs.js +2673 -1977
  86. package/dist/nextcloud-vue.cjs.js.map +2 -2
  87. package/dist/nextcloud-vue.css +482 -330
  88. package/l10n/en.json +4 -1
  89. package/l10n/nl.json +9 -1
  90. package/package.json +1 -1
  91. package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue +1 -1
  92. package/src/components/CnCellRenderer/CnCellRenderer.vue +6 -2
  93. package/src/components/CnChoiceCards/CnChoiceCards.vue +2 -1
  94. package/src/components/CnDashboardPage/CnDashboardPage.vue +45 -3
  95. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +2 -2
  96. package/src/components/CnIndexPage/CnIndexPage.vue +37 -1
  97. package/src/components/CnIndexPage/rowsToCsv.js +87 -0
  98. package/src/components/CnMacrosWidget/CnMacrosWidget.md +30 -0
  99. package/src/components/CnMacrosWidget/CnMacrosWidget.vue +266 -0
  100. package/src/components/CnMacrosWidget/index.js +6 -0
  101. package/src/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue +104 -0
  102. package/src/components/CnRetentionWidget/CnRetentionWidget.vue +53 -38
  103. package/src/components/CnSegmentedControl/CnSegmentedControl.vue +2 -1
  104. package/src/components/CnSetupWizard/CnSetupWizard.vue +28 -4
  105. package/src/components/CnStepper/CnStepper.vue +2 -1
  106. package/src/components/CnTabsWidget/CnTabsWidget.vue +11 -6
  107. package/src/components/CnTasksWidget/CnTasksWidget.vue +2 -2
  108. package/src/components/CnWidgetGrid/registerDashboardWidgets.js +12 -0
  109. package/src/components/index.js +1 -0
  110. package/src/composables/indexSources.js +43 -11
  111. package/src/composables/useTaskInboxStore.js +41 -0
  112. package/src/css/look-board-detail.css +4 -3
  113. package/src/css/look-board-index.css +62 -0
  114. package/src/css/look-board.css +20 -0
  115. package/src/index.js +1 -0
  116. package/src/utils/contentHeaderLink.js +35 -0
  117. package/src/utils/declaredMacros.js +28 -0
  118. package/src/utils/libraryWidgetKeys.js +1 -0
@@ -1688,6 +1688,26 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1688
1688
  padding: 4px var(--cn-board-dashboard-card-inset) 20px;
1689
1689
  }
1690
1690
 
1691
+ /* An ApexCharts plot takes the same inset as an HTML chart (DqDoorlooptijd
1692
+ "Gemiddelde doorlooptijd per maand": the plot 23px in, not on the card's
1693
+ edge). ApexCharts sizes itself to its box minus the box's padding, so the
1694
+ plot shrinks into the inset instead of overflowing it. A footnote under the
1695
+ plot carries the bottom inset in its place.
1696
+ @spec openspec/changes/board-dashboard-chart-inset/specs/board-dashboard-chart-inset/spec.md#requirement-a-board-dashboard-plot-keeps-the-cards-inset */
1697
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget__canvas {
1698
+ box-sizing: border-box;
1699
+ padding: 4px var(--cn-board-dashboard-card-inset) 20px;
1700
+ }
1701
+
1702
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget__canvas:has(+ .cn-chart-widget__footnote) {
1703
+ padding-bottom: 0;
1704
+ }
1705
+
1706
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget > .cn-chart-widget__footnote {
1707
+ padding: 0 var(--cn-board-dashboard-card-inset) 20px;
1708
+ font-size: 13px;
1709
+ }
1710
+
1691
1711
  /* An activity item pads itself 4px, so the body takes 4px less. */
1692
1712
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-nc-widget-widget__body {
1693
1713
  padding: 0 calc(var(--cn-board-dashboard-card-inset) - 4px) 16px;
@@ -2845,6 +2865,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2845
2865
  color: var(--color-text-maxcontrast);
2846
2866
  }
2847
2867
 
2868
+ /* The breadcrumb row stays under the title, in the title's column, with a
2869
+ count line below it. Unplaced, the trail took the next free cell: beside
2870
+ the count line, under the header buttons (DqZaaktypen).
2871
+ @spec openspec/changes/index-count-subtitle-keeps-crumb-row/specs/index-count-subtitle-keeps-crumb-row/spec.md#requirement-the-breadcrumb-row-stays-under-the-title */
2872
+ .cn-look-board .cn-index-page .cn-page-header .cn-header-trail {
2873
+ grid-column: 1;
2874
+ grid-row: 2;
2875
+ }
2876
+
2877
+ .cn-look-board .cn-index-page .cn-page-header .cn-header-trail ~ .cn-page-header__description {
2878
+ grid-row: 3;
2879
+ }
2880
+
2848
2881
  .cn-look-board .cn-index-page .cn-page-header .cn-index-page__header-buttons {
2849
2882
  grid-column: 2;
2850
2883
  grid-row: 1;
@@ -4087,6 +4120,55 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
4087
4120
  font-weight: 600;
4088
4121
  }
4089
4122
 
4123
+ /* The folder rows as the board draws them (DqAfdelingen), like a tree menu's
4124
+ folder rows: 8px 10px, an 8px corner, 14px at 400 without a folder icon,
4125
+ each level 18px further in inside the row so the highlight spans the pane,
4126
+ the open folder on the primary tint in the deep primary at 700. The weight
4127
+ goes through the theme's button token too: a row is a button, and the
4128
+ nldesign theme sets every button's weight with `!important`.
4129
+ @spec openspec/changes/board-folder-pane-rows/specs/board-folder-pane-rows/spec.md#requirement-a-board-folder-pane-draws-the-boards-folder-rows */
4130
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children {
4131
+ padding-inline-start: 0;
4132
+ }
4133
+
4134
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item,
4135
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all {
4136
+ --nldesign-component-button-font-weight: 400;
4137
+ min-height: 36px;
4138
+ margin: 0;
4139
+ padding: 8px 10px;
4140
+ border-radius: 8px;
4141
+ color: var(--color-main-text);
4142
+ font-size: 14px;
4143
+ font-weight: 400;
4144
+ }
4145
+
4146
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__item {
4147
+ padding-inline-start: 28px;
4148
+ }
4149
+
4150
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__item {
4151
+ padding-inline-start: 46px;
4152
+ }
4153
+
4154
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__item {
4155
+ padding-inline-start: 64px;
4156
+ }
4157
+
4158
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item > :not(.cn-folder-tree__name):not(.cn-folder-tree__count),
4159
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all > :not(.cn-folder-sidebar__all-label) {
4160
+ display: none;
4161
+ }
4162
+
4163
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item--active,
4164
+ .cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all--active {
4165
+ --nldesign-component-button-font-weight: 700;
4166
+ --nldesign-color-on-surface: var(--color-primary-element-light-text);
4167
+ background-color: var(--color-primary-element-light);
4168
+ color: var(--color-primary-element-light-text);
4169
+ font-weight: 700;
4170
+ }
4171
+
4090
4172
  /* The selected folder's heading above the list: a 20px title over a soft line. */
4091
4173
  .cn-look-board .cn-index-page__scope-heading {
4092
4174
  margin-bottom: 16px;
@@ -9352,9 +9434,10 @@ li[data-cn-admin-tag] > .action-link::after {
9352
9434
  /* ---- The archiving card (CnRetentionWidget, DqZaakArchivering) ----------- */
9353
9435
  /* The board titles it 17px at 1.2 with a 14px muted line 3px under it, and
9354
9436
  draws each fact as a 13px label over a 15px value at 500 above a hairline.
9355
- The inset is the board card's own, from the panel around it.
9437
+ "Recompute nomination" sits at the header's end. The inset is the board
9438
+ card's own, from the panel around it.
9356
9439
  @spec openspec/changes/board-retention-card/specs/board-retention-card/spec.md#requirement-the-archiving-card-is-drawn-as-the-board-draws-it */
9357
- .cn-look-board .cn-retention .cn-retention__head {
9440
+ .cn-look-board .cn-retention .cn-retention__head-text {
9358
9441
  gap: 3px;
9359
9442
  }
9360
9443
 
@@ -9363,7 +9446,7 @@ li[data-cn-admin-tag] > .action-link::after {
9363
9446
  line-height: 1.2;
9364
9447
  }
9365
9448
 
9366
- .cn-look-board .cn-retention .cn-retention__head .cn-retention__muted {
9449
+ .cn-look-board .cn-retention .cn-retention__head-text .cn-retention__muted {
9367
9450
  font-size: 14px;
9368
9451
  }
9369
9452
 
@@ -12992,6 +13075,44 @@ a.cn-document-review-list__name[data-v-83ccc260] {
12992
13075
  padding: calc(5 * var(--default-grid-baseline));
12993
13076
  }
12994
13077
 
13078
+
13079
+ .cn-macros-widget[data-v-982c6094] {
13080
+ display: flex;
13081
+ flex-direction: column;
13082
+ gap: 12px;
13083
+ }
13084
+ .cn-macros-widget__description[data-v-982c6094],
13085
+ .cn-macros-widget__muted[data-v-982c6094] {
13086
+ margin: 0;
13087
+ color: var(--color-text-maxcontrast);
13088
+ }
13089
+ .cn-macros-widget__list[data-v-982c6094] {
13090
+ margin: 0;
13091
+ padding: 0;
13092
+ list-style: none;
13093
+ }
13094
+ .cn-macros-widget__row[data-v-982c6094] {
13095
+ display: flex;
13096
+ align-items: center;
13097
+ justify-content: space-between;
13098
+ gap: 12px;
13099
+ padding-block: 10px;
13100
+ border-top: 1px solid var(--color-border);
13101
+ }
13102
+ .cn-macros-widget__text[data-v-982c6094] {
13103
+ display: flex;
13104
+ flex-direction: column;
13105
+ gap: 2px;
13106
+ min-width: 0;
13107
+ }
13108
+ .cn-macros-widget__name[data-v-982c6094] {
13109
+ font-weight: 600;
13110
+ }
13111
+ .cn-macros-widget__hint[data-v-982c6094] {
13112
+ color: var(--color-text-maxcontrast);
13113
+ font-size: 13px;
13114
+ }
13115
+
12995
13116
  /* required styles */
12996
13117
 
12997
13118
  .leaflet-pane,
@@ -14094,57 +14215,57 @@ svg.leaflet-image-layer.leaflet-interactive path {
14094
14215
  }
14095
14216
 
14096
14217
 
14097
- .cn-cell-renderer__actions[data-v-c1ba202c] {
14218
+ .cn-cell-renderer__actions[data-v-036c40e0] {
14098
14219
  display: inline-flex;
14099
14220
  flex-wrap: wrap;
14100
14221
  gap: 8px;
14101
14222
  }
14102
- .cn-cell-renderer__icon-label[data-v-c1ba202c] {
14223
+ .cn-cell-renderer__icon-label[data-v-036c40e0] {
14103
14224
  display: inline-flex;
14104
14225
  align-items: center;
14105
14226
  gap: 6px;
14106
14227
  font-weight: 600;
14107
14228
  }
14108
- .cn-cell-renderer__switch[data-v-c1ba202c] {
14229
+ .cn-cell-renderer__switch[data-v-036c40e0] {
14109
14230
  display: inline-flex;
14110
14231
  }
14111
- .cn-cell-renderer__mono[data-v-c1ba202c] {
14232
+ .cn-cell-renderer__mono[data-v-036c40e0] {
14112
14233
  font-family: monospace;
14113
14234
  font-size: 13px;
14114
14235
  color: var(--color-text-maxcontrast);
14115
14236
  }
14116
- .cn-cell-renderer--uuid[data-v-c1ba202c] {
14237
+ .cn-cell-renderer--uuid[data-v-036c40e0] {
14117
14238
  font-family: monospace;
14118
14239
  font-size: 13px;
14119
14240
  color: var(--color-text-maxcontrast);
14120
14241
  }
14121
- .cn-cell-renderer--number[data-v-c1ba202c] {
14242
+ .cn-cell-renderer--number[data-v-036c40e0] {
14122
14243
  font-variant-numeric: tabular-nums;
14123
14244
  }
14124
- .cn-cell-renderer--date[data-v-c1ba202c] {
14245
+ .cn-cell-renderer--date[data-v-036c40e0] {
14125
14246
  white-space: nowrap;
14126
14247
  }
14127
- .cn-cell-renderer__dash[data-v-c1ba202c] {
14248
+ .cn-cell-renderer__dash[data-v-036c40e0] {
14128
14249
  color: var(--color-text-maxcontrast);
14129
14250
  }
14130
- .cn-cell-renderer__avatar[data-v-c1ba202c] {
14251
+ .cn-cell-renderer__avatar[data-v-036c40e0] {
14131
14252
  display: inline-flex;
14132
14253
  align-items: center;
14133
14254
  gap: 8px;
14134
14255
  max-width: 100%;
14135
14256
  vertical-align: middle;
14136
14257
  }
14137
- .cn-cell-renderer__avatar-picture[data-v-c1ba202c] {
14258
+ .cn-cell-renderer__avatar-picture[data-v-036c40e0] {
14138
14259
  display: inline-flex;
14139
14260
  flex: none;
14140
14261
  }
14141
- .cn-cell-renderer__date-block[data-v-c1ba202c] {
14262
+ .cn-cell-renderer__date-block[data-v-036c40e0] {
14142
14263
  display: inline-flex;
14143
14264
  align-items: center;
14144
14265
  gap: 12px;
14145
14266
  white-space: nowrap;
14146
14267
  }
14147
- .cn-cell-renderer__date-tile[data-v-c1ba202c] {
14268
+ .cn-cell-renderer__date-tile[data-v-036c40e0] {
14148
14269
  display: flex;
14149
14270
  flex: 0 0 46px;
14150
14271
  flex-direction: column;
@@ -14154,26 +14275,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
14154
14275
  border-radius: 8px;
14155
14276
  background-color: var(--color-background-dark);
14156
14277
  }
14157
- .cn-cell-renderer__date-day[data-v-c1ba202c] {
14278
+ .cn-cell-renderer__date-day[data-v-036c40e0] {
14158
14279
  font-size: 17px;
14159
14280
  line-height: 1;
14160
14281
  }
14161
- .cn-cell-renderer__date-month[data-v-c1ba202c],
14162
- .cn-cell-renderer__date-time[data-v-c1ba202c] {
14282
+ .cn-cell-renderer__date-month[data-v-036c40e0],
14283
+ .cn-cell-renderer__date-time[data-v-036c40e0] {
14163
14284
  color: var(--color-text-maxcontrast);
14164
14285
  }
14165
- .cn-cell-renderer__date-month[data-v-c1ba202c] {
14286
+ .cn-cell-renderer__date-month[data-v-036c40e0] {
14166
14287
  font-size: 12px;
14167
14288
  }
14168
- .cn-cell-renderer__date-lines[data-v-c1ba202c] {
14289
+ .cn-cell-renderer__date-lines[data-v-036c40e0] {
14169
14290
  display: flex;
14170
14291
  flex-direction: column;
14171
14292
  gap: 2px;
14172
14293
  }
14173
- .cn-cell-renderer__date-weekday[data-v-c1ba202c] {
14294
+ .cn-cell-renderer__date-weekday[data-v-036c40e0] {
14174
14295
  font-weight: 600;
14175
14296
  }
14176
- .cn-cell-renderer__avatar-initials[data-v-c1ba202c] {
14297
+ .cn-cell-renderer__avatar-initials[data-v-036c40e0] {
14177
14298
  display: inline-flex;
14178
14299
  flex: none;
14179
14300
  align-items: center;
@@ -14185,12 +14306,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
14185
14306
  font-weight: 700;
14186
14307
  line-height: 1;
14187
14308
  }
14188
- .cn-cell-renderer__avatar-text[data-v-c1ba202c] {
14309
+ .cn-cell-renderer__avatar-text[data-v-036c40e0] {
14189
14310
  display: flex;
14190
14311
  flex-direction: column;
14191
14312
  min-width: 0;
14192
14313
  }
14193
- .cn-cell-renderer__avatar-name[data-v-c1ba202c] {
14314
+ .cn-cell-renderer__avatar-name[data-v-036c40e0] {
14194
14315
  min-width: 0;
14195
14316
  overflow: hidden;
14196
14317
  text-overflow: ellipsis;
@@ -14200,7 +14321,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
14200
14321
  font: inherit;
14201
14322
  color: inherit;
14202
14323
  }
14203
- .cn-cell-renderer__avatar-secondary[data-v-c1ba202c] {
14324
+ .cn-cell-renderer__avatar-secondary[data-v-036c40e0] {
14204
14325
  min-width: 0;
14205
14326
  overflow: hidden;
14206
14327
  color: var(--color-text-maxcontrast);
@@ -14214,34 +14335,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
14214
14335
 
14215
14336
  /* A date that matched a rule is also set in a heavier weight, so the signal
14216
14337
  does not rest on colour alone. */
14217
- .cn-cell-renderer__date--success[data-v-c1ba202c],
14218
- .cn-cell-renderer__date--warning[data-v-c1ba202c],
14219
- .cn-cell-renderer__date--error[data-v-c1ba202c],
14220
- .cn-cell-renderer__age--success[data-v-c1ba202c],
14221
- .cn-cell-renderer__age--warning[data-v-c1ba202c],
14222
- .cn-cell-renderer__age--error[data-v-c1ba202c] {
14338
+ .cn-cell-renderer__date--success[data-v-036c40e0],
14339
+ .cn-cell-renderer__date--warning[data-v-036c40e0],
14340
+ .cn-cell-renderer__date--error[data-v-036c40e0],
14341
+ .cn-cell-renderer__age--success[data-v-036c40e0],
14342
+ .cn-cell-renderer__age--warning[data-v-036c40e0],
14343
+ .cn-cell-renderer__age--error[data-v-036c40e0] {
14223
14344
  font-weight: 600;
14224
14345
  }
14225
- .cn-cell-renderer__age[data-v-c1ba202c] {
14346
+ .cn-cell-renderer__age[data-v-036c40e0] {
14226
14347
  white-space: nowrap;
14227
14348
  }
14228
14349
 
14229
14350
  /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
14230
14351
  8px beside it in the bar's tone, and an optional age badge after them, as
14231
14352
  PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
14232
- .cn-cell-renderer__progress[data-v-c1ba202c] {
14353
+ .cn-cell-renderer__progress[data-v-036c40e0] {
14233
14354
  display: inline-flex;
14234
14355
  flex-wrap: wrap;
14235
14356
  align-items: center;
14236
14357
  gap: 4px 8px;
14237
14358
  }
14238
- .cn-cell-renderer__progress-line[data-v-c1ba202c] {
14359
+ .cn-cell-renderer__progress-line[data-v-036c40e0] {
14239
14360
  display: inline-flex;
14240
14361
  align-items: center;
14241
14362
  gap: 8px;
14242
14363
  white-space: nowrap;
14243
14364
  }
14244
- .cn-cell-renderer__progress-bar[data-v-c1ba202c] {
14365
+ .cn-cell-renderer__progress-bar[data-v-036c40e0] {
14245
14366
  display: inline-block;
14246
14367
  width: 56px;
14247
14368
  height: 8px;
@@ -14249,33 +14370,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
14249
14370
  background: var(--color-background-dark);
14250
14371
  overflow: hidden;
14251
14372
  }
14252
- .cn-cell-renderer__progress-fill[data-v-c1ba202c] {
14373
+ .cn-cell-renderer__progress-fill[data-v-036c40e0] {
14253
14374
  display: block;
14254
14375
  height: 100%;
14255
14376
  }
14256
- .cn-cell-renderer__progress-fill--success[data-v-c1ba202c] {
14377
+ .cn-cell-renderer__progress-fill--success[data-v-036c40e0] {
14257
14378
  background: var(--color-element-success, var(--color-success));
14258
14379
  }
14259
- .cn-cell-renderer__progress-fill--warning[data-v-c1ba202c] {
14380
+ .cn-cell-renderer__progress-fill--warning[data-v-036c40e0] {
14260
14381
  background: var(--color-element-warning, var(--color-warning));
14261
14382
  }
14262
- .cn-cell-renderer__progress-fill--error[data-v-c1ba202c] {
14383
+ .cn-cell-renderer__progress-fill--error[data-v-036c40e0] {
14263
14384
  background: var(--color-element-error, var(--color-error));
14264
14385
  }
14265
- .cn-cell-renderer__progress-value[data-v-c1ba202c] {
14386
+ .cn-cell-renderer__progress-value[data-v-036c40e0] {
14266
14387
  font-size: 14px;
14267
14388
  font-weight: 700;
14268
14389
  }
14269
- .cn-cell-renderer__progress-value--success[data-v-c1ba202c] {
14390
+ .cn-cell-renderer__progress-value--success[data-v-036c40e0] {
14270
14391
  color: var(--color-text-success, var(--color-success-text));
14271
14392
  }
14272
- .cn-cell-renderer__progress-value--warning[data-v-c1ba202c] {
14393
+ .cn-cell-renderer__progress-value--warning[data-v-036c40e0] {
14273
14394
  color: var(--color-text-warning, var(--color-warning-text));
14274
14395
  }
14275
- .cn-cell-renderer__progress-value--error[data-v-c1ba202c] {
14396
+ .cn-cell-renderer__progress-value--error[data-v-036c40e0] {
14276
14397
  color: var(--color-text-error, var(--color-error-text));
14277
14398
  }
14278
- .cn-cell-renderer__progress-badge[data-v-c1ba202c] {
14399
+ .cn-cell-renderer__progress-badge[data-v-036c40e0] {
14279
14400
  display: inline-block;
14280
14401
  padding: 3px 10px;
14281
14402
  border-radius: 12px;
@@ -14283,52 +14404,52 @@ svg.leaflet-image-layer.leaflet-interactive path {
14283
14404
  font-weight: 600;
14284
14405
  white-space: nowrap;
14285
14406
  }
14286
- .cn-cell-renderer__progress-badge--error[data-v-c1ba202c] {
14407
+ .cn-cell-renderer__progress-badge--error[data-v-036c40e0] {
14287
14408
  color: var(--color-text-error, var(--color-error-text));
14288
14409
  background: var(--color-error-hover, var(--color-background-dark));
14289
14410
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
14290
14411
  }
14291
- .cn-cell-renderer__progress-badge--warning[data-v-c1ba202c] {
14412
+ .cn-cell-renderer__progress-badge--warning[data-v-036c40e0] {
14292
14413
  color: var(--color-text-warning, var(--color-warning-text));
14293
14414
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
14294
14415
  }
14295
- .cn-cell-renderer__progress-badge--success[data-v-c1ba202c] {
14416
+ .cn-cell-renderer__progress-badge--success[data-v-036c40e0] {
14296
14417
  color: var(--color-text-success, var(--color-success-text));
14297
14418
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
14298
14419
  }
14299
- .cn-cell-renderer__age--success[data-v-c1ba202c] {
14420
+ .cn-cell-renderer__age--success[data-v-036c40e0] {
14300
14421
  color: var(--color-text-success, var(--color-success-text));
14301
14422
  }
14302
- .cn-cell-renderer__age--warning[data-v-c1ba202c] {
14423
+ .cn-cell-renderer__age--warning[data-v-036c40e0] {
14303
14424
  color: var(--color-text-warning, var(--color-warning-text));
14304
14425
  }
14305
- .cn-cell-renderer__age--error[data-v-c1ba202c] {
14426
+ .cn-cell-renderer__age--error[data-v-036c40e0] {
14306
14427
  color: var(--color-text-error, var(--color-error-text));
14307
14428
  }
14308
- .cn-cell-renderer__due--empty[data-v-c1ba202c] {
14429
+ .cn-cell-renderer__due--empty[data-v-036c40e0] {
14309
14430
  color: var(--color-text-maxcontrast);
14310
14431
  }
14311
- .cn-cell-renderer__date--success[data-v-c1ba202c] {
14432
+ .cn-cell-renderer__date--success[data-v-036c40e0] {
14312
14433
  color: var(--color-text-success, var(--color-success-text));
14313
14434
  }
14314
- .cn-cell-renderer__date--warning[data-v-c1ba202c] {
14435
+ .cn-cell-renderer__date--warning[data-v-036c40e0] {
14315
14436
  color: var(--color-text-warning, var(--color-warning-text));
14316
14437
  }
14317
- .cn-cell-renderer__date--error[data-v-c1ba202c] {
14438
+ .cn-cell-renderer__date--error[data-v-036c40e0] {
14318
14439
  color: var(--color-text-error, var(--color-error-text));
14319
14440
  }
14320
14441
 
14321
14442
  /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
14322
14443
  background colour and too pale for a 16px glyph on a light theme. */
14323
- .cn-cell-renderer__icon--success[data-v-c1ba202c] {
14444
+ .cn-cell-renderer__icon--success[data-v-036c40e0] {
14324
14445
  color: var(--color-text-success, var(--color-success-text, var(--color-success)));
14325
14446
  }
14326
- .cn-cell-renderer__swatch-wrap[data-v-c1ba202c] {
14447
+ .cn-cell-renderer__swatch-wrap[data-v-036c40e0] {
14327
14448
  display: inline-flex;
14328
14449
  align-items: center;
14329
14450
  gap: 8px;
14330
14451
  }
14331
- .cn-cell-renderer__swatch-dot[data-v-c1ba202c] {
14452
+ .cn-cell-renderer__swatch-dot[data-v-036c40e0] {
14332
14453
  display: inline-block;
14333
14454
  width: 12px;
14334
14455
  height: 12px;
@@ -25448,45 +25569,56 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
25448
25569
  }
25449
25570
 
25450
25571
 
25451
- .cn-retention[data-v-d883c442] {
25572
+ .cn-retention-recompute__muted[data-v-0e56b9bb] {
25573
+ margin: 0;
25574
+ color: var(--color-text-maxcontrast);
25575
+ font-size: 14px;
25576
+ }
25577
+
25578
+
25579
+ .cn-retention[data-v-170cb650] {
25452
25580
  display: flex;
25453
25581
  flex-direction: column;
25454
25582
  gap: 16px;
25455
25583
  }
25456
- .cn-retention__head[data-v-d883c442] {
25584
+ .cn-retention__head[data-v-170cb650] {
25585
+ display: flex;
25586
+ flex-wrap: wrap;
25587
+ align-items: flex-start;
25588
+ justify-content: space-between;
25589
+ gap: 10px 16px;
25590
+ }
25591
+ .cn-retention__head-text[data-v-170cb650] {
25457
25592
  display: flex;
25593
+ flex: 1 1 260px;
25458
25594
  flex-direction: column;
25459
25595
  gap: 2px;
25596
+ min-width: 0;
25460
25597
  }
25461
- .cn-retention__title[data-v-d883c442] {
25598
+ .cn-retention__title[data-v-170cb650] {
25462
25599
  margin: 0;
25463
25600
  font-size: 18px;
25464
25601
  font-weight: 700;
25465
25602
  }
25466
- .cn-retention__muted[data-v-d883c442] {
25603
+ .cn-retention__muted[data-v-170cb650] {
25467
25604
  margin: 0;
25468
25605
  color: var(--color-text-maxcontrast);
25469
25606
  }
25470
- .cn-retention__facts[data-v-d883c442] {
25607
+ .cn-retention__facts[data-v-170cb650] {
25471
25608
  display: grid;
25472
25609
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
25473
25610
  gap: 12px 24px;
25474
25611
  margin: 0;
25475
25612
  }
25476
- .cn-retention__fact dt[data-v-d883c442] {
25613
+ .cn-retention__fact dt[data-v-170cb650] {
25477
25614
  color: var(--color-text-maxcontrast);
25478
25615
  font-size: 13px;
25479
25616
  }
25480
- .cn-retention__fact dd[data-v-d883c442] {
25617
+ .cn-retention__fact dd[data-v-170cb650] {
25481
25618
  margin: 0;
25482
25619
  font-weight: 600;
25483
25620
  }
25484
- .cn-retention__recompute[data-v-d883c442] {
25485
- display: flex;
25486
- flex-direction: column;
25487
- gap: 8px;
25488
- max-width: 480px;
25489
- }
25621
+
25490
25622
 
25491
25623
 
25492
25624
  .cn-saved-view-widget[data-v-5fdff0f0] {
@@ -28082,7 +28214,7 @@ to { background-position: -200% 0;
28082
28214
  }
28083
28215
 
28084
28216
 
28085
- .cn-segmented-control[data-v-128aa2ef] {
28217
+ .cn-segmented-control[data-v-1f251ad6] {
28086
28218
  display: inline-flex;
28087
28219
  gap: 4px;
28088
28220
  max-width: 100%;
@@ -28091,16 +28223,16 @@ to { background-position: -200% 0;
28091
28223
  background-color: var(--color-background-dark);
28092
28224
  overflow-x: auto;
28093
28225
  }
28094
- .cn-segmented-control--stretch[data-v-128aa2ef] {
28226
+ .cn-segmented-control--stretch[data-v-1f251ad6] {
28095
28227
  display: flex;
28096
28228
  }
28097
- .cn-segmented-control--stretch .cn-segmented-control__option[data-v-128aa2ef] {
28229
+ .cn-segmented-control--stretch .cn-segmented-control__option[data-v-1f251ad6] {
28098
28230
  flex: 1 1 0;
28099
28231
  }
28100
28232
 
28101
28233
  /* The parent class outscores Nextcloud's server rule that gives every plain
28102
28234
  `button` a margin and a border. */
28103
- .cn-segmented-control .cn-segmented-control__option[data-v-128aa2ef] {
28235
+ .cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6] {
28104
28236
  display: inline-flex;
28105
28237
  align-items: center;
28106
28238
  justify-content: center;
@@ -28120,36 +28252,36 @@ to { background-position: -200% 0;
28120
28252
  white-space: nowrap;
28121
28253
  cursor: pointer;
28122
28254
  }
28123
- .cn-segmented-control .cn-segmented-control__option[data-v-128aa2ef]:hover {
28255
+ .cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6]:hover {
28124
28256
  background-color: var(--color-background-hover);
28125
28257
  }
28126
- .cn-segmented-control .cn-segmented-control__option[data-v-128aa2ef]:focus-visible {
28258
+ .cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6]:focus-visible {
28127
28259
  outline: 2px solid var(--color-primary-element);
28128
28260
  outline-offset: 2px;
28129
28261
  }
28130
28262
 
28131
28263
  /* The border survives forced-colours mode, which drops background and shadow. */
28132
- .cn-segmented-control .cn-segmented-control__option--checked[data-v-128aa2ef],
28133
- .cn-segmented-control .cn-segmented-control__option--checked[data-v-128aa2ef]:hover {
28264
+ .cn-segmented-control .cn-segmented-control__option--checked[data-v-1f251ad6],
28265
+ .cn-segmented-control .cn-segmented-control__option--checked[data-v-1f251ad6]:hover {
28134
28266
  border-color: var(--color-border-dark);
28135
28267
  background-color: var(--color-main-background);
28136
28268
  box-shadow: 0 1px 2px var(--color-box-shadow);
28137
28269
  }
28138
- .cn-segmented-control .cn-segmented-control__option[disabled][data-v-128aa2ef] {
28270
+ .cn-segmented-control .cn-segmented-control__option[disabled][data-v-1f251ad6] {
28139
28271
  cursor: default;
28140
28272
  opacity: 0.5;
28141
28273
  }
28142
- .cn-segmented-control__count[data-v-128aa2ef] {
28274
+ .cn-segmented-control__count[data-v-1f251ad6] {
28143
28275
  font-weight: 400;
28144
28276
  }
28145
28277
 
28146
28278
  /* Compact (screens-dashboard-parity): the board's period group. */
28147
- .cn-segmented-control.cn-segmented-control--compact[data-v-128aa2ef] {
28279
+ .cn-segmented-control.cn-segmented-control--compact[data-v-1f251ad6] {
28148
28280
  gap: 2px;
28149
28281
  padding: 3px;
28150
28282
  border-radius: 8px;
28151
28283
  }
28152
- .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-128aa2ef] {
28284
+ .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-1f251ad6] {
28153
28285
  min-height: 34px;
28154
28286
  height: 34px;
28155
28287
  padding: 0 12px;
@@ -28157,12 +28289,12 @@ to { background-position: -200% 0;
28157
28289
  font-size: 14px;
28158
28290
  font-weight: 600;
28159
28291
  }
28160
- .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--icon-only[data-v-128aa2ef] {
28292
+ .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--icon-only[data-v-1f251ad6] {
28161
28293
  min-width: 40px;
28162
28294
  padding: 0;
28163
28295
  }
28164
- .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-128aa2ef],
28165
- .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-128aa2ef]:hover {
28296
+ .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-1f251ad6],
28297
+ .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-1f251ad6]:hover {
28166
28298
  border-color: transparent;
28167
28299
  box-shadow: 0 1px 2px var(--color-box-shadow);
28168
28300
  }
@@ -28171,10 +28303,10 @@ to { background-position: -200% 0;
28171
28303
  high touch targets, and the group wraps onto a second row instead of
28172
28304
  running off the screen. */
28173
28305
  @media (max-width: 640px) {
28174
- .cn-segmented-control.cn-segmented-control--compact[data-v-128aa2ef] {
28306
+ .cn-segmented-control.cn-segmented-control--compact[data-v-1f251ad6] {
28175
28307
  flex-wrap: wrap;
28176
28308
  }
28177
- .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-128aa2ef] {
28309
+ .cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-1f251ad6] {
28178
28310
  min-height: 44px;
28179
28311
  }
28180
28312
  }
@@ -28918,7 +29050,7 @@ to { background-position: -200% 0;
28918
29050
 
28919
29051
 
28920
29052
  /* The Nextcloud look: the stacked stepper, unchanged. */
28921
- .cn-stepper[data-v-776581d4] {
29053
+ .cn-stepper[data-v-3cab4d7d] {
28922
29054
  display: flex;
28923
29055
  align-items: flex-start;
28924
29056
  justify-content: center;
@@ -28927,7 +29059,7 @@ to { background-position: -200% 0;
28927
29059
  margin: 0 0 20px;
28928
29060
  list-style: none;
28929
29061
  }
28930
- .cn-stepper__item[data-v-776581d4] {
29062
+ .cn-stepper__item[data-v-3cab4d7d] {
28931
29063
  position: relative;
28932
29064
  flex: 1 1 0;
28933
29065
  min-width: 0;
@@ -28939,7 +29071,7 @@ to { background-position: -200% 0;
28939
29071
  color: var(--color-text-maxcontrast);
28940
29072
  font-size: 0.8125rem;
28941
29073
  }
28942
- .cn-stepper__step[data-v-776581d4] {
29074
+ .cn-stepper__step[data-v-3cab4d7d] {
28943
29075
  display: flex;
28944
29076
  flex-direction: column;
28945
29077
  align-items: center;
@@ -28952,10 +29084,10 @@ to { background-position: -200% 0;
28952
29084
  color: inherit;
28953
29085
  font: inherit;
28954
29086
  }
28955
- button.cn-stepper__step[data-v-776581d4] {
29087
+ button.cn-stepper__step[data-v-3cab4d7d] {
28956
29088
  cursor: pointer;
28957
29089
  }
28958
- .cn-stepper__dot[data-v-776581d4] {
29090
+ .cn-stepper__dot[data-v-3cab4d7d] {
28959
29091
  display: inline-flex;
28960
29092
  align-items: center;
28961
29093
  justify-content: center;
@@ -28970,17 +29102,17 @@ button.cn-stepper__step[data-v-776581d4] {
28970
29102
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
28971
29103
  z-index: 1;
28972
29104
  }
28973
- .cn-wizard-dialog__progress-check[data-v-776581d4] {
29105
+ .cn-wizard-dialog__progress-check[data-v-3cab4d7d] {
28974
29106
  font-size: 16px;
28975
29107
  line-height: 1;
28976
29108
  }
28977
- .cn-stepper__label[data-v-776581d4] {
29109
+ .cn-stepper__label[data-v-3cab4d7d] {
28978
29110
  max-width: 100%;
28979
29111
  overflow: hidden;
28980
29112
  text-overflow: ellipsis;
28981
29113
  white-space: nowrap;
28982
29114
  }
28983
- .cn-stepper__connector[data-v-776581d4] {
29115
+ .cn-stepper__connector[data-v-3cab4d7d] {
28984
29116
  position: absolute;
28985
29117
  top: 17px;
28986
29118
  left: calc(50% + 21px);
@@ -28988,26 +29120,26 @@ button.cn-stepper__step[data-v-776581d4] {
28988
29120
  height: 2px;
28989
29121
  background: var(--color-border-dark);
28990
29122
  }
28991
- .cn-stepper__connector--done[data-v-776581d4] {
29123
+ .cn-stepper__connector--done[data-v-3cab4d7d] {
28992
29124
  background: var(--color-primary-element);
28993
29125
  }
28994
- .cn-stepper__item--current .cn-stepper__dot[data-v-776581d4],
28995
- .cn-stepper__item--done .cn-stepper__dot[data-v-776581d4] {
29126
+ .cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d],
29127
+ .cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
28996
29128
  border-color: var(--color-primary-element);
28997
29129
  background: var(--color-primary-element);
28998
29130
  color: var(--color-primary-element-text, #fff);
28999
29131
  }
29000
- .cn-stepper__item--current .cn-stepper__label[data-v-776581d4] {
29132
+ .cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
29001
29133
  color: var(--color-main-text);
29002
29134
  font-weight: 600;
29003
29135
  }
29004
- .cn-stepper__item--done .cn-stepper__label[data-v-776581d4] {
29136
+ .cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
29005
29137
  color: var(--color-main-text);
29006
29138
  }
29007
- .cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-776581d4] {
29139
+ .cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-3cab4d7d] {
29008
29140
  color: var(--color-primary-element);
29009
29141
  }
29010
- .cn-stepper__sr[data-v-776581d4] {
29142
+ .cn-stepper__sr[data-v-3cab4d7d] {
29011
29143
  position: absolute;
29012
29144
  width: 1px;
29013
29145
  height: 1px;
@@ -29018,15 +29150,16 @@ button.cn-stepper__step[data-v-776581d4] {
29018
29150
  }
29019
29151
 
29020
29152
  /* The board look: one row, 28px circles, the label beside the circle. */
29021
- .cn-stepper--board[data-v-776581d4] {
29153
+ /* The board leaves 20px between the stepper and the step's body (DqInstellen). */
29154
+ .cn-stepper--board[data-v-3cab4d7d] {
29022
29155
  flex-wrap: wrap;
29023
29156
  align-items: center;
29024
29157
  justify-content: flex-start;
29025
29158
  gap: 8px;
29026
29159
  padding: 0;
29027
- margin: 0;
29160
+ margin: 0 0 20px;
29028
29161
  }
29029
- .cn-stepper--board .cn-stepper__item[data-v-776581d4] {
29162
+ .cn-stepper--board .cn-stepper__item[data-v-3cab4d7d] {
29030
29163
  flex: 0 1 auto;
29031
29164
  flex-direction: row;
29032
29165
  align-items: center;
@@ -29034,67 +29167,67 @@ button.cn-stepper__step[data-v-776581d4] {
29034
29167
  max-width: none;
29035
29168
  font-size: 14px;
29036
29169
  }
29037
- .cn-stepper--board .cn-stepper__item[data-v-776581d4]:not(:last-child) {
29170
+ .cn-stepper--board .cn-stepper__item[data-v-3cab4d7d]:not(:last-child) {
29038
29171
  flex: 1 1 auto;
29039
29172
  }
29040
- .cn-stepper--board .cn-stepper__step[data-v-776581d4] {
29173
+ .cn-stepper--board .cn-stepper__step[data-v-3cab4d7d] {
29041
29174
  flex-direction: row;
29042
29175
  gap: 8px;
29043
29176
  }
29044
- .cn-stepper--board .cn-stepper__dot[data-v-776581d4] {
29177
+ .cn-stepper--board .cn-stepper__dot[data-v-3cab4d7d] {
29045
29178
  flex: 0 0 auto;
29046
29179
  width: 28px;
29047
29180
  height: 28px;
29048
29181
  font-size: 14px;
29049
29182
  }
29050
- .cn-stepper--board .cn-stepper__label[data-v-776581d4] {
29183
+ .cn-stepper--board .cn-stepper__label[data-v-3cab4d7d] {
29051
29184
  overflow: visible;
29052
29185
  text-overflow: clip;
29053
29186
  white-space: nowrap;
29054
29187
  font-size: 14px;
29055
29188
  }
29056
- .cn-stepper--board .cn-stepper__connector[data-v-776581d4] {
29189
+ .cn-stepper--board .cn-stepper__connector[data-v-3cab4d7d] {
29057
29190
  position: static;
29058
29191
  flex: 1 1 24px;
29059
29192
  min-width: 16px;
29060
29193
  height: 2px;
29061
29194
  background: var(--color-border);
29062
29195
  }
29063
- .cn-stepper--board .cn-stepper__connector--done[data-v-776581d4] {
29196
+ .cn-stepper--board .cn-stepper__connector--done[data-v-3cab4d7d] {
29064
29197
  background: var(--color-success);
29065
29198
  }
29066
29199
 
29067
29200
  /* Done: filled success circle, 16px check, secondary label. */
29068
- .cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-776581d4] {
29201
+ .cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
29069
29202
  border-color: var(--color-success);
29070
29203
  background: var(--color-success);
29071
29204
  color: var(--color-success-text, #fff);
29072
29205
  }
29073
- .cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-776581d4] {
29206
+ .cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
29074
29207
  color: var(--cn-board-text-soft, var(--color-main-text));
29075
29208
  font-weight: 400;
29076
29209
  }
29077
29210
 
29078
29211
  /* Current: filled primary, number 14/700, label 14/700 in the main text colour. */
29079
- .cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-776581d4] {
29212
+ .cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d] {
29080
29213
  border-color: var(--color-primary-element);
29081
29214
  background: var(--color-primary-element);
29082
29215
  color: var(--color-primary-element-text, #fff);
29083
29216
  font-weight: 700;
29084
29217
  }
29085
- .cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-776581d4] {
29218
+ .cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
29086
29219
  color: var(--color-main-text);
29087
29220
  font-weight: 700;
29088
29221
  }
29089
29222
 
29090
29223
  /* Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */
29091
- .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-776581d4] {
29224
+ .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-3cab4d7d] {
29092
29225
  border: 2px solid var(--color-border-dark);
29093
29226
  background: transparent;
29094
29227
  color: var(--color-text-maxcontrast);
29095
29228
  font-weight: 600;
29096
29229
  }
29097
- .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-776581d4] {
29230
+ .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-3cab4d7d] {
29098
29231
  color: var(--color-text-maxcontrast);
29099
29232
  }
29100
29233
 
@@ -29255,7 +29388,7 @@ button.cn-stepper__step[data-v-776581d4] {
29255
29388
  }
29256
29389
 
29257
29390
 
29258
- .cn-detail-page__catalog-action[data-v-0310d1e2] {
29391
+ .cn-detail-page__catalog-action[data-v-48ca1d43] {
29259
29392
  align-items: center;
29260
29393
  background: var(--color-primary-element-light);
29261
29394
  border: 0;
@@ -29274,15 +29407,15 @@ button.cn-stepper__step[data-v-776581d4] {
29274
29407
 
29275
29408
  /* A leaf card in a narrow cell keeps its title and count: the title row
29276
29409
  wraps and the actions move under it instead of squeezing the title out. */
29277
- .cn-detail-page__leaf-card[data-v-0310d1e2] .cn-widget-wrapper__header {
29410
+ .cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header {
29278
29411
  flex-wrap: wrap;
29279
29412
  }
29280
- .cn-detail-page__leaf-card[data-v-0310d1e2] .cn-widget-wrapper__header-left {
29413
+ .cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header-left {
29281
29414
  flex: 1 0 auto;
29282
29415
  }
29283
29416
 
29284
29417
  /* The count beside a card title: the grey 20px badge of the tab strip. */
29285
- .cn-detail-page__catalog-count[data-v-0310d1e2] {
29418
+ .cn-detail-page__catalog-count[data-v-48ca1d43] {
29286
29419
  background-color: var(--color-border);
29287
29420
  border-radius: 10px;
29288
29421
  box-sizing: border-box;
@@ -29295,19 +29428,19 @@ button.cn-stepper__step[data-v-776581d4] {
29295
29428
  padding: 0 6px;
29296
29429
  text-align: center;
29297
29430
  }
29298
- .cn-detail-page__catalog-note[data-v-0310d1e2] {
29431
+ .cn-detail-page__catalog-note[data-v-48ca1d43] {
29299
29432
  color: var(--color-text-maxcontrast);
29300
29433
  font-size: 14px;
29301
29434
  white-space: nowrap;
29302
29435
  }
29303
- .cn-detail-widget-host[data-v-0310d1e2],
29304
- .cn-detail-widget-host[data-v-0310d1e2] > * {
29436
+ .cn-detail-widget-host[data-v-48ca1d43],
29437
+ .cn-detail-widget-host[data-v-48ca1d43] > * {
29305
29438
  height: 100%;
29306
29439
  }
29307
29440
 
29308
29441
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
29309
29442
  scroll, rather than growing a second scroll region of its own. */
29310
- .cn-detail-widget-host--bare[data-v-0310d1e2] {
29443
+ .cn-detail-widget-host--bare[data-v-48ca1d43] {
29311
29444
  min-height: 0;
29312
29445
  }
29313
29446
 
@@ -29646,22 +29779,22 @@ button.cn-stepper__step[data-v-776581d4] {
29646
29779
 
29647
29780
 
29648
29781
  /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
29649
- .cn-tabs-widget__panel-heading[data-v-76c1ee55] {
29782
+ .cn-tabs-widget__panel-heading[data-v-029f78ce] {
29650
29783
  display: flex;
29651
29784
  flex-direction: column;
29652
29785
  gap: 4px;
29653
29786
  margin-bottom: 16px;
29654
29787
  }
29655
- .cn-tabs-widget__panel-title[data-v-76c1ee55] {
29788
+ .cn-tabs-widget__panel-title[data-v-029f78ce] {
29656
29789
  margin: 0;
29657
29790
  font-size: 17px;
29658
29791
  font-weight: 700;
29659
29792
  }
29660
- .cn-tabs-widget__panel-subtitle[data-v-76c1ee55] {
29793
+ .cn-tabs-widget__panel-subtitle[data-v-029f78ce] {
29661
29794
  font-size: 14px;
29662
29795
  color: var(--color-text-maxcontrast);
29663
29796
  }
29664
- .cn-tabs-widget__stack[data-v-76c1ee55] {
29797
+ .cn-tabs-widget__stack[data-v-029f78ce] {
29665
29798
  display: flex;
29666
29799
  flex-direction: column;
29667
29800
  gap: 20px;
@@ -29670,19 +29803,19 @@ button.cn-stepper__step[data-v-776581d4] {
29670
29803
  /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
29671
29804
  onto the next row, a row's cards as tall as the tallest. Narrow, it is the
29672
29805
  plain stack again. */
29673
- .cn-tabs-widget__stack--grid[data-v-76c1ee55] {
29806
+ .cn-tabs-widget__stack--grid[data-v-029f78ce] {
29674
29807
  display: grid;
29675
29808
  grid-template-columns: repeat(12, minmax(0, 1fr));
29676
29809
  align-items: stretch;
29677
29810
  }
29678
- .cn-tabs-widget__stack--grid[data-v-76c1ee55] > * {
29811
+ .cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
29679
29812
  min-width: 0;
29680
29813
  }
29681
29814
  @media (max-width: 700px) {
29682
- .cn-tabs-widget__stack--grid[data-v-76c1ee55] {
29815
+ .cn-tabs-widget__stack--grid[data-v-029f78ce] {
29683
29816
  grid-template-columns: minmax(0, 1fr);
29684
29817
  }
29685
- .cn-tabs-widget__stack--grid[data-v-76c1ee55] > * {
29818
+ .cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
29686
29819
  grid-column: auto !important;
29687
29820
  }
29688
29821
  }
@@ -29716,7 +29849,7 @@ button.cn-stepper__step[data-v-776581d4] {
29716
29849
  `!important` or on load order this library does not control. The same
29717
29850
  technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
29718
29851
  in CnTabs to beat Nextcloud's own button margin. */
29719
- .cn-tabs-widget.cn-tabs-widget[data-v-76c1ee55] {
29852
+ .cn-tabs-widget.cn-tabs-widget[data-v-029f78ce] {
29720
29853
  background-color: transparent;
29721
29854
  border: 0;
29722
29855
  border-radius: 0;
@@ -29740,12 +29873,12 @@ button.cn-stepper__step[data-v-776581d4] {
29740
29873
  below it: the rule ran straight on to the widget's edge and read as a
29741
29874
  border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
29742
29875
  where the curve begins makes the rule and the curve one continuous edge. */
29743
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tabs__bar {
29876
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar {
29744
29877
  border-bottom: none;
29745
29878
  padding: 0;
29746
29879
  position: relative;
29747
29880
  }
29748
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tabs__bar::after {
29881
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar::after {
29749
29882
  border-bottom: 1px solid var(--color-border);
29750
29883
  content: '';
29751
29884
  inset-block-end: 0;
@@ -29758,11 +29891,11 @@ button.cn-stepper__step[data-v-776581d4] {
29758
29891
  own background-coloured bottom edge, which only works if it paints ABOVE the
29759
29892
  pseudo-element: a positioned pseudo-element otherwise paints over every
29760
29893
  in-flow sibling, rule included. */
29761
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tabs__nav-item--active {
29894
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__nav-item--active {
29762
29895
  position: relative;
29763
29896
  z-index: 1;
29764
29897
  }
29765
- .cn-tabs-widget__tabs[data-v-76c1ee55] {
29898
+ .cn-tabs-widget__tabs[data-v-029f78ce] {
29766
29899
  display: flex;
29767
29900
  flex-direction: column;
29768
29901
  /* Grow to the widget's height, so the panel fills the grid cell the
@@ -29780,7 +29913,7 @@ button.cn-stepper__step[data-v-776581d4] {
29780
29913
  the open tab, but padding sits inside the painted box — only a margin would
29781
29914
  have opened that gap, and a zero top put every panel's content against the
29782
29915
  strip. */
29783
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tabs__content {
29916
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content {
29784
29917
  background-color: var(--color-main-background);
29785
29918
  /* Three sides only: the bar's rule (redrawn above, stopping at the corner)
29786
29919
  is this sheet's top edge, and the open tab erases the slice of it
@@ -29800,7 +29933,7 @@ button.cn-stepper__step[data-v-776581d4] {
29800
29933
  overflow: auto;
29801
29934
  padding: 12px;
29802
29935
  }
29803
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tab {
29936
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tab {
29804
29937
  height: 100%;
29805
29938
  }
29806
29939
 
@@ -29808,13 +29941,13 @@ button.cn-stepper__step[data-v-776581d4] {
29808
29941
  (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
29809
29942
  holds the list directly the footer stuck out 4px on the right and at the
29810
29943
  bottom and made the panel scroll. It bleeds exactly the panel's padding. */
29811
- .cn-tabs-widget__tabs[data-v-76c1ee55] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
29944
+ .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
29812
29945
  margin: auto -12px -12px;
29813
29946
  }
29814
29947
 
29815
29948
  /* The open panel's header link, beside the strip. Same look and theme hooks
29816
29949
  as a card header link (CnWidgetWrapper). */
29817
- .cn-tabs-widget__header-link[data-v-76c1ee55] {
29950
+ .cn-tabs-widget__header-link[data-v-029f78ce] {
29818
29951
  align-self: center;
29819
29952
  padding: 0 calc(1 * var(--default-grid-baseline));
29820
29953
  color: var(--color-primary-element);
@@ -29823,21 +29956,21 @@ button.cn-stepper__step[data-v-776581d4] {
29823
29956
  text-decoration: none;
29824
29957
  white-space: nowrap;
29825
29958
  }
29826
- .cn-tabs-widget__header-link[data-v-76c1ee55]:hover,
29827
- .cn-tabs-widget__header-link[data-v-76c1ee55]:focus-visible {
29959
+ .cn-tabs-widget__header-link[data-v-029f78ce]:hover,
29960
+ .cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
29828
29961
  text-decoration: underline;
29829
29962
  }
29830
- .cn-tabs-widget__header-link[data-v-76c1ee55]:focus-visible {
29963
+ .cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
29831
29964
  outline: 2px solid var(--color-primary-element);
29832
29965
  outline-offset: 2px;
29833
29966
  border-radius: var(--border-radius-small, 4px);
29834
29967
  }
29835
- .cn-tabs-widget__title[data-v-76c1ee55] {
29968
+ .cn-tabs-widget__title[data-v-029f78ce] {
29836
29969
  align-items: center;
29837
29970
  display: inline-flex;
29838
29971
  gap: 6px;
29839
29972
  }
29840
- .cn-tabs-widget__title-icon[data-v-76c1ee55] {
29973
+ .cn-tabs-widget__title-icon[data-v-029f78ce] {
29841
29974
  flex: 0 0 auto;
29842
29975
  }
29843
29976
 
@@ -33715,19 +33848,19 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33715
33848
  /* The record's task table (`variant: 'table'`, board DqZaakTaken): a head
33716
33849
  row of muted 14px labels on a near-white ground, rows divided by hairlines,
33717
33850
  the title at 600 over a muted line, a finished task struck through. */
33718
- .cn-tasks-widget__create[data-v-0fd2a8fc] {
33851
+ .cn-tasks-widget__create[data-v-38d5d358] {
33719
33852
  display: flex;
33720
33853
  flex-wrap: wrap;
33721
33854
  align-items: flex-end;
33722
33855
  gap: 12px;
33723
33856
  margin-block-end: 12px;
33724
33857
  }
33725
- .cn-tasks-widget__table[data-v-0fd2a8fc] {
33858
+ .cn-tasks-widget__table[data-v-38d5d358] {
33726
33859
  width: 100%;
33727
33860
  border-collapse: collapse;
33728
33861
  font-size: 14px;
33729
33862
  }
33730
- .cn-tasks-widget__table th[data-v-0fd2a8fc] {
33863
+ .cn-tasks-widget__table th[data-v-38d5d358] {
33731
33864
  padding: 12px 16px;
33732
33865
  background: color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background));
33733
33866
  color: var(--color-text-maxcontrast);
@@ -33735,24 +33868,24 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33735
33868
  text-align: start;
33736
33869
  white-space: nowrap;
33737
33870
  }
33738
- .cn-tasks-widget__table td[data-v-0fd2a8fc] {
33871
+ .cn-tasks-widget__table td[data-v-38d5d358] {
33739
33872
  padding: 12px 16px;
33740
33873
  border-top: 1px solid var(--color-border);
33741
33874
  vertical-align: middle;
33742
33875
  }
33743
- .cn-tasks-widget__cell-task[data-v-0fd2a8fc] {
33876
+ .cn-tasks-widget__cell-task[data-v-38d5d358] {
33744
33877
  display: flex;
33745
33878
  align-items: flex-start;
33746
33879
  gap: 12px;
33747
33880
  }
33748
- .cn-tasks-widget__state-icon[data-v-0fd2a8fc] {
33881
+ .cn-tasks-widget__state-icon[data-v-38d5d358] {
33749
33882
  flex: none;
33750
33883
  color: var(--color-primary-element);
33751
33884
  }
33752
- .cn-tasks-widget__state-icon--done[data-v-0fd2a8fc] {
33885
+ .cn-tasks-widget__state-icon--done[data-v-38d5d358] {
33753
33886
  color: var(--color-success-text, var(--color-success));
33754
33887
  }
33755
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-0fd2a8fc] {
33888
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358] {
33756
33889
  margin: 0;
33757
33890
  padding: 0;
33758
33891
  border: 0;
@@ -33764,51 +33897,51 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33764
33897
  text-align: start;
33765
33898
  cursor: pointer;
33766
33899
  }
33767
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-0fd2a8fc]:hover,
33768
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-0fd2a8fc]:focus-visible {
33900
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358]:hover,
33901
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358]:focus-visible {
33769
33902
  text-decoration: underline;
33770
33903
  }
33771
- .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-0fd2a8fc] {
33904
+ .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-38d5d358] {
33772
33905
  text-decoration: line-through;
33773
33906
  }
33774
- .cn-tasks-widget__handler[data-v-0fd2a8fc] {
33907
+ .cn-tasks-widget__handler[data-v-38d5d358] {
33775
33908
  display: inline-flex;
33776
33909
  align-items: center;
33777
33910
  gap: 8px;
33778
33911
  }
33779
- .cn-tasks-widget__cell-due[data-v-0fd2a8fc] {
33912
+ .cn-tasks-widget__cell-due[data-v-38d5d358] {
33780
33913
  white-space: nowrap;
33781
33914
  }
33782
- .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-0fd2a8fc] {
33915
+ .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-38d5d358] {
33783
33916
  color: var(--color-warning-text, var(--color-warning));
33784
33917
  font-weight: 600;
33785
33918
  }
33786
- .cn-tasks-widget__cell-actions[data-v-0fd2a8fc] {
33919
+ .cn-tasks-widget__cell-actions[data-v-38d5d358] {
33787
33920
  text-align: end;
33788
33921
  white-space: nowrap;
33789
33922
  }
33790
- .cn-tasks-widget[data-v-0fd2a8fc] {
33923
+ .cn-tasks-widget[data-v-38d5d358] {
33791
33924
  display: flex;
33792
33925
  flex-direction: column;
33793
33926
  gap: 2px;
33794
33927
  min-width: 0;
33795
33928
  }
33796
- .cn-tasks-widget__loading[data-v-0fd2a8fc] {
33929
+ .cn-tasks-widget__loading[data-v-38d5d358] {
33797
33930
  display: flex;
33798
33931
  justify-content: center;
33799
33932
  padding: 8px 0;
33800
33933
  }
33801
- .cn-tasks-widget__empty[data-v-0fd2a8fc],
33802
- .cn-tasks-widget__error[data-v-0fd2a8fc],
33803
- .cn-tasks-widget__more[data-v-0fd2a8fc] {
33934
+ .cn-tasks-widget__empty[data-v-38d5d358],
33935
+ .cn-tasks-widget__error[data-v-38d5d358],
33936
+ .cn-tasks-widget__more[data-v-38d5d358] {
33804
33937
  margin: 0;
33805
33938
  color: var(--color-text-maxcontrast);
33806
33939
  font-size: 13px;
33807
33940
  }
33808
- .cn-tasks-widget__more[data-v-0fd2a8fc] {
33941
+ .cn-tasks-widget__more[data-v-38d5d358] {
33809
33942
  padding-top: 4px;
33810
33943
  }
33811
- .cn-tasks-widget__count[data-v-0fd2a8fc] {
33944
+ .cn-tasks-widget__count[data-v-38d5d358] {
33812
33945
  margin: 0;
33813
33946
  color: var(--color-text-maxcontrast);
33814
33947
  font-size: 12px;
@@ -33816,13 +33949,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33816
33949
  text-transform: uppercase;
33817
33950
  letter-spacing: 0.04em;
33818
33951
  }
33819
- .cn-tasks-widget__list[data-v-0fd2a8fc] {
33952
+ .cn-tasks-widget__list[data-v-38d5d358] {
33820
33953
  list-style: none;
33821
33954
  margin: 0;
33822
33955
  padding: 0;
33823
33956
  min-width: 0;
33824
33957
  }
33825
- .cn-tasks-widget__row[data-v-0fd2a8fc] {
33958
+ .cn-tasks-widget__row[data-v-38d5d358] {
33826
33959
  display: flex;
33827
33960
  align-items: center;
33828
33961
  gap: 10px;
@@ -33831,32 +33964,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33831
33964
  min-width: 0;
33832
33965
  cursor: pointer;
33833
33966
  }
33834
- .cn-tasks-widget__row[data-v-0fd2a8fc]:last-child {
33967
+ .cn-tasks-widget__row[data-v-38d5d358]:last-child {
33835
33968
  border-bottom: none;
33836
33969
  }
33837
- .cn-tasks-widget__body[data-v-0fd2a8fc] {
33970
+ .cn-tasks-widget__body[data-v-38d5d358] {
33838
33971
  display: flex;
33839
33972
  flex-direction: column;
33840
33973
  min-width: 0;
33841
33974
  flex: 1 1 auto;
33842
33975
  }
33843
- .cn-tasks-widget__name[data-v-0fd2a8fc] {
33976
+ .cn-tasks-widget__name[data-v-38d5d358] {
33844
33977
  font-weight: 600;
33845
33978
  white-space: nowrap;
33846
33979
  overflow: hidden;
33847
33980
  text-overflow: ellipsis;
33848
33981
  }
33849
- .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-0fd2a8fc] {
33982
+ .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-38d5d358] {
33850
33983
  text-decoration: underline;
33851
33984
  }
33852
- .cn-tasks-widget__meta[data-v-0fd2a8fc] {
33985
+ .cn-tasks-widget__meta[data-v-38d5d358] {
33853
33986
  color: var(--color-text-maxcontrast);
33854
33987
  font-size: 12px;
33855
33988
  white-space: nowrap;
33856
33989
  overflow: hidden;
33857
33990
  text-overflow: ellipsis;
33858
33991
  }
33859
- .cn-tasks-widget__due[data-v-0fd2a8fc] {
33992
+ .cn-tasks-widget__due[data-v-38d5d358] {
33860
33993
  flex: 0 0 auto;
33861
33994
  color: var(--color-text-maxcontrast);
33862
33995
  font-size: 12px;
@@ -33865,55 +33998,55 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
33865
33998
 
33866
33999
  /* List variant, after the dashboard board's My tasks card: a checkbox, the
33867
34000
  title, the subject on a muted second line and the due date at its right. */
33868
- .cn-tasks-widget--list .cn-tasks-widget__row[data-v-0fd2a8fc] {
34001
+ .cn-tasks-widget--list .cn-tasks-widget__row[data-v-38d5d358] {
33869
34002
  align-items: flex-start;
33870
34003
  gap: 12px;
33871
34004
  padding: 12px 0;
33872
34005
  }
33873
- .cn-tasks-widget--list .cn-tasks-widget__name[data-v-0fd2a8fc] {
34006
+ .cn-tasks-widget--list .cn-tasks-widget__name[data-v-38d5d358] {
33874
34007
  font-weight: 400;
33875
34008
  font-size: 15px;
33876
34009
  line-height: 1.35;
33877
34010
  color: var(--color-main-text);
33878
34011
  }
33879
- .cn-tasks-widget__check[data-v-0fd2a8fc],
33880
- .cn-tasks-widget__check-spacer[data-v-0fd2a8fc] {
34012
+ .cn-tasks-widget__check[data-v-38d5d358],
34013
+ .cn-tasks-widget__check-spacer[data-v-38d5d358] {
33881
34014
  flex: none;
33882
34015
  width: 20px;
33883
34016
  height: 20px;
33884
34017
  margin: 1px 0 0;
33885
34018
  }
33886
- .cn-tasks-widget__check[data-v-0fd2a8fc] {
34019
+ .cn-tasks-widget__check[data-v-38d5d358] {
33887
34020
  accent-color: var(--color-primary-element);
33888
34021
  cursor: pointer;
33889
34022
  }
33890
- .cn-tasks-widget__meta--split[data-v-0fd2a8fc] {
34023
+ .cn-tasks-widget__meta--split[data-v-38d5d358] {
33891
34024
  display: flex;
33892
34025
  justify-content: space-between;
33893
34026
  gap: 8px;
33894
34027
  font-size: 13px;
33895
34028
  overflow: visible;
33896
34029
  }
33897
- .cn-tasks-widget__subject[data-v-0fd2a8fc] {
34030
+ .cn-tasks-widget__subject[data-v-38d5d358] {
33898
34031
  min-width: 0;
33899
34032
  overflow: hidden;
33900
34033
  text-overflow: ellipsis;
33901
34034
  }
33902
- .cn-tasks-widget--list .cn-tasks-widget__due[data-v-0fd2a8fc] {
34035
+ .cn-tasks-widget--list .cn-tasks-widget__due[data-v-38d5d358] {
33903
34036
  font-size: 13px;
33904
34037
  font-weight: 500;
33905
34038
  }
33906
- .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-0fd2a8fc] {
34039
+ .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-38d5d358] {
33907
34040
  font-weight: 600;
33908
34041
  }
33909
34042
 
33910
34043
  /* Overdue: weight AND colour on top of the wording, which already says
33911
34044
  "Overdue by N days" — the signal survives monochrome. */
33912
- .cn-tasks-widget__due--overdue[data-v-0fd2a8fc] {
34045
+ .cn-tasks-widget__due--overdue[data-v-38d5d358] {
33913
34046
  color: var(--color-error, #d91f2d);
33914
34047
  font-weight: 600;
33915
34048
  }
33916
- .cn-tasks-widget__actions[data-v-0fd2a8fc] {
34049
+ .cn-tasks-widget__actions[data-v-38d5d358] {
33917
34050
  flex: 0 0 auto;
33918
34051
  }
33919
34052
 
@@ -34843,42 +34976,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34843
34976
  }
34844
34977
 
34845
34978
 
34846
- .cn-advanced-form-dialog__value-input-container[data-v-a1e4fbf0] {
34979
+ .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] {
34847
34980
  width: 100%;
34848
34981
  min-width: 0;
34849
34982
  }
34850
- .cn-advanced-form-dialog__value-input-container[data-v-a1e4fbf0] .text-field {
34983
+ .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] .text-field {
34851
34984
  margin: 0;
34852
34985
  padding: 0;
34853
34986
  }
34854
- .cn-advanced-form-dialog__boolean-input-row[data-v-a1e4fbf0] {
34987
+ .cn-advanced-form-dialog__boolean-input-row[data-v-d150e1b8] {
34855
34988
  display: flex;
34856
34989
  align-items: center;
34857
34990
  gap: 6px;
34858
34991
  }
34859
- .cn-advanced-form-dialog__array-input-row[data-v-a1e4fbf0] {
34992
+ .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] {
34860
34993
  display: flex;
34861
34994
  align-items: center;
34862
34995
  gap: 6px;
34863
34996
  }
34864
- .cn-advanced-form-dialog__array-input-row[data-v-a1e4fbf0] > :first-child {
34997
+ .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] > :first-child {
34865
34998
  flex: 1;
34866
34999
  }
34867
35000
 
34868
35001
  /* patch extreme size in field */
34869
- .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-a1e4fbf0] {
35002
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-d150e1b8] {
34870
35003
  padding-left: 0;
34871
35004
  padding-block: 0;
34872
35005
  }
34873
- .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-a1e4fbf0] {
35006
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-d150e1b8] {
34874
35007
  margin: 0;
34875
35008
  }
34876
- .cn-advanced-form-dialog__info-icon[data-v-a1e4fbf0] {
35009
+ .cn-advanced-form-dialog__info-icon[data-v-d150e1b8] {
34877
35010
  flex-shrink: 0;
34878
35011
  color: var(--color-text-maxcontrast);
34879
35012
  cursor: help;
34880
35013
  }
34881
- .cn-advanced-form-dialog__json-value[data-v-a1e4fbf0] {
35014
+ .cn-advanced-form-dialog__json-value[data-v-d150e1b8] {
34882
35015
  max-height: 200px;
34883
35016
  overflow-y: auto;
34884
35017
  white-space: pre-wrap;
@@ -34894,15 +35027,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34894
35027
  NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
34895
35028
  that ignores the `rows` attribute, which causes the textarea to render with a
34896
35029
  too-small viewport. Let the wrapper grow with its content instead. */
34897
- .cn-advanced-form-dialog__textarea[data-v-a1e4fbf0] {
35030
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] {
34898
35031
  width: 100%;
34899
35032
  box-sizing: border-box;
34900
35033
  }
34901
- .cn-advanced-form-dialog__textarea[data-v-a1e4fbf0] .textarea__main-wrapper {
35034
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] .textarea__main-wrapper {
34902
35035
  height: auto;
34903
35036
  min-height: var(--default-clickable-area);
34904
35037
  }
34905
- .cn-advanced-form-dialog__textarea[data-v-a1e4fbf0] textarea {
35038
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] textarea {
34906
35039
  width: 100%;
34907
35040
  max-width: 100%;
34908
35041
  box-sizing: border-box;
@@ -34913,17 +35046,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34913
35046
  }
34914
35047
 
34915
35048
  /* Color widget: clickable swatch (native picker) + visible text input */
34916
- .cn-advanced-form-dialog__color-input-row[data-v-a1e4fbf0] {
35049
+ .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] {
34917
35050
  display: flex;
34918
35051
  align-items: center;
34919
35052
  gap: 8px;
34920
35053
  width: 100%;
34921
35054
  }
34922
- .cn-advanced-form-dialog__color-input-row[data-v-a1e4fbf0] > :last-child {
35055
+ .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] > :last-child {
34923
35056
  flex: 1;
34924
35057
  min-width: 0;
34925
35058
  }
34926
- .cn-advanced-form-dialog__color-swatch[data-v-a1e4fbf0] {
35059
+ .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8] {
34927
35060
  --cn-color-swatch-checker:
34928
35061
  linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
34929
35062
  linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
@@ -34943,24 +35076,24 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34943
35076
  overflow: hidden;
34944
35077
  position: relative;
34945
35078
  }
34946
- .cn-advanced-form-dialog__color-swatch[data-v-a1e4fbf0]:focus-visible {
35079
+ .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8]:focus-visible {
34947
35080
  outline: 2px solid var(--color-primary-element);
34948
35081
  outline-offset: 2px;
34949
35082
  }
34950
- .cn-advanced-form-dialog__color-swatch--readonly[data-v-a1e4fbf0] {
35083
+ .cn-advanced-form-dialog__color-swatch--readonly[data-v-d150e1b8] {
34951
35084
  cursor: default;
34952
35085
  width: 20px;
34953
35086
  height: 20px;
34954
35087
  vertical-align: middle;
34955
35088
  margin-inline-end: 6px;
34956
35089
  }
34957
- .cn-advanced-form-dialog__color-display[data-v-a1e4fbf0] {
35090
+ .cn-advanced-form-dialog__color-display[data-v-d150e1b8] {
34958
35091
  display: inline-flex;
34959
35092
  align-items: center;
34960
35093
  }
34961
35094
 
34962
35095
  /* Help text & inline validation under the input */
34963
- .cn-advanced-form-dialog__field-help[data-v-a1e4fbf0] {
35096
+ .cn-advanced-form-dialog__field-help[data-v-d150e1b8] {
34964
35097
  display: flex;
34965
35098
  flex-direction: column;
34966
35099
  gap: 2px;
@@ -34968,33 +35101,33 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34968
35101
  font-size: 0.85em;
34969
35102
  color: var(--color-text-maxcontrast);
34970
35103
  }
34971
- .cn-advanced-form-dialog__field-example[data-v-a1e4fbf0] {
35104
+ .cn-advanced-form-dialog__field-example[data-v-d150e1b8] {
34972
35105
  font-style: italic;
34973
35106
  }
34974
- .cn-advanced-form-dialog__field-error[data-v-a1e4fbf0] {
35107
+ .cn-advanced-form-dialog__field-error[data-v-d150e1b8] {
34975
35108
  margin-top: 4px;
34976
35109
  font-size: 0.85em;
34977
35110
  color: var(--color-error-text);
34978
35111
  }
34979
- .cn-advanced-form-dialog__value-cell-wrapper[data-v-a1e4fbf0] {
35112
+ .cn-advanced-form-dialog__value-cell-wrapper[data-v-d150e1b8] {
34980
35113
  display: flex;
34981
35114
  flex-direction: column;
34982
35115
  width: 100%;
34983
35116
  }
34984
35117
 
34985
35118
  /* Object-array widget: chip list + add button */
34986
- .cn-advanced-form-dialog__object-array[data-v-a1e4fbf0] {
35119
+ .cn-advanced-form-dialog__object-array[data-v-d150e1b8] {
34987
35120
  display: flex;
34988
35121
  flex-direction: column;
34989
35122
  gap: 8px;
34990
35123
  width: 100%;
34991
35124
  }
34992
- .cn-advanced-form-dialog__object-array-chips[data-v-a1e4fbf0] {
35125
+ .cn-advanced-form-dialog__object-array-chips[data-v-d150e1b8] {
34993
35126
  display: flex;
34994
35127
  flex-wrap: wrap;
34995
35128
  gap: 6px;
34996
35129
  }
34997
- .cn-advanced-form-dialog__object-array-chip[data-v-a1e4fbf0] {
35130
+ .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8] {
34998
35131
  display: inline-flex;
34999
35132
  align-items: center;
35000
35133
  gap: 4px;
@@ -35007,18 +35140,18 @@ button.cn-linked-widget__link[data-v-0fc31606] {
35007
35140
  font: inherit;
35008
35141
  max-width: 240px;
35009
35142
  }
35010
- .cn-advanced-form-dialog__object-array-chip[data-v-a1e4fbf0]:hover {
35143
+ .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8]:hover {
35011
35144
  background: var(--color-background-hover);
35012
35145
  }
35013
- .cn-advanced-form-dialog__object-array-chip-label[data-v-a1e4fbf0] {
35146
+ .cn-advanced-form-dialog__object-array-chip-label[data-v-d150e1b8] {
35014
35147
  overflow: hidden;
35015
35148
  text-overflow: ellipsis;
35016
35149
  white-space: nowrap;
35017
35150
  }
35018
- .cn-advanced-form-dialog__object-array-chip-remove[data-v-a1e4fbf0] {
35151
+ .cn-advanced-form-dialog__object-array-chip-remove[data-v-d150e1b8] {
35019
35152
  flex-shrink: 0;
35020
35153
  }
35021
- .cn-advanced-form-dialog__object-array-add[data-v-a1e4fbf0] {
35154
+ .cn-advanced-form-dialog__object-array-add[data-v-d150e1b8] {
35022
35155
  align-self: flex-start;
35023
35156
  }
35024
35157
 
@@ -40506,26 +40639,26 @@ to {
40506
40639
  text-decoration: underline;
40507
40640
  }
40508
40641
  @charset "UTF-8";
40509
- .cn-choice-cards[data-v-59d71736] {
40642
+ .cn-choice-cards[data-v-5af5bf60] {
40510
40643
  border: none;
40511
40644
  padding: 0;
40512
40645
  margin: 0;
40513
40646
  min-inline-size: 0;
40514
40647
  }
40515
40648
 
40516
- .cn-choice-cards__legend[data-v-59d71736] {
40649
+ .cn-choice-cards__legend[data-v-5af5bf60] {
40517
40650
  padding: 0;
40518
40651
  margin-block-end: 8px;
40519
40652
  font-weight: bold;
40520
40653
  }
40521
40654
 
40522
- .cn-choice-cards__loading[data-v-59d71736] {
40655
+ .cn-choice-cards__loading[data-v-5af5bf60] {
40523
40656
  display: flex;
40524
40657
  justify-content: center;
40525
40658
  padding: 24px 0;
40526
40659
  }
40527
40660
 
40528
- .cn-choice-cards__grid[data-v-59d71736] {
40661
+ .cn-choice-cards__grid[data-v-5af5bf60] {
40529
40662
  display: grid;
40530
40663
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
40531
40664
  gap: 12px;
@@ -40537,26 +40670,26 @@ to {
40537
40670
  padding: 12px;
40538
40671
  }
40539
40672
 
40540
- .cn-choice-cards__cell[data-v-59d71736] {
40673
+ .cn-choice-cards__cell[data-v-5af5bf60] {
40541
40674
  display: flex;
40542
40675
  flex-direction: column;
40543
40676
  gap: 8px;
40544
40677
  min-inline-size: 0;
40545
40678
  }
40546
40679
 
40547
- .cn-choice-cards__actions[data-v-59d71736] {
40680
+ .cn-choice-cards__actions[data-v-5af5bf60] {
40548
40681
  display: flex;
40549
40682
  flex-direction: column;
40550
40683
  gap: 4px;
40551
40684
  }
40552
40685
 
40553
- .cn-choice-cards__option[data-v-59d71736] {
40686
+ .cn-choice-cards__option[data-v-5af5bf60] {
40554
40687
  position: relative;
40555
40688
  display: block;
40556
40689
  cursor: pointer;
40557
40690
  }
40558
40691
 
40559
- .cn-choice-cards__input[data-v-59d71736] {
40692
+ .cn-choice-cards__input[data-v-5af5bf60] {
40560
40693
  position: absolute;
40561
40694
  inset-block-start: 16px;
40562
40695
  inset-inline-end: 14px;
@@ -40566,7 +40699,7 @@ to {
40566
40699
  }
40567
40700
 
40568
40701
  /* Room for the input, so a long title never runs underneath it. */
40569
- .cn-choice-cards__option[data-v-59d71736] .cn-card {
40702
+ .cn-choice-cards__option[data-v-5af5bf60] .cn-card {
40570
40703
  padding-inline-end: 44px;
40571
40704
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
40572
40705
  }
@@ -40577,33 +40710,33 @@ to {
40577
40710
  touches a card, and the grid twitches. The border colour below already
40578
40711
  carries hover, so the scale is dropped: at (0,3,0) this beats the global
40579
40712
  `.cn-card:hover` at (0,2,0). */
40580
- .cn-choice-cards__option[data-v-59d71736]:hover .cn-card {
40713
+ .cn-choice-cards__option[data-v-5af5bf60]:hover .cn-card {
40581
40714
  border-color: var(--color-primary-element);
40582
40715
  transform: none;
40583
40716
  }
40584
40717
 
40585
40718
  /* The focus ring belongs on the card, not on the small input inside it. */
40586
- .cn-choice-cards__input[data-v-59d71736]:focus-visible + .cn-card {
40719
+ .cn-choice-cards__input[data-v-5af5bf60]:focus-visible + .cn-card {
40587
40720
  outline: 2px solid var(--color-primary-element);
40588
40721
  outline-offset: 2px;
40589
40722
  }
40590
40723
 
40591
- .cn-choice-cards__input[data-v-59d71736]:disabled {
40724
+ .cn-choice-cards__input[data-v-5af5bf60]:disabled {
40592
40725
  cursor: default;
40593
40726
  }
40594
40727
 
40595
- .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-59d71736] + .cn-card {
40728
+ .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-5af5bf60] + .cn-card {
40596
40729
  opacity: 0.6;
40597
40730
  }
40598
40731
 
40599
- .cn-choice-cards__rows[data-v-59d71736] {
40732
+ .cn-choice-cards__rows[data-v-5af5bf60] {
40600
40733
  display: flex;
40601
40734
  flex-direction: column;
40602
40735
  gap: 8px;
40603
40736
  }
40604
40737
 
40605
40738
  /* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
40606
- .cn-choice-cards__row[data-v-59d71736] {
40739
+ .cn-choice-cards__row[data-v-5af5bf60] {
40607
40740
  display: flex;
40608
40741
  align-items: flex-start;
40609
40742
  gap: 12px;
@@ -40614,12 +40747,12 @@ to {
40614
40747
  cursor: pointer;
40615
40748
  }
40616
40749
 
40617
- .cn-choice-cards__row[data-v-59d71736]:hover {
40750
+ .cn-choice-cards__row[data-v-5af5bf60]:hover {
40618
40751
  border-color: var(--color-border-dark);
40619
40752
  }
40620
40753
 
40621
- .cn-choice-cards__row--selected[data-v-59d71736],
40622
- .cn-choice-cards__row--selected[data-v-59d71736]:hover {
40754
+ .cn-choice-cards__row--selected[data-v-5af5bf60],
40755
+ .cn-choice-cards__row--selected[data-v-5af5bf60]:hover {
40623
40756
  border-color: var(--color-primary-element);
40624
40757
  /* The second pixel of the 2px selected border, without moving the content. */
40625
40758
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
@@ -40628,8 +40761,8 @@ to {
40628
40761
 
40629
40762
  /* An option this record does not allow: the grey ground and the muted ink,
40630
40763
  still legible (DqVolgendeStap), not faded. */
40631
- .cn-choice-cards__row--disabled[data-v-59d71736],
40632
- .cn-choice-cards__row--disabled[data-v-59d71736]:hover {
40764
+ .cn-choice-cards__row--disabled[data-v-5af5bf60],
40765
+ .cn-choice-cards__row--disabled[data-v-5af5bf60]:hover {
40633
40766
  border-color: var(--color-border);
40634
40767
  background: var(--color-background-hover);
40635
40768
  color: var(--color-text-maxcontrast);
@@ -40638,80 +40771,80 @@ to {
40638
40771
 
40639
40772
  /* The title takes the muted ink itself: a theme that colours every label
40640
40773
  with `!important` (thematiq) would otherwise hand it the label colour. */
40641
- .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-59d71736] {
40774
+ .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-5af5bf60] {
40642
40775
  color: var(--color-text-maxcontrast);
40643
40776
  }
40644
40777
 
40645
40778
  /* The chosen option's fields share the selected row's frame: the cell draws
40646
40779
  the 2px primary border and the ground, the row inside it draws none, and
40647
40780
  the fields sit under the text, indented to it (DqVolgendeStap). */
40648
- .cn-choice-cards__cell--with-details[data-v-59d71736] {
40781
+ .cn-choice-cards__cell--with-details[data-v-5af5bf60] {
40649
40782
  border: 1px solid var(--color-primary-element);
40650
40783
  border-radius: var(--border-radius-large, 8px);
40651
40784
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
40652
40785
  background: var(--color-primary-element-light);
40653
40786
  }
40654
40787
 
40655
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-59d71736],
40656
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-59d71736]:hover {
40788
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-5af5bf60],
40789
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-5af5bf60]:hover {
40657
40790
  border-color: transparent;
40658
40791
  box-shadow: none;
40659
40792
  background: transparent;
40660
40793
  }
40661
40794
 
40662
- .cn-choice-cards__details[data-v-59d71736] {
40795
+ .cn-choice-cards__details[data-v-5af5bf60] {
40663
40796
  display: flex;
40664
40797
  flex-direction: column;
40665
40798
  gap: 14px;
40666
40799
  padding: 0 14px 14px 44px;
40667
40800
  }
40668
40801
 
40669
- .cn-choice-cards__row--readonly[data-v-59d71736] {
40802
+ .cn-choice-cards__row--readonly[data-v-5af5bf60] {
40670
40803
  cursor: default;
40671
40804
  }
40672
40805
 
40673
- .cn-choice-cards__row--readonly[data-v-59d71736]:not(.cn-choice-cards__row--selected):hover {
40806
+ .cn-choice-cards__row--readonly[data-v-5af5bf60]:not(.cn-choice-cards__row--selected):hover {
40674
40807
  border-color: var(--color-border);
40675
40808
  }
40676
40809
 
40677
- .cn-choice-cards__row[data-v-59d71736]:has(.cn-choice-cards__row-input:focus-visible) {
40810
+ .cn-choice-cards__row[data-v-5af5bf60]:has(.cn-choice-cards__row-input:focus-visible) {
40678
40811
  outline: 2px solid var(--color-primary-element);
40679
40812
  outline-offset: 2px;
40680
40813
  }
40681
40814
 
40682
- .cn-choice-cards__row-input[data-v-59d71736] {
40815
+ .cn-choice-cards__row-input[data-v-5af5bf60] {
40683
40816
  flex: none;
40684
40817
  margin: 2px 0 0;
40685
40818
  accent-color: var(--color-primary-element);
40686
40819
  cursor: inherit;
40687
40820
  }
40688
40821
 
40689
- .cn-choice-cards__row-icon[data-v-59d71736] {
40822
+ .cn-choice-cards__row-icon[data-v-5af5bf60] {
40690
40823
  flex: none;
40691
40824
  }
40692
40825
 
40693
- .cn-choice-cards__row-text[data-v-59d71736] {
40826
+ .cn-choice-cards__row-text[data-v-5af5bf60] {
40694
40827
  display: flex;
40695
40828
  flex-direction: column;
40696
40829
  gap: 2px;
40697
40830
  min-width: 0;
40698
40831
  }
40699
40832
 
40700
- .cn-choice-cards__row-title[data-v-59d71736] {
40833
+ .cn-choice-cards__row-title[data-v-5af5bf60] {
40701
40834
  font-size: 15px;
40702
40835
  font-weight: 600;
40703
40836
  }
40704
40837
 
40705
40838
  /* Regular weight on the span itself: a theme that sets every label bold
40706
40839
  with `!important` (thematiq) reaches a span that only inherits. */
40707
- .cn-choice-cards__row-description[data-v-59d71736],
40708
- .cn-choice-cards__reason[data-v-59d71736] {
40840
+ .cn-choice-cards__row-description[data-v-5af5bf60],
40841
+ .cn-choice-cards__reason[data-v-5af5bf60] {
40709
40842
  font-size: 13px;
40710
40843
  font-weight: 400;
40711
40844
  color: var(--color-text-maxcontrast);
40712
40845
  }
40713
40846
 
40714
- .cn-choice-cards__reason--card[data-v-59d71736] {
40847
+ .cn-choice-cards__reason--card[data-v-5af5bf60] {
40715
40848
  display: block;
40716
40849
  margin-block-start: 4px;
40717
40850
  }
@@ -40726,28 +40859,39 @@ to {
40726
40859
  }
40727
40860
 
40728
40861
 
40729
- .cn-setup-step[data-v-dd2d6164] {
40862
+ .cn-setup-step[data-v-f5919312] {
40730
40863
  display: flex;
40731
40864
  flex-direction: column;
40732
40865
  gap: 12px;
40733
40866
  }
40734
- .cn-setup-step__intro[data-v-dd2d6164] {
40867
+ .cn-setup-step__intro[data-v-f5919312] {
40735
40868
  margin: 0;
40736
40869
  font-size: 15px;
40737
40870
  line-height: 1.5;
40738
40871
  }
40739
- .cn-setup-step__note[data-v-dd2d6164] {
40872
+ .cn-setup-step__choices--titled[data-v-f5919312] .cn-choice-cards__legend {
40873
+ position: absolute;
40874
+ width: 1px;
40875
+ height: 1px;
40876
+ margin: -1px;
40877
+ padding: 0;
40878
+ overflow: hidden;
40879
+ clip-path: inset(50%);
40880
+ white-space: nowrap;
40881
+ border: 0;
40882
+ }
40883
+ .cn-setup-step__note[data-v-f5919312] {
40740
40884
  margin: 0;
40741
40885
  font-size: 13px;
40742
40886
  color: var(--color-text-maxcontrast);
40743
40887
  }
40744
- .cn-setup-step__nav[data-v-dd2d6164] {
40888
+ .cn-setup-step__nav[data-v-f5919312] {
40745
40889
  display: flex;
40746
40890
  justify-content: flex-end;
40747
40891
  gap: 8px;
40748
40892
  margin-top: 8px;
40749
40893
  }
40750
- .cn-setup-step__running[data-v-dd2d6164] {
40894
+ .cn-setup-step__running[data-v-f5919312] {
40751
40895
  display: flex;
40752
40896
  align-items: center;
40753
40897
  justify-content: center;
@@ -40755,43 +40899,43 @@ to {
40755
40899
  padding: 24px 0;
40756
40900
  color: var(--color-text-maxcontrast);
40757
40901
  }
40758
- .cn-setup-load-result[data-v-dd2d6164] {
40902
+ .cn-setup-load-result[data-v-f5919312] {
40759
40903
  margin: 0;
40760
40904
  font-size: var(--font-size-small, 13px);
40761
40905
  }
40762
- .cn-setup-load-result--success[data-v-dd2d6164] {
40906
+ .cn-setup-load-result--success[data-v-f5919312] {
40763
40907
  color: var(--color-success-text, var(--color-success));
40764
40908
  }
40765
- .cn-setup-load-result--error[data-v-dd2d6164] {
40909
+ .cn-setup-load-result--error[data-v-f5919312] {
40766
40910
  color: var(--color-error-text, var(--color-error));
40767
40911
  }
40768
- .cn-setup-field[data-v-dd2d6164] {
40912
+ .cn-setup-field[data-v-f5919312] {
40769
40913
  display: flex;
40770
40914
  flex-direction: column;
40771
40915
  }
40772
- .cn-setup-summary[data-v-dd2d6164] {
40916
+ .cn-setup-summary[data-v-f5919312] {
40773
40917
  list-style: none;
40774
40918
  padding: 0;
40775
40919
  margin: 0;
40776
40920
  }
40777
- .cn-setup-summary__item[data-v-dd2d6164] {
40921
+ .cn-setup-summary__item[data-v-f5919312] {
40778
40922
  display: flex;
40779
40923
  align-items: center;
40780
40924
  gap: 8px;
40781
40925
  padding: 4px 0;
40782
40926
  color: var(--color-text-maxcontrast);
40783
40927
  }
40784
- .cn-setup-summary__item--done[data-v-dd2d6164] {
40928
+ .cn-setup-summary__item--done[data-v-f5919312] {
40785
40929
  color: var(--color-main-text);
40786
40930
  }
40787
- .cn-setup-summary__mark[data-v-dd2d6164] {
40931
+ .cn-setup-summary__mark[data-v-f5919312] {
40788
40932
  font-weight: bold;
40789
40933
  color: var(--color-success);
40790
40934
  }
40791
- .cn-setup-summary__label[data-v-dd2d6164] {
40935
+ .cn-setup-summary__label[data-v-f5919312] {
40792
40936
  flex: 0 0 auto;
40793
40937
  }
40794
- .cn-setup-summary__value[data-v-dd2d6164] {
40938
+ .cn-setup-summary__value[data-v-f5919312] {
40795
40939
  margin-inline-start: auto;
40796
40940
  font-weight: 600;
40797
40941
  color: var(--color-main-text);
@@ -40799,7 +40943,7 @@ to {
40799
40943
 
40800
40944
  /* An on-demand step that did not run says so quietly: it is a choice the
40801
40945
  user did not make, not a failure. */
40802
- .cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-dd2d6164] {
40946
+ .cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-f5919312] {
40803
40947
  font-weight: normal;
40804
40948
  color: var(--color-text-maxcontrast);
40805
40949
  }
@@ -44276,7 +44420,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44276
44420
  }
44277
44421
 
44278
44422
 
44279
- .cn-dashboard-page[data-v-0270abf8] {
44423
+ .cn-dashboard-page[data-v-5b3dc7b0] {
44280
44424
  padding: 20px;
44281
44425
  max-width: 1800px;
44282
44426
  /* Centre the leftover space once the cap engages, so a wide screen shows
@@ -44290,7 +44434,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44290
44434
  overflow-y: auto;
44291
44435
  box-sizing: border-box;
44292
44436
  }
44293
- .cn-dashboard-page__header[data-v-0270abf8] {
44437
+ .cn-dashboard-page__header[data-v-5b3dc7b0] {
44294
44438
  display: flex;
44295
44439
  justify-content: space-between;
44296
44440
  align-items: flex-start;
@@ -44302,21 +44446,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44302
44446
  room. Only the HEADER shifts right — body widgets keep full width. */
44303
44447
  padding-inline-start: 56px;
44304
44448
  }
44305
- .cn-dashboard-page__header-left[data-v-0270abf8] {
44449
+ .cn-dashboard-page__header-left[data-v-5b3dc7b0] {
44306
44450
  min-width: 0;
44307
44451
  }
44308
- .cn-dashboard-page__title-row[data-v-0270abf8] {
44452
+ .cn-dashboard-page__title-row[data-v-5b3dc7b0] {
44309
44453
  display: flex;
44310
44454
  align-items: center;
44311
44455
  flex-wrap: wrap;
44312
44456
  gap: 12px;
44313
44457
  }
44314
- .cn-dashboard-page__title[data-v-0270abf8] {
44458
+ .cn-dashboard-page__title[data-v-5b3dc7b0] {
44315
44459
  margin: 0;
44316
44460
  font-size: 20px;
44317
44461
  font-weight: 700;
44318
44462
  }
44319
- .cn-dashboard-page__description[data-v-0270abf8] {
44463
+ .cn-dashboard-page__description[data-v-5b3dc7b0] {
44320
44464
  margin: 4px 0 0;
44321
44465
  font-size: 14px;
44322
44466
  color: var(--color-text-maxcontrast);
@@ -44324,19 +44468,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44324
44468
 
44325
44469
  /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
44326
44470
  under it, and 40px buttons with a 10px gap. */
44327
- .cn-dashboard-page--board .cn-dashboard-page__title[data-v-0270abf8] {
44471
+ .cn-dashboard-page--board .cn-dashboard-page__title[data-v-5b3dc7b0] {
44328
44472
  font-size: 28px;
44329
44473
  font-weight: 700;
44330
44474
  line-height: 1.2;
44331
44475
  }
44332
- .cn-dashboard-page--board .cn-dashboard-page__description[data-v-0270abf8] {
44476
+ .cn-dashboard-page--board .cn-dashboard-page__description[data-v-5b3dc7b0] {
44333
44477
  margin: 6px 0 0;
44334
44478
  font-size: 15px;
44335
44479
  }
44336
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-0270abf8] {
44480
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
44337
44481
  gap: 10px;
44338
44482
  }
44339
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-0270abf8] .button-vue {
44483
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] .button-vue {
44340
44484
  min-height: var(--cn-board-control-height, 40px);
44341
44485
  height: var(--cn-board-control-height, 40px);
44342
44486
  }
@@ -44344,17 +44488,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44344
44488
  /* The switch row under the header (screens-dashboard-greeting-header): the
44345
44489
  view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
44346
44490
  radius 17, 13px/600, a 14px icon, primary light on primary deep). */
44347
- .cn-dashboard-page__switch-row[data-v-0270abf8] {
44491
+ .cn-dashboard-page__switch-row[data-v-5b3dc7b0] {
44348
44492
  display: flex;
44349
44493
  flex-wrap: wrap;
44350
44494
  align-items: center;
44351
44495
  gap: 10px;
44352
44496
  margin-bottom: var(--cn-board-section-gap, 20px);
44353
44497
  }
44354
- .cn-dashboard-page__switch-row-spacer[data-v-0270abf8] {
44498
+ .cn-dashboard-page__switch-row-spacer[data-v-5b3dc7b0] {
44355
44499
  flex: 1 1 auto;
44356
44500
  }
44357
- .cn-dashboard-page__view-link[data-v-0270abf8] {
44501
+ .cn-dashboard-page__view-link[data-v-5b3dc7b0] {
44358
44502
  display: inline-flex;
44359
44503
  align-items: center;
44360
44504
  gap: 6px;
@@ -44368,37 +44512,45 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44368
44512
  white-space: nowrap;
44369
44513
  text-decoration: none !important;
44370
44514
  }
44371
- .cn-dashboard-page__view-link[data-v-0270abf8]:hover {
44515
+ .cn-dashboard-page__view-link[data-v-5b3dc7b0]:hover {
44372
44516
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
44373
44517
  }
44374
- .cn-dashboard-page__view-link[data-v-0270abf8]:focus-visible {
44518
+ .cn-dashboard-page__view-link[data-v-5b3dc7b0]:focus-visible {
44375
44519
  outline: 2px solid var(--color-main-text);
44376
44520
  outline-offset: 2px;
44377
44521
  }
44378
- .cn-dashboard-page__view-link-icon[data-v-0270abf8] {
44522
+ .cn-dashboard-page__view-link-icon[data-v-5b3dc7b0] {
44379
44523
  display: inline-flex;
44380
44524
  }
44381
44525
 
44382
44526
  /* The period group, in a row of its own between the header and the KPI row. */
44383
- .cn-dashboard-page__date-range--segmented[data-v-0270abf8] {
44527
+ .cn-dashboard-page__date-range--segmented[data-v-5b3dc7b0] {
44384
44528
  margin-bottom: 16px;
44385
44529
  }
44386
44530
 
44387
44531
  /* The period group at the end of the description line. */
44388
- .cn-dashboard-page__description--with-period[data-v-0270abf8] {
44532
+ .cn-dashboard-page__description--with-period[data-v-5b3dc7b0] {
44389
44533
  align-items: center;
44390
44534
  display: flex;
44391
44535
  flex-wrap: wrap;
44392
44536
  gap: 8px;
44393
44537
  }
44394
- .cn-dashboard-page__date-segmented[data-v-0270abf8] {
44538
+
44539
+ /* A select on the description line takes the width of its choice, not a
44540
+ form field's, and no margin of its own. */
44541
+ .cn-dashboard-page__description-select[data-v-5b3dc7b0] {
44542
+ min-width: 180px;
44543
+ max-width: 280px;
44544
+ margin: 0;
44545
+ }
44546
+ .cn-dashboard-page__date-segmented[data-v-5b3dc7b0] {
44395
44547
  display: flex;
44396
44548
  align-items: center;
44397
44549
  gap: 8px;
44398
44550
  }
44399
44551
 
44400
44552
  /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
44401
- .cn-dashboard-page__kpi-row[data-v-0270abf8] {
44553
+ .cn-dashboard-page__kpi-row[data-v-5b3dc7b0] {
44402
44554
  margin-bottom: var(--cn-board-section-gap, 16px);
44403
44555
  }
44404
44556
 
@@ -44406,15 +44558,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44406
44558
  the cards started a margin to the right of the KPI row and the header. The
44407
44559
  grid reaches out by that margin, so the card edges line up with the page's
44408
44560
  (dashboard-grid-flush). */
44409
- .cn-dashboard-page--board[data-v-0270abf8] .cn-dashboard-grid {
44561
+ .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-dashboard-grid {
44410
44562
  width: auto;
44411
44563
  margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
44412
44564
  }
44413
- .cn-dashboard-page__kpi-cell[data-v-0270abf8] {
44565
+ .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
44414
44566
  display: flex;
44415
44567
  min-width: 0;
44416
44568
  }
44417
- .cn-dashboard-page__kpi-cell[data-v-0270abf8] > * {
44569
+ .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] > * {
44418
44570
  flex: 1 1 auto;
44419
44571
  min-width: 0;
44420
44572
  }
@@ -44427,7 +44579,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44427
44579
  scoped chip rules then silently don't match and the chip collapses into
44428
44580
  NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
44429
44581
  data-testid is stable across chunks, so those rules match regardless. */
44430
- .cn-dashboard-page__header-actions[data-v-0270abf8] {
44582
+ .cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
44431
44583
  display: flex;
44432
44584
  align-items: center;
44433
44585
  gap: 8px;
@@ -44443,19 +44595,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44443
44595
 
44444
44596
  /* Date-range header band. Kept compact so it doesn't open a tall gap
44445
44597
  above the grid; the pills variant is a single tidy toggle row. */
44446
- .cn-dashboard-page__date-range[data-v-0270abf8] {
44598
+ .cn-dashboard-page__date-range[data-v-5b3dc7b0] {
44447
44599
  margin-bottom: 12px;
44448
44600
  }
44449
- .cn-dashboard-page__date-range--pills[data-v-0270abf8] {
44601
+ .cn-dashboard-page__date-range--pills[data-v-5b3dc7b0] {
44450
44602
  margin-bottom: 8px;
44451
44603
  }
44452
- .cn-dashboard-page__date-pills[data-v-0270abf8] {
44604
+ .cn-dashboard-page__date-pills[data-v-5b3dc7b0] {
44453
44605
  display: flex;
44454
44606
  align-items: center;
44455
44607
  flex-wrap: wrap;
44456
44608
  gap: 6px;
44457
44609
  }
44458
- .cn-dashboard-page__date-pill[data-v-0270abf8] {
44610
+ .cn-dashboard-page__date-pill[data-v-5b3dc7b0] {
44459
44611
  display: inline-flex;
44460
44612
  align-items: center;
44461
44613
  padding: 5px 14px;
@@ -44470,77 +44622,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44470
44622
  cursor: pointer;
44471
44623
  transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
44472
44624
  }
44473
- .cn-dashboard-page__date-pill[data-v-0270abf8]:hover {
44625
+ .cn-dashboard-page__date-pill[data-v-5b3dc7b0]:hover {
44474
44626
  background: var(--color-background-hover);
44475
44627
  }
44476
- .cn-dashboard-page__date-pill[data-v-0270abf8]:focus-visible {
44628
+ .cn-dashboard-page__date-pill[data-v-5b3dc7b0]:focus-visible {
44477
44629
  outline: 2px solid var(--color-primary-element);
44478
44630
  outline-offset: 2px;
44479
44631
  }
44480
- .cn-dashboard-page__date-pill--active[data-v-0270abf8] {
44632
+ .cn-dashboard-page__date-pill--active[data-v-5b3dc7b0] {
44481
44633
  background: var(--color-primary-element);
44482
44634
  border-color: var(--color-primary-element);
44483
44635
  color: var(--color-primary-element-text);
44484
44636
  }
44485
- .cn-dashboard-page__date-pill--active[data-v-0270abf8]:hover {
44637
+ .cn-dashboard-page__date-pill--active[data-v-5b3dc7b0]:hover {
44486
44638
  background: var(--color-primary-element-hover, var(--color-primary-element));
44487
44639
  }
44488
44640
 
44489
44641
  /* The custom-range pill is de-emphasised — dashed outline, muted text —
44490
44642
  so it reads as an escape hatch rather than a primary option. */
44491
- .cn-dashboard-page__date-pill--custom[data-v-0270abf8] {
44643
+ .cn-dashboard-page__date-pill--custom[data-v-5b3dc7b0] {
44492
44644
  border-style: dashed;
44493
44645
  color: var(--color-text-maxcontrast);
44494
44646
  }
44495
- .cn-dashboard-page__date-pill-custom[data-v-0270abf8] .action-item__menutoggle {
44647
+ .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .action-item__menutoggle {
44496
44648
  min-width: 0;
44497
44649
  min-height: 0;
44498
44650
  padding: 0;
44499
44651
  background: transparent;
44500
44652
  border: none;
44501
44653
  }
44502
- .cn-dashboard-page__date-pill-custom[data-v-0270abf8] .button-vue,
44503
- .cn-dashboard-page__date-pill-custom[data-v-0270abf8] .button-vue__wrapper,
44504
- .cn-dashboard-page__date-pill-custom[data-v-0270abf8] .button-vue__icon {
44654
+ .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue,
44655
+ .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__wrapper,
44656
+ .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__icon {
44505
44657
  width: auto !important;
44506
44658
  min-width: 0 !important;
44507
44659
  overflow: visible !important;
44508
44660
  }
44509
- .cn-dashboard-page__empty[data-v-0270abf8] {
44661
+ .cn-dashboard-page__empty[data-v-5b3dc7b0] {
44510
44662
  padding: 60px 20px;
44511
44663
  }
44512
44664
 
44513
44665
  /* The page's view switch on a page without a header row: at the end of its
44514
44666
  own row, above the grids, where the header would have put it. */
44515
- .cn-dashboard-page__view-switch[data-v-0270abf8] {
44667
+ .cn-dashboard-page__view-switch[data-v-5b3dc7b0] {
44516
44668
  display: flex;
44517
44669
  justify-content: flex-end;
44518
44670
  margin-bottom: 12px;
44519
44671
  }
44520
44672
 
44521
44673
  /* A view the switch shows with nothing to draw. */
44522
- .cn-page-view-region--empty[data-v-0270abf8] {
44674
+ .cn-page-view-region--empty[data-v-5b3dc7b0] {
44523
44675
  padding: 40px 20px;
44524
44676
  }
44525
- .cn-dashboard-page__page-filters[data-v-0270abf8] {
44677
+ .cn-dashboard-page__page-filters[data-v-5b3dc7b0] {
44526
44678
  display: flex;
44527
44679
  flex-wrap: wrap;
44528
44680
  gap: 16px;
44529
44681
  align-items: flex-end;
44530
44682
  margin-bottom: 12px;
44531
44683
  }
44532
- .cn-dashboard-page__page-filter[data-v-0270abf8] {
44684
+ .cn-dashboard-page__page-filter[data-v-5b3dc7b0] {
44533
44685
  display: flex;
44534
44686
  flex-direction: column;
44535
44687
  gap: 4px;
44536
44688
  min-width: 200px;
44537
44689
  }
44538
- .cn-dashboard-page__page-filter-label[data-v-0270abf8] {
44690
+ .cn-dashboard-page__page-filter-label[data-v-5b3dc7b0] {
44539
44691
  font-size: 0.85em;
44540
44692
  font-weight: 600;
44541
44693
  color: var(--color-text-maxcontrast);
44542
44694
  }
44543
- .cn-dashboard-page__widget-edit[data-v-0270abf8] {
44695
+ .cn-dashboard-page__widget-edit[data-v-5b3dc7b0] {
44544
44696
  position: absolute;
44545
44697
  top: 4px;
44546
44698
  inset-inline-end: 4px;
@@ -44559,8 +44711,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44559
44711
  and centre the card. */
44560
44712
  /* `safe` centre so an overflowing tile does not spill out of the top, where
44561
44713
  flex overflow cannot be scrolled back to. Same as detail-page.css. */
44562
- .cn-dashboard-page__card-fit[data-v-0270abf8] .cn-widget-wrapper__content,
44563
- .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-0270abf8] .cn-widget-wrapper__content {
44714
+ .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content,
44715
+ .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-5b3dc7b0] .cn-widget-wrapper__content {
44564
44716
  overflow: hidden;
44565
44717
  display: flex;
44566
44718
  flex-direction: column;
@@ -44576,7 +44728,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44576
44728
  shows up as a scrollbar the user has to drag to see the whole graph. Same
44577
44729
  shape as the card-fit rule above, minus the padding: chart tiles render
44578
44730
  `flush`, and apexcharts already draws its own margins. */
44579
- .cn-dashboard-page__chart-fit[data-v-0270abf8] .cn-widget-wrapper__content {
44731
+ .cn-dashboard-page__chart-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content {
44580
44732
  overflow: hidden;
44581
44733
  display: flex;
44582
44734
  flex-direction: column;
@@ -44586,13 +44738,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44586
44738
  /* Card content (stat / gauge / delta) must fit the tile width: let the
44587
44739
  widget shrink and its value/label truncate instead of pushing past the
44588
44740
  tile edge (the horizontal clip on long currency values). */
44589
- .cn-dashboard-page__card-fit[data-v-0270abf8] .cn-stat-widget,
44590
- .cn-dashboard-page__card-fit[data-v-0270abf8] .cn-gauge-widget,
44591
- .cn-dashboard-page__card-fit[data-v-0270abf8] .cn-delta-widget {
44741
+ .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-stat-widget,
44742
+ .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-gauge-widget,
44743
+ .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-delta-widget {
44592
44744
  min-width: 0;
44593
44745
  max-width: 100%;
44594
44746
  }
44595
- .cn-dashboard-page__unknown[data-v-0270abf8] {
44747
+ .cn-dashboard-page__unknown[data-v-5b3dc7b0] {
44596
44748
  display: flex;
44597
44749
  align-items: center;
44598
44750
  justify-content: center;
@@ -44603,31 +44755,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44603
44755
  }
44604
44756
 
44605
44757
  /* widget-ref content items */
44606
- .cn-dashboard-page__content[data-v-0270abf8] {
44758
+ .cn-dashboard-page__content[data-v-5b3dc7b0] {
44607
44759
  display: flex;
44608
44760
  flex-direction: column;
44609
44761
  gap: 16px;
44610
44762
  }
44611
- .cn-dashboard-page__content-item[data-v-0270abf8] {
44763
+ .cn-dashboard-page__content-item[data-v-5b3dc7b0] {
44612
44764
  width: 100%;
44613
44765
  }
44614
44766
  /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
44615
44767
  are 44px: the widget Actions menu and the KPI tiles. */
44616
44768
  @media (max-width: 640px) {
44617
- .cn-dashboard-page--board[data-v-0270abf8] .cn-widget-wrapper__actions .action-item__menutoggle,
44618
- .cn-dashboard-page--board[data-v-0270abf8] .cn-widget-wrapper__actions .button-vue {
44769
+ .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle,
44770
+ .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .button-vue {
44619
44771
  min-height: 44px;
44620
44772
  }
44621
- .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-0270abf8] {
44773
+ .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
44622
44774
  min-height: 44px;
44623
44775
  }
44624
44776
 
44625
44777
  /* The widget Actions menu shows its icon only, so the card title keeps
44626
44778
  the room; the name stays for assistive tech. */
44627
- .cn-dashboard-page--board[data-v-0270abf8] .cn-widget-wrapper__actions .action-item__menutoggle {
44779
+ .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle {
44628
44780
  min-width: 44px;
44629
44781
  }
44630
- .cn-dashboard-page--board[data-v-0270abf8] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
44782
+ .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
44631
44783
  position: absolute;
44632
44784
  width: 1px;
44633
44785
  height: 1px;
@@ -44639,7 +44791,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44639
44791
 
44640
44792
  /* What a registry widget reports for its card header (`header` event): the
44641
44793
  note beside the link ("3 in total") and one action, as on a detail page. */
44642
- .cn-dashboard-page__widget-count[data-v-0270abf8] {
44794
+ .cn-dashboard-page__widget-count[data-v-5b3dc7b0] {
44643
44795
  align-self: center;
44644
44796
  padding: 1px 8px;
44645
44797
  border-radius: 10px;
@@ -44648,13 +44800,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44648
44800
  font-size: 13px;
44649
44801
  font-weight: 600;
44650
44802
  }
44651
- .cn-dashboard-page__widget-note[data-v-0270abf8] {
44803
+ .cn-dashboard-page__widget-note[data-v-5b3dc7b0] {
44652
44804
  align-self: center;
44653
44805
  color: var(--color-text-maxcontrast);
44654
44806
  font-size: 14px;
44655
44807
  white-space: nowrap;
44656
44808
  }
44657
- .cn-dashboard-page__widget-action[data-v-0270abf8] {
44809
+ .cn-dashboard-page__widget-action[data-v-5b3dc7b0] {
44658
44810
  display: inline-flex;
44659
44811
  align-items: center;
44660
44812
  align-self: center;
@@ -44670,7 +44822,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44670
44822
  white-space: nowrap;
44671
44823
  cursor: pointer;
44672
44824
  }
44673
- .cn-dashboard-page__widget-action[data-v-0270abf8]:focus-visible {
44825
+ .cn-dashboard-page__widget-action[data-v-5b3dc7b0]:focus-visible {
44674
44826
  outline: 2px solid var(--color-primary-element);
44675
44827
  outline-offset: 2px;
44676
44828
  }