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

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 (197) hide show
  1. package/README.md +226 -0
  2. package/css/index.css +5 -0
  3. package/dist/nextcloud-vue.cjs +67614 -0
  4. package/dist/nextcloud-vue.cjs.js +76311 -5905
  5. package/dist/nextcloud-vue.cjs.js.map +1 -1
  6. package/dist/nextcloud-vue.cjs.map +1 -0
  7. package/dist/nextcloud-vue.css +3279 -203
  8. package/dist/nextcloud-vue.esm.js +76240 -5882
  9. package/dist/nextcloud-vue.esm.js.map +1 -1
  10. package/package.json +89 -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 +569 -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 +23 -20
  22. package/src/components/CnCardGrid/index.js +1 -1
  23. package/src/components/CnCellRenderer/index.js +1 -1
  24. package/src/components/CnChartWidget/CnChartWidget.vue +318 -0
  25. package/src/components/CnChartWidget/index.js +1 -0
  26. package/src/components/CnConfigurationCard/index.js +1 -1
  27. package/src/components/CnContextMenu/CnContextMenu.vue +142 -0
  28. package/src/components/CnContextMenu/index.js +1 -0
  29. package/src/components/CnCopyDialog/CnCopyDialog.vue +257 -0
  30. package/src/components/CnCopyDialog/index.js +1 -0
  31. package/src/components/CnDashboardGrid/CnDashboardGrid.vue +229 -0
  32. package/src/components/CnDashboardGrid/index.js +1 -0
  33. package/src/components/CnDashboardPage/CnDashboardPage.vue +396 -0
  34. package/src/components/CnDashboardPage/index.js +1 -0
  35. package/src/components/CnDataTable/CnDataTable.vue +24 -16
  36. package/src/components/CnDataTable/index.js +1 -1
  37. package/src/components/CnDeleteDialog/CnDeleteDialog.vue +177 -0
  38. package/src/components/CnDeleteDialog/index.js +1 -0
  39. package/src/components/CnDetailCard/CnDetailCard.vue +225 -0
  40. package/src/components/CnDetailCard/index.js +1 -0
  41. package/src/components/CnDetailGrid/CnDetailGrid.vue +254 -0
  42. package/src/components/CnDetailGrid/index.js +1 -0
  43. package/src/components/CnDetailPage/CnDetailPage.vue +431 -0
  44. package/src/components/CnDetailPage/index.js +1 -0
  45. package/src/components/CnFacetSidebar/CnFacetSidebar.vue +12 -2
  46. package/src/components/CnFacetSidebar/index.js +1 -1
  47. package/src/components/CnFilterBar/index.js +1 -1
  48. package/src/components/CnFormDialog/CnFormDialog.vue +934 -0
  49. package/src/components/CnFormDialog/index.js +1 -0
  50. package/src/components/CnIcon/CnIcon.vue +89 -0
  51. package/src/components/CnIcon/index.js +1 -0
  52. package/src/components/CnIndexPage/CnIndexPage.vue +589 -291
  53. package/src/components/CnIndexPage/index.js +1 -1
  54. package/src/components/CnIndexSidebar/CnIndexSidebar.vue +535 -0
  55. package/src/components/CnIndexSidebar/index.js +1 -0
  56. package/src/components/CnInfoWidget/CnInfoWidget.vue +219 -0
  57. package/src/components/CnInfoWidget/index.js +1 -0
  58. package/src/components/CnItemCard/CnItemCard.vue +134 -0
  59. package/src/components/CnItemCard/index.js +1 -0
  60. package/src/components/CnJsonViewer/CnJsonViewer.vue +283 -0
  61. package/src/components/CnJsonViewer/index.js +1 -0
  62. package/src/components/CnKpiGrid/CnKpiGrid.vue +5 -1
  63. package/src/components/CnKpiGrid/index.js +1 -1
  64. package/src/components/CnMassActionBar/CnMassActionBar.vue +6 -5
  65. package/src/components/CnMassActionBar/index.js +1 -1
  66. package/src/components/CnMassCopyDialog/CnMassCopyDialog.vue +16 -9
  67. package/src/components/CnMassCopyDialog/index.js +1 -1
  68. package/src/components/CnMassDeleteDialog/CnMassDeleteDialog.vue +16 -9
  69. package/src/components/CnMassDeleteDialog/index.js +1 -1
  70. package/src/components/CnMassExportDialog/CnMassExportDialog.vue +8 -7
  71. package/src/components/CnMassExportDialog/index.js +1 -1
  72. package/src/components/CnMassImportDialog/CnMassImportDialog.vue +20 -17
  73. package/src/components/CnMassImportDialog/index.js +1 -1
  74. package/src/components/CnNoteCard/CnNoteCard.vue +149 -0
  75. package/src/components/CnNoteCard/index.js +1 -0
  76. package/src/components/CnNotesCard/CnNotesCard.vue +415 -0
  77. package/src/components/CnNotesCard/index.js +1 -0
  78. package/src/components/CnObjectCard/CnObjectCard.vue +3 -1
  79. package/src/components/CnObjectCard/index.js +1 -1
  80. package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +853 -0
  81. package/src/components/CnObjectDataWidget/index.js +1 -0
  82. package/src/components/CnObjectMetadataWidget/CnObjectMetadataWidget.vue +288 -0
  83. package/src/components/CnObjectMetadataWidget/index.js +1 -0
  84. package/src/components/CnObjectSidebar/CnAuditTrailTab.vue +368 -0
  85. package/src/components/CnObjectSidebar/CnFilesTab.vue +286 -0
  86. package/src/components/CnObjectSidebar/CnNotesTab.vue +249 -0
  87. package/src/components/CnObjectSidebar/CnObjectSidebar.vue +254 -0
  88. package/src/components/CnObjectSidebar/CnTagsTab.vue +258 -0
  89. package/src/components/CnObjectSidebar/CnTasksTab.vue +482 -0
  90. package/src/components/CnObjectSidebar/index.js +6 -0
  91. package/src/components/CnPageHeader/CnPageHeader.vue +61 -0
  92. package/src/components/CnPageHeader/index.js +1 -0
  93. package/src/components/CnPagination/CnPagination.vue +7 -6
  94. package/src/components/CnPagination/index.js +1 -1
  95. package/src/components/CnProgressBar/CnProgressBar.vue +262 -0
  96. package/src/components/CnProgressBar/index.js +1 -0
  97. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +792 -0
  98. package/src/components/CnRegisterMapping/index.js +1 -0
  99. package/src/components/CnRowActions/CnRowActions.vue +25 -3
  100. package/src/components/CnRowActions/index.js +1 -1
  101. package/src/components/CnSchemaFormDialog/CnSchemaConfigurationTab.vue +226 -0
  102. package/src/components/CnSchemaFormDialog/CnSchemaFormDialog.vue +787 -0
  103. package/src/components/CnSchemaFormDialog/CnSchemaPropertiesTab.vue +305 -0
  104. package/src/components/CnSchemaFormDialog/CnSchemaPropertyActions.vue +1398 -0
  105. package/src/components/CnSchemaFormDialog/CnSchemaSecurityTab.vue +236 -0
  106. package/src/components/CnSchemaFormDialog/index.js +1 -0
  107. package/src/components/CnSettingsCard/index.js +1 -1
  108. package/src/components/CnSettingsSection/index.js +1 -1
  109. package/src/components/CnStatsBlock/CnStatsBlock.vue +89 -19
  110. package/src/components/CnStatsBlock/index.js +1 -1
  111. package/src/components/CnStatsPanel/CnStatsPanel.vue +320 -0
  112. package/src/components/CnStatsPanel/index.js +1 -0
  113. package/src/components/CnStatusBadge/CnStatusBadge.vue +15 -2
  114. package/src/components/CnStatusBadge/index.js +1 -1
  115. package/src/components/CnTabbedFormDialog/CnTabbedFormDialog.vue +544 -0
  116. package/src/components/CnTabbedFormDialog/index.js +1 -0
  117. package/src/components/CnTableWidget/CnTableWidget.vue +332 -0
  118. package/src/components/CnTableWidget/index.js +1 -0
  119. package/src/components/CnTasksCard/CnTasksCard.vue +373 -0
  120. package/src/components/CnTasksCard/index.js +1 -0
  121. package/src/components/CnTileWidget/CnTileWidget.vue +159 -0
  122. package/src/components/CnTileWidget/index.js +1 -0
  123. package/src/components/CnTimelineStages/CnTimelineStages.vue +292 -0
  124. package/src/components/CnTimelineStages/index.js +1 -0
  125. package/src/components/CnUserActionMenu/CnUserActionMenu.vue +435 -0
  126. package/src/components/CnUserActionMenu/index.js +1 -0
  127. package/src/components/CnVersionInfoCard/index.js +1 -1
  128. package/src/components/CnWidgetRenderer/CnWidgetRenderer.vue +180 -0
  129. package/src/components/CnWidgetRenderer/index.js +1 -0
  130. package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue +246 -0
  131. package/src/components/CnWidgetWrapper/index.js +1 -0
  132. package/src/components/index.js +57 -25
  133. package/src/composables/index.js +5 -3
  134. package/src/composables/useContextMenu.js +126 -0
  135. package/src/composables/useDashboardView.js +286 -0
  136. package/src/composables/useDetailView.js +290 -132
  137. package/src/composables/useListView.js +364 -153
  138. package/src/composables/useSubResource.js +142 -142
  139. package/src/constants/metadata.js +30 -0
  140. package/src/css/CnSchemaFormDialog.css +546 -0
  141. package/src/css/__sample_nextcloud_tokens.css +110 -0
  142. package/src/css/actions-bar.css +54 -0
  143. package/src/css/badge.css +83 -51
  144. package/src/css/card.css +129 -128
  145. package/src/css/context-menu.css +20 -0
  146. package/src/css/dashboard.css +70 -0
  147. package/src/css/detail-page.css +235 -0
  148. package/src/css/detail.css +68 -68
  149. package/src/css/index-page.css +44 -0
  150. package/src/css/index-sidebar.css +193 -0
  151. package/src/css/index.css +17 -8
  152. package/src/css/layout.css +90 -90
  153. package/src/css/page-header.css +35 -0
  154. package/src/css/pagination.css +72 -72
  155. package/src/css/table.css +142 -143
  156. package/src/css/timeline-stages.css +220 -0
  157. package/src/css/utilities.css +46 -46
  158. package/src/index.js +91 -50
  159. package/src/mixins/gridLayout.js +118 -0
  160. package/src/store/createCrudStore.js +360 -0
  161. package/src/store/createSubResourcePlugin.js +125 -135
  162. package/src/store/index.js +4 -3
  163. package/src/store/plugins/auditTrails.js +357 -17
  164. package/src/store/plugins/files.js +250 -186
  165. package/src/store/plugins/index.js +7 -4
  166. package/src/store/plugins/lifecycle.js +180 -180
  167. package/src/store/plugins/registerMapping.js +195 -0
  168. package/src/store/plugins/relations.js +68 -68
  169. package/src/store/plugins/search.js +385 -0
  170. package/src/store/plugins/selection.js +104 -0
  171. package/src/store/useObjectStore.js +823 -625
  172. package/src/types/auditTrail.d.ts +32 -32
  173. package/src/types/file.d.ts +23 -23
  174. package/src/types/index.d.ts +35 -35
  175. package/src/types/notification.d.ts +36 -36
  176. package/src/types/object.d.ts +40 -40
  177. package/src/types/organisation.d.ts +41 -41
  178. package/src/types/register.d.ts +25 -25
  179. package/src/types/schema.d.ts +39 -39
  180. package/src/types/shared.d.ts +79 -79
  181. package/src/types/source.d.ts +14 -14
  182. package/src/types/task.d.ts +31 -31
  183. package/src/utils/errors.js +96 -96
  184. package/src/utils/getTheme.js +9 -0
  185. package/src/utils/headers.js +80 -44
  186. package/src/utils/id.js +13 -0
  187. package/src/utils/index.js +4 -3
  188. package/src/utils/schema.js +422 -287
  189. package/src/utils/widgetVisibility.js +162 -0
  190. package/src/components/CnDetailViewLayout/CnDetailViewLayout.vue +0 -88
  191. package/src/components/CnDetailViewLayout/index.js +0 -1
  192. package/src/components/CnEmptyState/CnEmptyState.vue +0 -78
  193. package/src/components/CnEmptyState/index.js +0 -1
  194. package/src/components/CnListViewLayout/CnListViewLayout.vue +0 -80
  195. package/src/components/CnListViewLayout/index.js +0 -1
  196. package/src/components/CnViewModeToggle/CnViewModeToggle.vue +0 -77
  197. package/src/components/CnViewModeToggle/index.js +0 -1
@@ -1,24 +1,42 @@
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] {
19
+
20
+ .cn-cell-renderer--uuid[data-v-1351820e] {
3
21
  font-family: monospace;
4
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-1351820e] {
8
26
  font-variant-numeric: tabular-nums;
9
27
  }
10
- .cn-cell-renderer--date[data-v-186e38ee] {
28
+ .cn-cell-renderer--date[data-v-1351820e] {
11
29
  white-space: nowrap;
12
30
  }
13
- .cn-cell-renderer__dash[data-v-186e38ee] {
31
+ .cn-cell-renderer__dash[data-v-1351820e] {
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-1351820e] {
17
35
  color: var(--color-success);
18
36
  }
19
37
 
20
38
 
21
- .cn-settings-section__actions[data-v-16a2820b] {
39
+ .cn-settings-section__actions[data-v-50d1f47e] {
22
40
  display: flex;
23
41
  gap: 0.5rem;
24
42
  align-items: center;
@@ -29,14 +47,14 @@
29
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-50d1f47e] {
33
51
  clear: both;
34
52
  }
35
- .cn-settings-section__description-text[data-v-16a2820b] {
53
+ .cn-settings-section__description-text[data-v-50d1f47e] {
36
54
  color: var(--color-text-maxcontrast);
37
55
  margin-bottom: 16px;
38
56
  }
39
- .cn-settings-section__loading[data-v-16a2820b] {
57
+ .cn-settings-section__loading[data-v-50d1f47e] {
40
58
  display: flex;
41
59
  flex-direction: column;
42
60
  align-items: center;
@@ -44,11 +62,11 @@
44
62
  padding: 40px 20px;
45
63
  gap: 16px;
46
64
  }
47
- .cn-settings-section__loading p[data-v-16a2820b] {
65
+ .cn-settings-section__loading p[data-v-50d1f47e] {
48
66
  color: var(--color-text-maxcontrast);
49
67
  font-size: 14px;
50
68
  }
51
- .cn-settings-section__error[data-v-16a2820b] {
69
+ .cn-settings-section__error[data-v-50d1f47e] {
52
70
  display: flex;
53
71
  flex-direction: column;
54
72
  align-items: center;
@@ -59,32 +77,32 @@
59
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] {
80
+ .cn-settings-section__error-message[data-v-50d1f47e] {
63
81
  color: var(--color-error);
64
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-50d1f47e] {
68
86
  padding: 40px 20px;
69
87
  }
70
- .cn-settings-section__empty-content[data-v-16a2820b] {
88
+ .cn-settings-section__empty-content[data-v-50d1f47e] {
71
89
  display: flex;
72
90
  flex-direction: column;
73
91
  align-items: center;
74
92
  gap: 16px;
75
93
  color: var(--color-text-maxcontrast);
76
94
  }
77
- .cn-settings-section__empty-content p[data-v-16a2820b] {
95
+ .cn-settings-section__empty-content p[data-v-50d1f47e] {
78
96
  margin: 0;
79
97
  font-size: 14px;
80
98
  }
81
- .cn-settings-section__footer[data-v-16a2820b] {
99
+ .cn-settings-section__footer[data-v-50d1f47e] {
82
100
  margin-top: 24px;
83
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] {
105
+ .cn-settings-section__actions[data-v-50d1f47e] {
88
106
  position: static;
89
107
  margin-top: 0;
90
108
  margin-bottom: 1rem;
@@ -95,7 +113,7 @@
95
113
  }
96
114
 
97
115
 
98
- .cn-stats-block[data-v-1e8ce1fa] {
116
+ .cn-stats-block[data-v-7089a42d] {
99
117
  background: var(--color-background-hover);
100
118
  border-radius: var(--border-radius-large, 10px);
101
119
  padding: 1rem;
@@ -105,33 +123,39 @@
105
123
  text-decoration: none;
106
124
  color: inherit;
107
125
  border: 2px solid transparent;
108
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
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] {
133
+ .cn-stats-block--horizontal[data-v-7089a42d] {
111
134
  flex-direction: row;
112
- align-items: flex-start;
113
- gap: 16px;
135
+ align-items: center;
136
+ gap: 12px;
114
137
  }
115
- .cn-stats-block--horizontal .cn-stats-block__content[data-v-1e8ce1fa] {
116
- text-align: left;
138
+ .cn-stats-block--horizontal .cn-stats-block__content[data-v-7089a42d] {
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-7089a42d] {
119
143
  justify-content: flex-start;
120
144
  }
121
- .cn-stats-block--clickable[data-v-1e8ce1fa] {
145
+ .cn-stats-block--clickable[data-v-7089a42d] {
122
146
  cursor: pointer;
123
147
  }
124
- .cn-stats-block--clickable[data-v-1e8ce1fa]:hover {
148
+ .cn-stats-block--clickable[data-v-7089a42d]:hover {
125
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 {
152
+ .cn-stats-block--clickable[data-v-7089a42d]:focus-visible {
129
153
  outline: 2px solid var(--color-primary-element);
130
154
  outline-offset: 2px;
131
155
  }
132
156
 
133
157
  /* Icon */
134
- .cn-stats-block__icon[data-v-1e8ce1fa] {
158
+ .cn-stats-block__icon[data-v-7089a42d] {
135
159
  display: flex;
136
160
  align-items: center;
137
161
  justify-content: center;
@@ -143,64 +167,74 @@
143
167
  flex-shrink: 0;
144
168
  margin-bottom: 8px;
145
169
  }
146
- .cn-stats-block--horizontal .cn-stats-block__icon[data-v-1e8ce1fa] {
147
- margin-bottom: 0;
170
+ .cn-stats-block--horizontal .cn-stats-block__icon[data-v-7089a42d] {
171
+ margin-bottom: 0;
172
+ width: 36px;
173
+ height: 36px;
148
174
  }
149
- .cn-stats-block__icon--primary[data-v-1e8ce1fa] {
175
+ .cn-stats-block__icon--primary[data-v-7089a42d] {
150
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] {
179
+ .cn-stats-block__icon--success[data-v-7089a42d] {
154
180
  background: rgba(70, 186, 97, 0.1);
155
- color: var(--color-success);
181
+ color: var(--color-element-success, var(--color-success));
156
182
  }
157
- .cn-stats-block__icon--warning[data-v-1e8ce1fa] {
183
+ .cn-stats-block__icon--warning[data-v-7089a42d] {
158
184
  background: rgba(232, 163, 24, 0.1);
159
- color: var(--color-warning);
185
+ color: var(--color-element-warning, var(--color-warning));
160
186
  }
161
- .cn-stats-block__icon--error[data-v-1e8ce1fa] {
187
+ .cn-stats-block__icon--error[data-v-7089a42d] {
162
188
  background: rgba(224, 36, 36, 0.1);
163
- color: var(--color-error);
189
+ color: var(--color-element-error, var(--color-error));
164
190
  }
165
191
 
166
192
  /* Content */
167
- .cn-stats-block__content[data-v-1e8ce1fa] {
193
+ .cn-stats-block__content[data-v-7089a42d] {
168
194
  flex: 1;
169
195
  min-width: 0;
170
196
  text-align: center;
171
197
  }
172
- .cn-stats-block__header h4[data-v-1e8ce1fa] {
198
+ .cn-stats-block__header h4[data-v-7089a42d] {
173
199
  margin-top: 0;
174
- margin-bottom: 0.5rem;
200
+ margin-bottom: 0.25rem;
175
201
  color: var(--color-main-text);
176
202
  font-size: 14px;
177
- font-weight: 600;
203
+ font-weight: 600;
204
+ white-space: nowrap;
205
+ overflow: hidden;
206
+ text-overflow: ellipsis;
178
207
  }
179
- .cn-stats-block__count[data-v-1e8ce1fa] {
208
+ .cn-stats-block__count[data-v-7089a42d] {
180
209
  display: flex;
181
210
  align-items: baseline;
182
211
  justify-content: center;
183
- gap: 0.5rem;
212
+ gap: 0.25rem;
184
213
  font-size: 1.2rem;
185
- margin-bottom: 0.5rem;
214
+ margin-bottom: 0.25rem;
215
+ white-space: nowrap;
216
+ overflow: hidden;
186
217
  }
187
- .cn-stats-block__count-value[data-v-1e8ce1fa] {
218
+ .cn-stats-block__count-value[data-v-7089a42d] {
188
219
  font-size: 2rem;
189
220
  font-weight: bold;
190
- color: var(--color-primary-element);
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-7089a42d] { 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-7089a42d] { 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-7089a42d] { 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-7089a42d] { color: var(--color-element-error, var(--color-error));
199
231
  }
200
- .cn-stats-block__count-label[data-v-1e8ce1fa] {
201
- color: var(--color-text-maxcontrast);
232
+ .cn-stats-block__count-label[data-v-7089a42d] {
233
+ color: var(--color-text-maxcontrast);
234
+ overflow: hidden;
235
+ text-overflow: ellipsis;
202
236
  }
203
- .cn-stats-block__loading[data-v-1e8ce1fa] {
237
+ .cn-stats-block__loading[data-v-7089a42d] {
204
238
  display: flex;
205
239
  align-items: center;
206
240
  justify-content: center;
@@ -208,13 +242,13 @@
208
242
  color: var(--color-text-maxcontrast);
209
243
  margin-bottom: 0.5rem;
210
244
  }
211
- .cn-stats-block__empty[data-v-1e8ce1fa] {
245
+ .cn-stats-block__empty[data-v-7089a42d] {
212
246
  text-align: center;
213
247
  color: var(--color-text-maxcontrast);
214
248
  font-style: italic;
215
249
  margin-bottom: 0.5rem;
216
250
  }
217
- .cn-stats-block__breakdown[data-v-1e8ce1fa] {
251
+ .cn-stats-block__breakdown[data-v-7089a42d] {
218
252
  margin-top: 0.5rem;
219
253
  padding: 0.75rem;
220
254
  background: var(--color-background-hover);
@@ -222,81 +256,81 @@
222
256
  border: 1px solid var(--color-border);
223
257
  width: 100%;
224
258
  }
225
- .cn-stats-block__breakdown-item[data-v-1e8ce1fa] {
259
+ .cn-stats-block__breakdown-item[data-v-7089a42d] {
226
260
  display: flex;
227
261
  justify-content: space-between;
228
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-7089a42d]:last-child {
232
266
  margin-bottom: 0;
233
267
  }
234
- .cn-stats-block__breakdown-label[data-v-1e8ce1fa] {
268
+ .cn-stats-block__breakdown-label[data-v-7089a42d] {
235
269
  font-weight: 500;
236
270
  color: var(--color-main-text);
237
271
  }
238
- .cn-stats-block__breakdown-value[data-v-1e8ce1fa] {
272
+ .cn-stats-block__breakdown-value[data-v-7089a42d] {
239
273
  font-weight: 600;
240
274
  padding: 0.25rem 0.5rem;
241
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-7089a42d] { color: var(--color-element-warning);
245
279
  }
246
- .cn-stats-block__breakdown-value--deleted[data-v-1e8ce1fa] { color: var(--color-error);
280
+ .cn-stats-block__breakdown-value--deleted[data-v-7089a42d] { color: var(--color-element-error);
247
281
  }
248
- .cn-stats-block__breakdown-value--published[data-v-1e8ce1fa] { color: var(--color-success);
282
+ .cn-stats-block__breakdown-value--published[data-v-7089a42d] { color: var(--color-element-success);
249
283
  }
250
284
 
251
285
 
252
- .cn-config-card__status[data-v-7f20d485] {
286
+ .cn-config-card__status[data-v-3f1d3a0a] {
253
287
  display: flex;
254
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-3f1d3a0a] {
258
292
  margin-bottom: 8px;
259
293
  }
260
- .cn-config-card__footer[data-v-7f20d485] {
294
+ .cn-config-card__footer[data-v-3f1d3a0a] {
261
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] {
300
+ .cn-version-info__card[data-v-4574fa88] {
267
301
  background: var(--color-background-hover);
268
302
  border: 1px solid var(--color-border);
269
303
  border-radius: var(--border-radius-large);
270
304
  padding: 20px;
271
305
  margin-bottom: 20px;
272
306
  }
273
- .cn-version-info__card h4[data-v-29cf5e06] {
307
+ .cn-version-info__card h4[data-v-4574fa88] {
274
308
  margin: 0 0 16px 0;
275
309
  font-size: 16px;
276
310
  font-weight: 600;
277
311
  color: var(--color-main-text);
278
312
  }
279
- .cn-version-info__details[data-v-29cf5e06] {
313
+ .cn-version-info__details[data-v-4574fa88] {
280
314
  display: flex;
281
315
  flex-direction: column;
282
316
  gap: 12px;
283
317
  }
284
- .cn-version-info__item[data-v-29cf5e06] {
318
+ .cn-version-info__item[data-v-4574fa88] {
285
319
  display: flex;
286
320
  justify-content: space-between;
287
321
  align-items: center;
288
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-4574fa88]:last-child {
292
326
  border-bottom: none;
293
327
  }
294
- .cn-version-info__label[data-v-29cf5e06] {
328
+ .cn-version-info__label[data-v-4574fa88] {
295
329
  font-weight: 500;
296
330
  color: var(--color-text-maxcontrast);
297
331
  font-size: 14px;
298
332
  }
299
- .cn-version-info__value[data-v-29cf5e06] {
333
+ .cn-version-info__value[data-v-4574fa88] {
300
334
  font-family: 'Courier New', Courier, monospace;
301
335
  font-weight: 600;
302
336
  color: var(--color-main-text);
@@ -304,34 +338,34 @@
304
338
  }
305
339
 
306
340
  /* Status classes for values */
307
- .cn-version-info__status--ok[data-v-29cf5e06] {
341
+ .cn-version-info__status--ok[data-v-4574fa88] {
308
342
  color: var(--color-success);
309
343
  font-weight: 600;
310
344
  }
311
- .cn-version-info__status--warning[data-v-29cf5e06] {
345
+ .cn-version-info__status--warning[data-v-4574fa88] {
312
346
  color: var(--color-warning);
313
347
  font-weight: 600;
314
348
  }
315
- .cn-version-info__status--error[data-v-29cf5e06] {
349
+ .cn-version-info__status--error[data-v-4574fa88] {
316
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] {
354
+ .cn-version-info__item[data-v-4574fa88] {
321
355
  flex-direction: column;
322
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-4574fa88] {
326
360
  font-weight: 600;
327
361
  }
328
- .cn-version-info__value[data-v-29cf5e06] {
362
+ .cn-version-info__value[data-v-4574fa88] {
329
363
  word-break: break-all;
330
364
  }
331
365
  }
332
366
 
333
367
 
334
- .cn-object-card[data-v-dd5d0a22] {
368
+ .cn-object-card[data-v-3f9ae9ac] {
335
369
  display: flex;
336
370
  gap: 12px;
337
371
  padding: 16px;
@@ -341,39 +375,39 @@
341
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 {
378
+ .cn-object-card[data-v-3f9ae9ac]:hover {
345
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] {
382
+ .cn-object-card--selected[data-v-3f9ae9ac] {
349
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] {
386
+ .cn-object-card__checkbox[data-v-3f9ae9ac] {
353
387
  flex-shrink: 0;
354
388
  padding-top: 2px;
355
389
  }
356
- .cn-object-card__content[data-v-dd5d0a22] {
390
+ .cn-object-card__content[data-v-3f9ae9ac] {
357
391
  flex: 1;
358
392
  min-width: 0;
359
393
  }
360
- .cn-object-card__header[data-v-dd5d0a22] {
394
+ .cn-object-card__header[data-v-3f9ae9ac] {
361
395
  display: flex;
362
396
  gap: 12px;
363
397
  align-items: flex-start;
364
398
  }
365
- .cn-object-card__image[data-v-dd5d0a22] {
399
+ .cn-object-card__image[data-v-3f9ae9ac] {
366
400
  width: 48px;
367
401
  height: 48px;
368
402
  border-radius: var(--border-radius);
369
403
  object-fit: cover;
370
404
  flex-shrink: 0;
371
405
  }
372
- .cn-object-card__title-area[data-v-dd5d0a22] {
406
+ .cn-object-card__title-area[data-v-3f9ae9ac] {
373
407
  flex: 1;
374
408
  min-width: 0;
375
409
  }
376
- .cn-object-card__title[data-v-dd5d0a22] {
410
+ .cn-object-card__title[data-v-3f9ae9ac] {
377
411
  margin: 0;
378
412
  font-size: 16px;
379
413
  font-weight: 600;
@@ -382,16 +416,16 @@
382
416
  text-overflow: ellipsis;
383
417
  white-space: nowrap;
384
418
  }
385
- .cn-object-card__description[data-v-dd5d0a22] {
419
+ .cn-object-card__description[data-v-3f9ae9ac] {
386
420
  margin: 4px 0 0;
387
421
  font-size: 13px;
388
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-3f9ae9ac] {
392
426
  margin-top: 8px;
393
427
  }
394
- .cn-object-card__metadata[data-v-dd5d0a22] {
428
+ .cn-object-card__metadata[data-v-3f9ae9ac] {
395
429
  display: grid;
396
430
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
397
431
  gap: 8px;
@@ -399,118 +433,116 @@
399
433
  padding-top: 12px;
400
434
  border-top: 1px solid var(--color-border);
401
435
  }
402
- .cn-object-card__meta-item[data-v-dd5d0a22] {
436
+ .cn-object-card__meta-item[data-v-3f9ae9ac] {
403
437
  display: flex;
404
438
  flex-direction: column;
405
439
  gap: 2px;
406
440
  }
407
- .cn-object-card__meta-label[data-v-dd5d0a22] {
441
+ .cn-object-card__meta-label[data-v-3f9ae9ac] {
408
442
  font-size: 11px;
409
443
  font-weight: 500;
410
444
  color: var(--color-text-maxcontrast);
411
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-3f9ae9ac] {
415
449
  flex-shrink: 0;
416
450
  }
417
451
 
418
452
 
419
- .cn-card-grid__grid[data-v-71163d45] {
453
+ .cn-card-grid__grid[data-v-6d1d364e] {
420
454
  display: grid;
421
455
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
422
456
  gap: 16px;
423
457
  }
424
- .cn-card-grid__loading[data-v-71163d45] {
458
+ .cn-card-grid__loading[data-v-6d1d364e] {
425
459
  display: flex;
426
460
  justify-content: center;
427
461
  padding: 40px;
428
462
  }
429
- .cn-card-grid__empty[data-v-71163d45] {
463
+ .cn-card-grid__empty[data-v-6d1d364e] {
430
464
  padding: 40px 20px;
431
465
  text-align: center;
432
466
  }
433
467
 
434
468
 
435
- .cn-facet-sidebar[data-v-f5e6b572] {
469
+ .cn-facet-sidebar[data-v-577c7716] {
436
470
  padding: 16px;
437
471
  border-right: 1px solid var(--color-border);
438
472
  min-width: 240px;
439
473
  max-width: 300px;
440
474
  }
441
- .cn-facet-sidebar__header[data-v-f5e6b572] {
475
+ .cn-facet-sidebar__header[data-v-577c7716] {
442
476
  display: flex;
443
477
  justify-content: space-between;
444
478
  align-items: center;
445
479
  margin-bottom: 16px;
446
480
  }
447
- .cn-facet-sidebar__title[data-v-f5e6b572] {
481
+ .cn-facet-sidebar__title[data-v-577c7716] {
448
482
  margin: 0;
449
483
  font-size: 15px;
450
484
  font-weight: 600;
451
485
  }
452
- .cn-facet-sidebar__loading[data-v-f5e6b572] {
486
+ .cn-facet-sidebar__loading[data-v-577c7716] {
453
487
  display: flex;
454
488
  justify-content: center;
455
489
  padding: 20px;
456
490
  }
457
- .cn-facet-sidebar__filters[data-v-f5e6b572] {
491
+ .cn-facet-sidebar__filters[data-v-577c7716] {
458
492
  display: flex;
459
493
  flex-direction: column;
460
494
  gap: 16px;
461
495
  }
462
- .cn-facet-sidebar__group[data-v-f5e6b572] {
496
+ .cn-facet-sidebar__group[data-v-577c7716] {
463
497
  display: flex;
464
498
  flex-direction: column;
465
499
  gap: 4px;
466
500
  }
467
- .cn-facet-sidebar__label[data-v-f5e6b572] {
501
+ .cn-facet-sidebar__label[data-v-577c7716] {
468
502
  font-size: 12px;
469
503
  font-weight: 500;
470
504
  color: var(--color-text-maxcontrast);
471
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-577c7716] {
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;
513
+ .cn-row-action--destructive[data-v-d73c0bd0] {
514
+ color: var(--color-error) !important;
484
515
  }
485
516
 
486
517
 
487
- .cn-row-action--destructive[data-v-02a7d254] {
488
- color: var(--color-error) !important;
518
+ .cn-context-menu[data-v-a96cd2ac] {
519
+ /* Hide the NcActions trigger button — menu opens only via right-click */
520
+ display: none;
489
521
  }
490
522
 
491
523
 
492
- .cn-mass-delete__list[data-v-1fcfdf95] {
524
+ .cn-mass-delete__list[data-v-6ea566ce] {
493
525
  max-height: 300px;
494
526
  overflow-y: auto;
495
527
  margin-top: 12px;
496
528
  }
497
- .cn-mass-delete__item[data-v-1fcfdf95] {
529
+ .cn-mass-delete__item[data-v-6ea566ce] {
498
530
  display: flex;
499
531
  align-items: center;
500
532
  justify-content: space-between;
501
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-6ea566ce]:last-child {
505
537
  border-bottom: none;
506
538
  }
507
- .cn-mass-delete__item-name[data-v-1fcfdf95] {
539
+ .cn-mass-delete__item-name[data-v-6ea566ce] {
508
540
  font-weight: 500;
509
541
  overflow: hidden;
510
542
  text-overflow: ellipsis;
511
543
  white-space: nowrap;
512
544
  }
513
- .cn-mass-delete__empty[data-v-1fcfdf95] {
545
+ .cn-mass-delete__empty[data-v-6ea566ce] {
514
546
  text-align: center;
515
547
  color: var(--color-text-maxcontrast);
516
548
  font-style: italic;
@@ -518,52 +550,52 @@
518
550
  }
519
551
 
520
552
 
521
- .cn-mass-copy__pattern[data-v-56d132fe] {
553
+ .cn-mass-copy__pattern[data-v-2715aa80] {
522
554
  margin-bottom: 16px;
523
555
  }
524
- .cn-mass-copy__pattern label[data-v-56d132fe] {
556
+ .cn-mass-copy__pattern label[data-v-2715aa80] {
525
557
  display: block;
526
558
  font-weight: 600;
527
559
  margin-bottom: 4px;
528
560
  }
529
- .cn-mass-copy__list[data-v-56d132fe] {
561
+ .cn-mass-copy__list[data-v-2715aa80] {
530
562
  max-height: 300px;
531
563
  overflow-y: auto;
532
564
  }
533
- .cn-mass-copy__item[data-v-56d132fe] {
565
+ .cn-mass-copy__item[data-v-2715aa80] {
534
566
  display: flex;
535
567
  align-items: center;
536
568
  justify-content: space-between;
537
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-2715aa80]:last-child {
541
573
  border-bottom: none;
542
574
  }
543
- .cn-mass-copy__item-names[data-v-56d132fe] {
575
+ .cn-mass-copy__item-names[data-v-2715aa80] {
544
576
  display: flex;
545
577
  align-items: center;
546
578
  gap: 8px;
547
579
  overflow: hidden;
548
580
  flex: 1;
549
581
  }
550
- .cn-mass-copy__item-original[data-v-56d132fe] {
582
+ .cn-mass-copy__item-original[data-v-2715aa80] {
551
583
  color: var(--color-text-maxcontrast);
552
584
  overflow: hidden;
553
585
  text-overflow: ellipsis;
554
586
  white-space: nowrap;
555
587
  }
556
- .cn-mass-copy__item-arrow[data-v-56d132fe] {
588
+ .cn-mass-copy__item-arrow[data-v-2715aa80] {
557
589
  flex-shrink: 0;
558
590
  color: var(--color-text-maxcontrast);
559
591
  }
560
- .cn-mass-copy__item-new[data-v-56d132fe] {
592
+ .cn-mass-copy__item-new[data-v-2715aa80] {
561
593
  font-weight: 500;
562
594
  overflow: hidden;
563
595
  text-overflow: ellipsis;
564
596
  white-space: nowrap;
565
597
  }
566
- .cn-mass-copy__empty[data-v-56d132fe] {
598
+ .cn-mass-copy__empty[data-v-2715aa80] {
567
599
  text-align: center;
568
600
  color: var(--color-text-maxcontrast);
569
601
  font-style: italic;
@@ -571,102 +603,102 @@
571
603
  }
572
604
 
573
605
 
574
- .cn-mass-export__description[data-v-4d59fe8f] {
606
+ .cn-mass-export__description[data-v-2510793e] {
575
607
  margin-bottom: 16px;
576
608
  color: var(--color-text-maxcontrast);
577
609
  }
578
- .cn-mass-export__field[data-v-4d59fe8f] {
610
+ .cn-mass-export__field[data-v-2510793e] {
579
611
  display: flex;
580
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-2510793e] {
584
616
  font-weight: 600;
585
617
  }
586
618
 
587
619
 
588
- .cn-mass-import__form[data-v-d5f77ada] {
620
+ .cn-mass-import__form[data-v-75e6fda0] {
589
621
  display: flex;
590
622
  flex-direction: column;
591
623
  gap: 16px;
592
624
  }
593
- .cn-mass-import__file-row[data-v-d5f77ada] {
625
+ .cn-mass-import__file-row[data-v-75e6fda0] {
594
626
  display: flex;
595
627
  align-items: center;
596
628
  gap: 12px;
597
629
  }
598
- .cn-mass-import__file-info[data-v-d5f77ada] {
630
+ .cn-mass-import__file-info[data-v-75e6fda0] {
599
631
  display: flex;
600
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-75e6fda0] {
604
636
  font-weight: 500;
605
637
  }
606
- .cn-mass-import__file-size[data-v-d5f77ada] {
638
+ .cn-mass-import__file-size[data-v-75e6fda0] {
607
639
  color: var(--color-text-maxcontrast);
608
640
  font-size: 0.9em;
609
641
  }
610
- .cn-mass-import__help[data-v-d5f77ada] {
642
+ .cn-mass-import__help[data-v-75e6fda0] {
611
643
  padding: 12px;
612
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-75e6fda0] {
616
648
  margin: 0 0 8px;
617
649
  }
618
- .cn-mass-import__help ul[data-v-d5f77ada] {
650
+ .cn-mass-import__help ul[data-v-75e6fda0] {
619
651
  margin: 0;
620
652
  padding-left: 20px;
621
653
  }
622
- .cn-mass-import__options[data-v-d5f77ada] {
654
+ .cn-mass-import__options[data-v-75e6fda0] {
623
655
  display: flex;
624
656
  flex-direction: column;
625
657
  gap: 12px;
626
658
  }
627
659
 
628
660
  /* Summary table */
629
- .cn-mass-import__results h3[data-v-d5f77ada] {
661
+ .cn-mass-import__results h3[data-v-75e6fda0] {
630
662
  margin: 0 0 12px;
631
663
  font-size: 1.1rem;
632
664
  }
633
- .cn-mass-import__summary-table[data-v-d5f77ada] {
665
+ .cn-mass-import__summary-table[data-v-75e6fda0] {
634
666
  width: 100%;
635
667
  border-collapse: collapse;
636
668
  border-radius: var(--border-radius);
637
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] {
672
+ .cn-mass-import__summary-table th[data-v-75e6fda0],
673
+ .cn-mass-import__summary-table td[data-v-75e6fda0] {
642
674
  padding: 8px 12px;
643
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] {
678
+ .cn-mass-import__summary-table th[data-v-75e6fda0] {
647
679
  background: var(--color-background-dark);
648
680
  font-weight: 600;
649
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-75e6fda0] {
653
685
  font-weight: 600;
654
686
  }
655
- .cn-mass-import__stat[data-v-d5f77ada] {
687
+ .cn-mass-import__stat[data-v-75e6fda0] {
656
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-75e6fda0] { 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-75e6fda0] { 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-75e6fda0] { 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-75e6fda0] { 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-75e6fda0] { color: var(--color-error);
668
700
  }
669
- .cn-mass-import__expand[data-v-d5f77ada] {
701
+ .cn-mass-import__expand[data-v-75e6fda0] {
670
702
  background: none;
671
703
  border: none;
672
704
  cursor: pointer;
@@ -677,127 +709,3171 @@
677
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-75e6fda0]: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-75e6fda0] {
684
716
  transform: rotate(180deg);
685
717
  }
686
718
 
687
719
  /* Error details */
688
- .cn-mass-import__error-row td[data-v-d5f77ada] {
720
+ .cn-mass-import__error-row td[data-v-75e6fda0] {
689
721
  padding: 8px 12px;
690
722
  background: var(--color-background-hover);
691
723
  }
692
- .cn-mass-import__error-table[data-v-d5f77ada] {
724
+ .cn-mass-import__error-table[data-v-75e6fda0] {
693
725
  width: 100%;
694
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] {
729
+ .cn-mass-import__error-table th[data-v-75e6fda0],
730
+ .cn-mass-import__error-table td[data-v-75e6fda0] {
699
731
  padding: 6px 10px;
700
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] {
735
+ .cn-mass-import__error-table th[data-v-75e6fda0] {
704
736
  background: var(--color-background-dark);
705
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-4fc24979] {
743
+ padding: 4px 0;
744
+ }
745
+
746
+
747
+ .cn-copy__pattern[data-v-18c2e66e] {
748
+ margin-bottom: 16px;
749
+ }
750
+ .cn-copy__pattern label[data-v-18c2e66e] {
751
+ display: block;
752
+ font-weight: 600;
753
+ margin-bottom: 4px;
712
754
  }
713
- .cn-index-page__header[data-v-a107d580] {
755
+ .cn-copy__preview[data-v-18c2e66e] {
756
+ margin-top: 12px;
757
+ }
758
+ .cn-copy__preview-row[data-v-18c2e66e] {
714
759
  display: flex;
715
- justify-content: space-between;
716
760
  align-items: center;
717
- margin-bottom: 16px;
718
- flex-wrap: wrap;
719
- gap: 12px;
761
+ gap: 8px;
762
+ padding: 8px 12px;
763
+ background-color: var(--color-background-hover);
764
+ border-radius: var(--border-radius);
765
+ }
766
+ .cn-copy__preview-original[data-v-18c2e66e] {
767
+ color: var(--color-text-maxcontrast);
768
+ overflow: hidden;
769
+ text-overflow: ellipsis;
770
+ white-space: nowrap;
771
+ }
772
+ .cn-copy__preview-arrow[data-v-18c2e66e] {
773
+ flex-shrink: 0;
774
+ color: var(--color-text-maxcontrast);
775
+ }
776
+ .cn-copy__preview-new[data-v-18c2e66e] {
777
+ font-weight: 500;
778
+ overflow: hidden;
779
+ text-overflow: ellipsis;
780
+ white-space: nowrap;
781
+ }
782
+
783
+
784
+ .cn-form-dialog__form[data-v-08291a1f] {
785
+ display: flex;
786
+ flex-direction: column;
787
+ gap: 4px;
720
788
  }
721
- .cn-index-page__title-area[data-v-a107d580] {
789
+ .cn-form-dialog__field[data-v-08291a1f] {
790
+ margin-bottom: 8px;
791
+ }
792
+ .cn-form-dialog__textarea-wrapper[data-v-08291a1f],
793
+ .cn-form-dialog__select-wrapper[data-v-08291a1f] {
722
794
  display: flex;
723
- align-items: baseline;
724
- gap: 8px;
795
+ flex-direction: column;
796
+ gap: 4px;
797
+ }
798
+ .cn-form-dialog__label[data-v-08291a1f] {
799
+ font-weight: 600;
800
+ font-size: 0.9em;
801
+ color: var(--color-main-text);
802
+ }
803
+ .cn-form-dialog__textarea[data-v-08291a1f] {
804
+ width: 100%;
805
+ min-height: 80px;
806
+ padding: 8px;
807
+ border: 2px solid var(--color-border-maxcontrast);
808
+ border-radius: var(--border-radius-large);
809
+ background-color: var(--color-main-background);
810
+ color: var(--color-main-text);
811
+ font-family: inherit;
812
+ font-size: inherit;
813
+ resize: vertical;
814
+ }
815
+ .cn-form-dialog__textarea[data-v-08291a1f]:focus {
816
+ border-color: var(--color-primary-element);
817
+ outline: none;
818
+ }
819
+ .cn-form-dialog__textarea[data-v-08291a1f]:disabled {
820
+ opacity: 0.5;
821
+ cursor: not-allowed;
725
822
  }
726
- .cn-index-page__title[data-v-a107d580] {
823
+ .cn-form-dialog__helper[data-v-08291a1f] {
824
+ font-size: 0.85em;
825
+ color: var(--color-text-maxcontrast);
826
+ }
827
+ .cn-form-dialog__helper--error[data-v-08291a1f] {
828
+ color: var(--color-error);
829
+ }
830
+
831
+
832
+ .cn-advanced-form-dialog__value-input-container[data-v-e6f842ea] :deep(.text-field) {
727
833
  margin: 0;
728
- font-size: 22px;
729
- font-weight: 700;
834
+ padding: 0;
730
835
  }
731
- .cn-index-page__count[data-v-a107d580] {
732
- font-size: 14px;
836
+ .cn-advanced-form-dialog__boolean-input-row[data-v-e6f842ea] {
837
+ display: flex;
838
+ align-items: center;
839
+ gap: 6px;
840
+ }
841
+
842
+ /* patch extreme size in field */
843
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-e6f842ea] {
844
+ padding-left: 0;
845
+ padding-block: 0;
846
+ }
847
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-e6f842ea] {
848
+ margin: 0;
849
+ }
850
+ .cn-advanced-form-dialog__info-icon[data-v-e6f842ea] {
851
+ flex-shrink: 0;
852
+ color: var(--color-text-maxcontrast);
853
+ cursor: help;
854
+ }
855
+ .cn-advanced-form-dialog__json-value[data-v-e6f842ea] {
856
+ max-height: 200px;
857
+ overflow-y: auto;
858
+ white-space: pre-wrap;
859
+ font-family: monospace;
860
+ font-size: 12px;
861
+ background: var(--color-background-dark);
862
+ padding: 8px;
863
+ border-radius: 4px;
864
+ margin: 0;
865
+ }
866
+
867
+
868
+ .cn-advanced-form-dialog__table-container[data-v-4ccd936d] {
869
+ background: var(--color-main-background);
870
+ border-radius: var(--border-radius);
871
+ overflow: hidden;
872
+ box-shadow: 0 2px 4px var(--color-box-shadow);
873
+ border: 1px solid var(--color-border);
874
+ margin-bottom: calc(5 * var(--default-grid-baseline));
875
+ }
876
+ .cn-advanced-form-dialog__table[data-v-4ccd936d] {
877
+ width: 100%;
878
+ border-collapse: collapse;
879
+ background-color: var(--color-main-background);
880
+ }
881
+ .cn-advanced-form-dialog__table th[data-v-4ccd936d],
882
+ .cn-advanced-form-dialog__table td[data-v-4ccd936d] {
883
+ padding: calc(3 * var(--default-grid-baseline));
884
+ text-align: left;
885
+ border-bottom: 1px solid var(--color-border);
886
+ vertical-align: middle;
887
+ }
888
+ .cn-advanced-form-dialog__table th[data-v-4ccd936d] {
889
+ background: var(--color-background-dark);
890
+ font-weight: 500;
733
891
  color: var(--color-text-maxcontrast);
734
892
  }
735
- .cn-index-page__header-actions[data-v-a107d580] {
893
+ .cn-advanced-form-dialog__table-row[data-v-4ccd936d] {
894
+ cursor: pointer;
895
+ transition: background-color 0.2s ease;
896
+ background-color: var(--color-main-background);
897
+ }
898
+ .cn-advanced-form-dialog__table-row[data-v-4ccd936d]:hover {
899
+ background-color: var(--color-background-hover);
900
+ }
901
+
902
+ /* Active/selected row: light blue; ensure it wins over validation state classes */
903
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-4ccd936d],
904
+ .cn-advanced-form-dialog__table-row--selected[data-v-4ccd936d]:hover {
905
+ background-color: var(--color-primary-light);
906
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
907
+ }
908
+ .cn-advanced-form-dialog__table-row--edited[data-v-4ccd936d] {
909
+ background-color: var(--color-success-light);
910
+ box-shadow: inset 3px 0 0 0 var(--color-success);
911
+ }
912
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-4ccd936d] {
913
+ background-color: var(--color-background-dark);
914
+ cursor: not-allowed;
915
+ opacity: 0.7;
916
+ }
917
+ .cn-advanced-form-dialog__table-row--non-editable *[data-v-4ccd936d] {
918
+ cursor: not-allowed !important;
919
+ }
920
+ .cn-advanced-form-dialog__table-row--valid[data-v-4ccd936d] {
921
+ box-shadow: inset 3px 0 0 0 var(--color-success);
922
+ }
923
+ .cn-advanced-form-dialog__table-row--invalid[data-v-4ccd936d] {
924
+ background-color: var(--color-error-light);
925
+ box-shadow: inset 3px 0 0 0 var(--color-error);
926
+ }
927
+ .cn-advanced-form-dialog__table-row--warning[data-v-4ccd936d] {
928
+ background-color: var(--color-warning-light);
929
+ box-shadow: inset 3px 0 0 0 var(--color-warning);
930
+ }
931
+ .cn-advanced-form-dialog__table-row--new[data-v-4ccd936d] {
932
+ box-shadow: inset 3px 0 0 0 var(--color-primary-element);
933
+ }
934
+ .cn-advanced-form-dialog__table-col-constrained[data-v-4ccd936d] {
935
+ width: 150px;
936
+ max-width: 150px;
937
+ overflow: hidden;
938
+ text-overflow: ellipsis;
939
+ white-space: nowrap;
940
+ }
941
+ .cn-advanced-form-dialog__table-col-expanded[data-v-4ccd936d] {
942
+ width: auto;
943
+ min-width: 200px;
944
+ }
945
+ .cn-advanced-form-dialog__prop-cell[data-v-4ccd936d] {
946
+ width: 30%;
947
+ font-weight: 600;
948
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
949
+ }
950
+ .cn-advanced-form-dialog__value-cell[data-v-4ccd936d] {
951
+ width: 70%;
952
+ word-break: break-word;
953
+ border-radius: 4px;
954
+ }
955
+ .cn-advanced-form-dialog__prop-cell-content[data-v-4ccd936d] {
736
956
  display: flex;
737
957
  align-items: center;
738
958
  gap: 8px;
739
959
  }
740
- .cn-index-page__body[data-v-a107d580] {
960
+ .cn-advanced-form-dialog__validation-icon[data-v-4ccd936d] {
961
+ flex-shrink: 0;
962
+ }
963
+ .cn-advanced-form-dialog__validation-icon--error[data-v-4ccd936d] {
964
+ color: var(--color-error);
965
+ }
966
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-4ccd936d] {
967
+ color: var(--color-warning);
968
+ }
969
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-4ccd936d] {
970
+ color: var(--color-text-lighter);
971
+ }
972
+ .cn-advanced-form-dialog__validation-icon--new[data-v-4ccd936d] {
973
+ color: var(--color-primary-element);
974
+ }
975
+
976
+
977
+ .cn-advanced-form-dialog__table-container[data-v-81d9c468] {
978
+ background: var(--color-main-background);
979
+ border-radius: var(--border-radius);
980
+ overflow: hidden;
981
+ box-shadow: 0 2px 4px var(--color-box-shadow);
982
+ border: 1px solid var(--color-border);
983
+ margin-bottom: calc(5 * var(--default-grid-baseline));
984
+ }
985
+ .cn-advanced-form-dialog__table[data-v-81d9c468] {
986
+ width: 100%;
987
+ border-collapse: collapse;
988
+ background-color: var(--color-main-background);
989
+ }
990
+ .cn-advanced-form-dialog__table th[data-v-81d9c468],
991
+ .cn-advanced-form-dialog__table td[data-v-81d9c468] {
992
+ padding: calc(3 * var(--default-grid-baseline));
993
+ text-align: left;
994
+ border-bottom: 1px solid var(--color-border);
995
+ vertical-align: middle;
996
+ }
997
+ .cn-advanced-form-dialog__table th[data-v-81d9c468] {
998
+ background: var(--color-background-dark);
999
+ font-weight: 500;
1000
+ color: var(--color-text-maxcontrast);
1001
+ }
1002
+ .cn-advanced-form-dialog__table-row[data-v-81d9c468] {
1003
+ cursor: default;
1004
+ background-color: var(--color-main-background);
1005
+ }
1006
+ .cn-advanced-form-dialog__table-col-constrained[data-v-81d9c468] {
1007
+ width: 150px;
1008
+ max-width: 150px;
1009
+ overflow: hidden;
1010
+ text-overflow: ellipsis;
1011
+ white-space: nowrap;
1012
+ }
1013
+ .cn-advanced-form-dialog__table-col-expanded[data-v-81d9c468] {
1014
+ width: auto;
1015
+ min-width: 200px;
1016
+ }
1017
+
1018
+
1019
+ .cn-advanced-form-dialog__json-editor[data-v-4ed610ef] {
741
1020
  display: flex;
742
- gap: 0;
1021
+ flex-direction: column;
1022
+ gap: 8px;
743
1023
  }
744
- .cn-index-page__body--with-sidebar[data-v-a107d580] {
745
- gap: 0;
1024
+ .cn-advanced-form-dialog__codemirror-container[data-v-4ed610ef] {
1025
+ margin-top: 6px;
1026
+ border: 1px solid var(--color-border);
1027
+ border-radius: var(--border-radius);
1028
+ position: relative;
746
1029
  }
747
- .cn-index-page__sidebar[data-v-a107d580] {
748
- flex-shrink: 0;
1030
+ .cn-advanced-form-dialog__codemirror-container[data-v-4ed610ef] :deep(.cm-editor) {
1031
+ height: 100%;
749
1032
  }
750
- .cn-index-page__main[data-v-a107d580] {
751
- flex: 1;
752
- min-width: 0;
1033
+ .cn-advanced-form-dialog__codemirror-container[data-v-4ed610ef] :deep(.cm-scroller) {
1034
+ overflow: auto;
753
1035
  }
754
- .cn-index-page__search[data-v-a107d580] {
755
- margin-bottom: 16px;
1036
+ .cn-advanced-form-dialog__codemirror-container[data-v-4ed610ef] :deep(.cm-content) {
1037
+ border-radius: 0 !important;
1038
+ border: none !important;
1039
+ }
1040
+ .cn-advanced-form-dialog__codemirror-container[data-v-4ed610ef] :deep(.cm-editor) {
1041
+ outline: none !important;
1042
+ }
1043
+ .cn-advanced-form-dialog__codemirror-container--light > .vue-codemirror[data-v-4ed610ef] {
1044
+ border: 1px dotted silver;
1045
+ }
1046
+ .cn-advanced-form-dialog__codemirror-container--dark > .vue-codemirror[data-v-4ed610ef] {
1047
+ border: 1px dotted grey;
1048
+ }
1049
+
1050
+ /* value text color */
1051
+ /* string */
1052
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.ͼe) {
1053
+ color: #448c27;
1054
+ }
1055
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.ͼe) {
1056
+ color: #88c379;
1057
+ }
1058
+
1059
+ /* boolean */
1060
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.ͼc) {
1061
+ color: #221199;
1062
+ }
1063
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.ͼc) {
1064
+ color: #8d64f7;
1065
+ }
1066
+
1067
+ /* null */
1068
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.ͼb) {
1069
+ color: #770088;
1070
+ }
1071
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.ͼb) {
1072
+ color: #be55cd;
1073
+ }
1074
+
1075
+ /* number */
1076
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.ͼd) {
1077
+ color: #d19a66;
1078
+ }
1079
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.ͼd) {
1080
+ color: #9d6c3a;
1081
+ }
1082
+
1083
+ /* text cursor */
1084
+ .cn-advanced-form-dialog__codemirror-container :deep(.cm-content) *[data-v-4ed610ef] {
1085
+ cursor: text !important;
1086
+ }
1087
+
1088
+ /* selection color */
1089
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line)::selection,
1090
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line) ::selection {
1091
+ background-color: #d7eaff !important;
1092
+ color: black;
1093
+ }
1094
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line)::selection,
1095
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line) ::selection {
1096
+ background-color: #8fb3e6 !important;
1097
+ color: black;
1098
+ }
1099
+
1100
+ /* string selection */
1101
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line .ͼe)::selection {
1102
+ color: #2d770f;
1103
+ }
1104
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line .ͼe)::selection {
1105
+ color: #104e0c;
1106
+ }
1107
+
1108
+ /* boolean selection */
1109
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line .ͼc)::selection {
1110
+ color: #221199;
1111
+ }
1112
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line .ͼc)::selection {
1113
+ color: #4026af;
1114
+ }
1115
+
1116
+ /* null selection */
1117
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line .ͼb)::selection {
1118
+ color: #770088;
1119
+ }
1120
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line .ͼb)::selection {
1121
+ color: #770088;
1122
+ }
1123
+
1124
+ /* number selection */
1125
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-4ed610ef] :deep(.cm-line .ͼd)::selection {
1126
+ color: #8c5c2c;
1127
+ }
1128
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-4ed610ef] :deep(.cm-line .ͼd)::selection {
1129
+ color: #623907;
1130
+ }
1131
+ .cn-advanced-form-dialog__format-btn[data-v-4ed610ef] {
1132
+ margin-top: 8px;
1133
+ }
1134
+ .cn-advanced-form-dialog__json-error[data-v-4ed610ef] {
1135
+ color: var(--color-error);
1136
+ font-size: 14px;
1137
+ }
1138
+
1139
+
1140
+ .cn-advanced-form-dialog__form[data-v-10cf97d6] {
1141
+ display: flex;
1142
+ flex-direction: column;
1143
+ gap: 8px;
756
1144
  }
757
- .cn-index-page__loading[data-v-a107d580] {
1145
+ .cn-advanced-form-dialog__tabs[data-v-10cf97d6] {
758
1146
  display: flex;
759
- justify-content: center;
760
- padding: 60px;
1147
+ flex-direction: column;
1148
+ gap: 12px;
1149
+ }
1150
+
1151
+ /* Bootstrap-Vue tab styling to match ViewObject */
1152
+ .tabContainer[data-v-10cf97d6] {
1153
+ margin-top: 20px;
1154
+ }
1155
+ .tabContainer > * ul > li[data-v-10cf97d6] {
1156
+ display: flex;
1157
+ flex: 1;
1158
+ }
1159
+ .tabContainer > * ul > li[data-v-10cf97d6]:hover {
1160
+ background-color: var(--color-background-hover);
1161
+ }
1162
+ .tabContainer > * ul > li > a[data-v-10cf97d6] {
1163
+ flex: 1;
1164
+ text-align: center;
1165
+ }
1166
+ .tabContainer > * ul > li > .active[data-v-10cf97d6] {
1167
+ background: transparent !important;
1168
+ color: var(--color-main-text) !important;
1169
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
1170
+ }
1171
+ .tabContainer > * ul[role="tablist"][data-v-10cf97d6] {
1172
+ display: flex;
1173
+ margin: 10px 8px 0 8px;
1174
+ justify-content: space-between;
1175
+ border-bottom: 1px solid var(--color-border);
1176
+ }
1177
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-10cf97d6] {
1178
+ padding-inline-start: 10px;
1179
+ padding-inline-end: 10px;
1180
+ padding-block-start: 10px;
1181
+ padding-block-end: 10px;
1182
+ }
1183
+ .tabContainer > * div[role="tabpanel"][data-v-10cf97d6] {
1184
+ margin-block-start: var(--OR-margin-10);
1185
+ }
1186
+ [data-v-10cf97d6]:deep(.nav-tabs) {
1187
+ border-bottom: 1px solid var(--color-border);
1188
+ margin-bottom: 15px;
1189
+ display: flex;
1190
+ }
1191
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-item) {
1192
+ display: flex;
1193
+ flex: 1;
761
1194
  }
762
- .cn-index-page__empty[data-v-a107d580] {
763
- padding: 40px 20px;
764
- text-align: center;
1195
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link) {
1196
+ flex: 1;
1197
+ text-align: center;
1198
+ border: none;
1199
+ border-bottom: 2px solid transparent;
1200
+ color: var(--color-text-maxcontrast);
1201
+ padding: 8px 16px;
1202
+ }
1203
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link.active) {
1204
+ color: var(--color-main-text);
1205
+ border-bottom: 2px solid var(--color-primary);
1206
+ background-color: transparent;
1207
+ }
1208
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link:hover) {
1209
+ border-bottom: 2px solid var(--color-border);
765
1210
  }
766
- .cn-index-page__pagination[data-v-a107d580] {
767
- margin-top: 16px;
1211
+ [data-v-10cf97d6]:deep(.tab-content) {
1212
+ padding: 16px;
1213
+ background-color: var(--color-main-background);
768
1214
  }
769
1215
 
770
1216
 
771
- .cn-kpi-grid[data-v-74e15c14] {
1217
+ .cn-kpi-grid[data-v-66291afe] {
772
1218
  display: grid;
773
1219
  gap: 16px;
774
1220
  margin-bottom: 24px;
775
1221
  }
776
- .cn-kpi-grid--cols-2[data-v-74e15c14] {
1222
+ .cn-kpi-grid--cols-2[data-v-66291afe] {
777
1223
  grid-template-columns: repeat(2, 1fr);
778
1224
  }
779
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
1225
+ .cn-kpi-grid--cols-3[data-v-66291afe] {
780
1226
  grid-template-columns: repeat(3, 1fr);
781
1227
  }
782
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
1228
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
783
1229
  grid-template-columns: repeat(4, 1fr);
784
1230
  }
785
1231
 
786
1232
  /* Responsive breakpoints */
787
1233
  @media (max-width: 1200px) {
788
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
1234
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
789
1235
  grid-template-columns: repeat(2, 1fr);
790
1236
  }
791
1237
  }
792
1238
  @media (max-width: 900px) {
793
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
1239
+ .cn-kpi-grid--cols-3[data-v-66291afe] {
794
1240
  grid-template-columns: repeat(2, 1fr);
795
1241
  }
796
1242
  }
797
1243
  @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] {
1244
+ .cn-kpi-grid--cols-2[data-v-66291afe],
1245
+ .cn-kpi-grid--cols-3[data-v-66291afe],
1246
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
801
1247
  grid-template-columns: 1fr;
802
1248
  }
803
1249
  }
1250
+
1251
+
1252
+ .cn-register-mapping__group[data-v-e9c130be] {
1253
+ margin-bottom: 24px;
1254
+ border: 1px solid var(--color-border);
1255
+ border-radius: var(--border-radius-large);
1256
+ padding: 20px;
1257
+ background: var(--color-background-hover);
1258
+ }
1259
+ .cn-register-mapping__group[data-v-e9c130be]:last-child {
1260
+ margin-bottom: 0;
1261
+ }
1262
+ .cn-register-mapping__group-header[data-v-e9c130be] {
1263
+ display: flex;
1264
+ align-items: center;
1265
+ justify-content: space-between;
1266
+ margin-bottom: 12px;
1267
+ }
1268
+ .cn-register-mapping__group-title[data-v-e9c130be] {
1269
+ font-size: 16px;
1270
+ font-weight: 600;
1271
+ margin: 0;
1272
+ color: var(--color-main-text);
1273
+ }
1274
+ .cn-register-mapping__group-status[data-v-e9c130be] {
1275
+ font-size: 13px;
1276
+ color: var(--color-text-maxcontrast);
1277
+ }
1278
+ .cn-register-mapping__group-description[data-v-e9c130be] {
1279
+ color: var(--color-text-maxcontrast);
1280
+ font-size: 13px;
1281
+ margin: 0 0 12px 0;
1282
+ }
1283
+ .cn-register-mapping__label[data-v-e9c130be] {
1284
+ display: block;
1285
+ font-weight: 500;
1286
+ font-size: 13px;
1287
+ color: var(--color-text-maxcontrast);
1288
+ margin-bottom: 4px;
1289
+ }
1290
+ .cn-register-mapping__register-select[data-v-e9c130be] {
1291
+ margin-bottom: 16px;
1292
+ max-width: 400px;
1293
+ }
1294
+ .cn-register-mapping__type-list[data-v-e9c130be] {
1295
+ border: 1px solid var(--color-border);
1296
+ border-radius: var(--border-radius);
1297
+ overflow: hidden;
1298
+ background: var(--color-main-background);
1299
+ }
1300
+ .cn-register-mapping__type-list-header[data-v-e9c130be] {
1301
+ display: grid;
1302
+ grid-template-columns: 1fr 1fr 40px 32px;
1303
+ align-items: center;
1304
+ padding: 8px 16px;
1305
+ font-size: 12px;
1306
+ font-weight: 600;
1307
+ color: var(--color-text-maxcontrast);
1308
+ text-transform: uppercase;
1309
+ letter-spacing: 0.5px;
1310
+ border-bottom: 1px solid var(--color-border);
1311
+ background: var(--color-background-hover);
1312
+ }
1313
+ .cn-register-mapping__type-row[data-v-e9c130be] {
1314
+ display: grid;
1315
+ grid-template-columns: 1fr 1fr 40px 32px;
1316
+ align-items: center;
1317
+ padding: 10px 16px;
1318
+ border-bottom: 1px solid var(--color-border);
1319
+ cursor: pointer;
1320
+ transition: background-color 0.15s ease;
1321
+ }
1322
+ .cn-register-mapping__type-row[data-v-e9c130be]:hover {
1323
+ background: var(--color-background-hover);
1324
+ }
1325
+ .cn-register-mapping__type-row--expanded[data-v-e9c130be] {
1326
+ background: var(--color-background-hover);
1327
+ }
1328
+ .cn-register-mapping__type-name[data-v-e9c130be] {
1329
+ font-weight: 500;
1330
+ color: var(--color-main-text);
1331
+ }
1332
+ .cn-register-mapping__type-schema[data-v-e9c130be] {
1333
+ color: var(--color-text-maxcontrast);
1334
+ font-size: 13px;
1335
+ }
1336
+ .cn-register-mapping__type-status[data-v-e9c130be] {
1337
+ display: flex;
1338
+ justify-content: center;
1339
+ }
1340
+ .cn-register-mapping__type-chevron[data-v-e9c130be] {
1341
+ display: flex;
1342
+ justify-content: center;
1343
+ color: var(--color-text-maxcontrast);
1344
+ }
1345
+ .cn-register-mapping__status-dot[data-v-e9c130be] {
1346
+ display: inline-block;
1347
+ width: 10px;
1348
+ height: 10px;
1349
+ border-radius: 50%;
1350
+ }
1351
+ .cn-register-mapping__status-dot--configured[data-v-e9c130be] {
1352
+ background-color: var(--color-success);
1353
+ }
1354
+ .cn-register-mapping__status-dot--unconfigured[data-v-e9c130be] {
1355
+ background-color: var(--color-warning);
1356
+ }
1357
+ .cn-register-mapping__type-detail[data-v-e9c130be] {
1358
+ padding: 12px 16px 16px;
1359
+ border-bottom: 1px solid var(--color-border);
1360
+ background: var(--color-main-background);
1361
+ }
1362
+ .cn-register-mapping__type-description[data-v-e9c130be] {
1363
+ color: var(--color-text-maxcontrast);
1364
+ font-size: 13px;
1365
+ margin: 0 0 8px 0;
1366
+ }
1367
+
1368
+ /* Slide transition */
1369
+ .slide-enter-active[data-v-e9c130be],
1370
+ .slide-leave-active[data-v-e9c130be] {
1371
+ transition: all 0.2s ease;
1372
+ max-height: 200px;
1373
+ overflow: hidden;
1374
+ }
1375
+ .slide-enter[data-v-e9c130be],
1376
+ .slide-leave-to[data-v-e9c130be] {
1377
+ max-height: 0;
1378
+ padding-top: 0;
1379
+ padding-bottom: 0;
1380
+ opacity: 0;
1381
+ }
1382
+
1383
+ /* Last row in list should not have bottom border */
1384
+ .cn-register-mapping__type-list[data-v-e9c130be] > :last-child {
1385
+ border-bottom: none;
1386
+ }
1387
+ @media (max-width: 768px) {
1388
+ .cn-register-mapping__type-list-header[data-v-e9c130be] {
1389
+ display: none;
1390
+ }
1391
+ .cn-register-mapping__type-row[data-v-e9c130be] {
1392
+ grid-template-columns: 1fr auto 32px;
1393
+ }
1394
+ .cn-register-mapping__type-schema[data-v-e9c130be] {
1395
+ display: none;
1396
+ }
1397
+ .cn-register-mapping__register-select[data-v-e9c130be] {
1398
+ max-width: none;
1399
+ }
1400
+ }
1401
+
1402
+ .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%}
1403
+
1404
+ .cn-dashboard-grid[data-v-06f78295] {
1405
+ width: 100%;
1406
+ min-height: 200px;
1407
+ }
1408
+ .grid-stack[data-v-06f78295] {
1409
+ background: transparent;
1410
+ }
1411
+ [data-v-06f78295]:deep(.grid-stack-item-content) {
1412
+ background: var(--color-main-background);
1413
+ border-radius: 0;
1414
+ border: none;
1415
+ box-shadow: none;
1416
+ overflow: hidden;
1417
+ }
1418
+ [data-v-06f78295]:deep(.grid-stack-item-content:has(.cn-widget-wrapper--borderless)) {
1419
+ background: transparent;
1420
+ }
1421
+ [data-v-06f78295]:deep(.grid-stack-placeholder > .placeholder-content) {
1422
+ background: var(--color-primary-element-light);
1423
+ border: 2px dashed var(--color-primary-element);
1424
+ border-radius: var(--border-radius-large);
1425
+ }
1426
+
1427
+
1428
+ .cn-widget-wrapper[data-v-0ee33694] {
1429
+ height: 100%;
1430
+ display: flex;
1431
+ flex-direction: column;
1432
+ background: var(--color-main-background);
1433
+ border: 1px solid var(--color-border);
1434
+ overflow: hidden;
1435
+ }
1436
+ .cn-widget-wrapper--borderless[data-v-0ee33694] {
1437
+ border: none;
1438
+ background: transparent;
1439
+ }
1440
+ .cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-0ee33694] {
1441
+ padding: 0;
1442
+ }
1443
+ .cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-0ee33694] {
1444
+ padding: 0;
1445
+ }
1446
+ .cn-widget-wrapper__header[data-v-0ee33694] {
1447
+ display: flex;
1448
+ align-items: center;
1449
+ justify-content: space-between;
1450
+ padding: 12px 16px;
1451
+ border-bottom: 1px solid var(--color-border);
1452
+ flex-shrink: 0;
1453
+ }
1454
+ .cn-widget-wrapper__header-left[data-v-0ee33694] {
1455
+ display: flex;
1456
+ align-items: center;
1457
+ gap: 8px;
1458
+ min-width: 0;
1459
+ }
1460
+ .cn-widget-wrapper__icon[data-v-0ee33694] {
1461
+ width: 24px;
1462
+ height: 24px;
1463
+ flex-shrink: 0;
1464
+ }
1465
+ .cn-widget-wrapper__title[data-v-0ee33694] {
1466
+ font-weight: 600;
1467
+ font-size: 14px;
1468
+ margin: 0;
1469
+ white-space: nowrap;
1470
+ overflow: hidden;
1471
+ text-overflow: ellipsis;
1472
+ }
1473
+ .cn-widget-wrapper__content[data-v-0ee33694] {
1474
+ flex: 1;
1475
+ overflow: auto;
1476
+ min-height: 0;
1477
+ padding: 16px;
1478
+ }
1479
+ .cn-widget-wrapper__actions[data-v-0ee33694] {
1480
+ display: flex;
1481
+ gap: 4px;
1482
+ flex-shrink: 0;
1483
+ }
1484
+ .cn-widget-wrapper__footer[data-v-0ee33694] {
1485
+ display: flex;
1486
+ justify-content: flex-end;
1487
+ gap: 8px;
1488
+ padding: 8px 16px;
1489
+ border-top: 1px solid var(--color-border);
1490
+ flex-shrink: 0;
1491
+ }
1492
+ .cn-widget-wrapper__footer-link[data-v-0ee33694] {
1493
+ font-size: 13px;
1494
+ color: var(--color-primary-element);
1495
+ text-decoration: none;
1496
+ }
1497
+ .cn-widget-wrapper__footer-link[data-v-0ee33694]:hover {
1498
+ text-decoration: underline;
1499
+ }
1500
+
1501
+
1502
+ .cn-widget-renderer[data-v-64b0c11c] {
1503
+ height: 100%;
1504
+ padding: 8px;
1505
+ }
1506
+ .cn-widget-renderer__loading[data-v-64b0c11c] {
1507
+ display: flex;
1508
+ align-items: center;
1509
+ justify-content: center;
1510
+ height: 100%;
1511
+ }
1512
+
1513
+
1514
+ .cn-tile-widget[data-v-594df31c] {
1515
+ height: 100%;
1516
+ width: 100%;
1517
+ position: absolute;
1518
+ top: 0;
1519
+ left: 0;
1520
+ overflow: hidden;
1521
+ background-color: var(--cn-tile-bg);
1522
+ }
1523
+ .cn-tile-widget__link[data-v-594df31c] {
1524
+ display: flex;
1525
+ flex-direction: column;
1526
+ align-items: center;
1527
+ justify-content: center;
1528
+ height: 100%;
1529
+ width: 100%;
1530
+ text-decoration: none;
1531
+ padding: 20px;
1532
+ gap: 12px;
1533
+ transition: transform 0.2s ease, opacity 0.2s ease;
1534
+ background-color: var(--cn-tile-bg);
1535
+ color: var(--cn-tile-text);
1536
+ }
1537
+ .cn-tile-widget__link[data-v-594df31c]:hover {
1538
+ transform: scale(1.02);
1539
+ opacity: 0.95;
1540
+ }
1541
+ .cn-tile-widget__icon[data-v-594df31c] {
1542
+ font-size: 48px;
1543
+ width: 48px;
1544
+ height: 48px;
1545
+ display: flex;
1546
+ align-items: center;
1547
+ justify-content: center;
1548
+ flex-shrink: 0;
1549
+ }
1550
+ .cn-tile-widget__icon--svg[data-v-594df31c] {
1551
+ width: 48px;
1552
+ height: 48px;
1553
+ }
1554
+ .cn-tile-widget__icon span.icon[data-v-594df31c] {
1555
+ display: inline-block;
1556
+ width: 48px;
1557
+ height: 48px;
1558
+ background-size: 48px;
1559
+ filter: brightness(0) invert(1);
1560
+ }
1561
+ .cn-tile-widget__icon img[data-v-594df31c] {
1562
+ width: 100%;
1563
+ height: 100%;
1564
+ object-fit: contain;
1565
+ }
1566
+ .cn-tile-widget__emoji[data-v-594df31c] {
1567
+ font-size: 48px;
1568
+ }
1569
+ .cn-tile-widget__title[data-v-594df31c] {
1570
+ font-size: 16px;
1571
+ font-weight: 700;
1572
+ text-align: center;
1573
+ word-break: break-word;
1574
+ line-height: 1.3;
1575
+ color: var(--cn-tile-text);
1576
+ }
1577
+
1578
+
1579
+ .cn-dashboard-page[data-v-75c73ba4] {
1580
+ padding: 20px;
1581
+ max-width: 1400px;
1582
+ }
1583
+ .cn-dashboard-page__header[data-v-75c73ba4] {
1584
+ display: flex;
1585
+ justify-content: space-between;
1586
+ align-items: flex-start;
1587
+ margin-bottom: 20px;
1588
+ flex-wrap: wrap;
1589
+ gap: 12px;
1590
+ }
1591
+ .cn-dashboard-page__header-left[data-v-75c73ba4] {
1592
+ min-width: 0;
1593
+ }
1594
+ .cn-dashboard-page__title[data-v-75c73ba4] {
1595
+ margin: 0;
1596
+ font-size: 20px;
1597
+ font-weight: 700;
1598
+ }
1599
+ .cn-dashboard-page__description[data-v-75c73ba4] {
1600
+ margin: 4px 0 0;
1601
+ font-size: 14px;
1602
+ color: var(--color-text-maxcontrast);
1603
+ }
1604
+ .cn-dashboard-page__header-actions[data-v-75c73ba4] {
1605
+ display: flex;
1606
+ gap: 8px;
1607
+ flex-wrap: wrap;
1608
+ flex-shrink: 0;
1609
+ }
1610
+ .cn-dashboard-page__empty[data-v-75c73ba4] {
1611
+ padding: 60px 20px;
1612
+ }
1613
+ .cn-dashboard-page__unknown[data-v-75c73ba4] {
1614
+ display: flex;
1615
+ align-items: center;
1616
+ justify-content: center;
1617
+ height: 100%;
1618
+ color: var(--color-text-maxcontrast);
1619
+ font-size: 14px;
1620
+ padding: 16px;
1621
+ }
1622
+
1623
+
1624
+ .cn-item-card[data-v-9b56250c] {
1625
+ background: var(--color-main-background);
1626
+ border: 1px solid var(--color-border);
1627
+ border-radius: var(--border-radius-large, 10px);
1628
+ padding: 12px;
1629
+ margin-bottom: 12px;
1630
+ }
1631
+ .cn-item-card[data-v-9b56250c]:last-child {
1632
+ margin-bottom: 0;
1633
+ }
1634
+ .cn-item-card__header[data-v-9b56250c] {
1635
+ display: flex;
1636
+ align-items: center;
1637
+ justify-content: space-between;
1638
+ }
1639
+ .cn-item-card__title-row[data-v-9b56250c] {
1640
+ display: flex;
1641
+ align-items: center;
1642
+ gap: 8px;
1643
+ min-width: 0;
1644
+ flex: 1;
1645
+ }
1646
+ .cn-item-card__title-content[data-v-9b56250c] {
1647
+ display: flex;
1648
+ flex-direction: column;
1649
+ min-width: 0;
1650
+ }
1651
+ .cn-item-card__title[data-v-9b56250c] {
1652
+ margin: 0;
1653
+ font-size: 1em;
1654
+ font-weight: 600;
1655
+ color: var(--color-main-text);
1656
+ overflow: hidden;
1657
+ text-overflow: ellipsis;
1658
+ white-space: nowrap;
1659
+ }
1660
+ .cn-item-card__subtitle[data-v-9b56250c] {
1661
+ font-size: 0.85em;
1662
+ color: var(--color-text-maxcontrast);
1663
+ }
1664
+ .cn-item-card__actions[data-v-9b56250c] {
1665
+ flex-shrink: 0;
1666
+ }
1667
+ .cn-item-card__content[data-v-9b56250c] {
1668
+ margin-top: 8px;
1669
+ }
1670
+
1671
+
1672
+
1673
+
1674
+
1675
+
1676
+
1677
+
1678
+
1679
+
1680
+
1681
+
1682
+
1683
+
1684
+
1685
+
1686
+
1687
+
1688
+
1689
+
1690
+
1691
+
1692
+
1693
+
1694
+
1695
+
1696
+
1697
+
1698
+
1699
+
1700
+
1701
+
1702
+
1703
+
1704
+
1705
+
1706
+
1707
+
1708
+
1709
+
1710
+
1711
+
1712
+
1713
+
1714
+
1715
+
1716
+
1717
+
1718
+
1719
+
1720
+
1721
+
1722
+
1723
+
1724
+
1725
+
1726
+
1727
+
1728
+
1729
+
1730
+
1731
+
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
+ /* Result phase container */
2092
+ .cn-tabbed-form-dialog__result[data-v-40977d17] {
2093
+ padding: 16px 0;
2094
+ }
2095
+
2096
+ /* Form phase container */
2097
+ .cn-tabbed-form-dialog__form[data-v-40977d17] {
2098
+ display: flex;
2099
+ flex-direction: column;
2100
+ gap: 8px;
2101
+ }
2102
+
2103
+ /* Tabs wrapper */
2104
+ .cn-tabbed-form-dialog__tabs[data-v-40977d17] {
2105
+ display: flex;
2106
+ flex-direction: column;
2107
+ gap: 12px;
2108
+ }
2109
+
2110
+ /* Tab content area — also uses .form-editor for compatibility */
2111
+ .cn-tabbed-form-dialog__tab-content[data-v-40977d17] {
2112
+ display: flex;
2113
+ flex-direction: column;
2114
+ gap: 16px;
2115
+ padding: 16px 0;
2116
+ }
2117
+
2118
+ /* Create another checkbox — push to the left in actions area */
2119
+ .cn-tabbed-form-dialog__create-another[data-v-40977d17] {
2120
+ margin-right: auto;
2121
+ }
2122
+
2123
+ /* Bootstrap-Vue tab container styling */
2124
+ .tabContainer > * ul > li[data-v-40977d17] {
2125
+ display: flex;
2126
+ flex: 1;
2127
+ }
2128
+ .tabContainer > * ul > li[data-v-40977d17]:hover {
2129
+ background-color: var(--color-background-hover);
2130
+ }
2131
+ .tabContainer > * ul > li > a[data-v-40977d17] {
2132
+ flex: 1;
2133
+ text-align: center;
2134
+ }
2135
+ .tabContainer > * ul > li > .active[data-v-40977d17] {
2136
+ background: transparent !important;
2137
+ color: var(--color-main-text) !important;
2138
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
2139
+ }
2140
+ .tabContainer > * ul[role="tablist"][data-v-40977d17] {
2141
+ display: flex;
2142
+ margin: 10px 8px 0 8px;
2143
+ justify-content: space-between;
2144
+ border-bottom: 1px solid var(--color-border);
2145
+ }
2146
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-40977d17] {
2147
+ padding-inline-start: 10px;
2148
+ padding-inline-end: 10px;
2149
+ padding-block-start: 10px;
2150
+ padding-block-end: 10px;
2151
+ }
2152
+ .tabContainer > * div[role="tabpanel"][data-v-40977d17] {
2153
+ margin-block-start: var(--OR-margin-10);
2154
+ }
2155
+ [data-v-40977d17]:deep(.nav-tabs) {
2156
+ border-bottom: 1px solid var(--color-border);
2157
+ margin-bottom: 15px;
2158
+ display: flex;
2159
+ }
2160
+ [data-v-40977d17]:deep(.nav-tabs .nav-item) {
2161
+ display: flex;
2162
+ flex: 1;
2163
+ }
2164
+ [data-v-40977d17]:deep(.nav-tabs .nav-link) {
2165
+ flex: 1;
2166
+ text-align: center;
2167
+ border: none;
2168
+ border-bottom: 2px solid transparent;
2169
+ color: var(--color-text-maxcontrast);
2170
+ padding: 8px 16px;
2171
+ display: flex;
2172
+ align-items: center;
2173
+ gap: 8px;
2174
+ justify-content: center;
2175
+ }
2176
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.active) {
2177
+ color: var(--color-main-text);
2178
+ border-bottom: 2px solid var(--color-primary);
2179
+ background-color: transparent;
2180
+ }
2181
+ [data-v-40977d17]:deep(.nav-tabs .nav-link:hover) {
2182
+ border-bottom: 2px solid var(--color-border);
2183
+ }
2184
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled) {
2185
+ cursor: not-allowed;
2186
+ opacity: 0.5;
2187
+ color: var(--color-text-maxcontrast);
2188
+ pointer-events: auto;
2189
+ }
2190
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled *) {
2191
+ cursor: not-allowed;
2192
+ }
2193
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled:hover) {
2194
+ border-bottom: 2px solid transparent;
2195
+ }
2196
+ [data-v-40977d17]:deep(.tab-content) {
2197
+ padding: 16px;
2198
+ background-color: var(--color-main-background);
2199
+ }
2200
+
2201
+
2202
+ .notecard[data-v-766188c2] {
2203
+ --note-card-icon-size: 20px;
2204
+ --note-card-padding: calc(2 * var(--default-grid-baseline));
2205
+ color: var(--color-main-text) !important;
2206
+ background-color: var(--note-background) !important;
2207
+ border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
2208
+ border-radius: var(--border-radius-small);
2209
+ margin: 1rem 0;
2210
+ padding: var(--note-card-padding);
2211
+ display: flex;
2212
+ flex-direction: row;
2213
+ gap: var(--note-card-padding);
2214
+ }
2215
+ .notecard__heading[data-v-766188c2] {
2216
+ font-size: var(--note-card-icon-size); /* Same as icon */
2217
+ font-weight: 600;
2218
+ }
2219
+ .notecard__icon[data-v-766188c2] {
2220
+ color: var(--note-theme);
2221
+ }
2222
+ .notecard__icon--heading[data-v-766188c2] {
2223
+ font-size: var(--note-card-icon-size);
2224
+ /* Ensure icon is on the same height as the heading */
2225
+ margin-block: calc((1lh - 1em) / 2) auto;
2226
+ }
2227
+ .notecard--success[data-v-766188c2] {
2228
+ --note-background: var(--color-success);
2229
+ --note-theme: var(--color-success-text);
2230
+ }
2231
+ .notecard--info[data-v-766188c2] {
2232
+ --note-background: var(--color-info);
2233
+ --note-theme: var(--color-info-text);
2234
+ }
2235
+ .notecard--error[data-v-766188c2] {
2236
+ --note-background: var(--color-error);
2237
+ --note-theme: var(--color-error-text);
2238
+ }
2239
+ .notecard--warning[data-v-766188c2] {
2240
+ --note-background: var(--color-warning);
2241
+ --note-theme: var(--color-warning-text);
2242
+ }
2243
+
2244
+
2245
+ .cn-user-action-menu[data-v-66795481] {
2246
+ display: inline;
2247
+ }
2248
+ .cn-user-action-menu__trigger--interactive[data-v-66795481] {
2249
+ cursor: pointer;
2250
+ color: var(--color-primary-element);
2251
+ font-weight: 600;
2252
+ }
2253
+ .cn-user-action-menu__trigger--interactive[data-v-66795481]:hover {
2254
+ text-decoration: underline;
2255
+ }
2256
+ .cn-user-action-menu__trigger--interactive[data-v-66795481]:focus-visible {
2257
+ outline: 2px solid var(--color-primary-element);
2258
+ outline-offset: 2px;
2259
+ border-radius: var(--border-radius);
2260
+ }
2261
+ .cn-user-action-menu__popover[data-v-66795481] {
2262
+ min-width: 220px;
2263
+ padding: 8px 0;
2264
+ }
2265
+ .cn-user-action-menu__header[data-v-66795481] {
2266
+ display: flex;
2267
+ align-items: center;
2268
+ gap: 10px;
2269
+ padding: 8px 12px 12px;
2270
+ border-bottom: 1px solid var(--color-border);
2271
+ margin-bottom: 4px;
2272
+ }
2273
+ .cn-user-action-menu__user-info[data-v-66795481] {
2274
+ display: flex;
2275
+ flex-direction: column;
2276
+ min-width: 0;
2277
+ }
2278
+ .cn-user-action-menu__display-name[data-v-66795481] {
2279
+ font-weight: 600;
2280
+ font-size: 14px;
2281
+ white-space: nowrap;
2282
+ overflow: hidden;
2283
+ text-overflow: ellipsis;
2284
+ }
2285
+ .cn-user-action-menu__email[data-v-66795481] {
2286
+ font-size: 12px;
2287
+ color: var(--color-text-maxcontrast);
2288
+ white-space: nowrap;
2289
+ overflow: hidden;
2290
+ text-overflow: ellipsis;
2291
+ }
2292
+ .cn-user-action-menu__actions[data-v-66795481] {
2293
+ padding: 4px 0;
2294
+ }
2295
+ .cn-user-action-menu__no-actions[data-v-66795481] {
2296
+ padding: 12px 16px;
2297
+ text-align: center;
2298
+ color: var(--color-text-maxcontrast);
2299
+ font-size: 13px;
2300
+ }
2301
+
2302
+
2303
+ .cn-detail-card[data-v-56272dc6] {
2304
+ background: var(--color-main-background);
2305
+ border: 1px solid var(--color-border);
2306
+ border-radius: var(--border-radius-large, 12px);
2307
+ overflow: hidden;
2308
+ }
2309
+ .cn-detail-card__header[data-v-56272dc6] {
2310
+ display: flex;
2311
+ align-items: center;
2312
+ justify-content: space-between;
2313
+ padding: 12px 16px;
2314
+ border-bottom: 1px solid var(--color-border);
2315
+ flex-shrink: 0;
2316
+ }
2317
+ .cn-detail-card__header--clickable[data-v-56272dc6] {
2318
+ cursor: pointer;
2319
+ user-select: none;
2320
+ }
2321
+ .cn-detail-card__header--clickable[data-v-56272dc6]:hover {
2322
+ background: var(--color-background-hover);
2323
+ }
2324
+ .cn-detail-card--collapsed .cn-detail-card__header[data-v-56272dc6] {
2325
+ border-bottom: none;
2326
+ }
2327
+ .cn-detail-card__header-left[data-v-56272dc6] {
2328
+ display: flex;
2329
+ align-items: center;
2330
+ gap: 8px;
2331
+ min-width: 0;
2332
+ }
2333
+ .cn-detail-card__header-right[data-v-56272dc6] {
2334
+ display: flex;
2335
+ align-items: center;
2336
+ gap: 4px;
2337
+ flex-shrink: 0;
2338
+ }
2339
+ .cn-detail-card__icon[data-v-56272dc6] {
2340
+ color: var(--color-primary-element);
2341
+ flex-shrink: 0;
2342
+ }
2343
+ .cn-detail-card__title[data-v-56272dc6] {
2344
+ font-weight: 600;
2345
+ font-size: 14px;
2346
+ margin: 0;
2347
+ white-space: nowrap;
2348
+ overflow: hidden;
2349
+ text-overflow: ellipsis;
2350
+ }
2351
+ .cn-detail-card__collapse-btn[data-v-56272dc6] {
2352
+ display: flex;
2353
+ align-items: center;
2354
+ justify-content: center;
2355
+ background: none;
2356
+ border: none;
2357
+ padding: 4px;
2358
+ cursor: pointer;
2359
+ color: var(--color-text-maxcontrast);
2360
+ border-radius: var(--border-radius);
2361
+ }
2362
+ .cn-detail-card__collapse-btn[data-v-56272dc6]:hover {
2363
+ background: var(--color-background-dark);
2364
+ }
2365
+ .cn-detail-card__chevron--rotated[data-v-56272dc6] {
2366
+ transform: rotate(-90deg);
2367
+ transition: transform 0.2s ease;
2368
+ }
2369
+ .cn-detail-card__content[data-v-56272dc6] {
2370
+ padding: 16px;
2371
+ }
2372
+ .cn-detail-card__content--flush[data-v-56272dc6] {
2373
+ padding: 0;
2374
+ }
2375
+ .cn-detail-card__footer[data-v-56272dc6] {
2376
+ padding: 8px 16px;
2377
+ border-top: 1px solid var(--color-border);
2378
+ }
2379
+
2380
+
2381
+ .cn-notes-card__add-form[data-v-fe7fdc9c] {
2382
+ margin-bottom: 12px;
2383
+ }
2384
+ .cn-notes-card__textarea[data-v-fe7fdc9c] {
2385
+ width: 100%;
2386
+ padding: 8px;
2387
+ border: 1px solid var(--color-border);
2388
+ border-radius: var(--border-radius);
2389
+ resize: vertical;
2390
+ font-family: inherit;
2391
+ font-size: 13px;
2392
+ margin-bottom: 8px;
2393
+ background: var(--color-main-background);
2394
+ color: var(--color-main-text);
2395
+ box-sizing: border-box;
2396
+ }
2397
+ .cn-notes-card__textarea[data-v-fe7fdc9c]:focus {
2398
+ border-color: var(--color-primary-element);
2399
+ outline: none;
2400
+ }
2401
+ .cn-notes-card__empty[data-v-fe7fdc9c] {
2402
+ text-align: center;
2403
+ padding: 16px 12px;
2404
+ color: var(--color-text-maxcontrast);
2405
+ font-size: 13px;
2406
+ }
2407
+ .cn-notes-card__list[data-v-fe7fdc9c] {
2408
+ display: flex;
2409
+ flex-direction: column;
2410
+ }
2411
+ .cn-notes-card__note[data-v-fe7fdc9c] {
2412
+ padding: 10px 0;
2413
+ border-bottom: 1px solid var(--color-border);
2414
+ position: relative;
2415
+ }
2416
+ .cn-notes-card__note[data-v-fe7fdc9c]:last-child {
2417
+ border-bottom: none;
2418
+ }
2419
+ .cn-notes-card__note-header[data-v-fe7fdc9c] {
2420
+ display: flex;
2421
+ justify-content: space-between;
2422
+ align-items: baseline;
2423
+ margin-bottom: 4px;
2424
+ }
2425
+ .cn-notes-card__author[data-v-fe7fdc9c] {
2426
+ font-size: 13px;
2427
+ }
2428
+ .cn-notes-card__author--self[data-v-fe7fdc9c] {
2429
+ color: var(--color-main-text);
2430
+ }
2431
+ .cn-notes-card__time[data-v-fe7fdc9c] {
2432
+ font-size: 11px;
2433
+ color: var(--color-text-maxcontrast);
2434
+ flex-shrink: 0;
2435
+ margin-left: 8px;
2436
+ }
2437
+ .cn-notes-card__body[data-v-fe7fdc9c] {
2438
+ font-size: 13px;
2439
+ margin: 0;
2440
+ white-space: pre-wrap;
2441
+ word-break: break-word;
2442
+ padding-right: 32px;
2443
+ }
2444
+ .cn-notes-card__delete-btn[data-v-fe7fdc9c] {
2445
+ position: absolute;
2446
+ top: 8px;
2447
+ right: -4px;
2448
+ opacity: 0;
2449
+ transition: opacity 0.15s ease;
2450
+ }
2451
+ .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-fe7fdc9c] {
2452
+ opacity: 1;
2453
+ }
2454
+ .cn-notes-card__show-all[data-v-fe7fdc9c] {
2455
+ background: none;
2456
+ border: none;
2457
+ color: var(--color-primary-element);
2458
+ font-size: 13px;
2459
+ font-weight: 500;
2460
+ cursor: pointer;
2461
+ padding: 0;
2462
+ width: 100%;
2463
+ text-align: center;
2464
+ }
2465
+ .cn-notes-card__show-all[data-v-fe7fdc9c]:hover {
2466
+ text-decoration: underline;
2467
+ }
2468
+
2469
+
2470
+ .cn-tasks-card__empty[data-v-9df3f150] {
2471
+ text-align: center;
2472
+ padding: 16px 12px;
2473
+ color: var(--color-text-maxcontrast);
2474
+ font-size: 13px;
2475
+ }
2476
+ .cn-tasks-card__list[data-v-9df3f150] {
2477
+ display: flex;
2478
+ flex-direction: column;
2479
+ }
2480
+ .cn-tasks-card__task[data-v-9df3f150] {
2481
+ display: flex;
2482
+ align-items: flex-start;
2483
+ gap: 10px;
2484
+ padding: 8px 0;
2485
+ border-bottom: 1px solid var(--color-border);
2486
+ }
2487
+ .cn-tasks-card__task[data-v-9df3f150]:last-child {
2488
+ border-bottom: none;
2489
+ }
2490
+ .cn-tasks-card__status-icon[data-v-9df3f150] {
2491
+ flex-shrink: 0;
2492
+ padding-top: 1px;
2493
+ }
2494
+ .cn-tasks-card__icon--completed[data-v-9df3f150] {
2495
+ color: var(--color-success);
2496
+ }
2497
+ .cn-tasks-card__icon--active[data-v-9df3f150] {
2498
+ color: var(--color-primary-element);
2499
+ }
2500
+ .cn-tasks-card__icon--terminated[data-v-9df3f150] {
2501
+ color: var(--color-error);
2502
+ }
2503
+ .cn-tasks-card__icon--available[data-v-9df3f150] {
2504
+ color: var(--color-text-maxcontrast);
2505
+ }
2506
+ .cn-tasks-card__content[data-v-9df3f150] {
2507
+ flex: 1;
2508
+ min-width: 0;
2509
+ }
2510
+ .cn-tasks-card__title[data-v-9df3f150] {
2511
+ display: block;
2512
+ font-size: 13px;
2513
+ font-weight: 500;
2514
+ white-space: nowrap;
2515
+ overflow: hidden;
2516
+ text-overflow: ellipsis;
2517
+ }
2518
+ .cn-tasks-card__meta[data-v-9df3f150] {
2519
+ display: flex;
2520
+ align-items: center;
2521
+ gap: 8px;
2522
+ margin-top: 2px;
2523
+ font-size: 12px;
2524
+ color: var(--color-text-maxcontrast);
2525
+ }
2526
+ .cn-tasks-card__assignee-name[data-v-9df3f150] {
2527
+ color: var(--color-primary-element);
2528
+ font-weight: 500;
2529
+ cursor: pointer;
2530
+ }
2531
+ .cn-tasks-card__assignee-name[data-v-9df3f150]:hover {
2532
+ text-decoration: underline;
2533
+ }
2534
+ .cn-tasks-card__assignee-name--self[data-v-9df3f150] {
2535
+ color: var(--color-text-maxcontrast);
2536
+ cursor: default;
2537
+ }
2538
+ .cn-tasks-card__assignee-name--self[data-v-9df3f150]:hover {
2539
+ text-decoration: none;
2540
+ }
2541
+ .cn-tasks-card__unassigned[data-v-9df3f150] {
2542
+ font-style: italic;
2543
+ color: var(--color-text-maxcontrast);
2544
+ }
2545
+ .cn-tasks-card__due-date[data-v-9df3f150] {
2546
+ white-space: nowrap;
2547
+ }
2548
+ .cn-tasks-card__due-date--overdue[data-v-9df3f150] {
2549
+ color: var(--color-error);
2550
+ font-weight: 500;
2551
+ }
2552
+ .cn-tasks-card__show-all[data-v-9df3f150] {
2553
+ background: none;
2554
+ border: none;
2555
+ color: var(--color-primary-element);
2556
+ font-size: 13px;
2557
+ font-weight: 500;
2558
+ cursor: pointer;
2559
+ padding: 0;
2560
+ width: 100%;
2561
+ text-align: center;
2562
+ }
2563
+ .cn-tasks-card__show-all[data-v-9df3f150]:hover {
2564
+ text-decoration: underline;
2565
+ }
2566
+
2567
+ .cn-card[data-v-ef7d4cac] {
2568
+ padding: 16px;
2569
+ border: 1px solid var(--color-border);
2570
+ border-radius: var(--border-radius-large);
2571
+ background: var(--color-main-background);
2572
+ height: 100%;
2573
+ display: flex;
2574
+ flex-direction: column;
2575
+ }
2576
+ .cn-card--active[data-v-ef7d4cac] {
2577
+ border: 2px solid var(--cn-card-active-border);
2578
+ }
2579
+ .cn-card--clickable[data-v-ef7d4cac] {
2580
+ cursor: pointer;
2581
+ transition: box-shadow 0.2s ease, border-color 0.2s ease;
2582
+ }
2583
+ .cn-card--clickable[data-v-ef7d4cac]:hover {
2584
+ border-color: var(--color-primary-element);
2585
+ box-shadow: 0 2px 8px var(--color-box-shadow);
2586
+ }
2587
+ .cn-card__header[data-v-ef7d4cac] {
2588
+ display: grid;
2589
+ grid-template-columns: 1fr auto;
2590
+ grid-template-rows: auto auto;
2591
+ align-items: center;
2592
+ border-bottom: 1px solid var(--color-border);
2593
+ padding-block-end: 1rem;
2594
+ margin-block-end: 0.5rem;
2595
+ }
2596
+ .cn-card__title[data-v-ef7d4cac] {
2597
+ display: flex;
2598
+ align-items: center;
2599
+ gap: 6px;
2600
+ font-size: 16px;
2601
+ margin: 0;
2602
+ min-width: 0;
2603
+ }
2604
+ .cn-card__title-text[data-v-ef7d4cac] {
2605
+ overflow: hidden;
2606
+ text-overflow: ellipsis;
2607
+ white-space: nowrap;
2608
+ }
2609
+ .cn-card__labels[data-v-ef7d4cac] {
2610
+ grid-column: 1/-1;
2611
+ display: flex;
2612
+ gap: 4px;
2613
+ flex-wrap: wrap;
2614
+ margin-top: 6px;
2615
+ }
2616
+ .cn-card__actions[data-v-ef7d4cac] {
2617
+ flex-shrink: 0;
2618
+ margin-inline-start: 0.25rem;
2619
+ }
2620
+ .cn-card__body[data-v-ef7d4cac] {
2621
+ flex-grow: 1;
2622
+ display: flex;
2623
+ flex-direction: column;
2624
+ justify-content: space-between;
2625
+ }
2626
+ .cn-card__description[data-v-ef7d4cac] {
2627
+ color: var(--color-text-lighter);
2628
+ margin-bottom: 12px;
2629
+ word-wrap: break-word;
2630
+ overflow-wrap: break-word;
2631
+ display: -webkit-box;
2632
+ -webkit-box-orient: vertical;
2633
+ overflow: hidden;
2634
+ }
2635
+ .cn-card__content[data-v-ef7d4cac] {
2636
+ margin-bottom: 12px;
2637
+ }
2638
+ .cn-card__stats[data-v-ef7d4cac] {
2639
+ display: flex;
2640
+ flex-direction: column;
2641
+ gap: 4px;
2642
+ }
2643
+ .cn-card__stat[data-v-ef7d4cac] {
2644
+ display: flex;
2645
+ justify-content: space-between;
2646
+ }
2647
+ .cn-card__stat-label[data-v-ef7d4cac] {
2648
+ color: var(--color-text-lighter);
2649
+ font-size: 12px;
2650
+ }
2651
+ .cn-card__stat-value[data-v-ef7d4cac] {
2652
+ font-weight: 600;
2653
+ font-size: 12px;
2654
+ }
2655
+ .cn-card__footer[data-v-ef7d4cac] {
2656
+ display: flex;
2657
+ flex-wrap: wrap;
2658
+ gap: 8px;
2659
+ align-items: center;
2660
+ padding-top: 8px;
2661
+ margin-top: 8px;
2662
+ border-top: 1px solid var(--color-border);
2663
+ }
2664
+ .cn-card__footer-link[data-v-ef7d4cac] {
2665
+ display: inline-flex;
2666
+ align-items: center;
2667
+ gap: 4px;
2668
+ font-size: 0.85em;
2669
+ color: var(--color-primary-element);
2670
+ text-decoration: none;
2671
+ transition: color 0.2s;
2672
+ }
2673
+ .cn-card__footer-link[data-v-ef7d4cac]:hover {
2674
+ text-decoration: underline;
2675
+ }
2676
+
2677
+ .cn-progress-bar__items[data-v-31e820d6] {
2678
+ display: flex;
2679
+ flex-direction: column;
2680
+ gap: 8px;
2681
+ }
2682
+ .cn-progress-bar__item[data-v-31e820d6] {
2683
+ display: flex;
2684
+ flex-direction: column;
2685
+ gap: 4px;
2686
+ }
2687
+ .cn-progress-bar__label[data-v-31e820d6] {
2688
+ display: flex;
2689
+ justify-content: space-between;
2690
+ align-items: center;
2691
+ font-size: 0.9rem;
2692
+ }
2693
+ .cn-progress-bar__name[data-v-31e820d6] {
2694
+ color: var(--color-main-text);
2695
+ }
2696
+ .cn-progress-bar__name--tooltip[data-v-31e820d6] {
2697
+ cursor: help;
2698
+ text-decoration: underline;
2699
+ text-decoration-style: dotted;
2700
+ text-underline-offset: 2px;
2701
+ }
2702
+ .cn-progress-bar__name--tooltip[data-v-31e820d6]:hover {
2703
+ text-decoration-style: solid;
2704
+ }
2705
+ .cn-progress-bar__value[data-v-31e820d6] {
2706
+ color: var(--color-text-maxcontrast);
2707
+ font-variant-numeric: tabular-nums;
2708
+ }
2709
+ .cn-progress-bar__track[data-v-31e820d6] {
2710
+ background: var(--color-background-dark, var(--color-background-darker));
2711
+ overflow: hidden;
2712
+ }
2713
+ .cn-progress-bar__track--rounded[data-v-31e820d6] {
2714
+ border-radius: 4px;
2715
+ }
2716
+ .cn-progress-bar__fill[data-v-31e820d6] {
2717
+ height: 100%;
2718
+ transition: width 0.3s ease;
2719
+ }
2720
+ .cn-progress-bar__fill--rounded[data-v-31e820d6] {
2721
+ border-radius: 4px;
2722
+ }
2723
+
2724
+ /* Variant colors */
2725
+ .cn-progress-bar__fill--default[data-v-31e820d6] {
2726
+ background: var(--color-main-text);
2727
+ }
2728
+ .cn-progress-bar__fill--primary[data-v-31e820d6] {
2729
+ background: var(--color-primary-element);
2730
+ }
2731
+ .cn-progress-bar__fill--success[data-v-31e820d6] {
2732
+ background: var(--color-success);
2733
+ }
2734
+ .cn-progress-bar__fill--warning[data-v-31e820d6] {
2735
+ background: var(--color-warning);
2736
+ }
2737
+ .cn-progress-bar__fill--error[data-v-31e820d6] {
2738
+ background: var(--color-error);
2739
+ }
2740
+ .cn-progress-bar__fill--info[data-v-31e820d6] {
2741
+ background: var(--color-info, #0082c9);
2742
+ }
2743
+
2744
+
2745
+ .cn-stats-panel__section[data-v-d7cbf312] {
2746
+ padding: 12px 0;
2747
+ border-bottom: 1px solid var(--color-border);
2748
+ }
2749
+ .remove-margin[data-v-d7cbf312] {
2750
+ margin: 0;
2751
+ }
2752
+ .cn-stats-panel__section[data-v-d7cbf312]:last-child {
2753
+ border-bottom: none;
2754
+ }
2755
+ .cn-stats-panel__section-title[data-v-d7cbf312] {
2756
+ color: var(--color-text-maxcontrast);
2757
+ font-size: 14px;
2758
+ font-weight: bold;
2759
+ padding: 0 16px;
2760
+ margin: 0 0 12px 0;
2761
+ }
2762
+ .cn-stats-panel__stack[data-v-d7cbf312] {
2763
+ display: flex;
2764
+ flex-direction: column;
2765
+ gap: 12px;
2766
+ }
2767
+ .cn-stats-panel__loading[data-v-d7cbf312] {
2768
+ display: flex;
2769
+ align-items: center;
2770
+ gap: 8px;
2771
+ padding: 0 16px;
2772
+ color: var(--color-text-maxcontrast);
2773
+ }
2774
+ .cn-stats-panel__empty[data-v-d7cbf312] {
2775
+ padding: 0 16px;
2776
+ color: var(--color-text-maxcontrast);
2777
+ font-style: italic;
2778
+ }
2779
+ .cn-stats-panel__header[data-v-d7cbf312] {
2780
+ padding-bottom: 12px;
2781
+ border-bottom: 1px solid var(--color-border);
2782
+ }
2783
+ .cn-stats-panel__footer[data-v-d7cbf312] {
2784
+ padding-top: 12px;
2785
+ }
2786
+ .cn-stats-panel__list[data-v-d7cbf312] {
2787
+ margin-top: 4px;
2788
+ }
2789
+
2790
+
2791
+ .cn-json-viewer[data-v-699c5b96] {
2792
+ display: flex;
2793
+ flex-direction: column;
2794
+ gap: 8px;
2795
+ }
2796
+ .cn-json-viewer__codemirror[data-v-699c5b96] {
2797
+ border: 1px solid var(--color-border);
2798
+ border-radius: var(--border-radius);
2799
+ position: relative;
2800
+ }
2801
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-editor) {
2802
+ height: 100%;
2803
+ outline: none !important;
2804
+ }
2805
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-scroller) {
2806
+ overflow: auto;
2807
+ }
2808
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-content) {
2809
+ border-radius: 0 !important;
2810
+ border: none !important;
2811
+ }
2812
+ .cn-json-viewer__codemirror--light > .vue-codemirror[data-v-699c5b96] {
2813
+ border: 1px dotted silver;
2814
+ }
2815
+ .cn-json-viewer__codemirror--dark > .vue-codemirror[data-v-699c5b96] {
2816
+ border: 1px dotted grey;
2817
+ }
2818
+
2819
+ /* Text cursor */
2820
+ .cn-json-viewer__codemirror :deep(.cm-content) *[data-v-699c5b96] {
2821
+ cursor: text !important;
2822
+ }
2823
+
2824
+ /* PATCH SELECTION COLOR - default selection system does not work */
2825
+ /* Selection background — CodeMirror uses .cm-selectionBackground instead of ::selection */
2826
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-selectionBackground) {
2827
+ background: #3390ff !important;
2828
+ }
2829
+ .cn-json-viewer__codemirror--light :deep(.cm-selectionBackground) + .cm-selectionBackground[data-v-699c5b96],
2830
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-line ::selection) {
2831
+ color: white !important;
2832
+ }
2833
+ .cn-json-viewer__codemirror--dark[data-v-699c5b96] :deep(.cm-selectionBackground) {
2834
+ background: #3390ff !important;
2835
+ }
2836
+
2837
+ /* Selected text color */
2838
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-content ::selection) {
2839
+ background: #3390ff !important;
2840
+ color: white !important;
2841
+ }
2842
+ .cn-json-viewer__codemirror--dark[data-v-699c5b96] :deep(.cm-content ::selection) {
2843
+ background: #3390ff !important;
2844
+ color: white !important;
2845
+ }
2846
+ .cn-json-viewer__format-btn[data-v-699c5b96] {
2847
+ margin-top: 8px;
2848
+ }
2849
+ .cn-json-viewer__error[data-v-699c5b96] {
2850
+ color: var(--color-error);
2851
+ font-size: 14px;
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
+ /* ===== Grid layout (default) ===== */
3023
+ .cn-detail-grid--grid[data-v-5c20a563] {
3024
+ display: grid;
3025
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3026
+ }
3027
+
3028
+ /* ===== Horizontal layout ===== */
3029
+ .cn-detail-grid--horizontal[data-v-5c20a563] {
3030
+ display: flex;
3031
+ flex-direction: column;
3032
+ gap: calc(3 * var(--default-grid-baseline, 4px));
3033
+ }
3034
+
3035
+ /* ===== Item (card style) ===== */
3036
+ .cn-detail-grid__item[data-v-5c20a563] {
3037
+ display: flex;
3038
+ flex-direction: column;
3039
+ gap: var(--default-grid-baseline, 4px);
3040
+ padding: calc(2 * var(--default-grid-baseline, 4px)) calc(3 * var(--default-grid-baseline, 4px));
3041
+ background: var(--color-background-hover);
3042
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
3043
+ }
3044
+
3045
+ /* Accent border */
3046
+ .cn-detail-grid--accent .cn-detail-grid__item[data-v-5c20a563] {
3047
+ border-left: 3px solid var(--color-primary-element);
3048
+ }
3049
+
3050
+ /* Horizontal item: row direction */
3051
+ .cn-detail-grid__item--horizontal[data-v-5c20a563] {
3052
+ flex-direction: row;
3053
+ align-items: center;
3054
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3055
+ border-radius: var(--border-radius);
3056
+ }
3057
+
3058
+ /* ===== Label ===== */
3059
+ .cn-detail-grid__label[data-v-5c20a563] {
3060
+ font-size: 0.85em;
3061
+ color: var(--color-text-maxcontrast);
3062
+ font-weight: 500;
3063
+ }
3064
+ .cn-detail-grid--horizontal .cn-detail-grid__label[data-v-5c20a563] {
3065
+ min-width: var(--cn-detail-grid-label-width, 150px);
3066
+ flex-shrink: 0;
3067
+ }
3068
+
3069
+ /* ===== Value ===== */
3070
+ .cn-detail-grid__value[data-v-5c20a563] {
3071
+ font-size: 1em;
3072
+ color: var(--color-main-text);
3073
+ word-break: break-word;
3074
+ margin: 0.5rem;
3075
+ }
3076
+ .cn-detail-grid--horizontal .cn-detail-grid__value[data-v-5c20a563] {
3077
+ flex: 1;
3078
+ }
3079
+
3080
+ /* ===== Actions ===== */
3081
+ .cn-detail-grid__actions[data-v-5c20a563] {
3082
+ flex-shrink: 0;
3083
+ display: flex;
3084
+ align-items: center;
3085
+ }
3086
+
3087
+ /* ===== Empty state ===== */
3088
+ .cn-detail-grid__empty[data-v-5c20a563] {
3089
+ color: var(--color-text-maxcontrast);
3090
+ font-style: italic;
3091
+ padding: calc(2 * var(--default-grid-baseline, 4px));
3092
+ }
3093
+
3094
+ /* ===== Responsive ===== */
3095
+ @media (max-width: 600px) {
3096
+ .cn-detail-grid--grid[data-v-5c20a563] {
3097
+ grid-template-columns: 1fr !important;
3098
+ }
3099
+ .cn-detail-grid__item--horizontal[data-v-5c20a563] {
3100
+ flex-direction: column;
3101
+ align-items: flex-start;
3102
+ }
3103
+ }
3104
+
3105
+
3106
+ .cn-chart-widget[data-v-b9ae75b6] {
3107
+ width: 100%;
3108
+ min-height: 100px;
3109
+ }
3110
+ .cn-chart-widget__fallback[data-v-b9ae75b6] {
3111
+ display: flex;
3112
+ align-items: center;
3113
+ justify-content: center;
3114
+ min-height: 150px;
3115
+ color: var(--color-text-maxcontrast);
3116
+ }
3117
+ .cn-chart-widget__error[data-v-b9ae75b6] {
3118
+ font-size: 14px;
3119
+ margin: 0;
3120
+ }
3121
+
3122
+
3123
+ .cn-sidebar-tab[data-v-3e8a4f28] { padding: 12px;
3124
+ }
3125
+ .cn-sidebar-tab__upload-error[data-v-3e8a4f28] {
3126
+ padding: 8px 12px;
3127
+ margin-bottom: 8px;
3128
+ border-radius: var(--border-radius, 4px);
3129
+ background-color: var(--color-error-light, rgba(229, 57, 53, 0.1));
3130
+ color: var(--color-error, #e53935);
3131
+ font-size: 13px;
3132
+ }
3133
+ .cn-sidebar-tab__dropzone[data-v-3e8a4f28] {
3134
+ display: flex;
3135
+ flex-direction: column;
3136
+ align-items: center;
3137
+ justify-content: center;
3138
+ gap: 8px;
3139
+ padding: 20px 12px;
3140
+ margin-bottom: 16px;
3141
+ border: 2px dashed var(--color-border);
3142
+ border-radius: var(--border-radius-large, 8px);
3143
+ cursor: pointer;
3144
+ transition: border-color 0.15s ease, background-color 0.15s ease;
3145
+ }
3146
+ .cn-sidebar-tab__dropzone[data-v-3e8a4f28]:hover {
3147
+ border-color: var(--color-primary-element);
3148
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
3149
+ }
3150
+ .cn-sidebar-tab__dropzone--active[data-v-3e8a4f28] {
3151
+ border-color: var(--color-primary-element);
3152
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
3153
+ }
3154
+ .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28] { color: var(--color-text-maxcontrast);
3155
+ }
3156
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28],
3157
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28] { color: var(--color-primary-element);
3158
+ }
3159
+ .cn-sidebar-tab__dropzone-text[data-v-3e8a4f28] { font-size: 13px; color: var(--color-text-maxcontrast);
3160
+ }
3161
+ .cn-sidebar-tab__file-input[data-v-3e8a4f28] { display: none;
3162
+ }
3163
+ .cn-sidebar-tab__empty[data-v-3e8a4f28] {
3164
+ text-align: center;
3165
+ padding: 24px 12px;
3166
+ color: var(--color-text-maxcontrast);
3167
+ font-size: 13px;
3168
+ }
3169
+ .cn-sidebar-tab__list[data-v-3e8a4f28] { display: flex; flex-direction: column; gap: 2px;
3170
+ }
3171
+ .cn-sidebar-tab__load-more[data-v-3e8a4f28] { margin-top: 8px;
3172
+ }
3173
+
3174
+
3175
+ .cn-sidebar-tab[data-v-15b054de] { padding: 12px;
3176
+ }
3177
+ .cn-sidebar-tab__action[data-v-15b054de] { margin-bottom: 16px;
3178
+ }
3179
+ .cn-sidebar-tab__action--row[data-v-15b054de] { display: flex; gap: 8px; align-items: flex-end;
3180
+ }
3181
+ .cn-sidebar-tab__textarea[data-v-15b054de] {
3182
+ width: 100%;
3183
+ padding: 8px;
3184
+ border: 1px solid var(--color-border);
3185
+ border-radius: var(--border-radius);
3186
+ resize: vertical;
3187
+ font-family: inherit;
3188
+ font-size: 13px;
3189
+ margin-bottom: 8px;
3190
+ background: var(--color-main-background);
3191
+ color: var(--color-main-text);
3192
+ }
3193
+ .cn-sidebar-tab__textarea[data-v-15b054de]:focus {
3194
+ border-color: var(--color-primary-element);
3195
+ outline: none;
3196
+ }
3197
+ .cn-sidebar-tab__empty[data-v-15b054de] {
3198
+ text-align: center;
3199
+ padding: 24px 12px;
3200
+ color: var(--color-text-maxcontrast);
3201
+ font-size: 13px;
3202
+ }
3203
+ .cn-sidebar-tab__list[data-v-15b054de] { display: flex; flex-direction: column; gap: 2px;
3204
+ }
3205
+
3206
+
3207
+ .cn-sidebar-tab[data-v-19ebe2ea] { padding: 12px;
3208
+ }
3209
+ .cn-sidebar-tab__action[data-v-19ebe2ea] { margin-bottom: 16px;
3210
+ }
3211
+ .cn-sidebar-tab__action--row[data-v-19ebe2ea] { display: flex; gap: 8px; align-items: flex-end;
3212
+ }
3213
+ .cn-sidebar-tab__empty[data-v-19ebe2ea] {
3214
+ text-align: center;
3215
+ padding: 24px 12px;
3216
+ color: var(--color-text-maxcontrast);
3217
+ font-size: 13px;
3218
+ }
3219
+ .cn-sidebar-tab__tags[data-v-19ebe2ea] { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0;
3220
+ }
3221
+ .cn-sidebar-tab__tag[data-v-19ebe2ea] {
3222
+ display: inline-flex;
3223
+ align-items: center;
3224
+ gap: 4px;
3225
+ padding: 3px 8px;
3226
+ border-radius: var(--border-radius-pill, 16px);
3227
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
3228
+ color: var(--color-primary-element);
3229
+ font-size: 12px;
3230
+ font-weight: 500;
3231
+ }
3232
+ .cn-sidebar-tab__tag-remove[data-v-19ebe2ea] {
3233
+ display: flex;
3234
+ align-items: center;
3235
+ justify-content: center;
3236
+ background: none;
3237
+ border: none;
3238
+ padding: 0;
3239
+ cursor: pointer;
3240
+ color: var(--color-primary-element);
3241
+ opacity: 0.6;
3242
+ border-radius: 50%;
3243
+ }
3244
+ .cn-sidebar-tab__tag-remove[data-v-19ebe2ea]:hover { opacity: 1; background: rgba(0, 0, 0, 0.08);
3245
+ }
3246
+ .cn-sidebar-tab__tag-suggestions[data-v-19ebe2ea] {
3247
+ margin-top: 4px;
3248
+ border: 1px solid var(--color-border);
3249
+ border-radius: var(--border-radius);
3250
+ background: var(--color-main-background);
3251
+ max-height: 160px;
3252
+ overflow-y: auto;
3253
+ }
3254
+ .cn-sidebar-tab__tag-suggestion[data-v-19ebe2ea] {
3255
+ display: flex;
3256
+ align-items: center;
3257
+ gap: 8px;
3258
+ width: 100%;
3259
+ padding: 6px 12px;
3260
+ border: none;
3261
+ background: none;
3262
+ cursor: pointer;
3263
+ font-size: 13px;
3264
+ color: var(--color-main-text);
3265
+ text-align: left;
3266
+ }
3267
+ .cn-sidebar-tab__tag-suggestion[data-v-19ebe2ea]:hover { background: var(--color-background-hover);
3268
+ }
3269
+
3270
+
3271
+ .cn-sidebar-tab[data-v-11e9a01a] {
3272
+ padding: 12px;
3273
+ overflow-x: hidden;
3274
+ }
3275
+ .cn-sidebar-tab__section[data-v-11e9a01a] {
3276
+ margin-bottom: 12px;
3277
+ }
3278
+ .cn-sidebar-tab__section--filters[data-v-11e9a01a] {
3279
+ padding-top: 12px;
3280
+ border-top: 1px solid var(--color-border);
3281
+ }
3282
+ .cn-sidebar-tab__action--row[data-v-11e9a01a] {
3283
+ display: flex;
3284
+ gap: 8px;
3285
+ align-items: flex-end;
3286
+ margin-bottom: 8px;
3287
+ }
3288
+ .cn-sidebar-tab__grid[data-v-11e9a01a] {
3289
+ display: grid;
3290
+ grid-template-columns: 1fr 1fr;
3291
+ gap: 8px;
3292
+ }
3293
+ .cn-sidebar-tab__grid > *[data-v-11e9a01a] {
3294
+ min-width: 0;
3295
+ }
3296
+ .cn-sidebar-tab__empty[data-v-11e9a01a] {
3297
+ text-align: center;
3298
+ padding: 24px 12px;
3299
+ color: var(--color-text-maxcontrast);
3300
+ font-size: 13px;
3301
+ }
3302
+ .cn-sidebar-tab__list[data-v-11e9a01a] {
3303
+ display: flex;
3304
+ flex-direction: column;
3305
+ gap: 2px;
3306
+ }
3307
+ .cn-sidebar-tab__load-more[data-v-11e9a01a] { margin-top: 8px;
3308
+ }
3309
+ .cn-sidebar-tab__task-checkbox[data-v-11e9a01a] {
3310
+ display: flex;
3311
+ align-items: center;
3312
+ justify-content: center;
3313
+ background: none;
3314
+ border: none;
3315
+ padding: 0;
3316
+ cursor: pointer;
3317
+ color: inherit;
3318
+ }
3319
+ .cn-sidebar-tab__task-done[data-v-11e9a01a] { color: var(--color-success);
3320
+ }
3321
+ .cn-sidebar-tab__task-overdue-icon[data-v-11e9a01a] { color: var(--color-error, #e53935);
3322
+ }
3323
+ .cn-sidebar-tab__task-overdue-date[data-v-11e9a01a] { color: var(--color-error, #e53935); font-weight: 500;
3324
+ }
3325
+
3326
+
3327
+ .cn-sidebar-tab[data-v-63d784fe] { padding: 12px;
3328
+ }
3329
+ .cn-sidebar-tab__empty[data-v-63d784fe] {
3330
+ text-align: center;
3331
+ padding: 24px 12px;
3332
+ color: var(--color-text-maxcontrast);
3333
+ font-size: 13px;
3334
+ }
3335
+ .cn-sidebar-tab__list[data-v-63d784fe] { display: flex; flex-direction: column; gap: 2px;
3336
+ }
3337
+ .cn-audit-filters[data-v-63d784fe] {
3338
+ display: grid;
3339
+ grid-template-columns: 1fr 1fr;
3340
+ gap: 8px;
3341
+ margin-bottom: 12px;
3342
+ }
3343
+ .cn-audit-filters__select[data-v-63d784fe] { min-width: 0;
3344
+ }
3345
+ .cn-audit-filters__date[data-v-63d784fe] { min-width: 0;
3346
+ }
3347
+ .cn-sidebar-tab__load-more[data-v-63d784fe] { margin-top: 8px;
3348
+ }
3349
+ .cn-audit-entry[data-v-63d784fe] { cursor: pointer;
3350
+ }
3351
+ .cn-audit-details[data-v-63d784fe] {
3352
+ padding: 8px 12px 12px 52px;
3353
+ font-size: 12px;
3354
+ border-bottom: 1px solid var(--color-border);
3355
+ animation: cn-slide-down-data-v-63d784fe 0.15s ease;
3356
+ }
3357
+ @keyframes cn-slide-down-data-v-63d784fe {
3358
+ from { opacity: 0; max-height: 0;
3359
+ }
3360
+ to { opacity: 1; max-height: 600px;
3361
+ }
3362
+ }
3363
+ .cn-audit-details__row[data-v-63d784fe] {
3364
+ display: flex;
3365
+ gap: 8px;
3366
+ padding: 2px 0;
3367
+ }
3368
+ .cn-audit-details__label[data-v-63d784fe] {
3369
+ color: var(--color-text-maxcontrast);
3370
+ min-width: 56px;
3371
+ font-weight: 500;
3372
+ }
3373
+ .cn-audit-details__mono[data-v-63d784fe] {
3374
+ font-family: monospace;
3375
+ font-size: 11px;
3376
+ word-break: break-all;
3377
+ }
3378
+ .cn-audit-details__changes[data-v-63d784fe] {
3379
+ margin-top: 8px;
3380
+ padding-top: 8px;
3381
+ border-top: 1px solid var(--color-border);
3382
+ }
3383
+ .cn-audit-details__change[data-v-63d784fe] {
3384
+ padding: 4px 0 4px 8px;
3385
+ border-left: 2px solid var(--color-border);
3386
+ margin: 4px 0;
3387
+ }
3388
+ .cn-audit-details__field[data-v-63d784fe] {
3389
+ font-weight: 500;
3390
+ display: block;
3391
+ margin-bottom: 2px;
3392
+ }
3393
+ .cn-audit-details__values[data-v-63d784fe] {
3394
+ display: flex;
3395
+ gap: 6px;
3396
+ align-items: baseline;
3397
+ flex-wrap: wrap;
3398
+ }
3399
+ .cn-audit-details__old[data-v-63d784fe] {
3400
+ color: var(--color-error, #e53935);
3401
+ text-decoration: line-through;
3402
+ }
3403
+ .cn-audit-details__arrow[data-v-63d784fe] {
3404
+ color: var(--color-text-maxcontrast);
3405
+ }
3406
+ .cn-audit-details__new[data-v-63d784fe] {
3407
+ color: var(--color-success, #43a047);
3408
+ }
3409
+ .cn-audit-details__null[data-v-63d784fe] {
3410
+ color: var(--color-text-maxcontrast);
3411
+ font-style: italic;
3412
+ }
3413
+
3414
+
3415
+ .cn-info-widget[data-v-fbcf1704] {
3416
+ display: grid;
3417
+ gap: 12px 24px;
3418
+ }
3419
+ .cn-info-widget__field[data-v-fbcf1704] {
3420
+ display: flex;
3421
+ flex-direction: column;
3422
+ gap: 2px;
3423
+ }
3424
+ .cn-info-widget__label[data-v-fbcf1704] {
3425
+ font-size: 12px;
3426
+ font-weight: 600;
3427
+ color: var(--color-text-maxcontrast);
3428
+ text-transform: uppercase;
3429
+ letter-spacing: 0.5px;
3430
+ margin: 0;
3431
+ }
3432
+ .cn-info-widget__value[data-v-fbcf1704] {
3433
+ font-size: 14px;
3434
+ color: var(--color-main-text);
3435
+ margin: 0;
3436
+ word-break: break-word;
3437
+ }
3438
+
3439
+ /* Responsive: single column on small screens */
3440
+ @media (max-width: 600px) {
3441
+ .cn-info-widget[data-v-fbcf1704] {
3442
+ grid-template-columns: 1fr !important;
3443
+ }
3444
+ }
3445
+
3446
+
3447
+ .cn-table-widget[data-v-546a3e18] {
3448
+ background: var(--color-main-background);
3449
+ border: 1px solid var(--color-border);
3450
+ border-radius: var(--border-radius-large, 16px);
3451
+ overflow: hidden;
3452
+ }
3453
+ .cn-table-widget__header[data-v-546a3e18] {
3454
+ display: flex;
3455
+ align-items: center;
3456
+ justify-content: space-between;
3457
+ padding: 12px 16px;
3458
+ border-bottom: 1px solid var(--color-border);
3459
+ }
3460
+ .cn-table-widget__title[data-v-546a3e18] {
3461
+ margin: 0;
3462
+ font-size: 14px;
3463
+ font-weight: 600;
3464
+ }
3465
+ .cn-table-widget__count[data-v-546a3e18] {
3466
+ font-size: 12px;
3467
+ color: var(--color-text-maxcontrast);
3468
+ background: var(--color-background-dark);
3469
+ padding: 2px 8px;
3470
+ border-radius: 10px;
3471
+ }
3472
+ .cn-table-widget__loading[data-v-546a3e18] {
3473
+ padding: 32px 0;
3474
+ display: flex;
3475
+ justify-content: center;
3476
+ }
3477
+ .cn-table-widget__empty[data-v-546a3e18] {
3478
+ padding: 24px 16px;
3479
+ text-align: center;
3480
+ color: var(--color-text-maxcontrast);
3481
+ font-size: 14px;
3482
+ margin: 0;
3483
+ }
3484
+ .cn-table-widget__footer[data-v-546a3e18] {
3485
+ padding: 8px 16px;
3486
+ border-top: 1px solid var(--color-border);
3487
+ text-align: center;
3488
+ }
3489
+ .cn-table-widget__view-all[data-v-546a3e18] {
3490
+ font-size: 13px;
3491
+ color: var(--color-primary-element);
3492
+ cursor: pointer;
3493
+ text-decoration: none;
3494
+ }
3495
+ .cn-table-widget__view-all[data-v-546a3e18]:hover {
3496
+ text-decoration: underline;
3497
+ }
3498
+
3499
+
3500
+ .cn-object-data-widget__grid[data-v-4c140ae2] {
3501
+ display: grid;
3502
+ gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
3503
+ }
3504
+ .cn-object-data-widget__cell[data-v-4c140ae2] {
3505
+ display: flex;
3506
+ flex-direction: column;
3507
+ gap: 2px;
3508
+ padding: calc(2 * var(--default-grid-baseline, 4px)) 0;
3509
+ border-bottom: 1px solid var(--color-border-dark);
3510
+ min-width: 0;
3511
+ }
3512
+ .cn-object-data-widget__label[data-v-4c140ae2] {
3513
+ font-size: 0.85em;
3514
+ color: var(--color-text-maxcontrast);
3515
+ font-weight: 500;
3516
+ }
3517
+ .cn-object-data-widget__value[data-v-4c140ae2] {
3518
+ font-size: 1em;
3519
+ color: var(--color-main-text);
3520
+ word-break: break-word;
3521
+ position: relative;
3522
+ padding-right: 20px;
3523
+ }
3524
+ .cn-object-data-widget__value--editable[data-v-4c140ae2] {
3525
+ cursor: pointer;
3526
+ border-radius: var(--border-radius);
3527
+ padding: 4px 24px 4px 4px;
3528
+ margin: -4px;
3529
+ }
3530
+ .cn-object-data-widget__value--editable[data-v-4c140ae2]:hover {
3531
+ background: var(--color-background-dark);
3532
+ }
3533
+ .cn-object-data-widget__value--editable[data-v-4c140ae2]:focus-visible {
3534
+ outline: 2px solid var(--color-primary-element);
3535
+ outline-offset: 2px;
3536
+ }
3537
+ .cn-object-data-widget__value--empty[data-v-4c140ae2] {
3538
+ color: var(--color-text-maxcontrast);
3539
+ font-style: italic;
3540
+ }
3541
+ .cn-object-data-widget__edit-icon[data-v-4c140ae2] {
3542
+ position: absolute;
3543
+ right: 4px;
3544
+ top: 50%;
3545
+ transform: translateY(-50%);
3546
+ color: var(--color-text-maxcontrast);
3547
+ opacity: 0;
3548
+ transition: opacity 0.15s ease;
3549
+ }
3550
+ .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-4c140ae2],
3551
+ .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-4c140ae2] {
3552
+ opacity: 1;
3553
+ }
3554
+ .cn-object-data-widget__editor[data-v-4c140ae2] {
3555
+ display: flex;
3556
+ flex-direction: column;
3557
+ gap: 4px;
3558
+ }
3559
+ .cn-object-data-widget__editor-actions[data-v-4c140ae2] {
3560
+ display: flex;
3561
+ gap: 2px;
3562
+ justify-content: flex-end;
3563
+ }
3564
+ .cn-object-data-widget__textarea[data-v-4c140ae2] {
3565
+ width: 100%;
3566
+ min-height: 80px;
3567
+ padding: 8px;
3568
+ border: 2px solid var(--color-border-dark);
3569
+ border-radius: var(--border-radius);
3570
+ background: var(--color-main-background);
3571
+ color: var(--color-main-text);
3572
+ font-family: inherit;
3573
+ font-size: inherit;
3574
+ resize: vertical;
3575
+ }
3576
+ .cn-object-data-widget__textarea[data-v-4c140ae2]:focus {
3577
+ border-color: var(--color-primary-element);
3578
+ outline: none;
3579
+ }
3580
+ .cn-object-data-widget__empty[data-v-4c140ae2] {
3581
+ color: var(--color-text-maxcontrast);
3582
+ font-style: italic;
3583
+ padding: calc(2 * var(--default-grid-baseline, 4px));
3584
+ }
3585
+
3586
+ /* Responsive: collapse to single column on narrow widths */
3587
+ @media (max-width: 600px) {
3588
+ .cn-object-data-widget__grid[data-v-4c140ae2] {
3589
+ grid-template-columns: 1fr !important;
3590
+ }
3591
+ .cn-object-data-widget__cell[data-v-4c140ae2] {
3592
+ grid-column: span 1 !important;
3593
+ grid-row: span 1 !important;
3594
+ }
3595
+ }
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
+ /* Override CnDetailGrid item styling for a compact table-like appearance */
3858
+ [data-v-06243828]:deep(.cn-detail-grid__item) {
3859
+ background: none;
3860
+ border-radius: 0;
3861
+ border-bottom: 1px solid var(--color-border);
3862
+ padding: calc(1.5 * var(--default-grid-baseline, 4px)) 0;
3863
+ }
3864
+ [data-v-06243828]:deep(.cn-detail-grid__item:last-child) {
3865
+ border-bottom: none;
3866
+ }
3867
+ [data-v-06243828]:deep(.cn-detail-grid--horizontal) {
3868
+ gap: 0;
3869
+ }
3870
+ [data-v-06243828]:deep(.cn-detail-grid__label) {
3871
+ font-size: 0.8em;
3872
+ text-transform: uppercase;
3873
+ letter-spacing: 0.02em;
3874
+ }
3875
+ [data-v-06243828]:deep(.cn-detail-grid__value) {
3876
+ font-size: 0.9em;
3877
+ word-break: break-all;
3878
+ margin: 0;
3879
+ }