@conduction/nextcloud-vue 0.1.0-beta.1 → 0.1.0-beta.11

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 (208) hide show
  1. package/README.md +226 -0
  2. package/css/index.css +5 -0
  3. package/dist/nextcloud-vue.cjs.js +79416 -7715
  4. package/dist/nextcloud-vue.cjs.js.map +1 -1
  5. package/dist/nextcloud-vue.css +3583 -504
  6. package/dist/nextcloud-vue.esm.js +79343 -7692
  7. package/dist/nextcloud-vue.esm.js.map +1 -1
  8. package/l10n/en.json +164 -0
  9. package/l10n/nl.json +164 -0
  10. package/package.json +104 -63
  11. package/src/components/CnActionsBar/CnActionsBar.vue +254 -0
  12. package/src/components/CnActionsBar/index.js +1 -0
  13. package/src/components/CnAdvancedFormDialog/CnAdvancedFormDialog.vue +570 -0
  14. package/src/components/CnAdvancedFormDialog/CnDataTab.vue +217 -0
  15. package/src/components/CnAdvancedFormDialog/CnMetadataTab.vue +121 -0
  16. package/src/components/CnAdvancedFormDialog/CnPropertiesTab.vue +422 -0
  17. package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue +247 -0
  18. package/src/components/CnAdvancedFormDialog/index.js +1 -0
  19. package/src/components/CnCard/CnCard.vue +415 -0
  20. package/src/components/CnCard/index.js +1 -0
  21. package/src/components/CnCardGrid/CnCardGrid.vue +156 -152
  22. package/src/components/CnCardGrid/index.js +1 -1
  23. package/src/components/CnCellRenderer/CnCellRenderer.vue +132 -132
  24. package/src/components/CnCellRenderer/index.js +1 -1
  25. package/src/components/CnChartWidget/CnChartWidget.vue +346 -0
  26. package/src/components/CnChartWidget/index.js +1 -0
  27. package/src/components/CnConfigurationCard/CnConfigurationCard.vue +77 -77
  28. package/src/components/CnConfigurationCard/index.js +1 -1
  29. package/src/components/CnContextMenu/CnContextMenu.vue +142 -0
  30. package/src/components/CnContextMenu/index.js +1 -0
  31. package/src/components/CnCopyDialog/CnCopyDialog.vue +266 -0
  32. package/src/components/CnCopyDialog/index.js +1 -0
  33. package/src/components/CnDashboardGrid/CnDashboardGrid.vue +229 -0
  34. package/src/components/CnDashboardGrid/index.js +1 -0
  35. package/src/components/CnDashboardPage/CnDashboardPage.vue +397 -0
  36. package/src/components/CnDashboardPage/index.js +1 -0
  37. package/src/components/CnDataTable/CnDataTable.vue +362 -354
  38. package/src/components/CnDataTable/index.js +1 -1
  39. package/src/components/CnDeleteDialog/CnDeleteDialog.vue +177 -0
  40. package/src/components/CnDeleteDialog/index.js +1 -0
  41. package/src/components/CnDetailCard/CnDetailCard.vue +225 -0
  42. package/src/components/CnDetailCard/index.js +1 -0
  43. package/src/components/CnDetailGrid/CnDetailGrid.vue +256 -0
  44. package/src/components/CnDetailGrid/index.js +1 -0
  45. package/src/components/CnDetailPage/CnDetailPage.vue +432 -0
  46. package/src/components/CnDetailPage/index.js +1 -0
  47. package/src/components/CnFacetSidebar/CnFacetSidebar.vue +234 -223
  48. package/src/components/CnFacetSidebar/index.js +1 -1
  49. package/src/components/CnFilterBar/CnFilterBar.vue +153 -152
  50. package/src/components/CnFilterBar/index.js +1 -1
  51. package/src/components/CnFormDialog/CnFormDialog.vue +1047 -0
  52. package/src/components/CnFormDialog/index.js +1 -0
  53. package/src/components/CnIcon/CnIcon.vue +89 -0
  54. package/src/components/CnIcon/index.js +1 -0
  55. package/src/components/CnIndexPage/CnIndexPage.vue +980 -682
  56. package/src/components/CnIndexPage/index.js +1 -1
  57. package/src/components/CnIndexSidebar/CnIndexSidebar.vue +536 -0
  58. package/src/components/CnIndexSidebar/index.js +1 -0
  59. package/src/components/CnInfoWidget/CnInfoWidget.vue +219 -0
  60. package/src/components/CnInfoWidget/index.js +1 -0
  61. package/src/components/CnItemCard/CnItemCard.vue +134 -0
  62. package/src/components/CnItemCard/index.js +1 -0
  63. package/src/components/CnJsonViewer/CnJsonViewer.vue +312 -0
  64. package/src/components/CnJsonViewer/index.js +1 -0
  65. package/src/components/CnKpiGrid/CnKpiGrid.vue +93 -89
  66. package/src/components/CnKpiGrid/index.js +1 -1
  67. package/src/components/CnMassActionBar/CnMassActionBar.vue +161 -160
  68. package/src/components/CnMassActionBar/index.js +1 -1
  69. package/src/components/CnMassCopyDialog/CnMassCopyDialog.vue +327 -320
  70. package/src/components/CnMassCopyDialog/index.js +1 -1
  71. package/src/components/CnMassDeleteDialog/CnMassDeleteDialog.vue +245 -238
  72. package/src/components/CnMassDeleteDialog/index.js +1 -1
  73. package/src/components/CnMassExportDialog/CnMassExportDialog.vue +191 -190
  74. package/src/components/CnMassExportDialog/index.js +1 -1
  75. package/src/components/CnMassImportDialog/CnMassImportDialog.vue +494 -491
  76. package/src/components/CnMassImportDialog/index.js +1 -1
  77. package/src/components/CnNoteCard/CnNoteCard.vue +149 -0
  78. package/src/components/CnNoteCard/index.js +1 -0
  79. package/src/components/CnNotesCard/CnNotesCard.vue +416 -0
  80. package/src/components/CnNotesCard/index.js +1 -0
  81. package/src/components/CnObjectCard/CnObjectCard.vue +294 -292
  82. package/src/components/CnObjectCard/index.js +1 -1
  83. package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +854 -0
  84. package/src/components/CnObjectDataWidget/index.js +1 -0
  85. package/src/components/CnObjectMetadataWidget/CnObjectMetadataWidget.vue +289 -0
  86. package/src/components/CnObjectMetadataWidget/index.js +1 -0
  87. package/src/components/CnObjectSidebar/CnAuditTrailTab.vue +369 -0
  88. package/src/components/CnObjectSidebar/CnFilesTab.vue +287 -0
  89. package/src/components/CnObjectSidebar/CnNotesTab.vue +250 -0
  90. package/src/components/CnObjectSidebar/CnObjectSidebar.vue +255 -0
  91. package/src/components/CnObjectSidebar/CnTagsTab.vue +259 -0
  92. package/src/components/CnObjectSidebar/CnTasksTab.vue +483 -0
  93. package/src/components/CnObjectSidebar/index.js +6 -0
  94. package/src/components/CnPageHeader/CnPageHeader.vue +61 -0
  95. package/src/components/CnPageHeader/index.js +1 -0
  96. package/src/components/CnPagination/CnPagination.vue +253 -252
  97. package/src/components/CnPagination/index.js +1 -1
  98. package/src/components/CnProgressBar/CnProgressBar.vue +262 -0
  99. package/src/components/CnProgressBar/index.js +1 -0
  100. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +793 -0
  101. package/src/components/CnRegisterMapping/index.js +1 -0
  102. package/src/components/CnRowActions/CnRowActions.vue +95 -73
  103. package/src/components/CnRowActions/index.js +1 -1
  104. package/src/components/CnSchemaFormDialog/CnSchemaConfigurationTab.vue +226 -0
  105. package/src/components/CnSchemaFormDialog/CnSchemaFormDialog.vue +788 -0
  106. package/src/components/CnSchemaFormDialog/CnSchemaPropertiesTab.vue +305 -0
  107. package/src/components/CnSchemaFormDialog/CnSchemaPropertyActions.vue +1398 -0
  108. package/src/components/CnSchemaFormDialog/CnSchemaSecurityTab.vue +236 -0
  109. package/src/components/CnSchemaFormDialog/index.js +1 -0
  110. package/src/components/CnSettingsCard/CnSettingsCard.vue +92 -92
  111. package/src/components/CnSettingsCard/index.js +1 -1
  112. package/src/components/CnSettingsSection/CnSettingsSection.vue +267 -266
  113. package/src/components/CnSettingsSection/index.js +1 -1
  114. package/src/components/CnStatsBlock/CnStatsBlock.vue +437 -366
  115. package/src/components/CnStatsBlock/index.js +1 -1
  116. package/src/components/CnStatsPanel/CnStatsPanel.vue +321 -0
  117. package/src/components/CnStatsPanel/index.js +1 -0
  118. package/src/components/CnStatusBadge/CnStatusBadge.vue +90 -77
  119. package/src/components/CnStatusBadge/index.js +1 -1
  120. package/src/components/CnTabbedFormDialog/CnTabbedFormDialog.vue +545 -0
  121. package/src/components/CnTabbedFormDialog/index.js +1 -0
  122. package/src/components/CnTableWidget/CnTableWidget.vue +333 -0
  123. package/src/components/CnTableWidget/index.js +1 -0
  124. package/src/components/CnTasksCard/CnTasksCard.vue +374 -0
  125. package/src/components/CnTasksCard/index.js +1 -0
  126. package/src/components/CnTileWidget/CnTileWidget.vue +159 -0
  127. package/src/components/CnTileWidget/index.js +1 -0
  128. package/src/components/CnTimelineStages/CnTimelineStages.vue +294 -0
  129. package/src/components/CnTimelineStages/index.js +1 -0
  130. package/src/components/CnUserActionMenu/CnUserActionMenu.vue +436 -0
  131. package/src/components/CnUserActionMenu/index.js +1 -0
  132. package/src/components/CnVersionInfoCard/CnVersionInfoCard.vue +313 -312
  133. package/src/components/CnVersionInfoCard/index.js +1 -1
  134. package/src/components/CnWidgetRenderer/CnWidgetRenderer.vue +180 -0
  135. package/src/components/CnWidgetRenderer/index.js +1 -0
  136. package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue +248 -0
  137. package/src/components/CnWidgetWrapper/index.js +1 -0
  138. package/src/components/index.js +57 -25
  139. package/src/composables/index.js +5 -3
  140. package/src/composables/useContextMenu.js +126 -0
  141. package/src/composables/useDashboardView.js +286 -0
  142. package/src/composables/useDetailView.js +290 -132
  143. package/src/composables/useListView.js +364 -153
  144. package/src/composables/useSubResource.js +142 -142
  145. package/src/constants/metadata.js +30 -0
  146. package/src/css/CnSchemaFormDialog.css +546 -0
  147. package/src/css/__sample_nextcloud_tokens.css +110 -0
  148. package/src/css/actions-bar.css +54 -0
  149. package/src/css/badge.css +83 -51
  150. package/src/css/card.css +129 -128
  151. package/src/css/context-menu.css +20 -0
  152. package/src/css/dashboard.css +70 -0
  153. package/src/css/detail-page.css +235 -0
  154. package/src/css/detail.css +68 -68
  155. package/src/css/index-page.css +44 -0
  156. package/src/css/index-sidebar.css +193 -0
  157. package/src/css/index.css +17 -8
  158. package/src/css/layout.css +90 -90
  159. package/src/css/page-header.css +35 -0
  160. package/src/css/pagination.css +72 -72
  161. package/src/css/table.css +142 -143
  162. package/src/css/timeline-stages.css +220 -0
  163. package/src/css/utilities.css +46 -46
  164. package/src/index.js +95 -50
  165. package/src/l10n/index.js +12 -0
  166. package/src/mixins/gridLayout.js +118 -0
  167. package/src/store/createCrudStore.d.ts +350 -0
  168. package/src/store/createCrudStore.js +413 -0
  169. package/src/store/createSubResourcePlugin.js +125 -135
  170. package/src/store/index.js +4 -3
  171. package/src/store/pluginMerge.js +55 -0
  172. package/src/store/plugins/auditTrails.js +357 -17
  173. package/src/store/plugins/files.js +250 -186
  174. package/src/store/plugins/index.js +8 -4
  175. package/src/store/plugins/lifecycle.js +180 -180
  176. package/src/store/plugins/logs.d.ts +22 -0
  177. package/src/store/plugins/logs.js +172 -0
  178. package/src/store/plugins/registerMapping.js +195 -0
  179. package/src/store/plugins/relations.js +68 -68
  180. package/src/store/plugins/search.js +385 -0
  181. package/src/store/plugins/selection.js +104 -0
  182. package/src/store/useObjectStore.js +793 -625
  183. package/src/types/auditTrail.d.ts +32 -32
  184. package/src/types/file.d.ts +23 -23
  185. package/src/types/index.d.ts +67 -35
  186. package/src/types/notification.d.ts +36 -36
  187. package/src/types/object.d.ts +40 -40
  188. package/src/types/organisation.d.ts +41 -41
  189. package/src/types/register.d.ts +25 -25
  190. package/src/types/schema.d.ts +39 -39
  191. package/src/types/shared.d.ts +79 -79
  192. package/src/types/source.d.ts +14 -14
  193. package/src/types/task.d.ts +31 -31
  194. package/src/utils/errors.js +96 -96
  195. package/src/utils/getTheme.js +9 -0
  196. package/src/utils/headers.js +80 -44
  197. package/src/utils/id.js +13 -0
  198. package/src/utils/index.js +4 -3
  199. package/src/utils/schema.js +423 -287
  200. package/src/utils/widgetVisibility.js +162 -0
  201. package/src/components/CnDetailViewLayout/CnDetailViewLayout.vue +0 -88
  202. package/src/components/CnDetailViewLayout/index.js +0 -1
  203. package/src/components/CnEmptyState/CnEmptyState.vue +0 -78
  204. package/src/components/CnEmptyState/index.js +0 -1
  205. package/src/components/CnListViewLayout/CnListViewLayout.vue +0 -80
  206. package/src/components/CnListViewLayout/index.js +0 -1
  207. package/src/components/CnViewModeToggle/CnViewModeToggle.vue +0 -77
  208. package/src/components/CnViewModeToggle/index.js +0 -1
@@ -1,803 +1,3882 @@
1
+ /* @conduction/nextcloud-vue — Main CSS entry point */
2
+ @import './table.css';
3
+ @import './card.css';
4
+ @import './pagination.css';
5
+ @import './detail.css';
6
+ @import './badge.css';
7
+ @import './layout.css';
8
+ @import './utilities.css';
9
+ @import './page-header.css';
10
+ @import './actions-bar.css';
11
+ @import './index-page.css';
12
+ @import './index-sidebar.css';
13
+ @import './dashboard.css';
14
+ @import './detail-page.css';
15
+ @import './CnSchemaFormDialog.css';
16
+ @import './timeline-stages.css';
17
+ @import './context-menu.css';
1
18
 
2
- .cn-cell-renderer--uuid[data-v-186e38ee] {
3
- font-family: monospace;
4
- font-size: 13px;
19
+
20
+ .cn-cell-renderer--uuid[data-v-6a1303f1] {
21
+ font-family: monospace;
22
+ font-size: 13px;
5
23
  color: var(--color-text-maxcontrast);
6
24
  }
7
- .cn-cell-renderer--number[data-v-186e38ee] {
25
+ .cn-cell-renderer--number[data-v-6a1303f1] {
8
26
  font-variant-numeric: tabular-nums;
9
27
  }
10
- .cn-cell-renderer--date[data-v-186e38ee] {
28
+ .cn-cell-renderer--date[data-v-6a1303f1] {
11
29
  white-space: nowrap;
12
30
  }
13
- .cn-cell-renderer__dash[data-v-186e38ee] {
31
+ .cn-cell-renderer__dash[data-v-6a1303f1] {
14
32
  color: var(--color-text-maxcontrast);
15
33
  }
16
- .cn-cell-renderer__icon--success[data-v-186e38ee] {
34
+ .cn-cell-renderer__icon--success[data-v-6a1303f1] {
17
35
  color: var(--color-success);
18
- }
19
-
20
-
21
- .cn-settings-section__actions[data-v-16a2820b] {
22
- display: flex;
23
- gap: 0.5rem;
24
- align-items: center;
25
- justify-content: flex-end;
26
- float: right;
27
- margin-top: -66px;
28
- margin-bottom: 26px;
29
- position: relative;
36
+ }
37
+
38
+
39
+ .cn-settings-section__actions[data-v-38b60548] {
40
+ display: flex;
41
+ gap: 0.5rem;
42
+ align-items: center;
43
+ justify-content: flex-end;
44
+ float: right;
45
+ margin-top: -66px;
46
+ margin-bottom: 26px;
47
+ position: relative;
30
48
  z-index: 10;
31
49
  }
32
- .cn-settings-section__content[data-v-16a2820b] {
50
+ .cn-settings-section__content[data-v-38b60548] {
33
51
  clear: both;
34
52
  }
35
- .cn-settings-section__description-text[data-v-16a2820b] {
36
- color: var(--color-text-maxcontrast);
53
+ .cn-settings-section__description-text[data-v-38b60548] {
54
+ color: var(--color-text-maxcontrast);
37
55
  margin-bottom: 16px;
38
56
  }
39
- .cn-settings-section__loading[data-v-16a2820b] {
40
- display: flex;
41
- flex-direction: column;
42
- align-items: center;
43
- justify-content: center;
44
- padding: 40px 20px;
57
+ .cn-settings-section__loading[data-v-38b60548] {
58
+ display: flex;
59
+ flex-direction: column;
60
+ align-items: center;
61
+ justify-content: center;
62
+ padding: 40px 20px;
45
63
  gap: 16px;
46
64
  }
47
- .cn-settings-section__loading p[data-v-16a2820b] {
48
- color: var(--color-text-maxcontrast);
65
+ .cn-settings-section__loading p[data-v-38b60548] {
66
+ color: var(--color-text-maxcontrast);
49
67
  font-size: 14px;
50
68
  }
51
- .cn-settings-section__error[data-v-16a2820b] {
52
- display: flex;
53
- flex-direction: column;
54
- align-items: center;
55
- justify-content: center;
56
- padding: 32px 20px;
57
- gap: 16px;
58
- background: var(--color-error-light);
59
- border: 1px solid var(--color-error);
69
+ .cn-settings-section__error[data-v-38b60548] {
70
+ display: flex;
71
+ flex-direction: column;
72
+ align-items: center;
73
+ justify-content: center;
74
+ padding: 32px 20px;
75
+ gap: 16px;
76
+ background: var(--color-error-light);
77
+ border: 1px solid var(--color-error);
60
78
  border-radius: var(--border-radius-large);
61
79
  }
62
- .cn-settings-section__error-message[data-v-16a2820b] {
63
- color: var(--color-error);
64
- font-weight: 500;
80
+ .cn-settings-section__error-message[data-v-38b60548] {
81
+ color: var(--color-error);
82
+ font-weight: 500;
65
83
  margin: 0;
66
84
  }
67
- .cn-settings-section__empty[data-v-16a2820b] {
85
+ .cn-settings-section__empty[data-v-38b60548] {
68
86
  padding: 40px 20px;
69
87
  }
70
- .cn-settings-section__empty-content[data-v-16a2820b] {
71
- display: flex;
72
- flex-direction: column;
73
- align-items: center;
74
- gap: 16px;
88
+ .cn-settings-section__empty-content[data-v-38b60548] {
89
+ display: flex;
90
+ flex-direction: column;
91
+ align-items: center;
92
+ gap: 16px;
75
93
  color: var(--color-text-maxcontrast);
76
94
  }
77
- .cn-settings-section__empty-content p[data-v-16a2820b] {
78
- margin: 0;
95
+ .cn-settings-section__empty-content p[data-v-38b60548] {
96
+ margin: 0;
79
97
  font-size: 14px;
80
98
  }
81
- .cn-settings-section__footer[data-v-16a2820b] {
82
- margin-top: 24px;
83
- padding-top: 24px;
99
+ .cn-settings-section__footer[data-v-38b60548] {
100
+ margin-top: 24px;
101
+ padding-top: 24px;
84
102
  border-top: 1px solid var(--color-border);
85
103
  }
86
104
  @media (max-width: 768px) {
87
- .cn-settings-section__actions[data-v-16a2820b] {
88
- position: static;
89
- margin-top: 0;
90
- margin-bottom: 1rem;
91
- float: none;
92
- flex-direction: column;
105
+ .cn-settings-section__actions[data-v-38b60548] {
106
+ position: static;
107
+ margin-top: 0;
108
+ margin-bottom: 1rem;
109
+ float: none;
110
+ flex-direction: column;
93
111
  align-items: stretch;
94
112
  }
95
- }
113
+ }
96
114
 
97
115
 
98
- .cn-stats-block[data-v-1e8ce1fa] {
99
- background: var(--color-background-hover);
100
- border-radius: var(--border-radius-large, 10px);
101
- padding: 1rem;
102
- display: flex;
103
- flex-direction: column;
104
- align-items: center;
105
- text-decoration: none;
106
- color: inherit;
107
- border: 2px solid transparent;
116
+ .cn-stats-block[data-v-d942dc5c] {
117
+ background: var(--color-background-hover);
118
+ border-radius: var(--border-radius-large, 10px);
119
+ padding: 1rem;
120
+ display: flex;
121
+ flex-direction: column;
122
+ align-items: center;
123
+ text-decoration: none;
124
+ color: inherit;
125
+ border: 2px solid transparent;
108
126
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
127
+ height: 100%;
128
+ width: 100%;
129
+ box-sizing: border-box;
130
+ overflow: hidden;
131
+ min-width: 0;
109
132
  }
110
- .cn-stats-block--horizontal[data-v-1e8ce1fa] {
111
- flex-direction: row;
112
- align-items: flex-start;
113
- gap: 16px;
133
+ .cn-stats-block--horizontal[data-v-d942dc5c] {
134
+ flex-direction: row;
135
+ align-items: center;
136
+ gap: 12px;
114
137
  }
115
- .cn-stats-block--horizontal .cn-stats-block__content[data-v-1e8ce1fa] {
138
+ .cn-stats-block--horizontal .cn-stats-block__content[data-v-d942dc5c] {
116
139
  text-align: left;
140
+ min-width: 0;
117
141
  }
118
- .cn-stats-block--horizontal .cn-stats-block__count[data-v-1e8ce1fa] {
142
+ .cn-stats-block--horizontal .cn-stats-block__count[data-v-d942dc5c] {
119
143
  justify-content: flex-start;
120
144
  }
121
- .cn-stats-block--clickable[data-v-1e8ce1fa] {
145
+ .cn-stats-block--clickable[data-v-d942dc5c] {
122
146
  cursor: pointer;
123
147
  }
124
- .cn-stats-block--clickable[data-v-1e8ce1fa]:hover {
125
- border-color: var(--color-primary-element);
148
+ .cn-stats-block--clickable[data-v-d942dc5c]:hover {
149
+ border-color: var(--color-primary-element);
126
150
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
127
151
  }
128
- .cn-stats-block--clickable[data-v-1e8ce1fa]:focus-visible {
129
- outline: 2px solid var(--color-primary-element);
152
+ .cn-stats-block--clickable[data-v-d942dc5c]:focus-visible {
153
+ outline: 2px solid var(--color-primary-element);
130
154
  outline-offset: 2px;
131
- }
132
-
155
+ }
156
+
133
157
  /* Icon */
134
- .cn-stats-block__icon[data-v-1e8ce1fa] {
135
- display: flex;
136
- align-items: center;
137
- justify-content: center;
138
- width: 44px;
139
- height: 44px;
140
- border-radius: 50%;
141
- background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
142
- color: var(--color-primary-element);
143
- flex-shrink: 0;
158
+ .cn-stats-block__icon[data-v-d942dc5c] {
159
+ display: flex;
160
+ align-items: center;
161
+ justify-content: center;
162
+ width: 44px;
163
+ height: 44px;
164
+ border-radius: 50%;
165
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
166
+ color: var(--color-primary-element);
167
+ flex-shrink: 0;
144
168
  margin-bottom: 8px;
145
169
  }
146
- .cn-stats-block--horizontal .cn-stats-block__icon[data-v-1e8ce1fa] {
170
+ .cn-stats-block--horizontal .cn-stats-block__icon[data-v-d942dc5c] {
147
171
  margin-bottom: 0;
172
+ width: 36px;
173
+ height: 36px;
148
174
  }
149
- .cn-stats-block__icon--primary[data-v-1e8ce1fa] {
150
- background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
175
+ .cn-stats-block__icon--primary[data-v-d942dc5c] {
176
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
151
177
  color: var(--color-primary-element);
152
178
  }
153
- .cn-stats-block__icon--success[data-v-1e8ce1fa] {
154
- background: rgba(70, 186, 97, 0.1);
155
- color: var(--color-success);
179
+ .cn-stats-block__icon--success[data-v-d942dc5c] {
180
+ background: rgba(70, 186, 97, 0.1);
181
+ color: var(--color-element-success, var(--color-success));
156
182
  }
157
- .cn-stats-block__icon--warning[data-v-1e8ce1fa] {
158
- background: rgba(232, 163, 24, 0.1);
159
- color: var(--color-warning);
183
+ .cn-stats-block__icon--warning[data-v-d942dc5c] {
184
+ background: rgba(232, 163, 24, 0.1);
185
+ color: var(--color-element-warning, var(--color-warning));
160
186
  }
161
- .cn-stats-block__icon--error[data-v-1e8ce1fa] {
162
- background: rgba(224, 36, 36, 0.1);
163
- color: var(--color-error);
164
- }
165
-
187
+ .cn-stats-block__icon--error[data-v-d942dc5c] {
188
+ background: rgba(224, 36, 36, 0.1);
189
+ color: var(--color-element-error, var(--color-error));
190
+ }
191
+
166
192
  /* Content */
167
- .cn-stats-block__content[data-v-1e8ce1fa] {
168
- flex: 1;
169
- min-width: 0;
193
+ .cn-stats-block__content[data-v-d942dc5c] {
194
+ flex: 1;
195
+ min-width: 0;
170
196
  text-align: center;
171
197
  }
172
- .cn-stats-block__header h4[data-v-1e8ce1fa] {
173
- margin-top: 0;
174
- margin-bottom: 0.5rem;
175
- color: var(--color-main-text);
176
- font-size: 14px;
198
+ .cn-stats-block__header h4[data-v-d942dc5c] {
199
+ margin-top: 0;
200
+ margin-bottom: 0.25rem;
201
+ color: var(--color-main-text);
202
+ font-size: 14px;
177
203
  font-weight: 600;
204
+ white-space: nowrap;
205
+ overflow: hidden;
206
+ text-overflow: ellipsis;
207
+ }
208
+ .cn-stats-block__count[data-v-d942dc5c] {
209
+ display: flex;
210
+ align-items: baseline;
211
+ justify-content: center;
212
+ gap: 0.25rem;
213
+ font-size: 1.2rem;
214
+ margin-bottom: 0.25rem;
215
+ white-space: nowrap;
216
+ overflow: hidden;
178
217
  }
179
- .cn-stats-block__count[data-v-1e8ce1fa] {
180
- display: flex;
181
- align-items: baseline;
182
- justify-content: center;
183
- gap: 0.5rem;
184
- font-size: 1.2rem;
185
- margin-bottom: 0.5rem;
186
- }
187
- .cn-stats-block__count-value[data-v-1e8ce1fa] {
188
- font-size: 2rem;
189
- font-weight: bold;
218
+ .cn-stats-block__count-value[data-v-d942dc5c] {
219
+ font-size: 2rem;
220
+ font-weight: bold;
190
221
  color: var(--color-primary-element);
222
+ flex-shrink: 0;
191
223
  }
192
- .cn-stats-block--primary .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-primary-element);
224
+ .cn-stats-block--primary .cn-stats-block__count-value[data-v-d942dc5c] { color: var(--color-primary-element);
193
225
  }
194
- .cn-stats-block--success .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-success);
226
+ .cn-stats-block--success .cn-stats-block__count-value[data-v-d942dc5c] { color: var(--color-element-success, var(--color-success));
195
227
  }
196
- .cn-stats-block--warning .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-warning);
228
+ .cn-stats-block--warning .cn-stats-block__count-value[data-v-d942dc5c] { color: var(--color-element-warning, var(--color-warning));
197
229
  }
198
- .cn-stats-block--error .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-error);
230
+ .cn-stats-block--error .cn-stats-block__count-value[data-v-d942dc5c] { color: var(--color-element-error, var(--color-error));
199
231
  }
200
- .cn-stats-block__count-label[data-v-1e8ce1fa] {
232
+ .cn-stats-block__count-label[data-v-d942dc5c] {
201
233
  color: var(--color-text-maxcontrast);
234
+ overflow: hidden;
235
+ text-overflow: ellipsis;
202
236
  }
203
- .cn-stats-block__loading[data-v-1e8ce1fa] {
204
- display: flex;
205
- align-items: center;
206
- justify-content: center;
207
- gap: 0.5rem;
208
- color: var(--color-text-maxcontrast);
237
+ .cn-stats-block__loading[data-v-d942dc5c] {
238
+ display: flex;
239
+ align-items: center;
240
+ justify-content: center;
241
+ gap: 0.5rem;
242
+ color: var(--color-text-maxcontrast);
209
243
  margin-bottom: 0.5rem;
210
244
  }
211
- .cn-stats-block__empty[data-v-1e8ce1fa] {
212
- text-align: center;
213
- color: var(--color-text-maxcontrast);
214
- font-style: italic;
245
+ .cn-stats-block__empty[data-v-d942dc5c] {
246
+ text-align: center;
247
+ color: var(--color-text-maxcontrast);
248
+ font-style: italic;
215
249
  margin-bottom: 0.5rem;
216
250
  }
217
- .cn-stats-block__breakdown[data-v-1e8ce1fa] {
218
- margin-top: 0.5rem;
219
- padding: 0.75rem;
220
- background: var(--color-background-hover);
221
- border-radius: var(--border-radius);
222
- border: 1px solid var(--color-border);
251
+ .cn-stats-block__breakdown[data-v-d942dc5c] {
252
+ margin-top: 0.5rem;
253
+ padding: 0.75rem;
254
+ background: var(--color-background-hover);
255
+ border-radius: var(--border-radius);
256
+ border: 1px solid var(--color-border);
223
257
  width: 100%;
224
258
  }
225
- .cn-stats-block__breakdown-item[data-v-1e8ce1fa] {
226
- display: flex;
227
- justify-content: space-between;
228
- align-items: center;
259
+ .cn-stats-block__breakdown-item[data-v-d942dc5c] {
260
+ display: flex;
261
+ justify-content: space-between;
262
+ align-items: center;
229
263
  margin-bottom: 0.5rem;
230
264
  }
231
- .cn-stats-block__breakdown-item[data-v-1e8ce1fa]:last-child {
265
+ .cn-stats-block__breakdown-item[data-v-d942dc5c]:last-child {
232
266
  margin-bottom: 0;
233
267
  }
234
- .cn-stats-block__breakdown-label[data-v-1e8ce1fa] {
235
- font-weight: 500;
268
+ .cn-stats-block__breakdown-label[data-v-d942dc5c] {
269
+ font-weight: 500;
236
270
  color: var(--color-main-text);
237
271
  }
238
- .cn-stats-block__breakdown-value[data-v-1e8ce1fa] {
239
- font-weight: 600;
240
- padding: 0.25rem 0.5rem;
241
- border-radius: var(--border-radius);
272
+ .cn-stats-block__breakdown-value[data-v-d942dc5c] {
273
+ font-weight: 600;
274
+ padding: 0.25rem 0.5rem;
275
+ border-radius: var(--border-radius);
242
276
  background: var(--color-background-hover);
243
277
  }
244
- .cn-stats-block__breakdown-value--invalid[data-v-1e8ce1fa] { color: var(--color-warning);
278
+ .cn-stats-block__breakdown-value--invalid[data-v-d942dc5c] { color: var(--color-element-warning);
279
+ }
280
+ .cn-stats-block__breakdown-value--deleted[data-v-d942dc5c] { color: var(--color-element-error);
245
281
  }
246
- .cn-stats-block__breakdown-value--deleted[data-v-1e8ce1fa] { color: var(--color-error);
282
+ .cn-stats-block__breakdown-value--published[data-v-d942dc5c] { color: var(--color-element-success);
247
283
  }
248
- .cn-stats-block__breakdown-value--published[data-v-1e8ce1fa] { color: var(--color-success);
249
- }
250
284
 
251
285
 
252
- .cn-config-card__status[data-v-7f20d485] {
253
- display: flex;
254
- gap: 8px;
286
+ .cn-config-card__status[data-v-674619f4] {
287
+ display: flex;
288
+ gap: 8px;
255
289
  margin-bottom: 12px;
256
290
  }
257
- .cn-config-card__content[data-v-7f20d485] {
291
+ .cn-config-card__content[data-v-674619f4] {
258
292
  margin-bottom: 8px;
259
293
  }
260
- .cn-config-card__footer[data-v-7f20d485] {
261
- padding-top: 12px;
294
+ .cn-config-card__footer[data-v-674619f4] {
295
+ padding-top: 12px;
262
296
  border-top: 1px solid var(--color-border);
263
- }
297
+ }
264
298
 
265
299
 
266
- .cn-version-info__card[data-v-29cf5e06] {
267
- background: var(--color-background-hover);
268
- border: 1px solid var(--color-border);
269
- border-radius: var(--border-radius-large);
270
- padding: 20px;
300
+ .cn-version-info__card[data-v-7f7db1c3] {
301
+ background: var(--color-background-hover);
302
+ border: 1px solid var(--color-border);
303
+ border-radius: var(--border-radius-large);
304
+ padding: 20px;
271
305
  margin-bottom: 20px;
272
306
  }
273
- .cn-version-info__card h4[data-v-29cf5e06] {
274
- margin: 0 0 16px 0;
275
- font-size: 16px;
276
- font-weight: 600;
307
+ .cn-version-info__card h4[data-v-7f7db1c3] {
308
+ margin: 0 0 16px 0;
309
+ font-size: 16px;
310
+ font-weight: 600;
277
311
  color: var(--color-main-text);
278
312
  }
279
- .cn-version-info__details[data-v-29cf5e06] {
280
- display: flex;
281
- flex-direction: column;
313
+ .cn-version-info__details[data-v-7f7db1c3] {
314
+ display: flex;
315
+ flex-direction: column;
282
316
  gap: 12px;
283
317
  }
284
- .cn-version-info__item[data-v-29cf5e06] {
285
- display: flex;
286
- justify-content: space-between;
287
- align-items: center;
288
- padding: 8px 0;
318
+ .cn-version-info__item[data-v-7f7db1c3] {
319
+ display: flex;
320
+ justify-content: space-between;
321
+ align-items: center;
322
+ padding: 8px 0;
289
323
  border-bottom: 1px solid var(--color-border);
290
324
  }
291
- .cn-version-info__item[data-v-29cf5e06]:last-child {
325
+ .cn-version-info__item[data-v-7f7db1c3]:last-child {
292
326
  border-bottom: none;
293
327
  }
294
- .cn-version-info__label[data-v-29cf5e06] {
295
- font-weight: 500;
296
- color: var(--color-text-maxcontrast);
328
+ .cn-version-info__label[data-v-7f7db1c3] {
329
+ font-weight: 500;
330
+ color: var(--color-text-maxcontrast);
297
331
  font-size: 14px;
298
332
  }
299
- .cn-version-info__value[data-v-29cf5e06] {
300
- font-family: 'Courier New', Courier, monospace;
301
- font-weight: 600;
302
- color: var(--color-main-text);
333
+ .cn-version-info__value[data-v-7f7db1c3] {
334
+ font-family: 'Courier New', Courier, monospace;
335
+ font-weight: 600;
336
+ color: var(--color-main-text);
303
337
  font-size: 14px;
304
- }
305
-
338
+ }
339
+
306
340
  /* Status classes for values */
307
- .cn-version-info__status--ok[data-v-29cf5e06] {
308
- color: var(--color-success);
341
+ .cn-version-info__status--ok[data-v-7f7db1c3] {
342
+ color: var(--color-success);
309
343
  font-weight: 600;
310
344
  }
311
- .cn-version-info__status--warning[data-v-29cf5e06] {
312
- color: var(--color-warning);
345
+ .cn-version-info__status--warning[data-v-7f7db1c3] {
346
+ color: var(--color-warning);
313
347
  font-weight: 600;
314
348
  }
315
- .cn-version-info__status--error[data-v-29cf5e06] {
316
- color: var(--color-error);
349
+ .cn-version-info__status--error[data-v-7f7db1c3] {
350
+ color: var(--color-error);
317
351
  font-weight: 600;
318
352
  }
319
353
  @media (max-width: 768px) {
320
- .cn-version-info__item[data-v-29cf5e06] {
321
- flex-direction: column;
322
- align-items: flex-start;
354
+ .cn-version-info__item[data-v-7f7db1c3] {
355
+ flex-direction: column;
356
+ align-items: flex-start;
323
357
  gap: 4px;
324
358
  }
325
- .cn-version-info__label[data-v-29cf5e06] {
359
+ .cn-version-info__label[data-v-7f7db1c3] {
326
360
  font-weight: 600;
327
361
  }
328
- .cn-version-info__value[data-v-29cf5e06] {
362
+ .cn-version-info__value[data-v-7f7db1c3] {
329
363
  word-break: break-all;
330
364
  }
331
- }
365
+ }
332
366
 
333
367
 
334
- .cn-object-card[data-v-dd5d0a22] {
335
- display: flex;
336
- gap: 12px;
337
- padding: 16px;
338
- background: var(--color-main-background);
339
- border: 1px solid var(--color-border);
340
- border-radius: var(--border-radius-large, 10px);
341
- cursor: pointer;
368
+ .cn-object-card[data-v-20f40b48] {
369
+ display: flex;
370
+ gap: 12px;
371
+ padding: 16px;
372
+ background: var(--color-main-background);
373
+ border: 1px solid var(--color-border);
374
+ border-radius: var(--border-radius-large, 10px);
375
+ cursor: pointer;
342
376
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
343
377
  }
344
- .cn-object-card[data-v-dd5d0a22]:hover {
345
- border-color: var(--color-primary-element);
378
+ .cn-object-card[data-v-20f40b48]:hover {
379
+ border-color: var(--color-primary-element);
346
380
  box-shadow: 0 2px 8px var(--color-box-shadow);
347
381
  }
348
- .cn-object-card--selected[data-v-dd5d0a22] {
349
- border-color: var(--color-primary-element);
382
+ .cn-object-card--selected[data-v-20f40b48] {
383
+ border-color: var(--color-primary-element);
350
384
  background: var(--color-primary-element-light);
351
385
  }
352
- .cn-object-card__checkbox[data-v-dd5d0a22] {
353
- flex-shrink: 0;
386
+ .cn-object-card__checkbox[data-v-20f40b48] {
387
+ flex-shrink: 0;
354
388
  padding-top: 2px;
355
389
  }
356
- .cn-object-card__content[data-v-dd5d0a22] {
357
- flex: 1;
390
+ .cn-object-card__content[data-v-20f40b48] {
391
+ flex: 1;
358
392
  min-width: 0;
359
393
  }
360
- .cn-object-card__header[data-v-dd5d0a22] {
361
- display: flex;
362
- gap: 12px;
394
+ .cn-object-card__header[data-v-20f40b48] {
395
+ display: flex;
396
+ gap: 12px;
363
397
  align-items: flex-start;
364
398
  }
365
- .cn-object-card__image[data-v-dd5d0a22] {
366
- width: 48px;
367
- height: 48px;
368
- border-radius: var(--border-radius);
369
- object-fit: cover;
399
+ .cn-object-card__image[data-v-20f40b48] {
400
+ width: 48px;
401
+ height: 48px;
402
+ border-radius: var(--border-radius);
403
+ object-fit: cover;
370
404
  flex-shrink: 0;
371
405
  }
372
- .cn-object-card__title-area[data-v-dd5d0a22] {
373
- flex: 1;
406
+ .cn-object-card__title-area[data-v-20f40b48] {
407
+ flex: 1;
374
408
  min-width: 0;
375
409
  }
376
- .cn-object-card__title[data-v-dd5d0a22] {
377
- margin: 0;
378
- font-size: 16px;
379
- font-weight: 600;
380
- line-height: 1.3;
381
- overflow: hidden;
382
- text-overflow: ellipsis;
410
+ .cn-object-card__title[data-v-20f40b48] {
411
+ margin: 0;
412
+ font-size: 16px;
413
+ font-weight: 600;
414
+ line-height: 1.3;
415
+ overflow: hidden;
416
+ text-overflow: ellipsis;
383
417
  white-space: nowrap;
384
418
  }
385
- .cn-object-card__description[data-v-dd5d0a22] {
386
- margin: 4px 0 0;
387
- font-size: 13px;
388
- color: var(--color-text-maxcontrast);
419
+ .cn-object-card__description[data-v-20f40b48] {
420
+ margin: 4px 0 0;
421
+ font-size: 13px;
422
+ color: var(--color-text-maxcontrast);
389
423
  line-height: 1.4;
390
424
  }
391
- .cn-object-card__badges[data-v-dd5d0a22] {
425
+ .cn-object-card__badges[data-v-20f40b48] {
392
426
  margin-top: 8px;
393
427
  }
394
- .cn-object-card__metadata[data-v-dd5d0a22] {
395
- display: grid;
396
- grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
397
- gap: 8px;
398
- margin-top: 12px;
399
- padding-top: 12px;
428
+ .cn-object-card__metadata[data-v-20f40b48] {
429
+ display: grid;
430
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
431
+ gap: 8px;
432
+ margin-top: 12px;
433
+ padding-top: 12px;
400
434
  border-top: 1px solid var(--color-border);
401
435
  }
402
- .cn-object-card__meta-item[data-v-dd5d0a22] {
403
- display: flex;
404
- flex-direction: column;
436
+ .cn-object-card__meta-item[data-v-20f40b48] {
437
+ display: flex;
438
+ flex-direction: column;
405
439
  gap: 2px;
406
440
  }
407
- .cn-object-card__meta-label[data-v-dd5d0a22] {
408
- font-size: 11px;
409
- font-weight: 500;
410
- color: var(--color-text-maxcontrast);
411
- text-transform: uppercase;
441
+ .cn-object-card__meta-label[data-v-20f40b48] {
442
+ font-size: 11px;
443
+ font-weight: 500;
444
+ color: var(--color-text-maxcontrast);
445
+ text-transform: uppercase;
412
446
  letter-spacing: 0.3px;
413
447
  }
414
- .cn-object-card__actions[data-v-dd5d0a22] {
448
+ .cn-object-card__actions[data-v-20f40b48] {
415
449
  flex-shrink: 0;
416
- }
450
+ }
417
451
 
418
452
 
419
- .cn-card-grid__grid[data-v-71163d45] {
420
- display: grid;
421
- grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
453
+ .cn-card-grid__grid[data-v-73f6e6c0] {
454
+ display: grid;
455
+ grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
422
456
  gap: 16px;
423
457
  }
424
- .cn-card-grid__loading[data-v-71163d45] {
425
- display: flex;
426
- justify-content: center;
458
+ .cn-card-grid__loading[data-v-73f6e6c0] {
459
+ display: flex;
460
+ justify-content: center;
427
461
  padding: 40px;
428
462
  }
429
- .cn-card-grid__empty[data-v-71163d45] {
430
- padding: 40px 20px;
463
+ .cn-card-grid__empty[data-v-73f6e6c0] {
464
+ padding: 40px 20px;
431
465
  text-align: center;
432
- }
466
+ }
433
467
 
434
468
 
435
- .cn-facet-sidebar[data-v-f5e6b572] {
436
- padding: 16px;
437
- border-right: 1px solid var(--color-border);
438
- min-width: 240px;
469
+ .cn-facet-sidebar[data-v-08a0721d] {
470
+ padding: 16px;
471
+ border-right: 1px solid var(--color-border);
472
+ min-width: 240px;
439
473
  max-width: 300px;
440
474
  }
441
- .cn-facet-sidebar__header[data-v-f5e6b572] {
442
- display: flex;
443
- justify-content: space-between;
444
- align-items: center;
475
+ .cn-facet-sidebar__header[data-v-08a0721d] {
476
+ display: flex;
477
+ justify-content: space-between;
478
+ align-items: center;
445
479
  margin-bottom: 16px;
446
480
  }
447
- .cn-facet-sidebar__title[data-v-f5e6b572] {
448
- margin: 0;
449
- font-size: 15px;
481
+ .cn-facet-sidebar__title[data-v-08a0721d] {
482
+ margin: 0;
483
+ font-size: 15px;
450
484
  font-weight: 600;
451
485
  }
452
- .cn-facet-sidebar__loading[data-v-f5e6b572] {
453
- display: flex;
454
- justify-content: center;
486
+ .cn-facet-sidebar__loading[data-v-08a0721d] {
487
+ display: flex;
488
+ justify-content: center;
455
489
  padding: 20px;
456
490
  }
457
- .cn-facet-sidebar__filters[data-v-f5e6b572] {
458
- display: flex;
459
- flex-direction: column;
491
+ .cn-facet-sidebar__filters[data-v-08a0721d] {
492
+ display: flex;
493
+ flex-direction: column;
460
494
  gap: 16px;
461
495
  }
462
- .cn-facet-sidebar__group[data-v-f5e6b572] {
463
- display: flex;
464
- flex-direction: column;
496
+ .cn-facet-sidebar__group[data-v-08a0721d] {
497
+ display: flex;
498
+ flex-direction: column;
465
499
  gap: 4px;
466
500
  }
467
- .cn-facet-sidebar__label[data-v-f5e6b572] {
468
- font-size: 12px;
469
- font-weight: 500;
470
- color: var(--color-text-maxcontrast);
471
- text-transform: uppercase;
501
+ .cn-facet-sidebar__label[data-v-08a0721d] {
502
+ font-size: 12px;
503
+ font-weight: 500;
504
+ color: var(--color-text-maxcontrast);
505
+ text-transform: uppercase;
472
506
  letter-spacing: 0.3px;
473
507
  }
474
- .cn-facet-sidebar__select[data-v-f5e6b572] {
508
+ .cn-facet-sidebar__select[data-v-08a0721d] {
475
509
  width: 100%;
476
- }
510
+ }
477
511
 
478
512
 
479
- .cn-view-mode-toggle[data-v-a3d14b7c] {
480
- display: inline-flex;
481
- gap: 0;
482
- border-radius: var(--border-radius-pill, 20px);
483
- overflow: hidden;
484
- }
513
+ .cn-row-action--destructive[data-v-32cc7e96] {
514
+ color: var(--color-error) !important;
515
+ }
485
516
 
486
517
 
487
- .cn-row-action--destructive[data-v-02a7d254] {
488
- color: var(--color-error) !important;
489
- }
518
+ .cn-context-menu[data-v-8d98dcfc] {
519
+ /* Hide the NcActions trigger button — menu opens only via right-click */
520
+ display: none;
521
+ }
490
522
 
491
523
 
492
- .cn-mass-delete__list[data-v-1fcfdf95] {
493
- max-height: 300px;
494
- overflow-y: auto;
524
+ .cn-mass-delete__list[data-v-2b2de06e] {
525
+ max-height: 300px;
526
+ overflow-y: auto;
495
527
  margin-top: 12px;
496
528
  }
497
- .cn-mass-delete__item[data-v-1fcfdf95] {
498
- display: flex;
499
- align-items: center;
500
- justify-content: space-between;
501
- padding: 8px 12px;
529
+ .cn-mass-delete__item[data-v-2b2de06e] {
530
+ display: flex;
531
+ align-items: center;
532
+ justify-content: space-between;
533
+ padding: 8px 12px;
502
534
  border-bottom: 1px solid var(--color-border);
503
535
  }
504
- .cn-mass-delete__item[data-v-1fcfdf95]:last-child {
536
+ .cn-mass-delete__item[data-v-2b2de06e]:last-child {
505
537
  border-bottom: none;
506
538
  }
507
- .cn-mass-delete__item-name[data-v-1fcfdf95] {
508
- font-weight: 500;
509
- overflow: hidden;
510
- text-overflow: ellipsis;
539
+ .cn-mass-delete__item-name[data-v-2b2de06e] {
540
+ font-weight: 500;
541
+ overflow: hidden;
542
+ text-overflow: ellipsis;
511
543
  white-space: nowrap;
512
544
  }
513
- .cn-mass-delete__empty[data-v-1fcfdf95] {
514
- text-align: center;
515
- color: var(--color-text-maxcontrast);
516
- font-style: italic;
545
+ .cn-mass-delete__empty[data-v-2b2de06e] {
546
+ text-align: center;
547
+ color: var(--color-text-maxcontrast);
548
+ font-style: italic;
517
549
  padding: 20px;
518
- }
550
+ }
519
551
 
520
552
 
521
- .cn-mass-copy__pattern[data-v-56d132fe] {
553
+ .cn-mass-copy__pattern[data-v-1e5197c3] {
522
554
  margin-bottom: 16px;
523
555
  }
524
- .cn-mass-copy__pattern label[data-v-56d132fe] {
525
- display: block;
526
- font-weight: 600;
556
+ .cn-mass-copy__pattern label[data-v-1e5197c3] {
557
+ display: block;
558
+ font-weight: 600;
527
559
  margin-bottom: 4px;
528
560
  }
529
- .cn-mass-copy__list[data-v-56d132fe] {
530
- max-height: 300px;
561
+ .cn-mass-copy__list[data-v-1e5197c3] {
562
+ max-height: 300px;
531
563
  overflow-y: auto;
532
564
  }
533
- .cn-mass-copy__item[data-v-56d132fe] {
534
- display: flex;
535
- align-items: center;
536
- justify-content: space-between;
537
- padding: 8px 12px;
565
+ .cn-mass-copy__item[data-v-1e5197c3] {
566
+ display: flex;
567
+ align-items: center;
568
+ justify-content: space-between;
569
+ padding: 8px 12px;
538
570
  border-bottom: 1px solid var(--color-border);
539
571
  }
540
- .cn-mass-copy__item[data-v-56d132fe]:last-child {
572
+ .cn-mass-copy__item[data-v-1e5197c3]:last-child {
541
573
  border-bottom: none;
542
574
  }
543
- .cn-mass-copy__item-names[data-v-56d132fe] {
544
- display: flex;
545
- align-items: center;
546
- gap: 8px;
547
- overflow: hidden;
575
+ .cn-mass-copy__item-names[data-v-1e5197c3] {
576
+ display: flex;
577
+ align-items: center;
578
+ gap: 8px;
579
+ overflow: hidden;
548
580
  flex: 1;
549
581
  }
550
- .cn-mass-copy__item-original[data-v-56d132fe] {
551
- color: var(--color-text-maxcontrast);
552
- overflow: hidden;
553
- text-overflow: ellipsis;
582
+ .cn-mass-copy__item-original[data-v-1e5197c3] {
583
+ color: var(--color-text-maxcontrast);
584
+ overflow: hidden;
585
+ text-overflow: ellipsis;
554
586
  white-space: nowrap;
555
587
  }
556
- .cn-mass-copy__item-arrow[data-v-56d132fe] {
557
- flex-shrink: 0;
588
+ .cn-mass-copy__item-arrow[data-v-1e5197c3] {
589
+ flex-shrink: 0;
558
590
  color: var(--color-text-maxcontrast);
559
591
  }
560
- .cn-mass-copy__item-new[data-v-56d132fe] {
561
- font-weight: 500;
562
- overflow: hidden;
563
- text-overflow: ellipsis;
592
+ .cn-mass-copy__item-new[data-v-1e5197c3] {
593
+ font-weight: 500;
594
+ overflow: hidden;
595
+ text-overflow: ellipsis;
564
596
  white-space: nowrap;
565
597
  }
566
- .cn-mass-copy__empty[data-v-56d132fe] {
567
- text-align: center;
568
- color: var(--color-text-maxcontrast);
569
- font-style: italic;
598
+ .cn-mass-copy__empty[data-v-1e5197c3] {
599
+ text-align: center;
600
+ color: var(--color-text-maxcontrast);
601
+ font-style: italic;
570
602
  padding: 20px;
571
- }
603
+ }
572
604
 
573
605
 
574
- .cn-mass-export__description[data-v-4d59fe8f] {
575
- margin-bottom: 16px;
606
+ .cn-mass-export__description[data-v-c4e2a1bc] {
607
+ margin-bottom: 16px;
576
608
  color: var(--color-text-maxcontrast);
577
609
  }
578
- .cn-mass-export__field[data-v-4d59fe8f] {
579
- display: flex;
580
- flex-direction: column;
610
+ .cn-mass-export__field[data-v-c4e2a1bc] {
611
+ display: flex;
612
+ flex-direction: column;
581
613
  gap: 4px;
582
614
  }
583
- .cn-mass-export__field label[data-v-4d59fe8f] {
615
+ .cn-mass-export__field label[data-v-c4e2a1bc] {
584
616
  font-weight: 600;
585
- }
617
+ }
586
618
 
587
619
 
588
- .cn-mass-import__form[data-v-d5f77ada] {
589
- display: flex;
590
- flex-direction: column;
620
+ .cn-mass-import__form[data-v-5420037c] {
621
+ display: flex;
622
+ flex-direction: column;
591
623
  gap: 16px;
592
624
  }
593
- .cn-mass-import__file-row[data-v-d5f77ada] {
594
- display: flex;
595
- align-items: center;
625
+ .cn-mass-import__file-row[data-v-5420037c] {
626
+ display: flex;
627
+ align-items: center;
596
628
  gap: 12px;
597
629
  }
598
- .cn-mass-import__file-info[data-v-d5f77ada] {
599
- display: flex;
600
- align-items: center;
630
+ .cn-mass-import__file-info[data-v-5420037c] {
631
+ display: flex;
632
+ align-items: center;
601
633
  gap: 6px;
602
634
  }
603
- .cn-mass-import__file-name[data-v-d5f77ada] {
635
+ .cn-mass-import__file-name[data-v-5420037c] {
604
636
  font-weight: 500;
605
637
  }
606
- .cn-mass-import__file-size[data-v-d5f77ada] {
607
- color: var(--color-text-maxcontrast);
638
+ .cn-mass-import__file-size[data-v-5420037c] {
639
+ color: var(--color-text-maxcontrast);
608
640
  font-size: 0.9em;
609
641
  }
610
- .cn-mass-import__help[data-v-d5f77ada] {
611
- padding: 12px;
612
- background: var(--color-background-hover);
642
+ .cn-mass-import__help[data-v-5420037c] {
643
+ padding: 12px;
644
+ background: var(--color-background-hover);
613
645
  border-radius: var(--border-radius);
614
646
  }
615
- .cn-mass-import__help p[data-v-d5f77ada] {
647
+ .cn-mass-import__help p[data-v-5420037c] {
616
648
  margin: 0 0 8px;
617
649
  }
618
- .cn-mass-import__help ul[data-v-d5f77ada] {
619
- margin: 0;
650
+ .cn-mass-import__help ul[data-v-5420037c] {
651
+ margin: 0;
620
652
  padding-left: 20px;
621
653
  }
622
- .cn-mass-import__options[data-v-d5f77ada] {
623
- display: flex;
624
- flex-direction: column;
654
+ .cn-mass-import__options[data-v-5420037c] {
655
+ display: flex;
656
+ flex-direction: column;
625
657
  gap: 12px;
626
- }
627
-
658
+ }
659
+
628
660
  /* Summary table */
629
- .cn-mass-import__results h3[data-v-d5f77ada] {
630
- margin: 0 0 12px;
661
+ .cn-mass-import__results h3[data-v-5420037c] {
662
+ margin: 0 0 12px;
631
663
  font-size: 1.1rem;
632
664
  }
633
- .cn-mass-import__summary-table[data-v-d5f77ada] {
634
- width: 100%;
635
- border-collapse: collapse;
636
- border-radius: var(--border-radius);
637
- overflow: hidden;
665
+ .cn-mass-import__summary-table[data-v-5420037c] {
666
+ width: 100%;
667
+ border-collapse: collapse;
668
+ border-radius: var(--border-radius);
669
+ overflow: hidden;
638
670
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
639
671
  }
640
- .cn-mass-import__summary-table th[data-v-d5f77ada],
641
- .cn-mass-import__summary-table td[data-v-d5f77ada] {
642
- padding: 8px 12px;
643
- text-align: left;
672
+ .cn-mass-import__summary-table th[data-v-5420037c],
673
+ .cn-mass-import__summary-table td[data-v-5420037c] {
674
+ padding: 8px 12px;
675
+ text-align: left;
644
676
  border-bottom: 1px solid var(--color-border);
645
677
  }
646
- .cn-mass-import__summary-table th[data-v-d5f77ada] {
647
- background: var(--color-background-dark);
648
- font-weight: 600;
649
- font-size: 0.85rem;
678
+ .cn-mass-import__summary-table th[data-v-5420037c] {
679
+ background: var(--color-background-dark);
680
+ font-weight: 600;
681
+ font-size: 0.85rem;
650
682
  text-transform: uppercase;
651
683
  }
652
- .cn-mass-import__sheet-name[data-v-d5f77ada] {
684
+ .cn-mass-import__sheet-name[data-v-5420037c] {
653
685
  font-weight: 600;
654
686
  }
655
- .cn-mass-import__stat[data-v-d5f77ada] {
656
- text-align: center;
687
+ .cn-mass-import__stat[data-v-5420037c] {
688
+ text-align: center;
657
689
  font-weight: 600;
658
690
  }
659
- .cn-mass-import__stat--found[data-v-d5f77ada] { color: var(--color-primary-element);
691
+ .cn-mass-import__stat--found[data-v-5420037c] { color: var(--color-primary-element);
660
692
  }
661
- .cn-mass-import__stat--created[data-v-d5f77ada] { color: var(--color-success);
693
+ .cn-mass-import__stat--created[data-v-5420037c] { color: var(--color-success);
662
694
  }
663
- .cn-mass-import__stat--updated[data-v-d5f77ada] { color: var(--color-warning);
695
+ .cn-mass-import__stat--updated[data-v-5420037c] { color: var(--color-warning);
664
696
  }
665
- .cn-mass-import__stat--unchanged[data-v-d5f77ada] { color: var(--color-text-maxcontrast);
697
+ .cn-mass-import__stat--unchanged[data-v-5420037c] { color: var(--color-text-maxcontrast);
666
698
  }
667
- .cn-mass-import__stat--errors[data-v-d5f77ada] { color: var(--color-error);
699
+ .cn-mass-import__stat--errors[data-v-5420037c] { color: var(--color-error);
668
700
  }
669
- .cn-mass-import__expand[data-v-d5f77ada] {
670
- background: none;
671
- border: none;
672
- cursor: pointer;
673
- padding: 2px;
674
- border-radius: var(--border-radius-small, 4px);
675
- color: var(--color-error);
676
- transition: transform 0.2s ease;
677
- vertical-align: middle;
701
+ .cn-mass-import__expand[data-v-5420037c] {
702
+ background: none;
703
+ border: none;
704
+ cursor: pointer;
705
+ padding: 2px;
706
+ border-radius: var(--border-radius-small, 4px);
707
+ color: var(--color-error);
708
+ transition: transform 0.2s ease;
709
+ vertical-align: middle;
678
710
  margin-left: 4px;
679
711
  }
680
- .cn-mass-import__expand[data-v-d5f77ada]:hover {
712
+ .cn-mass-import__expand[data-v-5420037c]:hover {
681
713
  background: var(--color-background-hover);
682
714
  }
683
- .cn-mass-import__expand--open[data-v-d5f77ada] {
715
+ .cn-mass-import__expand--open[data-v-5420037c] {
684
716
  transform: rotate(180deg);
685
- }
686
-
717
+ }
718
+
687
719
  /* Error details */
688
- .cn-mass-import__error-row td[data-v-d5f77ada] {
689
- padding: 8px 12px;
720
+ .cn-mass-import__error-row td[data-v-5420037c] {
721
+ padding: 8px 12px;
690
722
  background: var(--color-background-hover);
691
723
  }
692
- .cn-mass-import__error-table[data-v-d5f77ada] {
693
- width: 100%;
694
- border-collapse: collapse;
724
+ .cn-mass-import__error-table[data-v-5420037c] {
725
+ width: 100%;
726
+ border-collapse: collapse;
695
727
  font-size: 0.9em;
696
728
  }
697
- .cn-mass-import__error-table th[data-v-d5f77ada],
698
- .cn-mass-import__error-table td[data-v-d5f77ada] {
699
- padding: 6px 10px;
700
- text-align: left;
729
+ .cn-mass-import__error-table th[data-v-5420037c],
730
+ .cn-mass-import__error-table td[data-v-5420037c] {
731
+ padding: 6px 10px;
732
+ text-align: left;
701
733
  border-bottom: 1px solid var(--color-border);
702
734
  }
703
- .cn-mass-import__error-table th[data-v-d5f77ada] {
704
- background: var(--color-background-dark);
705
- font-weight: 600;
735
+ .cn-mass-import__error-table th[data-v-5420037c] {
736
+ background: var(--color-background-dark);
737
+ font-weight: 600;
706
738
  font-size: 0.85rem;
707
- }
739
+ }
708
740
 
709
741
 
710
- .cn-index-page[data-v-a107d580] {
711
- padding: 20px;
742
+ .cn-delete__confirm[data-v-cf5dafa4] {
743
+ padding: 4px 0;
712
744
  }
713
- .cn-index-page__header[data-v-a107d580] {
714
- display: flex;
715
- justify-content: space-between;
716
- align-items: center;
717
- margin-bottom: 16px;
718
- flex-wrap: wrap;
719
- gap: 12px;
745
+
746
+
747
+ .cn-copy__pattern[data-v-369a1a5e] {
748
+ margin-bottom: 16px;
749
+ }
750
+ .cn-copy__pattern label[data-v-369a1a5e] {
751
+ display: block;
752
+ font-weight: 600;
753
+ margin-bottom: 4px;
754
+ }
755
+ .cn-copy__preview[data-v-369a1a5e] {
756
+ margin-top: 12px;
720
757
  }
721
- .cn-index-page__title-area[data-v-a107d580] {
722
- display: flex;
723
- align-items: baseline;
758
+ .cn-copy__preview-row[data-v-369a1a5e] {
759
+ display: flex;
760
+ align-items: center;
724
761
  gap: 8px;
762
+ padding: 8px 12px;
763
+ background-color: var(--color-background-hover);
764
+ border-radius: var(--border-radius);
725
765
  }
726
- .cn-index-page__title[data-v-a107d580] {
727
- margin: 0;
728
- font-size: 22px;
729
- font-weight: 700;
766
+ .cn-copy__preview-original[data-v-369a1a5e] {
767
+ color: var(--color-text-maxcontrast);
768
+ overflow: hidden;
769
+ text-overflow: ellipsis;
770
+ white-space: nowrap;
730
771
  }
731
- .cn-index-page__count[data-v-a107d580] {
732
- font-size: 14px;
772
+ .cn-copy__preview-arrow[data-v-369a1a5e] {
773
+ flex-shrink: 0;
733
774
  color: var(--color-text-maxcontrast);
734
775
  }
735
- .cn-index-page__header-actions[data-v-a107d580] {
736
- display: flex;
737
- align-items: center;
776
+ .cn-copy__preview-new[data-v-369a1a5e] {
777
+ font-weight: 500;
778
+ overflow: hidden;
779
+ text-overflow: ellipsis;
780
+ white-space: nowrap;
781
+ }
782
+
783
+
784
+ .cn-json-viewer[data-v-288cc0ae] {
785
+ display: flex;
786
+ flex-direction: column;
738
787
  gap: 8px;
739
788
  }
740
- .cn-index-page__body[data-v-a107d580] {
741
- display: flex;
742
- gap: 0;
789
+ .cn-json-viewer__codemirror[data-v-288cc0ae] {
790
+ position: relative;
743
791
  }
744
- .cn-index-page__body--with-sidebar[data-v-a107d580] {
745
- gap: 0;
792
+ .cn-json-viewer__codemirror[data-v-288cc0ae] :deep(.cm-editor) {
793
+ height: 100%;
794
+ outline: none !important;
746
795
  }
747
- .cn-index-page__sidebar[data-v-a107d580] {
748
- flex-shrink: 0;
796
+ .cn-json-viewer__codemirror[data-v-288cc0ae] :deep(.cm-scroller) {
797
+ overflow: auto;
749
798
  }
750
- .cn-index-page__main[data-v-a107d580] {
751
- flex: 1;
752
- min-width: 0;
799
+ .cn-json-viewer__codemirror[data-v-288cc0ae] :deep(.cm-content) {
800
+ border-radius: 0 !important;
801
+ border: none !important;
753
802
  }
754
- .cn-index-page__search[data-v-a107d580] {
755
- margin-bottom: 16px;
803
+ .cn-json-viewer__codemirror--light > .vue-codemirror[data-v-288cc0ae] {
804
+ border: 1px dotted silver;
756
805
  }
757
- .cn-index-page__loading[data-v-a107d580] {
758
- display: flex;
759
- justify-content: center;
760
- padding: 60px;
806
+ .cn-json-viewer__codemirror--dark > .vue-codemirror[data-v-288cc0ae] {
807
+ border: 1px dotted grey;
761
808
  }
762
- .cn-index-page__empty[data-v-a107d580] {
763
- padding: 40px 20px;
764
- text-align: center;
809
+
810
+ /* Text cursor */
811
+ .cn-json-viewer__codemirror :deep(.cm-content) *[data-v-288cc0ae] {
812
+ cursor: text !important;
765
813
  }
766
- .cn-index-page__pagination[data-v-a107d580] {
767
- margin-top: 16px;
768
- }
769
814
 
815
+ /* PATCH SELECTION COLOR - default selection system does not work */
816
+ /* Selection background — CodeMirror uses .cm-selectionBackground instead of ::selection */
817
+ .cn-json-viewer__codemirror--light[data-v-288cc0ae] :deep(.cm-selectionBackground) {
818
+ background: #3390ff !important;
819
+ }
820
+ .cn-json-viewer__codemirror--light :deep(.cm-selectionBackground) + .cm-selectionBackground[data-v-288cc0ae],
821
+ .cn-json-viewer__codemirror--light[data-v-288cc0ae] :deep(.cm-line ::selection) {
822
+ color: white !important;
823
+ }
824
+ .cn-json-viewer__codemirror--dark[data-v-288cc0ae] :deep(.cm-selectionBackground) {
825
+ background: #3390ff !important;
826
+ }
770
827
 
771
- .cn-kpi-grid[data-v-74e15c14] {
772
- display: grid;
773
- gap: 16px;
774
- margin-bottom: 24px;
828
+ /* Selected text color */
829
+ .cn-json-viewer__codemirror--light[data-v-288cc0ae] :deep(.cm-content ::selection) {
830
+ background: #3390ff !important;
831
+ color: white !important;
775
832
  }
776
- .cn-kpi-grid--cols-2[data-v-74e15c14] {
777
- grid-template-columns: repeat(2, 1fr);
833
+ .cn-json-viewer__codemirror--dark[data-v-288cc0ae] :deep(.cm-content ::selection) {
834
+ background: #3390ff !important;
835
+ color: white !important;
778
836
  }
779
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
780
- grid-template-columns: repeat(3, 1fr);
837
+ .cn-json-viewer__format-btn[data-v-288cc0ae] {
838
+ margin-top: 8px;
781
839
  }
782
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
783
- grid-template-columns: repeat(4, 1fr);
784
- }
785
-
786
- /* Responsive breakpoints */
787
- @media (max-width: 1200px) {
788
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
789
- grid-template-columns: repeat(2, 1fr);
840
+ .cn-json-viewer__error[data-v-288cc0ae] {
841
+ color: var(--color-error);
842
+ font-size: 14px;
790
843
  }
844
+
845
+
846
+ .cn-form-dialog__form[data-v-20f3cbf8] {
847
+ display: flex;
848
+ flex-direction: column;
849
+ gap: 4px;
791
850
  }
792
- @media (max-width: 900px) {
793
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
794
- grid-template-columns: repeat(2, 1fr);
851
+ .cn-form-dialog__field[data-v-20f3cbf8] {
852
+ margin-bottom: 8px;
795
853
  }
854
+ .cn-form-dialog__textarea-wrapper[data-v-20f3cbf8],
855
+ .cn-form-dialog__select-wrapper[data-v-20f3cbf8],
856
+ .cn-form-dialog__json-wrapper[data-v-20f3cbf8] {
857
+ display: flex;
858
+ flex-direction: column;
859
+ gap: 4px;
796
860
  }
797
- @media (max-width: 600px) {
798
- .cn-kpi-grid--cols-2[data-v-74e15c14],
799
- .cn-kpi-grid--cols-3[data-v-74e15c14],
800
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
801
- grid-template-columns: 1fr;
861
+ .cn-form-dialog__label[data-v-20f3cbf8] {
862
+ font-weight: 600;
863
+ font-size: 0.9em;
864
+ color: var(--color-main-text);
865
+ }
866
+ .cn-form-dialog__textarea[data-v-20f3cbf8] {
867
+ width: 100%;
868
+ min-height: 80px;
869
+ padding: 8px;
870
+ border: 2px solid var(--color-border-maxcontrast);
871
+ border-radius: var(--border-radius-large);
872
+ background-color: var(--color-main-background);
873
+ color: var(--color-main-text);
874
+ font-family: inherit;
875
+ font-size: inherit;
876
+ resize: vertical;
877
+ }
878
+ .cn-form-dialog__textarea[data-v-20f3cbf8]:focus {
879
+ border-color: var(--color-primary-element);
880
+ outline: none;
881
+ }
882
+ .cn-form-dialog__textarea[data-v-20f3cbf8]:disabled {
883
+ opacity: 0.5;
884
+ cursor: not-allowed;
885
+ }
886
+ .cn-form-dialog__helper[data-v-20f3cbf8] {
887
+ font-size: 0.85em;
888
+ color: var(--color-text-maxcontrast);
889
+ }
890
+ .cn-form-dialog__helper--error[data-v-20f3cbf8] {
891
+ color: var(--color-error);
892
+ }
893
+
894
+
895
+ .cn-advanced-form-dialog__value-input-container[data-v-2a893bb0] :deep(.text-field) {
896
+ margin: 0;
897
+ padding: 0;
898
+ }
899
+ .cn-advanced-form-dialog__boolean-input-row[data-v-2a893bb0] {
900
+ display: flex;
901
+ align-items: center;
902
+ gap: 6px;
903
+ }
904
+
905
+ /* patch extreme size in field */
906
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-2a893bb0] {
907
+ padding-left: 0;
908
+ padding-block: 0;
909
+ }
910
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-2a893bb0] {
911
+ margin: 0;
912
+ }
913
+ .cn-advanced-form-dialog__info-icon[data-v-2a893bb0] {
914
+ flex-shrink: 0;
915
+ color: var(--color-text-maxcontrast);
916
+ cursor: help;
917
+ }
918
+ .cn-advanced-form-dialog__json-value[data-v-2a893bb0] {
919
+ max-height: 200px;
920
+ overflow-y: auto;
921
+ white-space: pre-wrap;
922
+ font-family: monospace;
923
+ font-size: 12px;
924
+ background: var(--color-background-dark);
925
+ padding: 8px;
926
+ border-radius: 4px;
927
+ margin: 0;
928
+ }
929
+
930
+
931
+ .cn-advanced-form-dialog__table-container[data-v-18ad2ed6] {
932
+ background: var(--color-main-background);
933
+ border-radius: var(--border-radius);
934
+ overflow: hidden;
935
+ box-shadow: 0 2px 4px var(--color-box-shadow);
936
+ border: 1px solid var(--color-border);
937
+ margin-bottom: calc(5 * var(--default-grid-baseline));
938
+ }
939
+ .cn-advanced-form-dialog__table[data-v-18ad2ed6] {
940
+ width: 100%;
941
+ border-collapse: collapse;
942
+ background-color: var(--color-main-background);
943
+ }
944
+ .cn-advanced-form-dialog__table th[data-v-18ad2ed6],
945
+ .cn-advanced-form-dialog__table td[data-v-18ad2ed6] {
946
+ padding: calc(3 * var(--default-grid-baseline));
947
+ text-align: left;
948
+ border-bottom: 1px solid var(--color-border);
949
+ vertical-align: middle;
950
+ }
951
+ .cn-advanced-form-dialog__table th[data-v-18ad2ed6] {
952
+ background: var(--color-background-dark);
953
+ font-weight: 500;
954
+ color: var(--color-text-maxcontrast);
955
+ }
956
+ .cn-advanced-form-dialog__table-row[data-v-18ad2ed6] {
957
+ cursor: pointer;
958
+ transition: background-color 0.2s ease;
959
+ background-color: var(--color-main-background);
960
+ }
961
+ .cn-advanced-form-dialog__table-row[data-v-18ad2ed6]:hover {
962
+ background-color: var(--color-background-hover);
963
+ }
964
+
965
+ /* Active/selected row: light blue; ensure it wins over validation state classes */
966
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-18ad2ed6],
967
+ .cn-advanced-form-dialog__table-row--selected[data-v-18ad2ed6]:hover {
968
+ background-color: var(--color-primary-light);
969
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
970
+ }
971
+ .cn-advanced-form-dialog__table-row--edited[data-v-18ad2ed6] {
972
+ background-color: var(--color-success-light);
973
+ box-shadow: inset 3px 0 0 0 var(--color-success);
974
+ }
975
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-18ad2ed6] {
976
+ background-color: var(--color-background-dark);
977
+ cursor: not-allowed;
978
+ opacity: 0.7;
979
+ }
980
+ .cn-advanced-form-dialog__table-row--non-editable *[data-v-18ad2ed6] {
981
+ cursor: not-allowed !important;
982
+ }
983
+ .cn-advanced-form-dialog__table-row--valid[data-v-18ad2ed6] {
984
+ box-shadow: inset 3px 0 0 0 var(--color-success);
985
+ }
986
+ .cn-advanced-form-dialog__table-row--invalid[data-v-18ad2ed6] {
987
+ background-color: var(--color-error-light);
988
+ box-shadow: inset 3px 0 0 0 var(--color-error);
989
+ }
990
+ .cn-advanced-form-dialog__table-row--warning[data-v-18ad2ed6] {
991
+ background-color: var(--color-warning-light);
992
+ box-shadow: inset 3px 0 0 0 var(--color-warning);
993
+ }
994
+ .cn-advanced-form-dialog__table-row--new[data-v-18ad2ed6] {
995
+ box-shadow: inset 3px 0 0 0 var(--color-primary-element);
996
+ }
997
+ .cn-advanced-form-dialog__table-col-constrained[data-v-18ad2ed6] {
998
+ width: 150px;
999
+ max-width: 150px;
1000
+ overflow: hidden;
1001
+ text-overflow: ellipsis;
1002
+ white-space: nowrap;
1003
+ }
1004
+ .cn-advanced-form-dialog__table-col-expanded[data-v-18ad2ed6] {
1005
+ width: auto;
1006
+ min-width: 200px;
1007
+ }
1008
+ .cn-advanced-form-dialog__prop-cell[data-v-18ad2ed6] {
1009
+ width: 30%;
1010
+ font-weight: 600;
1011
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
1012
+ }
1013
+ .cn-advanced-form-dialog__value-cell[data-v-18ad2ed6] {
1014
+ width: 70%;
1015
+ word-break: break-word;
1016
+ border-radius: 4px;
1017
+ }
1018
+ .cn-advanced-form-dialog__prop-cell-content[data-v-18ad2ed6] {
1019
+ display: flex;
1020
+ align-items: center;
1021
+ gap: 8px;
1022
+ }
1023
+ .cn-advanced-form-dialog__validation-icon[data-v-18ad2ed6] {
1024
+ flex-shrink: 0;
1025
+ }
1026
+ .cn-advanced-form-dialog__validation-icon--error[data-v-18ad2ed6] {
1027
+ color: var(--color-error);
1028
+ }
1029
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-18ad2ed6] {
1030
+ color: var(--color-warning);
1031
+ }
1032
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-18ad2ed6] {
1033
+ color: var(--color-text-lighter);
1034
+ }
1035
+ .cn-advanced-form-dialog__validation-icon--new[data-v-18ad2ed6] {
1036
+ color: var(--color-primary-element);
1037
+ }
1038
+
1039
+
1040
+ .cn-advanced-form-dialog__table-container[data-v-a6d7e9e6] {
1041
+ background: var(--color-main-background);
1042
+ border-radius: var(--border-radius);
1043
+ overflow: hidden;
1044
+ box-shadow: 0 2px 4px var(--color-box-shadow);
1045
+ border: 1px solid var(--color-border);
1046
+ margin-bottom: calc(5 * var(--default-grid-baseline));
1047
+ }
1048
+ .cn-advanced-form-dialog__table[data-v-a6d7e9e6] {
1049
+ width: 100%;
1050
+ border-collapse: collapse;
1051
+ background-color: var(--color-main-background);
1052
+ }
1053
+ .cn-advanced-form-dialog__table th[data-v-a6d7e9e6],
1054
+ .cn-advanced-form-dialog__table td[data-v-a6d7e9e6] {
1055
+ padding: calc(3 * var(--default-grid-baseline));
1056
+ text-align: left;
1057
+ border-bottom: 1px solid var(--color-border);
1058
+ vertical-align: middle;
1059
+ }
1060
+ .cn-advanced-form-dialog__table th[data-v-a6d7e9e6] {
1061
+ background: var(--color-background-dark);
1062
+ font-weight: 500;
1063
+ color: var(--color-text-maxcontrast);
1064
+ }
1065
+ .cn-advanced-form-dialog__table-row[data-v-a6d7e9e6] {
1066
+ cursor: default;
1067
+ background-color: var(--color-main-background);
1068
+ }
1069
+ .cn-advanced-form-dialog__table-col-constrained[data-v-a6d7e9e6] {
1070
+ width: 150px;
1071
+ max-width: 150px;
1072
+ overflow: hidden;
1073
+ text-overflow: ellipsis;
1074
+ white-space: nowrap;
1075
+ }
1076
+ .cn-advanced-form-dialog__table-col-expanded[data-v-a6d7e9e6] {
1077
+ width: auto;
1078
+ min-width: 200px;
1079
+ }
1080
+
1081
+
1082
+ .cn-advanced-form-dialog__json-editor[data-v-3188cdfc] {
1083
+ display: flex;
1084
+ flex-direction: column;
1085
+ gap: 8px;
1086
+ }
1087
+ .cn-advanced-form-dialog__codemirror-container[data-v-3188cdfc] {
1088
+ margin-top: 6px;
1089
+ border: 1px solid var(--color-border);
1090
+ border-radius: var(--border-radius);
1091
+ position: relative;
1092
+ }
1093
+ .cn-advanced-form-dialog__codemirror-container[data-v-3188cdfc] :deep(.cm-editor) {
1094
+ height: 100%;
1095
+ }
1096
+ .cn-advanced-form-dialog__codemirror-container[data-v-3188cdfc] :deep(.cm-scroller) {
1097
+ overflow: auto;
1098
+ }
1099
+ .cn-advanced-form-dialog__codemirror-container[data-v-3188cdfc] :deep(.cm-content) {
1100
+ border-radius: 0 !important;
1101
+ border: none !important;
1102
+ }
1103
+ .cn-advanced-form-dialog__codemirror-container[data-v-3188cdfc] :deep(.cm-editor) {
1104
+ outline: none !important;
1105
+ }
1106
+ .cn-advanced-form-dialog__codemirror-container--light > .vue-codemirror[data-v-3188cdfc] {
1107
+ border: 1px dotted silver;
1108
+ }
1109
+ .cn-advanced-form-dialog__codemirror-container--dark > .vue-codemirror[data-v-3188cdfc] {
1110
+ border: 1px dotted grey;
1111
+ }
1112
+
1113
+ /* value text color */
1114
+ /* string */
1115
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.ͼe) {
1116
+ color: #448c27;
1117
+ }
1118
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.ͼe) {
1119
+ color: #88c379;
1120
+ }
1121
+
1122
+ /* boolean */
1123
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.ͼc) {
1124
+ color: #221199;
1125
+ }
1126
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.ͼc) {
1127
+ color: #8d64f7;
1128
+ }
1129
+
1130
+ /* null */
1131
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.ͼb) {
1132
+ color: #770088;
1133
+ }
1134
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.ͼb) {
1135
+ color: #be55cd;
1136
+ }
1137
+
1138
+ /* number */
1139
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.ͼd) {
1140
+ color: #d19a66;
1141
+ }
1142
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.ͼd) {
1143
+ color: #9d6c3a;
1144
+ }
1145
+
1146
+ /* text cursor */
1147
+ .cn-advanced-form-dialog__codemirror-container :deep(.cm-content) *[data-v-3188cdfc] {
1148
+ cursor: text !important;
1149
+ }
1150
+
1151
+ /* selection color */
1152
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line)::selection,
1153
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line) ::selection {
1154
+ background-color: #d7eaff !important;
1155
+ color: black;
1156
+ }
1157
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line)::selection,
1158
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line) ::selection {
1159
+ background-color: #8fb3e6 !important;
1160
+ color: black;
1161
+ }
1162
+
1163
+ /* string selection */
1164
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line .ͼe)::selection {
1165
+ color: #2d770f;
1166
+ }
1167
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line .ͼe)::selection {
1168
+ color: #104e0c;
1169
+ }
1170
+
1171
+ /* boolean selection */
1172
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line .ͼc)::selection {
1173
+ color: #221199;
1174
+ }
1175
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line .ͼc)::selection {
1176
+ color: #4026af;
1177
+ }
1178
+
1179
+ /* null selection */
1180
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line .ͼb)::selection {
1181
+ color: #770088;
1182
+ }
1183
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line .ͼb)::selection {
1184
+ color: #770088;
1185
+ }
1186
+
1187
+ /* number selection */
1188
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-3188cdfc] :deep(.cm-line .ͼd)::selection {
1189
+ color: #8c5c2c;
1190
+ }
1191
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-3188cdfc] :deep(.cm-line .ͼd)::selection {
1192
+ color: #623907;
1193
+ }
1194
+ .cn-advanced-form-dialog__format-btn[data-v-3188cdfc] {
1195
+ margin-top: 8px;
1196
+ }
1197
+ .cn-advanced-form-dialog__json-error[data-v-3188cdfc] {
1198
+ color: var(--color-error);
1199
+ font-size: 14px;
1200
+ }
1201
+
1202
+
1203
+ .cn-advanced-form-dialog__form[data-v-b688b4de] {
1204
+ display: flex;
1205
+ flex-direction: column;
1206
+ gap: 8px;
1207
+ }
1208
+ .cn-advanced-form-dialog__tabs[data-v-b688b4de] {
1209
+ display: flex;
1210
+ flex-direction: column;
1211
+ gap: 12px;
1212
+ }
1213
+
1214
+ /* Bootstrap-Vue tab styling to match ViewObject */
1215
+ .tabContainer[data-v-b688b4de] {
1216
+ margin-top: 20px;
1217
+ }
1218
+ .tabContainer > * ul > li[data-v-b688b4de] {
1219
+ display: flex;
1220
+ flex: 1;
1221
+ }
1222
+ .tabContainer > * ul > li[data-v-b688b4de]:hover {
1223
+ background-color: var(--color-background-hover);
1224
+ }
1225
+ .tabContainer > * ul > li > a[data-v-b688b4de] {
1226
+ flex: 1;
1227
+ text-align: center;
1228
+ }
1229
+ .tabContainer > * ul > li > .active[data-v-b688b4de] {
1230
+ background: transparent !important;
1231
+ color: var(--color-main-text) !important;
1232
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
1233
+ }
1234
+ .tabContainer > * ul[role="tablist"][data-v-b688b4de] {
1235
+ display: flex;
1236
+ margin: 10px 8px 0 8px;
1237
+ justify-content: space-between;
1238
+ border-bottom: 1px solid var(--color-border);
1239
+ }
1240
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-b688b4de] {
1241
+ padding-inline-start: 10px;
1242
+ padding-inline-end: 10px;
1243
+ padding-block-start: 10px;
1244
+ padding-block-end: 10px;
1245
+ }
1246
+ .tabContainer > * div[role="tabpanel"][data-v-b688b4de] {
1247
+ margin-block-start: var(--OR-margin-10);
1248
+ }
1249
+ [data-v-b688b4de]:deep(.nav-tabs) {
1250
+ border-bottom: 1px solid var(--color-border);
1251
+ margin-bottom: 15px;
1252
+ display: flex;
1253
+ }
1254
+ [data-v-b688b4de]:deep(.nav-tabs .nav-item) {
1255
+ display: flex;
1256
+ flex: 1;
1257
+ }
1258
+ [data-v-b688b4de]:deep(.nav-tabs .nav-link) {
1259
+ flex: 1;
1260
+ text-align: center;
1261
+ border: none;
1262
+ border-bottom: 2px solid transparent;
1263
+ color: var(--color-text-maxcontrast);
1264
+ padding: 8px 16px;
1265
+ }
1266
+ [data-v-b688b4de]:deep(.nav-tabs .nav-link.active) {
1267
+ color: var(--color-main-text);
1268
+ border-bottom: 2px solid var(--color-primary);
1269
+ background-color: transparent;
1270
+ }
1271
+ [data-v-b688b4de]:deep(.nav-tabs .nav-link:hover) {
1272
+ border-bottom: 2px solid var(--color-border);
1273
+ }
1274
+ [data-v-b688b4de]:deep(.tab-content) {
1275
+ padding: 16px;
1276
+ background-color: var(--color-main-background);
1277
+ }
1278
+
1279
+
1280
+ .cn-kpi-grid[data-v-dd877af2] {
1281
+ display: grid;
1282
+ gap: 16px;
1283
+ margin-bottom: 24px;
1284
+ }
1285
+ .cn-kpi-grid--cols-2[data-v-dd877af2] {
1286
+ grid-template-columns: repeat(2, 1fr);
1287
+ }
1288
+ .cn-kpi-grid--cols-3[data-v-dd877af2] {
1289
+ grid-template-columns: repeat(3, 1fr);
1290
+ }
1291
+ .cn-kpi-grid--cols-4[data-v-dd877af2] {
1292
+ grid-template-columns: repeat(4, 1fr);
1293
+ }
1294
+
1295
+ /* Responsive breakpoints */
1296
+ @media (max-width: 1200px) {
1297
+ .cn-kpi-grid--cols-4[data-v-dd877af2] {
1298
+ grid-template-columns: repeat(2, 1fr);
1299
+ }
1300
+ }
1301
+ @media (max-width: 900px) {
1302
+ .cn-kpi-grid--cols-3[data-v-dd877af2] {
1303
+ grid-template-columns: repeat(2, 1fr);
1304
+ }
1305
+ }
1306
+ @media (max-width: 600px) {
1307
+ .cn-kpi-grid--cols-2[data-v-dd877af2],
1308
+ .cn-kpi-grid--cols-3[data-v-dd877af2],
1309
+ .cn-kpi-grid--cols-4[data-v-dd877af2] {
1310
+ grid-template-columns: 1fr;
1311
+ }
1312
+ }
1313
+
1314
+
1315
+ .cn-register-mapping__group[data-v-128ce698] {
1316
+ margin-bottom: 24px;
1317
+ border: 1px solid var(--color-border);
1318
+ border-radius: var(--border-radius-large);
1319
+ padding: 20px;
1320
+ background: var(--color-background-hover);
1321
+ }
1322
+ .cn-register-mapping__group[data-v-128ce698]:last-child {
1323
+ margin-bottom: 0;
1324
+ }
1325
+ .cn-register-mapping__group-header[data-v-128ce698] {
1326
+ display: flex;
1327
+ align-items: center;
1328
+ justify-content: space-between;
1329
+ margin-bottom: 12px;
1330
+ }
1331
+ .cn-register-mapping__group-title[data-v-128ce698] {
1332
+ font-size: 16px;
1333
+ font-weight: 600;
1334
+ margin: 0;
1335
+ color: var(--color-main-text);
1336
+ }
1337
+ .cn-register-mapping__group-status[data-v-128ce698] {
1338
+ font-size: 13px;
1339
+ color: var(--color-text-maxcontrast);
1340
+ }
1341
+ .cn-register-mapping__group-description[data-v-128ce698] {
1342
+ color: var(--color-text-maxcontrast);
1343
+ font-size: 13px;
1344
+ margin: 0 0 12px 0;
1345
+ }
1346
+ .cn-register-mapping__label[data-v-128ce698] {
1347
+ display: block;
1348
+ font-weight: 500;
1349
+ font-size: 13px;
1350
+ color: var(--color-text-maxcontrast);
1351
+ margin-bottom: 4px;
1352
+ }
1353
+ .cn-register-mapping__register-select[data-v-128ce698] {
1354
+ margin-bottom: 16px;
1355
+ max-width: 400px;
1356
+ }
1357
+ .cn-register-mapping__type-list[data-v-128ce698] {
1358
+ border: 1px solid var(--color-border);
1359
+ border-radius: var(--border-radius);
1360
+ overflow: hidden;
1361
+ background: var(--color-main-background);
1362
+ }
1363
+ .cn-register-mapping__type-list-header[data-v-128ce698] {
1364
+ display: grid;
1365
+ grid-template-columns: 1fr 1fr 40px 32px;
1366
+ align-items: center;
1367
+ padding: 8px 16px;
1368
+ font-size: 12px;
1369
+ font-weight: 600;
1370
+ color: var(--color-text-maxcontrast);
1371
+ text-transform: uppercase;
1372
+ letter-spacing: 0.5px;
1373
+ border-bottom: 1px solid var(--color-border);
1374
+ background: var(--color-background-hover);
1375
+ }
1376
+ .cn-register-mapping__type-row[data-v-128ce698] {
1377
+ display: grid;
1378
+ grid-template-columns: 1fr 1fr 40px 32px;
1379
+ align-items: center;
1380
+ padding: 10px 16px;
1381
+ border-bottom: 1px solid var(--color-border);
1382
+ cursor: pointer;
1383
+ transition: background-color 0.15s ease;
1384
+ }
1385
+ .cn-register-mapping__type-row[data-v-128ce698]:hover {
1386
+ background: var(--color-background-hover);
1387
+ }
1388
+ .cn-register-mapping__type-row--expanded[data-v-128ce698] {
1389
+ background: var(--color-background-hover);
1390
+ }
1391
+ .cn-register-mapping__type-name[data-v-128ce698] {
1392
+ font-weight: 500;
1393
+ color: var(--color-main-text);
1394
+ }
1395
+ .cn-register-mapping__type-schema[data-v-128ce698] {
1396
+ color: var(--color-text-maxcontrast);
1397
+ font-size: 13px;
1398
+ }
1399
+ .cn-register-mapping__type-status[data-v-128ce698] {
1400
+ display: flex;
1401
+ justify-content: center;
1402
+ }
1403
+ .cn-register-mapping__type-chevron[data-v-128ce698] {
1404
+ display: flex;
1405
+ justify-content: center;
1406
+ color: var(--color-text-maxcontrast);
1407
+ }
1408
+ .cn-register-mapping__status-dot[data-v-128ce698] {
1409
+ display: inline-block;
1410
+ width: 10px;
1411
+ height: 10px;
1412
+ border-radius: 50%;
1413
+ }
1414
+ .cn-register-mapping__status-dot--configured[data-v-128ce698] {
1415
+ background-color: var(--color-success);
1416
+ }
1417
+ .cn-register-mapping__status-dot--unconfigured[data-v-128ce698] {
1418
+ background-color: var(--color-warning);
1419
+ }
1420
+ .cn-register-mapping__type-detail[data-v-128ce698] {
1421
+ padding: 12px 16px 16px;
1422
+ border-bottom: 1px solid var(--color-border);
1423
+ background: var(--color-main-background);
1424
+ }
1425
+ .cn-register-mapping__type-description[data-v-128ce698] {
1426
+ color: var(--color-text-maxcontrast);
1427
+ font-size: 13px;
1428
+ margin: 0 0 8px 0;
1429
+ }
1430
+
1431
+ /* Slide transition */
1432
+ .slide-enter-active[data-v-128ce698],
1433
+ .slide-leave-active[data-v-128ce698] {
1434
+ transition: all 0.2s ease;
1435
+ max-height: 200px;
1436
+ overflow: hidden;
1437
+ }
1438
+ .slide-enter[data-v-128ce698],
1439
+ .slide-leave-to[data-v-128ce698] {
1440
+ max-height: 0;
1441
+ padding-top: 0;
1442
+ padding-bottom: 0;
1443
+ opacity: 0;
1444
+ }
1445
+
1446
+ /* Last row in list should not have bottom border */
1447
+ .cn-register-mapping__type-list[data-v-128ce698] > :last-child {
1448
+ border-bottom: none;
1449
+ }
1450
+ @media (max-width: 768px) {
1451
+ .cn-register-mapping__type-list-header[data-v-128ce698] {
1452
+ display: none;
1453
+ }
1454
+ .cn-register-mapping__type-row[data-v-128ce698] {
1455
+ grid-template-columns: 1fr auto 32px;
1456
+ }
1457
+ .cn-register-mapping__type-schema[data-v-128ce698] {
1458
+ display: none;
1459
+ }
1460
+ .cn-register-mapping__register-select[data-v-128ce698] {
1461
+ max-width: none;
1462
+ }
1463
+ }
1464
+
1465
+ .grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:translate(0,10px) rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:translate(0,10px) rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}
1466
+
1467
+ .cn-dashboard-grid[data-v-7f8df114] {
1468
+ width: 100%;
1469
+ min-height: 200px;
1470
+ }
1471
+ .grid-stack[data-v-7f8df114] {
1472
+ background: transparent;
1473
+ }
1474
+ [data-v-7f8df114]:deep(.grid-stack-item-content) {
1475
+ background: var(--color-main-background);
1476
+ border-radius: 0;
1477
+ border: none;
1478
+ box-shadow: none;
1479
+ overflow: hidden;
1480
+ }
1481
+ [data-v-7f8df114]:deep(.grid-stack-item-content:has(.cn-widget-wrapper--borderless)) {
1482
+ background: transparent;
1483
+ }
1484
+ [data-v-7f8df114]:deep(.grid-stack-placeholder > .placeholder-content) {
1485
+ background: var(--color-primary-element-light);
1486
+ border: 2px dashed var(--color-primary-element);
1487
+ border-radius: var(--border-radius-large);
1488
+ }
1489
+
1490
+
1491
+ .cn-widget-wrapper[data-v-b2e792fa] {
1492
+ height: 100%;
1493
+ display: flex;
1494
+ flex-direction: column;
1495
+ background: var(--color-main-background);
1496
+ border: 1px solid var(--color-border);
1497
+ overflow: hidden;
1498
+ }
1499
+ .cn-widget-wrapper--borderless[data-v-b2e792fa] {
1500
+ border: none;
1501
+ background: transparent;
1502
+ }
1503
+ .cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-b2e792fa] {
1504
+ padding: 0;
1505
+ }
1506
+ .cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-b2e792fa] {
1507
+ padding: 0;
1508
+ }
1509
+ .cn-widget-wrapper__header[data-v-b2e792fa] {
1510
+ display: flex;
1511
+ align-items: center;
1512
+ justify-content: space-between;
1513
+ padding: 12px 16px;
1514
+ border-bottom: 1px solid var(--color-border);
1515
+ flex-shrink: 0;
1516
+ }
1517
+ .cn-widget-wrapper__header-left[data-v-b2e792fa] {
1518
+ display: flex;
1519
+ align-items: center;
1520
+ gap: 8px;
1521
+ min-width: 0;
1522
+ }
1523
+ .cn-widget-wrapper__icon[data-v-b2e792fa] {
1524
+ width: 24px;
1525
+ height: 24px;
1526
+ flex-shrink: 0;
1527
+ }
1528
+ .cn-widget-wrapper__title[data-v-b2e792fa] {
1529
+ font-weight: 600;
1530
+ font-size: 14px;
1531
+ margin: 0;
1532
+ white-space: nowrap;
1533
+ overflow: hidden;
1534
+ text-overflow: ellipsis;
1535
+ }
1536
+ .cn-widget-wrapper__content[data-v-b2e792fa] {
1537
+ flex: 1;
1538
+ overflow: auto;
1539
+ min-height: 0;
1540
+ padding: 16px;
1541
+ }
1542
+ .cn-widget-wrapper__actions[data-v-b2e792fa] {
1543
+ display: flex;
1544
+ gap: 4px;
1545
+ flex-shrink: 0;
1546
+ }
1547
+ .cn-widget-wrapper__footer[data-v-b2e792fa] {
1548
+ display: flex;
1549
+ justify-content: flex-end;
1550
+ gap: 8px;
1551
+ padding: 8px 16px;
1552
+ border-top: 1px solid var(--color-border);
1553
+ flex-shrink: 0;
1554
+ }
1555
+ .cn-widget-wrapper__footer-link[data-v-b2e792fa] {
1556
+ font-size: 13px;
1557
+ color: var(--color-primary-element);
1558
+ text-decoration: none;
1559
+ }
1560
+ .cn-widget-wrapper__footer-link[data-v-b2e792fa]:hover {
1561
+ text-decoration: underline;
1562
+ }
1563
+
1564
+
1565
+ .cn-widget-renderer[data-v-0e53d3fa] {
1566
+ height: 100%;
1567
+ padding: 8px;
1568
+ }
1569
+ .cn-widget-renderer__loading[data-v-0e53d3fa] {
1570
+ display: flex;
1571
+ align-items: center;
1572
+ justify-content: center;
1573
+ height: 100%;
1574
+ }
1575
+
1576
+
1577
+ .cn-tile-widget[data-v-6e2ade7e] {
1578
+ height: 100%;
1579
+ width: 100%;
1580
+ position: absolute;
1581
+ top: 0;
1582
+ left: 0;
1583
+ overflow: hidden;
1584
+ background-color: var(--cn-tile-bg);
1585
+ }
1586
+ .cn-tile-widget__link[data-v-6e2ade7e] {
1587
+ display: flex;
1588
+ flex-direction: column;
1589
+ align-items: center;
1590
+ justify-content: center;
1591
+ height: 100%;
1592
+ width: 100%;
1593
+ text-decoration: none;
1594
+ padding: 20px;
1595
+ gap: 12px;
1596
+ transition: transform 0.2s ease, opacity 0.2s ease;
1597
+ background-color: var(--cn-tile-bg);
1598
+ color: var(--cn-tile-text);
1599
+ }
1600
+ .cn-tile-widget__link[data-v-6e2ade7e]:hover {
1601
+ transform: scale(1.02);
1602
+ opacity: 0.95;
1603
+ }
1604
+ .cn-tile-widget__icon[data-v-6e2ade7e] {
1605
+ font-size: 48px;
1606
+ width: 48px;
1607
+ height: 48px;
1608
+ display: flex;
1609
+ align-items: center;
1610
+ justify-content: center;
1611
+ flex-shrink: 0;
1612
+ }
1613
+ .cn-tile-widget__icon--svg[data-v-6e2ade7e] {
1614
+ width: 48px;
1615
+ height: 48px;
1616
+ }
1617
+ .cn-tile-widget__icon span.icon[data-v-6e2ade7e] {
1618
+ display: inline-block;
1619
+ width: 48px;
1620
+ height: 48px;
1621
+ background-size: 48px;
1622
+ filter: brightness(0) invert(1);
1623
+ }
1624
+ .cn-tile-widget__icon img[data-v-6e2ade7e] {
1625
+ width: 100%;
1626
+ height: 100%;
1627
+ object-fit: contain;
1628
+ }
1629
+ .cn-tile-widget__emoji[data-v-6e2ade7e] {
1630
+ font-size: 48px;
1631
+ }
1632
+ .cn-tile-widget__title[data-v-6e2ade7e] {
1633
+ font-size: 16px;
1634
+ font-weight: 700;
1635
+ text-align: center;
1636
+ word-break: break-word;
1637
+ line-height: 1.3;
1638
+ color: var(--cn-tile-text);
1639
+ }
1640
+
1641
+
1642
+ .cn-dashboard-page[data-v-5b55b356] {
1643
+ padding: 20px;
1644
+ max-width: 1400px;
1645
+ }
1646
+ .cn-dashboard-page__header[data-v-5b55b356] {
1647
+ display: flex;
1648
+ justify-content: space-between;
1649
+ align-items: flex-start;
1650
+ margin-bottom: 20px;
1651
+ flex-wrap: wrap;
1652
+ gap: 12px;
1653
+ }
1654
+ .cn-dashboard-page__header-left[data-v-5b55b356] {
1655
+ min-width: 0;
1656
+ }
1657
+ .cn-dashboard-page__title[data-v-5b55b356] {
1658
+ margin: 0;
1659
+ font-size: 20px;
1660
+ font-weight: 700;
1661
+ }
1662
+ .cn-dashboard-page__description[data-v-5b55b356] {
1663
+ margin: 4px 0 0;
1664
+ font-size: 14px;
1665
+ color: var(--color-text-maxcontrast);
1666
+ }
1667
+ .cn-dashboard-page__header-actions[data-v-5b55b356] {
1668
+ display: flex;
1669
+ gap: 8px;
1670
+ flex-wrap: wrap;
1671
+ flex-shrink: 0;
1672
+ }
1673
+ .cn-dashboard-page__empty[data-v-5b55b356] {
1674
+ padding: 60px 20px;
1675
+ }
1676
+ .cn-dashboard-page__unknown[data-v-5b55b356] {
1677
+ display: flex;
1678
+ align-items: center;
1679
+ justify-content: center;
1680
+ height: 100%;
1681
+ color: var(--color-text-maxcontrast);
1682
+ font-size: 14px;
1683
+ padding: 16px;
1684
+ }
1685
+
1686
+
1687
+ .cn-item-card[data-v-99b2ef3c] {
1688
+ background: var(--color-main-background);
1689
+ border: 1px solid var(--color-border);
1690
+ border-radius: var(--border-radius-large, 10px);
1691
+ padding: 12px;
1692
+ margin-bottom: 12px;
1693
+ }
1694
+ .cn-item-card[data-v-99b2ef3c]:last-child {
1695
+ margin-bottom: 0;
1696
+ }
1697
+ .cn-item-card__header[data-v-99b2ef3c] {
1698
+ display: flex;
1699
+ align-items: center;
1700
+ justify-content: space-between;
1701
+ }
1702
+ .cn-item-card__title-row[data-v-99b2ef3c] {
1703
+ display: flex;
1704
+ align-items: center;
1705
+ gap: 8px;
1706
+ min-width: 0;
1707
+ flex: 1;
1708
+ }
1709
+ .cn-item-card__title-content[data-v-99b2ef3c] {
1710
+ display: flex;
1711
+ flex-direction: column;
1712
+ min-width: 0;
1713
+ }
1714
+ .cn-item-card__title[data-v-99b2ef3c] {
1715
+ margin: 0;
1716
+ font-size: 1em;
1717
+ font-weight: 600;
1718
+ color: var(--color-main-text);
1719
+ overflow: hidden;
1720
+ text-overflow: ellipsis;
1721
+ white-space: nowrap;
1722
+ }
1723
+ .cn-item-card__subtitle[data-v-99b2ef3c] {
1724
+ font-size: 0.85em;
1725
+ color: var(--color-text-maxcontrast);
1726
+ }
1727
+ .cn-item-card__actions[data-v-99b2ef3c] {
1728
+ flex-shrink: 0;
1729
+ }
1730
+ .cn-item-card__content[data-v-99b2ef3c] {
1731
+ margin-top: 8px;
1732
+ }
1733
+
1734
+
1735
+
1736
+
1737
+
1738
+
1739
+
1740
+
1741
+
1742
+
1743
+
1744
+
1745
+
1746
+
1747
+
1748
+
1749
+
1750
+
1751
+
1752
+
1753
+
1754
+
1755
+
1756
+
1757
+
1758
+
1759
+
1760
+
1761
+
1762
+
1763
+
1764
+
1765
+
1766
+
1767
+
1768
+
1769
+
1770
+
1771
+
1772
+
1773
+
1774
+
1775
+
1776
+
1777
+
1778
+
1779
+
1780
+
1781
+
1782
+
1783
+
1784
+
1785
+
1786
+
1787
+
1788
+
1789
+
1790
+
1791
+
1792
+
1793
+
1794
+
1795
+
1796
+
1797
+
1798
+
1799
+
1800
+
1801
+
1802
+
1803
+
1804
+
1805
+
1806
+
1807
+
1808
+
1809
+
1810
+
1811
+
1812
+
1813
+
1814
+
1815
+
1816
+
1817
+
1818
+
1819
+
1820
+
1821
+
1822
+
1823
+
1824
+
1825
+
1826
+
1827
+
1828
+
1829
+
1830
+
1831
+
1832
+
1833
+
1834
+
1835
+
1836
+
1837
+
1838
+
1839
+
1840
+
1841
+
1842
+
1843
+
1844
+
1845
+
1846
+
1847
+
1848
+
1849
+
1850
+
1851
+
1852
+
1853
+
1854
+
1855
+
1856
+
1857
+
1858
+
1859
+
1860
+
1861
+
1862
+
1863
+
1864
+
1865
+
1866
+
1867
+
1868
+
1869
+
1870
+
1871
+
1872
+
1873
+
1874
+
1875
+
1876
+
1877
+
1878
+
1879
+
1880
+
1881
+
1882
+
1883
+
1884
+
1885
+
1886
+
1887
+
1888
+
1889
+
1890
+
1891
+
1892
+
1893
+
1894
+
1895
+
1896
+
1897
+
1898
+
1899
+
1900
+
1901
+
1902
+
1903
+
1904
+
1905
+
1906
+
1907
+
1908
+
1909
+
1910
+
1911
+
1912
+
1913
+
1914
+
1915
+
1916
+
1917
+
1918
+
1919
+
1920
+
1921
+
1922
+
1923
+
1924
+
1925
+
1926
+
1927
+
1928
+
1929
+
1930
+
1931
+
1932
+
1933
+
1934
+
1935
+
1936
+
1937
+
1938
+
1939
+
1940
+
1941
+
1942
+
1943
+
1944
+
1945
+
1946
+
1947
+
1948
+
1949
+
1950
+
1951
+
1952
+
1953
+
1954
+
1955
+
1956
+
1957
+
1958
+
1959
+
1960
+
1961
+
1962
+
1963
+
1964
+
1965
+
1966
+
1967
+
1968
+
1969
+
1970
+
1971
+
1972
+
1973
+
1974
+
1975
+
1976
+
1977
+
1978
+
1979
+
1980
+
1981
+
1982
+
1983
+
1984
+
1985
+
1986
+
1987
+
1988
+
1989
+
1990
+
1991
+
1992
+
1993
+
1994
+
1995
+
1996
+
1997
+
1998
+
1999
+
2000
+
2001
+
2002
+
2003
+
2004
+
2005
+
2006
+
2007
+
2008
+
2009
+
2010
+
2011
+
2012
+
2013
+
2014
+
2015
+
2016
+
2017
+
2018
+
2019
+
2020
+
2021
+
2022
+
2023
+
2024
+
2025
+
2026
+
2027
+
2028
+
2029
+
2030
+
2031
+
2032
+
2033
+
2034
+
2035
+
2036
+
2037
+
2038
+
2039
+
2040
+
2041
+
2042
+
2043
+
2044
+
2045
+
2046
+
2047
+
2048
+
2049
+
2050
+
2051
+
2052
+
2053
+
2054
+
2055
+
2056
+
2057
+
2058
+
2059
+
2060
+
2061
+
2062
+
2063
+
2064
+
2065
+
2066
+
2067
+
2068
+
2069
+
2070
+
2071
+
2072
+
2073
+
2074
+
2075
+
2076
+
2077
+
2078
+
2079
+
2080
+
2081
+
2082
+
2083
+
2084
+
2085
+
2086
+
2087
+
2088
+
2089
+
2090
+
2091
+
2092
+
2093
+
2094
+
2095
+
2096
+
2097
+
2098
+
2099
+
2100
+
2101
+
2102
+
2103
+
2104
+
2105
+
2106
+
2107
+
2108
+
2109
+
2110
+
2111
+
2112
+
2113
+
2114
+
2115
+
2116
+
2117
+
2118
+
2119
+
2120
+
2121
+
2122
+
2123
+
2124
+
2125
+
2126
+
2127
+
2128
+
2129
+
2130
+
2131
+
2132
+
2133
+
2134
+
2135
+
2136
+
2137
+
2138
+
2139
+
2140
+
2141
+
2142
+
2143
+
2144
+
2145
+
2146
+
2147
+
2148
+
2149
+
2150
+
2151
+
2152
+
2153
+
2154
+
2155
+ /* Result phase container */
2156
+ .cn-tabbed-form-dialog__result[data-v-793ef55c] {
2157
+ padding: 16px 0;
2158
+ }
2159
+
2160
+ /* Form phase container */
2161
+ .cn-tabbed-form-dialog__form[data-v-793ef55c] {
2162
+ display: flex;
2163
+ flex-direction: column;
2164
+ gap: 8px;
2165
+ }
2166
+
2167
+ /* Tabs wrapper */
2168
+ .cn-tabbed-form-dialog__tabs[data-v-793ef55c] {
2169
+ display: flex;
2170
+ flex-direction: column;
2171
+ gap: 12px;
2172
+ }
2173
+
2174
+ /* Tab content area — also uses .form-editor for compatibility */
2175
+ .cn-tabbed-form-dialog__tab-content[data-v-793ef55c] {
2176
+ display: flex;
2177
+ flex-direction: column;
2178
+ gap: 16px;
2179
+ padding: 16px 0;
2180
+ }
2181
+
2182
+ /* Create another checkbox — push to the left in actions area */
2183
+ .cn-tabbed-form-dialog__create-another[data-v-793ef55c] {
2184
+ margin-right: auto;
2185
+ }
2186
+
2187
+ /* Bootstrap-Vue tab container styling */
2188
+ .tabContainer > * ul > li[data-v-793ef55c] {
2189
+ display: flex;
2190
+ flex: 1;
2191
+ }
2192
+ .tabContainer > * ul > li[data-v-793ef55c]:hover {
2193
+ background-color: var(--color-background-hover);
2194
+ }
2195
+ .tabContainer > * ul > li > a[data-v-793ef55c] {
2196
+ flex: 1;
2197
+ text-align: center;
2198
+ }
2199
+ .tabContainer > * ul > li > .active[data-v-793ef55c] {
2200
+ background: transparent !important;
2201
+ color: var(--color-main-text) !important;
2202
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
2203
+ }
2204
+ .tabContainer > * ul[role="tablist"][data-v-793ef55c] {
2205
+ display: flex;
2206
+ margin: 10px 8px 0 8px;
2207
+ justify-content: space-between;
2208
+ border-bottom: 1px solid var(--color-border);
2209
+ }
2210
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-793ef55c] {
2211
+ padding-inline-start: 10px;
2212
+ padding-inline-end: 10px;
2213
+ padding-block-start: 10px;
2214
+ padding-block-end: 10px;
2215
+ }
2216
+ .tabContainer > * div[role="tabpanel"][data-v-793ef55c] {
2217
+ margin-block-start: var(--OR-margin-10);
2218
+ }
2219
+ [data-v-793ef55c]:deep(.nav-tabs) {
2220
+ border-bottom: 1px solid var(--color-border);
2221
+ margin-bottom: 15px;
2222
+ display: flex;
2223
+ }
2224
+ [data-v-793ef55c]:deep(.nav-tabs .nav-item) {
2225
+ display: flex;
2226
+ flex: 1;
2227
+ }
2228
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link) {
2229
+ flex: 1;
2230
+ text-align: center;
2231
+ border: none;
2232
+ border-bottom: 2px solid transparent;
2233
+ color: var(--color-text-maxcontrast);
2234
+ padding: 8px 16px;
2235
+ display: flex;
2236
+ align-items: center;
2237
+ gap: 8px;
2238
+ justify-content: center;
2239
+ }
2240
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link.active) {
2241
+ color: var(--color-main-text);
2242
+ border-bottom: 2px solid var(--color-primary);
2243
+ background-color: transparent;
2244
+ }
2245
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link:hover) {
2246
+ border-bottom: 2px solid var(--color-border);
2247
+ }
2248
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link.disabled) {
2249
+ cursor: not-allowed;
2250
+ opacity: 0.5;
2251
+ color: var(--color-text-maxcontrast);
2252
+ pointer-events: auto;
2253
+ }
2254
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link.disabled *) {
2255
+ cursor: not-allowed;
2256
+ }
2257
+ [data-v-793ef55c]:deep(.nav-tabs .nav-link.disabled:hover) {
2258
+ border-bottom: 2px solid transparent;
2259
+ }
2260
+ [data-v-793ef55c]:deep(.tab-content) {
2261
+ padding: 16px;
2262
+ background-color: var(--color-main-background);
2263
+ }
2264
+
2265
+
2266
+ .notecard[data-v-712bfd60] {
2267
+ --note-card-icon-size: 20px;
2268
+ --note-card-padding: calc(2 * var(--default-grid-baseline));
2269
+ color: var(--color-main-text) !important;
2270
+ background-color: var(--note-background) !important;
2271
+ border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
2272
+ border-radius: var(--border-radius-small);
2273
+ margin: 1rem 0;
2274
+ padding: var(--note-card-padding);
2275
+ display: flex;
2276
+ flex-direction: row;
2277
+ gap: var(--note-card-padding);
2278
+ }
2279
+ .notecard__heading[data-v-712bfd60] {
2280
+ font-size: var(--note-card-icon-size); /* Same as icon */
2281
+ font-weight: 600;
2282
+ }
2283
+ .notecard__icon[data-v-712bfd60] {
2284
+ color: var(--note-theme);
2285
+ }
2286
+ .notecard__icon--heading[data-v-712bfd60] {
2287
+ font-size: var(--note-card-icon-size);
2288
+ /* Ensure icon is on the same height as the heading */
2289
+ margin-block: calc((1lh - 1em) / 2) auto;
2290
+ }
2291
+ .notecard--success[data-v-712bfd60] {
2292
+ --note-background: var(--color-success);
2293
+ --note-theme: var(--color-success-text);
2294
+ }
2295
+ .notecard--info[data-v-712bfd60] {
2296
+ --note-background: var(--color-info);
2297
+ --note-theme: var(--color-info-text);
2298
+ }
2299
+ .notecard--error[data-v-712bfd60] {
2300
+ --note-background: var(--color-error);
2301
+ --note-theme: var(--color-error-text);
2302
+ }
2303
+ .notecard--warning[data-v-712bfd60] {
2304
+ --note-background: var(--color-warning);
2305
+ --note-theme: var(--color-warning-text);
2306
+ }
2307
+
2308
+
2309
+ .cn-user-action-menu[data-v-ff7cf832] {
2310
+ display: inline;
2311
+ }
2312
+ .cn-user-action-menu__trigger--interactive[data-v-ff7cf832] {
2313
+ cursor: pointer;
2314
+ color: var(--color-primary-element);
2315
+ font-weight: 600;
2316
+ }
2317
+ .cn-user-action-menu__trigger--interactive[data-v-ff7cf832]:hover {
2318
+ text-decoration: underline;
2319
+ }
2320
+ .cn-user-action-menu__trigger--interactive[data-v-ff7cf832]:focus-visible {
2321
+ outline: 2px solid var(--color-primary-element);
2322
+ outline-offset: 2px;
2323
+ border-radius: var(--border-radius);
2324
+ }
2325
+ .cn-user-action-menu__popover[data-v-ff7cf832] {
2326
+ min-width: 220px;
2327
+ padding: 8px 0;
2328
+ }
2329
+ .cn-user-action-menu__header[data-v-ff7cf832] {
2330
+ display: flex;
2331
+ align-items: center;
2332
+ gap: 10px;
2333
+ padding: 8px 12px 12px;
2334
+ border-bottom: 1px solid var(--color-border);
2335
+ margin-bottom: 4px;
2336
+ }
2337
+ .cn-user-action-menu__user-info[data-v-ff7cf832] {
2338
+ display: flex;
2339
+ flex-direction: column;
2340
+ min-width: 0;
2341
+ }
2342
+ .cn-user-action-menu__display-name[data-v-ff7cf832] {
2343
+ font-weight: 600;
2344
+ font-size: 14px;
2345
+ white-space: nowrap;
2346
+ overflow: hidden;
2347
+ text-overflow: ellipsis;
2348
+ }
2349
+ .cn-user-action-menu__email[data-v-ff7cf832] {
2350
+ font-size: 12px;
2351
+ color: var(--color-text-maxcontrast);
2352
+ white-space: nowrap;
2353
+ overflow: hidden;
2354
+ text-overflow: ellipsis;
2355
+ }
2356
+ .cn-user-action-menu__actions[data-v-ff7cf832] {
2357
+ padding: 4px 0;
2358
+ }
2359
+ .cn-user-action-menu__no-actions[data-v-ff7cf832] {
2360
+ padding: 12px 16px;
2361
+ text-align: center;
2362
+ color: var(--color-text-maxcontrast);
2363
+ font-size: 13px;
2364
+ }
2365
+
2366
+
2367
+ .cn-detail-card[data-v-d4872baa] {
2368
+ background: var(--color-main-background);
2369
+ border: 1px solid var(--color-border);
2370
+ border-radius: var(--border-radius-large, 12px);
2371
+ overflow: hidden;
2372
+ }
2373
+ .cn-detail-card__header[data-v-d4872baa] {
2374
+ display: flex;
2375
+ align-items: center;
2376
+ justify-content: space-between;
2377
+ padding: 12px 16px;
2378
+ border-bottom: 1px solid var(--color-border);
2379
+ flex-shrink: 0;
2380
+ }
2381
+ .cn-detail-card__header--clickable[data-v-d4872baa] {
2382
+ cursor: pointer;
2383
+ user-select: none;
2384
+ }
2385
+ .cn-detail-card__header--clickable[data-v-d4872baa]:hover {
2386
+ background: var(--color-background-hover);
2387
+ }
2388
+ .cn-detail-card--collapsed .cn-detail-card__header[data-v-d4872baa] {
2389
+ border-bottom: none;
2390
+ }
2391
+ .cn-detail-card__header-left[data-v-d4872baa] {
2392
+ display: flex;
2393
+ align-items: center;
2394
+ gap: 8px;
2395
+ min-width: 0;
2396
+ }
2397
+ .cn-detail-card__header-right[data-v-d4872baa] {
2398
+ display: flex;
2399
+ align-items: center;
2400
+ gap: 4px;
2401
+ flex-shrink: 0;
2402
+ }
2403
+ .cn-detail-card__icon[data-v-d4872baa] {
2404
+ color: var(--color-primary-element);
2405
+ flex-shrink: 0;
2406
+ }
2407
+ .cn-detail-card__title[data-v-d4872baa] {
2408
+ font-weight: 600;
2409
+ font-size: 14px;
2410
+ margin: 0;
2411
+ white-space: nowrap;
2412
+ overflow: hidden;
2413
+ text-overflow: ellipsis;
2414
+ }
2415
+ .cn-detail-card__collapse-btn[data-v-d4872baa] {
2416
+ display: flex;
2417
+ align-items: center;
2418
+ justify-content: center;
2419
+ background: none;
2420
+ border: none;
2421
+ padding: 4px;
2422
+ cursor: pointer;
2423
+ color: var(--color-text-maxcontrast);
2424
+ border-radius: var(--border-radius);
2425
+ }
2426
+ .cn-detail-card__collapse-btn[data-v-d4872baa]:hover {
2427
+ background: var(--color-background-dark);
2428
+ }
2429
+ .cn-detail-card__chevron--rotated[data-v-d4872baa] {
2430
+ transform: rotate(-90deg);
2431
+ transition: transform 0.2s ease;
2432
+ }
2433
+ .cn-detail-card__content[data-v-d4872baa] {
2434
+ padding: 16px;
2435
+ }
2436
+ .cn-detail-card__content--flush[data-v-d4872baa] {
2437
+ padding: 0;
2438
+ }
2439
+ .cn-detail-card__footer[data-v-d4872baa] {
2440
+ padding: 8px 16px;
2441
+ border-top: 1px solid var(--color-border);
2442
+ }
2443
+
2444
+
2445
+ .cn-notes-card__add-form[data-v-ce43c4b8] {
2446
+ margin-bottom: 12px;
2447
+ }
2448
+ .cn-notes-card__textarea[data-v-ce43c4b8] {
2449
+ width: 100%;
2450
+ padding: 8px;
2451
+ border: 1px solid var(--color-border);
2452
+ border-radius: var(--border-radius);
2453
+ resize: vertical;
2454
+ font-family: inherit;
2455
+ font-size: 13px;
2456
+ margin-bottom: 8px;
2457
+ background: var(--color-main-background);
2458
+ color: var(--color-main-text);
2459
+ box-sizing: border-box;
2460
+ }
2461
+ .cn-notes-card__textarea[data-v-ce43c4b8]:focus {
2462
+ border-color: var(--color-primary-element);
2463
+ outline: none;
2464
+ }
2465
+ .cn-notes-card__empty[data-v-ce43c4b8] {
2466
+ text-align: center;
2467
+ padding: 16px 12px;
2468
+ color: var(--color-text-maxcontrast);
2469
+ font-size: 13px;
2470
+ }
2471
+ .cn-notes-card__list[data-v-ce43c4b8] {
2472
+ display: flex;
2473
+ flex-direction: column;
2474
+ }
2475
+ .cn-notes-card__note[data-v-ce43c4b8] {
2476
+ padding: 10px 0;
2477
+ border-bottom: 1px solid var(--color-border);
2478
+ position: relative;
2479
+ }
2480
+ .cn-notes-card__note[data-v-ce43c4b8]:last-child {
2481
+ border-bottom: none;
2482
+ }
2483
+ .cn-notes-card__note-header[data-v-ce43c4b8] {
2484
+ display: flex;
2485
+ justify-content: space-between;
2486
+ align-items: baseline;
2487
+ margin-bottom: 4px;
2488
+ }
2489
+ .cn-notes-card__author[data-v-ce43c4b8] {
2490
+ font-size: 13px;
2491
+ }
2492
+ .cn-notes-card__author--self[data-v-ce43c4b8] {
2493
+ color: var(--color-main-text);
2494
+ }
2495
+ .cn-notes-card__time[data-v-ce43c4b8] {
2496
+ font-size: 11px;
2497
+ color: var(--color-text-maxcontrast);
2498
+ flex-shrink: 0;
2499
+ margin-left: 8px;
2500
+ }
2501
+ .cn-notes-card__body[data-v-ce43c4b8] {
2502
+ font-size: 13px;
2503
+ margin: 0;
2504
+ white-space: pre-wrap;
2505
+ word-break: break-word;
2506
+ padding-right: 32px;
2507
+ }
2508
+ .cn-notes-card__delete-btn[data-v-ce43c4b8] {
2509
+ position: absolute;
2510
+ top: 8px;
2511
+ right: -4px;
2512
+ opacity: 0;
2513
+ transition: opacity 0.15s ease;
2514
+ }
2515
+ .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-ce43c4b8] {
2516
+ opacity: 1;
2517
+ }
2518
+ .cn-notes-card__show-all[data-v-ce43c4b8] {
2519
+ background: none;
2520
+ border: none;
2521
+ color: var(--color-primary-element);
2522
+ font-size: 13px;
2523
+ font-weight: 500;
2524
+ cursor: pointer;
2525
+ padding: 0;
2526
+ width: 100%;
2527
+ text-align: center;
2528
+ }
2529
+ .cn-notes-card__show-all[data-v-ce43c4b8]:hover {
2530
+ text-decoration: underline;
2531
+ }
2532
+
2533
+
2534
+ .cn-tasks-card__empty[data-v-93183258] {
2535
+ text-align: center;
2536
+ padding: 16px 12px;
2537
+ color: var(--color-text-maxcontrast);
2538
+ font-size: 13px;
2539
+ }
2540
+ .cn-tasks-card__list[data-v-93183258] {
2541
+ display: flex;
2542
+ flex-direction: column;
2543
+ }
2544
+ .cn-tasks-card__task[data-v-93183258] {
2545
+ display: flex;
2546
+ align-items: flex-start;
2547
+ gap: 10px;
2548
+ padding: 8px 0;
2549
+ border-bottom: 1px solid var(--color-border);
2550
+ }
2551
+ .cn-tasks-card__task[data-v-93183258]:last-child {
2552
+ border-bottom: none;
2553
+ }
2554
+ .cn-tasks-card__status-icon[data-v-93183258] {
2555
+ flex-shrink: 0;
2556
+ padding-top: 1px;
2557
+ }
2558
+ .cn-tasks-card__icon--completed[data-v-93183258] {
2559
+ color: var(--color-success);
2560
+ }
2561
+ .cn-tasks-card__icon--active[data-v-93183258] {
2562
+ color: var(--color-primary-element);
2563
+ }
2564
+ .cn-tasks-card__icon--terminated[data-v-93183258] {
2565
+ color: var(--color-error);
2566
+ }
2567
+ .cn-tasks-card__icon--available[data-v-93183258] {
2568
+ color: var(--color-text-maxcontrast);
2569
+ }
2570
+ .cn-tasks-card__content[data-v-93183258] {
2571
+ flex: 1;
2572
+ min-width: 0;
2573
+ }
2574
+ .cn-tasks-card__title[data-v-93183258] {
2575
+ display: block;
2576
+ font-size: 13px;
2577
+ font-weight: 500;
2578
+ white-space: nowrap;
2579
+ overflow: hidden;
2580
+ text-overflow: ellipsis;
2581
+ }
2582
+ .cn-tasks-card__meta[data-v-93183258] {
2583
+ display: flex;
2584
+ align-items: center;
2585
+ gap: 8px;
2586
+ margin-top: 2px;
2587
+ font-size: 12px;
2588
+ color: var(--color-text-maxcontrast);
2589
+ }
2590
+ .cn-tasks-card__assignee-name[data-v-93183258] {
2591
+ color: var(--color-primary-element);
2592
+ font-weight: 500;
2593
+ cursor: pointer;
2594
+ }
2595
+ .cn-tasks-card__assignee-name[data-v-93183258]:hover {
2596
+ text-decoration: underline;
2597
+ }
2598
+ .cn-tasks-card__assignee-name--self[data-v-93183258] {
2599
+ color: var(--color-text-maxcontrast);
2600
+ cursor: default;
2601
+ }
2602
+ .cn-tasks-card__assignee-name--self[data-v-93183258]:hover {
2603
+ text-decoration: none;
2604
+ }
2605
+ .cn-tasks-card__unassigned[data-v-93183258] {
2606
+ font-style: italic;
2607
+ color: var(--color-text-maxcontrast);
2608
+ }
2609
+ .cn-tasks-card__due-date[data-v-93183258] {
2610
+ white-space: nowrap;
2611
+ }
2612
+ .cn-tasks-card__due-date--overdue[data-v-93183258] {
2613
+ color: var(--color-error);
2614
+ font-weight: 500;
2615
+ }
2616
+ .cn-tasks-card__show-all[data-v-93183258] {
2617
+ background: none;
2618
+ border: none;
2619
+ color: var(--color-primary-element);
2620
+ font-size: 13px;
2621
+ font-weight: 500;
2622
+ cursor: pointer;
2623
+ padding: 0;
2624
+ width: 100%;
2625
+ text-align: center;
2626
+ }
2627
+ .cn-tasks-card__show-all[data-v-93183258]:hover {
2628
+ text-decoration: underline;
2629
+ }
2630
+
2631
+ .cn-card[data-v-3b7a0023] {
2632
+ padding: 16px;
2633
+ border: 1px solid var(--color-border);
2634
+ border-radius: var(--border-radius-large);
2635
+ background: var(--color-main-background);
2636
+ height: 100%;
2637
+ display: flex;
2638
+ flex-direction: column;
2639
+ }
2640
+ .cn-card--active[data-v-3b7a0023] {
2641
+ border: 2px solid var(--cn-card-active-border);
2642
+ }
2643
+ .cn-card--clickable[data-v-3b7a0023] {
2644
+ cursor: pointer;
2645
+ transition: box-shadow 0.2s ease, border-color 0.2s ease;
2646
+ }
2647
+ .cn-card--clickable[data-v-3b7a0023]:hover {
2648
+ border-color: var(--color-primary-element);
2649
+ box-shadow: 0 2px 8px var(--color-box-shadow);
2650
+ }
2651
+ .cn-card__header[data-v-3b7a0023] {
2652
+ display: grid;
2653
+ grid-template-columns: 1fr auto;
2654
+ grid-template-rows: auto auto;
2655
+ align-items: center;
2656
+ border-bottom: 1px solid var(--color-border);
2657
+ padding-block-end: 1rem;
2658
+ margin-block-end: 0.5rem;
2659
+ }
2660
+ .cn-card__title[data-v-3b7a0023] {
2661
+ display: flex;
2662
+ align-items: center;
2663
+ gap: 6px;
2664
+ font-size: 16px;
2665
+ margin: 0;
2666
+ min-width: 0;
2667
+ }
2668
+ .cn-card__title-text[data-v-3b7a0023] {
2669
+ overflow: hidden;
2670
+ text-overflow: ellipsis;
2671
+ white-space: nowrap;
2672
+ }
2673
+ .cn-card__labels[data-v-3b7a0023] {
2674
+ grid-column: 1/-1;
2675
+ display: flex;
2676
+ gap: 4px;
2677
+ flex-wrap: wrap;
2678
+ margin-top: 6px;
2679
+ }
2680
+ .cn-card__actions[data-v-3b7a0023] {
2681
+ flex-shrink: 0;
2682
+ margin-inline-start: 0.25rem;
2683
+ }
2684
+ .cn-card__body[data-v-3b7a0023] {
2685
+ flex-grow: 1;
2686
+ display: flex;
2687
+ flex-direction: column;
2688
+ justify-content: space-between;
2689
+ }
2690
+ .cn-card__description[data-v-3b7a0023] {
2691
+ color: var(--color-text-lighter);
2692
+ margin-bottom: 12px;
2693
+ word-wrap: break-word;
2694
+ overflow-wrap: break-word;
2695
+ display: -webkit-box;
2696
+ -webkit-box-orient: vertical;
2697
+ overflow: hidden;
2698
+ }
2699
+ .cn-card__content[data-v-3b7a0023] {
2700
+ margin-bottom: 12px;
2701
+ }
2702
+ .cn-card__stats[data-v-3b7a0023] {
2703
+ display: flex;
2704
+ flex-direction: column;
2705
+ gap: 4px;
2706
+ }
2707
+ .cn-card__stat[data-v-3b7a0023] {
2708
+ display: flex;
2709
+ justify-content: space-between;
2710
+ }
2711
+ .cn-card__stat-label[data-v-3b7a0023] {
2712
+ color: var(--color-text-lighter);
2713
+ font-size: 12px;
2714
+ }
2715
+ .cn-card__stat-value[data-v-3b7a0023] {
2716
+ font-weight: 600;
2717
+ font-size: 12px;
2718
+ }
2719
+ .cn-card__footer[data-v-3b7a0023] {
2720
+ display: flex;
2721
+ flex-wrap: wrap;
2722
+ gap: 8px;
2723
+ align-items: center;
2724
+ padding-top: 8px;
2725
+ margin-top: 8px;
2726
+ border-top: 1px solid var(--color-border);
2727
+ }
2728
+ .cn-card__footer-link[data-v-3b7a0023] {
2729
+ display: inline-flex;
2730
+ align-items: center;
2731
+ gap: 4px;
2732
+ font-size: 0.85em;
2733
+ color: var(--color-primary-element);
2734
+ text-decoration: none;
2735
+ transition: color 0.2s;
2736
+ }
2737
+ .cn-card__footer-link[data-v-3b7a0023]:hover {
2738
+ text-decoration: underline;
2739
+ }
2740
+
2741
+ .cn-progress-bar__items[data-v-549e69a6] {
2742
+ display: flex;
2743
+ flex-direction: column;
2744
+ gap: 8px;
2745
+ }
2746
+ .cn-progress-bar__item[data-v-549e69a6] {
2747
+ display: flex;
2748
+ flex-direction: column;
2749
+ gap: 4px;
2750
+ }
2751
+ .cn-progress-bar__label[data-v-549e69a6] {
2752
+ display: flex;
2753
+ justify-content: space-between;
2754
+ align-items: center;
2755
+ font-size: 0.9rem;
2756
+ }
2757
+ .cn-progress-bar__name[data-v-549e69a6] {
2758
+ color: var(--color-main-text);
2759
+ }
2760
+ .cn-progress-bar__name--tooltip[data-v-549e69a6] {
2761
+ cursor: help;
2762
+ text-decoration: underline;
2763
+ text-decoration-style: dotted;
2764
+ text-underline-offset: 2px;
2765
+ }
2766
+ .cn-progress-bar__name--tooltip[data-v-549e69a6]:hover {
2767
+ text-decoration-style: solid;
2768
+ }
2769
+ .cn-progress-bar__value[data-v-549e69a6] {
2770
+ color: var(--color-text-maxcontrast);
2771
+ font-variant-numeric: tabular-nums;
2772
+ }
2773
+ .cn-progress-bar__track[data-v-549e69a6] {
2774
+ background: var(--color-background-dark, var(--color-background-darker));
2775
+ overflow: hidden;
2776
+ }
2777
+ .cn-progress-bar__track--rounded[data-v-549e69a6] {
2778
+ border-radius: 4px;
2779
+ }
2780
+ .cn-progress-bar__fill[data-v-549e69a6] {
2781
+ height: 100%;
2782
+ transition: width 0.3s ease;
2783
+ }
2784
+ .cn-progress-bar__fill--rounded[data-v-549e69a6] {
2785
+ border-radius: 4px;
2786
+ }
2787
+
2788
+ /* Variant colors */
2789
+ .cn-progress-bar__fill--default[data-v-549e69a6] {
2790
+ background: var(--color-main-text);
2791
+ }
2792
+ .cn-progress-bar__fill--primary[data-v-549e69a6] {
2793
+ background: var(--color-primary-element);
2794
+ }
2795
+ .cn-progress-bar__fill--success[data-v-549e69a6] {
2796
+ background: var(--color-success);
2797
+ }
2798
+ .cn-progress-bar__fill--warning[data-v-549e69a6] {
2799
+ background: var(--color-warning);
2800
+ }
2801
+ .cn-progress-bar__fill--error[data-v-549e69a6] {
2802
+ background: var(--color-error);
2803
+ }
2804
+ .cn-progress-bar__fill--info[data-v-549e69a6] {
2805
+ background: var(--color-info, #0082c9);
2806
+ }
2807
+
2808
+
2809
+ .cn-stats-panel__section[data-v-753ae294] {
2810
+ padding: 12px 0;
2811
+ border-bottom: 1px solid var(--color-border);
2812
+ }
2813
+ .remove-margin[data-v-753ae294] {
2814
+ margin: 0;
2815
+ }
2816
+ .cn-stats-panel__section[data-v-753ae294]:last-child {
2817
+ border-bottom: none;
2818
+ }
2819
+ .cn-stats-panel__section-title[data-v-753ae294] {
2820
+ color: var(--color-text-maxcontrast);
2821
+ font-size: 14px;
2822
+ font-weight: bold;
2823
+ padding: 0 16px;
2824
+ margin: 0 0 12px 0;
2825
+ }
2826
+ .cn-stats-panel__stack[data-v-753ae294] {
2827
+ display: flex;
2828
+ flex-direction: column;
2829
+ gap: 12px;
2830
+ }
2831
+ .cn-stats-panel__loading[data-v-753ae294] {
2832
+ display: flex;
2833
+ align-items: center;
2834
+ gap: 8px;
2835
+ padding: 0 16px;
2836
+ color: var(--color-text-maxcontrast);
2837
+ }
2838
+ .cn-stats-panel__empty[data-v-753ae294] {
2839
+ padding: 0 16px;
2840
+ color: var(--color-text-maxcontrast);
2841
+ font-style: italic;
2842
+ }
2843
+ .cn-stats-panel__header[data-v-753ae294] {
2844
+ padding-bottom: 12px;
2845
+ border-bottom: 1px solid var(--color-border);
2846
+ }
2847
+ .cn-stats-panel__footer[data-v-753ae294] {
2848
+ padding-top: 12px;
2849
+ }
2850
+ .cn-stats-panel__list[data-v-753ae294] {
2851
+ margin-top: 4px;
2852
+ }
2853
+
2854
+
2855
+
2856
+
2857
+
2858
+
2859
+
2860
+
2861
+
2862
+
2863
+
2864
+
2865
+
2866
+
2867
+
2868
+
2869
+
2870
+
2871
+
2872
+
2873
+
2874
+
2875
+
2876
+
2877
+
2878
+
2879
+
2880
+
2881
+
2882
+
2883
+
2884
+
2885
+
2886
+
2887
+
2888
+
2889
+
2890
+
2891
+
2892
+
2893
+
2894
+
2895
+
2896
+
2897
+
2898
+
2899
+
2900
+
2901
+
2902
+
2903
+
2904
+
2905
+
2906
+
2907
+
2908
+
2909
+
2910
+
2911
+
2912
+
2913
+
2914
+
2915
+
2916
+
2917
+
2918
+
2919
+
2920
+
2921
+
2922
+
2923
+
2924
+
2925
+
2926
+
2927
+
2928
+
2929
+
2930
+
2931
+
2932
+
2933
+
2934
+
2935
+
2936
+
2937
+
2938
+
2939
+
2940
+
2941
+
2942
+
2943
+
2944
+
2945
+
2946
+
2947
+
2948
+
2949
+
2950
+
2951
+
2952
+
2953
+
2954
+
2955
+
2956
+
2957
+
2958
+
2959
+
2960
+
2961
+
2962
+
2963
+
2964
+
2965
+
2966
+
2967
+
2968
+
2969
+
2970
+
2971
+
2972
+
2973
+
2974
+
2975
+
2976
+
2977
+
2978
+
2979
+
2980
+
2981
+
2982
+
2983
+
2984
+
2985
+
2986
+
2987
+
2988
+
2989
+
2990
+
2991
+
2992
+
2993
+
2994
+
2995
+
2996
+
2997
+
2998
+
2999
+
3000
+
3001
+
3002
+
3003
+
3004
+
3005
+
3006
+
3007
+
3008
+
3009
+
3010
+
3011
+
3012
+
3013
+
3014
+
3015
+
3016
+
3017
+
3018
+
3019
+
3020
+
3021
+
3022
+
3023
+
3024
+ /* ===== Grid layout (default) ===== */
3025
+ .cn-detail-grid--grid[data-v-7c7fd258] {
3026
+ display: grid;
3027
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3028
+ }
3029
+
3030
+ /* ===== Horizontal layout ===== */
3031
+ .cn-detail-grid--horizontal[data-v-7c7fd258] {
3032
+ display: flex;
3033
+ flex-direction: column;
3034
+ gap: calc(3 * var(--default-grid-baseline, 4px));
3035
+ }
3036
+
3037
+ /* ===== Item (card style) ===== */
3038
+ .cn-detail-grid__item[data-v-7c7fd258] {
3039
+ display: flex;
3040
+ flex-direction: column;
3041
+ gap: var(--default-grid-baseline, 4px);
3042
+ padding: calc(2 * var(--default-grid-baseline, 4px)) calc(3 * var(--default-grid-baseline, 4px));
3043
+ background: var(--color-background-hover);
3044
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
3045
+ }
3046
+
3047
+ /* Accent border */
3048
+ .cn-detail-grid--accent .cn-detail-grid__item[data-v-7c7fd258] {
3049
+ border-left: 3px solid var(--color-primary-element);
3050
+ }
3051
+
3052
+ /* Horizontal item: row direction */
3053
+ .cn-detail-grid__item--horizontal[data-v-7c7fd258] {
3054
+ flex-direction: row;
3055
+ align-items: center;
3056
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3057
+ border-radius: var(--border-radius);
3058
+ }
3059
+
3060
+ /* ===== Label ===== */
3061
+ .cn-detail-grid__label[data-v-7c7fd258] {
3062
+ font-size: 0.85em;
3063
+ color: var(--color-text-maxcontrast);
3064
+ font-weight: 500;
3065
+ }
3066
+ .cn-detail-grid--horizontal .cn-detail-grid__label[data-v-7c7fd258] {
3067
+ min-width: var(--cn-detail-grid-label-width, 150px);
3068
+ flex-shrink: 0;
3069
+ }
3070
+
3071
+ /* ===== Value ===== */
3072
+ .cn-detail-grid__value[data-v-7c7fd258] {
3073
+ font-size: 1em;
3074
+ color: var(--color-main-text);
3075
+ word-break: break-word;
3076
+ margin: 0.5rem;
3077
+ }
3078
+ .cn-detail-grid--horizontal .cn-detail-grid__value[data-v-7c7fd258] {
3079
+ flex: 1;
3080
+ }
3081
+
3082
+ /* ===== Actions ===== */
3083
+ .cn-detail-grid__actions[data-v-7c7fd258] {
3084
+ flex-shrink: 0;
3085
+ display: flex;
3086
+ align-items: center;
3087
+ }
3088
+
3089
+ /* ===== Empty state ===== */
3090
+ .cn-detail-grid__empty[data-v-7c7fd258] {
3091
+ color: var(--color-text-maxcontrast);
3092
+ font-style: italic;
3093
+ padding: calc(2 * var(--default-grid-baseline, 4px));
3094
+ }
3095
+
3096
+ /* ===== Responsive ===== */
3097
+ @media (max-width: 600px) {
3098
+ .cn-detail-grid--grid[data-v-7c7fd258] {
3099
+ grid-template-columns: 1fr !important;
3100
+ }
3101
+ .cn-detail-grid__item--horizontal[data-v-7c7fd258] {
3102
+ flex-direction: column;
3103
+ align-items: flex-start;
3104
+ }
3105
+ }
3106
+
3107
+
3108
+ .cn-chart-widget[data-v-7f5d1d68] {
3109
+ width: 100%;
3110
+ min-height: 100px;
3111
+ }
3112
+ .cn-chart-widget__fallback[data-v-7f5d1d68] {
3113
+ display: flex;
3114
+ align-items: center;
3115
+ justify-content: center;
3116
+ min-height: 150px;
3117
+ color: var(--color-text-maxcontrast);
3118
+ }
3119
+ .cn-chart-widget__error[data-v-7f5d1d68] {
3120
+ font-size: 14px;
3121
+ margin: 0;
3122
+ }
3123
+
3124
+
3125
+ .cn-sidebar-tab[data-v-4bd4ed2b] { padding: 12px;
3126
+ }
3127
+ .cn-sidebar-tab__upload-error[data-v-4bd4ed2b] {
3128
+ padding: 8px 12px;
3129
+ margin-bottom: 8px;
3130
+ border-radius: var(--border-radius, 4px);
3131
+ background-color: var(--color-error-light, rgba(229, 57, 53, 0.1));
3132
+ color: var(--color-error, #e53935);
3133
+ font-size: 13px;
3134
+ }
3135
+ .cn-sidebar-tab__dropzone[data-v-4bd4ed2b] {
3136
+ display: flex;
3137
+ flex-direction: column;
3138
+ align-items: center;
3139
+ justify-content: center;
3140
+ gap: 8px;
3141
+ padding: 20px 12px;
3142
+ margin-bottom: 16px;
3143
+ border: 2px dashed var(--color-border);
3144
+ border-radius: var(--border-radius-large, 8px);
3145
+ cursor: pointer;
3146
+ transition: border-color 0.15s ease, background-color 0.15s ease;
3147
+ }
3148
+ .cn-sidebar-tab__dropzone[data-v-4bd4ed2b]:hover {
3149
+ border-color: var(--color-primary-element);
3150
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
3151
+ }
3152
+ .cn-sidebar-tab__dropzone--active[data-v-4bd4ed2b] {
3153
+ border-color: var(--color-primary-element);
3154
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
3155
+ }
3156
+ .cn-sidebar-tab__dropzone-icon[data-v-4bd4ed2b] { color: var(--color-text-maxcontrast);
3157
+ }
3158
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-4bd4ed2b],
3159
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-4bd4ed2b] { color: var(--color-primary-element);
3160
+ }
3161
+ .cn-sidebar-tab__dropzone-text[data-v-4bd4ed2b] { font-size: 13px; color: var(--color-text-maxcontrast);
3162
+ }
3163
+ .cn-sidebar-tab__file-input[data-v-4bd4ed2b] { display: none;
3164
+ }
3165
+ .cn-sidebar-tab__empty[data-v-4bd4ed2b] {
3166
+ text-align: center;
3167
+ padding: 24px 12px;
3168
+ color: var(--color-text-maxcontrast);
3169
+ font-size: 13px;
3170
+ }
3171
+ .cn-sidebar-tab__list[data-v-4bd4ed2b] { display: flex; flex-direction: column; gap: 2px;
3172
+ }
3173
+ .cn-sidebar-tab__load-more[data-v-4bd4ed2b] { margin-top: 8px;
3174
+ }
3175
+
3176
+
3177
+ .cn-sidebar-tab[data-v-25120245] { padding: 12px;
3178
+ }
3179
+ .cn-sidebar-tab__action[data-v-25120245] { margin-bottom: 16px;
3180
+ }
3181
+ .cn-sidebar-tab__action--row[data-v-25120245] { display: flex; gap: 8px; align-items: flex-end;
3182
+ }
3183
+ .cn-sidebar-tab__textarea[data-v-25120245] {
3184
+ width: 100%;
3185
+ padding: 8px;
3186
+ border: 1px solid var(--color-border);
3187
+ border-radius: var(--border-radius);
3188
+ resize: vertical;
3189
+ font-family: inherit;
3190
+ font-size: 13px;
3191
+ margin-bottom: 8px;
3192
+ background: var(--color-main-background);
3193
+ color: var(--color-main-text);
3194
+ }
3195
+ .cn-sidebar-tab__textarea[data-v-25120245]:focus {
3196
+ border-color: var(--color-primary-element);
3197
+ outline: none;
3198
+ }
3199
+ .cn-sidebar-tab__empty[data-v-25120245] {
3200
+ text-align: center;
3201
+ padding: 24px 12px;
3202
+ color: var(--color-text-maxcontrast);
3203
+ font-size: 13px;
3204
+ }
3205
+ .cn-sidebar-tab__list[data-v-25120245] { display: flex; flex-direction: column; gap: 2px;
3206
+ }
3207
+
3208
+
3209
+ .cn-sidebar-tab[data-v-fd87cd60] { padding: 12px;
3210
+ }
3211
+ .cn-sidebar-tab__action[data-v-fd87cd60] { margin-bottom: 16px;
3212
+ }
3213
+ .cn-sidebar-tab__action--row[data-v-fd87cd60] { display: flex; gap: 8px; align-items: flex-end;
3214
+ }
3215
+ .cn-sidebar-tab__empty[data-v-fd87cd60] {
3216
+ text-align: center;
3217
+ padding: 24px 12px;
3218
+ color: var(--color-text-maxcontrast);
3219
+ font-size: 13px;
3220
+ }
3221
+ .cn-sidebar-tab__tags[data-v-fd87cd60] { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0;
3222
+ }
3223
+ .cn-sidebar-tab__tag[data-v-fd87cd60] {
3224
+ display: inline-flex;
3225
+ align-items: center;
3226
+ gap: 4px;
3227
+ padding: 3px 8px;
3228
+ border-radius: var(--border-radius-pill, 16px);
3229
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
3230
+ color: var(--color-primary-element);
3231
+ font-size: 12px;
3232
+ font-weight: 500;
3233
+ }
3234
+ .cn-sidebar-tab__tag-remove[data-v-fd87cd60] {
3235
+ display: flex;
3236
+ align-items: center;
3237
+ justify-content: center;
3238
+ background: none;
3239
+ border: none;
3240
+ padding: 0;
3241
+ cursor: pointer;
3242
+ color: var(--color-primary-element);
3243
+ opacity: 0.6;
3244
+ border-radius: 50%;
3245
+ }
3246
+ .cn-sidebar-tab__tag-remove[data-v-fd87cd60]:hover { opacity: 1; background: rgba(0, 0, 0, 0.08);
3247
+ }
3248
+ .cn-sidebar-tab__tag-suggestions[data-v-fd87cd60] {
3249
+ margin-top: 4px;
3250
+ border: 1px solid var(--color-border);
3251
+ border-radius: var(--border-radius);
3252
+ background: var(--color-main-background);
3253
+ max-height: 160px;
3254
+ overflow-y: auto;
3255
+ }
3256
+ .cn-sidebar-tab__tag-suggestion[data-v-fd87cd60] {
3257
+ display: flex;
3258
+ align-items: center;
3259
+ gap: 8px;
3260
+ width: 100%;
3261
+ padding: 6px 12px;
3262
+ border: none;
3263
+ background: none;
3264
+ cursor: pointer;
3265
+ font-size: 13px;
3266
+ color: var(--color-main-text);
3267
+ text-align: left;
3268
+ }
3269
+ .cn-sidebar-tab__tag-suggestion[data-v-fd87cd60]:hover { background: var(--color-background-hover);
3270
+ }
3271
+
3272
+
3273
+ .cn-sidebar-tab[data-v-80b9959e] {
3274
+ padding: 12px;
3275
+ overflow-x: hidden;
3276
+ }
3277
+ .cn-sidebar-tab__section[data-v-80b9959e] {
3278
+ margin-bottom: 12px;
3279
+ }
3280
+ .cn-sidebar-tab__section--filters[data-v-80b9959e] {
3281
+ padding-top: 12px;
3282
+ border-top: 1px solid var(--color-border);
3283
+ }
3284
+ .cn-sidebar-tab__action--row[data-v-80b9959e] {
3285
+ display: flex;
3286
+ gap: 8px;
3287
+ align-items: flex-end;
3288
+ margin-bottom: 8px;
3289
+ }
3290
+ .cn-sidebar-tab__grid[data-v-80b9959e] {
3291
+ display: grid;
3292
+ grid-template-columns: 1fr 1fr;
3293
+ gap: 8px;
3294
+ }
3295
+ .cn-sidebar-tab__grid > *[data-v-80b9959e] {
3296
+ min-width: 0;
3297
+ }
3298
+ .cn-sidebar-tab__empty[data-v-80b9959e] {
3299
+ text-align: center;
3300
+ padding: 24px 12px;
3301
+ color: var(--color-text-maxcontrast);
3302
+ font-size: 13px;
3303
+ }
3304
+ .cn-sidebar-tab__list[data-v-80b9959e] {
3305
+ display: flex;
3306
+ flex-direction: column;
3307
+ gap: 2px;
3308
+ }
3309
+ .cn-sidebar-tab__load-more[data-v-80b9959e] { margin-top: 8px;
3310
+ }
3311
+ .cn-sidebar-tab__task-checkbox[data-v-80b9959e] {
3312
+ display: flex;
3313
+ align-items: center;
3314
+ justify-content: center;
3315
+ background: none;
3316
+ border: none;
3317
+ padding: 0;
3318
+ cursor: pointer;
3319
+ color: inherit;
3320
+ }
3321
+ .cn-sidebar-tab__task-done[data-v-80b9959e] { color: var(--color-success);
3322
+ }
3323
+ .cn-sidebar-tab__task-overdue-icon[data-v-80b9959e] { color: var(--color-error, #e53935);
3324
+ }
3325
+ .cn-sidebar-tab__task-overdue-date[data-v-80b9959e] { color: var(--color-error, #e53935); font-weight: 500;
3326
+ }
3327
+
3328
+
3329
+ .cn-sidebar-tab[data-v-baea145a] { padding: 12px;
3330
+ }
3331
+ .cn-sidebar-tab__empty[data-v-baea145a] {
3332
+ text-align: center;
3333
+ padding: 24px 12px;
3334
+ color: var(--color-text-maxcontrast);
3335
+ font-size: 13px;
3336
+ }
3337
+ .cn-sidebar-tab__list[data-v-baea145a] { display: flex; flex-direction: column; gap: 2px;
3338
+ }
3339
+ .cn-audit-filters[data-v-baea145a] {
3340
+ display: grid;
3341
+ grid-template-columns: 1fr 1fr;
3342
+ gap: 8px;
3343
+ margin-bottom: 12px;
3344
+ }
3345
+ .cn-audit-filters__select[data-v-baea145a] { min-width: 0;
3346
+ }
3347
+ .cn-audit-filters__date[data-v-baea145a] { min-width: 0;
3348
+ }
3349
+ .cn-sidebar-tab__load-more[data-v-baea145a] { margin-top: 8px;
3350
+ }
3351
+ .cn-audit-entry[data-v-baea145a] { cursor: pointer;
3352
+ }
3353
+ .cn-audit-details[data-v-baea145a] {
3354
+ padding: 8px 12px 12px 52px;
3355
+ font-size: 12px;
3356
+ border-bottom: 1px solid var(--color-border);
3357
+ animation: cn-slide-down-data-v-baea145a 0.15s ease;
3358
+ }
3359
+ @keyframes cn-slide-down-data-v-baea145a {
3360
+ from { opacity: 0; max-height: 0;
3361
+ }
3362
+ to { opacity: 1; max-height: 600px;
3363
+ }
3364
+ }
3365
+ .cn-audit-details__row[data-v-baea145a] {
3366
+ display: flex;
3367
+ gap: 8px;
3368
+ padding: 2px 0;
3369
+ }
3370
+ .cn-audit-details__label[data-v-baea145a] {
3371
+ color: var(--color-text-maxcontrast);
3372
+ min-width: 56px;
3373
+ font-weight: 500;
3374
+ }
3375
+ .cn-audit-details__mono[data-v-baea145a] {
3376
+ font-family: monospace;
3377
+ font-size: 11px;
3378
+ word-break: break-all;
3379
+ }
3380
+ .cn-audit-details__changes[data-v-baea145a] {
3381
+ margin-top: 8px;
3382
+ padding-top: 8px;
3383
+ border-top: 1px solid var(--color-border);
3384
+ }
3385
+ .cn-audit-details__change[data-v-baea145a] {
3386
+ padding: 4px 0 4px 8px;
3387
+ border-left: 2px solid var(--color-border);
3388
+ margin: 4px 0;
3389
+ }
3390
+ .cn-audit-details__field[data-v-baea145a] {
3391
+ font-weight: 500;
3392
+ display: block;
3393
+ margin-bottom: 2px;
3394
+ }
3395
+ .cn-audit-details__values[data-v-baea145a] {
3396
+ display: flex;
3397
+ gap: 6px;
3398
+ align-items: baseline;
3399
+ flex-wrap: wrap;
3400
+ }
3401
+ .cn-audit-details__old[data-v-baea145a] {
3402
+ color: var(--color-error, #e53935);
3403
+ text-decoration: line-through;
3404
+ }
3405
+ .cn-audit-details__arrow[data-v-baea145a] {
3406
+ color: var(--color-text-maxcontrast);
3407
+ }
3408
+ .cn-audit-details__new[data-v-baea145a] {
3409
+ color: var(--color-success, #43a047);
3410
+ }
3411
+ .cn-audit-details__null[data-v-baea145a] {
3412
+ color: var(--color-text-maxcontrast);
3413
+ font-style: italic;
3414
+ }
3415
+
3416
+
3417
+ .cn-info-widget[data-v-267d7585] {
3418
+ display: grid;
3419
+ gap: 12px 24px;
3420
+ }
3421
+ .cn-info-widget__field[data-v-267d7585] {
3422
+ display: flex;
3423
+ flex-direction: column;
3424
+ gap: 2px;
3425
+ }
3426
+ .cn-info-widget__label[data-v-267d7585] {
3427
+ font-size: 12px;
3428
+ font-weight: 600;
3429
+ color: var(--color-text-maxcontrast);
3430
+ text-transform: uppercase;
3431
+ letter-spacing: 0.5px;
3432
+ margin: 0;
3433
+ }
3434
+ .cn-info-widget__value[data-v-267d7585] {
3435
+ font-size: 14px;
3436
+ color: var(--color-main-text);
3437
+ margin: 0;
3438
+ word-break: break-word;
3439
+ }
3440
+
3441
+ /* Responsive: single column on small screens */
3442
+ @media (max-width: 600px) {
3443
+ .cn-info-widget[data-v-267d7585] {
3444
+ grid-template-columns: 1fr !important;
3445
+ }
3446
+ }
3447
+
3448
+
3449
+ .cn-table-widget[data-v-420bcc9f] {
3450
+ background: var(--color-main-background);
3451
+ border: 1px solid var(--color-border);
3452
+ border-radius: var(--border-radius-large, 16px);
3453
+ overflow: hidden;
3454
+ }
3455
+ .cn-table-widget__header[data-v-420bcc9f] {
3456
+ display: flex;
3457
+ align-items: center;
3458
+ justify-content: space-between;
3459
+ padding: 12px 16px;
3460
+ border-bottom: 1px solid var(--color-border);
3461
+ }
3462
+ .cn-table-widget__title[data-v-420bcc9f] {
3463
+ margin: 0;
3464
+ font-size: 14px;
3465
+ font-weight: 600;
3466
+ }
3467
+ .cn-table-widget__count[data-v-420bcc9f] {
3468
+ font-size: 12px;
3469
+ color: var(--color-text-maxcontrast);
3470
+ background: var(--color-background-dark);
3471
+ padding: 2px 8px;
3472
+ border-radius: 10px;
3473
+ }
3474
+ .cn-table-widget__loading[data-v-420bcc9f] {
3475
+ padding: 32px 0;
3476
+ display: flex;
3477
+ justify-content: center;
3478
+ }
3479
+ .cn-table-widget__empty[data-v-420bcc9f] {
3480
+ padding: 24px 16px;
3481
+ text-align: center;
3482
+ color: var(--color-text-maxcontrast);
3483
+ font-size: 14px;
3484
+ margin: 0;
3485
+ }
3486
+ .cn-table-widget__footer[data-v-420bcc9f] {
3487
+ padding: 8px 16px;
3488
+ border-top: 1px solid var(--color-border);
3489
+ text-align: center;
3490
+ }
3491
+ .cn-table-widget__view-all[data-v-420bcc9f] {
3492
+ font-size: 13px;
3493
+ color: var(--color-primary-element);
3494
+ cursor: pointer;
3495
+ text-decoration: none;
3496
+ }
3497
+ .cn-table-widget__view-all[data-v-420bcc9f]:hover {
3498
+ text-decoration: underline;
3499
+ }
3500
+
3501
+
3502
+ .cn-object-data-widget__grid[data-v-7891747e] {
3503
+ display: grid;
3504
+ gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
3505
+ }
3506
+ .cn-object-data-widget__cell[data-v-7891747e] {
3507
+ display: flex;
3508
+ flex-direction: column;
3509
+ gap: 2px;
3510
+ padding: calc(2 * var(--default-grid-baseline, 4px)) 0;
3511
+ border-bottom: 1px solid var(--color-border-dark);
3512
+ min-width: 0;
3513
+ }
3514
+ .cn-object-data-widget__label[data-v-7891747e] {
3515
+ font-size: 0.85em;
3516
+ color: var(--color-text-maxcontrast);
3517
+ font-weight: 500;
3518
+ }
3519
+ .cn-object-data-widget__value[data-v-7891747e] {
3520
+ font-size: 1em;
3521
+ color: var(--color-main-text);
3522
+ word-break: break-word;
3523
+ position: relative;
3524
+ padding-right: 20px;
3525
+ }
3526
+ .cn-object-data-widget__value--editable[data-v-7891747e] {
3527
+ cursor: pointer;
3528
+ border-radius: var(--border-radius);
3529
+ padding: 4px 24px 4px 4px;
3530
+ margin: -4px;
3531
+ }
3532
+ .cn-object-data-widget__value--editable[data-v-7891747e]:hover {
3533
+ background: var(--color-background-dark);
3534
+ }
3535
+ .cn-object-data-widget__value--editable[data-v-7891747e]:focus-visible {
3536
+ outline: 2px solid var(--color-primary-element);
3537
+ outline-offset: 2px;
3538
+ }
3539
+ .cn-object-data-widget__value--empty[data-v-7891747e] {
3540
+ color: var(--color-text-maxcontrast);
3541
+ font-style: italic;
3542
+ }
3543
+ .cn-object-data-widget__edit-icon[data-v-7891747e] {
3544
+ position: absolute;
3545
+ right: 4px;
3546
+ top: 50%;
3547
+ transform: translateY(-50%);
3548
+ color: var(--color-text-maxcontrast);
3549
+ opacity: 0;
3550
+ transition: opacity 0.15s ease;
3551
+ }
3552
+ .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-7891747e],
3553
+ .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-7891747e] {
3554
+ opacity: 1;
3555
+ }
3556
+ .cn-object-data-widget__editor[data-v-7891747e] {
3557
+ display: flex;
3558
+ flex-direction: column;
3559
+ gap: 4px;
3560
+ }
3561
+ .cn-object-data-widget__editor-actions[data-v-7891747e] {
3562
+ display: flex;
3563
+ gap: 2px;
3564
+ justify-content: flex-end;
3565
+ }
3566
+ .cn-object-data-widget__textarea[data-v-7891747e] {
3567
+ width: 100%;
3568
+ min-height: 80px;
3569
+ padding: 8px;
3570
+ border: 2px solid var(--color-border-dark);
3571
+ border-radius: var(--border-radius);
3572
+ background: var(--color-main-background);
3573
+ color: var(--color-main-text);
3574
+ font-family: inherit;
3575
+ font-size: inherit;
3576
+ resize: vertical;
3577
+ }
3578
+ .cn-object-data-widget__textarea[data-v-7891747e]:focus {
3579
+ border-color: var(--color-primary-element);
3580
+ outline: none;
3581
+ }
3582
+ .cn-object-data-widget__empty[data-v-7891747e] {
3583
+ color: var(--color-text-maxcontrast);
3584
+ font-style: italic;
3585
+ padding: calc(2 * var(--default-grid-baseline, 4px));
3586
+ }
3587
+
3588
+ /* Responsive: collapse to single column on narrow widths */
3589
+ @media (max-width: 600px) {
3590
+ .cn-object-data-widget__grid[data-v-7891747e] {
3591
+ grid-template-columns: 1fr !important;
3592
+ }
3593
+ .cn-object-data-widget__cell[data-v-7891747e] {
3594
+ grid-column: span 1 !important;
3595
+ grid-row: span 1 !important;
3596
+ }
3597
+ }
3598
+
3599
+
3600
+
3601
+
3602
+
3603
+
3604
+
3605
+
3606
+
3607
+
3608
+
3609
+
3610
+
3611
+
3612
+
3613
+
3614
+
3615
+
3616
+
3617
+
3618
+
3619
+
3620
+
3621
+
3622
+
3623
+
3624
+
3625
+
3626
+
3627
+
3628
+
3629
+
3630
+
3631
+
3632
+
3633
+
3634
+
3635
+
3636
+
3637
+
3638
+
3639
+
3640
+
3641
+
3642
+
3643
+
3644
+
3645
+
3646
+
3647
+
3648
+
3649
+
3650
+
3651
+
3652
+
3653
+
3654
+
3655
+
3656
+
3657
+
3658
+
3659
+
3660
+
3661
+
3662
+
3663
+
3664
+
3665
+
3666
+
3667
+
3668
+
3669
+
3670
+
3671
+
3672
+
3673
+
3674
+
3675
+
3676
+
3677
+
3678
+
3679
+
3680
+
3681
+
3682
+
3683
+
3684
+
3685
+
3686
+
3687
+
3688
+
3689
+
3690
+
3691
+
3692
+
3693
+
3694
+
3695
+
3696
+
3697
+
3698
+
3699
+
3700
+
3701
+
3702
+
3703
+
3704
+
3705
+
3706
+
3707
+
3708
+
3709
+
3710
+
3711
+
3712
+
3713
+
3714
+
3715
+
3716
+
3717
+
3718
+
3719
+
3720
+
3721
+
3722
+
3723
+
3724
+
3725
+
3726
+
3727
+
3728
+
3729
+
3730
+
3731
+
3732
+
3733
+
3734
+
3735
+
3736
+
3737
+
3738
+
3739
+
3740
+
3741
+
3742
+
3743
+
3744
+
3745
+
3746
+
3747
+
3748
+
3749
+
3750
+
3751
+
3752
+
3753
+
3754
+
3755
+
3756
+
3757
+
3758
+
3759
+
3760
+
3761
+
3762
+
3763
+
3764
+
3765
+
3766
+
3767
+
3768
+
3769
+
3770
+
3771
+
3772
+
3773
+
3774
+
3775
+
3776
+
3777
+
3778
+
3779
+
3780
+
3781
+
3782
+
3783
+
3784
+
3785
+
3786
+
3787
+
3788
+
3789
+
3790
+
3791
+
3792
+
3793
+
3794
+
3795
+
3796
+
3797
+
3798
+
3799
+
3800
+
3801
+
3802
+
3803
+
3804
+
3805
+
3806
+
3807
+
3808
+
3809
+
3810
+
3811
+
3812
+
3813
+
3814
+
3815
+
3816
+
3817
+
3818
+
3819
+
3820
+
3821
+
3822
+
3823
+
3824
+
3825
+
3826
+
3827
+
3828
+
3829
+
3830
+
3831
+
3832
+
3833
+
3834
+
3835
+
3836
+
3837
+
3838
+
3839
+
3840
+
3841
+
3842
+
3843
+
3844
+
3845
+
3846
+
3847
+
3848
+
3849
+
3850
+
3851
+
3852
+
3853
+
3854
+
3855
+
3856
+
3857
+
3858
+
3859
+
3860
+ /* Override CnDetailGrid item styling for a compact table-like appearance */
3861
+ [data-v-d7105c42]:deep(.cn-detail-grid__item) {
3862
+ background: none;
3863
+ border-radius: 0;
3864
+ border-bottom: 1px solid var(--color-border);
3865
+ padding: calc(1.5 * var(--default-grid-baseline, 4px)) 0;
3866
+ }
3867
+ [data-v-d7105c42]:deep(.cn-detail-grid__item:last-child) {
3868
+ border-bottom: none;
3869
+ }
3870
+ [data-v-d7105c42]:deep(.cn-detail-grid--horizontal) {
3871
+ gap: 0;
3872
+ }
3873
+ [data-v-d7105c42]:deep(.cn-detail-grid__label) {
3874
+ font-size: 0.8em;
3875
+ text-transform: uppercase;
3876
+ letter-spacing: 0.02em;
3877
+ }
3878
+ [data-v-d7105c42]:deep(.cn-detail-grid__value) {
3879
+ font-size: 0.9em;
3880
+ word-break: break-all;
3881
+ margin: 0;
802
3882
  }
803
- }