@conduction/nextcloud-vue 2.115.0 → 2.116.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 (117) hide show
  1. package/dist/esm/components/CnActionButtons/CnActionButtons.vue.js +1 -1
  2. package/dist/esm/components/CnActionButtons/CnActionButtons.vue2.js +92 -0
  3. package/dist/esm/components/CnActionButtons/CnActionButtons.vue2.js.map +1 -1
  4. package/dist/esm/components/CnActionButtons/CnActionButtons.vue3.js +2 -2
  5. package/dist/esm/components/CnActionButtons/CnActionButtons.vue3.js.map +1 -1
  6. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue.js +9 -0
  7. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue.js.map +1 -0
  8. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue2.js +145 -0
  9. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue2.js.map +1 -0
  10. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue3.js +58 -0
  11. package/dist/esm/components/CnChecklistWidget/CnChecklistWidget.vue3.js.map +1 -0
  12. package/dist/esm/components/CnChecklistWidget/index.js +28 -0
  13. package/dist/esm/components/CnChecklistWidget/index.js.map +1 -0
  14. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
  15. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +25 -0
  16. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
  17. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js +1 -1
  18. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
  19. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +376 -51
  20. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
  21. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js +364 -285
  22. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js.map +1 -1
  23. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  24. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js +11 -0
  25. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  26. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +6 -4
  27. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  28. package/dist/esm/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue.js +1 -1
  29. package/dist/esm/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue2.js +48 -1
  30. package/dist/esm/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue2.js.map +1 -1
  31. package/dist/esm/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue3.js +11 -2
  32. package/dist/esm/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue3.js.map +1 -1
  33. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue.js +1 -1
  34. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js +11 -3
  35. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js.map +1 -1
  36. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js +8 -3
  37. package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js.map +1 -1
  38. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
  39. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +55 -2
  40. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
  41. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
  42. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  43. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +94 -4
  44. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  45. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +248 -239
  46. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  47. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue.js +9 -0
  48. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue.js.map +1 -0
  49. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue2.js +282 -0
  50. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue2.js.map +1 -0
  51. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue3.js +202 -0
  52. package/dist/esm/components/CnRecordListWidget/CnRecordNoteRows.vue3.js.map +1 -0
  53. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue.js +1 -1
  54. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js +10 -5
  55. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js.map +1 -1
  56. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js.map +1 -1
  57. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  58. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js.map +1 -1
  59. package/dist/esm/composables/indexSources.js +64 -0
  60. package/dist/esm/composables/indexSources.js.map +1 -1
  61. package/dist/esm/composables/useTaskInboxStore.js +85 -0
  62. package/dist/esm/composables/useTaskInboxStore.js.map +1 -1
  63. package/dist/esm/dialogs/CnAccessPurposeDialog.vue.js +9 -0
  64. package/dist/esm/dialogs/CnAccessPurposeDialog.vue.js.map +1 -0
  65. package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js +107 -0
  66. package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js.map +1 -0
  67. package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js +110 -0
  68. package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js.map +1 -0
  69. package/dist/esm/index.js +1 -0
  70. package/dist/esm/index.js.map +1 -1
  71. package/dist/esm/l10n/en.json.js +19 -1
  72. package/dist/esm/l10n/en.json.js.map +1 -1
  73. package/dist/esm/l10n/nl.json.js +23 -1
  74. package/dist/esm/l10n/nl.json.js.map +1 -1
  75. package/dist/esm/library-style.js +1 -1
  76. package/dist/esm/nextcloud-vue.css +1054 -911
  77. package/dist/esm/utils/actionsDispatcher.js +10 -5
  78. package/dist/esm/utils/actionsDispatcher.js.map +1 -1
  79. package/dist/esm/utils/detailActionModel.js +6 -2
  80. package/dist/esm/utils/detailActionModel.js.map +1 -1
  81. package/dist/esm/utils/libraryWidgetKeys.js +1 -0
  82. package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
  83. package/dist/esm/utils/validateManifestV2.compiled.js +3 -3
  84. package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
  85. package/dist/esm/utils/widgetDispatch.js +1 -1
  86. package/dist/esm/utils/widgetDispatch.js.map +1 -1
  87. package/dist/nextcloud-vue.cjs.js +17078 -15224
  88. package/dist/nextcloud-vue.cjs.js.map +2 -2
  89. package/dist/nextcloud-vue.css +1054 -911
  90. package/l10n/en.json +19 -1
  91. package/l10n/nl.json +23 -1
  92. package/package.json +1 -1
  93. package/src/components/CnActionButtons/CnActionButtons.vue +93 -1
  94. package/src/components/CnChecklistWidget/CnChecklistWidget.vue +206 -0
  95. package/src/components/CnChecklistWidget/index.js +27 -0
  96. package/src/components/CnDashboardPage/CnDashboardPage.vue +26 -1
  97. package/src/components/CnDetailPage/CnDetailPage.md +2 -0
  98. package/src/components/CnDetailPage/CnDetailPage.vue +377 -10
  99. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +15 -2
  100. package/src/components/CnGroupedCardsWidget/CnGroupedCardsWidget.vue +59 -1
  101. package/src/components/CnMacrosWidget/CnMacrosWidget.vue +16 -6
  102. package/src/components/CnObjectListWidget/CnObjectListWidget.vue +55 -2
  103. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +101 -3
  104. package/src/components/CnRecordListWidget/CnRecordNoteRows.vue +508 -0
  105. package/src/components/CnTabsWidget/CnTabsWidget.vue +10 -5
  106. package/src/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  107. package/src/components/index.js +1 -0
  108. package/src/composables/indexSources.js +64 -0
  109. package/src/composables/useTaskInboxStore.js +85 -0
  110. package/src/dialogs/CnAccessPurposeDialog.vue +183 -0
  111. package/src/index.js +1 -0
  112. package/src/schemas/app-manifest-v2.schema.json +49 -3
  113. package/src/utils/actionsDispatcher.js +10 -5
  114. package/src/utils/detailActionModel.js +6 -2
  115. package/src/utils/libraryWidgetKeys.js +1 -0
  116. package/src/utils/validateManifestV2.compiled.js +3 -3
  117. package/src/utils/widgetDispatch.js +1 -1
@@ -13076,22 +13076,22 @@ a.cn-document-review-list__name[data-v-83ccc260] {
13076
13076
  }
13077
13077
 
13078
13078
 
13079
- .cn-macros-widget[data-v-982c6094] {
13079
+ .cn-macros-widget[data-v-0d95ed8d] {
13080
13080
  display: flex;
13081
13081
  flex-direction: column;
13082
13082
  gap: 12px;
13083
13083
  }
13084
- .cn-macros-widget__description[data-v-982c6094],
13085
- .cn-macros-widget__muted[data-v-982c6094] {
13084
+ .cn-macros-widget__description[data-v-0d95ed8d],
13085
+ .cn-macros-widget__muted[data-v-0d95ed8d] {
13086
13086
  margin: 0;
13087
13087
  color: var(--color-text-maxcontrast);
13088
13088
  }
13089
- .cn-macros-widget__list[data-v-982c6094] {
13089
+ .cn-macros-widget__list[data-v-0d95ed8d] {
13090
13090
  margin: 0;
13091
13091
  padding: 0;
13092
13092
  list-style: none;
13093
13093
  }
13094
- .cn-macros-widget__row[data-v-982c6094] {
13094
+ .cn-macros-widget__row[data-v-0d95ed8d] {
13095
13095
  display: flex;
13096
13096
  align-items: center;
13097
13097
  justify-content: space-between;
@@ -13099,16 +13099,16 @@ a.cn-document-review-list__name[data-v-83ccc260] {
13099
13099
  padding-block: 10px;
13100
13100
  border-top: 1px solid var(--color-border);
13101
13101
  }
13102
- .cn-macros-widget__text[data-v-982c6094] {
13102
+ .cn-macros-widget__text[data-v-0d95ed8d] {
13103
13103
  display: flex;
13104
13104
  flex-direction: column;
13105
13105
  gap: 2px;
13106
13106
  min-width: 0;
13107
13107
  }
13108
- .cn-macros-widget__name[data-v-982c6094] {
13108
+ .cn-macros-widget__name[data-v-0d95ed8d] {
13109
13109
  font-weight: 600;
13110
13110
  }
13111
- .cn-macros-widget__hint[data-v-982c6094] {
13111
+ .cn-macros-widget__hint[data-v-0d95ed8d] {
13112
13112
  color: var(--color-text-maxcontrast);
13113
13113
  font-size: 13px;
13114
13114
  }
@@ -24782,7 +24782,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24782
24782
  Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
24783
24783
  second scroll container here would produce a nested scrollbar, so this host
24784
24784
  stays plain. */
24785
- .cn-object-list-widget[data-v-78ec6d64] {
24785
+ .cn-object-list-widget[data-v-e11b98ec] {
24786
24786
  width: 100%;
24787
24787
  height: 100%;
24788
24788
  display: flex;
@@ -24794,10 +24794,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24794
24794
  relative` is set only in the dropping state so a widget without a drop zone
24795
24795
  keeps the containing block it had — an unconditional rule here would
24796
24796
  re-parent any absolutely-positioned descendant a host has placed. */
24797
- .cn-object-list-widget--dropping[data-v-78ec6d64] {
24797
+ .cn-object-list-widget--dropping[data-v-e11b98ec] {
24798
24798
  position: relative;
24799
24799
  }
24800
- .cn-object-list-widget__drop-overlay[data-v-78ec6d64] {
24800
+ .cn-object-list-widget__drop-overlay[data-v-e11b98ec] {
24801
24801
  position: absolute;
24802
24802
  inset: 0;
24803
24803
  z-index: 2;
@@ -24815,7 +24815,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24815
24815
  and the drop would land on nothing. */
24816
24816
  pointer-events: none;
24817
24817
  }
24818
- .cn-object-list-widget__table[data-v-78ec6d64] {
24818
+ .cn-object-list-widget__table[data-v-e11b98ec] {
24819
24819
  flex: 1 1 auto;
24820
24820
  min-height: 0;
24821
24821
  overflow: hidden;
@@ -24824,16 +24824,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24824
24824
  /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
24825
24825
  all this rule still owns is letting it claim the cell's leftover height
24826
24826
  (ADR-062: it fits the cell, it never forces one). */
24827
- .cn-object-list-widget__empty[data-v-78ec6d64] {
24827
+ .cn-object-list-widget__empty[data-v-e11b98ec] {
24828
24828
  flex: 1 1 auto;
24829
24829
  min-height: 0;
24830
24830
  }
24831
24831
 
24832
24832
  /* The pager sits flush at the bottom of the card, above "View all". */
24833
- .cn-object-list-widget__pager[data-v-78ec6d64] {
24833
+ .cn-object-list-widget__pager[data-v-e11b98ec] {
24834
24834
  flex-shrink: 0;
24835
24835
  }
24836
- .cn-object-list-widget__view-all[data-v-78ec6d64] {
24836
+ .cn-object-list-widget__view-all[data-v-e11b98ec] {
24837
24837
  align-self: flex-start;
24838
24838
  background: none;
24839
24839
  border: none;
@@ -24844,17 +24844,17 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24844
24844
  padding: 4px;
24845
24845
  text-decoration: none;
24846
24846
  }
24847
- .cn-object-list-widget__view-all[data-v-78ec6d64]:hover,
24848
- .cn-object-list-widget__view-all[data-v-78ec6d64]:focus-visible {
24847
+ .cn-object-list-widget__view-all[data-v-e11b98ec]:hover,
24848
+ .cn-object-list-widget__view-all[data-v-e11b98ec]:focus-visible {
24849
24849
  text-decoration: underline;
24850
24850
  }
24851
- .cn-object-list-widget__more[data-v-78ec6d64] {
24851
+ .cn-object-list-widget__more[data-v-e11b98ec] {
24852
24852
  color: var(--color-text-maxcontrast);
24853
24853
  font-size: 0.85em;
24854
24854
  margin: 4px 0 0;
24855
24855
  padding: 4px;
24856
24856
  }
24857
- .cn-object-list-widget__footnote[data-v-78ec6d64] {
24857
+ .cn-object-list-widget__footnote[data-v-e11b98ec] {
24858
24858
  color: var(--color-text-maxcontrast);
24859
24859
  font-size: 13px;
24860
24860
  margin: 8px 0 0;
@@ -24863,7 +24863,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24863
24863
  /* Footer Add — same pattern as the integration leaves' footer action
24864
24864
  ("Open in Calendar"): full-width, centered, divider-topped, pinned to
24865
24865
  the card bottom. */
24866
- .cn-object-list-widget__add[data-v-78ec6d64] {
24866
+ .cn-object-list-widget__add[data-v-e11b98ec] {
24867
24867
  align-self: stretch;
24868
24868
  border-top: 1px solid var(--color-border);
24869
24869
  /* Bleed through the host card's 16px content padding so the divider
@@ -24871,31 +24871,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24871
24871
  margin: auto -16px -16px;
24872
24872
  padding: 4px;
24873
24873
  }
24874
- .cn-object-list-widget__error[data-v-78ec6d64] {
24874
+ .cn-object-list-widget__error[data-v-e11b98ec] {
24875
24875
  color: var(--color-text-maxcontrast);
24876
24876
  font-size: 0.85em;
24877
24877
  margin: 4px 0 0;
24878
24878
  }
24879
- .cn-object-list-widget__prompt[data-v-78ec6d64] {
24879
+ .cn-object-list-widget__prompt[data-v-e11b98ec] {
24880
24880
  color: var(--color-text-maxcontrast);
24881
24881
  font-style: italic;
24882
24882
  padding: 16px 4px;
24883
24883
  margin: 0;
24884
24884
  text-align: center;
24885
24885
  }
24886
- .cn-object-list-widget__facet[data-v-78ec6d64] {
24886
+ .cn-object-list-widget__facet[data-v-e11b98ec] {
24887
24887
  display: flex;
24888
24888
  align-items: center;
24889
24889
  flex-wrap: wrap;
24890
24890
  gap: 6px;
24891
24891
  padding: 0 4px 8px;
24892
24892
  }
24893
- .cn-object-list-widget__facet-label[data-v-78ec6d64] {
24893
+ .cn-object-list-widget__facet-label[data-v-e11b98ec] {
24894
24894
  color: var(--color-text-maxcontrast);
24895
24895
  font-size: 0.85em;
24896
24896
  font-weight: 600;
24897
24897
  }
24898
- .cn-object-list-widget__facet-chip[data-v-78ec6d64] {
24898
+ .cn-object-list-widget__facet-chip[data-v-e11b98ec] {
24899
24899
  background-color: var(--color-background-hover);
24900
24900
  border: 1px solid var(--color-border);
24901
24901
  border-radius: var(--border-radius-pill, 16px);
@@ -24905,13 +24905,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24905
24905
  font-size: 0.85em;
24906
24906
  padding: 2px 10px;
24907
24907
  }
24908
- .cn-object-list-widget__facet-chip--active[data-v-78ec6d64] {
24908
+ .cn-object-list-widget__facet-chip--active[data-v-e11b98ec] {
24909
24909
  background-color: var(--color-primary-element-light);
24910
24910
  border-color: var(--color-primary-element);
24911
24911
  color: var(--color-primary-element-text, var(--color-main-text));
24912
24912
  }
24913
- .cn-object-list-widget__facet-clear[data-v-78ec6d64],
24914
- .cn-object-list-widget__bulk-clear[data-v-78ec6d64] {
24913
+ .cn-object-list-widget__facet-clear[data-v-e11b98ec],
24914
+ .cn-object-list-widget__bulk-clear[data-v-e11b98ec] {
24915
24915
  background: none;
24916
24916
  border: none;
24917
24917
  color: var(--color-primary-element);
@@ -24920,11 +24920,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24920
24920
  font-size: 0.85em;
24921
24921
  padding: 2px 4px;
24922
24922
  }
24923
- .cn-object-list-widget__facet-clear[data-v-78ec6d64]:hover,
24924
- .cn-object-list-widget__bulk-clear[data-v-78ec6d64]:hover {
24923
+ .cn-object-list-widget__facet-clear[data-v-e11b98ec]:hover,
24924
+ .cn-object-list-widget__bulk-clear[data-v-e11b98ec]:hover {
24925
24925
  text-decoration: underline;
24926
24926
  }
24927
- .cn-object-list-widget__bulk-bar[data-v-78ec6d64] {
24927
+ .cn-object-list-widget__bulk-bar[data-v-e11b98ec] {
24928
24928
  align-items: center;
24929
24929
  background-color: var(--color-primary-element-light);
24930
24930
  border-radius: var(--border-radius, 8px);
@@ -24934,10 +24934,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24934
24934
  margin: 0 0 8px;
24935
24935
  padding: 6px 10px;
24936
24936
  }
24937
- .cn-object-list-widget__bulk-count[data-v-78ec6d64] {
24937
+ .cn-object-list-widget__bulk-count[data-v-e11b98ec] {
24938
24938
  font-weight: 600;
24939
24939
  }
24940
- .cn-object-list-widget__bulk-action[data-v-78ec6d64] {
24940
+ .cn-object-list-widget__bulk-action[data-v-e11b98ec] {
24941
24941
  background-color: var(--color-main-background);
24942
24942
  border: 1px solid var(--color-border);
24943
24943
  border-radius: var(--border-radius, 8px);
@@ -24945,25 +24945,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24945
24945
  font: inherit;
24946
24946
  padding: 4px 10px;
24947
24947
  }
24948
- .cn-object-list-widget__bulk-action--destructive[data-v-78ec6d64] {
24948
+ .cn-object-list-widget__bulk-action--destructive[data-v-e11b98ec] {
24949
24949
  border-color: var(--color-error);
24950
24950
  color: var(--color-error);
24951
24951
  }
24952
- .cn-object-list-widget__groups[data-v-78ec6d64] {
24952
+ .cn-object-list-widget__groups[data-v-e11b98ec] {
24953
24953
  display: flex;
24954
24954
  flex-direction: column;
24955
24955
  gap: 16px;
24956
24956
  min-height: 0;
24957
24957
  overflow: auto;
24958
24958
  }
24959
- .cn-object-list-widget__group-heading[data-v-78ec6d64] {
24959
+ .cn-object-list-widget__group-heading[data-v-e11b98ec] {
24960
24960
  color: var(--color-text-maxcontrast);
24961
24961
  font-size: 0.85em;
24962
24962
  font-weight: 600;
24963
24963
  margin: 0 0 4px;
24964
24964
  text-transform: uppercase;
24965
24965
  }
24966
- .cn-object-list-widget__upload[data-v-78ec6d64] {
24966
+ .cn-object-list-widget__upload[data-v-e11b98ec] {
24967
24967
  background-color: var(--color-main-background);
24968
24968
  border: 1px solid var(--color-border);
24969
24969
  border-radius: var(--border-radius, 8px);
@@ -24972,7 +24972,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
24972
24972
  margin: 8px 0 0;
24973
24973
  padding: 6px 12px;
24974
24974
  }
24975
- .cn-object-list-widget__upload-input[data-v-78ec6d64] {
24975
+ .cn-object-list-widget__upload-input[data-v-e11b98ec] {
24976
24976
  display: none;
24977
24977
  }
24978
24978
 
@@ -29388,7 +29388,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29388
29388
  }
29389
29389
 
29390
29390
 
29391
- .cn-detail-page__catalog-action[data-v-48ca1d43] {
29391
+ .cn-detail-page__catalog-action[data-v-26679fd0] {
29392
29392
  align-items: center;
29393
29393
  background: var(--color-primary-element-light);
29394
29394
  border: 0;
@@ -29407,15 +29407,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29407
29407
 
29408
29408
  /* A leaf card in a narrow cell keeps its title and count: the title row
29409
29409
  wraps and the actions move under it instead of squeezing the title out. */
29410
- .cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header {
29410
+ .cn-detail-page__leaf-card[data-v-26679fd0] .cn-widget-wrapper__header {
29411
29411
  flex-wrap: wrap;
29412
29412
  }
29413
- .cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header-left {
29413
+ .cn-detail-page__leaf-card[data-v-26679fd0] .cn-widget-wrapper__header-left {
29414
29414
  flex: 1 0 auto;
29415
29415
  }
29416
29416
 
29417
29417
  /* The count beside a card title: the grey 20px badge of the tab strip. */
29418
- .cn-detail-page__catalog-count[data-v-48ca1d43] {
29418
+ .cn-detail-page__catalog-count[data-v-26679fd0] {
29419
29419
  background-color: var(--color-border);
29420
29420
  border-radius: 10px;
29421
29421
  box-sizing: border-box;
@@ -29428,19 +29428,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29428
29428
  padding: 0 6px;
29429
29429
  text-align: center;
29430
29430
  }
29431
- .cn-detail-page__catalog-note[data-v-48ca1d43] {
29431
+ .cn-detail-page__catalog-note[data-v-26679fd0] {
29432
29432
  color: var(--color-text-maxcontrast);
29433
29433
  font-size: 14px;
29434
29434
  white-space: nowrap;
29435
29435
  }
29436
- .cn-detail-widget-host[data-v-48ca1d43],
29437
- .cn-detail-widget-host[data-v-48ca1d43] > * {
29436
+ .cn-detail-widget-host[data-v-26679fd0],
29437
+ .cn-detail-widget-host[data-v-26679fd0] > * {
29438
29438
  height: 100%;
29439
29439
  }
29440
29440
 
29441
29441
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
29442
29442
  scroll, rather than growing a second scroll region of its own. */
29443
- .cn-detail-widget-host--bare[data-v-48ca1d43] {
29443
+ .cn-detail-widget-host--bare[data-v-26679fd0] {
29444
29444
  min-height: 0;
29445
29445
  }
29446
29446
 
@@ -29779,22 +29779,22 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29779
29779
 
29780
29780
 
29781
29781
  /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
29782
- .cn-tabs-widget__panel-heading[data-v-029f78ce] {
29782
+ .cn-tabs-widget__panel-heading[data-v-5704a09b] {
29783
29783
  display: flex;
29784
29784
  flex-direction: column;
29785
29785
  gap: 4px;
29786
29786
  margin-bottom: 16px;
29787
29787
  }
29788
- .cn-tabs-widget__panel-title[data-v-029f78ce] {
29788
+ .cn-tabs-widget__panel-title[data-v-5704a09b] {
29789
29789
  margin: 0;
29790
29790
  font-size: 17px;
29791
29791
  font-weight: 700;
29792
29792
  }
29793
- .cn-tabs-widget__panel-subtitle[data-v-029f78ce] {
29793
+ .cn-tabs-widget__panel-subtitle[data-v-5704a09b] {
29794
29794
  font-size: 14px;
29795
29795
  color: var(--color-text-maxcontrast);
29796
29796
  }
29797
- .cn-tabs-widget__stack[data-v-029f78ce] {
29797
+ .cn-tabs-widget__stack[data-v-5704a09b] {
29798
29798
  display: flex;
29799
29799
  flex-direction: column;
29800
29800
  gap: 20px;
@@ -29803,19 +29803,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29803
29803
  /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
29804
29804
  onto the next row, a row's cards as tall as the tallest. Narrow, it is the
29805
29805
  plain stack again. */
29806
- .cn-tabs-widget__stack--grid[data-v-029f78ce] {
29806
+ .cn-tabs-widget__stack--grid[data-v-5704a09b] {
29807
29807
  display: grid;
29808
29808
  grid-template-columns: repeat(12, minmax(0, 1fr));
29809
29809
  align-items: stretch;
29810
29810
  }
29811
- .cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
29811
+ .cn-tabs-widget__stack--grid[data-v-5704a09b] > * {
29812
29812
  min-width: 0;
29813
29813
  }
29814
29814
  @media (max-width: 700px) {
29815
- .cn-tabs-widget__stack--grid[data-v-029f78ce] {
29815
+ .cn-tabs-widget__stack--grid[data-v-5704a09b] {
29816
29816
  grid-template-columns: minmax(0, 1fr);
29817
29817
  }
29818
- .cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
29818
+ .cn-tabs-widget__stack--grid[data-v-5704a09b] > * {
29819
29819
  grid-column: auto !important;
29820
29820
  }
29821
29821
  }
@@ -29849,7 +29849,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29849
29849
  `!important` or on load order this library does not control. The same
29850
29850
  technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
29851
29851
  in CnTabs to beat Nextcloud's own button margin. */
29852
- .cn-tabs-widget.cn-tabs-widget[data-v-029f78ce] {
29852
+ .cn-tabs-widget.cn-tabs-widget[data-v-5704a09b] {
29853
29853
  background-color: transparent;
29854
29854
  border: 0;
29855
29855
  border-radius: 0;
@@ -29873,12 +29873,12 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29873
29873
  below it: the rule ran straight on to the widget's edge and read as a
29874
29874
  border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
29875
29875
  where the curve begins makes the rule and the curve one continuous edge. */
29876
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar {
29876
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tabs__bar {
29877
29877
  border-bottom: none;
29878
29878
  padding: 0;
29879
29879
  position: relative;
29880
29880
  }
29881
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar::after {
29881
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tabs__bar::after {
29882
29882
  border-bottom: 1px solid var(--color-border);
29883
29883
  content: '';
29884
29884
  inset-block-end: 0;
@@ -29891,11 +29891,11 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29891
29891
  own background-coloured bottom edge, which only works if it paints ABOVE the
29892
29892
  pseudo-element: a positioned pseudo-element otherwise paints over every
29893
29893
  in-flow sibling, rule included. */
29894
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__nav-item--active {
29894
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tabs__nav-item--active {
29895
29895
  position: relative;
29896
29896
  z-index: 1;
29897
29897
  }
29898
- .cn-tabs-widget__tabs[data-v-029f78ce] {
29898
+ .cn-tabs-widget__tabs[data-v-5704a09b] {
29899
29899
  display: flex;
29900
29900
  flex-direction: column;
29901
29901
  /* Grow to the widget's height, so the panel fills the grid cell the
@@ -29913,7 +29913,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29913
29913
  the open tab, but padding sits inside the painted box — only a margin would
29914
29914
  have opened that gap, and a zero top put every panel's content against the
29915
29915
  strip. */
29916
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content {
29916
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tabs__content {
29917
29917
  background-color: var(--color-main-background);
29918
29918
  /* Three sides only: the bar's rule (redrawn above, stopping at the corner)
29919
29919
  is this sheet's top edge, and the open tab erases the slice of it
@@ -29933,7 +29933,7 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29933
29933
  overflow: auto;
29934
29934
  padding: 12px;
29935
29935
  }
29936
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tab {
29936
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tab {
29937
29937
  height: 100%;
29938
29938
  }
29939
29939
 
@@ -29941,13 +29941,13 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29941
29941
  (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
29942
29942
  holds the list directly the footer stuck out 4px on the right and at the
29943
29943
  bottom and made the panel scroll. It bleeds exactly the panel's padding. */
29944
- .cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
29944
+ .cn-tabs-widget__tabs[data-v-5704a09b] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
29945
29945
  margin: auto -12px -12px;
29946
29946
  }
29947
29947
 
29948
29948
  /* The open panel's header link, beside the strip. Same look and theme hooks
29949
29949
  as a card header link (CnWidgetWrapper). */
29950
- .cn-tabs-widget__header-link[data-v-029f78ce] {
29950
+ .cn-tabs-widget__header-link[data-v-5704a09b] {
29951
29951
  align-self: center;
29952
29952
  padding: 0 calc(1 * var(--default-grid-baseline));
29953
29953
  color: var(--color-primary-element);
@@ -29956,21 +29956,21 @@ button.cn-stepper__step[data-v-3cab4d7d] {
29956
29956
  text-decoration: none;
29957
29957
  white-space: nowrap;
29958
29958
  }
29959
- .cn-tabs-widget__header-link[data-v-029f78ce]:hover,
29960
- .cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
29959
+ .cn-tabs-widget__header-link[data-v-5704a09b]:hover,
29960
+ .cn-tabs-widget__header-link[data-v-5704a09b]:focus-visible {
29961
29961
  text-decoration: underline;
29962
29962
  }
29963
- .cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
29963
+ .cn-tabs-widget__header-link[data-v-5704a09b]:focus-visible {
29964
29964
  outline: 2px solid var(--color-primary-element);
29965
29965
  outline-offset: 2px;
29966
29966
  border-radius: var(--border-radius-small, 4px);
29967
29967
  }
29968
- .cn-tabs-widget__title[data-v-029f78ce] {
29968
+ .cn-tabs-widget__title[data-v-5704a09b] {
29969
29969
  align-items: center;
29970
29970
  display: inline-flex;
29971
29971
  gap: 6px;
29972
29972
  }
29973
- .cn-tabs-widget__title-icon[data-v-029f78ce] {
29973
+ .cn-tabs-widget__title-icon[data-v-5704a09b] {
29974
29974
  flex: 0 0 auto;
29975
29975
  }
29976
29976
 
@@ -34482,947 +34482,975 @@ button.cn-linked-widget__link[data-v-0fc31606] {
34482
34482
  }
34483
34483
 
34484
34484
 
34485
- .cn-grouped-cards__grid[data-v-cf2cd50a] {
34486
- display: grid;
34487
- grid-template-columns: repeat(var(--cn-grouped-cards-columns, 2), minmax(0, 1fr));
34488
- gap: 16px;
34489
- }
34490
- @media (max-width: 700px) {
34491
- .cn-grouped-cards__grid[data-v-cf2cd50a] {
34492
- grid-template-columns: minmax(0, 1fr);
34493
- }
34494
- }
34495
- .cn-grouped-cards__group[data-v-cf2cd50a] {
34485
+ .cn-run-node-dialog__form[data-v-2d7cb7f5] {
34496
34486
  display: flex;
34497
34487
  flex-direction: column;
34498
- gap: 8px;
34499
- padding: 12px 14px 14px;
34500
- border-radius: var(--border-radius-large, 10px);
34501
- background: var(--color-background-hover);
34502
- }
34503
- .cn-grouped-cards__group--extra[data-v-cf2cd50a] {
34504
- background: transparent;
34505
- border: 1px dashed var(--color-border-dark);
34506
- }
34507
- .cn-grouped-cards__group-header[data-v-cf2cd50a] {
34508
- display: flex;
34509
- align-items: center;
34510
- justify-content: space-between;
34511
- gap: 8px;
34512
- }
34513
- .cn-grouped-cards__group-title[data-v-cf2cd50a] {
34514
- margin: 0;
34515
- font-size: 15px;
34516
- font-weight: 600;
34517
- color: var(--color-main-text);
34488
+ gap: 12px;
34518
34489
  }
34519
- .cn-grouped-cards__count[data-v-cf2cd50a] {
34520
- padding: 2px 8px;
34521
- border-radius: var(--border-radius-pill, 12px);
34522
- background: var(--color-main-background);
34490
+ .cn-run-node-dialog__hint[data-v-2d7cb7f5] {
34523
34491
  color: var(--color-text-maxcontrast);
34524
- font-size: 12px;
34525
- font-weight: 600;
34526
- white-space: nowrap;
34527
34492
  }
34528
- .cn-grouped-cards__items[data-v-cf2cd50a] {
34493
+
34494
+
34495
+ .cn-advanced-form-dialog__json-editor[data-v-3cca5b13] {
34529
34496
  display: flex;
34530
34497
  flex-direction: column;
34531
34498
  gap: 8px;
34532
- margin: 0;
34533
- padding: 0;
34534
- list-style: none;
34535
34499
  }
34536
- .cn-grouped-cards__item[data-v-cf2cd50a] {
34537
- display: flex;
34538
- flex-direction: column;
34539
- gap: 2px;
34540
- padding: 10px 12px;
34500
+ .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] {
34501
+ margin-top: 6px;
34541
34502
  border: 1px solid var(--color-border);
34542
- border-radius: var(--border-radius-large, 8px);
34543
- background: var(--color-main-background);
34503
+ border-radius: var(--border-radius);
34504
+ position: relative;
34544
34505
  }
34545
- .cn-grouped-cards__item-title[data-v-cf2cd50a] {
34546
- font-weight: 600;
34547
- color: var(--color-main-text);
34506
+ .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-editor {
34507
+ height: 100%;
34508
+ outline: none !important;
34548
34509
  }
34549
- .cn-grouped-cards__item-meta[data-v-cf2cd50a],
34550
- .cn-grouped-cards__extra-text[data-v-cf2cd50a],
34551
- .cn-grouped-cards__group-empty[data-v-cf2cd50a],
34552
- .cn-grouped-cards__state[data-v-cf2cd50a] {
34553
- margin: 0;
34554
- color: var(--color-text-maxcontrast);
34555
- font-size: 13px;
34510
+ .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-scroller {
34511
+ overflow: auto;
34556
34512
  }
34557
- .cn-grouped-cards__loading[data-v-cf2cd50a] {
34558
- display: flex;
34559
- justify-content: center;
34560
- padding: 8px 0;
34513
+ .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-content {
34514
+ border-radius: 0 !important;
34515
+ border: none !important;
34516
+ }
34517
+ .cn-advanced-form-dialog__codemirror-container--light > .vue-codemirror[data-v-3cca5b13] {
34518
+ border: 1px dotted silver;
34519
+ }
34520
+ .cn-advanced-form-dialog__codemirror-container--dark > .vue-codemirror[data-v-3cca5b13] {
34521
+ border: 1px dotted grey;
34561
34522
  }
34562
34523
 
34563
-
34564
- .cn-checklist-run__form[data-v-56cee1aa] {
34565
- display: flex;
34566
- flex-direction: column;
34567
- gap: 12px;
34524
+ /* value text color */
34525
+ /* string */
34526
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼe {
34527
+ color: #448c27;
34568
34528
  }
34569
- .cn-checklist-run__position[data-v-56cee1aa] {
34570
- color: var(--color-text-maxcontrast);
34571
- margin: 0;
34529
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼe {
34530
+ color: #88c379;
34572
34531
  }
34573
- .cn-checklist-run__progress[data-v-56cee1aa] {
34574
- background: var(--color-border);
34575
- border-radius: 3px;
34576
- display: block;
34577
- height: 6px;
34578
- overflow: hidden;
34532
+
34533
+ /* boolean */
34534
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼc {
34535
+ color: #221199;
34579
34536
  }
34580
- .cn-checklist-run__progress-fill[data-v-56cee1aa] {
34581
- background: var(--color-primary-element);
34582
- display: block;
34583
- height: 100%;
34537
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼc {
34538
+ color: #8d64f7;
34584
34539
  }
34585
- .cn-checklist-run__live[data-v-56cee1aa],
34586
- .cn-checklist-run__sr[data-v-56cee1aa] {
34587
- clip-path: inset(50%);
34588
- height: 1px;
34589
- overflow: hidden;
34590
- position: absolute;
34591
- white-space: nowrap;
34592
- width: 1px;
34540
+
34541
+ /* null */
34542
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼb {
34543
+ color: #770088;
34593
34544
  }
34594
- .cn-checklist-run__question[data-v-56cee1aa],
34595
- .cn-checklist-run__photos[data-v-56cee1aa] {
34596
- background: var(--color-main-background);
34597
- border: 1px solid var(--color-border);
34598
- border-radius: var(--border-radius-large, 12px);
34599
- display: flex;
34600
- flex-direction: column;
34601
- gap: 8px;
34602
- margin: 0;
34603
- padding: 12px 14px;
34545
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼb {
34546
+ color: #be55cd;
34604
34547
  }
34605
- .cn-checklist-run__legend[data-v-56cee1aa] {
34606
- font-weight: 600;
34607
- padding: 0 4px;
34548
+
34549
+ /* number */
34550
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼd {
34551
+ color: #d19a66;
34608
34552
  }
34609
- .cn-checklist-run__help[data-v-56cee1aa] {
34610
- color: var(--color-text-maxcontrast);
34611
- margin: 0;
34553
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼd {
34554
+ color: #9d6c3a;
34612
34555
  }
34613
- .cn-checklist-run__choice[data-v-56cee1aa] {
34614
- align-items: center;
34615
- display: flex;
34616
- gap: 10px;
34617
- min-height: 34px;
34556
+
34557
+ /* text cursor */
34558
+ .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-content * {
34559
+ cursor: text !important;
34618
34560
  }
34619
- .cn-checklist-run__choice input[data-v-56cee1aa] {
34620
- accent-color: var(--color-primary-element);
34621
- height: 20px;
34622
- margin: 0;
34623
- width: 20px;
34561
+
34562
+ /* selection color */
34563
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line::selection,
34564
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line ::selection {
34565
+ background-color: #d7eaff !important;
34566
+ color: black;
34624
34567
  }
34625
- .cn-checklist-run__text[data-v-56cee1aa],
34626
- .cn-checklist-run__number[data-v-56cee1aa] {
34627
- box-sizing: border-box;
34628
- width: 100%;
34568
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line::selection,
34569
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line ::selection {
34570
+ background-color: #8fb3e6 !important;
34571
+ color: black;
34629
34572
  }
34630
- .cn-checklist-run__group[data-v-56cee1aa] {
34631
- font-weight: 600;
34632
- margin: 0;
34573
+
34574
+ /* string selection */
34575
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼe::selection {
34576
+ color: #2d770f;
34633
34577
  }
34634
- .cn-checklist-run__note-label[data-v-56cee1aa] {
34635
- display: flex;
34636
- flex-direction: column;
34637
- gap: 4px;
34578
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼe::selection {
34579
+ color: #104e0c;
34638
34580
  }
34639
- .cn-checklist-run__photo-list[data-v-56cee1aa] {
34640
- margin: 0;
34641
- padding-inline-start: 18px;
34581
+
34582
+ /* boolean selection */
34583
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼc::selection {
34584
+ color: #221199;
34642
34585
  }
34643
- .cn-checklist-run__photo-button[data-v-56cee1aa] {
34644
- align-items: center;
34645
- align-self: flex-start;
34646
- border: 1px solid var(--color-border-dark);
34647
- border-radius: var(--border-radius-element, 8px);
34648
- cursor: pointer;
34649
- display: inline-flex;
34650
- font-weight: 600;
34651
- min-height: 34px;
34652
- padding: 0 14px;
34586
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼc::selection {
34587
+ color: #4026af;
34653
34588
  }
34654
- .cn-checklist-run__photo-button[data-v-56cee1aa]:focus-within {
34655
- outline: 2px solid var(--color-primary-element);
34656
- outline-offset: 2px;
34589
+
34590
+ /* null selection */
34591
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼb::selection {
34592
+ color: #770088;
34657
34593
  }
34658
- .cn-checklist-run__photo-input[data-v-56cee1aa] {
34659
- clip-path: inset(50%);
34660
- height: 1px;
34661
- overflow: hidden;
34662
- position: absolute;
34663
- width: 1px;
34594
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼb::selection {
34595
+ color: #770088;
34664
34596
  }
34665
- .cn-checklist-run__nav[data-v-56cee1aa] {
34666
- display: flex;
34667
- justify-content: space-between;
34597
+
34598
+ /* number selection */
34599
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼd::selection {
34600
+ color: #8c5c2c;
34668
34601
  }
34669
- .cn-checklist-run__error[data-v-56cee1aa] {
34670
- color: var(--color-error-text, var(--color-error));
34671
- margin: 0;
34602
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼd::selection {
34603
+ color: #623907;
34672
34604
  }
34673
- .cn-checklist-run__empty[data-v-56cee1aa] {
34674
- color: var(--color-text-maxcontrast);
34605
+ .cn-advanced-form-dialog__format-btn[data-v-3cca5b13] {
34606
+ margin-top: 8px;
34607
+ }
34608
+ .cn-advanced-form-dialog__json-error[data-v-3cca5b13] {
34609
+ color: var(--color-error);
34610
+ font-size: 14px;
34675
34611
  }
34676
34612
 
34677
34613
 
34678
- .cn-mail-tab[data-v-17982d84] {
34679
- display: flex;
34680
- flex-direction: column;
34681
- gap: 16px;
34682
- padding: 12px;
34614
+ .cn-advanced-form-dialog__table-container[data-v-88689872] {
34615
+ background: var(--color-main-background);
34616
+ border-radius: var(--border-radius);
34617
+ overflow: hidden;
34618
+ box-shadow: 0 2px 4px var(--color-box-shadow);
34619
+ border: 1px solid var(--color-border);
34620
+ margin-bottom: calc(5 * var(--default-grid-baseline));
34683
34621
  }
34684
- .cn-mail-tab__title[data-v-17982d84] {
34685
- margin: 0;
34686
- font-size: 16px;
34687
- font-weight: bold;
34622
+ .cn-advanced-form-dialog__table[data-v-88689872] {
34623
+ width: 100%;
34624
+ border-collapse: collapse;
34625
+ background-color: var(--color-main-background);
34688
34626
  }
34689
- .cn-mail-tab__subtitle[data-v-17982d84],
34690
- .cn-mail-tab__hint[data-v-17982d84] {
34691
- margin: 0;
34692
- color: var(--color-text-maxcontrast);
34627
+ .cn-advanced-form-dialog__table th[data-v-88689872],
34628
+ .cn-advanced-form-dialog__table td[data-v-88689872] {
34629
+ padding: calc(3 * var(--default-grid-baseline));
34630
+ text-align: left;
34631
+ border-bottom: 1px solid var(--color-border);
34632
+ vertical-align: middle;
34693
34633
  }
34694
- .cn-mail-tab__template-row[data-v-17982d84] {
34695
- display: flex;
34696
- flex-wrap: wrap;
34697
- align-items: flex-end;
34698
- gap: 8px;
34634
+ .cn-advanced-form-dialog__table th[data-v-88689872] {
34635
+ background: var(--color-background-dark);
34636
+ font-weight: 500;
34637
+ color: var(--color-text-maxcontrast);
34699
34638
  }
34700
- .cn-mail-tab__template-select[data-v-17982d84] {
34701
- flex: 1 1 260px;
34639
+ .cn-advanced-form-dialog__table-row[data-v-88689872] {
34640
+ cursor: default;
34641
+ background-color: var(--color-main-background);
34702
34642
  }
34703
- .cn-mail-tab__unresolved[data-v-17982d84] {
34704
- margin: 4px 0 0;
34705
- padding-inline-start: 20px;
34643
+ .cn-advanced-form-dialog__table-col-constrained[data-v-88689872] {
34644
+ width: 150px;
34645
+ max-width: 150px;
34646
+ overflow: hidden;
34647
+ text-overflow: ellipsis;
34648
+ white-space: nowrap;
34706
34649
  }
34707
- .cn-mail-tab__unresolved code[data-v-17982d84] {
34708
- background: var(--color-background-dark);
34709
- padding: 2px 6px;
34710
- border-radius: var(--border-radius);
34711
- font-family: var(--font-face-mono, monospace);
34650
+ .cn-advanced-form-dialog__table-col-expanded[data-v-88689872] {
34651
+ width: auto;
34652
+ min-width: 200px;
34712
34653
  }
34713
34654
 
34714
34655
 
34715
- .cn-working-calendar[data-v-03ee459c] {
34716
- display: flex;
34717
- flex-direction: column;
34718
- gap: 12px;
34656
+ .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] {
34657
+ width: 100%;
34658
+ min-width: 0;
34719
34659
  }
34720
- .cn-working-calendar__head[data-v-03ee459c] {
34721
- align-items: center;
34660
+ .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] .text-field {
34661
+ margin: 0;
34662
+ padding: 0;
34663
+ }
34664
+ .cn-advanced-form-dialog__boolean-input-row[data-v-d150e1b8] {
34722
34665
  display: flex;
34723
- gap: 4px;
34666
+ align-items: center;
34667
+ gap: 6px;
34724
34668
  }
34725
- .cn-working-calendar__title[data-v-03ee459c] {
34726
- font-size: 15px;
34727
- min-width: 9em;
34728
- text-align: center;
34669
+ .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] {
34670
+ display: flex;
34671
+ align-items: center;
34672
+ gap: 6px;
34729
34673
  }
34730
- .cn-working-calendar__add[data-v-03ee459c] {
34731
- margin-inline-start: auto;
34674
+ .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] > :first-child {
34675
+ flex: 1;
34732
34676
  }
34733
- .cn-working-calendar__grid[data-v-03ee459c] {
34734
- display: flex;
34735
- flex-direction: column;
34736
- gap: 4px;
34677
+
34678
+ /* patch extreme size in field */
34679
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-d150e1b8] {
34680
+ padding-left: 0;
34681
+ padding-block: 0;
34737
34682
  }
34738
- .cn-working-calendar__row[data-v-03ee459c] {
34739
- display: grid;
34740
- gap: 4px;
34741
- grid-template-columns: repeat(7, minmax(0, 1fr));
34683
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-d150e1b8] {
34684
+ margin: 0;
34742
34685
  }
34743
- .cn-working-calendar__weekday[data-v-03ee459c] {
34686
+ .cn-advanced-form-dialog__info-icon[data-v-d150e1b8] {
34687
+ flex-shrink: 0;
34744
34688
  color: var(--color-text-maxcontrast);
34689
+ cursor: help;
34690
+ }
34691
+ .cn-advanced-form-dialog__json-value[data-v-d150e1b8] {
34692
+ max-height: 200px;
34693
+ overflow-y: auto;
34694
+ white-space: pre-wrap;
34695
+ font-family: monospace;
34745
34696
  font-size: 12px;
34746
- text-align: center;
34697
+ background: var(--color-background-dark);
34698
+ padding: 8px;
34699
+ border-radius: 4px;
34700
+ margin: 0;
34747
34701
  }
34748
- .cn-working-calendar__day[data-v-03ee459c] {
34749
- align-items: center;
34750
- background: var(--color-main-background);
34751
- border: 1px solid var(--color-border);
34752
- border-radius: 6px;
34753
- cursor: default;
34754
- display: flex;
34755
- font-size: 13px;
34756
- height: 34px;
34757
- justify-content: center;
34702
+
34703
+ /* Textarea: keep it inside the table cell instead of overflowing.
34704
+ NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
34705
+ that ignores the `rows` attribute, which causes the textarea to render with a
34706
+ too-small viewport. Let the wrapper grow with its content instead. */
34707
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] {
34708
+ width: 100%;
34709
+ box-sizing: border-box;
34758
34710
  }
34759
- .cn-working-calendar__day[data-v-03ee459c]:focus-visible {
34760
- outline: 2px solid var(--color-primary-element);
34761
- outline-offset: 1px;
34711
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] .textarea__main-wrapper {
34712
+ height: auto;
34713
+ min-height: var(--default-clickable-area);
34762
34714
  }
34763
- .cn-working-calendar__day--off[data-v-03ee459c] {
34764
- background: var(--color-background-dark);
34715
+ .cn-advanced-form-dialog__textarea[data-v-d150e1b8] textarea {
34716
+ width: 100%;
34717
+ max-width: 100%;
34718
+ box-sizing: border-box;
34719
+ resize: vertical;
34720
+ min-height: 80px;
34721
+ max-height: 240px;
34722
+ display: block;
34765
34723
  }
34766
- .cn-working-calendar__day--closed[data-v-03ee459c] {
34767
- background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
34768
- border-color: var(--color-error);
34769
- color: var(--color-error-text, var(--color-main-text));
34770
- font-weight: 600;
34724
+
34725
+ /* Color widget: clickable swatch (native picker) + visible text input */
34726
+ .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] {
34727
+ display: flex;
34728
+ align-items: center;
34729
+ gap: 8px;
34730
+ width: 100%;
34771
34731
  }
34772
- .cn-working-calendar__day--today[data-v-03ee459c] {
34773
- box-shadow: inset 0 0 0 2px var(--color-primary-element);
34732
+ .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] > :last-child {
34733
+ flex: 1;
34734
+ min-width: 0;
34774
34735
  }
34775
- .cn-working-calendar__live[data-v-03ee459c] {
34776
- clip-path: inset(50%);
34777
- height: 1px;
34736
+ .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8] {
34737
+ --cn-color-swatch-checker:
34738
+ linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
34739
+ linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
34740
+ linear-gradient(45deg, transparent 75%, var(--color-background-dark) 75%),
34741
+ linear-gradient(-45deg, transparent 75%, var(--color-background-dark) 75%);
34742
+ display: inline-block;
34743
+ width: 32px;
34744
+ height: 32px;
34745
+ flex-shrink: 0;
34746
+ padding: 0;
34747
+ border: 1px solid var(--color-border);
34748
+ border-radius: var(--border-radius);
34749
+ cursor: pointer;
34750
+ background-image: var(--cn-color-swatch-checker);
34751
+ background-size: 8px 8px;
34752
+ background-position: 0 0, 0 4px, 4px -4px, -4px 0;
34778
34753
  overflow: hidden;
34779
- position: absolute;
34780
- white-space: nowrap;
34781
- width: 1px;
34754
+ position: relative;
34782
34755
  }
34783
- .cn-working-calendar__note[data-v-03ee459c] {
34784
- color: var(--color-text-maxcontrast);
34785
- margin: 0;
34756
+ .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8]:focus-visible {
34757
+ outline: 2px solid var(--color-primary-element);
34758
+ outline-offset: 2px;
34786
34759
  }
34787
- .cn-working-calendar__form[data-v-03ee459c] {
34788
- display: flex;
34789
- flex-wrap: wrap;
34790
- gap: 8px 12px;
34760
+ .cn-advanced-form-dialog__color-swatch--readonly[data-v-d150e1b8] {
34761
+ cursor: default;
34762
+ width: 20px;
34763
+ height: 20px;
34764
+ vertical-align: middle;
34765
+ margin-inline-end: 6px;
34791
34766
  }
34792
- .cn-working-calendar__field[data-v-03ee459c] {
34767
+ .cn-advanced-form-dialog__color-display[data-v-d150e1b8] {
34768
+ display: inline-flex;
34769
+ align-items: center;
34770
+ }
34771
+
34772
+ /* Help text & inline validation under the input */
34773
+ .cn-advanced-form-dialog__field-help[data-v-d150e1b8] {
34793
34774
  display: flex;
34794
34775
  flex-direction: column;
34795
- gap: 4px;
34776
+ gap: 2px;
34777
+ margin-top: 4px;
34778
+ font-size: 0.85em;
34779
+ color: var(--color-text-maxcontrast);
34796
34780
  }
34797
- .cn-working-calendar__form-actions[data-v-03ee459c] {
34798
- align-items: flex-end;
34799
- display: flex;
34800
- gap: 8px;
34781
+ .cn-advanced-form-dialog__field-example[data-v-d150e1b8] {
34782
+ font-style: italic;
34801
34783
  }
34802
- .cn-working-calendar__error[data-v-03ee459c] {
34803
- color: var(--color-error-text, var(--color-error));
34804
- margin: 0;
34784
+ .cn-advanced-form-dialog__field-error[data-v-d150e1b8] {
34785
+ margin-top: 4px;
34786
+ font-size: 0.85em;
34787
+ color: var(--color-error-text);
34805
34788
  }
34806
-
34807
-
34808
- .cn-run-node-dialog__form[data-v-2d7cb7f5] {
34789
+ .cn-advanced-form-dialog__value-cell-wrapper[data-v-d150e1b8] {
34809
34790
  display: flex;
34810
34791
  flex-direction: column;
34811
- gap: 12px;
34812
- }
34813
- .cn-run-node-dialog__hint[data-v-2d7cb7f5] {
34814
- color: var(--color-text-maxcontrast);
34792
+ width: 100%;
34815
34793
  }
34816
34794
 
34817
-
34818
- .cn-advanced-form-dialog__json-editor[data-v-3cca5b13] {
34795
+ /* Object-array widget: chip list + add button */
34796
+ .cn-advanced-form-dialog__object-array[data-v-d150e1b8] {
34819
34797
  display: flex;
34820
34798
  flex-direction: column;
34821
34799
  gap: 8px;
34800
+ width: 100%;
34822
34801
  }
34823
- .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] {
34824
- margin-top: 6px;
34825
- border: 1px solid var(--color-border);
34826
- border-radius: var(--border-radius);
34827
- position: relative;
34802
+ .cn-advanced-form-dialog__object-array-chips[data-v-d150e1b8] {
34803
+ display: flex;
34804
+ flex-wrap: wrap;
34805
+ gap: 6px;
34828
34806
  }
34829
- .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-editor {
34830
- height: 100%;
34831
- outline: none !important;
34807
+ .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8] {
34808
+ display: inline-flex;
34809
+ align-items: center;
34810
+ gap: 4px;
34811
+ padding: 2px 4px 2px 10px;
34812
+ background: var(--color-background-dark);
34813
+ border: 1px solid var(--color-border);
34814
+ border-radius: var(--border-radius-pill, 14px);
34815
+ color: var(--color-main-text);
34816
+ cursor: pointer;
34817
+ font: inherit;
34818
+ max-width: 240px;
34832
34819
  }
34833
- .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-scroller {
34834
- overflow: auto;
34820
+ .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8]:hover {
34821
+ background: var(--color-background-hover);
34835
34822
  }
34836
- .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-content {
34837
- border-radius: 0 !important;
34838
- border: none !important;
34839
- }
34840
- .cn-advanced-form-dialog__codemirror-container--light > .vue-codemirror[data-v-3cca5b13] {
34841
- border: 1px dotted silver;
34842
- }
34843
- .cn-advanced-form-dialog__codemirror-container--dark > .vue-codemirror[data-v-3cca5b13] {
34844
- border: 1px dotted grey;
34845
- }
34846
-
34847
- /* value text color */
34848
- /* string */
34849
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼe {
34850
- color: #448c27;
34851
- }
34852
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼe {
34853
- color: #88c379;
34854
- }
34855
-
34856
- /* boolean */
34857
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼc {
34858
- color: #221199;
34859
- }
34860
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼc {
34861
- color: #8d64f7;
34862
- }
34863
-
34864
- /* null */
34865
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼb {
34866
- color: #770088;
34867
- }
34868
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼb {
34869
- color: #be55cd;
34870
- }
34871
-
34872
- /* number */
34873
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .ͼd {
34874
- color: #d19a66;
34875
- }
34876
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .ͼd {
34877
- color: #9d6c3a;
34878
- }
34879
-
34880
- /* text cursor */
34881
- .cn-advanced-form-dialog__codemirror-container[data-v-3cca5b13] .cm-content * {
34882
- cursor: text !important;
34883
- }
34884
-
34885
- /* selection color */
34886
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line::selection,
34887
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line ::selection {
34888
- background-color: #d7eaff !important;
34889
- color: black;
34890
- }
34891
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line::selection,
34892
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line ::selection {
34893
- background-color: #8fb3e6 !important;
34894
- color: black;
34895
- }
34896
-
34897
- /* string selection */
34898
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼe::selection {
34899
- color: #2d770f;
34900
- }
34901
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼe::selection {
34902
- color: #104e0c;
34903
- }
34904
-
34905
- /* boolean selection */
34906
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼc::selection {
34907
- color: #221199;
34908
- }
34909
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼc::selection {
34910
- color: #4026af;
34911
- }
34912
-
34913
- /* null selection */
34914
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼb::selection {
34915
- color: #770088;
34916
- }
34917
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼb::selection {
34918
- color: #770088;
34919
- }
34920
-
34921
- /* number selection */
34922
- .cn-advanced-form-dialog__codemirror-container--light[data-v-3cca5b13] .cm-line .ͼd::selection {
34923
- color: #8c5c2c;
34924
- }
34925
- .cn-advanced-form-dialog__codemirror-container--dark[data-v-3cca5b13] .cm-line .ͼd::selection {
34926
- color: #623907;
34823
+ .cn-advanced-form-dialog__object-array-chip-label[data-v-d150e1b8] {
34824
+ overflow: hidden;
34825
+ text-overflow: ellipsis;
34826
+ white-space: nowrap;
34927
34827
  }
34928
- .cn-advanced-form-dialog__format-btn[data-v-3cca5b13] {
34929
- margin-top: 8px;
34828
+ .cn-advanced-form-dialog__object-array-chip-remove[data-v-d150e1b8] {
34829
+ flex-shrink: 0;
34930
34830
  }
34931
- .cn-advanced-form-dialog__json-error[data-v-3cca5b13] {
34932
- color: var(--color-error);
34933
- font-size: 14px;
34831
+ .cn-advanced-form-dialog__object-array-add[data-v-d150e1b8] {
34832
+ align-self: flex-start;
34934
34833
  }
34935
34834
 
34936
34835
 
34937
- .cn-advanced-form-dialog__table-container[data-v-88689872] {
34836
+ .cn-advanced-form-dialog__table-container[data-v-9b1e33d4] {
34938
34837
  background: var(--color-main-background);
34939
34838
  border-radius: var(--border-radius);
34940
- overflow: hidden;
34941
34839
  box-shadow: 0 2px 4px var(--color-box-shadow);
34942
34840
  border: 1px solid var(--color-border);
34943
34841
  margin-bottom: calc(5 * var(--default-grid-baseline));
34944
34842
  }
34945
- .cn-advanced-form-dialog__table[data-v-88689872] {
34843
+ .cn-advanced-form-dialog__table[data-v-9b1e33d4] {
34946
34844
  width: 100%;
34947
34845
  border-collapse: collapse;
34948
34846
  background-color: var(--color-main-background);
34949
34847
  }
34950
- .cn-advanced-form-dialog__table th[data-v-88689872],
34951
- .cn-advanced-form-dialog__table td[data-v-88689872] {
34848
+ .cn-advanced-form-dialog__table th[data-v-9b1e33d4],
34849
+ .cn-advanced-form-dialog__table td[data-v-9b1e33d4] {
34952
34850
  padding: calc(3 * var(--default-grid-baseline));
34953
34851
  text-align: left;
34954
34852
  border-bottom: 1px solid var(--color-border);
34955
34853
  vertical-align: middle;
34956
34854
  }
34957
- .cn-advanced-form-dialog__table th[data-v-88689872] {
34855
+
34856
+ /* Selected (editing) row: align the constrained label cell to the top of the
34857
+ value cell so tall inputs (textarea, JSON editor) do not visually overflow
34858
+ into the next row. */
34859
+ .cn-advanced-form-dialog__table-row--selected td[data-v-9b1e33d4] {
34860
+ vertical-align: top;
34861
+ }
34862
+ .cn-advanced-form-dialog__table th[data-v-9b1e33d4] {
34958
34863
  background: var(--color-background-dark);
34959
34864
  font-weight: 500;
34960
34865
  color: var(--color-text-maxcontrast);
34961
34866
  }
34962
- .cn-advanced-form-dialog__table-row[data-v-88689872] {
34963
- cursor: default;
34867
+ .cn-advanced-form-dialog__table-row[data-v-9b1e33d4] {
34868
+ cursor: pointer;
34869
+ transition: background-color 0.2s ease;
34964
34870
  background-color: var(--color-main-background);
34965
34871
  }
34966
- .cn-advanced-form-dialog__table-col-constrained[data-v-88689872] {
34872
+ .cn-advanced-form-dialog__table-row[data-v-9b1e33d4]:hover {
34873
+ background-color: var(--color-background-hover);
34874
+ }
34875
+
34876
+ /* Active/selected row: light blue; ensure it wins over validation state classes */
34877
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-9b1e33d4],
34878
+ .cn-advanced-form-dialog__table-row--selected[data-v-9b1e33d4]:hover {
34879
+ background-color: var(--color-primary-light);
34880
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
34881
+ }
34882
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-9b1e33d4] {
34883
+ background-color: var(--color-background-dark);
34884
+ cursor: not-allowed;
34885
+ opacity: 0.7;
34886
+ }
34887
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-9b1e33d4] * {
34888
+ cursor: not-allowed !important;
34889
+ }
34890
+ .cn-advanced-form-dialog__table-row--invalid[data-v-9b1e33d4] {
34891
+ background-color: var(--color-error-light);
34892
+ }
34893
+ .cn-advanced-form-dialog__table-row--warning[data-v-9b1e33d4] {
34894
+ background-color: var(--color-warning-light);
34895
+ }
34896
+ .cn-advanced-form-dialog__table-col-constrained[data-v-9b1e33d4] {
34967
34897
  width: 150px;
34968
34898
  max-width: 150px;
34969
34899
  overflow: hidden;
34970
34900
  text-overflow: ellipsis;
34971
34901
  white-space: nowrap;
34972
34902
  }
34973
- .cn-advanced-form-dialog__table-col-expanded[data-v-88689872] {
34903
+ .cn-advanced-form-dialog__table-col-expanded[data-v-9b1e33d4] {
34974
34904
  width: auto;
34975
34905
  min-width: 200px;
34976
34906
  }
34977
-
34978
-
34979
- .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] {
34980
- width: 100%;
34981
- min-width: 0;
34907
+ .cn-advanced-form-dialog__table-col-actions[data-v-9b1e33d4] {
34908
+ width: 56px;
34909
+ text-align: right;
34910
+ white-space: nowrap;
34982
34911
  }
34983
- .cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] .text-field {
34984
- margin: 0;
34985
- padding: 0;
34912
+ .cn-advanced-form-dialog__prop-cell[data-v-9b1e33d4] {
34913
+ width: 30%;
34914
+ font-weight: 600;
34986
34915
  }
34987
- .cn-advanced-form-dialog__boolean-input-row[data-v-d150e1b8] {
34988
- display: flex;
34989
- align-items: center;
34990
- gap: 6px;
34916
+ .cn-advanced-form-dialog__value-cell[data-v-9b1e33d4] {
34917
+ width: 70%;
34918
+ overflow-wrap: anywhere;
34919
+ border-radius: 4px;
34991
34920
  }
34992
- .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] {
34921
+ .cn-advanced-form-dialog__value-cell[data-v-9b1e33d4] > * {
34922
+ max-width: 100%;
34923
+ }
34924
+ .cn-advanced-form-dialog__prop-cell-content[data-v-9b1e33d4] {
34993
34925
  display: flex;
34994
34926
  align-items: center;
34995
- gap: 6px;
34927
+ gap: 8px;
34996
34928
  }
34997
- .cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] > :first-child {
34998
- flex: 1;
34929
+ .cn-advanced-form-dialog__validation-icon[data-v-9b1e33d4] {
34930
+ flex-shrink: 0;
34999
34931
  }
35000
-
35001
- /* patch extreme size in field */
35002
- .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-d150e1b8] {
35003
- padding-left: 0;
35004
- padding-block: 0;
34932
+ .cn-advanced-form-dialog__validation-icon--error[data-v-9b1e33d4] {
34933
+ color: var(--color-error);
35005
34934
  }
35006
- .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-d150e1b8] {
35007
- margin: 0;
34935
+ .cn-advanced-form-dialog__validation-icon--edited[data-v-9b1e33d4] {
34936
+ color: var(--color-primary-element);
35008
34937
  }
35009
- .cn-advanced-form-dialog__info-icon[data-v-d150e1b8] {
35010
- flex-shrink: 0;
34938
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-9b1e33d4] {
34939
+ color: var(--color-warning);
34940
+ }
34941
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-9b1e33d4] {
34942
+ color: var(--color-text-lighter);
34943
+ }
34944
+ .cn-advanced-form-dialog__validation-icon--new[data-v-9b1e33d4] {
34945
+ color: var(--color-new);
34946
+ }
34947
+ .cn-advanced-form-dialog__optional[data-v-9b1e33d4] {
34948
+ font-weight: 400;
35011
34949
  color: var(--color-text-maxcontrast);
34950
+ }
34951
+ .cn-advanced-form-dialog__required-indicator[data-v-9b1e33d4] {
34952
+ color: var(--color-error-text);
34953
+ font-weight: bold;
35012
34954
  cursor: help;
35013
34955
  }
35014
- .cn-advanced-form-dialog__json-value[data-v-d150e1b8] {
35015
- max-height: 200px;
35016
- overflow-y: auto;
35017
- white-space: pre-wrap;
35018
- font-family: monospace;
35019
- font-size: 12px;
34956
+ .cn-advanced-form-dialog__immutable-badge[data-v-9b1e33d4] {
34957
+ display: inline-block;
34958
+ padding: 1px 6px;
34959
+ border-radius: 10px;
35020
34960
  background: var(--color-background-dark);
35021
- padding: 8px;
35022
- border-radius: 4px;
35023
- margin: 0;
35024
- }
35025
-
35026
- /* Textarea: keep it inside the table cell instead of overflowing.
35027
- NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
35028
- that ignores the `rows` attribute, which causes the textarea to render with a
35029
- too-small viewport. Let the wrapper grow with its content instead. */
35030
- .cn-advanced-form-dialog__textarea[data-v-d150e1b8] {
35031
- width: 100%;
35032
- box-sizing: border-box;
35033
- }
35034
- .cn-advanced-form-dialog__textarea[data-v-d150e1b8] .textarea__main-wrapper {
35035
- height: auto;
35036
- min-height: var(--default-clickable-area);
34961
+ color: var(--color-text-maxcontrast);
34962
+ font-size: 0.75em;
34963
+ font-weight: 500;
34964
+ text-transform: uppercase;
34965
+ letter-spacing: 0.02em;
34966
+ cursor: help;
34967
+ white-space: nowrap;
35037
34968
  }
35038
- .cn-advanced-form-dialog__textarea[data-v-d150e1b8] textarea {
35039
- width: 100%;
35040
- max-width: 100%;
35041
- box-sizing: border-box;
35042
- resize: vertical;
35043
- min-height: 80px;
35044
- max-height: 240px;
35045
- display: block;
34969
+ .cn-advanced-form-dialog__unsaved-note[data-v-9b1e33d4] {
34970
+ margin-bottom: calc(3 * var(--default-grid-baseline));
35046
34971
  }
35047
34972
 
35048
- /* Color widget: clickable swatch (native picker) + visible text input */
35049
- .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] {
34973
+
34974
+ .cn-advanced-form-dialog__form[data-v-e4419ed6] {
35050
34975
  display: flex;
35051
- align-items: center;
34976
+ flex-direction: column;
35052
34977
  gap: 8px;
35053
- width: 100%;
35054
34978
  }
35055
- .cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] > :last-child {
35056
- flex: 1;
35057
- min-width: 0;
34979
+ .cn-advanced-form-dialog__tabs[data-v-e4419ed6] {
34980
+ display: flex;
34981
+ flex-direction: column;
34982
+ gap: 12px;
35058
34983
  }
35059
- .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8] {
35060
- --cn-color-swatch-checker:
35061
- linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
35062
- linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
35063
- linear-gradient(45deg, transparent 75%, var(--color-background-dark) 75%),
35064
- linear-gradient(-45deg, transparent 75%, var(--color-background-dark) 75%);
35065
- display: inline-block;
35066
- width: 32px;
35067
- height: 32px;
35068
- flex-shrink: 0;
35069
- padding: 0;
35070
- border: 1px solid var(--color-border);
35071
- border-radius: var(--border-radius);
35072
- cursor: pointer;
35073
- background-image: var(--cn-color-swatch-checker);
35074
- background-size: 8px 8px;
35075
- background-position: 0 0, 0 4px, 4px -4px, -4px 0;
35076
- overflow: hidden;
35077
- position: relative;
34984
+
34985
+ /* Bootstrap-Vue tab styling to match ViewObject */
34986
+ .tabContainer[data-v-e4419ed6] {
34987
+ margin-top: 20px;
35078
34988
  }
35079
- .cn-advanced-form-dialog__color-swatch[data-v-d150e1b8]:focus-visible {
35080
- outline: 2px solid var(--color-primary-element);
35081
- outline-offset: 2px;
34989
+ .tabContainer > * ul > li[data-v-e4419ed6] {
34990
+ display: flex;
34991
+ flex: 1;
35082
34992
  }
35083
- .cn-advanced-form-dialog__color-swatch--readonly[data-v-d150e1b8] {
35084
- cursor: default;
35085
- width: 20px;
35086
- height: 20px;
35087
- vertical-align: middle;
35088
- margin-inline-end: 6px;
34993
+ .tabContainer > * ul > li[data-v-e4419ed6]:hover {
34994
+ background-color: var(--color-background-hover);
35089
34995
  }
35090
- .cn-advanced-form-dialog__color-display[data-v-d150e1b8] {
35091
- display: inline-flex;
35092
- align-items: center;
34996
+ .tabContainer > * ul > li > a[data-v-e4419ed6] {
34997
+ flex: 1;
34998
+ text-align: center;
35093
34999
  }
35094
-
35095
- /* Help text & inline validation under the input */
35096
- .cn-advanced-form-dialog__field-help[data-v-d150e1b8] {
35000
+ .tabContainer > * ul > li > .active[data-v-e4419ed6] {
35001
+ background: transparent !important;
35002
+ color: var(--color-main-text) !important;
35003
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
35004
+ }
35005
+ .tabContainer > * ul[role="tablist"][data-v-e4419ed6] {
35006
+ display: flex;
35007
+ margin: 10px 8px 0 8px;
35008
+ justify-content: space-between;
35009
+ border-bottom: 1px solid var(--color-border);
35010
+ }
35011
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-e4419ed6] {
35012
+ padding-inline-start: 10px;
35013
+ padding-inline-end: 10px;
35014
+ padding-block-start: 10px;
35015
+ padding-block-end: 10px;
35016
+ }
35017
+ .tabContainer > * div[role="tabpanel"][data-v-e4419ed6] {
35018
+ margin-block-start: var(--OR-margin-10);
35019
+ }
35020
+ [data-v-e4419ed6] .nav-tabs {
35021
+ border-bottom: 1px solid var(--color-border);
35022
+ margin-bottom: 15px;
35097
35023
  display: flex;
35098
- flex-direction: column;
35099
- gap: 2px;
35100
- margin-top: 4px;
35101
- font-size: 0.85em;
35024
+ }
35025
+ [data-v-e4419ed6] .nav-tabs .nav-item {
35026
+ display: flex;
35027
+ flex: 1;
35028
+ }
35029
+ [data-v-e4419ed6] .nav-tabs .nav-link {
35030
+ flex: 1;
35031
+ text-align: center;
35032
+ border: none;
35033
+ border-bottom: 2px solid transparent;
35102
35034
  color: var(--color-text-maxcontrast);
35035
+ padding: 8px 16px;
35103
35036
  }
35104
- .cn-advanced-form-dialog__field-example[data-v-d150e1b8] {
35105
- font-style: italic;
35037
+ [data-v-e4419ed6] .nav-tabs .nav-link.active {
35038
+ color: var(--color-main-text);
35039
+ border-bottom: 2px solid var(--color-primary);
35040
+ background-color: transparent;
35106
35041
  }
35107
- .cn-advanced-form-dialog__field-error[data-v-d150e1b8] {
35108
- margin-top: 4px;
35109
- font-size: 0.85em;
35110
- color: var(--color-error-text);
35042
+ [data-v-e4419ed6] .nav-tabs .nav-link:hover {
35043
+ border-bottom: 2px solid var(--color-border);
35111
35044
  }
35112
- .cn-advanced-form-dialog__value-cell-wrapper[data-v-d150e1b8] {
35113
- display: flex;
35114
- flex-direction: column;
35115
- width: 100%;
35045
+ [data-v-e4419ed6] .tab-content {
35046
+ padding: 16px;
35047
+ background-color: var(--color-main-background);
35116
35048
  }
35117
35049
 
35118
- /* Object-array widget: chip list + add button */
35119
- .cn-advanced-form-dialog__object-array[data-v-d150e1b8] {
35050
+ /* Hand-rolled tab nav — replaces bootstrap-vue's BTabs/BTab. */
35051
+ .cn-advanced-form-dialog__tab-nav[data-v-e4419ed6] {
35120
35052
  display: flex;
35121
- flex-direction: column;
35122
- gap: 8px;
35053
+ gap: 0;
35054
+ list-style: none;
35055
+ padding: 0;
35056
+ margin: 0 0 16px;
35057
+ border-bottom: 1px solid var(--color-border);
35058
+ }
35059
+ .cn-advanced-form-dialog__tab-nav-item[data-v-e4419ed6] {
35060
+ flex: 1 1 0;
35061
+ }
35062
+ .cn-advanced-form-dialog__tab-button[data-v-e4419ed6] {
35123
35063
  width: 100%;
35064
+ padding: 10px 14px;
35065
+ background: transparent;
35066
+ border: 0;
35067
+ border-bottom: 2px solid transparent;
35068
+ color: var(--color-text-maxcontrast);
35069
+ font: inherit;
35070
+ cursor: pointer;
35124
35071
  }
35125
- .cn-advanced-form-dialog__object-array-chips[data-v-d150e1b8] {
35126
- display: flex;
35127
- flex-wrap: wrap;
35128
- gap: 6px;
35072
+ .cn-advanced-form-dialog__tab-button[data-v-e4419ed6]:hover:not(:disabled) {
35073
+ border-bottom-color: var(--color-border);
35074
+ color: var(--color-main-text);
35129
35075
  }
35130
- .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8] {
35131
- display: inline-flex;
35132
- align-items: center;
35133
- gap: 4px;
35134
- padding: 2px 4px 2px 10px;
35135
- background: var(--color-background-dark);
35136
- border: 1px solid var(--color-border);
35137
- border-radius: var(--border-radius-pill, 14px);
35076
+ .cn-advanced-form-dialog__tab-button.is-active[data-v-e4419ed6] {
35138
35077
  color: var(--color-main-text);
35139
- cursor: pointer;
35140
- font: inherit;
35141
- max-width: 240px;
35078
+ border-bottom-color: var(--color-primary);
35142
35079
  }
35143
- .cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8]:hover {
35144
- background: var(--color-background-hover);
35080
+
35081
+ /* stylelint-disable-next-line no-descending-specificity */
35082
+ .cn-advanced-form-dialog__tab-button[data-v-e4419ed6]:disabled {
35083
+ opacity: 0.5;
35084
+ cursor: not-allowed;
35145
35085
  }
35146
- .cn-advanced-form-dialog__object-array-chip-label[data-v-d150e1b8] {
35147
- overflow: hidden;
35148
- text-overflow: ellipsis;
35149
- white-space: nowrap;
35086
+ .cn-advanced-form-dialog__tab-content[data-v-e4419ed6] {
35087
+ padding: 16px 0;
35150
35088
  }
35151
- .cn-advanced-form-dialog__object-array-chip-remove[data-v-d150e1b8] {
35152
- flex-shrink: 0;
35089
+
35090
+
35091
+ .cn-action-buttons[data-v-6714bcf7] {
35092
+ display: inline-flex;
35093
+ align-items: center;
35094
+ gap: 8px;
35095
+ flex-wrap: wrap;
35153
35096
  }
35154
- .cn-advanced-form-dialog__object-array-add[data-v-d150e1b8] {
35155
- align-self: flex-start;
35097
+
35098
+ /* In menu mode the only children are dialogs, so the wrapper must not be a
35099
+ box: an empty inline-flex child still eats one of the header's flex gaps
35100
+ and pushes the Actions menu away from the Edit button beside it. */
35101
+ .cn-action-buttons--menu[data-v-6714bcf7] {
35102
+ display: contents;
35156
35103
  }
35157
35104
 
35158
35105
 
35159
- .cn-advanced-form-dialog__table-container[data-v-9b1e33d4] {
35160
- background: var(--color-main-background);
35161
- border-radius: var(--border-radius);
35162
- box-shadow: 0 2px 4px var(--color-box-shadow);
35163
- border: 1px solid var(--color-border);
35164
- margin-bottom: calc(5 * var(--default-grid-baseline));
35106
+ .cn-grouped-cards__grid[data-v-23662746] {
35107
+ display: grid;
35108
+ grid-template-columns: repeat(var(--cn-grouped-cards-columns, 2), minmax(0, 1fr));
35109
+ gap: 16px;
35165
35110
  }
35166
- .cn-advanced-form-dialog__table[data-v-9b1e33d4] {
35167
- width: 100%;
35168
- border-collapse: collapse;
35169
- background-color: var(--color-main-background);
35111
+ @media (max-width: 700px) {
35112
+ .cn-grouped-cards__grid[data-v-23662746] {
35113
+ grid-template-columns: minmax(0, 1fr);
35170
35114
  }
35171
- .cn-advanced-form-dialog__table th[data-v-9b1e33d4],
35172
- .cn-advanced-form-dialog__table td[data-v-9b1e33d4] {
35173
- padding: calc(3 * var(--default-grid-baseline));
35174
- text-align: left;
35175
- border-bottom: 1px solid var(--color-border);
35176
- vertical-align: middle;
35177
35115
  }
35178
-
35179
- /* Selected (editing) row: align the constrained label cell to the top of the
35180
- value cell so tall inputs (textarea, JSON editor) do not visually overflow
35181
- into the next row. */
35182
- .cn-advanced-form-dialog__table-row--selected td[data-v-9b1e33d4] {
35183
- vertical-align: top;
35116
+ .cn-grouped-cards__group[data-v-23662746] {
35117
+ display: flex;
35118
+ flex-direction: column;
35119
+ gap: 8px;
35120
+ padding: 12px 14px 14px;
35121
+ border-radius: var(--border-radius-large, 10px);
35122
+ background: var(--color-background-hover);
35123
+ }
35124
+ .cn-grouped-cards__group--extra[data-v-23662746] {
35125
+ background: transparent;
35126
+ border: 1px dashed var(--color-border-dark);
35127
+ }
35128
+ .cn-grouped-cards__group-header[data-v-23662746] {
35129
+ display: flex;
35130
+ align-items: center;
35131
+ justify-content: space-between;
35132
+ gap: 8px;
35133
+ }
35134
+ .cn-grouped-cards__group-title[data-v-23662746] {
35135
+ margin: 0;
35136
+ font-size: 15px;
35137
+ font-weight: 600;
35138
+ color: var(--color-main-text);
35184
35139
  }
35185
- .cn-advanced-form-dialog__table th[data-v-9b1e33d4] {
35186
- background: var(--color-background-dark);
35187
- font-weight: 500;
35140
+ .cn-grouped-cards__group-action[data-v-23662746] {
35141
+ margin-top: 8px;
35142
+ }
35143
+ .cn-grouped-cards__count[data-v-23662746] {
35144
+ padding: 2px 8px;
35145
+ border-radius: var(--border-radius-pill, 12px);
35146
+ background: var(--color-main-background);
35188
35147
  color: var(--color-text-maxcontrast);
35148
+ font-size: 12px;
35149
+ font-weight: 600;
35150
+ white-space: nowrap;
35189
35151
  }
35190
- .cn-advanced-form-dialog__table-row[data-v-9b1e33d4] {
35191
- cursor: pointer;
35192
- transition: background-color 0.2s ease;
35193
- background-color: var(--color-main-background);
35152
+ .cn-grouped-cards__items[data-v-23662746] {
35153
+ display: flex;
35154
+ flex-direction: column;
35155
+ gap: 8px;
35156
+ margin: 0;
35157
+ padding: 0;
35158
+ list-style: none;
35194
35159
  }
35195
- .cn-advanced-form-dialog__table-row[data-v-9b1e33d4]:hover {
35196
- background-color: var(--color-background-hover);
35160
+ .cn-grouped-cards__item[data-v-23662746] {
35161
+ display: flex;
35162
+ flex-direction: column;
35163
+ gap: 2px;
35164
+ padding: 10px 12px;
35165
+ border: 1px solid var(--color-border);
35166
+ border-radius: var(--border-radius-large, 8px);
35167
+ background: var(--color-main-background);
35197
35168
  }
35198
-
35199
- /* Active/selected row: light blue; ensure it wins over validation state classes */
35200
- .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-9b1e33d4],
35201
- .cn-advanced-form-dialog__table-row--selected[data-v-9b1e33d4]:hover {
35202
- background-color: var(--color-primary-light);
35203
- box-shadow: inset 3px 0 0 0 var(--color-primary);
35169
+ .cn-grouped-cards__item-title[data-v-23662746] {
35170
+ font-weight: 600;
35171
+ color: var(--color-main-text);
35204
35172
  }
35205
- .cn-advanced-form-dialog__table-row--non-editable[data-v-9b1e33d4] {
35206
- background-color: var(--color-background-dark);
35207
- cursor: not-allowed;
35208
- opacity: 0.7;
35173
+ .cn-grouped-cards__item-meta[data-v-23662746],
35174
+ .cn-grouped-cards__extra-text[data-v-23662746],
35175
+ .cn-grouped-cards__group-empty[data-v-23662746],
35176
+ .cn-grouped-cards__state[data-v-23662746] {
35177
+ margin: 0;
35178
+ color: var(--color-text-maxcontrast);
35179
+ font-size: 13px;
35209
35180
  }
35210
- .cn-advanced-form-dialog__table-row--non-editable[data-v-9b1e33d4] * {
35211
- cursor: not-allowed !important;
35181
+ .cn-grouped-cards__loading[data-v-23662746] {
35182
+ display: flex;
35183
+ justify-content: center;
35184
+ padding: 8px 0;
35212
35185
  }
35213
- .cn-advanced-form-dialog__table-row--invalid[data-v-9b1e33d4] {
35214
- background-color: var(--color-error-light);
35186
+
35187
+
35188
+ .cn-checklist-run__form[data-v-56cee1aa] {
35189
+ display: flex;
35190
+ flex-direction: column;
35191
+ gap: 12px;
35215
35192
  }
35216
- .cn-advanced-form-dialog__table-row--warning[data-v-9b1e33d4] {
35217
- background-color: var(--color-warning-light);
35193
+ .cn-checklist-run__position[data-v-56cee1aa] {
35194
+ color: var(--color-text-maxcontrast);
35195
+ margin: 0;
35218
35196
  }
35219
- .cn-advanced-form-dialog__table-col-constrained[data-v-9b1e33d4] {
35220
- width: 150px;
35221
- max-width: 150px;
35197
+ .cn-checklist-run__progress[data-v-56cee1aa] {
35198
+ background: var(--color-border);
35199
+ border-radius: 3px;
35200
+ display: block;
35201
+ height: 6px;
35222
35202
  overflow: hidden;
35223
- text-overflow: ellipsis;
35224
- white-space: nowrap;
35225
35203
  }
35226
- .cn-advanced-form-dialog__table-col-expanded[data-v-9b1e33d4] {
35227
- width: auto;
35228
- min-width: 200px;
35204
+ .cn-checklist-run__progress-fill[data-v-56cee1aa] {
35205
+ background: var(--color-primary-element);
35206
+ display: block;
35207
+ height: 100%;
35229
35208
  }
35230
- .cn-advanced-form-dialog__table-col-actions[data-v-9b1e33d4] {
35231
- width: 56px;
35232
- text-align: right;
35209
+ .cn-checklist-run__live[data-v-56cee1aa],
35210
+ .cn-checklist-run__sr[data-v-56cee1aa] {
35211
+ clip-path: inset(50%);
35212
+ height: 1px;
35213
+ overflow: hidden;
35214
+ position: absolute;
35233
35215
  white-space: nowrap;
35216
+ width: 1px;
35234
35217
  }
35235
- .cn-advanced-form-dialog__prop-cell[data-v-9b1e33d4] {
35236
- width: 30%;
35237
- font-weight: 600;
35218
+ .cn-checklist-run__question[data-v-56cee1aa],
35219
+ .cn-checklist-run__photos[data-v-56cee1aa] {
35220
+ background: var(--color-main-background);
35221
+ border: 1px solid var(--color-border);
35222
+ border-radius: var(--border-radius-large, 12px);
35223
+ display: flex;
35224
+ flex-direction: column;
35225
+ gap: 8px;
35226
+ margin: 0;
35227
+ padding: 12px 14px;
35238
35228
  }
35239
- .cn-advanced-form-dialog__value-cell[data-v-9b1e33d4] {
35240
- width: 70%;
35241
- overflow-wrap: anywhere;
35242
- border-radius: 4px;
35229
+ .cn-checklist-run__legend[data-v-56cee1aa] {
35230
+ font-weight: 600;
35231
+ padding: 0 4px;
35243
35232
  }
35244
- .cn-advanced-form-dialog__value-cell[data-v-9b1e33d4] > * {
35245
- max-width: 100%;
35233
+ .cn-checklist-run__help[data-v-56cee1aa] {
35234
+ color: var(--color-text-maxcontrast);
35235
+ margin: 0;
35246
35236
  }
35247
- .cn-advanced-form-dialog__prop-cell-content[data-v-9b1e33d4] {
35248
- display: flex;
35237
+ .cn-checklist-run__choice[data-v-56cee1aa] {
35249
35238
  align-items: center;
35250
- gap: 8px;
35239
+ display: flex;
35240
+ gap: 10px;
35241
+ min-height: 34px;
35251
35242
  }
35252
- .cn-advanced-form-dialog__validation-icon[data-v-9b1e33d4] {
35253
- flex-shrink: 0;
35243
+ .cn-checklist-run__choice input[data-v-56cee1aa] {
35244
+ accent-color: var(--color-primary-element);
35245
+ height: 20px;
35246
+ margin: 0;
35247
+ width: 20px;
35254
35248
  }
35255
- .cn-advanced-form-dialog__validation-icon--error[data-v-9b1e33d4] {
35256
- color: var(--color-error);
35249
+ .cn-checklist-run__text[data-v-56cee1aa],
35250
+ .cn-checklist-run__number[data-v-56cee1aa] {
35251
+ box-sizing: border-box;
35252
+ width: 100%;
35257
35253
  }
35258
- .cn-advanced-form-dialog__validation-icon--edited[data-v-9b1e33d4] {
35259
- color: var(--color-primary-element);
35254
+ .cn-checklist-run__group[data-v-56cee1aa] {
35255
+ font-weight: 600;
35256
+ margin: 0;
35260
35257
  }
35261
- .cn-advanced-form-dialog__validation-icon--warning[data-v-9b1e33d4] {
35262
- color: var(--color-warning);
35258
+ .cn-checklist-run__note-label[data-v-56cee1aa] {
35259
+ display: flex;
35260
+ flex-direction: column;
35261
+ gap: 4px;
35263
35262
  }
35264
- .cn-advanced-form-dialog__validation-icon--lock[data-v-9b1e33d4] {
35265
- color: var(--color-text-lighter);
35263
+ .cn-checklist-run__photo-list[data-v-56cee1aa] {
35264
+ margin: 0;
35265
+ padding-inline-start: 18px;
35266
35266
  }
35267
- .cn-advanced-form-dialog__validation-icon--new[data-v-9b1e33d4] {
35268
- color: var(--color-new);
35267
+ .cn-checklist-run__photo-button[data-v-56cee1aa] {
35268
+ align-items: center;
35269
+ align-self: flex-start;
35270
+ border: 1px solid var(--color-border-dark);
35271
+ border-radius: var(--border-radius-element, 8px);
35272
+ cursor: pointer;
35273
+ display: inline-flex;
35274
+ font-weight: 600;
35275
+ min-height: 34px;
35276
+ padding: 0 14px;
35269
35277
  }
35270
- .cn-advanced-form-dialog__optional[data-v-9b1e33d4] {
35271
- font-weight: 400;
35272
- color: var(--color-text-maxcontrast);
35278
+ .cn-checklist-run__photo-button[data-v-56cee1aa]:focus-within {
35279
+ outline: 2px solid var(--color-primary-element);
35280
+ outline-offset: 2px;
35273
35281
  }
35274
- .cn-advanced-form-dialog__required-indicator[data-v-9b1e33d4] {
35275
- color: var(--color-error-text);
35276
- font-weight: bold;
35277
- cursor: help;
35282
+ .cn-checklist-run__photo-input[data-v-56cee1aa] {
35283
+ clip-path: inset(50%);
35284
+ height: 1px;
35285
+ overflow: hidden;
35286
+ position: absolute;
35287
+ width: 1px;
35278
35288
  }
35279
- .cn-advanced-form-dialog__immutable-badge[data-v-9b1e33d4] {
35280
- display: inline-block;
35281
- padding: 1px 6px;
35282
- border-radius: 10px;
35283
- background: var(--color-background-dark);
35284
- color: var(--color-text-maxcontrast);
35285
- font-size: 0.75em;
35286
- font-weight: 500;
35287
- text-transform: uppercase;
35288
- letter-spacing: 0.02em;
35289
- cursor: help;
35290
- white-space: nowrap;
35289
+ .cn-checklist-run__nav[data-v-56cee1aa] {
35290
+ display: flex;
35291
+ justify-content: space-between;
35291
35292
  }
35292
- .cn-advanced-form-dialog__unsaved-note[data-v-9b1e33d4] {
35293
- margin-bottom: calc(3 * var(--default-grid-baseline));
35293
+ .cn-checklist-run__error[data-v-56cee1aa] {
35294
+ color: var(--color-error-text, var(--color-error));
35295
+ margin: 0;
35296
+ }
35297
+ .cn-checklist-run__empty[data-v-56cee1aa] {
35298
+ color: var(--color-text-maxcontrast);
35294
35299
  }
35295
35300
 
35296
35301
 
35297
- .cn-advanced-form-dialog__form[data-v-e4419ed6] {
35302
+ .cn-checklist-widget[data-v-f6aaa184] {
35298
35303
  display: flex;
35299
35304
  flex-direction: column;
35300
35305
  gap: 8px;
35306
+ min-width: 0;
35301
35307
  }
35302
- .cn-advanced-form-dialog__tabs[data-v-e4419ed6] {
35303
- display: flex;
35304
- flex-direction: column;
35305
- gap: 12px;
35308
+ .cn-checklist-widget__summary[data-v-f6aaa184],
35309
+ .cn-checklist-widget__muted[data-v-f6aaa184] {
35310
+ margin: 0;
35311
+ color: var(--color-text-maxcontrast);
35306
35312
  }
35307
-
35308
- /* Bootstrap-Vue tab styling to match ViewObject */
35309
- .tabContainer[data-v-e4419ed6] {
35310
- margin-top: 20px;
35313
+ .cn-checklist-widget__items[data-v-f6aaa184] {
35314
+ margin: 0;
35315
+ padding: 0;
35316
+ list-style: none;
35311
35317
  }
35312
- .tabContainer > * ul > li[data-v-e4419ed6] {
35313
- display: flex;
35314
- flex: 1;
35318
+ .cn-checklist-widget__item[data-v-f6aaa184] {
35319
+ min-width: 0;
35315
35320
  }
35316
- .tabContainer > * ul > li[data-v-e4419ed6]:hover {
35317
- background-color: var(--color-background-hover);
35321
+ .cn-checklist-widget__description[data-v-f6aaa184] {
35322
+ margin: 0 0 4px 36px;
35323
+ color: var(--color-text-maxcontrast);
35318
35324
  }
35319
- .tabContainer > * ul > li > a[data-v-e4419ed6] {
35320
- flex: 1;
35321
- text-align: center;
35325
+
35326
+
35327
+ .cn-mail-tab[data-v-17982d84] {
35328
+ display: flex;
35329
+ flex-direction: column;
35330
+ gap: 16px;
35331
+ padding: 12px;
35332
+ }
35333
+ .cn-mail-tab__title[data-v-17982d84] {
35334
+ margin: 0;
35335
+ font-size: 16px;
35336
+ font-weight: bold;
35337
+ }
35338
+ .cn-mail-tab__subtitle[data-v-17982d84],
35339
+ .cn-mail-tab__hint[data-v-17982d84] {
35340
+ margin: 0;
35341
+ color: var(--color-text-maxcontrast);
35322
35342
  }
35323
- .tabContainer > * ul > li > .active[data-v-e4419ed6] {
35324
- background: transparent !important;
35325
- color: var(--color-main-text) !important;
35326
- border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
35343
+ .cn-mail-tab__template-row[data-v-17982d84] {
35344
+ display: flex;
35345
+ flex-wrap: wrap;
35346
+ align-items: flex-end;
35347
+ gap: 8px;
35327
35348
  }
35328
- .tabContainer > * ul[role="tablist"][data-v-e4419ed6] {
35329
- display: flex;
35330
- margin: 10px 8px 0 8px;
35331
- justify-content: space-between;
35332
- border-bottom: 1px solid var(--color-border);
35349
+ .cn-mail-tab__template-select[data-v-17982d84] {
35350
+ flex: 1 1 260px;
35333
35351
  }
35334
- .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-e4419ed6] {
35335
- padding-inline-start: 10px;
35336
- padding-inline-end: 10px;
35337
- padding-block-start: 10px;
35338
- padding-block-end: 10px;
35352
+ .cn-mail-tab__unresolved[data-v-17982d84] {
35353
+ margin: 4px 0 0;
35354
+ padding-inline-start: 20px;
35339
35355
  }
35340
- .tabContainer > * div[role="tabpanel"][data-v-e4419ed6] {
35341
- margin-block-start: var(--OR-margin-10);
35356
+ .cn-mail-tab__unresolved code[data-v-17982d84] {
35357
+ background: var(--color-background-dark);
35358
+ padding: 2px 6px;
35359
+ border-radius: var(--border-radius);
35360
+ font-family: var(--font-face-mono, monospace);
35342
35361
  }
35343
- [data-v-e4419ed6] .nav-tabs {
35344
- border-bottom: 1px solid var(--color-border);
35345
- margin-bottom: 15px;
35362
+
35363
+
35364
+ .cn-working-calendar[data-v-03ee459c] {
35346
35365
  display: flex;
35366
+ flex-direction: column;
35367
+ gap: 12px;
35347
35368
  }
35348
- [data-v-e4419ed6] .nav-tabs .nav-item {
35369
+ .cn-working-calendar__head[data-v-03ee459c] {
35370
+ align-items: center;
35349
35371
  display: flex;
35350
- flex: 1;
35372
+ gap: 4px;
35351
35373
  }
35352
- [data-v-e4419ed6] .nav-tabs .nav-link {
35353
- flex: 1;
35374
+ .cn-working-calendar__title[data-v-03ee459c] {
35375
+ font-size: 15px;
35376
+ min-width: 9em;
35354
35377
  text-align: center;
35355
- border: none;
35356
- border-bottom: 2px solid transparent;
35357
- color: var(--color-text-maxcontrast);
35358
- padding: 8px 16px;
35359
35378
  }
35360
- [data-v-e4419ed6] .nav-tabs .nav-link.active {
35361
- color: var(--color-main-text);
35362
- border-bottom: 2px solid var(--color-primary);
35363
- background-color: transparent;
35379
+ .cn-working-calendar__add[data-v-03ee459c] {
35380
+ margin-inline-start: auto;
35364
35381
  }
35365
- [data-v-e4419ed6] .nav-tabs .nav-link:hover {
35366
- border-bottom: 2px solid var(--color-border);
35382
+ .cn-working-calendar__grid[data-v-03ee459c] {
35383
+ display: flex;
35384
+ flex-direction: column;
35385
+ gap: 4px;
35367
35386
  }
35368
- [data-v-e4419ed6] .tab-content {
35369
- padding: 16px;
35370
- background-color: var(--color-main-background);
35387
+ .cn-working-calendar__row[data-v-03ee459c] {
35388
+ display: grid;
35389
+ gap: 4px;
35390
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35371
35391
  }
35372
-
35373
- /* Hand-rolled tab nav — replaces bootstrap-vue's BTabs/BTab. */
35374
- .cn-advanced-form-dialog__tab-nav[data-v-e4419ed6] {
35392
+ .cn-working-calendar__weekday[data-v-03ee459c] {
35393
+ color: var(--color-text-maxcontrast);
35394
+ font-size: 12px;
35395
+ text-align: center;
35396
+ }
35397
+ .cn-working-calendar__day[data-v-03ee459c] {
35398
+ align-items: center;
35399
+ background: var(--color-main-background);
35400
+ border: 1px solid var(--color-border);
35401
+ border-radius: 6px;
35402
+ cursor: default;
35375
35403
  display: flex;
35376
- gap: 0;
35377
- list-style: none;
35378
- padding: 0;
35379
- margin: 0 0 16px;
35380
- border-bottom: 1px solid var(--color-border);
35404
+ font-size: 13px;
35405
+ height: 34px;
35406
+ justify-content: center;
35381
35407
  }
35382
- .cn-advanced-form-dialog__tab-nav-item[data-v-e4419ed6] {
35383
- flex: 1 1 0;
35408
+ .cn-working-calendar__day[data-v-03ee459c]:focus-visible {
35409
+ outline: 2px solid var(--color-primary-element);
35410
+ outline-offset: 1px;
35384
35411
  }
35385
- .cn-advanced-form-dialog__tab-button[data-v-e4419ed6] {
35386
- width: 100%;
35387
- padding: 10px 14px;
35388
- background: transparent;
35389
- border: 0;
35390
- border-bottom: 2px solid transparent;
35391
- color: var(--color-text-maxcontrast);
35392
- font: inherit;
35393
- cursor: pointer;
35412
+ .cn-working-calendar__day--off[data-v-03ee459c] {
35413
+ background: var(--color-background-dark);
35394
35414
  }
35395
- .cn-advanced-form-dialog__tab-button[data-v-e4419ed6]:hover:not(:disabled) {
35396
- border-bottom-color: var(--color-border);
35397
- color: var(--color-main-text);
35415
+ .cn-working-calendar__day--closed[data-v-03ee459c] {
35416
+ background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
35417
+ border-color: var(--color-error);
35418
+ color: var(--color-error-text, var(--color-main-text));
35419
+ font-weight: 600;
35398
35420
  }
35399
- .cn-advanced-form-dialog__tab-button.is-active[data-v-e4419ed6] {
35400
- color: var(--color-main-text);
35401
- border-bottom-color: var(--color-primary);
35421
+ .cn-working-calendar__day--today[data-v-03ee459c] {
35422
+ box-shadow: inset 0 0 0 2px var(--color-primary-element);
35402
35423
  }
35403
-
35404
- /* stylelint-disable-next-line no-descending-specificity */
35405
- .cn-advanced-form-dialog__tab-button[data-v-e4419ed6]:disabled {
35406
- opacity: 0.5;
35407
- cursor: not-allowed;
35424
+ .cn-working-calendar__live[data-v-03ee459c] {
35425
+ clip-path: inset(50%);
35426
+ height: 1px;
35427
+ overflow: hidden;
35428
+ position: absolute;
35429
+ white-space: nowrap;
35430
+ width: 1px;
35408
35431
  }
35409
- .cn-advanced-form-dialog__tab-content[data-v-e4419ed6] {
35410
- padding: 16px 0;
35432
+ .cn-working-calendar__note[data-v-03ee459c] {
35433
+ color: var(--color-text-maxcontrast);
35434
+ margin: 0;
35411
35435
  }
35412
-
35413
-
35414
- .cn-action-buttons[data-v-0f9733ca] {
35415
- display: inline-flex;
35416
- align-items: center;
35417
- gap: 8px;
35436
+ .cn-working-calendar__form[data-v-03ee459c] {
35437
+ display: flex;
35418
35438
  flex-wrap: wrap;
35439
+ gap: 8px 12px;
35419
35440
  }
35420
-
35421
- /* In menu mode the only children are dialogs, so the wrapper must not be a
35422
- box: an empty inline-flex child still eats one of the header's flex gaps
35423
- and pushes the Actions menu away from the Edit button beside it. */
35424
- .cn-action-buttons--menu[data-v-0f9733ca] {
35425
- display: contents;
35441
+ .cn-working-calendar__field[data-v-03ee459c] {
35442
+ display: flex;
35443
+ flex-direction: column;
35444
+ gap: 4px;
35445
+ }
35446
+ .cn-working-calendar__form-actions[data-v-03ee459c] {
35447
+ align-items: flex-end;
35448
+ display: flex;
35449
+ gap: 8px;
35450
+ }
35451
+ .cn-working-calendar__error[data-v-03ee459c] {
35452
+ color: var(--color-error-text, var(--color-error));
35453
+ margin: 0;
35426
35454
  }
35427
35455
 
35428
35456
 
@@ -36116,28 +36144,129 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36116
36144
  }
36117
36145
 
36118
36146
 
36119
- .cn-record-list__list[data-v-240de2d4] {
36147
+ .cn-record-notes[data-v-6d7ff53b] {
36148
+ display: flex;
36149
+ flex-direction: column;
36150
+ gap: 0;
36151
+ }
36152
+ .cn-record-notes__ready[data-v-6d7ff53b] {
36153
+ display: flex;
36154
+ align-items: baseline;
36155
+ gap: 6px;
36156
+ margin: 0 0 8px;
36157
+ color: var(--color-text-maxcontrast);
36158
+ }
36159
+ .cn-record-notes__ready-figure[data-v-6d7ff53b] {
36160
+ font-weight: 700;
36161
+ color: var(--color-main-text);
36162
+ }
36163
+ .cn-record-notes__row[data-v-6d7ff53b] {
36164
+ display: flex;
36165
+ flex-direction: column;
36166
+ gap: 10px;
36167
+ padding: 14px 0;
36168
+ border-top: 1px solid var(--color-border);
36169
+ }
36170
+ .cn-record-notes__head[data-v-6d7ff53b] {
36171
+ display: flex;
36172
+ flex-wrap: wrap;
36173
+ align-items: center;
36174
+ gap: 8px;
36175
+ }
36176
+ .cn-record-notes__title[data-v-6d7ff53b] {
36177
+ font-weight: 600;
36178
+ color: var(--color-main-text);
36179
+ }
36180
+ .cn-record-notes__title--link[data-v-6d7ff53b] {
36181
+ text-decoration: underline;
36182
+ }
36183
+ .cn-record-notes__meta[data-v-6d7ff53b] {
36184
+ color: var(--color-text-maxcontrast);
36185
+ font-size: 13px;
36186
+ }
36187
+ .cn-record-notes__spacer[data-v-6d7ff53b] {
36188
+ flex: 1 1 auto;
36189
+ }
36190
+ .cn-record-notes__due[data-v-6d7ff53b] {
36191
+ font-weight: 600;
36192
+ }
36193
+ .cn-record-notes__due--error[data-v-6d7ff53b] {
36194
+ color: var(--color-error-text);
36195
+ }
36196
+ .cn-record-notes__due--warning[data-v-6d7ff53b] {
36197
+ color: var(--color-warning-text);
36198
+ }
36199
+ .cn-record-notes__due--muted[data-v-6d7ff53b] {
36200
+ color: var(--color-text-maxcontrast);
36201
+ font-weight: 400;
36202
+ }
36203
+ .cn-record-notes__fields[data-v-6d7ff53b] {
36204
+ display: flex;
36205
+ flex-wrap: wrap;
36206
+ align-items: flex-end;
36207
+ gap: 10px;
36208
+ }
36209
+ .cn-record-notes__field[data-v-6d7ff53b] {
36210
+ flex: 1 1 260px;
36211
+ }
36212
+ .cn-record-notes__leaf[data-v-6d7ff53b] {
36213
+ flex: 0 0 auto;
36214
+ }
36215
+ .cn-record-notes__leaf-missing[data-v-6d7ff53b],
36216
+ .cn-record-notes__error[data-v-6d7ff53b] {
36217
+ margin: 0;
36218
+ color: var(--color-text-maxcontrast);
36219
+ font-size: 13px;
36220
+ }
36221
+ .cn-record-notes__error[data-v-6d7ff53b] {
36222
+ color: var(--color-error-text);
36223
+ }
36224
+ .cn-record-notes__all[data-v-6d7ff53b] {
36225
+ display: flex;
36226
+ flex-wrap: wrap;
36227
+ align-items: center;
36228
+ justify-content: space-between;
36229
+ gap: 12px;
36230
+ margin-top: 8px;
36231
+ padding-top: 14px;
36232
+ border-top: 1px solid var(--color-border);
36233
+ }
36234
+ .cn-record-notes__all-title[data-v-6d7ff53b] {
36235
+ margin: 0;
36236
+ font-size: 16px;
36237
+ }
36238
+ .cn-record-notes__all-sentence[data-v-6d7ff53b] {
36239
+ margin: 4px 0 0;
36240
+ color: var(--color-text-maxcontrast);
36241
+ }
36242
+ .cn-record-notes__all-actions[data-v-6d7ff53b] {
36243
+ display: flex;
36244
+ gap: 8px;
36245
+ }
36246
+
36247
+
36248
+ .cn-record-list__list[data-v-55f60e0c] {
36120
36249
  list-style: none;
36121
36250
  margin: 0;
36122
36251
  padding: 0;
36123
36252
  }
36124
- .cn-record-list__footer[data-v-240de2d4] {
36253
+ .cn-record-list__footer[data-v-55f60e0c] {
36125
36254
  display: flex;
36126
36255
  flex-direction: column;
36127
36256
  align-items: flex-start;
36128
36257
  gap: 6px;
36129
36258
  margin-top: 10px;
36130
36259
  }
36131
- .cn-record-list__footer-reason[data-v-240de2d4] {
36260
+ .cn-record-list__footer-reason[data-v-55f60e0c] {
36132
36261
  font-size: 13px;
36133
36262
  color: var(--color-text-maxcontrast);
36134
36263
  }
36135
- .cn-record-list__empty[data-v-240de2d4],
36136
- .cn-record-list__error[data-v-240de2d4] {
36264
+ .cn-record-list__empty[data-v-55f60e0c],
36265
+ .cn-record-list__error[data-v-55f60e0c] {
36137
36266
  color: var(--color-text-maxcontrast);
36138
36267
  margin: 0;
36139
36268
  }
36140
- .cn-record-list__notice[data-v-240de2d4] {
36269
+ .cn-record-list__notice[data-v-55f60e0c] {
36141
36270
  display: flex;
36142
36271
  gap: 10px;
36143
36272
  align-items: flex-start;
@@ -36146,33 +36275,33 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36146
36275
  background: var(--color-primary-element-light, var(--color-background-dark));
36147
36276
  color: var(--color-main-text);
36148
36277
  }
36149
- .cn-record-list__notice--warning[data-v-240de2d4] {
36278
+ .cn-record-list__notice--warning[data-v-55f60e0c] {
36150
36279
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
36151
36280
  color: var(--color-warning-text, var(--color-main-text));
36152
36281
  }
36153
- .cn-record-list__notice--error[data-v-240de2d4] {
36282
+ .cn-record-list__notice--error[data-v-55f60e0c] {
36154
36283
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
36155
36284
  color: var(--color-error-text, var(--color-main-text));
36156
36285
  }
36157
- .cn-record-list__notice-icon[data-v-240de2d4] {
36286
+ .cn-record-list__notice-icon[data-v-55f60e0c] {
36158
36287
  flex: 0 0 auto;
36159
36288
  margin-top: 1px;
36160
36289
  }
36161
- .cn-record-list__notice-text[data-v-240de2d4] {
36290
+ .cn-record-list__notice-text[data-v-55f60e0c] {
36162
36291
  margin: 0;
36163
36292
  line-height: 1.5;
36164
36293
  }
36165
- .cn-record-list__loading[data-v-240de2d4] {
36294
+ .cn-record-list__loading[data-v-55f60e0c] {
36166
36295
  display: flex;
36167
36296
  justify-content: center;
36168
36297
  padding: 8px 0;
36169
36298
  }
36170
36299
 
36171
36300
  /* rows */
36172
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-240de2d4] {
36301
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-55f60e0c] {
36173
36302
  border-top: 1px solid var(--color-border);
36174
36303
  }
36175
- .cn-record-list__bar[data-v-240de2d4] {
36304
+ .cn-record-list__bar[data-v-55f60e0c] {
36176
36305
  background: var(--color-border);
36177
36306
  border-radius: 3px;
36178
36307
  display: block;
@@ -36180,15 +36309,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36180
36309
  margin: -6px 0 12px;
36181
36310
  overflow: hidden;
36182
36311
  }
36183
- .cn-record-list__bar-fill[data-v-240de2d4] {
36312
+ .cn-record-list__bar-fill[data-v-55f60e0c] {
36184
36313
  background: var(--color-primary-element);
36185
36314
  display: block;
36186
36315
  height: 100%;
36187
36316
  }
36188
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-240de2d4] {
36317
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-55f60e0c] {
36189
36318
  background: var(--color-error);
36190
36319
  }
36191
- .cn-record-list__row[data-v-240de2d4] {
36320
+ .cn-record-list__row[data-v-55f60e0c] {
36192
36321
  align-items: center;
36193
36322
  color: var(--color-main-text);
36194
36323
  display: flex;
@@ -36196,22 +36325,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36196
36325
  padding: 12px 0;
36197
36326
  text-decoration: none;
36198
36327
  }
36199
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-240de2d4],
36200
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-240de2d4] {
36328
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-55f60e0c],
36329
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-55f60e0c] {
36201
36330
  text-decoration: underline;
36202
36331
  }
36203
- .cn-record-list__dot[data-v-240de2d4] {
36332
+ .cn-record-list__dot[data-v-55f60e0c] {
36204
36333
  flex: 0 0 14px;
36205
36334
  width: 14px;
36206
36335
  height: 14px;
36207
36336
  border-radius: 50%;
36208
36337
  }
36209
- .cn-record-list__flag[data-v-240de2d4] {
36338
+ .cn-record-list__flag[data-v-55f60e0c] {
36210
36339
  color: var(--color-text-maxcontrast);
36211
36340
  font-size: 14px;
36212
36341
  white-space: nowrap;
36213
36342
  }
36214
- .cn-record-list__avatar[data-v-240de2d4] {
36343
+ .cn-record-list__avatar[data-v-55f60e0c] {
36215
36344
  align-items: center;
36216
36345
  background: var(--color-background-hover);
36217
36346
  border-radius: 50%;
@@ -36224,101 +36353,101 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36224
36353
  justify-content: center;
36225
36354
  width: 36px;
36226
36355
  }
36227
- .cn-record-list__main[data-v-240de2d4] {
36356
+ .cn-record-list__main[data-v-55f60e0c] {
36228
36357
  display: flex;
36229
36358
  flex: 1 1 auto;
36230
36359
  flex-direction: column;
36231
36360
  gap: 2px;
36232
36361
  min-width: 0;
36233
36362
  }
36234
- .cn-record-list__title[data-v-240de2d4] {
36363
+ .cn-record-list__title[data-v-55f60e0c] {
36235
36364
  font-size: 15px;
36236
36365
  font-weight: 700;
36237
36366
  }
36238
- .cn-record-list__meta[data-v-240de2d4] {
36367
+ .cn-record-list__meta[data-v-55f60e0c] {
36239
36368
  color: var(--color-text-maxcontrast);
36240
36369
  font-size: 13px;
36241
36370
  }
36242
- .cn-record-list__aside[data-v-240de2d4] {
36371
+ .cn-record-list__aside[data-v-55f60e0c] {
36243
36372
  align-items: center;
36244
36373
  display: flex;
36245
36374
  flex: none;
36246
36375
  gap: 16px;
36247
36376
  }
36248
- .cn-record-list__trailing[data-v-240de2d4] {
36377
+ .cn-record-list__trailing[data-v-55f60e0c] {
36249
36378
  font-size: 14px;
36250
36379
  white-space: nowrap;
36251
36380
  }
36252
- .cn-record-list__due[data-v-240de2d4] {
36381
+ .cn-record-list__due[data-v-55f60e0c] {
36253
36382
  font-size: 14px;
36254
36383
  white-space: nowrap;
36255
36384
  }
36256
- .cn-record-list__due--danger[data-v-240de2d4] {
36385
+ .cn-record-list__due--danger[data-v-55f60e0c] {
36257
36386
  color: var(--color-text-error, var(--color-error-text));
36258
36387
  font-weight: 600;
36259
36388
  }
36260
- .cn-record-list__table[data-v-240de2d4] {
36389
+ .cn-record-list__table[data-v-55f60e0c] {
36261
36390
  width: 100%;
36262
36391
  border-collapse: collapse;
36263
36392
  font-size: 14px;
36264
36393
  }
36265
- .cn-record-list__table th[data-v-240de2d4] {
36394
+ .cn-record-list__table th[data-v-55f60e0c] {
36266
36395
  padding: 6px 0;
36267
36396
  border-bottom: 1px solid var(--color-border);
36268
36397
  color: var(--color-text-maxcontrast);
36269
36398
  font-weight: 600;
36270
36399
  text-align: start;
36271
36400
  }
36272
- .cn-record-list__table td[data-v-240de2d4] {
36401
+ .cn-record-list__table td[data-v-55f60e0c] {
36273
36402
  padding: 8px 0;
36274
36403
  border-bottom: 1px solid var(--color-border);
36275
36404
  }
36276
- .cn-record-list__table .cn-record-list__cell--end[data-v-240de2d4] {
36405
+ .cn-record-list__table .cn-record-list__cell--end[data-v-55f60e0c] {
36277
36406
  padding-inline-start: 12px;
36278
36407
  text-align: end;
36279
36408
  font-variant-numeric: tabular-nums;
36280
36409
  }
36281
- .cn-record-list__table .cn-record-list__cell--alert[data-v-240de2d4] {
36410
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-55f60e0c] {
36282
36411
  color: var(--color-text-error, var(--color-error-text));
36283
36412
  font-weight: 700;
36284
36413
  }
36285
- .cn-record-list__footnote[data-v-240de2d4] {
36414
+ .cn-record-list__footnote[data-v-55f60e0c] {
36286
36415
  margin: 8px 0 0;
36287
36416
  color: var(--color-text-maxcontrast);
36288
36417
  font-size: 13px;
36289
36418
  }
36290
- .cn-record-list__due--soon[data-v-240de2d4] {
36419
+ .cn-record-list__due--soon[data-v-55f60e0c] {
36291
36420
  color: var(--color-text-warning, var(--color-warning-text));
36292
36421
  font-weight: 600;
36293
36422
  }
36294
- .cn-record-list__due--empty[data-v-240de2d4] {
36423
+ .cn-record-list__due--empty[data-v-55f60e0c] {
36295
36424
  color: var(--color-text-maxcontrast);
36296
36425
  }
36297
- .cn-record-list__row--action[data-v-240de2d4] {
36426
+ .cn-record-list__row--action[data-v-55f60e0c] {
36298
36427
  flex-wrap: wrap;
36299
36428
  gap: 8px 16px;
36300
36429
  padding: 14px 0;
36301
36430
  }
36302
- .cn-record-list__row--action .cn-record-list__main[data-v-240de2d4] {
36431
+ .cn-record-list__row--action .cn-record-list__main[data-v-55f60e0c] {
36303
36432
  flex: 1 1 280px;
36304
36433
  gap: 3px;
36305
36434
  }
36306
- .cn-record-list__title--link[data-v-240de2d4] {
36435
+ .cn-record-list__title--link[data-v-55f60e0c] {
36307
36436
  color: var(--color-main-text);
36308
36437
  text-decoration: underline;
36309
36438
  }
36310
- .cn-record-list__pills[data-v-240de2d4] {
36439
+ .cn-record-list__pills[data-v-55f60e0c] {
36311
36440
  display: flex;
36312
36441
  flex: 0 0 120px;
36313
36442
  gap: 6px;
36314
36443
  justify-content: flex-end;
36315
36444
  }
36316
- .cn-record-list__due--column[data-v-240de2d4] {
36445
+ .cn-record-list__due--column[data-v-55f60e0c] {
36317
36446
  flex: 0 0 96px;
36318
36447
  font-size: 13px;
36319
36448
  text-align: end;
36320
36449
  }
36321
- .cn-record-list__action[data-v-240de2d4] {
36450
+ .cn-record-list__action[data-v-55f60e0c] {
36322
36451
  align-items: center;
36323
36452
  background: var(--color-primary-element-light);
36324
36453
  border: 0;
@@ -36335,23 +36464,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36335
36464
  padding: 0 14px;
36336
36465
  text-decoration: none;
36337
36466
  }
36338
- .cn-record-list__action[data-v-240de2d4]:hover,
36339
- .cn-record-list__action[data-v-240de2d4]:focus-visible {
36467
+ .cn-record-list__action[data-v-55f60e0c]:hover,
36468
+ .cn-record-list__action[data-v-55f60e0c]:focus-visible {
36340
36469
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
36341
36470
  }
36342
- .cn-record-list__chevron[data-v-240de2d4] {
36471
+ .cn-record-list__chevron[data-v-55f60e0c] {
36343
36472
  color: var(--color-text-maxcontrast);
36344
36473
  flex: none;
36345
36474
  }
36346
36475
 
36347
36476
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
36348
- .cn-record-list--cards .cn-record-list__list[data-v-240de2d4] {
36477
+ .cn-record-list--cards .cn-record-list__list[data-v-55f60e0c] {
36349
36478
  align-items: start;
36350
36479
  display: grid;
36351
36480
  gap: 16px;
36352
36481
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
36353
36482
  }
36354
- .cn-record-list__card[data-v-240de2d4] {
36483
+ .cn-record-list__card[data-v-55f60e0c] {
36355
36484
  background: var(--color-main-background);
36356
36485
  border: 1px solid var(--color-border);
36357
36486
  border-radius: 12px;
@@ -36363,51 +36492,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36363
36492
  padding: 16px 18px;
36364
36493
  text-decoration: none;
36365
36494
  }
36366
- .cn-record-list__card--link[data-v-240de2d4]:hover,
36367
- .cn-record-list__card--link[data-v-240de2d4]:focus-visible {
36495
+ .cn-record-list__card--link[data-v-55f60e0c]:hover,
36496
+ .cn-record-list__card--link[data-v-55f60e0c]:focus-visible {
36368
36497
  border-color: var(--color-border-dark, var(--color-border));
36369
36498
  }
36370
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-240de2d4],
36371
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-240de2d4] {
36499
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-55f60e0c],
36500
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-55f60e0c] {
36372
36501
  text-decoration: underline;
36373
36502
  }
36374
- .cn-record-list__card-head[data-v-240de2d4] {
36503
+ .cn-record-list__card-head[data-v-55f60e0c] {
36375
36504
  align-items: center;
36376
36505
  display: flex;
36377
36506
  gap: 8px;
36378
36507
  justify-content: space-between;
36379
36508
  }
36380
- .cn-record-list__card-title[data-v-240de2d4] {
36509
+ .cn-record-list__card-title[data-v-55f60e0c] {
36381
36510
  align-items: center;
36382
36511
  display: flex;
36383
36512
  gap: 8px;
36384
36513
  min-width: 0;
36385
36514
  }
36386
- .cn-record-list__card-icon[data-v-240de2d4] {
36515
+ .cn-record-list__card-icon[data-v-55f60e0c] {
36387
36516
  color: var(--color-primary-element);
36388
36517
  flex: none;
36389
36518
  }
36390
- .cn-record-list__card-pills[data-v-240de2d4] {
36519
+ .cn-record-list__card-pills[data-v-55f60e0c] {
36391
36520
  display: flex;
36392
36521
  flex: none;
36393
36522
  gap: 6px;
36394
36523
  }
36395
- .cn-record-list__card-value[data-v-240de2d4] {
36524
+ .cn-record-list__card-value[data-v-55f60e0c] {
36396
36525
  font-size: 24px;
36397
36526
  font-weight: 700;
36398
36527
  }
36399
36528
 
36400
36529
  /* feed */
36401
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-240de2d4] {
36530
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-55f60e0c] {
36402
36531
  border-top: 1px solid var(--color-border);
36403
36532
  }
36404
- .cn-record-list__feed-row[data-v-240de2d4] {
36533
+ .cn-record-list__feed-row[data-v-55f60e0c] {
36405
36534
  align-items: flex-start;
36406
36535
  display: flex;
36407
36536
  gap: 14px;
36408
36537
  padding: 12px 0;
36409
36538
  }
36410
- .cn-record-list__feed-icon[data-v-240de2d4] {
36539
+ .cn-record-list__feed-icon[data-v-55f60e0c] {
36411
36540
  align-items: center;
36412
36541
  background: var(--color-primary-element-light);
36413
36542
  border-radius: 50%;
@@ -36418,25 +36547,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
36418
36547
  justify-content: center;
36419
36548
  width: 36px;
36420
36549
  }
36421
- .cn-record-list__text[data-v-240de2d4] {
36550
+ .cn-record-list__text[data-v-55f60e0c] {
36422
36551
  font-size: 15px;
36423
36552
  }
36424
- .cn-record-list--feed .cn-record-list__main[data-v-240de2d4] {
36553
+ .cn-record-list--feed .cn-record-list__main[data-v-55f60e0c] {
36425
36554
  color: var(--color-main-text);
36426
36555
  text-decoration: none;
36427
36556
  }
36428
36557
 
36429
36558
  /* inline */
36430
- .cn-record-list__inline-row[data-v-240de2d4] {
36559
+ .cn-record-list__inline-row[data-v-55f60e0c] {
36431
36560
  padding: 4px 0;
36432
36561
  }
36433
- .cn-record-list__label[data-v-240de2d4] {
36562
+ .cn-record-list__label[data-v-55f60e0c] {
36434
36563
  margin-inline-end: 4px;
36435
36564
  }
36436
- .cn-record-list__inline-title[data-v-240de2d4] {
36565
+ .cn-record-list__inline-title[data-v-55f60e0c] {
36437
36566
  color: var(--color-main-text);
36438
36567
  }
36439
- a.cn-record-list__inline-title[data-v-240de2d4] {
36568
+ a.cn-record-list__inline-title[data-v-55f60e0c] {
36440
36569
  color: var(--color-primary-element);
36441
36570
  text-decoration: underline;
36442
36571
  }
@@ -43987,6 +44116,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
43987
44116
  }
43988
44117
 
43989
44118
 
44119
+ .cn-access-purpose__sentence[data-v-7fa35363] {
44120
+ margin: 0 0 12px;
44121
+ }
44122
+ .cn-access-purpose__choices[data-v-7fa35363] {
44123
+ margin: 0 0 12px;
44124
+ padding: 0;
44125
+ border: 0;
44126
+ }
44127
+ .cn-access-purpose__legend[data-v-7fa35363] {
44128
+ margin-bottom: 4px;
44129
+ font-weight: 600;
44130
+ }
44131
+
44132
+
43990
44133
  .cn-relation-link[data-v-6559b00a] {
43991
44134
  padding: 20px;
43992
44135
  display: flex;
@@ -44420,7 +44563,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44420
44563
  }
44421
44564
 
44422
44565
 
44423
- .cn-dashboard-page[data-v-5b3dc7b0] {
44566
+ .cn-dashboard-page[data-v-1d7bbfe6] {
44424
44567
  padding: 20px;
44425
44568
  max-width: 1800px;
44426
44569
  /* Centre the leftover space once the cap engages, so a wide screen shows
@@ -44434,7 +44577,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44434
44577
  overflow-y: auto;
44435
44578
  box-sizing: border-box;
44436
44579
  }
44437
- .cn-dashboard-page__header[data-v-5b3dc7b0] {
44580
+ .cn-dashboard-page__header[data-v-1d7bbfe6] {
44438
44581
  display: flex;
44439
44582
  justify-content: space-between;
44440
44583
  align-items: flex-start;
@@ -44446,21 +44589,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44446
44589
  room. Only the HEADER shifts right — body widgets keep full width. */
44447
44590
  padding-inline-start: 56px;
44448
44591
  }
44449
- .cn-dashboard-page__header-left[data-v-5b3dc7b0] {
44592
+ .cn-dashboard-page__header-left[data-v-1d7bbfe6] {
44450
44593
  min-width: 0;
44451
44594
  }
44452
- .cn-dashboard-page__title-row[data-v-5b3dc7b0] {
44595
+ .cn-dashboard-page__title-row[data-v-1d7bbfe6] {
44453
44596
  display: flex;
44454
44597
  align-items: center;
44455
44598
  flex-wrap: wrap;
44456
44599
  gap: 12px;
44457
44600
  }
44458
- .cn-dashboard-page__title[data-v-5b3dc7b0] {
44601
+ .cn-dashboard-page__title[data-v-1d7bbfe6] {
44459
44602
  margin: 0;
44460
44603
  font-size: 20px;
44461
44604
  font-weight: 700;
44462
44605
  }
44463
- .cn-dashboard-page__description[data-v-5b3dc7b0] {
44606
+ .cn-dashboard-page__description[data-v-1d7bbfe6] {
44464
44607
  margin: 4px 0 0;
44465
44608
  font-size: 14px;
44466
44609
  color: var(--color-text-maxcontrast);
@@ -44468,19 +44611,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44468
44611
 
44469
44612
  /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
44470
44613
  under it, and 40px buttons with a 10px gap. */
44471
- .cn-dashboard-page--board .cn-dashboard-page__title[data-v-5b3dc7b0] {
44614
+ .cn-dashboard-page--board .cn-dashboard-page__title[data-v-1d7bbfe6] {
44472
44615
  font-size: 28px;
44473
44616
  font-weight: 700;
44474
44617
  line-height: 1.2;
44475
44618
  }
44476
- .cn-dashboard-page--board .cn-dashboard-page__description[data-v-5b3dc7b0] {
44619
+ .cn-dashboard-page--board .cn-dashboard-page__description[data-v-1d7bbfe6] {
44477
44620
  margin: 6px 0 0;
44478
44621
  font-size: 15px;
44479
44622
  }
44480
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
44623
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-1d7bbfe6] {
44481
44624
  gap: 10px;
44482
44625
  }
44483
- .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] .button-vue {
44626
+ .cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-1d7bbfe6] .button-vue {
44484
44627
  min-height: var(--cn-board-control-height, 40px);
44485
44628
  height: var(--cn-board-control-height, 40px);
44486
44629
  }
@@ -44488,17 +44631,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44488
44631
  /* The switch row under the header (screens-dashboard-greeting-header): the
44489
44632
  view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
44490
44633
  radius 17, 13px/600, a 14px icon, primary light on primary deep). */
44491
- .cn-dashboard-page__switch-row[data-v-5b3dc7b0] {
44634
+ .cn-dashboard-page__switch-row[data-v-1d7bbfe6] {
44492
44635
  display: flex;
44493
44636
  flex-wrap: wrap;
44494
44637
  align-items: center;
44495
44638
  gap: 10px;
44496
44639
  margin-bottom: var(--cn-board-section-gap, 20px);
44497
44640
  }
44498
- .cn-dashboard-page__switch-row-spacer[data-v-5b3dc7b0] {
44641
+ .cn-dashboard-page__switch-row-spacer[data-v-1d7bbfe6] {
44499
44642
  flex: 1 1 auto;
44500
44643
  }
44501
- .cn-dashboard-page__view-link[data-v-5b3dc7b0] {
44644
+ .cn-dashboard-page__view-link[data-v-1d7bbfe6] {
44502
44645
  display: inline-flex;
44503
44646
  align-items: center;
44504
44647
  gap: 6px;
@@ -44512,24 +44655,24 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44512
44655
  white-space: nowrap;
44513
44656
  text-decoration: none !important;
44514
44657
  }
44515
- .cn-dashboard-page__view-link[data-v-5b3dc7b0]:hover {
44658
+ .cn-dashboard-page__view-link[data-v-1d7bbfe6]:hover {
44516
44659
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
44517
44660
  }
44518
- .cn-dashboard-page__view-link[data-v-5b3dc7b0]:focus-visible {
44661
+ .cn-dashboard-page__view-link[data-v-1d7bbfe6]:focus-visible {
44519
44662
  outline: 2px solid var(--color-main-text);
44520
44663
  outline-offset: 2px;
44521
44664
  }
44522
- .cn-dashboard-page__view-link-icon[data-v-5b3dc7b0] {
44665
+ .cn-dashboard-page__view-link-icon[data-v-1d7bbfe6] {
44523
44666
  display: inline-flex;
44524
44667
  }
44525
44668
 
44526
44669
  /* The period group, in a row of its own between the header and the KPI row. */
44527
- .cn-dashboard-page__date-range--segmented[data-v-5b3dc7b0] {
44670
+ .cn-dashboard-page__date-range--segmented[data-v-1d7bbfe6] {
44528
44671
  margin-bottom: 16px;
44529
44672
  }
44530
44673
 
44531
44674
  /* The period group at the end of the description line. */
44532
- .cn-dashboard-page__description--with-period[data-v-5b3dc7b0] {
44675
+ .cn-dashboard-page__description--with-period[data-v-1d7bbfe6] {
44533
44676
  align-items: center;
44534
44677
  display: flex;
44535
44678
  flex-wrap: wrap;
@@ -44538,19 +44681,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44538
44681
 
44539
44682
  /* A select on the description line takes the width of its choice, not a
44540
44683
  form field's, and no margin of its own. */
44541
- .cn-dashboard-page__description-select[data-v-5b3dc7b0] {
44684
+ .cn-dashboard-page__description-select[data-v-1d7bbfe6] {
44542
44685
  min-width: 180px;
44543
44686
  max-width: 280px;
44544
44687
  margin: 0;
44545
44688
  }
44546
- .cn-dashboard-page__date-segmented[data-v-5b3dc7b0] {
44689
+ .cn-dashboard-page__date-segmented[data-v-1d7bbfe6] {
44547
44690
  display: flex;
44548
44691
  align-items: center;
44549
44692
  gap: 8px;
44550
44693
  }
44551
44694
 
44552
44695
  /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
44553
- .cn-dashboard-page__kpi-row[data-v-5b3dc7b0] {
44696
+ .cn-dashboard-page__kpi-row[data-v-1d7bbfe6] {
44554
44697
  margin-bottom: var(--cn-board-section-gap, 16px);
44555
44698
  }
44556
44699
 
@@ -44558,15 +44701,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44558
44701
  the cards started a margin to the right of the KPI row and the header. The
44559
44702
  grid reaches out by that margin, so the card edges line up with the page's
44560
44703
  (dashboard-grid-flush). */
44561
- .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-dashboard-grid {
44704
+ .cn-dashboard-page--board[data-v-1d7bbfe6] .cn-dashboard-grid {
44562
44705
  width: auto;
44563
44706
  margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
44564
44707
  }
44565
- .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
44708
+ .cn-dashboard-page__kpi-cell[data-v-1d7bbfe6] {
44566
44709
  display: flex;
44567
44710
  min-width: 0;
44568
44711
  }
44569
- .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] > * {
44712
+ .cn-dashboard-page__kpi-cell[data-v-1d7bbfe6] > * {
44570
44713
  flex: 1 1 auto;
44571
44714
  min-width: 0;
44572
44715
  }
@@ -44579,7 +44722,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44579
44722
  scoped chip rules then silently don't match and the chip collapses into
44580
44723
  NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
44581
44724
  data-testid is stable across chunks, so those rules match regardless. */
44582
- .cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
44725
+ .cn-dashboard-page__header-actions[data-v-1d7bbfe6] {
44583
44726
  display: flex;
44584
44727
  align-items: center;
44585
44728
  gap: 8px;
@@ -44595,19 +44738,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44595
44738
 
44596
44739
  /* Date-range header band. Kept compact so it doesn't open a tall gap
44597
44740
  above the grid; the pills variant is a single tidy toggle row. */
44598
- .cn-dashboard-page__date-range[data-v-5b3dc7b0] {
44741
+ .cn-dashboard-page__date-range[data-v-1d7bbfe6] {
44599
44742
  margin-bottom: 12px;
44600
44743
  }
44601
- .cn-dashboard-page__date-range--pills[data-v-5b3dc7b0] {
44744
+ .cn-dashboard-page__date-range--pills[data-v-1d7bbfe6] {
44602
44745
  margin-bottom: 8px;
44603
44746
  }
44604
- .cn-dashboard-page__date-pills[data-v-5b3dc7b0] {
44747
+ .cn-dashboard-page__date-pills[data-v-1d7bbfe6] {
44605
44748
  display: flex;
44606
44749
  align-items: center;
44607
44750
  flex-wrap: wrap;
44608
44751
  gap: 6px;
44609
44752
  }
44610
- .cn-dashboard-page__date-pill[data-v-5b3dc7b0] {
44753
+ .cn-dashboard-page__date-pill[data-v-1d7bbfe6] {
44611
44754
  display: inline-flex;
44612
44755
  align-items: center;
44613
44756
  padding: 5px 14px;
@@ -44622,77 +44765,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44622
44765
  cursor: pointer;
44623
44766
  transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
44624
44767
  }
44625
- .cn-dashboard-page__date-pill[data-v-5b3dc7b0]:hover {
44768
+ .cn-dashboard-page__date-pill[data-v-1d7bbfe6]:hover {
44626
44769
  background: var(--color-background-hover);
44627
44770
  }
44628
- .cn-dashboard-page__date-pill[data-v-5b3dc7b0]:focus-visible {
44771
+ .cn-dashboard-page__date-pill[data-v-1d7bbfe6]:focus-visible {
44629
44772
  outline: 2px solid var(--color-primary-element);
44630
44773
  outline-offset: 2px;
44631
44774
  }
44632
- .cn-dashboard-page__date-pill--active[data-v-5b3dc7b0] {
44775
+ .cn-dashboard-page__date-pill--active[data-v-1d7bbfe6] {
44633
44776
  background: var(--color-primary-element);
44634
44777
  border-color: var(--color-primary-element);
44635
44778
  color: var(--color-primary-element-text);
44636
44779
  }
44637
- .cn-dashboard-page__date-pill--active[data-v-5b3dc7b0]:hover {
44780
+ .cn-dashboard-page__date-pill--active[data-v-1d7bbfe6]:hover {
44638
44781
  background: var(--color-primary-element-hover, var(--color-primary-element));
44639
44782
  }
44640
44783
 
44641
44784
  /* The custom-range pill is de-emphasised — dashed outline, muted text —
44642
44785
  so it reads as an escape hatch rather than a primary option. */
44643
- .cn-dashboard-page__date-pill--custom[data-v-5b3dc7b0] {
44786
+ .cn-dashboard-page__date-pill--custom[data-v-1d7bbfe6] {
44644
44787
  border-style: dashed;
44645
44788
  color: var(--color-text-maxcontrast);
44646
44789
  }
44647
- .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .action-item__menutoggle {
44790
+ .cn-dashboard-page__date-pill-custom[data-v-1d7bbfe6] .action-item__menutoggle {
44648
44791
  min-width: 0;
44649
44792
  min-height: 0;
44650
44793
  padding: 0;
44651
44794
  background: transparent;
44652
44795
  border: none;
44653
44796
  }
44654
- .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue,
44655
- .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__wrapper,
44656
- .cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__icon {
44797
+ .cn-dashboard-page__date-pill-custom[data-v-1d7bbfe6] .button-vue,
44798
+ .cn-dashboard-page__date-pill-custom[data-v-1d7bbfe6] .button-vue__wrapper,
44799
+ .cn-dashboard-page__date-pill-custom[data-v-1d7bbfe6] .button-vue__icon {
44657
44800
  width: auto !important;
44658
44801
  min-width: 0 !important;
44659
44802
  overflow: visible !important;
44660
44803
  }
44661
- .cn-dashboard-page__empty[data-v-5b3dc7b0] {
44804
+ .cn-dashboard-page__empty[data-v-1d7bbfe6] {
44662
44805
  padding: 60px 20px;
44663
44806
  }
44664
44807
 
44665
44808
  /* The page's view switch on a page without a header row: at the end of its
44666
44809
  own row, above the grids, where the header would have put it. */
44667
- .cn-dashboard-page__view-switch[data-v-5b3dc7b0] {
44810
+ .cn-dashboard-page__view-switch[data-v-1d7bbfe6] {
44668
44811
  display: flex;
44669
44812
  justify-content: flex-end;
44670
44813
  margin-bottom: 12px;
44671
44814
  }
44672
44815
 
44673
44816
  /* A view the switch shows with nothing to draw. */
44674
- .cn-page-view-region--empty[data-v-5b3dc7b0] {
44817
+ .cn-page-view-region--empty[data-v-1d7bbfe6] {
44675
44818
  padding: 40px 20px;
44676
44819
  }
44677
- .cn-dashboard-page__page-filters[data-v-5b3dc7b0] {
44820
+ .cn-dashboard-page__page-filters[data-v-1d7bbfe6] {
44678
44821
  display: flex;
44679
44822
  flex-wrap: wrap;
44680
44823
  gap: 16px;
44681
44824
  align-items: flex-end;
44682
44825
  margin-bottom: 12px;
44683
44826
  }
44684
- .cn-dashboard-page__page-filter[data-v-5b3dc7b0] {
44827
+ .cn-dashboard-page__page-filter[data-v-1d7bbfe6] {
44685
44828
  display: flex;
44686
44829
  flex-direction: column;
44687
44830
  gap: 4px;
44688
44831
  min-width: 200px;
44689
44832
  }
44690
- .cn-dashboard-page__page-filter-label[data-v-5b3dc7b0] {
44833
+ .cn-dashboard-page__page-filter-label[data-v-1d7bbfe6] {
44691
44834
  font-size: 0.85em;
44692
44835
  font-weight: 600;
44693
44836
  color: var(--color-text-maxcontrast);
44694
44837
  }
44695
- .cn-dashboard-page__widget-edit[data-v-5b3dc7b0] {
44838
+ .cn-dashboard-page__widget-edit[data-v-1d7bbfe6] {
44696
44839
  position: absolute;
44697
44840
  top: 4px;
44698
44841
  inset-inline-end: 4px;
@@ -44711,8 +44854,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44711
44854
  and centre the card. */
44712
44855
  /* `safe` centre so an overflowing tile does not spill out of the top, where
44713
44856
  flex overflow cannot be scrolled back to. Same as detail-page.css. */
44714
- .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content,
44715
- .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-5b3dc7b0] .cn-widget-wrapper__content {
44857
+ .cn-dashboard-page__card-fit[data-v-1d7bbfe6] .cn-widget-wrapper__content,
44858
+ .cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-1d7bbfe6] .cn-widget-wrapper__content {
44716
44859
  overflow: hidden;
44717
44860
  display: flex;
44718
44861
  flex-direction: column;
@@ -44728,7 +44871,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44728
44871
  shows up as a scrollbar the user has to drag to see the whole graph. Same
44729
44872
  shape as the card-fit rule above, minus the padding: chart tiles render
44730
44873
  `flush`, and apexcharts already draws its own margins. */
44731
- .cn-dashboard-page__chart-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content {
44874
+ .cn-dashboard-page__chart-fit[data-v-1d7bbfe6] .cn-widget-wrapper__content {
44732
44875
  overflow: hidden;
44733
44876
  display: flex;
44734
44877
  flex-direction: column;
@@ -44738,13 +44881,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44738
44881
  /* Card content (stat / gauge / delta) must fit the tile width: let the
44739
44882
  widget shrink and its value/label truncate instead of pushing past the
44740
44883
  tile edge (the horizontal clip on long currency values). */
44741
- .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-stat-widget,
44742
- .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-gauge-widget,
44743
- .cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-delta-widget {
44884
+ .cn-dashboard-page__card-fit[data-v-1d7bbfe6] .cn-stat-widget,
44885
+ .cn-dashboard-page__card-fit[data-v-1d7bbfe6] .cn-gauge-widget,
44886
+ .cn-dashboard-page__card-fit[data-v-1d7bbfe6] .cn-delta-widget {
44744
44887
  min-width: 0;
44745
44888
  max-width: 100%;
44746
44889
  }
44747
- .cn-dashboard-page__unknown[data-v-5b3dc7b0] {
44890
+ .cn-dashboard-page__unknown[data-v-1d7bbfe6] {
44748
44891
  display: flex;
44749
44892
  align-items: center;
44750
44893
  justify-content: center;
@@ -44755,31 +44898,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44755
44898
  }
44756
44899
 
44757
44900
  /* widget-ref content items */
44758
- .cn-dashboard-page__content[data-v-5b3dc7b0] {
44901
+ .cn-dashboard-page__content[data-v-1d7bbfe6] {
44759
44902
  display: flex;
44760
44903
  flex-direction: column;
44761
44904
  gap: 16px;
44762
44905
  }
44763
- .cn-dashboard-page__content-item[data-v-5b3dc7b0] {
44906
+ .cn-dashboard-page__content-item[data-v-1d7bbfe6] {
44764
44907
  width: 100%;
44765
44908
  }
44766
44909
  /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
44767
44910
  are 44px: the widget Actions menu and the KPI tiles. */
44768
44911
  @media (max-width: 640px) {
44769
- .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle,
44770
- .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .button-vue {
44912
+ .cn-dashboard-page--board[data-v-1d7bbfe6] .cn-widget-wrapper__actions .action-item__menutoggle,
44913
+ .cn-dashboard-page--board[data-v-1d7bbfe6] .cn-widget-wrapper__actions .button-vue {
44771
44914
  min-height: 44px;
44772
44915
  }
44773
- .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
44916
+ .cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-1d7bbfe6] {
44774
44917
  min-height: 44px;
44775
44918
  }
44776
44919
 
44777
44920
  /* The widget Actions menu shows its icon only, so the card title keeps
44778
44921
  the room; the name stays for assistive tech. */
44779
- .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle {
44922
+ .cn-dashboard-page--board[data-v-1d7bbfe6] .cn-widget-wrapper__actions .action-item__menutoggle {
44780
44923
  min-width: 44px;
44781
44924
  }
44782
- .cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
44925
+ .cn-dashboard-page--board[data-v-1d7bbfe6] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
44783
44926
  position: absolute;
44784
44927
  width: 1px;
44785
44928
  height: 1px;
@@ -44791,7 +44934,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44791
44934
 
44792
44935
  /* What a registry widget reports for its card header (`header` event): the
44793
44936
  note beside the link ("3 in total") and one action, as on a detail page. */
44794
- .cn-dashboard-page__widget-count[data-v-5b3dc7b0] {
44937
+ .cn-dashboard-page__widget-count[data-v-1d7bbfe6] {
44795
44938
  align-self: center;
44796
44939
  padding: 1px 8px;
44797
44940
  border-radius: 10px;
@@ -44800,13 +44943,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44800
44943
  font-size: 13px;
44801
44944
  font-weight: 600;
44802
44945
  }
44803
- .cn-dashboard-page__widget-note[data-v-5b3dc7b0] {
44946
+ .cn-dashboard-page__widget-note[data-v-1d7bbfe6] {
44804
44947
  align-self: center;
44805
44948
  color: var(--color-text-maxcontrast);
44806
44949
  font-size: 14px;
44807
44950
  white-space: nowrap;
44808
44951
  }
44809
- .cn-dashboard-page__widget-action[data-v-5b3dc7b0] {
44952
+ .cn-dashboard-page__widget-action[data-v-1d7bbfe6] {
44810
44953
  display: inline-flex;
44811
44954
  align-items: center;
44812
44955
  align-self: center;
@@ -44822,7 +44965,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44822
44965
  white-space: nowrap;
44823
44966
  cursor: pointer;
44824
44967
  }
44825
- .cn-dashboard-page__widget-action[data-v-5b3dc7b0]:focus-visible {
44968
+ .cn-dashboard-page__widget-action[data-v-1d7bbfe6]:focus-visible {
44826
44969
  outline: 2px solid var(--color-primary-element);
44827
44970
  outline-offset: 2px;
44828
44971
  }