@conduction/nextcloud-vue 2.96.0 → 2.98.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 (163) hide show
  1. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js +17 -0
  2. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js.map +1 -1
  3. package/dist/esm/components/CnAppRoot/CnAppRoot.vue3.js.map +1 -1
  4. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  5. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +33 -1
  6. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  7. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js +383 -359
  8. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  9. package/dist/esm/components/CnChartWidget/CnChartWidget.vue.js +1 -1
  10. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js +106 -2
  11. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js.map +1 -1
  12. package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js.map +1 -1
  13. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +9 -0
  14. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js.map +1 -0
  15. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js +964 -0
  16. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -0
  17. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js +282 -0
  18. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -0
  19. package/dist/esm/components/CnChecklistRunWidget/index.js +28 -0
  20. package/dist/esm/components/CnChecklistRunWidget/index.js.map +1 -0
  21. package/dist/esm/components/CnConversationThread/CnConversationThread.vue.js +1 -1
  22. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js +17 -3
  23. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js.map +1 -1
  24. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js +61 -43
  25. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js.map +1 -1
  26. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue.js +1 -1
  27. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js +159 -18
  28. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js.map +1 -1
  29. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js +9 -7
  30. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js.map +1 -1
  31. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
  32. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +1 -0
  33. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
  34. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
  35. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +26 -8
  36. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  37. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  38. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +188 -5
  39. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
  40. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js.map +1 -1
  41. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  42. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +48 -3
  43. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  44. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +46 -12
  45. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
  46. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue.js +1 -1
  47. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue2.js +3 -3
  48. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue2.js.map +1 -1
  49. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue3.js.map +1 -1
  50. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue.js +1 -1
  51. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue2.js +27 -0
  52. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue2.js.map +1 -1
  53. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue3.js +16 -2
  54. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue3.js.map +1 -1
  55. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  56. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +144 -0
  57. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  58. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js +488 -399
  59. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  60. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js +8 -2
  61. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js.map +1 -1
  62. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +344 -21
  63. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  64. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +29 -7
  65. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  66. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue.js +1 -1
  67. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js +2 -2
  68. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js.map +1 -1
  69. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js +2 -2
  70. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js.map +1 -1
  71. package/dist/esm/components/CnIndexPage/useNamedSource.js +1 -1
  72. package/dist/esm/components/CnIndexPage/useNamedSource.js.map +1 -1
  73. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue.js +1 -1
  74. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js +13 -0
  75. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js.map +1 -1
  76. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js +5 -1
  77. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js.map +1 -1
  78. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue.js +9 -0
  79. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue.js.map +1 -0
  80. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js +220 -0
  81. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js.map +1 -0
  82. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js +121 -0
  83. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js.map +1 -0
  84. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue.js +1 -1
  85. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue2.js +83 -9
  86. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue2.js.map +1 -1
  87. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue3.js +80 -11
  88. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue3.js.map +1 -1
  89. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  90. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js.map +1 -1
  91. package/dist/esm/composables/indexSources.js +420 -5
  92. package/dist/esm/composables/indexSources.js.map +1 -1
  93. package/dist/esm/composables/useOrganisationStore.js +115 -0
  94. package/dist/esm/composables/useOrganisationStore.js.map +1 -0
  95. package/dist/esm/index.js +2 -0
  96. package/dist/esm/index.js.map +1 -1
  97. package/dist/esm/l10n/en.json.js +21 -1
  98. package/dist/esm/l10n/en.json.js.map +1 -1
  99. package/dist/esm/l10n/nl.json.js +36 -1
  100. package/dist/esm/l10n/nl.json.js.map +1 -1
  101. package/dist/esm/library-style.js +1 -1
  102. package/dist/esm/nextcloud-vue.css +725 -383
  103. package/dist/esm/utils/builtInFormatters.js +34 -1
  104. package/dist/esm/utils/builtInFormatters.js.map +1 -1
  105. package/dist/esm/utils/libraryWidgetKeys.js +1 -0
  106. package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
  107. package/dist/esm/utils/matrixCells.js +158 -0
  108. package/dist/esm/utils/matrixCells.js.map +1 -0
  109. package/dist/esm/utils/nextcloudDirectory.js +121 -0
  110. package/dist/esm/utils/nextcloudDirectory.js.map +1 -0
  111. package/dist/esm/utils/queryPresets.js +13 -2
  112. package/dist/esm/utils/queryPresets.js.map +1 -1
  113. package/dist/esm/utils/scopeListLayout.js +37 -1
  114. package/dist/esm/utils/scopeListLayout.js.map +1 -1
  115. package/dist/esm/utils/validateManifestV2.compiled.js +3 -3
  116. package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
  117. package/dist/nextcloud-vue.cjs.js +14443 -10519
  118. package/dist/nextcloud-vue.cjs.js.map +2 -2
  119. package/dist/nextcloud-vue.css +725 -383
  120. package/l10n/en.json +21 -1
  121. package/l10n/nl.json +36 -1
  122. package/package.json +2 -2
  123. package/scripts/merge-l10n.js +196 -0
  124. package/src/components/CnAppRoot/CnAppRoot.md +1 -0
  125. package/src/components/CnAppRoot/CnAppRoot.vue +17 -0
  126. package/src/components/CnCellRenderer/CnCellRenderer.vue +57 -1
  127. package/src/components/CnChartWidget/CnChartWidget.md +2 -1
  128. package/src/components/CnChartWidget/CnChartWidget.vue +106 -2
  129. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +1269 -0
  130. package/src/components/CnChecklistRunWidget/index.js +27 -0
  131. package/src/components/CnConversationThread/CnConversationThread.md +12 -0
  132. package/src/components/CnConversationThread/CnConversationThread.vue +30 -4
  133. package/src/components/CnConversationThread/CnConversationWidget.vue +167 -24
  134. package/src/components/CnDashboardPage/CnDashboardPage.vue +1 -0
  135. package/src/components/CnDataTable/CnDataTable.vue +26 -8
  136. package/src/components/CnDetailPage/CnDetailPage.md +48 -0
  137. package/src/components/CnDetailPage/CnDetailPage.vue +188 -5
  138. package/src/components/CnFactsWidget/CnFactsWidget.vue +114 -3
  139. package/src/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue +3 -3
  140. package/src/components/CnFeaturesBoard/CnFeaturesBoard.vue +38 -2
  141. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +508 -236
  142. package/src/components/CnFilesBrowser/filesBrowserColumns.js +8 -2
  143. package/src/components/CnIndexPage/CnIndexPage.md +28 -0
  144. package/src/components/CnIndexPage/CnIndexPage.vue +367 -27
  145. package/src/components/CnIndexPage/CnIndexPageWidgets.vue +13 -4
  146. package/src/components/CnIndexPage/useNamedSource.js +1 -1
  147. package/src/components/CnObjectSidebar/CnFilesTab.vue +17 -0
  148. package/src/components/CnOrderedListField/CnOrderedListField.vue +386 -0
  149. package/src/components/CnOrderedListField/index.js +7 -0
  150. package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue +139 -10
  151. package/src/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  152. package/src/components/index.js +2 -0
  153. package/src/composables/indexSources.js +419 -4
  154. package/src/composables/useOrganisationStore.js +111 -0
  155. package/src/index.js +2 -0
  156. package/src/schemas/app-manifest-v2.schema.json +42 -5
  157. package/src/utils/builtInFormatters.js +33 -0
  158. package/src/utils/libraryWidgetKeys.js +1 -0
  159. package/src/utils/matrixCells.js +154 -0
  160. package/src/utils/nextcloudDirectory.js +117 -0
  161. package/src/utils/queryPresets.js +13 -2
  162. package/src/utils/scopeListLayout.js +37 -1
  163. package/src/utils/validateManifestV2.compiled.js +3 -3
@@ -9297,7 +9297,7 @@ a.cn-kpi-card--board * {
9297
9297
  }
9298
9298
 
9299
9299
 
9300
- .cn-chart-widget[data-v-b7813930] {
9300
+ .cn-chart-widget[data-v-0b737464] {
9301
9301
  width: 100%;
9302
9302
  /* A chart FITS its container — it is never a scroll region. apexcharts
9303
9303
  sizes its SVG from the element it is mounted in, but it also enforces
@@ -9319,13 +9319,13 @@ a.cn-kpi-card--board * {
9319
9319
  takes what is left, so the chart is sized by the box rather than sizing it.
9320
9320
  `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
9321
9321
  the thing that produces the overflow it was meant to prevent. */
9322
- .cn-chart-widget--fit[data-v-b7813930] {
9322
+ .cn-chart-widget--fit[data-v-0b737464] {
9323
9323
  height: 100%;
9324
9324
  min-height: 0;
9325
9325
  display: flex;
9326
9326
  flex-direction: column;
9327
9327
  }
9328
- .cn-chart-widget__canvas[data-v-b7813930] {
9328
+ .cn-chart-widget__canvas[data-v-0b737464] {
9329
9329
  min-width: 0;
9330
9330
  max-width: 100%;
9331
9331
  /* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -9338,14 +9338,14 @@ a.cn-kpi-card--board * {
9338
9338
  /* apexcharts writes an inline `width` onto its own wrapper from its measured
9339
9339
  minimum, which beats the container when the container is narrower. Cap the
9340
9340
  painted box so the inline width cannot push past the widget's border. */
9341
- .cn-chart-widget[data-v-b7813930] .apexcharts-canvas,
9342
- .cn-chart-widget[data-v-b7813930] .apexcharts-canvas svg {
9341
+ .cn-chart-widget[data-v-0b737464] .apexcharts-canvas,
9342
+ .cn-chart-widget[data-v-0b737464] .apexcharts-canvas svg {
9343
9343
  max-width: 100%;
9344
9344
  }
9345
9345
 
9346
9346
  /* The SVG is a block: as an inline box it sits on a line and adds the line's
9347
9347
  descender space under the chart. */
9348
- .cn-chart-widget[data-v-b7813930] .apexcharts-canvas svg {
9348
+ .cn-chart-widget[data-v-0b737464] .apexcharts-canvas svg {
9349
9349
  display: block;
9350
9350
  }
9351
9351
 
@@ -9353,24 +9353,24 @@ a.cn-kpi-card--board * {
9353
9353
  would grow to its content, i.e. to the chart, and the percentage height would
9354
9354
  resolve against a box the chart itself defined. `overflow: hidden` keeps a
9355
9355
  sub-pixel rounding difference from reintroducing a scrollbar. */
9356
- .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-b7813930] {
9356
+ .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-0b737464] {
9357
9357
  flex: 1 1 0;
9358
9358
  min-height: 0;
9359
9359
  overflow: hidden;
9360
9360
  }
9361
- .cn-chart-widget__fallback[data-v-b7813930] {
9361
+ .cn-chart-widget__fallback[data-v-0b737464] {
9362
9362
  display: flex;
9363
9363
  align-items: center;
9364
9364
  justify-content: center;
9365
9365
  min-height: 150px;
9366
9366
  color: var(--color-text-maxcontrast);
9367
9367
  }
9368
- .cn-chart-widget__html[data-v-b7813930] {
9368
+ .cn-chart-widget__html[data-v-0b737464] {
9369
9369
  display: flex;
9370
9370
  flex-direction: column;
9371
9371
  gap: 12px;
9372
9372
  }
9373
- .cn-chart-widget__bar-list[data-v-b7813930] {
9373
+ .cn-chart-widget__bar-list[data-v-0b737464] {
9374
9374
  display: flex;
9375
9375
  flex-direction: column;
9376
9376
  gap: 10px;
@@ -9378,7 +9378,7 @@ a.cn-kpi-card--board * {
9378
9378
  margin: 0;
9379
9379
  padding: 0;
9380
9380
  }
9381
- .cn-chart-widget__bar-line[data-v-b7813930] {
9381
+ .cn-chart-widget__bar-line[data-v-0b737464] {
9382
9382
  align-items: center;
9383
9383
  background: none;
9384
9384
  border: 0;
@@ -9393,93 +9393,93 @@ a.cn-kpi-card--board * {
9393
9393
  text-align: start;
9394
9394
  width: 100%;
9395
9395
  }
9396
- .cn-chart-widget__bar-line--drill[data-v-b7813930] {
9396
+ .cn-chart-widget__bar-line--drill[data-v-0b737464] {
9397
9397
  border-radius: var(--border-radius-small, 4px);
9398
9398
  cursor: pointer;
9399
9399
  }
9400
- .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-b7813930],
9401
- .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-b7813930] {
9400
+ .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-0b737464],
9401
+ .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-0b737464] {
9402
9402
  text-decoration: underline;
9403
9403
  }
9404
- .cn-chart-widget__bar-label[data-v-b7813930] {
9404
+ .cn-chart-widget__bar-label[data-v-0b737464] {
9405
9405
  overflow: hidden;
9406
9406
  text-overflow: ellipsis;
9407
9407
  white-space: nowrap;
9408
9408
  }
9409
- .cn-chart-widget__bar-track[data-v-b7813930] {
9409
+ .cn-chart-widget__bar-track[data-v-0b737464] {
9410
9410
  background: var(--color-background-dark);
9411
9411
  border-radius: 4px;
9412
9412
  display: block;
9413
9413
  height: 14px;
9414
9414
  overflow: hidden;
9415
9415
  }
9416
- .cn-chart-widget__bar-fill[data-v-b7813930] {
9416
+ .cn-chart-widget__bar-fill[data-v-0b737464] {
9417
9417
  background: var(--color-primary-element);
9418
9418
  display: block;
9419
9419
  height: 100%;
9420
9420
  }
9421
- .cn-chart-widget__bar-value[data-v-b7813930] {
9421
+ .cn-chart-widget__bar-value[data-v-0b737464] {
9422
9422
  font-weight: 600;
9423
9423
  text-align: end;
9424
9424
  white-space: nowrap;
9425
9425
  }
9426
- .cn-chart-widget__footnote[data-v-b7813930] {
9426
+ .cn-chart-widget__footnote[data-v-0b737464] {
9427
9427
  color: var(--color-text-maxcontrast);
9428
9428
  margin: 0;
9429
9429
  }
9430
- .cn-chart-widget__matrix[data-v-b7813930] {
9430
+ .cn-chart-widget__matrix[data-v-0b737464] {
9431
9431
  display: grid;
9432
9432
  gap: 4px;
9433
9433
  }
9434
- .cn-chart-widget__matrix-row[data-v-b7813930] {
9434
+ .cn-chart-widget__matrix-row[data-v-0b737464] {
9435
9435
  display: contents;
9436
9436
  }
9437
- .cn-chart-widget__matrix-head[data-v-b7813930] {
9437
+ .cn-chart-widget__matrix-head[data-v-0b737464] {
9438
9438
  color: var(--color-text-maxcontrast);
9439
9439
  padding: 6px;
9440
9440
  }
9441
- .cn-chart-widget__matrix-label[data-v-b7813930] {
9441
+ .cn-chart-widget__matrix-label[data-v-0b737464] {
9442
9442
  padding: 10px 6px;
9443
9443
  }
9444
- .cn-chart-widget__matrix-cell[data-v-b7813930] {
9444
+ .cn-chart-widget__matrix-cell[data-v-0b737464] {
9445
9445
  border-radius: 6px;
9446
9446
  padding: 10px;
9447
9447
  text-align: center;
9448
9448
  }
9449
- .cn-chart-widget__matrix-cell--success[data-v-b7813930] {
9449
+ .cn-chart-widget__matrix-cell--success[data-v-0b737464] {
9450
9450
  background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
9451
9451
  }
9452
- .cn-chart-widget__matrix-cell--warning[data-v-b7813930] {
9452
+ .cn-chart-widget__matrix-cell--warning[data-v-0b737464] {
9453
9453
  background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
9454
9454
  }
9455
- .cn-chart-widget__matrix-cell--error[data-v-b7813930] {
9455
+ .cn-chart-widget__matrix-cell--error[data-v-0b737464] {
9456
9456
  background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
9457
9457
  }
9458
- .cn-chart-widget__matrix-cell--danger[data-v-b7813930] {
9458
+ .cn-chart-widget__matrix-cell--danger[data-v-0b737464] {
9459
9459
  background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
9460
9460
  }
9461
- .cn-chart-widget__matrix-cell--current[data-v-b7813930] {
9461
+ .cn-chart-widget__matrix-cell--current[data-v-0b737464] {
9462
9462
  font-weight: 700;
9463
9463
  outline: 3px solid var(--color-primary-element);
9464
9464
  outline-offset: -3px;
9465
9465
  }
9466
- .cn-chart-widget__matrix-cell--1[data-v-b7813930] {
9466
+ .cn-chart-widget__matrix-cell--1[data-v-0b737464] {
9467
9467
  background: var(--color-primary-element-light);
9468
9468
  color: var(--color-primary-element-light-text);
9469
9469
  }
9470
- .cn-chart-widget__matrix-cell--2[data-v-b7813930] {
9470
+ .cn-chart-widget__matrix-cell--2[data-v-0b737464] {
9471
9471
  background: color-mix(in srgb, var(--color-primary-element) 30%, var(--color-main-background));
9472
9472
  color: var(--color-main-text);
9473
9473
  }
9474
- .cn-chart-widget__matrix-cell--3[data-v-b7813930] {
9474
+ .cn-chart-widget__matrix-cell--3[data-v-0b737464] {
9475
9475
  background: color-mix(in srgb, var(--color-primary-element) 65%, var(--color-main-background));
9476
9476
  color: var(--color-primary-element-text);
9477
9477
  }
9478
- .cn-chart-widget__matrix-cell--4[data-v-b7813930] {
9478
+ .cn-chart-widget__matrix-cell--4[data-v-0b737464] {
9479
9479
  background: var(--color-primary-element);
9480
9480
  color: var(--color-primary-element-text);
9481
9481
  }
9482
- .cn-chart-widget__empty[data-v-b7813930] {
9482
+ .cn-chart-widget__empty[data-v-0b737464] {
9483
9483
  display: flex;
9484
9484
  align-items: center;
9485
9485
  justify-content: center;
@@ -9494,25 +9494,25 @@ a.cn-kpi-card--board * {
9494
9494
  content-sized case; in fit mode they take the leftover space and centre in it
9495
9495
  instead, since the floor would overflow a short tile. Declared after the base
9496
9496
  rules so the cascade order matches specificity (no-descending-specificity). */
9497
- .cn-chart-widget--fit .cn-chart-widget__empty[data-v-b7813930],
9498
- .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-b7813930] {
9497
+ .cn-chart-widget--fit .cn-chart-widget__empty[data-v-0b737464],
9498
+ .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-0b737464] {
9499
9499
  flex: 1 1 0;
9500
9500
  min-height: 0;
9501
9501
  }
9502
- .cn-chart-widget__error[data-v-b7813930] {
9502
+ .cn-chart-widget__error[data-v-0b737464] {
9503
9503
  font-size: 14px;
9504
9504
  margin: 0;
9505
9505
  }
9506
9506
 
9507
9507
  /* In-widget view switcher pills (views[] prop) — compact segmented row,
9508
9508
  mirroring the dashboard date-range pill styling. */
9509
- .cn-chart-widget__views[data-v-b7813930] {
9509
+ .cn-chart-widget__views[data-v-0b737464] {
9510
9510
  display: flex;
9511
9511
  gap: 4px;
9512
9512
  margin-bottom: 6px;
9513
9513
  justify-content: flex-end;
9514
9514
  }
9515
- .cn-chart-widget__view-pill[data-v-b7813930] {
9515
+ .cn-chart-widget__view-pill[data-v-0b737464] {
9516
9516
  padding: 2px 10px;
9517
9517
  border: 1px solid var(--color-border);
9518
9518
  border-radius: 999px;
@@ -9521,7 +9521,7 @@ a.cn-kpi-card--board * {
9521
9521
  font-size: 12px;
9522
9522
  cursor: pointer;
9523
9523
  }
9524
- .cn-chart-widget__view-pill--active[data-v-b7813930] {
9524
+ .cn-chart-widget__view-pill--active[data-v-0b737464] {
9525
9525
  background: var(--color-primary-element-light, #aad2ed);
9526
9526
  color: var(--color-main-text);
9527
9527
  border-color: var(--color-primary-element, #0082c9);
@@ -9550,8 +9550,8 @@ a.cn-kpi-card--board * {
9550
9550
  each override below therefore carries one more class than the apexcharts rule
9551
9551
  it replaces, and holds even without the scope attribute this block compiles
9552
9552
  with. */
9553
- .cn-chart-widget[data-v-b7813930] .apexcharts-tooltip.apexcharts-theme-light,
9554
- .cn-chart-widget[data-v-b7813930] .apexcharts-tooltip.apexcharts-theme-dark {
9553
+ .cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-light,
9554
+ .cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-dark {
9555
9555
  background: var(--color-main-background);
9556
9556
  border: 1px solid var(--color-border);
9557
9557
  color: var(--color-main-text);
@@ -9560,8 +9560,8 @@ a.cn-kpi-card--board * {
9560
9560
 
9561
9561
  /* The title row is the date/category header ("Aug 26"). Its own background is
9562
9562
  what made it unreadable rather than merely off-theme. */
9563
- .cn-chart-widget[data-v-b7813930] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
9564
- .cn-chart-widget[data-v-b7813930] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
9563
+ .cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
9564
+ .cn-chart-widget[data-v-0b737464] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
9565
9565
  background: var(--color-background-hover);
9566
9566
  border-bottom: 1px solid var(--color-border);
9567
9567
  color: var(--color-main-text);
@@ -9570,8 +9570,8 @@ a.cn-kpi-card--board * {
9570
9570
  /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
9571
9571
  here and only overrides them for its dark theme, so the base rule has to be
9572
9572
  replaced too — not just the theme variants. */
9573
- .cn-chart-widget[data-v-b7813930] .apexcharts-xaxistooltip,
9574
- .cn-chart-widget[data-v-b7813930] .apexcharts-yaxistooltip {
9573
+ .cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip,
9574
+ .cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip {
9575
9575
  background: var(--color-main-background);
9576
9576
  border: 1px solid var(--color-border);
9577
9577
  color: var(--color-main-text);
@@ -9580,55 +9580,55 @@ a.cn-kpi-card--board * {
9580
9580
  /* Their pointer arrows are two stacked triangles: `::before` paints the border
9581
9581
  edge, `::after` the fill. Both need the tokens the box above uses, or the
9582
9582
  arrow keeps the old palette and reads as a stray light wedge. */
9583
- .cn-chart-widget[data-v-b7813930] .apexcharts-xaxistooltip-bottom::after,
9584
- .cn-chart-widget[data-v-b7813930] .apexcharts-xaxistooltip-top::after {
9583
+ .cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-bottom::after,
9584
+ .cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-top::after {
9585
9585
  border-bottom-color: var(--color-main-background);
9586
9586
  border-top-color: var(--color-main-background);
9587
9587
  }
9588
- .cn-chart-widget[data-v-b7813930] .apexcharts-xaxistooltip-bottom::before,
9589
- .cn-chart-widget[data-v-b7813930] .apexcharts-xaxistooltip-top::before {
9588
+ .cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-bottom::before,
9589
+ .cn-chart-widget[data-v-0b737464] .apexcharts-xaxistooltip-top::before {
9590
9590
  border-bottom-color: var(--color-border);
9591
9591
  border-top-color: var(--color-border);
9592
9592
  }
9593
- .cn-chart-widget[data-v-b7813930] .apexcharts-yaxistooltip-left::after,
9594
- .cn-chart-widget[data-v-b7813930] .apexcharts-yaxistooltip-right::after {
9593
+ .cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-left::after,
9594
+ .cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-right::after {
9595
9595
  border-left-color: var(--color-main-background);
9596
9596
  border-right-color: var(--color-main-background);
9597
9597
  }
9598
- .cn-chart-widget[data-v-b7813930] .apexcharts-yaxistooltip-left::before,
9599
- .cn-chart-widget[data-v-b7813930] .apexcharts-yaxistooltip-right::before {
9598
+ .cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-left::before,
9599
+ .cn-chart-widget[data-v-0b737464] .apexcharts-yaxistooltip-right::before {
9600
9600
  border-left-color: var(--color-border);
9601
9601
  border-right-color: var(--color-border);
9602
9602
  }
9603
9603
 
9604
9604
  /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
9605
9605
  hardcoded `#fff` panel under inherited near-white text. */
9606
- .cn-chart-widget[data-v-b7813930] .apexcharts-menu {
9606
+ .cn-chart-widget[data-v-0b737464] .apexcharts-menu {
9607
9607
  background: var(--color-main-background);
9608
9608
  border: 1px solid var(--color-border);
9609
9609
  color: var(--color-main-text);
9610
9610
  }
9611
- .cn-chart-widget[data-v-b7813930] .apexcharts-menu .apexcharts-menu-item:hover {
9611
+ .cn-chart-widget[data-v-0b737464] .apexcharts-menu .apexcharts-menu-item:hover {
9612
9612
  background: var(--color-background-hover);
9613
9613
  }
9614
9614
 
9615
9615
  /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
9616
9616
  vanishes against a dark background. One selector per icon class, matching
9617
9617
  apexcharts' own list, to clear its (0,3,1) hover rules. */
9618
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-menu-icon svg,
9619
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-reset-icon svg,
9620
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-selection-icon svg,
9621
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoom-icon svg,
9622
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
9623
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
9618
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-menu-icon svg,
9619
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-reset-icon svg,
9620
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-selection-icon svg,
9621
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoom-icon svg,
9622
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
9623
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
9624
9624
  fill: var(--color-text-maxcontrast);
9625
9625
  }
9626
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
9627
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
9628
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
9629
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
9630
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
9631
- .cn-chart-widget[data-v-b7813930] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
9626
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
9627
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
9628
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
9629
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
9630
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
9631
+ .cn-chart-widget[data-v-0b737464] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
9632
9632
  fill: var(--color-main-text);
9633
9633
  }
9634
9634
 
@@ -9700,21 +9700,21 @@ a.cn-kpi-card--board * {
9700
9700
  }
9701
9701
 
9702
9702
 
9703
- .cn-conversation-thread[data-v-322509e8] {
9703
+ .cn-conversation-thread[data-v-40a059c8] {
9704
9704
  display: flex;
9705
9705
  flex-direction: column;
9706
9706
  gap: calc(3.5 * var(--default-grid-baseline));
9707
9707
  }
9708
- .cn-conversation-thread__title[data-v-322509e8] {
9708
+ .cn-conversation-thread__title[data-v-40a059c8] {
9709
9709
  font-size: 1.1em;
9710
9710
  font-weight: 700;
9711
9711
  margin: 0;
9712
9712
  }
9713
- .cn-conversation-thread__empty[data-v-322509e8] {
9713
+ .cn-conversation-thread__empty[data-v-40a059c8] {
9714
9714
  color: var(--color-text-maxcontrast);
9715
9715
  margin: 0;
9716
9716
  }
9717
- .cn-conversation-thread__messages[data-v-322509e8] {
9717
+ .cn-conversation-thread__messages[data-v-40a059c8] {
9718
9718
  display: flex;
9719
9719
  flex-direction: column;
9720
9720
  gap: calc(3.5 * var(--default-grid-baseline));
@@ -9722,14 +9722,14 @@ a.cn-kpi-card--board * {
9722
9722
  margin: 0;
9723
9723
  padding: 0;
9724
9724
  }
9725
- .cn-conversation-thread__message[data-v-322509e8] {
9725
+ .cn-conversation-thread__message[data-v-40a059c8] {
9726
9726
  display: flex;
9727
9727
  gap: calc(3 * var(--default-grid-baseline));
9728
9728
  }
9729
- .cn-conversation-thread__message--us[data-v-322509e8] {
9729
+ .cn-conversation-thread__message--us[data-v-40a059c8] {
9730
9730
  flex-direction: row-reverse;
9731
9731
  }
9732
- .cn-conversation-thread__avatar[data-v-322509e8] {
9732
+ .cn-conversation-thread__avatar[data-v-40a059c8] {
9733
9733
  align-items: center;
9734
9734
  background: var(--color-background-dark);
9735
9735
  border-radius: 50%;
@@ -9742,7 +9742,7 @@ a.cn-kpi-card--board * {
9742
9742
  justify-content: center;
9743
9743
  width: 34px;
9744
9744
  }
9745
- .cn-conversation-thread__bubble[data-v-322509e8] {
9745
+ .cn-conversation-thread__bubble[data-v-40a059c8] {
9746
9746
  background: var(--color-background-hover);
9747
9747
  border-radius: var(--border-radius-large);
9748
9748
  border-start-start-radius: var(--border-radius-small, 4px);
@@ -9754,52 +9754,55 @@ a.cn-kpi-card--board * {
9754
9754
  min-width: 0;
9755
9755
  padding: calc(3 * var(--default-grid-baseline)) calc(3.5 * var(--default-grid-baseline));
9756
9756
  }
9757
- .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-322509e8] {
9757
+ .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-40a059c8] {
9758
9758
  background: var(--color-primary-element-light);
9759
9759
  border-start-end-radius: var(--border-radius-small, 4px);
9760
9760
  border-start-start-radius: var(--border-radius-large);
9761
9761
  color: var(--color-primary-element-light-text);
9762
9762
  }
9763
- .cn-conversation-thread__meta[data-v-322509e8] {
9763
+ .cn-conversation-thread__meta[data-v-40a059c8] {
9764
9764
  display: flex;
9765
9765
  flex-wrap: wrap;
9766
9766
  font-size: 0.9em;
9767
9767
  gap: calc(2 * var(--default-grid-baseline));
9768
9768
  }
9769
- .cn-conversation-thread__author[data-v-322509e8] {
9769
+ .cn-conversation-thread__author[data-v-40a059c8] {
9770
9770
  font-weight: 600;
9771
9771
  }
9772
- .cn-conversation-thread__text[data-v-322509e8] {
9772
+ .cn-conversation-thread__text[data-v-40a059c8] {
9773
9773
  overflow-wrap: anywhere;
9774
9774
  white-space: pre-wrap;
9775
9775
  }
9776
- .cn-conversation-thread__reply[data-v-322509e8] {
9776
+ .cn-conversation-thread__reply[data-v-40a059c8] {
9777
9777
  display: flex;
9778
9778
  flex-direction: column;
9779
9779
  gap: calc(2 * var(--default-grid-baseline));
9780
9780
  }
9781
- .cn-conversation-thread__reply-label[data-v-322509e8] {
9781
+ .cn-conversation-thread__reply-label[data-v-40a059c8] {
9782
9782
  font-weight: 600;
9783
9783
  }
9784
- .cn-conversation-thread__input[data-v-322509e8] {
9784
+ .cn-conversation-thread__input[data-v-40a059c8] {
9785
9785
  box-sizing: border-box;
9786
9786
  margin: 0;
9787
9787
  resize: vertical;
9788
9788
  width: 100%;
9789
9789
  }
9790
- .cn-conversation-thread__error[data-v-322509e8] {
9790
+ .cn-conversation-thread__error[data-v-40a059c8] {
9791
9791
  color: var(--color-error-text, var(--color-error));
9792
9792
  margin: 0;
9793
9793
  }
9794
- .cn-conversation-thread__reply-actions[data-v-322509e8] {
9794
+ .cn-conversation-thread__reply-actions[data-v-40a059c8] {
9795
9795
  display: flex;
9796
9796
  flex-wrap: wrap;
9797
9797
  gap: calc(2.5 * var(--default-grid-baseline));
9798
9798
  justify-content: flex-end;
9799
9799
  }
9800
+ .cn-conversation-thread__channel[data-v-40a059c8] {
9801
+ color: var(--color-text-maxcontrast);
9802
+ }
9800
9803
 
9801
9804
 
9802
- .cn-case-widget-card[data-v-2f1f2943] {
9805
+ .cn-case-widget-card[data-v-257593ce] {
9803
9806
  background: var(--color-main-background);
9804
9807
  border: 1px solid var(--color-border);
9805
9808
  border-radius: var(--border-radius-large);
@@ -11027,52 +11030,57 @@ svg.leaflet-image-layer.leaflet-interactive path {
11027
11030
  }
11028
11031
 
11029
11032
 
11030
- .cn-cell-renderer__icon-label[data-v-153d8456] {
11033
+ .cn-cell-renderer__actions[data-v-e99f38c8] {
11034
+ display: inline-flex;
11035
+ flex-wrap: wrap;
11036
+ gap: 8px;
11037
+ }
11038
+ .cn-cell-renderer__icon-label[data-v-e99f38c8] {
11031
11039
  display: inline-flex;
11032
11040
  align-items: center;
11033
11041
  gap: 6px;
11034
11042
  font-weight: 600;
11035
11043
  }
11036
- .cn-cell-renderer__switch[data-v-153d8456] {
11044
+ .cn-cell-renderer__switch[data-v-e99f38c8] {
11037
11045
  display: inline-flex;
11038
11046
  }
11039
- .cn-cell-renderer__mono[data-v-153d8456] {
11047
+ .cn-cell-renderer__mono[data-v-e99f38c8] {
11040
11048
  font-family: monospace;
11041
11049
  font-size: 13px;
11042
11050
  color: var(--color-text-maxcontrast);
11043
11051
  }
11044
- .cn-cell-renderer--uuid[data-v-153d8456] {
11052
+ .cn-cell-renderer--uuid[data-v-e99f38c8] {
11045
11053
  font-family: monospace;
11046
11054
  font-size: 13px;
11047
11055
  color: var(--color-text-maxcontrast);
11048
11056
  }
11049
- .cn-cell-renderer--number[data-v-153d8456] {
11057
+ .cn-cell-renderer--number[data-v-e99f38c8] {
11050
11058
  font-variant-numeric: tabular-nums;
11051
11059
  }
11052
- .cn-cell-renderer--date[data-v-153d8456] {
11060
+ .cn-cell-renderer--date[data-v-e99f38c8] {
11053
11061
  white-space: nowrap;
11054
11062
  }
11055
- .cn-cell-renderer__dash[data-v-153d8456] {
11063
+ .cn-cell-renderer__dash[data-v-e99f38c8] {
11056
11064
  color: var(--color-text-maxcontrast);
11057
11065
  }
11058
- .cn-cell-renderer__avatar[data-v-153d8456] {
11066
+ .cn-cell-renderer__avatar[data-v-e99f38c8] {
11059
11067
  display: inline-flex;
11060
11068
  align-items: center;
11061
11069
  gap: 8px;
11062
11070
  max-width: 100%;
11063
11071
  vertical-align: middle;
11064
11072
  }
11065
- .cn-cell-renderer__avatar-picture[data-v-153d8456] {
11073
+ .cn-cell-renderer__avatar-picture[data-v-e99f38c8] {
11066
11074
  display: inline-flex;
11067
11075
  flex: none;
11068
11076
  }
11069
- .cn-cell-renderer__date-block[data-v-153d8456] {
11077
+ .cn-cell-renderer__date-block[data-v-e99f38c8] {
11070
11078
  display: inline-flex;
11071
11079
  align-items: center;
11072
11080
  gap: 12px;
11073
11081
  white-space: nowrap;
11074
11082
  }
11075
- .cn-cell-renderer__date-tile[data-v-153d8456] {
11083
+ .cn-cell-renderer__date-tile[data-v-e99f38c8] {
11076
11084
  display: flex;
11077
11085
  flex: 0 0 46px;
11078
11086
  flex-direction: column;
@@ -11082,26 +11090,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
11082
11090
  border-radius: 8px;
11083
11091
  background-color: var(--color-background-dark);
11084
11092
  }
11085
- .cn-cell-renderer__date-day[data-v-153d8456] {
11093
+ .cn-cell-renderer__date-day[data-v-e99f38c8] {
11086
11094
  font-size: 17px;
11087
11095
  line-height: 1;
11088
11096
  }
11089
- .cn-cell-renderer__date-month[data-v-153d8456],
11090
- .cn-cell-renderer__date-time[data-v-153d8456] {
11097
+ .cn-cell-renderer__date-month[data-v-e99f38c8],
11098
+ .cn-cell-renderer__date-time[data-v-e99f38c8] {
11091
11099
  color: var(--color-text-maxcontrast);
11092
11100
  }
11093
- .cn-cell-renderer__date-month[data-v-153d8456] {
11101
+ .cn-cell-renderer__date-month[data-v-e99f38c8] {
11094
11102
  font-size: 12px;
11095
11103
  }
11096
- .cn-cell-renderer__date-lines[data-v-153d8456] {
11104
+ .cn-cell-renderer__date-lines[data-v-e99f38c8] {
11097
11105
  display: flex;
11098
11106
  flex-direction: column;
11099
11107
  gap: 2px;
11100
11108
  }
11101
- .cn-cell-renderer__date-weekday[data-v-153d8456] {
11109
+ .cn-cell-renderer__date-weekday[data-v-e99f38c8] {
11102
11110
  font-weight: 600;
11103
11111
  }
11104
- .cn-cell-renderer__avatar-initials[data-v-153d8456] {
11112
+ .cn-cell-renderer__avatar-initials[data-v-e99f38c8] {
11105
11113
  display: inline-flex;
11106
11114
  flex: none;
11107
11115
  align-items: center;
@@ -11113,12 +11121,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
11113
11121
  font-weight: 700;
11114
11122
  line-height: 1;
11115
11123
  }
11116
- .cn-cell-renderer__avatar-text[data-v-153d8456] {
11124
+ .cn-cell-renderer__avatar-text[data-v-e99f38c8] {
11117
11125
  display: flex;
11118
11126
  flex-direction: column;
11119
11127
  min-width: 0;
11120
11128
  }
11121
- .cn-cell-renderer__avatar-name[data-v-153d8456] {
11129
+ .cn-cell-renderer__avatar-name[data-v-e99f38c8] {
11122
11130
  min-width: 0;
11123
11131
  overflow: hidden;
11124
11132
  text-overflow: ellipsis;
@@ -11128,7 +11136,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
11128
11136
  font: inherit;
11129
11137
  color: inherit;
11130
11138
  }
11131
- .cn-cell-renderer__avatar-secondary[data-v-153d8456] {
11139
+ .cn-cell-renderer__avatar-secondary[data-v-e99f38c8] {
11132
11140
  min-width: 0;
11133
11141
  overflow: hidden;
11134
11142
  color: var(--color-text-maxcontrast);
@@ -11142,34 +11150,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
11142
11150
 
11143
11151
  /* A date that matched a rule is also set in a heavier weight, so the signal
11144
11152
  does not rest on colour alone. */
11145
- .cn-cell-renderer__date--success[data-v-153d8456],
11146
- .cn-cell-renderer__date--warning[data-v-153d8456],
11147
- .cn-cell-renderer__date--error[data-v-153d8456],
11148
- .cn-cell-renderer__age--success[data-v-153d8456],
11149
- .cn-cell-renderer__age--warning[data-v-153d8456],
11150
- .cn-cell-renderer__age--error[data-v-153d8456] {
11153
+ .cn-cell-renderer__date--success[data-v-e99f38c8],
11154
+ .cn-cell-renderer__date--warning[data-v-e99f38c8],
11155
+ .cn-cell-renderer__date--error[data-v-e99f38c8],
11156
+ .cn-cell-renderer__age--success[data-v-e99f38c8],
11157
+ .cn-cell-renderer__age--warning[data-v-e99f38c8],
11158
+ .cn-cell-renderer__age--error[data-v-e99f38c8] {
11151
11159
  font-weight: 600;
11152
11160
  }
11153
- .cn-cell-renderer__age[data-v-153d8456] {
11161
+ .cn-cell-renderer__age[data-v-e99f38c8] {
11154
11162
  white-space: nowrap;
11155
11163
  }
11156
11164
 
11157
11165
  /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
11158
11166
  8px beside it in the bar's tone, and an optional age badge after them, as
11159
11167
  PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
11160
- .cn-cell-renderer__progress[data-v-153d8456] {
11168
+ .cn-cell-renderer__progress[data-v-e99f38c8] {
11161
11169
  display: inline-flex;
11162
11170
  flex-wrap: wrap;
11163
11171
  align-items: center;
11164
11172
  gap: 4px 8px;
11165
11173
  }
11166
- .cn-cell-renderer__progress-line[data-v-153d8456] {
11174
+ .cn-cell-renderer__progress-line[data-v-e99f38c8] {
11167
11175
  display: inline-flex;
11168
11176
  align-items: center;
11169
11177
  gap: 8px;
11170
11178
  white-space: nowrap;
11171
11179
  }
11172
- .cn-cell-renderer__progress-bar[data-v-153d8456] {
11180
+ .cn-cell-renderer__progress-bar[data-v-e99f38c8] {
11173
11181
  display: inline-block;
11174
11182
  width: 56px;
11175
11183
  height: 8px;
@@ -11177,33 +11185,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
11177
11185
  background: var(--color-background-dark);
11178
11186
  overflow: hidden;
11179
11187
  }
11180
- .cn-cell-renderer__progress-fill[data-v-153d8456] {
11188
+ .cn-cell-renderer__progress-fill[data-v-e99f38c8] {
11181
11189
  display: block;
11182
11190
  height: 100%;
11183
11191
  }
11184
- .cn-cell-renderer__progress-fill--success[data-v-153d8456] {
11192
+ .cn-cell-renderer__progress-fill--success[data-v-e99f38c8] {
11185
11193
  background: var(--color-element-success, var(--color-success));
11186
11194
  }
11187
- .cn-cell-renderer__progress-fill--warning[data-v-153d8456] {
11195
+ .cn-cell-renderer__progress-fill--warning[data-v-e99f38c8] {
11188
11196
  background: var(--color-element-warning, var(--color-warning));
11189
11197
  }
11190
- .cn-cell-renderer__progress-fill--error[data-v-153d8456] {
11198
+ .cn-cell-renderer__progress-fill--error[data-v-e99f38c8] {
11191
11199
  background: var(--color-element-error, var(--color-error));
11192
11200
  }
11193
- .cn-cell-renderer__progress-value[data-v-153d8456] {
11201
+ .cn-cell-renderer__progress-value[data-v-e99f38c8] {
11194
11202
  font-size: 14px;
11195
11203
  font-weight: 700;
11196
11204
  }
11197
- .cn-cell-renderer__progress-value--success[data-v-153d8456] {
11205
+ .cn-cell-renderer__progress-value--success[data-v-e99f38c8] {
11198
11206
  color: var(--color-text-success, var(--color-success-text));
11199
11207
  }
11200
- .cn-cell-renderer__progress-value--warning[data-v-153d8456] {
11208
+ .cn-cell-renderer__progress-value--warning[data-v-e99f38c8] {
11201
11209
  color: var(--color-text-warning, var(--color-warning-text));
11202
11210
  }
11203
- .cn-cell-renderer__progress-value--error[data-v-153d8456] {
11211
+ .cn-cell-renderer__progress-value--error[data-v-e99f38c8] {
11204
11212
  color: var(--color-text-error, var(--color-error-text));
11205
11213
  }
11206
- .cn-cell-renderer__progress-badge[data-v-153d8456] {
11214
+ .cn-cell-renderer__progress-badge[data-v-e99f38c8] {
11207
11215
  display: inline-block;
11208
11216
  padding: 3px 10px;
11209
11217
  border-radius: 12px;
@@ -11211,52 +11219,52 @@ svg.leaflet-image-layer.leaflet-interactive path {
11211
11219
  font-weight: 600;
11212
11220
  white-space: nowrap;
11213
11221
  }
11214
- .cn-cell-renderer__progress-badge--error[data-v-153d8456] {
11222
+ .cn-cell-renderer__progress-badge--error[data-v-e99f38c8] {
11215
11223
  color: var(--color-text-error, var(--color-error-text));
11216
11224
  background: var(--color-error-hover, var(--color-background-dark));
11217
11225
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
11218
11226
  }
11219
- .cn-cell-renderer__progress-badge--warning[data-v-153d8456] {
11227
+ .cn-cell-renderer__progress-badge--warning[data-v-e99f38c8] {
11220
11228
  color: var(--color-text-warning, var(--color-warning-text));
11221
11229
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
11222
11230
  }
11223
- .cn-cell-renderer__progress-badge--success[data-v-153d8456] {
11231
+ .cn-cell-renderer__progress-badge--success[data-v-e99f38c8] {
11224
11232
  color: var(--color-text-success, var(--color-success-text));
11225
11233
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
11226
11234
  }
11227
- .cn-cell-renderer__age--success[data-v-153d8456] {
11235
+ .cn-cell-renderer__age--success[data-v-e99f38c8] {
11228
11236
  color: var(--color-text-success, var(--color-success-text));
11229
11237
  }
11230
- .cn-cell-renderer__age--warning[data-v-153d8456] {
11238
+ .cn-cell-renderer__age--warning[data-v-e99f38c8] {
11231
11239
  color: var(--color-text-warning, var(--color-warning-text));
11232
11240
  }
11233
- .cn-cell-renderer__age--error[data-v-153d8456] {
11241
+ .cn-cell-renderer__age--error[data-v-e99f38c8] {
11234
11242
  color: var(--color-text-error, var(--color-error-text));
11235
11243
  }
11236
- .cn-cell-renderer__due--empty[data-v-153d8456] {
11244
+ .cn-cell-renderer__due--empty[data-v-e99f38c8] {
11237
11245
  color: var(--color-text-maxcontrast);
11238
11246
  }
11239
- .cn-cell-renderer__date--success[data-v-153d8456] {
11247
+ .cn-cell-renderer__date--success[data-v-e99f38c8] {
11240
11248
  color: var(--color-text-success, var(--color-success-text));
11241
11249
  }
11242
- .cn-cell-renderer__date--warning[data-v-153d8456] {
11250
+ .cn-cell-renderer__date--warning[data-v-e99f38c8] {
11243
11251
  color: var(--color-text-warning, var(--color-warning-text));
11244
11252
  }
11245
- .cn-cell-renderer__date--error[data-v-153d8456] {
11253
+ .cn-cell-renderer__date--error[data-v-e99f38c8] {
11246
11254
  color: var(--color-text-error, var(--color-error-text));
11247
11255
  }
11248
11256
 
11249
11257
  /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
11250
11258
  background colour and too pale for a 16px glyph on a light theme. */
11251
- .cn-cell-renderer__icon--success[data-v-153d8456] {
11259
+ .cn-cell-renderer__icon--success[data-v-e99f38c8] {
11252
11260
  color: var(--color-text-success, var(--color-success-text, var(--color-success)));
11253
11261
  }
11254
- .cn-cell-renderer__swatch-wrap[data-v-153d8456] {
11262
+ .cn-cell-renderer__swatch-wrap[data-v-e99f38c8] {
11255
11263
  display: inline-flex;
11256
11264
  align-items: center;
11257
11265
  gap: 8px;
11258
11266
  }
11259
- .cn-cell-renderer__swatch-dot[data-v-153d8456] {
11267
+ .cn-cell-renderer__swatch-dot[data-v-e99f38c8] {
11260
11268
  display: inline-block;
11261
11269
  width: 12px;
11262
11270
  height: 12px;
@@ -16538,7 +16546,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16538
16546
  }
16539
16547
 
16540
16548
 
16541
- .cn-files-browser[data-v-120dc0ec] {
16549
+ .cn-files-browser[data-v-5da9ca42] {
16542
16550
  display: flex;
16543
16551
  flex-direction: column;
16544
16552
  gap: 8px;
@@ -16546,11 +16554,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16546
16554
  position: relative;
16547
16555
  border-radius: var(--border-radius-large, 8px);
16548
16556
  }
16549
- .cn-files-browser--dragging[data-v-120dc0ec] {
16557
+ .cn-files-browser--dragging[data-v-5da9ca42] {
16550
16558
  outline: 2px dashed var(--color-primary-element);
16551
16559
  outline-offset: 4px;
16552
16560
  }
16553
- .cn-files-browser__drop-overlay[data-v-120dc0ec] {
16561
+ .cn-files-browser__drop-overlay[data-v-5da9ca42] {
16554
16562
  position: absolute;
16555
16563
  inset: 0;
16556
16564
  z-index: 2;
@@ -16568,7 +16576,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16568
16576
  text-align: center;
16569
16577
  pointer-events: none;
16570
16578
  }
16571
- .cn-files-browser__drop-icon[data-v-120dc0ec] {
16579
+ .cn-files-browser__drop-icon[data-v-5da9ca42] {
16572
16580
  display: flex;
16573
16581
  align-items: center;
16574
16582
  justify-content: center;
@@ -16578,11 +16586,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16578
16586
  background: var(--color-main-background);
16579
16587
  color: var(--color-primary-element);
16580
16588
  }
16581
- .cn-files-browser__drop-label[data-v-120dc0ec] {
16589
+ .cn-files-browser__drop-label[data-v-5da9ca42] {
16582
16590
  font-size: 20px;
16583
16591
  font-weight: 700;
16584
16592
  }
16585
- .cn-files-browser__drop-hint[data-v-120dc0ec] {
16593
+ .cn-files-browser__drop-hint[data-v-5da9ca42] {
16586
16594
  display: flex;
16587
16595
  align-items: center;
16588
16596
  gap: 8px;
@@ -16592,14 +16600,14 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16592
16600
  font-size: 13px;
16593
16601
  color: var(--color-text-maxcontrast);
16594
16602
  }
16595
- .cn-files-browser__bar[data-v-120dc0ec] {
16603
+ .cn-files-browser__bar[data-v-5da9ca42] {
16596
16604
  display: flex;
16597
16605
  align-items: center;
16598
16606
  justify-content: space-between;
16599
16607
  gap: 8px;
16600
16608
  min-width: 0;
16601
16609
  }
16602
- .cn-files-browser__crumbs[data-v-120dc0ec] {
16610
+ .cn-files-browser__crumbs[data-v-5da9ca42] {
16603
16611
  min-width: 0;
16604
16612
  flex: 1 1 auto;
16605
16613
  }
@@ -16607,13 +16615,13 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16607
16615
  /* The crumbs give way, the controls do not: a long crumb (a folder named
16608
16616
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
16609
16617
  kept their width. */
16610
- .cn-files-browser__bar[data-v-120dc0ec] > :not(.cn-files-browser__crumbs) {
16618
+ .cn-files-browser__bar[data-v-5da9ca42] > :not(.cn-files-browser__crumbs) {
16611
16619
  flex-shrink: 0;
16612
16620
  }
16613
- .cn-files-browser__file-input[data-v-120dc0ec] {
16621
+ .cn-files-browser__file-input[data-v-5da9ca42] {
16614
16622
  display: none;
16615
16623
  }
16616
- .cn-files-browser__uploads[data-v-120dc0ec] {
16624
+ .cn-files-browser__uploads[data-v-5da9ca42] {
16617
16625
  list-style: none;
16618
16626
  margin: 0;
16619
16627
  padding: 0;
@@ -16621,34 +16629,105 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16621
16629
  flex-direction: column;
16622
16630
  gap: 4px;
16623
16631
  }
16624
- .cn-files-browser__upload[data-v-120dc0ec] {
16632
+ .cn-files-browser__upload[data-v-5da9ca42] {
16625
16633
  display: flex;
16626
16634
  flex-direction: column;
16627
16635
  gap: 2px;
16628
16636
  }
16629
- .cn-files-browser__upload-name[data-v-120dc0ec] {
16637
+ .cn-files-browser__upload-name[data-v-5da9ca42] {
16630
16638
  font-size: 13px;
16631
16639
  }
16632
- .cn-files-browser__upload-error[data-v-120dc0ec] {
16640
+ .cn-files-browser__upload-error[data-v-5da9ca42] {
16633
16641
  color: var(--color-error);
16634
16642
  font-size: 13px;
16635
16643
  }
16636
- .cn-files-browser__loading[data-v-120dc0ec] {
16644
+ .cn-files-browser__loading[data-v-5da9ca42] {
16637
16645
  padding: 24px 0;
16638
16646
  }
16639
- .cn-files-browser__table[data-v-120dc0ec] {
16647
+
16648
+ /* `sideCards`: the list and, while a file is selected, a column of cards. */
16649
+ .cn-files-browser__body--with-side[data-v-5da9ca42] {
16650
+ display: grid;
16651
+ grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
16652
+ align-items: start;
16653
+ gap: 16px;
16654
+ }
16655
+ @media (max-width: 900px) {
16656
+ .cn-files-browser__body--with-side[data-v-5da9ca42] {
16657
+ grid-template-columns: minmax(0, 1fr);
16658
+ }
16659
+ }
16660
+ .cn-files-browser__side[data-v-5da9ca42] {
16661
+ display: flex;
16662
+ flex-direction: column;
16663
+ gap: 12px;
16664
+ }
16665
+ .cn-files-browser__side-card[data-v-5da9ca42] {
16666
+ display: flex;
16667
+ flex-direction: column;
16668
+ gap: 10px;
16669
+ padding: 16px 18px;
16670
+ border: 1px solid var(--color-border);
16671
+ border-radius: var(--border-radius-large);
16672
+ background: var(--color-main-background);
16673
+ }
16674
+ .cn-files-browser__side-title[data-v-5da9ca42] {
16675
+ margin: 0;
16676
+ font-size: 15px;
16677
+ font-weight: 700;
16678
+ overflow-wrap: anywhere;
16679
+ }
16680
+ .cn-files-browser__side-facts[data-v-5da9ca42] {
16681
+ display: grid;
16682
+ grid-template-columns: max-content minmax(0, 1fr);
16683
+ gap: 6px 12px;
16684
+ margin: 0;
16685
+ font-size: 14px;
16686
+ }
16687
+ .cn-files-browser__side-facts dt[data-v-5da9ca42] {
16688
+ color: var(--color-text-maxcontrast);
16689
+ }
16690
+ .cn-files-browser__side-facts dd[data-v-5da9ca42] {
16691
+ margin: 0;
16692
+ overflow-wrap: anywhere;
16693
+ }
16694
+ .cn-files-browser__side-actions[data-v-5da9ca42] {
16695
+ display: flex;
16696
+ flex-wrap: wrap;
16697
+ gap: 8px;
16698
+ }
16699
+
16700
+ /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
16701
+ text in the tone's colour, as the boards write a restricted level. */
16702
+ .cn-files-browser__tone[data-v-5da9ca42] {
16703
+ font-weight: 600;
16704
+ }
16705
+ .cn-files-browser__tone--success[data-v-5da9ca42] {
16706
+ color: var(--color-success-text, var(--color-success));
16707
+ }
16708
+ .cn-files-browser__tone--warning[data-v-5da9ca42] {
16709
+ color: var(--color-warning-text, var(--color-warning));
16710
+ }
16711
+ .cn-files-browser__tone--error[data-v-5da9ca42] {
16712
+ color: var(--color-error-text, var(--color-error));
16713
+ }
16714
+ .cn-files-browser__tone--primary[data-v-5da9ca42],
16715
+ .cn-files-browser__tone--info[data-v-5da9ca42] {
16716
+ color: var(--color-primary-element-light-text, var(--color-primary-element));
16717
+ }
16718
+ .cn-files-browser__table[data-v-5da9ca42] {
16640
16719
  width: 100%;
16641
16720
  border-collapse: collapse;
16642
16721
  table-layout: fixed;
16643
16722
  }
16644
- .cn-files-browser__table th[data-v-120dc0ec] {
16723
+ .cn-files-browser__table th[data-v-5da9ca42] {
16645
16724
  text-align: start;
16646
16725
  font-weight: normal;
16647
16726
  color: var(--color-text-maxcontrast);
16648
16727
  padding: 4px 8px;
16649
16728
  border-bottom: 1px solid var(--color-border);
16650
16729
  }
16651
- .cn-files-browser__sort[data-v-120dc0ec] {
16730
+ .cn-files-browser__sort[data-v-5da9ca42] {
16652
16731
  background: none;
16653
16732
  border: none;
16654
16733
  padding: 0;
@@ -16659,46 +16738,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16659
16738
  align-items: center;
16660
16739
  gap: 2px;
16661
16740
  }
16662
- .cn-files-browser__sort[data-v-120dc0ec]:hover,
16663
- .cn-files-browser__sort[data-v-120dc0ec]:focus-visible {
16741
+ .cn-files-browser__sort[data-v-5da9ca42]:hover,
16742
+ .cn-files-browser__sort[data-v-5da9ca42]:focus-visible {
16664
16743
  color: var(--color-main-text);
16665
16744
  }
16666
- .cn-files-browser__row[data-v-120dc0ec] {
16745
+ .cn-files-browser__row[data-v-5da9ca42] {
16667
16746
  cursor: pointer;
16668
16747
  }
16669
- .cn-files-browser__row[data-v-120dc0ec]:hover,
16670
- .cn-files-browser__row[data-v-120dc0ec]:focus-within {
16748
+ .cn-files-browser__row[data-v-5da9ca42]:hover,
16749
+ .cn-files-browser__row[data-v-5da9ca42]:focus-within {
16671
16750
  background-color: var(--color-background-hover);
16672
16751
  }
16673
- .cn-files-browser__table td[data-v-120dc0ec] {
16752
+ .cn-files-browser__table td[data-v-5da9ca42] {
16674
16753
  padding: 4px 8px;
16675
16754
  border-bottom: 1px solid var(--color-border);
16676
16755
  vertical-align: middle;
16677
16756
  }
16678
- .cn-files-browser__col-icon[data-v-120dc0ec] {
16757
+ .cn-files-browser__col-icon[data-v-5da9ca42] {
16679
16758
  width: 48px;
16680
16759
  }
16681
- .cn-files-browser__col-size[data-v-120dc0ec] {
16760
+ .cn-files-browser__col-size[data-v-5da9ca42] {
16682
16761
  width: 96px;
16683
16762
  white-space: nowrap;
16684
16763
  color: var(--color-text-maxcontrast);
16685
16764
  }
16686
- .cn-files-browser__col-mtime[data-v-120dc0ec] {
16765
+ .cn-files-browser__col-mtime[data-v-5da9ca42] {
16687
16766
  width: 140px;
16688
16767
  white-space: nowrap;
16689
16768
  color: var(--color-text-maxcontrast);
16690
16769
  }
16691
- .cn-files-browser__col-select[data-v-120dc0ec] {
16770
+ .cn-files-browser__col-select[data-v-5da9ca42] {
16692
16771
  width: 36px;
16693
16772
  text-align: center;
16694
16773
  }
16695
- .cn-files-browser__select[data-v-120dc0ec] {
16774
+ .cn-files-browser__select[data-v-5da9ca42] {
16696
16775
  width: 18px;
16697
16776
  height: 18px;
16698
16777
  margin: 0;
16699
16778
  accent-color: var(--color-primary-element);
16700
16779
  }
16701
- .cn-files-browser__bulk-bar[data-v-120dc0ec] {
16780
+ .cn-files-browser__bulk-bar[data-v-5da9ca42] {
16702
16781
  display: flex;
16703
16782
  flex-wrap: wrap;
16704
16783
  align-items: center;
@@ -16707,22 +16786,22 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16707
16786
  border-radius: var(--border-radius-large);
16708
16787
  background: var(--color-primary-element-light);
16709
16788
  }
16710
- .cn-files-browser__bulk-count[data-v-120dc0ec] {
16789
+ .cn-files-browser__bulk-count[data-v-5da9ca42] {
16711
16790
  font-weight: 600;
16712
16791
  margin-inline-end: 8px;
16713
16792
  }
16714
- .cn-files-browser__facets[data-v-120dc0ec] {
16793
+ .cn-files-browser__facets[data-v-5da9ca42] {
16715
16794
  display: flex;
16716
16795
  flex-wrap: wrap;
16717
16796
  align-items: center;
16718
16797
  gap: 8px 16px;
16719
16798
  }
16720
- .cn-files-browser__facet[data-v-120dc0ec] {
16799
+ .cn-files-browser__facet[data-v-5da9ca42] {
16721
16800
  display: flex;
16722
16801
  flex-wrap: wrap;
16723
16802
  gap: 6px;
16724
16803
  }
16725
- .cn-files-browser__facet-chip[data-v-120dc0ec] {
16804
+ .cn-files-browser__facet-chip[data-v-5da9ca42] {
16726
16805
  display: inline-flex;
16727
16806
  align-items: center;
16728
16807
  gap: 6px;
@@ -16734,65 +16813,65 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16734
16813
  color: var(--color-main-text);
16735
16814
  cursor: pointer;
16736
16815
  }
16737
- .cn-files-browser__facet-chip--active[data-v-120dc0ec] {
16816
+ .cn-files-browser__facet-chip--active[data-v-5da9ca42] {
16738
16817
  border-color: var(--color-primary-element);
16739
16818
  background: var(--color-primary-element-light);
16740
16819
  }
16741
- .cn-files-browser__group-heading[data-v-120dc0ec] {
16820
+ .cn-files-browser__group-heading[data-v-5da9ca42] {
16742
16821
  padding: 12px 8px 4px;
16743
16822
  text-align: start;
16744
16823
  font-weight: 700;
16745
16824
  }
16746
- .cn-files-browser__group-count[data-v-120dc0ec] {
16825
+ .cn-files-browser__group-count[data-v-5da9ca42] {
16747
16826
  margin-inline-start: 6px;
16748
16827
  font-weight: 400;
16749
16828
  color: var(--color-text-maxcontrast);
16750
16829
  }
16751
- .cn-files-browser__no-match[data-v-120dc0ec] {
16830
+ .cn-files-browser__no-match[data-v-5da9ca42] {
16752
16831
  padding: 16px 8px;
16753
16832
  color: var(--color-text-maxcontrast);
16754
16833
  }
16755
- .cn-files-browser__col-actions[data-v-120dc0ec] {
16834
+ .cn-files-browser__col-actions[data-v-5da9ca42] {
16756
16835
  width: 48px;
16757
16836
  }
16758
- .cn-files-browser__col-name[data-v-120dc0ec] {
16837
+ .cn-files-browser__col-name[data-v-5da9ca42] {
16759
16838
  min-width: 0;
16760
16839
  }
16761
- .cn-files-browser__name[data-v-120dc0ec] {
16840
+ .cn-files-browser__name[data-v-5da9ca42] {
16762
16841
  display: block;
16763
16842
  overflow: hidden;
16764
16843
  text-overflow: ellipsis;
16765
16844
  white-space: nowrap;
16766
16845
  }
16767
- .cn-files-browser__row--linked[data-v-120dc0ec] {
16846
+ .cn-files-browser__row--linked[data-v-5da9ca42] {
16768
16847
  color: var(--color-text-maxcontrast);
16769
16848
  }
16770
- .cn-files-browser__note[data-v-120dc0ec] {
16849
+ .cn-files-browser__note[data-v-5da9ca42] {
16771
16850
  color: var(--color-text-maxcontrast);
16772
16851
  display: block;
16773
16852
  font-size: var(--font-size-small, 13px);
16774
16853
  }
16775
- .cn-files-browser__note-link[data-v-120dc0ec] {
16854
+ .cn-files-browser__note-link[data-v-5da9ca42] {
16776
16855
  color: inherit;
16777
16856
  text-decoration: underline;
16778
16857
  }
16779
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-120dc0ec] {
16858
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-5da9ca42] {
16780
16859
  font-weight: 600;
16781
16860
  }
16782
- .cn-files-browser__mime[data-v-120dc0ec],
16783
- .cn-files-browser__thumb[data-v-120dc0ec] {
16861
+ .cn-files-browser__mime[data-v-5da9ca42],
16862
+ .cn-files-browser__thumb[data-v-5da9ca42] {
16784
16863
  width: 32px;
16785
16864
  height: 32px;
16786
16865
  display: block;
16787
16866
  }
16788
- .cn-files-browser__thumb[data-v-120dc0ec] {
16867
+ .cn-files-browser__thumb[data-v-5da9ca42] {
16789
16868
  object-fit: cover;
16790
16869
  border-radius: var(--border-radius, 4px);
16791
16870
  }
16792
- .cn-files-browser__new-folder[data-v-120dc0ec] {
16871
+ .cn-files-browser__new-folder[data-v-5da9ca42] {
16793
16872
  padding: 8px 0;
16794
16873
  }
16795
- .hidden-visually[data-v-120dc0ec] {
16874
+ .hidden-visually[data-v-5da9ca42] {
16796
16875
  position: absolute;
16797
16876
  width: 1px;
16798
16877
  height: 1px;
@@ -16802,9 +16881,9 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16802
16881
  }
16803
16882
 
16804
16883
 
16805
- .cn-sidebar-tab[data-v-b3b9e1c2] { padding: 12px;
16884
+ .cn-sidebar-tab[data-v-0442340e] { padding: 12px;
16806
16885
  }
16807
- .cn-sidebar-tab__upload-error[data-v-b3b9e1c2] {
16886
+ .cn-sidebar-tab__upload-error[data-v-0442340e] {
16808
16887
  padding: 8px 12px;
16809
16888
  margin-bottom: 8px;
16810
16889
  border-radius: var(--border-radius, 4px);
@@ -16812,7 +16891,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16812
16891
  color: var(--color-error, #e53935);
16813
16892
  font-size: 13px;
16814
16893
  }
16815
- .cn-sidebar-tab__dropzone[data-v-b3b9e1c2] {
16894
+ .cn-sidebar-tab__dropzone[data-v-0442340e] {
16816
16895
  display: flex;
16817
16896
  flex-direction: column;
16818
16897
  align-items: center;
@@ -16825,46 +16904,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
16825
16904
  cursor: pointer;
16826
16905
  transition: border-color 0.15s ease, background-color 0.15s ease;
16827
16906
  }
16828
- .cn-sidebar-tab__dropzone[data-v-b3b9e1c2]:hover {
16907
+ .cn-sidebar-tab__dropzone[data-v-0442340e]:hover {
16829
16908
  border-color: var(--color-primary-element);
16830
16909
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
16831
16910
  }
16832
- .cn-sidebar-tab__dropzone--active[data-v-b3b9e1c2] {
16911
+ .cn-sidebar-tab__dropzone--active[data-v-0442340e] {
16833
16912
  border-color: var(--color-primary-element);
16834
16913
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
16835
16914
  }
16836
- .cn-sidebar-tab__share[data-v-b3b9e1c2] { margin-bottom: 12px;
16915
+ .cn-sidebar-tab__share[data-v-0442340e] { margin-bottom: 12px;
16837
16916
  }
16838
- .cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2] { color: var(--color-text-maxcontrast);
16917
+ .cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-text-maxcontrast);
16839
16918
  }
16840
- .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2],
16841
- .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-b3b9e1c2] { color: var(--color-primary-element);
16919
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-0442340e],
16920
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-primary-element);
16842
16921
  }
16843
- .cn-sidebar-tab__dropzone-text[data-v-b3b9e1c2] { font-size: 13px; color: var(--color-text-maxcontrast);
16922
+ .cn-sidebar-tab__dropzone-text[data-v-0442340e] { font-size: 13px; color: var(--color-text-maxcontrast);
16844
16923
  }
16845
- .cn-sidebar-tab__file-input[data-v-b3b9e1c2] { display: none;
16924
+ .cn-sidebar-tab__file-input[data-v-0442340e] { display: none;
16846
16925
  }
16847
- .cn-sidebar-tab__empty[data-v-b3b9e1c2] {
16926
+ .cn-sidebar-tab__empty[data-v-0442340e] {
16848
16927
  text-align: center;
16849
16928
  padding: 24px 12px;
16850
16929
  color: var(--color-text-maxcontrast);
16851
16930
  font-size: 13px;
16852
16931
  }
16853
- .cn-sidebar-tab__list[data-v-b3b9e1c2] { display: flex; flex-direction: column; gap: 2px;
16932
+ .cn-sidebar-tab__list[data-v-0442340e] { display: flex; flex-direction: column; gap: 2px;
16854
16933
  }
16855
- .cn-sidebar-tab__mime[data-v-b3b9e1c2],
16856
- .cn-sidebar-tab__thumb[data-v-b3b9e1c2] {
16934
+ .cn-sidebar-tab__mime[data-v-0442340e],
16935
+ .cn-sidebar-tab__thumb[data-v-0442340e] {
16857
16936
  width: 32px;
16858
16937
  height: 32px;
16859
16938
  display: block;
16860
16939
  }
16861
- .cn-sidebar-tab__thumb[data-v-b3b9e1c2] {
16940
+ .cn-sidebar-tab__thumb[data-v-0442340e] {
16862
16941
  object-fit: cover;
16863
16942
  border-radius: var(--border-radius, 4px);
16864
16943
  }
16865
- .cn-sidebar-tab__meta[data-v-b3b9e1c2] { color: var(--color-text-maxcontrast);
16944
+ .cn-sidebar-tab__meta[data-v-0442340e] { color: var(--color-text-maxcontrast);
16866
16945
  }
16867
- .cn-sidebar-tab__load-more[data-v-b3b9e1c2] { margin-top: 8px;
16946
+ .cn-sidebar-tab__load-more[data-v-0442340e] { margin-top: 8px;
16868
16947
  }
16869
16948
 
16870
16949
 
@@ -30018,13 +30097,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30018
30097
  }
30019
30098
 
30020
30099
 
30021
- .cn-facts-widget[data-v-0e50ed9a] {
30100
+ .cn-facts-widget[data-v-34d72512] {
30022
30101
  display: flex;
30023
30102
  flex-direction: column;
30024
30103
  gap: 10px;
30025
30104
  min-width: 0;
30026
30105
  }
30027
- .cn-facts-widget__rows[data-v-0e50ed9a] {
30106
+ .cn-facts-widget__rows[data-v-34d72512] {
30028
30107
  display: grid;
30029
30108
  grid-template-columns: max-content 1fr;
30030
30109
  gap: 8px 16px;
@@ -30033,7 +30112,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30033
30112
  }
30034
30113
 
30035
30114
  /* Each row is a grid of its own children: the wrapper takes no box. */
30036
- .cn-facts-widget__row[data-v-0e50ed9a] {
30115
+ .cn-facts-widget__row[data-v-34d72512] {
30037
30116
  display: contents;
30038
30117
  }
30039
30118
 
@@ -30041,13 +30120,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30041
30120
  pushed the label to the right of its column and added 12px around both. The
30042
30121
  class is doubled so these resets outrank that rule, and a dossiq-style
30043
30122
  `:deep()` override in an app is not needed. */
30044
- .cn-facts-widget__label.cn-facts-widget__label[data-v-0e50ed9a] {
30123
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
30045
30124
  margin: 0;
30046
30125
  padding: 0;
30047
30126
  text-align: start;
30048
30127
  color: var(--color-text-maxcontrast);
30049
30128
  }
30050
- .cn-facts-widget__value.cn-facts-widget__value[data-v-0e50ed9a] {
30129
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-34d72512] {
30051
30130
  margin: 0;
30052
30131
  padding: 0;
30053
30132
  text-align: start;
@@ -30055,20 +30134,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30055
30134
  min-width: 0;
30056
30135
  overflow-wrap: anywhere;
30057
30136
  }
30058
- .cn-facts-widget__title[data-v-0e50ed9a] {
30137
+ .cn-facts-widget__title[data-v-34d72512] {
30059
30138
  font-size: 15px;
30060
30139
  font-weight: 600;
30061
30140
  color: var(--color-main-text);
30062
30141
  }
30063
- .cn-facts-widget__line[data-v-0e50ed9a] {
30142
+ .cn-facts-widget__line[data-v-34d72512] {
30064
30143
  font-size: 13px;
30065
30144
  color: var(--color-text-maxcontrast);
30066
30145
  }
30067
- .cn-facts-widget__muted[data-v-0e50ed9a] {
30146
+ .cn-facts-widget__meter[data-v-34d72512] {
30147
+ display: flex;
30148
+ flex-direction: column;
30149
+ gap: 4px;
30150
+ font-size: 14px;
30151
+ }
30152
+ .cn-facts-widget__meter-head[data-v-34d72512] {
30153
+ display: flex;
30154
+ justify-content: space-between;
30155
+ gap: 16px;
30156
+ }
30157
+ .cn-facts-widget__meter-label[data-v-34d72512] {
30158
+ color: var(--color-text-maxcontrast);
30159
+ }
30160
+ .cn-facts-widget__meter-value[data-v-34d72512] {
30161
+ font-weight: 500;
30162
+ text-align: end;
30163
+ }
30164
+ .cn-facts-widget__meter-track[data-v-34d72512] {
30165
+ height: 6px;
30166
+ border-radius: 3px;
30167
+ background: var(--color-background-darker);
30168
+ overflow: hidden;
30169
+ }
30170
+ .cn-facts-widget__meter-bar[data-v-34d72512] {
30171
+ display: block;
30172
+ height: 100%;
30173
+ border-radius: inherit;
30174
+ background: var(--color-primary-element);
30175
+ }
30176
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-34d72512] {
30177
+ color: var(--color-error-text);
30178
+ }
30179
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-34d72512] {
30180
+ background: var(--color-error);
30181
+ }
30182
+ .cn-facts-widget__muted[data-v-34d72512] {
30068
30183
  margin: 0;
30069
30184
  color: var(--color-text-maxcontrast);
30070
30185
  }
30071
- .cn-facts-widget__label .hidden-visually[data-v-0e50ed9a] {
30186
+ .cn-facts-widget__label .hidden-visually[data-v-34d72512] {
30072
30187
  clip-path: inset(50%);
30073
30188
  height: 1px;
30074
30189
  overflow: hidden;
@@ -30076,23 +30191,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30076
30191
  white-space: nowrap;
30077
30192
  width: 1px;
30078
30193
  }
30079
- .cn-facts-widget__label--icon[data-v-0e50ed9a] {
30194
+ .cn-facts-widget__label--icon[data-v-34d72512] {
30080
30195
  align-items: center;
30081
30196
  display: flex;
30082
30197
  }
30083
- .cn-facts-widget__value-link[data-v-0e50ed9a] {
30198
+ .cn-facts-widget__value-link[data-v-34d72512] {
30084
30199
  color: var(--color-primary-element);
30085
30200
  text-decoration: underline;
30086
30201
  }
30087
- .cn-facts-widget__inline-button[data-v-0e50ed9a],
30088
- .cn-facts-widget__icon-button[data-v-0e50ed9a],
30089
- .cn-facts-widget__action[data-v-0e50ed9a] {
30202
+ .cn-facts-widget__inline-button[data-v-34d72512],
30203
+ .cn-facts-widget__icon-button[data-v-34d72512],
30204
+ .cn-facts-widget__action[data-v-34d72512] {
30090
30205
  align-items: center;
30091
30206
  cursor: pointer;
30092
30207
  display: inline-flex;
30093
30208
  font: inherit;
30094
30209
  }
30095
- .cn-facts-widget__inline-button[data-v-0e50ed9a] {
30210
+ .cn-facts-widget__inline-button[data-v-34d72512] {
30096
30211
  background: var(--color-main-background);
30097
30212
  border: 1px solid var(--color-border-dark);
30098
30213
  border-radius: 16px;
@@ -30103,7 +30218,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30103
30218
  min-height: 28px;
30104
30219
  padding: 0 10px;
30105
30220
  }
30106
- .cn-facts-widget__icon-button[data-v-0e50ed9a] {
30221
+ .cn-facts-widget__icon-button[data-v-34d72512] {
30107
30222
  background: transparent;
30108
30223
  border: 0;
30109
30224
  border-radius: 6px;
@@ -30112,23 +30227,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30112
30227
  padding: 2px;
30113
30228
  vertical-align: middle;
30114
30229
  }
30115
- .cn-facts-widget__icon-button[data-v-0e50ed9a]:hover,
30116
- .cn-facts-widget__icon-button[data-v-0e50ed9a]:focus-visible {
30230
+ .cn-facts-widget__icon-button[data-v-34d72512]:hover,
30231
+ .cn-facts-widget__icon-button[data-v-34d72512]:focus-visible {
30117
30232
  background: var(--color-background-hover);
30118
30233
  color: var(--color-main-text);
30119
30234
  }
30120
- .cn-facts-widget__text[data-v-0e50ed9a] {
30235
+ .cn-facts-widget__text[data-v-34d72512] {
30121
30236
  color: var(--color-main-text);
30122
30237
  font-size: 15px;
30123
30238
  }
30124
30239
 
30125
30240
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
30126
- .cn-facts-widget__lead[data-v-0e50ed9a] {
30241
+ .cn-facts-widget__lead[data-v-34d72512] {
30127
30242
  align-items: center;
30128
30243
  display: flex;
30129
30244
  gap: 12px;
30130
30245
  }
30131
- .cn-facts-widget__lead-tile[data-v-0e50ed9a] {
30246
+ .cn-facts-widget__lead-tile[data-v-34d72512] {
30132
30247
  align-items: center;
30133
30248
  background: var(--color-background-dark);
30134
30249
  border-radius: 8px;
@@ -30141,29 +30256,29 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30141
30256
  justify-content: center;
30142
30257
  width: 40px;
30143
30258
  }
30144
- .cn-facts-widget__lead-tile--success[data-v-0e50ed9a] {
30259
+ .cn-facts-widget__lead-tile--success[data-v-34d72512] {
30145
30260
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
30146
30261
  border-radius: 50%;
30147
30262
  color: var(--color-success-text, var(--color-success));
30148
30263
  }
30149
- .cn-facts-widget__lead-tile--info[data-v-0e50ed9a] {
30264
+ .cn-facts-widget__lead-tile--info[data-v-34d72512] {
30150
30265
  background: var(--color-primary-element-light);
30151
30266
  border-radius: 50%;
30152
30267
  color: var(--color-primary-element-light-text, var(--color-primary-element));
30153
30268
  }
30154
- .cn-facts-widget__lead-text[data-v-0e50ed9a] {
30269
+ .cn-facts-widget__lead-text[data-v-34d72512] {
30155
30270
  display: flex;
30156
30271
  flex-direction: column;
30157
30272
  min-width: 0;
30158
30273
  }
30159
- .cn-facts-widget__lead-title[data-v-0e50ed9a] {
30274
+ .cn-facts-widget__lead-title[data-v-34d72512] {
30160
30275
  font-size: 15px;
30161
30276
  }
30162
- .cn-facts-widget__lead-subtitle[data-v-0e50ed9a] {
30277
+ .cn-facts-widget__lead-subtitle[data-v-34d72512] {
30163
30278
  color: var(--color-text-maxcontrast);
30164
30279
  font-size: 13px;
30165
30280
  }
30166
- .cn-facts-widget__action[data-v-0e50ed9a] {
30281
+ .cn-facts-widget__action[data-v-34d72512] {
30167
30282
  align-self: flex-start;
30168
30283
  background: var(--color-primary-element-light);
30169
30284
  border: 0;
@@ -30175,11 +30290,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30175
30290
  min-height: 32px;
30176
30291
  padding: 0 14px;
30177
30292
  }
30178
- .cn-facts-widget__action[data-v-0e50ed9a]:hover,
30179
- .cn-facts-widget__action[data-v-0e50ed9a]:focus-visible {
30293
+ .cn-facts-widget__action[data-v-34d72512]:hover,
30294
+ .cn-facts-widget__action[data-v-34d72512]:focus-visible {
30180
30295
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
30181
30296
  }
30182
- .cn-facts-widget__link[data-v-0e50ed9a] {
30297
+ .cn-facts-widget__link[data-v-34d72512] {
30183
30298
  font-size: 14px;
30184
30299
  font-weight: 600;
30185
30300
  color: var(--color-primary-element);
@@ -30188,12 +30303,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30188
30303
 
30189
30304
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
30190
30305
  hairline under each fact; one column on a phone. */
30191
- .cn-facts-widget__rows--columns[data-v-0e50ed9a] {
30306
+ .cn-facts-widget__rows--columns[data-v-34d72512] {
30192
30307
  grid-template-columns: repeat(2, minmax(0, 1fr));
30193
30308
  gap: 14px 24px;
30194
30309
  font-size: 15px;
30195
30310
  }
30196
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-0e50ed9a] {
30311
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-34d72512] {
30197
30312
  display: flex;
30198
30313
  flex-direction: column;
30199
30314
  gap: 3px;
@@ -30201,11 +30316,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30201
30316
  padding-bottom: 10px;
30202
30317
  border-bottom: 1px solid var(--color-border);
30203
30318
  }
30204
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-0e50ed9a] {
30319
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
30205
30320
  font-size: 13px;
30206
30321
  }
30207
30322
  @media (max-width: 640px) {
30208
- .cn-facts-widget__rows--columns[data-v-0e50ed9a] {
30323
+ .cn-facts-widget__rows--columns[data-v-34d72512] {
30209
30324
  grid-template-columns: minmax(0, 1fr);
30210
30325
  }
30211
30326
  }
@@ -30277,6 +30392,120 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
30277
30392
  }
30278
30393
 
30279
30394
 
30395
+ .cn-checklist-run__form[data-v-56cee1aa] {
30396
+ display: flex;
30397
+ flex-direction: column;
30398
+ gap: 12px;
30399
+ }
30400
+ .cn-checklist-run__position[data-v-56cee1aa] {
30401
+ color: var(--color-text-maxcontrast);
30402
+ margin: 0;
30403
+ }
30404
+ .cn-checklist-run__progress[data-v-56cee1aa] {
30405
+ background: var(--color-border);
30406
+ border-radius: 3px;
30407
+ display: block;
30408
+ height: 6px;
30409
+ overflow: hidden;
30410
+ }
30411
+ .cn-checklist-run__progress-fill[data-v-56cee1aa] {
30412
+ background: var(--color-primary-element);
30413
+ display: block;
30414
+ height: 100%;
30415
+ }
30416
+ .cn-checklist-run__live[data-v-56cee1aa],
30417
+ .cn-checklist-run__sr[data-v-56cee1aa] {
30418
+ clip-path: inset(50%);
30419
+ height: 1px;
30420
+ overflow: hidden;
30421
+ position: absolute;
30422
+ white-space: nowrap;
30423
+ width: 1px;
30424
+ }
30425
+ .cn-checklist-run__question[data-v-56cee1aa],
30426
+ .cn-checklist-run__photos[data-v-56cee1aa] {
30427
+ background: var(--color-main-background);
30428
+ border: 1px solid var(--color-border);
30429
+ border-radius: var(--border-radius-large, 12px);
30430
+ display: flex;
30431
+ flex-direction: column;
30432
+ gap: 8px;
30433
+ margin: 0;
30434
+ padding: 12px 14px;
30435
+ }
30436
+ .cn-checklist-run__legend[data-v-56cee1aa] {
30437
+ font-weight: 600;
30438
+ padding: 0 4px;
30439
+ }
30440
+ .cn-checklist-run__help[data-v-56cee1aa] {
30441
+ color: var(--color-text-maxcontrast);
30442
+ margin: 0;
30443
+ }
30444
+ .cn-checklist-run__choice[data-v-56cee1aa] {
30445
+ align-items: center;
30446
+ display: flex;
30447
+ gap: 10px;
30448
+ min-height: 34px;
30449
+ }
30450
+ .cn-checklist-run__choice input[data-v-56cee1aa] {
30451
+ accent-color: var(--color-primary-element);
30452
+ height: 20px;
30453
+ margin: 0;
30454
+ width: 20px;
30455
+ }
30456
+ .cn-checklist-run__text[data-v-56cee1aa],
30457
+ .cn-checklist-run__number[data-v-56cee1aa] {
30458
+ box-sizing: border-box;
30459
+ width: 100%;
30460
+ }
30461
+ .cn-checklist-run__group[data-v-56cee1aa] {
30462
+ font-weight: 600;
30463
+ margin: 0;
30464
+ }
30465
+ .cn-checklist-run__note-label[data-v-56cee1aa] {
30466
+ display: flex;
30467
+ flex-direction: column;
30468
+ gap: 4px;
30469
+ }
30470
+ .cn-checklist-run__photo-list[data-v-56cee1aa] {
30471
+ margin: 0;
30472
+ padding-inline-start: 18px;
30473
+ }
30474
+ .cn-checklist-run__photo-button[data-v-56cee1aa] {
30475
+ align-items: center;
30476
+ align-self: flex-start;
30477
+ border: 1px solid var(--color-border-dark);
30478
+ border-radius: var(--border-radius-element, 8px);
30479
+ cursor: pointer;
30480
+ display: inline-flex;
30481
+ font-weight: 600;
30482
+ min-height: 34px;
30483
+ padding: 0 14px;
30484
+ }
30485
+ .cn-checklist-run__photo-button[data-v-56cee1aa]:focus-within {
30486
+ outline: 2px solid var(--color-primary-element);
30487
+ outline-offset: 2px;
30488
+ }
30489
+ .cn-checklist-run__photo-input[data-v-56cee1aa] {
30490
+ clip-path: inset(50%);
30491
+ height: 1px;
30492
+ overflow: hidden;
30493
+ position: absolute;
30494
+ width: 1px;
30495
+ }
30496
+ .cn-checklist-run__nav[data-v-56cee1aa] {
30497
+ display: flex;
30498
+ justify-content: space-between;
30499
+ }
30500
+ .cn-checklist-run__error[data-v-56cee1aa] {
30501
+ color: var(--color-error-text, var(--color-error));
30502
+ margin: 0;
30503
+ }
30504
+ .cn-checklist-run__empty[data-v-56cee1aa] {
30505
+ color: var(--color-text-maxcontrast);
30506
+ }
30507
+
30508
+
30280
30509
  .cn-run-node-dialog__form[data-v-2d7cb7f5] {
30281
30510
  display: flex;
30282
30511
  flex-direction: column;
@@ -36832,6 +37061,84 @@ to {
36832
37061
  }
36833
37062
 
36834
37063
 
37064
+ .cn-ordered-list-field[data-v-81cf425a] {
37065
+ display: flex;
37066
+ flex-direction: column;
37067
+ gap: 10px;
37068
+ }
37069
+ .cn-ordered-list-field__label[data-v-81cf425a] {
37070
+ margin: 0;
37071
+ font-weight: 600;
37072
+ }
37073
+ .cn-ordered-list-field__rows[data-v-81cf425a] {
37074
+ display: flex;
37075
+ flex-direction: column;
37076
+ margin: 0;
37077
+ padding: 0;
37078
+ border: 1px solid var(--color-border);
37079
+ border-radius: var(--border-radius-element, 8px);
37080
+ list-style: none;
37081
+ }
37082
+ .cn-ordered-list-field__row[data-v-81cf425a] {
37083
+ display: flex;
37084
+ align-items: center;
37085
+ gap: 10px;
37086
+ min-height: 44px;
37087
+ padding: 2px 6px 2px 12px;
37088
+ }
37089
+ .cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-81cf425a] {
37090
+ border-top: 1px solid var(--color-border);
37091
+ }
37092
+ .cn-ordered-list-field__position[data-v-81cf425a] {
37093
+ flex: none;
37094
+ min-width: 18px;
37095
+ color: var(--color-text-maxcontrast);
37096
+ font-size: 13px;
37097
+ font-variant-numeric: tabular-nums;
37098
+ }
37099
+ .cn-ordered-list-field__text[data-v-81cf425a] {
37100
+ flex: 1 1 auto;
37101
+ min-width: 0;
37102
+ overflow-wrap: anywhere;
37103
+ }
37104
+ .cn-ordered-list-field__actions[data-v-81cf425a] {
37105
+ display: flex;
37106
+ flex: none;
37107
+ gap: 2px;
37108
+ }
37109
+ .cn-ordered-list-field__button[data-v-81cf425a] {
37110
+ display: inline-flex;
37111
+ align-items: center;
37112
+ justify-content: center;
37113
+ width: 40px;
37114
+ min-width: 40px;
37115
+ height: 40px;
37116
+ min-height: 40px;
37117
+ margin: 0;
37118
+ padding: 0;
37119
+ border: 0;
37120
+ border-radius: var(--border-radius-element, 8px);
37121
+ background: transparent;
37122
+ color: var(--color-main-text);
37123
+ cursor: pointer;
37124
+ }
37125
+ .cn-ordered-list-field__button[data-v-81cf425a]:hover:not(:disabled) {
37126
+ background: var(--color-background-hover);
37127
+ }
37128
+ .cn-ordered-list-field__button[data-v-81cf425a]:focus-visible {
37129
+ outline: 2px solid var(--color-primary-element);
37130
+ outline-offset: 1px;
37131
+ }
37132
+ .cn-ordered-list-field__button[data-v-81cf425a]:disabled {
37133
+ opacity: 0.4;
37134
+ cursor: default;
37135
+ }
37136
+ .cn-ordered-list-field__empty[data-v-81cf425a] {
37137
+ margin: 0;
37138
+ color: var(--color-text-maxcontrast);
37139
+ }
37140
+
37141
+
36835
37142
  .cn-object-kanban__loading[data-v-1ba5f05c],
36836
37143
  .cn-object-kanban__empty[data-v-1ba5f05c] {
36837
37144
  display: flex;
@@ -37443,22 +37750,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
37443
37750
  }
37444
37751
 
37445
37752
 
37446
- .cn-index-page-widgets--stat-row[data-v-319129cb] {
37753
+ .cn-index-page-widgets--stat-row[data-v-cf9fcc76] {
37447
37754
  margin-bottom: var(--cn-board-section-gap, 20px);
37448
37755
  }
37449
- .cn-index-page-widgets__cell[data-v-319129cb] {
37756
+ .cn-index-page-widgets__cell[data-v-cf9fcc76] {
37450
37757
  display: flex;
37451
37758
  min-width: 0;
37452
37759
  }
37453
- .cn-index-page-widgets__cell[data-v-319129cb] > * {
37760
+ .cn-index-page-widgets__cell[data-v-cf9fcc76] > * {
37454
37761
  flex: 1 1 auto;
37455
37762
  min-width: 0;
37456
37763
  }
37457
37764
 
37765
+ /* The cards after the list, stacked full width (PqSocial). */
37766
+ .cn-index-page-widgets--after-list[data-v-cf9fcc76] {
37767
+ display: flex;
37768
+ flex-direction: column;
37769
+ gap: var(--cn-board-section-gap, 16px);
37770
+ margin-top: var(--cn-board-section-gap, 16px);
37771
+ min-width: 0;
37772
+ }
37773
+
37458
37774
  /* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its
37459
37775
  place beside the toolbar and the list is set by CnIndexPage
37460
37776
  (`cn-index-page--with-side-panel`, index-page.css). */
37461
- .cn-index-page-widgets--side-panel[data-v-319129cb] {
37777
+ .cn-index-page-widgets--side-panel[data-v-cf9fcc76] {
37462
37778
  display: flex;
37463
37779
  flex-direction: column;
37464
37780
  gap: 16px;
@@ -39344,7 +39660,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39344
39660
  }
39345
39661
 
39346
39662
 
39347
- .cn-dashboard-page[data-v-7557b574] {
39663
+ .cn-dashboard-page[data-v-40c6b068] {
39348
39664
  padding: 20px;
39349
39665
  max-width: 1800px;
39350
39666
  /* Centre the leftover space once the cap engages, so a wide screen shows
@@ -39358,7 +39674,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39358
39674
  overflow-y: auto;
39359
39675
  box-sizing: border-box;
39360
39676
  }
39361
- .cn-dashboard-page__header[data-v-7557b574] {
39677
+ .cn-dashboard-page__header[data-v-40c6b068] {
39362
39678
  display: flex;
39363
39679
  justify-content: space-between;
39364
39680
  align-items: flex-start;
@@ -39370,21 +39686,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39370
39686
  room. Only the HEADER shifts right — body widgets keep full width. */
39371
39687
  padding-inline-start: 56px;
39372
39688
  }
39373
- .cn-dashboard-page__header-left[data-v-7557b574] {
39689
+ .cn-dashboard-page__header-left[data-v-40c6b068] {
39374
39690
  min-width: 0;
39375
39691
  }
39376
- .cn-dashboard-page__title-row[data-v-7557b574] {
39692
+ .cn-dashboard-page__title-row[data-v-40c6b068] {
39377
39693
  display: flex;
39378
39694
  align-items: center;
39379
39695
  flex-wrap: wrap;
39380
39696
  gap: 12px;
39381
39697
  }
39382
- .cn-dashboard-page__title[data-v-7557b574] {
39698
+ .cn-dashboard-page__title[data-v-40c6b068] {
39383
39699
  margin: 0;
39384
39700
  font-size: 20px;
39385
39701
  font-weight: 700;
39386
39702
  }
39387
- .cn-dashboard-page__description[data-v-7557b574] {
39703
+ .cn-dashboard-page__description[data-v-40c6b068] {
39388
39704
  margin: 4px 0 0;
39389
39705
  font-size: 14px;
39390
39706
  color: var(--color-text-maxcontrast);
@@ -39392,19 +39708,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39392
39708
 
39393
39709
  /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
39394
39710
  under it, and 40px buttons with a 10px gap. */
39395
- .cn-dashboard-page--board .cn-dashboard-page__title[data-v-7557b574] {
39711
+ .cn-dashboard-page--board .cn-dashboard-page__title[data-v-40c6b068] {
39396
39712
  font-size: 28px;
39397
39713
  font-weight: 700;
39398
39714
  line-height: 1.2;
39399
39715
  }
39400
- .cn-dashboard-page--board .cn-dashboard-page__description[data-v-7557b574] {
39716
+ .cn-dashboard-page--board .cn-dashboard-page__description[data-v-40c6b068] {
39401
39717
  margin: 6px 0 0;
39402
39718
  font-size: 15px;
39403
39719
  }
39404
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-7557b574] {
39720
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-40c6b068] {
39405
39721
  gap: 10px;
39406
39722
  }
39407
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-7557b574] .button-vue {
39723
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-40c6b068] .button-vue {
39408
39724
  min-height: var(--cn-board-control-height, 40px);
39409
39725
  height: var(--cn-board-control-height, 40px);
39410
39726
  }
@@ -39412,17 +39728,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39412
39728
  /* The switch row under the header (screens-dashboard-greeting-header): the
39413
39729
  view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
39414
39730
  radius 17, 13px/600, a 14px icon, primary light on primary deep). */
39415
- .cn-dashboard-page__switch-row[data-v-7557b574] {
39731
+ .cn-dashboard-page__switch-row[data-v-40c6b068] {
39416
39732
  display: flex;
39417
39733
  flex-wrap: wrap;
39418
39734
  align-items: center;
39419
39735
  gap: 10px;
39420
39736
  margin-bottom: var(--cn-board-section-gap, 20px);
39421
39737
  }
39422
- .cn-dashboard-page__switch-row-spacer[data-v-7557b574] {
39738
+ .cn-dashboard-page__switch-row-spacer[data-v-40c6b068] {
39423
39739
  flex: 1 1 auto;
39424
39740
  }
39425
- .cn-dashboard-page__view-link[data-v-7557b574] {
39741
+ .cn-dashboard-page__view-link[data-v-40c6b068] {
39426
39742
  display: inline-flex;
39427
39743
  align-items: center;
39428
39744
  gap: 6px;
@@ -39436,37 +39752,37 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39436
39752
  white-space: nowrap;
39437
39753
  text-decoration: none !important;
39438
39754
  }
39439
- .cn-dashboard-page__view-link[data-v-7557b574]:hover {
39755
+ .cn-dashboard-page__view-link[data-v-40c6b068]:hover {
39440
39756
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
39441
39757
  }
39442
- .cn-dashboard-page__view-link[data-v-7557b574]:focus-visible {
39758
+ .cn-dashboard-page__view-link[data-v-40c6b068]:focus-visible {
39443
39759
  outline: 2px solid var(--color-main-text);
39444
39760
  outline-offset: 2px;
39445
39761
  }
39446
- .cn-dashboard-page__view-link-icon[data-v-7557b574] {
39762
+ .cn-dashboard-page__view-link-icon[data-v-40c6b068] {
39447
39763
  display: inline-flex;
39448
39764
  }
39449
39765
 
39450
39766
  /* The period group, in a row of its own between the header and the KPI row. */
39451
- .cn-dashboard-page__date-range--segmented[data-v-7557b574] {
39767
+ .cn-dashboard-page__date-range--segmented[data-v-40c6b068] {
39452
39768
  margin-bottom: 16px;
39453
39769
  }
39454
39770
 
39455
39771
  /* The period group at the end of the description line. */
39456
- .cn-dashboard-page__description--with-period[data-v-7557b574] {
39772
+ .cn-dashboard-page__description--with-period[data-v-40c6b068] {
39457
39773
  align-items: center;
39458
39774
  display: flex;
39459
39775
  flex-wrap: wrap;
39460
39776
  gap: 8px;
39461
39777
  }
39462
- .cn-dashboard-page__date-segmented[data-v-7557b574] {
39778
+ .cn-dashboard-page__date-segmented[data-v-40c6b068] {
39463
39779
  display: flex;
39464
39780
  align-items: center;
39465
39781
  gap: 8px;
39466
39782
  }
39467
39783
 
39468
39784
  /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
39469
- .cn-dashboard-page__kpi-row[data-v-7557b574] {
39785
+ .cn-dashboard-page__kpi-row[data-v-40c6b068] {
39470
39786
  margin-bottom: var(--cn-board-section-gap, 16px);
39471
39787
  }
39472
39788
 
@@ -39474,15 +39790,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39474
39790
  the cards started a margin to the right of the KPI row and the header. The
39475
39791
  grid reaches out by that margin, so the card edges line up with the page's
39476
39792
  (dashboard-grid-flush). */
39477
- .cn-dashboard-page--board[data-v-7557b574] .cn-dashboard-grid {
39793
+ .cn-dashboard-page--board[data-v-40c6b068] .cn-dashboard-grid {
39478
39794
  width: auto;
39479
39795
  margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
39480
39796
  }
39481
- .cn-dashboard-page__kpi-cell[data-v-7557b574] {
39797
+ .cn-dashboard-page__kpi-cell[data-v-40c6b068] {
39482
39798
  display: flex;
39483
39799
  min-width: 0;
39484
39800
  }
39485
- .cn-dashboard-page__kpi-cell[data-v-7557b574] > * {
39801
+ .cn-dashboard-page__kpi-cell[data-v-40c6b068] > * {
39486
39802
  flex: 1 1 auto;
39487
39803
  min-width: 0;
39488
39804
  }
@@ -39495,7 +39811,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39495
39811
  scoped chip rules then silently don't match and the chip collapses into
39496
39812
  NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
39497
39813
  data-testid is stable across chunks, so those rules match regardless. */
39498
- .cn-dashboard-page__header-actions[data-v-7557b574] {
39814
+ .cn-dashboard-page__header-actions[data-v-40c6b068] {
39499
39815
  display: flex;
39500
39816
  align-items: center;
39501
39817
  gap: 8px;
@@ -39511,19 +39827,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39511
39827
 
39512
39828
  /* Date-range header band. Kept compact so it doesn't open a tall gap
39513
39829
  above the grid; the pills variant is a single tidy toggle row. */
39514
- .cn-dashboard-page__date-range[data-v-7557b574] {
39830
+ .cn-dashboard-page__date-range[data-v-40c6b068] {
39515
39831
  margin-bottom: 12px;
39516
39832
  }
39517
- .cn-dashboard-page__date-range--pills[data-v-7557b574] {
39833
+ .cn-dashboard-page__date-range--pills[data-v-40c6b068] {
39518
39834
  margin-bottom: 8px;
39519
39835
  }
39520
- .cn-dashboard-page__date-pills[data-v-7557b574] {
39836
+ .cn-dashboard-page__date-pills[data-v-40c6b068] {
39521
39837
  display: flex;
39522
39838
  align-items: center;
39523
39839
  flex-wrap: wrap;
39524
39840
  gap: 6px;
39525
39841
  }
39526
- .cn-dashboard-page__date-pill[data-v-7557b574] {
39842
+ .cn-dashboard-page__date-pill[data-v-40c6b068] {
39527
39843
  display: inline-flex;
39528
39844
  align-items: center;
39529
39845
  padding: 5px 14px;
@@ -39538,77 +39854,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39538
39854
  cursor: pointer;
39539
39855
  transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
39540
39856
  }
39541
- .cn-dashboard-page__date-pill[data-v-7557b574]:hover {
39857
+ .cn-dashboard-page__date-pill[data-v-40c6b068]:hover {
39542
39858
  background: var(--color-background-hover);
39543
39859
  }
39544
- .cn-dashboard-page__date-pill[data-v-7557b574]:focus-visible {
39860
+ .cn-dashboard-page__date-pill[data-v-40c6b068]:focus-visible {
39545
39861
  outline: 2px solid var(--color-primary-element);
39546
39862
  outline-offset: 2px;
39547
39863
  }
39548
- .cn-dashboard-page__date-pill--active[data-v-7557b574] {
39864
+ .cn-dashboard-page__date-pill--active[data-v-40c6b068] {
39549
39865
  background: var(--color-primary-element);
39550
39866
  border-color: var(--color-primary-element);
39551
39867
  color: var(--color-primary-element-text);
39552
39868
  }
39553
- .cn-dashboard-page__date-pill--active[data-v-7557b574]:hover {
39869
+ .cn-dashboard-page__date-pill--active[data-v-40c6b068]:hover {
39554
39870
  background: var(--color-primary-element-hover, var(--color-primary-element));
39555
39871
  }
39556
39872
 
39557
39873
  /* The custom-range pill is de-emphasised — dashed outline, muted text —
39558
39874
  so it reads as an escape hatch rather than a primary option. */
39559
- .cn-dashboard-page__date-pill--custom[data-v-7557b574] {
39875
+ .cn-dashboard-page__date-pill--custom[data-v-40c6b068] {
39560
39876
  border-style: dashed;
39561
39877
  color: var(--color-text-maxcontrast);
39562
39878
  }
39563
- .cn-dashboard-page__date-pill-custom[data-v-7557b574] .action-item__menutoggle {
39879
+ .cn-dashboard-page__date-pill-custom[data-v-40c6b068] .action-item__menutoggle {
39564
39880
  min-width: 0;
39565
39881
  min-height: 0;
39566
39882
  padding: 0;
39567
39883
  background: transparent;
39568
39884
  border: none;
39569
39885
  }
39570
- .cn-dashboard-page__date-pill-custom[data-v-7557b574] .button-vue,
39571
- .cn-dashboard-page__date-pill-custom[data-v-7557b574] .button-vue__wrapper,
39572
- .cn-dashboard-page__date-pill-custom[data-v-7557b574] .button-vue__icon {
39886
+ .cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue,
39887
+ .cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue__wrapper,
39888
+ .cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue__icon {
39573
39889
  width: auto !important;
39574
39890
  min-width: 0 !important;
39575
39891
  overflow: visible !important;
39576
39892
  }
39577
- .cn-dashboard-page__empty[data-v-7557b574] {
39893
+ .cn-dashboard-page__empty[data-v-40c6b068] {
39578
39894
  padding: 60px 20px;
39579
39895
  }
39580
39896
 
39581
39897
  /* The page's view switch on a page without a header row: at the end of its
39582
39898
  own row, above the grids, where the header would have put it. */
39583
- .cn-dashboard-page__view-switch[data-v-7557b574] {
39899
+ .cn-dashboard-page__view-switch[data-v-40c6b068] {
39584
39900
  display: flex;
39585
39901
  justify-content: flex-end;
39586
39902
  margin-bottom: 12px;
39587
39903
  }
39588
39904
 
39589
39905
  /* A view the switch shows with nothing to draw. */
39590
- .cn-page-view-region--empty[data-v-7557b574] {
39906
+ .cn-page-view-region--empty[data-v-40c6b068] {
39591
39907
  padding: 40px 20px;
39592
39908
  }
39593
- .cn-dashboard-page__page-filters[data-v-7557b574] {
39909
+ .cn-dashboard-page__page-filters[data-v-40c6b068] {
39594
39910
  display: flex;
39595
39911
  flex-wrap: wrap;
39596
39912
  gap: 16px;
39597
39913
  align-items: flex-end;
39598
39914
  margin-bottom: 12px;
39599
39915
  }
39600
- .cn-dashboard-page__page-filter[data-v-7557b574] {
39916
+ .cn-dashboard-page__page-filter[data-v-40c6b068] {
39601
39917
  display: flex;
39602
39918
  flex-direction: column;
39603
39919
  gap: 4px;
39604
39920
  min-width: 200px;
39605
39921
  }
39606
- .cn-dashboard-page__page-filter-label[data-v-7557b574] {
39922
+ .cn-dashboard-page__page-filter-label[data-v-40c6b068] {
39607
39923
  font-size: 0.85em;
39608
39924
  font-weight: 600;
39609
39925
  color: var(--color-text-maxcontrast);
39610
39926
  }
39611
- .cn-dashboard-page__widget-edit[data-v-7557b574] {
39927
+ .cn-dashboard-page__widget-edit[data-v-40c6b068] {
39612
39928
  position: absolute;
39613
39929
  top: 4px;
39614
39930
  inset-inline-end: 4px;
@@ -39627,8 +39943,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39627
39943
  and centre the card. */
39628
39944
  /* `safe` centre so an overflowing tile does not spill out of the top, where
39629
39945
  flex overflow cannot be scrolled back to. Same as detail-page.css. */
39630
- .cn-dashboard-page__card-fit[data-v-7557b574] .cn-widget-wrapper__content,
39631
- .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-7557b574] .cn-widget-wrapper__content {
39946
+ .cn-dashboard-page__card-fit[data-v-40c6b068] .cn-widget-wrapper__content,
39947
+ .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-40c6b068] .cn-widget-wrapper__content {
39632
39948
  overflow: hidden;
39633
39949
  display: flex;
39634
39950
  flex-direction: column;
@@ -39644,7 +39960,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39644
39960
  shows up as a scrollbar the user has to drag to see the whole graph. Same
39645
39961
  shape as the card-fit rule above, minus the padding: chart tiles render
39646
39962
  `flush`, and apexcharts already draws its own margins. */
39647
- .cn-dashboard-page__chart-fit[data-v-7557b574] .cn-widget-wrapper__content {
39963
+ .cn-dashboard-page__chart-fit[data-v-40c6b068] .cn-widget-wrapper__content {
39648
39964
  overflow: hidden;
39649
39965
  display: flex;
39650
39966
  flex-direction: column;
@@ -39654,13 +39970,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39654
39970
  /* Card content (stat / gauge / delta) must fit the tile width: let the
39655
39971
  widget shrink and its value/label truncate instead of pushing past the
39656
39972
  tile edge (the horizontal clip on long currency values). */
39657
- .cn-dashboard-page__card-fit[data-v-7557b574] .cn-stat-widget,
39658
- .cn-dashboard-page__card-fit[data-v-7557b574] .cn-gauge-widget,
39659
- .cn-dashboard-page__card-fit[data-v-7557b574] .cn-delta-widget {
39973
+ .cn-dashboard-page__card-fit[data-v-40c6b068] .cn-stat-widget,
39974
+ .cn-dashboard-page__card-fit[data-v-40c6b068] .cn-gauge-widget,
39975
+ .cn-dashboard-page__card-fit[data-v-40c6b068] .cn-delta-widget {
39660
39976
  min-width: 0;
39661
39977
  max-width: 100%;
39662
39978
  }
39663
- .cn-dashboard-page__unknown[data-v-7557b574] {
39979
+ .cn-dashboard-page__unknown[data-v-40c6b068] {
39664
39980
  display: flex;
39665
39981
  align-items: center;
39666
39982
  justify-content: center;
@@ -39671,31 +39987,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39671
39987
  }
39672
39988
 
39673
39989
  /* widget-ref content items */
39674
- .cn-dashboard-page__content[data-v-7557b574] {
39990
+ .cn-dashboard-page__content[data-v-40c6b068] {
39675
39991
  display: flex;
39676
39992
  flex-direction: column;
39677
39993
  gap: 16px;
39678
39994
  }
39679
- .cn-dashboard-page__content-item[data-v-7557b574] {
39995
+ .cn-dashboard-page__content-item[data-v-40c6b068] {
39680
39996
  width: 100%;
39681
39997
  }
39682
39998
  /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
39683
39999
  are 44px: the widget Actions menu and the KPI tiles. */
39684
40000
  @media (max-width: 640px) {
39685
- .cn-dashboard-page--board[data-v-7557b574] .cn-widget-wrapper__actions .action-item__menutoggle,
39686
- .cn-dashboard-page--board[data-v-7557b574] .cn-widget-wrapper__actions .button-vue {
40001
+ .cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle,
40002
+ .cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .button-vue {
39687
40003
  min-height: 44px;
39688
40004
  }
39689
- .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-7557b574] {
40005
+ .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-40c6b068] {
39690
40006
  min-height: 44px;
39691
40007
  }
39692
40008
 
39693
40009
  /* The widget Actions menu shows its icon only, so the card title keeps
39694
40010
  the room; the name stays for assistive tech. */
39695
- .cn-dashboard-page--board[data-v-7557b574] .cn-widget-wrapper__actions .action-item__menutoggle {
40011
+ .cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle {
39696
40012
  min-width: 44px;
39697
40013
  }
39698
- .cn-dashboard-page--board[data-v-7557b574] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
40014
+ .cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
39699
40015
  position: absolute;
39700
40016
  width: 1px;
39701
40017
  height: 1px;
@@ -39707,7 +40023,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39707
40023
 
39708
40024
  /* What a registry widget reports for its card header (`header` event): the
39709
40025
  note beside the link ("3 in total") and one action, as on a detail page. */
39710
- .cn-dashboard-page__widget-count[data-v-7557b574] {
40026
+ .cn-dashboard-page__widget-count[data-v-40c6b068] {
39711
40027
  align-self: center;
39712
40028
  padding: 1px 8px;
39713
40029
  border-radius: 10px;
@@ -39716,13 +40032,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39716
40032
  font-size: 13px;
39717
40033
  font-weight: 600;
39718
40034
  }
39719
- .cn-dashboard-page__widget-note[data-v-7557b574] {
40035
+ .cn-dashboard-page__widget-note[data-v-40c6b068] {
39720
40036
  align-self: center;
39721
40037
  color: var(--color-text-maxcontrast);
39722
40038
  font-size: 14px;
39723
40039
  white-space: nowrap;
39724
40040
  }
39725
- .cn-dashboard-page__widget-action[data-v-7557b574] {
40041
+ .cn-dashboard-page__widget-action[data-v-40c6b068] {
39726
40042
  display: inline-flex;
39727
40043
  align-items: center;
39728
40044
  align-self: center;
@@ -39738,7 +40054,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
39738
40054
  white-space: nowrap;
39739
40055
  cursor: pointer;
39740
40056
  }
39741
- .cn-dashboard-page__widget-action[data-v-7557b574]:focus-visible {
40057
+ .cn-dashboard-page__widget-action[data-v-40c6b068]:focus-visible {
39742
40058
  outline: 2px solid var(--color-primary-element);
39743
40059
  outline-offset: 2px;
39744
40060
  }
@@ -44551,17 +44867,17 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
44551
44867
  }
44552
44868
 
44553
44869
 
44554
- .cn-user-settings-dialog__body[data-v-8ebfd3c8] {
44870
+ .cn-user-settings-dialog__body[data-v-e537e50a] {
44555
44871
  display: flex;
44556
44872
  flex-wrap: wrap;
44557
44873
  gap: 0 24px;
44558
44874
  }
44559
- .cn-user-settings-dialog__nav[data-v-8ebfd3c8] {
44875
+ .cn-user-settings-dialog__nav[data-v-e537e50a] {
44560
44876
  flex: 0 0 200px;
44561
44877
  width: 200px;
44562
44878
  padding-top: 18px;
44563
44879
  }
44564
- .cn-user-settings-dialog__nav ul[data-v-8ebfd3c8] {
44880
+ .cn-user-settings-dialog__nav ul[data-v-e537e50a] {
44565
44881
  display: flex;
44566
44882
  flex-direction: column;
44567
44883
  gap: 2px;
@@ -44569,7 +44885,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
44569
44885
  padding: 0;
44570
44886
  list-style: none;
44571
44887
  }
44572
- .cn-user-settings-dialog__nav-link[data-v-8ebfd3c8] {
44888
+ .cn-user-settings-dialog__nav-link[data-v-e537e50a] {
44573
44889
  display: flex;
44574
44890
  align-items: center;
44575
44891
  gap: 10px;
@@ -44580,20 +44896,20 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
44580
44896
  color: var(--color-main-text);
44581
44897
  text-decoration: none;
44582
44898
  }
44583
- .cn-user-settings-dialog__nav-link[data-v-8ebfd3c8]:hover {
44899
+ .cn-user-settings-dialog__nav-link[data-v-e537e50a]:hover {
44584
44900
  background: var(--color-background-hover);
44585
44901
  }
44586
- .cn-user-settings-dialog__nav-link[data-v-8ebfd3c8]:focus-visible {
44902
+ .cn-user-settings-dialog__nav-link[data-v-e537e50a]:focus-visible {
44587
44903
  outline: 2px solid var(--color-primary-element);
44588
44904
  outline-offset: 2px;
44589
44905
  }
44590
- .cn-user-settings-dialog__nav-link--active[data-v-8ebfd3c8],
44591
- .cn-user-settings-dialog__nav-link--active[data-v-8ebfd3c8]:hover {
44906
+ .cn-user-settings-dialog__nav-link--active[data-v-e537e50a],
44907
+ .cn-user-settings-dialog__nav-link--active[data-v-e537e50a]:hover {
44592
44908
  background: var(--color-primary-element-light);
44593
44909
  color: var(--color-primary-element-light-text);
44594
44910
  font-weight: 600;
44595
44911
  }
44596
- .cn-user-settings-dialog__nav-icon[data-v-8ebfd3c8] {
44912
+ .cn-user-settings-dialog__nav-icon[data-v-e537e50a] {
44597
44913
  display: inline-flex;
44598
44914
  flex: none;
44599
44915
  width: 18px;
@@ -44601,28 +44917,54 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
44601
44917
  align-items: center;
44602
44918
  justify-content: center;
44603
44919
  }
44604
- .cn-user-settings-dialog__sections[data-v-8ebfd3c8] {
44920
+ .cn-user-settings-dialog__sections[data-v-e537e50a] {
44605
44921
  display: flex;
44606
44922
  flex: 1 1 380px;
44607
44923
  flex-direction: column;
44608
44924
  min-width: 0;
44609
44925
  }
44610
- .cn-user-settings-dialog__sections[data-v-8ebfd3c8] .app-settings-section {
44926
+ .cn-user-settings-dialog__sections[data-v-e537e50a] .app-settings-section {
44611
44927
  margin: 0;
44612
44928
  padding: 18px 0;
44613
44929
  border-top: 1px solid var(--color-border);
44614
44930
  }
44615
- .cn-user-settings-dialog__sections[data-v-8ebfd3c8] .app-settings-section__name {
44931
+ .cn-user-settings-dialog__sections[data-v-e537e50a] .app-settings-section__name {
44616
44932
  margin: 0 0 12px;
44617
44933
  font-size: 17px;
44618
44934
  font-weight: 700;
44935
+ display: flex;
44936
+ align-items: center;
44937
+ gap: 10px;
44619
44938
  }
44620
- .cn-user-settings-dialog__note[data-v-8ebfd3c8] {
44939
+ .cn-user-settings-dialog__note[data-v-e537e50a] {
44621
44940
  flex: 1 1 auto;
44622
44941
  margin: 0;
44623
44942
  font-size: 14px;
44624
44943
  color: var(--color-text-maxcontrast);
44625
44944
  }
44945
+ .cn-user-settings-dialog__nc-links[data-v-e537e50a] {
44946
+ margin-bottom: 2px;
44947
+ }
44948
+ .cn-user-settings-dialog__group[data-v-e537e50a] {
44949
+ margin: 10px 0 2px;
44950
+ padding: 0 12px;
44951
+ font-size: 15px;
44952
+ font-weight: 600;
44953
+ color: var(--color-main-text);
44954
+ }
44955
+ .cn-user-settings-dialog__group-sections[data-v-e537e50a] {
44956
+ padding-inline-start: 12px;
44957
+ }
44958
+ .cn-user-settings-dialog__heading-icon[data-v-e537e50a] {
44959
+ display: inline-flex;
44960
+ order: -1;
44961
+ color: var(--color-text-maxcontrast);
44962
+ }
44963
+
44964
+ /* One section at a time: the others are mounted but hidden. */
44965
+ .cn-user-settings-dialog__sections[data-v-e537e50a] .app-settings-section[hidden] {
44966
+ display: none;
44967
+ }
44626
44968
 
44627
44969
 
44628
44970
  /* The environment banner runs along the top of the shell and cannot scroll away; the shell makes room for it. */
@@ -45041,7 +45383,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45041
45383
  }
45042
45384
 
45043
45385
 
45044
- .cn-features-board[data-v-f306c9ee] {
45386
+ .cn-features-board[data-v-ed367d64] {
45045
45387
  box-sizing: border-box;
45046
45388
  display: flex;
45047
45389
  flex-direction: column;
@@ -45050,20 +45392,20 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45050
45392
  max-width: 1240px;
45051
45393
  width: 100%;
45052
45394
  }
45053
- .cn-features-board__header[data-v-f306c9ee] {
45395
+ .cn-features-board__header[data-v-ed367d64] {
45054
45396
  display: flex;
45055
45397
  flex-direction: column;
45056
45398
  gap: 6px;
45057
45399
  padding: 4px 0 8px;
45058
45400
  }
45059
- .cn-features-board__title-row[data-v-f306c9ee] {
45401
+ .cn-features-board__title-row[data-v-ed367d64] {
45060
45402
  display: flex;
45061
45403
  flex-wrap: wrap;
45062
45404
  justify-content: space-between;
45063
45405
  align-items: flex-start;
45064
45406
  gap: 12px 24px;
45065
45407
  }
45066
- .cn-features-board__title[data-v-f306c9ee] {
45408
+ .cn-features-board__title[data-v-ed367d64] {
45067
45409
  flex: 1 1 320px;
45068
45410
  min-width: 0;
45069
45411
  margin: 0;
@@ -45071,32 +45413,32 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45071
45413
  font-weight: 700;
45072
45414
  line-height: 1.2;
45073
45415
  }
45074
- .cn-features-board__header-actions[data-v-f306c9ee] {
45416
+ .cn-features-board__header-actions[data-v-ed367d64] {
45075
45417
  flex: none;
45076
45418
  display: flex;
45077
45419
  flex-wrap: wrap;
45078
45420
  align-items: center;
45079
45421
  gap: 10px;
45080
45422
  }
45081
- .cn-features-board__subtitle[data-v-f306c9ee] {
45423
+ .cn-features-board__subtitle[data-v-ed367d64] {
45082
45424
  margin: 0;
45083
45425
  font-size: 15px;
45084
45426
  color: var(--color-text-maxcontrast);
45085
45427
  }
45086
- .cn-features-board__tab-row[data-v-f306c9ee] {
45428
+ .cn-features-board__tab-row[data-v-ed367d64] {
45087
45429
  display: flex;
45088
45430
  align-items: flex-end;
45089
45431
  gap: 8px;
45090
45432
  margin-bottom: calc(-1 * var(--cn-board-section-gap, 20px));
45091
45433
  }
45092
- .cn-features-board__tabs[data-v-f306c9ee] {
45434
+ .cn-features-board__tabs[data-v-ed367d64] {
45093
45435
  display: flex;
45094
45436
  flex-wrap: wrap;
45095
45437
  gap: 4px;
45096
45438
  flex: 1 1 auto;
45097
45439
  min-width: 0;
45098
45440
  }
45099
- .cn-features-board__tab[data-v-f306c9ee] {
45441
+ .cn-features-board__tab[data-v-ed367d64] {
45100
45442
  display: inline-flex;
45101
45443
  align-items: center;
45102
45444
  box-sizing: border-box;
@@ -45113,35 +45455,35 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45113
45455
  cursor: pointer;
45114
45456
  white-space: nowrap;
45115
45457
  }
45116
- .cn-features-board__tab--active[data-v-f306c9ee] {
45458
+ .cn-features-board__tab--active[data-v-ed367d64] {
45117
45459
  position: relative;
45118
45460
  background: var(--color-main-background);
45119
45461
  border-bottom: 1px solid var(--color-main-background);
45120
45462
  font-weight: 700;
45121
45463
  }
45122
- .cn-features-board__tab-actions[data-v-f306c9ee] {
45464
+ .cn-features-board__tab-actions[data-v-ed367d64] {
45123
45465
  flex: none;
45124
45466
  align-self: flex-start;
45125
45467
  margin: 0 8px 8px 0;
45126
45468
  }
45127
- .cn-features-board__panel[data-v-f306c9ee] {
45469
+ .cn-features-board__panel[data-v-ed367d64] {
45128
45470
  display: flex;
45129
45471
  flex-direction: column;
45130
45472
  gap: 22px;
45131
45473
  }
45132
- .cn-features-board__panel--tabbed[data-v-f306c9ee] {
45474
+ .cn-features-board__panel--tabbed[data-v-ed367d64] {
45133
45475
  padding: 22px;
45134
45476
  border: 1px solid var(--color-border);
45135
45477
  border-radius: 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
45136
45478
  background: var(--color-main-background);
45137
45479
  }
45138
- .cn-features-board__filter[data-v-f306c9ee] {
45480
+ .cn-features-board__filter[data-v-ed367d64] {
45139
45481
  display: flex;
45140
45482
  flex-wrap: wrap;
45141
45483
  align-items: center;
45142
45484
  gap: 8px;
45143
45485
  }
45144
- .cn-features-board__filter-option[data-v-f306c9ee] {
45486
+ .cn-features-board__filter-option[data-v-ed367d64] {
45145
45487
  display: inline-flex;
45146
45488
  align-items: center;
45147
45489
  gap: 8px;
@@ -45150,7 +45492,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45150
45492
  font-weight: 600;
45151
45493
  cursor: pointer;
45152
45494
  }
45153
- .cn-features-board__filter--chips .cn-features-board__filter-option[data-v-f306c9ee] {
45495
+ .cn-features-board__filter--chips .cn-features-board__filter-option[data-v-ed367d64] {
45154
45496
  height: 36px;
45155
45497
  padding: 0 14px;
45156
45498
  border: 1px solid var(--color-border-dark);
@@ -45158,19 +45500,19 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45158
45500
  background: var(--color-main-background);
45159
45501
  color: var(--color-main-text);
45160
45502
  }
45161
- .cn-features-board__filter--chips .cn-features-board__filter-option--active[data-v-f306c9ee] {
45503
+ .cn-features-board__filter--chips .cn-features-board__filter-option--active[data-v-ed367d64] {
45162
45504
  border-color: var(--color-main-text);
45163
45505
  background: var(--color-main-text);
45164
45506
  color: var(--color-main-background);
45165
45507
  }
45166
- .cn-features-board__filter-count[data-v-f306c9ee] {
45508
+ .cn-features-board__filter-count[data-v-ed367d64] {
45167
45509
  font-weight: 400;
45168
45510
  color: var(--color-text-maxcontrast);
45169
45511
  }
45170
- .cn-features-board__filter--chips .cn-features-board__filter-option--active .cn-features-board__filter-count[data-v-f306c9ee] {
45512
+ .cn-features-board__filter--chips .cn-features-board__filter-option--active .cn-features-board__filter-count[data-v-ed367d64] {
45171
45513
  color: var(--color-border-dark);
45172
45514
  }
45173
- .cn-features-board__filter--segmented[data-v-f306c9ee] {
45515
+ .cn-features-board__filter--segmented[data-v-ed367d64] {
45174
45516
  display: inline-flex;
45175
45517
  align-self: flex-start;
45176
45518
  gap: 2px;
@@ -45178,7 +45520,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45178
45520
  border-radius: 8px;
45179
45521
  background: var(--color-background-dark);
45180
45522
  }
45181
- .cn-features-board__filter--segmented .cn-features-board__filter-option[data-v-f306c9ee] {
45523
+ .cn-features-board__filter--segmented .cn-features-board__filter-option[data-v-ed367d64] {
45182
45524
  height: 34px;
45183
45525
  padding: 0 14px;
45184
45526
  border: 0;
@@ -45186,65 +45528,65 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45186
45528
  background: transparent;
45187
45529
  color: var(--color-main-text);
45188
45530
  }
45189
- .cn-features-board__filter--segmented .cn-features-board__filter-option--active[data-v-f306c9ee] {
45531
+ .cn-features-board__filter--segmented .cn-features-board__filter-option--active[data-v-ed367d64] {
45190
45532
  background: var(--color-main-background);
45191
45533
  box-shadow: 0 1px 2px rgba(27, 28, 29, 0.12);
45192
45534
  }
45193
- .cn-features-board__body[data-v-f306c9ee] {
45535
+ .cn-features-board__body[data-v-ed367d64] {
45194
45536
  display: flex;
45195
45537
  flex-wrap: wrap;
45196
45538
  align-items: flex-start;
45197
45539
  gap: 24px;
45198
45540
  }
45199
- .cn-features-board__groups[data-v-f306c9ee] {
45541
+ .cn-features-board__groups[data-v-ed367d64] {
45200
45542
  flex: 999 1 520px;
45201
45543
  min-width: 0;
45202
45544
  display: flex;
45203
45545
  flex-direction: column;
45204
45546
  gap: 26px;
45205
45547
  }
45206
- .cn-features-board__groups--rows[data-v-f306c9ee] {
45548
+ .cn-features-board__groups--rows[data-v-ed367d64] {
45207
45549
  display: grid;
45208
45550
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
45209
45551
  gap: 20px;
45210
45552
  }
45211
- .cn-features-board__group[data-v-f306c9ee] {
45553
+ .cn-features-board__group[data-v-ed367d64] {
45212
45554
  display: flex;
45213
45555
  flex-direction: column;
45214
45556
  gap: 12px;
45215
45557
  max-width: none;
45216
45558
  margin: 0;
45217
45559
  }
45218
- .cn-features-board__groups--rows .cn-features-board__group[data-v-f306c9ee] {
45560
+ .cn-features-board__groups--rows .cn-features-board__group[data-v-ed367d64] {
45219
45561
  padding: var(--cn-board-card-padding, 20px 22px);
45220
45562
  border: 1px solid var(--color-border);
45221
45563
  border-radius: var(--cn-board-card-radius, 12px);
45222
45564
  background: var(--color-main-background);
45223
45565
  }
45224
- .cn-features-board__group-head[data-v-f306c9ee] {
45566
+ .cn-features-board__group-head[data-v-ed367d64] {
45225
45567
  display: flex;
45226
45568
  flex-wrap: wrap;
45227
45569
  align-items: baseline;
45228
45570
  gap: 10px;
45229
45571
  }
45230
- .cn-features-board__group-title[data-v-f306c9ee] {
45572
+ .cn-features-board__group-title[data-v-ed367d64] {
45231
45573
  margin: 0;
45232
45574
  font-size: 18px;
45233
45575
  font-weight: 700;
45234
45576
  }
45235
- .cn-features-board__groups--rows .cn-features-board__group-title[data-v-f306c9ee] {
45577
+ .cn-features-board__groups--rows .cn-features-board__group-title[data-v-ed367d64] {
45236
45578
  font-size: 17px;
45237
45579
  }
45238
- .cn-features-board__group-caption[data-v-f306c9ee] {
45580
+ .cn-features-board__group-caption[data-v-ed367d64] {
45239
45581
  font-size: 13px;
45240
45582
  color: var(--color-text-maxcontrast);
45241
45583
  }
45242
- .cn-features-board__cards[data-v-f306c9ee] {
45584
+ .cn-features-board__cards[data-v-ed367d64] {
45243
45585
  display: grid;
45244
45586
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
45245
45587
  gap: 16px;
45246
45588
  }
45247
- .cn-features-board__card[data-v-f306c9ee] {
45589
+ .cn-features-board__card[data-v-ed367d64] {
45248
45590
  display: flex;
45249
45591
  flex-direction: column;
45250
45592
  gap: 10px;
@@ -45253,24 +45595,24 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45253
45595
  border-radius: var(--cn-board-card-radius, 12px);
45254
45596
  background: var(--color-main-background);
45255
45597
  }
45256
- .cn-features-board__card-head[data-v-f306c9ee] {
45598
+ .cn-features-board__card-head[data-v-ed367d64] {
45257
45599
  display: flex;
45258
45600
  flex-direction: column;
45259
45601
  align-items: flex-start;
45260
45602
  gap: 4px;
45261
45603
  }
45262
- .cn-features-board__card-title[data-v-f306c9ee] {
45604
+ .cn-features-board__card-title[data-v-ed367d64] {
45263
45605
  margin: 0;
45264
45606
  font-size: 17px;
45265
45607
  font-weight: 700;
45266
45608
  line-height: 1.3;
45267
45609
  }
45268
- .cn-features-board__card-summary[data-v-f306c9ee] {
45610
+ .cn-features-board__card-summary[data-v-ed367d64] {
45269
45611
  margin: 0;
45270
45612
  font-size: 14px;
45271
45613
  color: var(--color-main-text);
45272
45614
  }
45273
- .cn-features-board__card-footer[data-v-f306c9ee] {
45615
+ .cn-features-board__card-footer[data-v-ed367d64] {
45274
45616
  display: flex;
45275
45617
  justify-content: flex-end;
45276
45618
  align-items: center;
@@ -45279,7 +45621,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45279
45621
  padding-top: 10px;
45280
45622
  border-top: 1px solid var(--color-background-dark);
45281
45623
  }
45282
- .cn-features-board__read-more[data-v-f306c9ee] {
45624
+ .cn-features-board__read-more[data-v-ed367d64] {
45283
45625
  display: inline-flex;
45284
45626
  align-items: center;
45285
45627
  height: 34px;
@@ -45292,14 +45634,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45292
45634
  font-weight: 600;
45293
45635
  text-decoration: none;
45294
45636
  }
45295
- .cn-features-board__rows[data-v-f306c9ee] {
45637
+ .cn-features-board__rows[data-v-ed367d64] {
45296
45638
  display: flex;
45297
45639
  flex-direction: column;
45298
45640
  margin: 0;
45299
45641
  padding: 0;
45300
45642
  list-style: none;
45301
45643
  }
45302
- .cn-features-board__row[data-v-f306c9ee] {
45644
+ .cn-features-board__row[data-v-ed367d64] {
45303
45645
  display: flex;
45304
45646
  flex-wrap: wrap;
45305
45647
  align-items: center;
@@ -45307,27 +45649,27 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45307
45649
  padding: 10px 0;
45308
45650
  border-top: 1px solid var(--color-background-dark);
45309
45651
  }
45310
- .cn-features-board__row-text[data-v-f306c9ee] {
45652
+ .cn-features-board__row-text[data-v-ed367d64] {
45311
45653
  flex: 1 1 240px;
45312
45654
  min-width: 0;
45313
45655
  display: flex;
45314
45656
  flex-direction: column;
45315
45657
  gap: 2px;
45316
45658
  }
45317
- .cn-features-board__row-title[data-v-f306c9ee] {
45659
+ .cn-features-board__row-title[data-v-ed367d64] {
45318
45660
  font-size: 15px;
45319
45661
  font-weight: 500;
45320
45662
  }
45321
- .cn-features-board__row-summary[data-v-f306c9ee] {
45663
+ .cn-features-board__row-summary[data-v-ed367d64] {
45322
45664
  font-size: 13px;
45323
45665
  color: var(--color-text-maxcontrast);
45324
45666
  }
45325
- .cn-features-board__next[data-v-f306c9ee] {
45667
+ .cn-features-board__next[data-v-ed367d64] {
45326
45668
  flex: 1 1 280px;
45327
45669
  min-width: 0;
45328
45670
  max-width: 340px;
45329
45671
  }
45330
- .cn-features-board__next-card[data-v-f306c9ee] {
45672
+ .cn-features-board__next-card[data-v-ed367d64] {
45331
45673
  display: flex;
45332
45674
  flex-direction: column;
45333
45675
  gap: 12px;
@@ -45336,22 +45678,22 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45336
45678
  border-radius: var(--cn-board-card-radius, 12px);
45337
45679
  background: var(--color-background-hover);
45338
45680
  }
45339
- .cn-features-board__next-head[data-v-f306c9ee] {
45681
+ .cn-features-board__next-head[data-v-ed367d64] {
45340
45682
  display: flex;
45341
45683
  align-items: center;
45342
45684
  gap: 8px;
45343
45685
  }
45344
- .cn-features-board__next-title[data-v-f306c9ee] {
45686
+ .cn-features-board__next-title[data-v-ed367d64] {
45345
45687
  margin: 0;
45346
45688
  font-size: 18px;
45347
45689
  font-weight: 700;
45348
45690
  }
45349
- .cn-features-board__next-lead[data-v-f306c9ee] {
45691
+ .cn-features-board__next-lead[data-v-ed367d64] {
45350
45692
  margin: 0;
45351
45693
  font-size: 14px;
45352
45694
  color: var(--color-text-maxcontrast);
45353
45695
  }
45354
- .cn-features-board__next-list[data-v-f306c9ee] {
45696
+ .cn-features-board__next-list[data-v-ed367d64] {
45355
45697
  display: flex;
45356
45698
  flex-direction: column;
45357
45699
  gap: 10px;
@@ -45359,7 +45701,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45359
45701
  padding: 0;
45360
45702
  list-style: none;
45361
45703
  }
45362
- .cn-features-board__next-item[data-v-f306c9ee] {
45704
+ .cn-features-board__next-item[data-v-ed367d64] {
45363
45705
  display: flex;
45364
45706
  flex-direction: column;
45365
45707
  gap: 6px;
@@ -45368,14 +45710,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45368
45710
  border-radius: 10px;
45369
45711
  background: var(--color-main-background);
45370
45712
  }
45371
- .cn-features-board__next-link[data-v-f306c9ee] {
45713
+ .cn-features-board__next-link[data-v-ed367d64] {
45372
45714
  font-size: 15px;
45373
45715
  font-weight: 600;
45374
45716
  line-height: 1.3;
45375
45717
  color: var(--color-main-text);
45376
45718
  text-decoration: none;
45377
45719
  }
45378
- .cn-features-board__next-meta[data-v-f306c9ee] {
45720
+ .cn-features-board__next-meta[data-v-ed367d64] {
45379
45721
  display: flex;
45380
45722
  flex-wrap: wrap;
45381
45723
  align-items: center;
@@ -45383,23 +45725,23 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45383
45725
  font-size: 13px;
45384
45726
  color: var(--color-text-maxcontrast);
45385
45727
  }
45386
- .cn-features-board__next-opened[data-v-f306c9ee] {
45728
+ .cn-features-board__next-opened[data-v-ed367d64] {
45387
45729
  display: inline-flex;
45388
45730
  align-items: center;
45389
45731
  gap: 4px;
45390
45732
  }
45391
- .cn-features-board__next-more[data-v-f306c9ee] {
45733
+ .cn-features-board__next-more[data-v-ed367d64] {
45392
45734
  display: inline-flex;
45393
45735
  align-items: center;
45394
45736
  gap: 4px;
45395
45737
  font-size: 14px;
45396
45738
  font-weight: 600;
45397
45739
  }
45398
- .cn-features-board__empty[data-v-f306c9ee] {
45740
+ .cn-features-board__empty[data-v-ed367d64] {
45399
45741
  margin: 0;
45400
45742
  color: var(--color-text-maxcontrast);
45401
45743
  }
45402
- .cn-features-board__notice[data-v-f306c9ee] {
45744
+ .cn-features-board__notice[data-v-ed367d64] {
45403
45745
  margin: 0;
45404
45746
  }
45405
45747
 
@@ -45449,12 +45791,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45449
45791
  }
45450
45792
 
45451
45793
 
45452
- .cn-features-and-roadmap-view[data-v-f19c0cb4] {
45794
+ .cn-features-and-roadmap-view[data-v-3db485a4] {
45453
45795
  max-width: 1200px;
45454
45796
  margin: 0 auto;
45455
45797
  padding: 24px 16px;
45456
45798
  }
45457
- .cn-features-and-roadmap-view__header[data-v-f19c0cb4] {
45799
+ .cn-features-and-roadmap-view__header[data-v-3db485a4] {
45458
45800
  display: flex;
45459
45801
  align-items: center;
45460
45802
  justify-content: space-between;
@@ -45466,29 +45808,29 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
45466
45808
  room. Only the HEADER shifts right — the panel below keeps full width. */
45467
45809
  padding-inline-start: 56px;
45468
45810
  }
45469
- .cn-features-and-roadmap-view__title[data-v-f19c0cb4] {
45811
+ .cn-features-and-roadmap-view__title[data-v-3db485a4] {
45470
45812
  font-size: 1.4em;
45471
45813
  margin: 0;
45472
45814
  color: var(--color-main-text);
45473
45815
  }
45474
- .cn-features-and-roadmap-view__actions[data-v-f19c0cb4] {
45816
+ .cn-features-and-roadmap-view__actions[data-v-3db485a4] {
45475
45817
  display: flex;
45476
45818
  gap: 8px;
45477
45819
  align-items: center;
45478
45820
  flex-wrap: wrap;
45479
45821
  }
45480
- .cn-features-and-roadmap-view__panel[data-v-f19c0cb4] {
45822
+ .cn-features-and-roadmap-view__panel[data-v-3db485a4] {
45481
45823
  min-height: 320px;
45482
45824
  }
45483
45825
 
45484
45826
  /* Underline the inline docs URL so it reads as a link inside the note
45485
45827
  body — NcNoteCard's default link styling drops the underline by
45486
45828
  inheriting from the host theme. */
45487
- .cn-features-and-roadmap-view__docs-note[data-v-f19c0cb4] a {
45829
+ .cn-features-and-roadmap-view__docs-note[data-v-3db485a4] a {
45488
45830
  color: var(--color-primary-element);
45489
45831
  text-decoration: underline;
45490
45832
  }
45491
- .cn-features-and-roadmap-view__docs-note[data-v-f19c0cb4] a:hover {
45833
+ .cn-features-and-roadmap-view__docs-note[data-v-3db485a4] a:hover {
45492
45834
  text-decoration: underline;
45493
45835
  opacity: 0.85;
45494
45836
  }