@conduction/nextcloud-vue 0.1.0-beta.3 → 0.1.0-beta.4

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 (152) hide show
  1. package/README.md +226 -226
  2. package/dist/nextcloud-vue.cjs.js +60455 -8755
  3. package/dist/nextcloud-vue.cjs.js.map +1 -1
  4. package/dist/nextcloud-vue.css +2062 -528
  5. package/dist/nextcloud-vue.esm.js +60411 -8731
  6. package/dist/nextcloud-vue.esm.js.map +1 -1
  7. package/package.json +75 -62
  8. package/src/components/CnActionsBar/CnActionsBar.vue +235 -225
  9. package/src/components/CnActionsBar/index.js +1 -1
  10. package/src/components/CnAdvancedFormDialog/CnAdvancedFormDialog.vue +579 -0
  11. package/src/components/CnAdvancedFormDialog/CnDataTab.vue +217 -0
  12. package/src/components/CnAdvancedFormDialog/CnMetadataTab.vue +121 -0
  13. package/src/components/CnAdvancedFormDialog/CnPropertiesTab.vue +418 -0
  14. package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue +247 -0
  15. package/src/components/CnAdvancedFormDialog/index.js +1 -0
  16. package/src/components/CnCardGrid/CnCardGrid.vue +152 -152
  17. package/src/components/CnCardGrid/index.js +1 -1
  18. package/src/components/CnCellRenderer/CnCellRenderer.vue +132 -132
  19. package/src/components/CnCellRenderer/index.js +1 -1
  20. package/src/components/CnChartWidget/CnChartWidget.vue +320 -0
  21. package/src/components/CnChartWidget/index.js +1 -0
  22. package/src/components/CnConfigurationCard/CnConfigurationCard.vue +77 -77
  23. package/src/components/CnConfigurationCard/index.js +1 -1
  24. package/src/components/CnDashboardGrid/CnDashboardGrid.vue +225 -0
  25. package/src/components/CnDashboardGrid/index.js +1 -0
  26. package/src/components/CnDashboardPage/CnDashboardPage.vue +390 -0
  27. package/src/components/CnDashboardPage/index.js +1 -0
  28. package/src/components/CnDataTable/CnDataTable.vue +349 -349
  29. package/src/components/CnDataTable/index.js +1 -1
  30. package/src/components/CnDetailCard/CnDetailCard.vue +214 -0
  31. package/src/components/CnDetailCard/index.js +1 -0
  32. package/src/components/CnDetailPage/CnDetailPage.vue +281 -0
  33. package/src/components/CnDetailPage/index.js +1 -0
  34. package/src/components/CnFacetSidebar/CnFacetSidebar.vue +231 -223
  35. package/src/components/CnFacetSidebar/index.js +1 -1
  36. package/src/components/CnFilterBar/CnFilterBar.vue +152 -152
  37. package/src/components/CnFilterBar/index.js +1 -1
  38. package/src/components/CnIcon/CnIcon.vue +89 -89
  39. package/src/components/CnIcon/index.js +1 -1
  40. package/src/components/CnIndexPage/CnIndexPage.vue +874 -816
  41. package/src/components/CnIndexPage/index.js +1 -1
  42. package/src/components/CnIndexSidebar/CnIndexSidebar.vue +503 -484
  43. package/src/components/CnIndexSidebar/index.js +1 -1
  44. package/src/components/CnItemCard/CnItemCard.vue +132 -0
  45. package/src/components/CnItemCard/index.js +1 -0
  46. package/src/components/CnKpiGrid/CnKpiGrid.vue +89 -89
  47. package/src/components/CnKpiGrid/index.js +1 -1
  48. package/src/components/CnMassActionBar/CnMassActionBar.vue +160 -160
  49. package/src/components/CnMassActionBar/index.js +1 -1
  50. package/src/components/CnMassCopyDialog/CnMassCopyDialog.vue +320 -320
  51. package/src/components/CnMassCopyDialog/index.js +1 -1
  52. package/src/components/CnMassDeleteDialog/CnMassDeleteDialog.vue +238 -238
  53. package/src/components/CnMassDeleteDialog/index.js +1 -1
  54. package/src/components/CnMassExportDialog/CnMassExportDialog.vue +190 -190
  55. package/src/components/CnMassExportDialog/index.js +1 -1
  56. package/src/components/CnMassImportDialog/CnMassImportDialog.vue +491 -491
  57. package/src/components/CnMassImportDialog/index.js +1 -1
  58. package/src/components/CnNoteCard/CnNoteCard.vue +149 -0
  59. package/src/components/CnNoteCard/index.js +1 -0
  60. package/src/components/CnNotesCard/CnNotesCard.vue +413 -0
  61. package/src/components/CnNotesCard/index.js +1 -0
  62. package/src/components/CnObjectCard/CnObjectCard.vue +292 -292
  63. package/src/components/CnObjectCard/index.js +1 -1
  64. package/src/components/CnObjectSidebar/CnObjectSidebar.vue +876 -0
  65. package/src/components/CnObjectSidebar/index.js +1 -0
  66. package/src/components/CnPageHeader/CnPageHeader.vue +57 -57
  67. package/src/components/CnPageHeader/index.js +1 -1
  68. package/src/components/CnPagination/CnPagination.vue +252 -252
  69. package/src/components/CnPagination/index.js +1 -1
  70. package/src/components/CnRowActions/CnRowActions.vue +73 -73
  71. package/src/components/CnRowActions/index.js +1 -1
  72. package/src/components/CnSchemaFormDialog/CnSchemaConfigurationTab.vue +226 -0
  73. package/src/components/CnSchemaFormDialog/CnSchemaFormDialog.vue +787 -0
  74. package/src/components/CnSchemaFormDialog/CnSchemaPropertiesTab.vue +305 -0
  75. package/src/components/CnSchemaFormDialog/CnSchemaPropertyActions.vue +1398 -0
  76. package/src/components/CnSchemaFormDialog/CnSchemaSecurityTab.vue +236 -0
  77. package/src/components/CnSchemaFormDialog/index.js +1 -0
  78. package/src/components/CnSettingsCard/CnSettingsCard.vue +92 -92
  79. package/src/components/CnSettingsCard/index.js +1 -1
  80. package/src/components/CnSettingsSection/CnSettingsSection.vue +266 -266
  81. package/src/components/CnSettingsSection/index.js +1 -1
  82. package/src/components/CnStatsBlock/CnStatsBlock.vue +420 -366
  83. package/src/components/CnStatsBlock/index.js +1 -1
  84. package/src/components/CnStatusBadge/CnStatusBadge.vue +77 -77
  85. package/src/components/CnStatusBadge/index.js +1 -1
  86. package/src/components/CnTabbedFormDialog/CnTabbedFormDialog.vue +540 -0
  87. package/src/components/CnTabbedFormDialog/index.js +1 -0
  88. package/src/components/CnTasksCard/CnTasksCard.vue +373 -0
  89. package/src/components/CnTasksCard/index.js +1 -0
  90. package/src/components/CnTileWidget/CnTileWidget.vue +159 -0
  91. package/src/components/CnTileWidget/index.js +1 -0
  92. package/src/components/CnTimelineStages/CnTimelineStages.vue +292 -0
  93. package/src/components/CnTimelineStages/index.js +1 -0
  94. package/src/components/CnUserActionMenu/CnUserActionMenu.vue +435 -0
  95. package/src/components/CnUserActionMenu/index.js +1 -0
  96. package/src/components/CnVersionInfoCard/CnVersionInfoCard.vue +312 -312
  97. package/src/components/CnVersionInfoCard/index.js +1 -1
  98. package/src/components/CnWidgetRenderer/CnWidgetRenderer.vue +180 -0
  99. package/src/components/CnWidgetRenderer/index.js +1 -0
  100. package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue +211 -0
  101. package/src/components/CnWidgetWrapper/index.js +1 -0
  102. package/src/components/index.js +43 -29
  103. package/src/composables/index.js +4 -3
  104. package/src/composables/useDashboardView.js +240 -0
  105. package/src/composables/useDetailView.js +289 -132
  106. package/src/composables/useListView.js +363 -362
  107. package/src/composables/useSubResource.js +142 -142
  108. package/src/constants/metadata.js +30 -30
  109. package/src/css/CnSchemaFormDialog.css +546 -0
  110. package/src/css/__sample_nextcloud_tokens.css +110 -0
  111. package/src/css/actions-bar.css +48 -48
  112. package/src/css/badge.css +51 -51
  113. package/src/css/card.css +128 -128
  114. package/src/css/dashboard.css +70 -0
  115. package/src/css/detail-page.css +168 -0
  116. package/src/css/detail.css +68 -68
  117. package/src/css/index-page.css +44 -32
  118. package/src/css/index-sidebar.css +193 -187
  119. package/src/css/index.css +16 -12
  120. package/src/css/layout.css +90 -90
  121. package/src/css/page-header.css +33 -33
  122. package/src/css/pagination.css +72 -72
  123. package/src/css/table.css +142 -142
  124. package/src/css/timeline-stages.css +218 -0
  125. package/src/css/utilities.css +46 -46
  126. package/src/index.js +72 -53
  127. package/src/store/createSubResourcePlugin.js +135 -135
  128. package/src/store/index.js +3 -3
  129. package/src/store/plugins/auditTrails.js +17 -17
  130. package/src/store/plugins/files.js +250 -186
  131. package/src/store/plugins/index.js +7 -5
  132. package/src/store/plugins/lifecycle.js +180 -180
  133. package/src/store/plugins/relations.js +68 -68
  134. package/src/store/plugins/search.js +372 -0
  135. package/src/store/plugins/selection.js +104 -0
  136. package/src/store/useObjectStore.js +829 -686
  137. package/src/types/auditTrail.d.ts +32 -32
  138. package/src/types/file.d.ts +23 -23
  139. package/src/types/index.d.ts +35 -35
  140. package/src/types/notification.d.ts +36 -36
  141. package/src/types/object.d.ts +40 -40
  142. package/src/types/organisation.d.ts +41 -41
  143. package/src/types/register.d.ts +25 -25
  144. package/src/types/schema.d.ts +39 -39
  145. package/src/types/shared.d.ts +79 -79
  146. package/src/types/source.d.ts +14 -14
  147. package/src/types/task.d.ts +31 -31
  148. package/src/utils/errors.js +96 -96
  149. package/src/utils/headers.js +68 -50
  150. package/src/utils/id.js +13 -0
  151. package/src/utils/index.js +3 -3
  152. package/src/utils/schema.js +422 -419
@@ -1,734 +1,738 @@
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
-
14
-
15
- .cn-cell-renderer--uuid[data-v-186e38ee] {
16
- font-family: monospace;
17
- font-size: 13px;
18
- color: var(--color-text-maxcontrast);
19
- }
20
- .cn-cell-renderer--number[data-v-186e38ee] {
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
+
18
+
19
+ .cn-cell-renderer--uuid[data-v-6a1303f1] {
20
+ font-family: monospace;
21
+ font-size: 13px;
22
+ color: var(--color-text-maxcontrast);
23
+ }
24
+ .cn-cell-renderer--number[data-v-6a1303f1] {
21
25
  font-variant-numeric: tabular-nums;
22
26
  }
23
- .cn-cell-renderer--date[data-v-186e38ee] {
27
+ .cn-cell-renderer--date[data-v-6a1303f1] {
24
28
  white-space: nowrap;
25
29
  }
26
- .cn-cell-renderer__dash[data-v-186e38ee] {
30
+ .cn-cell-renderer__dash[data-v-6a1303f1] {
27
31
  color: var(--color-text-maxcontrast);
28
32
  }
29
- .cn-cell-renderer__icon--success[data-v-186e38ee] {
33
+ .cn-cell-renderer__icon--success[data-v-6a1303f1] {
30
34
  color: var(--color-success);
31
- }
32
-
33
-
34
- .cn-settings-section__actions[data-v-16a2820b] {
35
- display: flex;
36
- gap: 0.5rem;
37
- align-items: center;
38
- justify-content: flex-end;
39
- float: right;
40
- margin-top: -66px;
41
- margin-bottom: 26px;
42
- position: relative;
35
+ }
36
+
37
+
38
+ .cn-settings-section__actions[data-v-6e53ea15] {
39
+ display: flex;
40
+ gap: 0.5rem;
41
+ align-items: center;
42
+ justify-content: flex-end;
43
+ float: right;
44
+ margin-top: -66px;
45
+ margin-bottom: 26px;
46
+ position: relative;
43
47
  z-index: 10;
44
48
  }
45
- .cn-settings-section__content[data-v-16a2820b] {
49
+ .cn-settings-section__content[data-v-6e53ea15] {
46
50
  clear: both;
47
51
  }
48
- .cn-settings-section__description-text[data-v-16a2820b] {
49
- color: var(--color-text-maxcontrast);
52
+ .cn-settings-section__description-text[data-v-6e53ea15] {
53
+ color: var(--color-text-maxcontrast);
50
54
  margin-bottom: 16px;
51
55
  }
52
- .cn-settings-section__loading[data-v-16a2820b] {
53
- display: flex;
54
- flex-direction: column;
55
- align-items: center;
56
- justify-content: center;
57
- padding: 40px 20px;
56
+ .cn-settings-section__loading[data-v-6e53ea15] {
57
+ display: flex;
58
+ flex-direction: column;
59
+ align-items: center;
60
+ justify-content: center;
61
+ padding: 40px 20px;
58
62
  gap: 16px;
59
63
  }
60
- .cn-settings-section__loading p[data-v-16a2820b] {
61
- color: var(--color-text-maxcontrast);
64
+ .cn-settings-section__loading p[data-v-6e53ea15] {
65
+ color: var(--color-text-maxcontrast);
62
66
  font-size: 14px;
63
67
  }
64
- .cn-settings-section__error[data-v-16a2820b] {
65
- display: flex;
66
- flex-direction: column;
67
- align-items: center;
68
- justify-content: center;
69
- padding: 32px 20px;
70
- gap: 16px;
71
- background: var(--color-error-light);
72
- border: 1px solid var(--color-error);
68
+ .cn-settings-section__error[data-v-6e53ea15] {
69
+ display: flex;
70
+ flex-direction: column;
71
+ align-items: center;
72
+ justify-content: center;
73
+ padding: 32px 20px;
74
+ gap: 16px;
75
+ background: var(--color-error-light);
76
+ border: 1px solid var(--color-error);
73
77
  border-radius: var(--border-radius-large);
74
78
  }
75
- .cn-settings-section__error-message[data-v-16a2820b] {
76
- color: var(--color-error);
77
- font-weight: 500;
79
+ .cn-settings-section__error-message[data-v-6e53ea15] {
80
+ color: var(--color-error);
81
+ font-weight: 500;
78
82
  margin: 0;
79
83
  }
80
- .cn-settings-section__empty[data-v-16a2820b] {
84
+ .cn-settings-section__empty[data-v-6e53ea15] {
81
85
  padding: 40px 20px;
82
86
  }
83
- .cn-settings-section__empty-content[data-v-16a2820b] {
84
- display: flex;
85
- flex-direction: column;
86
- align-items: center;
87
- gap: 16px;
87
+ .cn-settings-section__empty-content[data-v-6e53ea15] {
88
+ display: flex;
89
+ flex-direction: column;
90
+ align-items: center;
91
+ gap: 16px;
88
92
  color: var(--color-text-maxcontrast);
89
93
  }
90
- .cn-settings-section__empty-content p[data-v-16a2820b] {
91
- margin: 0;
94
+ .cn-settings-section__empty-content p[data-v-6e53ea15] {
95
+ margin: 0;
92
96
  font-size: 14px;
93
97
  }
94
- .cn-settings-section__footer[data-v-16a2820b] {
95
- margin-top: 24px;
96
- padding-top: 24px;
98
+ .cn-settings-section__footer[data-v-6e53ea15] {
99
+ margin-top: 24px;
100
+ padding-top: 24px;
97
101
  border-top: 1px solid var(--color-border);
98
102
  }
99
103
  @media (max-width: 768px) {
100
- .cn-settings-section__actions[data-v-16a2820b] {
101
- position: static;
102
- margin-top: 0;
103
- margin-bottom: 1rem;
104
- float: none;
105
- flex-direction: column;
104
+ .cn-settings-section__actions[data-v-6e53ea15] {
105
+ position: static;
106
+ margin-top: 0;
107
+ margin-bottom: 1rem;
108
+ float: none;
109
+ flex-direction: column;
106
110
  align-items: stretch;
107
111
  }
108
- }
112
+ }
109
113
 
110
114
 
111
- .cn-stats-block[data-v-1e8ce1fa] {
112
- background: var(--color-background-hover);
113
- border-radius: var(--border-radius-large, 10px);
114
- padding: 1rem;
115
- display: flex;
116
- flex-direction: column;
117
- align-items: center;
118
- text-decoration: none;
119
- color: inherit;
120
- border: 2px solid transparent;
115
+ .cn-stats-block[data-v-614e572b] {
116
+ background: var(--color-background-hover);
117
+ border-radius: var(--border-radius-large, 10px);
118
+ padding: 1rem;
119
+ display: flex;
120
+ flex-direction: column;
121
+ align-items: center;
122
+ text-decoration: none;
123
+ color: inherit;
124
+ border: 2px solid transparent;
121
125
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
122
126
  }
123
- .cn-stats-block--horizontal[data-v-1e8ce1fa] {
124
- flex-direction: row;
125
- align-items: flex-start;
127
+ .cn-stats-block--horizontal[data-v-614e572b] {
128
+ flex-direction: row;
129
+ align-items: flex-start;
126
130
  gap: 16px;
127
131
  }
128
- .cn-stats-block--horizontal .cn-stats-block__content[data-v-1e8ce1fa] {
132
+ .cn-stats-block--horizontal .cn-stats-block__content[data-v-614e572b] {
129
133
  text-align: left;
130
134
  }
131
- .cn-stats-block--horizontal .cn-stats-block__count[data-v-1e8ce1fa] {
135
+ .cn-stats-block--horizontal .cn-stats-block__count[data-v-614e572b] {
132
136
  justify-content: flex-start;
133
137
  }
134
- .cn-stats-block--clickable[data-v-1e8ce1fa] {
138
+ .cn-stats-block--clickable[data-v-614e572b] {
135
139
  cursor: pointer;
136
140
  }
137
- .cn-stats-block--clickable[data-v-1e8ce1fa]:hover {
138
- border-color: var(--color-primary-element);
141
+ .cn-stats-block--clickable[data-v-614e572b]:hover {
142
+ border-color: var(--color-primary-element);
139
143
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
140
144
  }
141
- .cn-stats-block--clickable[data-v-1e8ce1fa]:focus-visible {
142
- outline: 2px solid var(--color-primary-element);
145
+ .cn-stats-block--clickable[data-v-614e572b]:focus-visible {
146
+ outline: 2px solid var(--color-primary-element);
143
147
  outline-offset: 2px;
144
- }
145
-
148
+ }
149
+
146
150
  /* Icon */
147
- .cn-stats-block__icon[data-v-1e8ce1fa] {
148
- display: flex;
149
- align-items: center;
150
- justify-content: center;
151
- width: 44px;
152
- height: 44px;
153
- border-radius: 50%;
154
- background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
155
- color: var(--color-primary-element);
156
- flex-shrink: 0;
151
+ .cn-stats-block__icon[data-v-614e572b] {
152
+ display: flex;
153
+ align-items: center;
154
+ justify-content: center;
155
+ width: 44px;
156
+ height: 44px;
157
+ border-radius: 50%;
158
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
159
+ color: var(--color-primary-element);
160
+ flex-shrink: 0;
157
161
  margin-bottom: 8px;
158
162
  }
159
- .cn-stats-block--horizontal .cn-stats-block__icon[data-v-1e8ce1fa] {
163
+ .cn-stats-block--horizontal .cn-stats-block__icon[data-v-614e572b] {
160
164
  margin-bottom: 0;
161
165
  }
162
- .cn-stats-block__icon--primary[data-v-1e8ce1fa] {
163
- background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
166
+ .cn-stats-block__icon--primary[data-v-614e572b] {
167
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
164
168
  color: var(--color-primary-element);
165
169
  }
166
- .cn-stats-block__icon--success[data-v-1e8ce1fa] {
167
- background: rgba(70, 186, 97, 0.1);
170
+ .cn-stats-block__icon--success[data-v-614e572b] {
171
+ background: rgba(70, 186, 97, 0.1);
168
172
  color: var(--color-success);
169
173
  }
170
- .cn-stats-block__icon--warning[data-v-1e8ce1fa] {
171
- background: rgba(232, 163, 24, 0.1);
174
+ .cn-stats-block__icon--warning[data-v-614e572b] {
175
+ background: rgba(232, 163, 24, 0.1);
172
176
  color: var(--color-warning);
173
177
  }
174
- .cn-stats-block__icon--error[data-v-1e8ce1fa] {
175
- background: rgba(224, 36, 36, 0.1);
178
+ .cn-stats-block__icon--error[data-v-614e572b] {
179
+ background: rgba(224, 36, 36, 0.1);
176
180
  color: var(--color-error);
177
- }
178
-
181
+ }
182
+
179
183
  /* Content */
180
- .cn-stats-block__content[data-v-1e8ce1fa] {
181
- flex: 1;
182
- min-width: 0;
184
+ .cn-stats-block__content[data-v-614e572b] {
185
+ flex: 1;
186
+ min-width: 0;
183
187
  text-align: center;
184
188
  }
185
- .cn-stats-block__header h4[data-v-1e8ce1fa] {
186
- margin-top: 0;
187
- margin-bottom: 0.5rem;
188
- color: var(--color-main-text);
189
- font-size: 14px;
189
+ .cn-stats-block__header h4[data-v-614e572b] {
190
+ margin-top: 0;
191
+ margin-bottom: 0.5rem;
192
+ color: var(--color-main-text);
193
+ font-size: 14px;
190
194
  font-weight: 600;
191
195
  }
192
- .cn-stats-block__count[data-v-1e8ce1fa] {
193
- display: flex;
194
- align-items: baseline;
195
- justify-content: center;
196
- gap: 0.5rem;
197
- font-size: 1.2rem;
196
+ .cn-stats-block__count[data-v-614e572b] {
197
+ display: flex;
198
+ align-items: baseline;
199
+ justify-content: center;
200
+ gap: 0.5rem;
201
+ font-size: 1.2rem;
198
202
  margin-bottom: 0.5rem;
199
203
  }
200
- .cn-stats-block__count-value[data-v-1e8ce1fa] {
201
- font-size: 2rem;
202
- font-weight: bold;
204
+ .cn-stats-block__count-value[data-v-614e572b] {
205
+ font-size: 2rem;
206
+ font-weight: bold;
203
207
  color: var(--color-primary-element);
204
208
  }
205
- .cn-stats-block--primary .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-primary-element);
209
+ .cn-stats-block--primary .cn-stats-block__count-value[data-v-614e572b] { color: var(--color-primary-element);
206
210
  }
207
- .cn-stats-block--success .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-success);
211
+ .cn-stats-block--success .cn-stats-block__count-value[data-v-614e572b] { color: var(--color-success);
208
212
  }
209
- .cn-stats-block--warning .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-warning);
213
+ .cn-stats-block--warning .cn-stats-block__count-value[data-v-614e572b] { color: var(--color-warning);
210
214
  }
211
- .cn-stats-block--error .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-error);
215
+ .cn-stats-block--error .cn-stats-block__count-value[data-v-614e572b] { color: var(--color-error);
212
216
  }
213
- .cn-stats-block__count-label[data-v-1e8ce1fa] {
217
+ .cn-stats-block__count-label[data-v-614e572b] {
214
218
  color: var(--color-text-maxcontrast);
215
219
  }
216
- .cn-stats-block__loading[data-v-1e8ce1fa] {
217
- display: flex;
218
- align-items: center;
219
- justify-content: center;
220
- gap: 0.5rem;
221
- color: var(--color-text-maxcontrast);
220
+ .cn-stats-block__loading[data-v-614e572b] {
221
+ display: flex;
222
+ align-items: center;
223
+ justify-content: center;
224
+ gap: 0.5rem;
225
+ color: var(--color-text-maxcontrast);
222
226
  margin-bottom: 0.5rem;
223
227
  }
224
- .cn-stats-block__empty[data-v-1e8ce1fa] {
225
- text-align: center;
226
- color: var(--color-text-maxcontrast);
227
- font-style: italic;
228
+ .cn-stats-block__empty[data-v-614e572b] {
229
+ text-align: center;
230
+ color: var(--color-text-maxcontrast);
231
+ font-style: italic;
228
232
  margin-bottom: 0.5rem;
229
233
  }
230
- .cn-stats-block__breakdown[data-v-1e8ce1fa] {
231
- margin-top: 0.5rem;
232
- padding: 0.75rem;
233
- background: var(--color-background-hover);
234
- border-radius: var(--border-radius);
235
- border: 1px solid var(--color-border);
234
+ .cn-stats-block__breakdown[data-v-614e572b] {
235
+ margin-top: 0.5rem;
236
+ padding: 0.75rem;
237
+ background: var(--color-background-hover);
238
+ border-radius: var(--border-radius);
239
+ border: 1px solid var(--color-border);
236
240
  width: 100%;
237
241
  }
238
- .cn-stats-block__breakdown-item[data-v-1e8ce1fa] {
239
- display: flex;
240
- justify-content: space-between;
241
- align-items: center;
242
+ .cn-stats-block__breakdown-item[data-v-614e572b] {
243
+ display: flex;
244
+ justify-content: space-between;
245
+ align-items: center;
242
246
  margin-bottom: 0.5rem;
243
247
  }
244
- .cn-stats-block__breakdown-item[data-v-1e8ce1fa]:last-child {
248
+ .cn-stats-block__breakdown-item[data-v-614e572b]:last-child {
245
249
  margin-bottom: 0;
246
250
  }
247
- .cn-stats-block__breakdown-label[data-v-1e8ce1fa] {
248
- font-weight: 500;
251
+ .cn-stats-block__breakdown-label[data-v-614e572b] {
252
+ font-weight: 500;
249
253
  color: var(--color-main-text);
250
254
  }
251
- .cn-stats-block__breakdown-value[data-v-1e8ce1fa] {
252
- font-weight: 600;
253
- padding: 0.25rem 0.5rem;
254
- border-radius: var(--border-radius);
255
+ .cn-stats-block__breakdown-value[data-v-614e572b] {
256
+ font-weight: 600;
257
+ padding: 0.25rem 0.5rem;
258
+ border-radius: var(--border-radius);
255
259
  background: var(--color-background-hover);
256
260
  }
257
- .cn-stats-block__breakdown-value--invalid[data-v-1e8ce1fa] { color: var(--color-warning);
261
+ .cn-stats-block__breakdown-value--invalid[data-v-614e572b] { color: var(--color-element-warning);
258
262
  }
259
- .cn-stats-block__breakdown-value--deleted[data-v-1e8ce1fa] { color: var(--color-error);
263
+ .cn-stats-block__breakdown-value--deleted[data-v-614e572b] { color: var(--color-element-error);
264
+ }
265
+ .cn-stats-block__breakdown-value--published[data-v-614e572b] { color: var(--color-element-success);
260
266
  }
261
- .cn-stats-block__breakdown-value--published[data-v-1e8ce1fa] { color: var(--color-success);
262
- }
263
267
 
264
268
 
265
- .cn-config-card__status[data-v-7f20d485] {
266
- display: flex;
267
- gap: 8px;
269
+ .cn-config-card__status[data-v-674619f4] {
270
+ display: flex;
271
+ gap: 8px;
268
272
  margin-bottom: 12px;
269
273
  }
270
- .cn-config-card__content[data-v-7f20d485] {
274
+ .cn-config-card__content[data-v-674619f4] {
271
275
  margin-bottom: 8px;
272
276
  }
273
- .cn-config-card__footer[data-v-7f20d485] {
274
- padding-top: 12px;
277
+ .cn-config-card__footer[data-v-674619f4] {
278
+ padding-top: 12px;
275
279
  border-top: 1px solid var(--color-border);
276
- }
280
+ }
277
281
 
278
282
 
279
- .cn-version-info__card[data-v-29cf5e06] {
280
- background: var(--color-background-hover);
281
- border: 1px solid var(--color-border);
282
- border-radius: var(--border-radius-large);
283
- padding: 20px;
283
+ .cn-version-info__card[data-v-7dbd14a6] {
284
+ background: var(--color-background-hover);
285
+ border: 1px solid var(--color-border);
286
+ border-radius: var(--border-radius-large);
287
+ padding: 20px;
284
288
  margin-bottom: 20px;
285
289
  }
286
- .cn-version-info__card h4[data-v-29cf5e06] {
287
- margin: 0 0 16px 0;
288
- font-size: 16px;
289
- font-weight: 600;
290
+ .cn-version-info__card h4[data-v-7dbd14a6] {
291
+ margin: 0 0 16px 0;
292
+ font-size: 16px;
293
+ font-weight: 600;
290
294
  color: var(--color-main-text);
291
295
  }
292
- .cn-version-info__details[data-v-29cf5e06] {
293
- display: flex;
294
- flex-direction: column;
296
+ .cn-version-info__details[data-v-7dbd14a6] {
297
+ display: flex;
298
+ flex-direction: column;
295
299
  gap: 12px;
296
300
  }
297
- .cn-version-info__item[data-v-29cf5e06] {
298
- display: flex;
299
- justify-content: space-between;
300
- align-items: center;
301
- padding: 8px 0;
301
+ .cn-version-info__item[data-v-7dbd14a6] {
302
+ display: flex;
303
+ justify-content: space-between;
304
+ align-items: center;
305
+ padding: 8px 0;
302
306
  border-bottom: 1px solid var(--color-border);
303
307
  }
304
- .cn-version-info__item[data-v-29cf5e06]:last-child {
308
+ .cn-version-info__item[data-v-7dbd14a6]:last-child {
305
309
  border-bottom: none;
306
310
  }
307
- .cn-version-info__label[data-v-29cf5e06] {
308
- font-weight: 500;
309
- color: var(--color-text-maxcontrast);
311
+ .cn-version-info__label[data-v-7dbd14a6] {
312
+ font-weight: 500;
313
+ color: var(--color-text-maxcontrast);
310
314
  font-size: 14px;
311
315
  }
312
- .cn-version-info__value[data-v-29cf5e06] {
313
- font-family: 'Courier New', Courier, monospace;
314
- font-weight: 600;
315
- color: var(--color-main-text);
316
+ .cn-version-info__value[data-v-7dbd14a6] {
317
+ font-family: 'Courier New', Courier, monospace;
318
+ font-weight: 600;
319
+ color: var(--color-main-text);
316
320
  font-size: 14px;
317
- }
318
-
321
+ }
322
+
319
323
  /* Status classes for values */
320
- .cn-version-info__status--ok[data-v-29cf5e06] {
321
- color: var(--color-success);
324
+ .cn-version-info__status--ok[data-v-7dbd14a6] {
325
+ color: var(--color-success);
322
326
  font-weight: 600;
323
327
  }
324
- .cn-version-info__status--warning[data-v-29cf5e06] {
325
- color: var(--color-warning);
328
+ .cn-version-info__status--warning[data-v-7dbd14a6] {
329
+ color: var(--color-warning);
326
330
  font-weight: 600;
327
331
  }
328
- .cn-version-info__status--error[data-v-29cf5e06] {
329
- color: var(--color-error);
332
+ .cn-version-info__status--error[data-v-7dbd14a6] {
333
+ color: var(--color-error);
330
334
  font-weight: 600;
331
335
  }
332
336
  @media (max-width: 768px) {
333
- .cn-version-info__item[data-v-29cf5e06] {
334
- flex-direction: column;
335
- align-items: flex-start;
337
+ .cn-version-info__item[data-v-7dbd14a6] {
338
+ flex-direction: column;
339
+ align-items: flex-start;
336
340
  gap: 4px;
337
341
  }
338
- .cn-version-info__label[data-v-29cf5e06] {
342
+ .cn-version-info__label[data-v-7dbd14a6] {
339
343
  font-weight: 600;
340
344
  }
341
- .cn-version-info__value[data-v-29cf5e06] {
345
+ .cn-version-info__value[data-v-7dbd14a6] {
342
346
  word-break: break-all;
343
347
  }
344
- }
348
+ }
345
349
 
346
350
 
347
- .cn-object-card[data-v-dd5d0a22] {
348
- display: flex;
349
- gap: 12px;
350
- padding: 16px;
351
- background: var(--color-main-background);
352
- border: 1px solid var(--color-border);
353
- border-radius: var(--border-radius-large, 10px);
354
- cursor: pointer;
351
+ .cn-object-card[data-v-08110a13] {
352
+ display: flex;
353
+ gap: 12px;
354
+ padding: 16px;
355
+ background: var(--color-main-background);
356
+ border: 1px solid var(--color-border);
357
+ border-radius: var(--border-radius-large, 10px);
358
+ cursor: pointer;
355
359
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
356
360
  }
357
- .cn-object-card[data-v-dd5d0a22]:hover {
358
- border-color: var(--color-primary-element);
361
+ .cn-object-card[data-v-08110a13]:hover {
362
+ border-color: var(--color-primary-element);
359
363
  box-shadow: 0 2px 8px var(--color-box-shadow);
360
364
  }
361
- .cn-object-card--selected[data-v-dd5d0a22] {
362
- border-color: var(--color-primary-element);
365
+ .cn-object-card--selected[data-v-08110a13] {
366
+ border-color: var(--color-primary-element);
363
367
  background: var(--color-primary-element-light);
364
368
  }
365
- .cn-object-card__checkbox[data-v-dd5d0a22] {
366
- flex-shrink: 0;
369
+ .cn-object-card__checkbox[data-v-08110a13] {
370
+ flex-shrink: 0;
367
371
  padding-top: 2px;
368
372
  }
369
- .cn-object-card__content[data-v-dd5d0a22] {
370
- flex: 1;
373
+ .cn-object-card__content[data-v-08110a13] {
374
+ flex: 1;
371
375
  min-width: 0;
372
376
  }
373
- .cn-object-card__header[data-v-dd5d0a22] {
374
- display: flex;
375
- gap: 12px;
377
+ .cn-object-card__header[data-v-08110a13] {
378
+ display: flex;
379
+ gap: 12px;
376
380
  align-items: flex-start;
377
381
  }
378
- .cn-object-card__image[data-v-dd5d0a22] {
379
- width: 48px;
380
- height: 48px;
381
- border-radius: var(--border-radius);
382
- object-fit: cover;
382
+ .cn-object-card__image[data-v-08110a13] {
383
+ width: 48px;
384
+ height: 48px;
385
+ border-radius: var(--border-radius);
386
+ object-fit: cover;
383
387
  flex-shrink: 0;
384
388
  }
385
- .cn-object-card__title-area[data-v-dd5d0a22] {
386
- flex: 1;
389
+ .cn-object-card__title-area[data-v-08110a13] {
390
+ flex: 1;
387
391
  min-width: 0;
388
392
  }
389
- .cn-object-card__title[data-v-dd5d0a22] {
390
- margin: 0;
391
- font-size: 16px;
392
- font-weight: 600;
393
- line-height: 1.3;
394
- overflow: hidden;
395
- text-overflow: ellipsis;
393
+ .cn-object-card__title[data-v-08110a13] {
394
+ margin: 0;
395
+ font-size: 16px;
396
+ font-weight: 600;
397
+ line-height: 1.3;
398
+ overflow: hidden;
399
+ text-overflow: ellipsis;
396
400
  white-space: nowrap;
397
401
  }
398
- .cn-object-card__description[data-v-dd5d0a22] {
399
- margin: 4px 0 0;
400
- font-size: 13px;
401
- color: var(--color-text-maxcontrast);
402
+ .cn-object-card__description[data-v-08110a13] {
403
+ margin: 4px 0 0;
404
+ font-size: 13px;
405
+ color: var(--color-text-maxcontrast);
402
406
  line-height: 1.4;
403
407
  }
404
- .cn-object-card__badges[data-v-dd5d0a22] {
408
+ .cn-object-card__badges[data-v-08110a13] {
405
409
  margin-top: 8px;
406
410
  }
407
- .cn-object-card__metadata[data-v-dd5d0a22] {
408
- display: grid;
409
- grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
410
- gap: 8px;
411
- margin-top: 12px;
412
- padding-top: 12px;
411
+ .cn-object-card__metadata[data-v-08110a13] {
412
+ display: grid;
413
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
414
+ gap: 8px;
415
+ margin-top: 12px;
416
+ padding-top: 12px;
413
417
  border-top: 1px solid var(--color-border);
414
418
  }
415
- .cn-object-card__meta-item[data-v-dd5d0a22] {
416
- display: flex;
417
- flex-direction: column;
419
+ .cn-object-card__meta-item[data-v-08110a13] {
420
+ display: flex;
421
+ flex-direction: column;
418
422
  gap: 2px;
419
423
  }
420
- .cn-object-card__meta-label[data-v-dd5d0a22] {
421
- font-size: 11px;
422
- font-weight: 500;
423
- color: var(--color-text-maxcontrast);
424
- text-transform: uppercase;
424
+ .cn-object-card__meta-label[data-v-08110a13] {
425
+ font-size: 11px;
426
+ font-weight: 500;
427
+ color: var(--color-text-maxcontrast);
428
+ text-transform: uppercase;
425
429
  letter-spacing: 0.3px;
426
430
  }
427
- .cn-object-card__actions[data-v-dd5d0a22] {
431
+ .cn-object-card__actions[data-v-08110a13] {
428
432
  flex-shrink: 0;
429
- }
433
+ }
430
434
 
431
435
 
432
- .cn-card-grid__grid[data-v-71163d45] {
433
- display: grid;
434
- grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
436
+ .cn-card-grid__grid[data-v-41f79198] {
437
+ display: grid;
438
+ grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
435
439
  gap: 16px;
436
440
  }
437
- .cn-card-grid__loading[data-v-71163d45] {
438
- display: flex;
439
- justify-content: center;
441
+ .cn-card-grid__loading[data-v-41f79198] {
442
+ display: flex;
443
+ justify-content: center;
440
444
  padding: 40px;
441
445
  }
442
- .cn-card-grid__empty[data-v-71163d45] {
443
- padding: 40px 20px;
446
+ .cn-card-grid__empty[data-v-41f79198] {
447
+ padding: 40px 20px;
444
448
  text-align: center;
445
- }
449
+ }
446
450
 
447
451
 
448
- .cn-facet-sidebar[data-v-f5e6b572] {
449
- padding: 16px;
450
- border-right: 1px solid var(--color-border);
451
- min-width: 240px;
452
+ .cn-facet-sidebar[data-v-28dfb3f7] {
453
+ padding: 16px;
454
+ border-right: 1px solid var(--color-border);
455
+ min-width: 240px;
452
456
  max-width: 300px;
453
457
  }
454
- .cn-facet-sidebar__header[data-v-f5e6b572] {
455
- display: flex;
456
- justify-content: space-between;
457
- align-items: center;
458
+ .cn-facet-sidebar__header[data-v-28dfb3f7] {
459
+ display: flex;
460
+ justify-content: space-between;
461
+ align-items: center;
458
462
  margin-bottom: 16px;
459
463
  }
460
- .cn-facet-sidebar__title[data-v-f5e6b572] {
461
- margin: 0;
462
- font-size: 15px;
464
+ .cn-facet-sidebar__title[data-v-28dfb3f7] {
465
+ margin: 0;
466
+ font-size: 15px;
463
467
  font-weight: 600;
464
468
  }
465
- .cn-facet-sidebar__loading[data-v-f5e6b572] {
466
- display: flex;
467
- justify-content: center;
469
+ .cn-facet-sidebar__loading[data-v-28dfb3f7] {
470
+ display: flex;
471
+ justify-content: center;
468
472
  padding: 20px;
469
473
  }
470
- .cn-facet-sidebar__filters[data-v-f5e6b572] {
471
- display: flex;
472
- flex-direction: column;
474
+ .cn-facet-sidebar__filters[data-v-28dfb3f7] {
475
+ display: flex;
476
+ flex-direction: column;
473
477
  gap: 16px;
474
478
  }
475
- .cn-facet-sidebar__group[data-v-f5e6b572] {
476
- display: flex;
477
- flex-direction: column;
479
+ .cn-facet-sidebar__group[data-v-28dfb3f7] {
480
+ display: flex;
481
+ flex-direction: column;
478
482
  gap: 4px;
479
483
  }
480
- .cn-facet-sidebar__label[data-v-f5e6b572] {
481
- font-size: 12px;
482
- font-weight: 500;
483
- color: var(--color-text-maxcontrast);
484
- text-transform: uppercase;
484
+ .cn-facet-sidebar__label[data-v-28dfb3f7] {
485
+ font-size: 12px;
486
+ font-weight: 500;
487
+ color: var(--color-text-maxcontrast);
488
+ text-transform: uppercase;
485
489
  letter-spacing: 0.3px;
486
490
  }
487
- .cn-facet-sidebar__select[data-v-f5e6b572] {
491
+ .cn-facet-sidebar__select[data-v-28dfb3f7] {
488
492
  width: 100%;
489
- }
493
+ }
490
494
 
491
495
 
492
- .cn-row-action--destructive[data-v-02a7d254] {
496
+ .cn-row-action--destructive[data-v-39c85982] {
493
497
  color: var(--color-error) !important;
494
- }
498
+ }
495
499
 
496
500
 
497
- .cn-mass-delete__list[data-v-1fcfdf95] {
498
- max-height: 300px;
499
- overflow-y: auto;
501
+ .cn-mass-delete__list[data-v-37ba29e6] {
502
+ max-height: 300px;
503
+ overflow-y: auto;
500
504
  margin-top: 12px;
501
505
  }
502
- .cn-mass-delete__item[data-v-1fcfdf95] {
503
- display: flex;
504
- align-items: center;
505
- justify-content: space-between;
506
- padding: 8px 12px;
506
+ .cn-mass-delete__item[data-v-37ba29e6] {
507
+ display: flex;
508
+ align-items: center;
509
+ justify-content: space-between;
510
+ padding: 8px 12px;
507
511
  border-bottom: 1px solid var(--color-border);
508
512
  }
509
- .cn-mass-delete__item[data-v-1fcfdf95]:last-child {
513
+ .cn-mass-delete__item[data-v-37ba29e6]:last-child {
510
514
  border-bottom: none;
511
515
  }
512
- .cn-mass-delete__item-name[data-v-1fcfdf95] {
513
- font-weight: 500;
514
- overflow: hidden;
515
- text-overflow: ellipsis;
516
+ .cn-mass-delete__item-name[data-v-37ba29e6] {
517
+ font-weight: 500;
518
+ overflow: hidden;
519
+ text-overflow: ellipsis;
516
520
  white-space: nowrap;
517
521
  }
518
- .cn-mass-delete__empty[data-v-1fcfdf95] {
519
- text-align: center;
520
- color: var(--color-text-maxcontrast);
521
- font-style: italic;
522
+ .cn-mass-delete__empty[data-v-37ba29e6] {
523
+ text-align: center;
524
+ color: var(--color-text-maxcontrast);
525
+ font-style: italic;
522
526
  padding: 20px;
523
- }
527
+ }
524
528
 
525
529
 
526
- .cn-mass-copy__pattern[data-v-56d132fe] {
530
+ .cn-mass-copy__pattern[data-v-3c71701b] {
527
531
  margin-bottom: 16px;
528
532
  }
529
- .cn-mass-copy__pattern label[data-v-56d132fe] {
530
- display: block;
531
- font-weight: 600;
533
+ .cn-mass-copy__pattern label[data-v-3c71701b] {
534
+ display: block;
535
+ font-weight: 600;
532
536
  margin-bottom: 4px;
533
537
  }
534
- .cn-mass-copy__list[data-v-56d132fe] {
535
- max-height: 300px;
538
+ .cn-mass-copy__list[data-v-3c71701b] {
539
+ max-height: 300px;
536
540
  overflow-y: auto;
537
541
  }
538
- .cn-mass-copy__item[data-v-56d132fe] {
539
- display: flex;
540
- align-items: center;
541
- justify-content: space-between;
542
- padding: 8px 12px;
542
+ .cn-mass-copy__item[data-v-3c71701b] {
543
+ display: flex;
544
+ align-items: center;
545
+ justify-content: space-between;
546
+ padding: 8px 12px;
543
547
  border-bottom: 1px solid var(--color-border);
544
548
  }
545
- .cn-mass-copy__item[data-v-56d132fe]:last-child {
549
+ .cn-mass-copy__item[data-v-3c71701b]:last-child {
546
550
  border-bottom: none;
547
551
  }
548
- .cn-mass-copy__item-names[data-v-56d132fe] {
549
- display: flex;
550
- align-items: center;
551
- gap: 8px;
552
- overflow: hidden;
552
+ .cn-mass-copy__item-names[data-v-3c71701b] {
553
+ display: flex;
554
+ align-items: center;
555
+ gap: 8px;
556
+ overflow: hidden;
553
557
  flex: 1;
554
558
  }
555
- .cn-mass-copy__item-original[data-v-56d132fe] {
556
- color: var(--color-text-maxcontrast);
557
- overflow: hidden;
558
- text-overflow: ellipsis;
559
+ .cn-mass-copy__item-original[data-v-3c71701b] {
560
+ color: var(--color-text-maxcontrast);
561
+ overflow: hidden;
562
+ text-overflow: ellipsis;
559
563
  white-space: nowrap;
560
564
  }
561
- .cn-mass-copy__item-arrow[data-v-56d132fe] {
562
- flex-shrink: 0;
565
+ .cn-mass-copy__item-arrow[data-v-3c71701b] {
566
+ flex-shrink: 0;
563
567
  color: var(--color-text-maxcontrast);
564
568
  }
565
- .cn-mass-copy__item-new[data-v-56d132fe] {
566
- font-weight: 500;
567
- overflow: hidden;
568
- text-overflow: ellipsis;
569
+ .cn-mass-copy__item-new[data-v-3c71701b] {
570
+ font-weight: 500;
571
+ overflow: hidden;
572
+ text-overflow: ellipsis;
569
573
  white-space: nowrap;
570
574
  }
571
- .cn-mass-copy__empty[data-v-56d132fe] {
572
- text-align: center;
573
- color: var(--color-text-maxcontrast);
574
- font-style: italic;
575
+ .cn-mass-copy__empty[data-v-3c71701b] {
576
+ text-align: center;
577
+ color: var(--color-text-maxcontrast);
578
+ font-style: italic;
575
579
  padding: 20px;
576
- }
580
+ }
577
581
 
578
582
 
579
- .cn-mass-export__description[data-v-4d59fe8f] {
580
- margin-bottom: 16px;
583
+ .cn-mass-export__description[data-v-71bb2f97] {
584
+ margin-bottom: 16px;
581
585
  color: var(--color-text-maxcontrast);
582
586
  }
583
- .cn-mass-export__field[data-v-4d59fe8f] {
584
- display: flex;
585
- flex-direction: column;
587
+ .cn-mass-export__field[data-v-71bb2f97] {
588
+ display: flex;
589
+ flex-direction: column;
586
590
  gap: 4px;
587
591
  }
588
- .cn-mass-export__field label[data-v-4d59fe8f] {
592
+ .cn-mass-export__field label[data-v-71bb2f97] {
589
593
  font-weight: 600;
590
- }
594
+ }
591
595
 
592
596
 
593
- .cn-mass-import__form[data-v-d5f77ada] {
594
- display: flex;
595
- flex-direction: column;
597
+ .cn-mass-import__form[data-v-04cd8fb4] {
598
+ display: flex;
599
+ flex-direction: column;
596
600
  gap: 16px;
597
601
  }
598
- .cn-mass-import__file-row[data-v-d5f77ada] {
599
- display: flex;
600
- align-items: center;
602
+ .cn-mass-import__file-row[data-v-04cd8fb4] {
603
+ display: flex;
604
+ align-items: center;
601
605
  gap: 12px;
602
606
  }
603
- .cn-mass-import__file-info[data-v-d5f77ada] {
604
- display: flex;
605
- align-items: center;
607
+ .cn-mass-import__file-info[data-v-04cd8fb4] {
608
+ display: flex;
609
+ align-items: center;
606
610
  gap: 6px;
607
611
  }
608
- .cn-mass-import__file-name[data-v-d5f77ada] {
612
+ .cn-mass-import__file-name[data-v-04cd8fb4] {
609
613
  font-weight: 500;
610
614
  }
611
- .cn-mass-import__file-size[data-v-d5f77ada] {
612
- color: var(--color-text-maxcontrast);
615
+ .cn-mass-import__file-size[data-v-04cd8fb4] {
616
+ color: var(--color-text-maxcontrast);
613
617
  font-size: 0.9em;
614
618
  }
615
- .cn-mass-import__help[data-v-d5f77ada] {
616
- padding: 12px;
617
- background: var(--color-background-hover);
619
+ .cn-mass-import__help[data-v-04cd8fb4] {
620
+ padding: 12px;
621
+ background: var(--color-background-hover);
618
622
  border-radius: var(--border-radius);
619
623
  }
620
- .cn-mass-import__help p[data-v-d5f77ada] {
624
+ .cn-mass-import__help p[data-v-04cd8fb4] {
621
625
  margin: 0 0 8px;
622
626
  }
623
- .cn-mass-import__help ul[data-v-d5f77ada] {
624
- margin: 0;
627
+ .cn-mass-import__help ul[data-v-04cd8fb4] {
628
+ margin: 0;
625
629
  padding-left: 20px;
626
630
  }
627
- .cn-mass-import__options[data-v-d5f77ada] {
628
- display: flex;
629
- flex-direction: column;
631
+ .cn-mass-import__options[data-v-04cd8fb4] {
632
+ display: flex;
633
+ flex-direction: column;
630
634
  gap: 12px;
631
- }
632
-
635
+ }
636
+
633
637
  /* Summary table */
634
- .cn-mass-import__results h3[data-v-d5f77ada] {
635
- margin: 0 0 12px;
638
+ .cn-mass-import__results h3[data-v-04cd8fb4] {
639
+ margin: 0 0 12px;
636
640
  font-size: 1.1rem;
637
641
  }
638
- .cn-mass-import__summary-table[data-v-d5f77ada] {
639
- width: 100%;
640
- border-collapse: collapse;
641
- border-radius: var(--border-radius);
642
- overflow: hidden;
642
+ .cn-mass-import__summary-table[data-v-04cd8fb4] {
643
+ width: 100%;
644
+ border-collapse: collapse;
645
+ border-radius: var(--border-radius);
646
+ overflow: hidden;
643
647
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
644
648
  }
645
- .cn-mass-import__summary-table th[data-v-d5f77ada],
646
- .cn-mass-import__summary-table td[data-v-d5f77ada] {
647
- padding: 8px 12px;
648
- text-align: left;
649
+ .cn-mass-import__summary-table th[data-v-04cd8fb4],
650
+ .cn-mass-import__summary-table td[data-v-04cd8fb4] {
651
+ padding: 8px 12px;
652
+ text-align: left;
649
653
  border-bottom: 1px solid var(--color-border);
650
654
  }
651
- .cn-mass-import__summary-table th[data-v-d5f77ada] {
652
- background: var(--color-background-dark);
653
- font-weight: 600;
654
- font-size: 0.85rem;
655
+ .cn-mass-import__summary-table th[data-v-04cd8fb4] {
656
+ background: var(--color-background-dark);
657
+ font-weight: 600;
658
+ font-size: 0.85rem;
655
659
  text-transform: uppercase;
656
660
  }
657
- .cn-mass-import__sheet-name[data-v-d5f77ada] {
661
+ .cn-mass-import__sheet-name[data-v-04cd8fb4] {
658
662
  font-weight: 600;
659
663
  }
660
- .cn-mass-import__stat[data-v-d5f77ada] {
661
- text-align: center;
664
+ .cn-mass-import__stat[data-v-04cd8fb4] {
665
+ text-align: center;
662
666
  font-weight: 600;
663
667
  }
664
- .cn-mass-import__stat--found[data-v-d5f77ada] { color: var(--color-primary-element);
668
+ .cn-mass-import__stat--found[data-v-04cd8fb4] { color: var(--color-primary-element);
665
669
  }
666
- .cn-mass-import__stat--created[data-v-d5f77ada] { color: var(--color-success);
670
+ .cn-mass-import__stat--created[data-v-04cd8fb4] { color: var(--color-success);
667
671
  }
668
- .cn-mass-import__stat--updated[data-v-d5f77ada] { color: var(--color-warning);
672
+ .cn-mass-import__stat--updated[data-v-04cd8fb4] { color: var(--color-warning);
669
673
  }
670
- .cn-mass-import__stat--unchanged[data-v-d5f77ada] { color: var(--color-text-maxcontrast);
674
+ .cn-mass-import__stat--unchanged[data-v-04cd8fb4] { color: var(--color-text-maxcontrast);
671
675
  }
672
- .cn-mass-import__stat--errors[data-v-d5f77ada] { color: var(--color-error);
676
+ .cn-mass-import__stat--errors[data-v-04cd8fb4] { color: var(--color-error);
673
677
  }
674
- .cn-mass-import__expand[data-v-d5f77ada] {
675
- background: none;
676
- border: none;
677
- cursor: pointer;
678
- padding: 2px;
679
- border-radius: var(--border-radius-small, 4px);
680
- color: var(--color-error);
681
- transition: transform 0.2s ease;
682
- vertical-align: middle;
678
+ .cn-mass-import__expand[data-v-04cd8fb4] {
679
+ background: none;
680
+ border: none;
681
+ cursor: pointer;
682
+ padding: 2px;
683
+ border-radius: var(--border-radius-small, 4px);
684
+ color: var(--color-error);
685
+ transition: transform 0.2s ease;
686
+ vertical-align: middle;
683
687
  margin-left: 4px;
684
688
  }
685
- .cn-mass-import__expand[data-v-d5f77ada]:hover {
689
+ .cn-mass-import__expand[data-v-04cd8fb4]:hover {
686
690
  background: var(--color-background-hover);
687
691
  }
688
- .cn-mass-import__expand--open[data-v-d5f77ada] {
692
+ .cn-mass-import__expand--open[data-v-04cd8fb4] {
689
693
  transform: rotate(180deg);
690
- }
691
-
694
+ }
695
+
692
696
  /* Error details */
693
- .cn-mass-import__error-row td[data-v-d5f77ada] {
694
- padding: 8px 12px;
697
+ .cn-mass-import__error-row td[data-v-04cd8fb4] {
698
+ padding: 8px 12px;
695
699
  background: var(--color-background-hover);
696
700
  }
697
- .cn-mass-import__error-table[data-v-d5f77ada] {
698
- width: 100%;
699
- border-collapse: collapse;
701
+ .cn-mass-import__error-table[data-v-04cd8fb4] {
702
+ width: 100%;
703
+ border-collapse: collapse;
700
704
  font-size: 0.9em;
701
705
  }
702
- .cn-mass-import__error-table th[data-v-d5f77ada],
703
- .cn-mass-import__error-table td[data-v-d5f77ada] {
704
- padding: 6px 10px;
705
- text-align: left;
706
+ .cn-mass-import__error-table th[data-v-04cd8fb4],
707
+ .cn-mass-import__error-table td[data-v-04cd8fb4] {
708
+ padding: 6px 10px;
709
+ text-align: left;
706
710
  border-bottom: 1px solid var(--color-border);
707
711
  }
708
- .cn-mass-import__error-table th[data-v-d5f77ada] {
709
- background: var(--color-background-dark);
710
- font-weight: 600;
712
+ .cn-mass-import__error-table th[data-v-04cd8fb4] {
713
+ background: var(--color-background-dark);
714
+ font-weight: 600;
711
715
  font-size: 0.85rem;
712
- }
716
+ }
713
717
 
714
718
 
715
- .cn-delete__confirm[data-v-6d686ac8] {
719
+ .cn-delete__confirm[data-v-52207b90] {
716
720
  padding: 4px 0;
717
721
  }
718
722
 
719
723
 
720
- .cn-copy__pattern[data-v-f924b308] {
724
+ .cn-copy__pattern[data-v-0c570f44] {
721
725
  margin-bottom: 16px;
722
726
  }
723
- .cn-copy__pattern label[data-v-f924b308] {
727
+ .cn-copy__pattern label[data-v-0c570f44] {
724
728
  display: block;
725
729
  font-weight: 600;
726
730
  margin-bottom: 4px;
727
731
  }
728
- .cn-copy__preview[data-v-f924b308] {
732
+ .cn-copy__preview[data-v-0c570f44] {
729
733
  margin-top: 12px;
730
734
  }
731
- .cn-copy__preview-row[data-v-f924b308] {
735
+ .cn-copy__preview-row[data-v-0c570f44] {
732
736
  display: flex;
733
737
  align-items: center;
734
738
  gap: 8px;
@@ -736,17 +740,17 @@
736
740
  background-color: var(--color-background-hover);
737
741
  border-radius: var(--border-radius);
738
742
  }
739
- .cn-copy__preview-original[data-v-f924b308] {
743
+ .cn-copy__preview-original[data-v-0c570f44] {
740
744
  color: var(--color-text-maxcontrast);
741
745
  overflow: hidden;
742
746
  text-overflow: ellipsis;
743
747
  white-space: nowrap;
744
748
  }
745
- .cn-copy__preview-arrow[data-v-f924b308] {
749
+ .cn-copy__preview-arrow[data-v-0c570f44] {
746
750
  flex-shrink: 0;
747
751
  color: var(--color-text-maxcontrast);
748
752
  }
749
- .cn-copy__preview-new[data-v-f924b308] {
753
+ .cn-copy__preview-new[data-v-0c570f44] {
750
754
  font-weight: 500;
751
755
  overflow: hidden;
752
756
  text-overflow: ellipsis;
@@ -754,26 +758,26 @@
754
758
  }
755
759
 
756
760
 
757
- .cn-form-dialog__form[data-v-f53fc7fa] {
761
+ .cn-form-dialog__form[data-v-3ea0da6a] {
758
762
  display: flex;
759
763
  flex-direction: column;
760
764
  gap: 4px;
761
765
  }
762
- .cn-form-dialog__field[data-v-f53fc7fa] {
766
+ .cn-form-dialog__field[data-v-3ea0da6a] {
763
767
  margin-bottom: 8px;
764
768
  }
765
- .cn-form-dialog__textarea-wrapper[data-v-f53fc7fa],
766
- .cn-form-dialog__select-wrapper[data-v-f53fc7fa] {
769
+ .cn-form-dialog__textarea-wrapper[data-v-3ea0da6a],
770
+ .cn-form-dialog__select-wrapper[data-v-3ea0da6a] {
767
771
  display: flex;
768
772
  flex-direction: column;
769
773
  gap: 4px;
770
774
  }
771
- .cn-form-dialog__label[data-v-f53fc7fa] {
775
+ .cn-form-dialog__label[data-v-3ea0da6a] {
772
776
  font-weight: 600;
773
777
  font-size: 0.9em;
774
778
  color: var(--color-main-text);
775
779
  }
776
- .cn-form-dialog__textarea[data-v-f53fc7fa] {
780
+ .cn-form-dialog__textarea[data-v-3ea0da6a] {
777
781
  width: 100%;
778
782
  min-height: 80px;
779
783
  padding: 8px;
@@ -785,107 +789,492 @@
785
789
  font-size: inherit;
786
790
  resize: vertical;
787
791
  }
788
- .cn-form-dialog__textarea[data-v-f53fc7fa]:focus {
792
+ .cn-form-dialog__textarea[data-v-3ea0da6a]:focus {
789
793
  border-color: var(--color-primary-element);
790
794
  outline: none;
791
795
  }
792
- .cn-form-dialog__textarea[data-v-f53fc7fa]:disabled {
796
+ .cn-form-dialog__textarea[data-v-3ea0da6a]:disabled {
793
797
  opacity: 0.5;
794
798
  cursor: not-allowed;
795
799
  }
796
- .cn-form-dialog__helper[data-v-f53fc7fa] {
800
+ .cn-form-dialog__helper[data-v-3ea0da6a] {
797
801
  font-size: 0.85em;
798
802
  color: var(--color-text-maxcontrast);
799
803
  }
800
- .cn-form-dialog__helper--error[data-v-f53fc7fa] {
804
+ .cn-form-dialog__helper--error[data-v-3ea0da6a] {
801
805
  color: var(--color-error);
802
806
  }
803
807
 
804
808
 
805
- .cn-kpi-grid[data-v-74e15c14] {
806
- display: grid;
807
- gap: 16px;
808
- margin-bottom: 24px;
809
- }
810
- .cn-kpi-grid--cols-2[data-v-74e15c14] {
811
- grid-template-columns: repeat(2, 1fr);
812
- }
813
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
814
- grid-template-columns: repeat(3, 1fr);
809
+ .cn-advanced-form-dialog__value-input-container[data-v-7ce1fb84] :deep(.text-field) {
810
+ margin: 0;
811
+ padding: 0;
815
812
  }
816
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
817
- grid-template-columns: repeat(4, 1fr);
818
- }
819
-
820
- /* Responsive breakpoints */
821
- @media (max-width: 1200px) {
822
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
823
- grid-template-columns: repeat(2, 1fr);
813
+ .cn-advanced-form-dialog__boolean-input-row[data-v-7ce1fb84] {
814
+ display: flex;
815
+ align-items: center;
816
+ gap: 6px;
824
817
  }
818
+
819
+ /* patch extreme size in field */
820
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-7ce1fb84] {
821
+ padding-left: 0;
822
+ padding-block: 0;
825
823
  }
826
- @media (max-width: 900px) {
827
- .cn-kpi-grid--cols-3[data-v-74e15c14] {
828
- grid-template-columns: repeat(2, 1fr);
824
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-7ce1fb84] {
825
+ margin: 0;
829
826
  }
827
+ .cn-advanced-form-dialog__info-icon[data-v-7ce1fb84] {
828
+ flex-shrink: 0;
829
+ color: var(--color-text-maxcontrast);
830
+ cursor: help;
830
831
  }
831
- @media (max-width: 600px) {
832
- .cn-kpi-grid--cols-2[data-v-74e15c14],
833
- .cn-kpi-grid--cols-3[data-v-74e15c14],
834
- .cn-kpi-grid--cols-4[data-v-74e15c14] {
835
- grid-template-columns: 1fr;
832
+ .cn-advanced-form-dialog__json-value[data-v-7ce1fb84] {
833
+ max-height: 200px;
834
+ overflow-y: auto;
835
+ white-space: pre-wrap;
836
+ font-family: monospace;
837
+ font-size: 12px;
838
+ background: var(--color-background-dark);
839
+ padding: 8px;
840
+ border-radius: 4px;
841
+ margin: 0;
836
842
  }
837
- }
838
843
 
839
844
 
840
- .cn-register-mapping__group[data-v-5bc1de37] {
841
- margin-bottom: 24px;
845
+ .cn-advanced-form-dialog__table-container[data-v-6e418e97] {
846
+ background: var(--color-main-background);
847
+ border-radius: var(--border-radius);
848
+ overflow: hidden;
849
+ box-shadow: 0 2px 4px var(--color-box-shadow);
842
850
  border: 1px solid var(--color-border);
843
- border-radius: var(--border-radius-large);
844
- padding: 20px;
845
- background: var(--color-background-hover);
851
+ margin-bottom: calc(5 * var(--default-grid-baseline));
846
852
  }
847
- .cn-register-mapping__group[data-v-5bc1de37]:last-child {
848
- margin-bottom: 0;
853
+ .cn-advanced-form-dialog__table[data-v-6e418e97] {
854
+ width: 100%;
855
+ border-collapse: collapse;
856
+ background-color: var(--color-main-background);
849
857
  }
850
- .cn-register-mapping__group-header[data-v-5bc1de37] {
851
- display: flex;
852
- align-items: center;
853
- justify-content: space-between;
854
- margin-bottom: 12px;
858
+ .cn-advanced-form-dialog__table th[data-v-6e418e97],
859
+ .cn-advanced-form-dialog__table td[data-v-6e418e97] {
860
+ padding: calc(3 * var(--default-grid-baseline));
861
+ text-align: left;
862
+ border-bottom: 1px solid var(--color-border);
863
+ vertical-align: middle;
855
864
  }
856
- .cn-register-mapping__group-title[data-v-5bc1de37] {
857
- font-size: 16px;
858
- font-weight: 600;
859
- margin: 0;
860
- color: var(--color-main-text);
865
+ .cn-advanced-form-dialog__table th[data-v-6e418e97] {
866
+ background: var(--color-background-dark);
867
+ font-weight: 500;
868
+ color: var(--color-text-maxcontrast);
861
869
  }
862
- .cn-register-mapping__group-status[data-v-5bc1de37] {
870
+ .cn-advanced-form-dialog__table-row[data-v-6e418e97] {
871
+ cursor: pointer;
872
+ transition: background-color 0.2s ease;
873
+ background-color: var(--color-main-background);
874
+ }
875
+ .cn-advanced-form-dialog__table-row[data-v-6e418e97]:hover {
876
+ background-color: var(--color-background-hover);
877
+ }
878
+
879
+ /* Active/selected row: light blue; ensure it wins over validation state classes */
880
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-6e418e97],
881
+ .cn-advanced-form-dialog__table-row--selected[data-v-6e418e97]:hover {
882
+ background-color: var(--color-primary-light);
883
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
884
+ }
885
+ .cn-advanced-form-dialog__table-row--edited[data-v-6e418e97] {
886
+ background-color: var(--color-success-light);
887
+ box-shadow: inset 3px 0 0 0 var(--color-success);
888
+ }
889
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-6e418e97] {
890
+ background-color: var(--color-background-dark);
891
+ cursor: not-allowed;
892
+ opacity: 0.7;
893
+ }
894
+ .cn-advanced-form-dialog__table-row--non-editable *[data-v-6e418e97] {
895
+ cursor: not-allowed !important;
896
+ }
897
+ .cn-advanced-form-dialog__table-row--valid[data-v-6e418e97] {
898
+ box-shadow: inset 3px 0 0 0 var(--color-success);
899
+ }
900
+ .cn-advanced-form-dialog__table-row--invalid[data-v-6e418e97] {
901
+ background-color: var(--color-error-light);
902
+ box-shadow: inset 3px 0 0 0 var(--color-error);
903
+ }
904
+ .cn-advanced-form-dialog__table-row--warning[data-v-6e418e97] {
905
+ background-color: var(--color-warning-light);
906
+ box-shadow: inset 3px 0 0 0 var(--color-warning);
907
+ }
908
+ .cn-advanced-form-dialog__table-row--new[data-v-6e418e97] {
909
+ box-shadow: inset 3px 0 0 0 var(--color-primary-element);
910
+ }
911
+ .cn-advanced-form-dialog__table-col-constrained[data-v-6e418e97] {
912
+ width: 150px;
913
+ max-width: 150px;
914
+ overflow: hidden;
915
+ text-overflow: ellipsis;
916
+ white-space: nowrap;
917
+ }
918
+ .cn-advanced-form-dialog__table-col-expanded[data-v-6e418e97] {
919
+ width: auto;
920
+ min-width: 200px;
921
+ }
922
+ .cn-advanced-form-dialog__prop-cell[data-v-6e418e97] {
923
+ width: 30%;
924
+ font-weight: 600;
925
+ box-shadow: inset 3px 0 0 0 var(--color-primary);
926
+ }
927
+ .cn-advanced-form-dialog__value-cell[data-v-6e418e97] {
928
+ width: 70%;
929
+ word-break: break-word;
930
+ border-radius: 4px;
931
+ }
932
+ .cn-advanced-form-dialog__prop-cell-content[data-v-6e418e97] {
933
+ display: flex;
934
+ align-items: center;
935
+ gap: 8px;
936
+ }
937
+ .cn-advanced-form-dialog__validation-icon[data-v-6e418e97] {
938
+ flex-shrink: 0;
939
+ }
940
+ .cn-advanced-form-dialog__validation-icon--error[data-v-6e418e97] {
941
+ color: var(--color-error);
942
+ }
943
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-6e418e97] {
944
+ color: var(--color-warning);
945
+ }
946
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-6e418e97] {
947
+ color: var(--color-text-lighter);
948
+ }
949
+ .cn-advanced-form-dialog__validation-icon--new[data-v-6e418e97] {
950
+ color: var(--color-primary-element);
951
+ }
952
+
953
+
954
+ .cn-advanced-form-dialog__table-container[data-v-27d2d16a] {
955
+ background: var(--color-main-background);
956
+ border-radius: var(--border-radius);
957
+ overflow: hidden;
958
+ box-shadow: 0 2px 4px var(--color-box-shadow);
959
+ border: 1px solid var(--color-border);
960
+ margin-bottom: calc(5 * var(--default-grid-baseline));
961
+ }
962
+ .cn-advanced-form-dialog__table[data-v-27d2d16a] {
963
+ width: 100%;
964
+ border-collapse: collapse;
965
+ background-color: var(--color-main-background);
966
+ }
967
+ .cn-advanced-form-dialog__table th[data-v-27d2d16a],
968
+ .cn-advanced-form-dialog__table td[data-v-27d2d16a] {
969
+ padding: calc(3 * var(--default-grid-baseline));
970
+ text-align: left;
971
+ border-bottom: 1px solid var(--color-border);
972
+ vertical-align: middle;
973
+ }
974
+ .cn-advanced-form-dialog__table th[data-v-27d2d16a] {
975
+ background: var(--color-background-dark);
976
+ font-weight: 500;
977
+ color: var(--color-text-maxcontrast);
978
+ }
979
+ .cn-advanced-form-dialog__table-row[data-v-27d2d16a] {
980
+ cursor: default;
981
+ background-color: var(--color-main-background);
982
+ }
983
+ .cn-advanced-form-dialog__table-col-constrained[data-v-27d2d16a] {
984
+ width: 150px;
985
+ max-width: 150px;
986
+ overflow: hidden;
987
+ text-overflow: ellipsis;
988
+ white-space: nowrap;
989
+ }
990
+ .cn-advanced-form-dialog__table-col-expanded[data-v-27d2d16a] {
991
+ width: auto;
992
+ min-width: 200px;
993
+ }
994
+
995
+
996
+ .cn-advanced-form-dialog__json-editor[data-v-63c33e9c] {
997
+ display: flex;
998
+ flex-direction: column;
999
+ gap: 8px;
1000
+ }
1001
+ .cn-advanced-form-dialog__codemirror-container[data-v-63c33e9c] {
1002
+ margin-top: 6px;
1003
+ border: 1px solid var(--color-border);
1004
+ border-radius: var(--border-radius);
1005
+ position: relative;
1006
+ }
1007
+ .cn-advanced-form-dialog__codemirror-container[data-v-63c33e9c] :deep(.cm-editor) {
1008
+ height: 100%;
1009
+ }
1010
+ .cn-advanced-form-dialog__codemirror-container[data-v-63c33e9c] :deep(.cm-scroller) {
1011
+ overflow: auto;
1012
+ }
1013
+ .cn-advanced-form-dialog__codemirror-container[data-v-63c33e9c] :deep(.cm-content) {
1014
+ border-radius: 0 !important;
1015
+ border: none !important;
1016
+ }
1017
+ .cn-advanced-form-dialog__codemirror-container[data-v-63c33e9c] :deep(.cm-editor) {
1018
+ outline: none !important;
1019
+ }
1020
+ .cn-advanced-form-dialog__codemirror-container--light > .vue-codemirror[data-v-63c33e9c] {
1021
+ border: 1px dotted silver;
1022
+ }
1023
+ .cn-advanced-form-dialog__codemirror-container--dark > .vue-codemirror[data-v-63c33e9c] {
1024
+ border: 1px dotted grey;
1025
+ }
1026
+
1027
+ /* value text color */
1028
+ /* string */
1029
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.ͼe) {
1030
+ color: #448c27;
1031
+ }
1032
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.ͼe) {
1033
+ color: #88c379;
1034
+ }
1035
+
1036
+ /* boolean */
1037
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.ͼc) {
1038
+ color: #221199;
1039
+ }
1040
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.ͼc) {
1041
+ color: #8d64f7;
1042
+ }
1043
+
1044
+ /* null */
1045
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.ͼb) {
1046
+ color: #770088;
1047
+ }
1048
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.ͼb) {
1049
+ color: #be55cd;
1050
+ }
1051
+
1052
+ /* number */
1053
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.ͼd) {
1054
+ color: #d19a66;
1055
+ }
1056
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.ͼd) {
1057
+ color: #9d6c3a;
1058
+ }
1059
+
1060
+ /* text cursor */
1061
+ .cn-advanced-form-dialog__codemirror-container :deep(.cm-content) *[data-v-63c33e9c] {
1062
+ cursor: text !important;
1063
+ }
1064
+
1065
+ /* selection color */
1066
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line)::selection,
1067
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line) ::selection {
1068
+ background-color: #d7eaff !important;
1069
+ color: black;
1070
+ }
1071
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line)::selection,
1072
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line) ::selection {
1073
+ background-color: #8fb3e6 !important;
1074
+ color: black;
1075
+ }
1076
+
1077
+ /* string selection */
1078
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line .ͼe)::selection {
1079
+ color: #2d770f;
1080
+ }
1081
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line .ͼe)::selection {
1082
+ color: #104e0c;
1083
+ }
1084
+
1085
+ /* boolean selection */
1086
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line .ͼc)::selection {
1087
+ color: #221199;
1088
+ }
1089
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line .ͼc)::selection {
1090
+ color: #4026af;
1091
+ }
1092
+
1093
+ /* null selection */
1094
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line .ͼb)::selection {
1095
+ color: #770088;
1096
+ }
1097
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line .ͼb)::selection {
1098
+ color: #770088;
1099
+ }
1100
+
1101
+ /* number selection */
1102
+ .cn-advanced-form-dialog__codemirror-container--light[data-v-63c33e9c] :deep(.cm-line .ͼd)::selection {
1103
+ color: #8c5c2c;
1104
+ }
1105
+ .cn-advanced-form-dialog__codemirror-container--dark[data-v-63c33e9c] :deep(.cm-line .ͼd)::selection {
1106
+ color: #623907;
1107
+ }
1108
+ .cn-advanced-form-dialog__format-btn[data-v-63c33e9c] {
1109
+ margin-top: 8px;
1110
+ }
1111
+ .cn-advanced-form-dialog__json-error[data-v-63c33e9c] {
1112
+ color: var(--color-error);
1113
+ font-size: 14px;
1114
+ }
1115
+
1116
+
1117
+ .cn-advanced-form-dialog__form[data-v-3edee6a8] {
1118
+ display: flex;
1119
+ flex-direction: column;
1120
+ gap: 8px;
1121
+ }
1122
+ .cn-advanced-form-dialog__tabs[data-v-3edee6a8] {
1123
+ display: flex;
1124
+ flex-direction: column;
1125
+ gap: 12px;
1126
+ }
1127
+
1128
+ /* Bootstrap-Vue tab styling to match ViewObject */
1129
+ .tabContainer[data-v-3edee6a8] {
1130
+ margin-top: 20px;
1131
+ }
1132
+ .tabContainer > * ul > li[data-v-3edee6a8] {
1133
+ display: flex;
1134
+ flex: 1;
1135
+ }
1136
+ .tabContainer > * ul > li[data-v-3edee6a8]:hover {
1137
+ background-color: var(--color-background-hover);
1138
+ }
1139
+ .tabContainer > * ul > li > a[data-v-3edee6a8] {
1140
+ flex: 1;
1141
+ text-align: center;
1142
+ }
1143
+ .tabContainer > * ul > li > .active[data-v-3edee6a8] {
1144
+ background: transparent !important;
1145
+ color: var(--color-main-text) !important;
1146
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
1147
+ }
1148
+ .tabContainer > * ul[role="tablist"][data-v-3edee6a8] {
1149
+ display: flex;
1150
+ margin: 10px 8px 0 8px;
1151
+ justify-content: space-between;
1152
+ border-bottom: 1px solid var(--color-border);
1153
+ }
1154
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-3edee6a8] {
1155
+ padding-inline-start: 10px;
1156
+ padding-inline-end: 10px;
1157
+ padding-block-start: 10px;
1158
+ padding-block-end: 10px;
1159
+ }
1160
+ .tabContainer > * div[role="tabpanel"][data-v-3edee6a8] {
1161
+ margin-block-start: var(--OR-margin-10);
1162
+ }
1163
+ [data-v-3edee6a8]:deep(.nav-tabs) {
1164
+ border-bottom: 1px solid var(--color-border);
1165
+ margin-bottom: 15px;
1166
+ display: flex;
1167
+ }
1168
+ [data-v-3edee6a8]:deep(.nav-tabs .nav-item) {
1169
+ display: flex;
1170
+ flex: 1;
1171
+ }
1172
+ [data-v-3edee6a8]:deep(.nav-tabs .nav-link) {
1173
+ flex: 1;
1174
+ text-align: center;
1175
+ border: none;
1176
+ border-bottom: 2px solid transparent;
1177
+ color: var(--color-text-maxcontrast);
1178
+ padding: 8px 16px;
1179
+ }
1180
+ [data-v-3edee6a8]:deep(.nav-tabs .nav-link.active) {
1181
+ color: var(--color-main-text);
1182
+ border-bottom: 2px solid var(--color-primary);
1183
+ background-color: transparent;
1184
+ }
1185
+ [data-v-3edee6a8]:deep(.nav-tabs .nav-link:hover) {
1186
+ border-bottom: 2px solid var(--color-border);
1187
+ }
1188
+ [data-v-3edee6a8]:deep(.tab-content) {
1189
+ padding: 16px;
1190
+ background-color: var(--color-main-background);
1191
+ }
1192
+
1193
+
1194
+ .cn-kpi-grid[data-v-5e15f7fe] {
1195
+ display: grid;
1196
+ gap: 16px;
1197
+ margin-bottom: 24px;
1198
+ }
1199
+ .cn-kpi-grid--cols-2[data-v-5e15f7fe] {
1200
+ grid-template-columns: repeat(2, 1fr);
1201
+ }
1202
+ .cn-kpi-grid--cols-3[data-v-5e15f7fe] {
1203
+ grid-template-columns: repeat(3, 1fr);
1204
+ }
1205
+ .cn-kpi-grid--cols-4[data-v-5e15f7fe] {
1206
+ grid-template-columns: repeat(4, 1fr);
1207
+ }
1208
+
1209
+ /* Responsive breakpoints */
1210
+ @media (max-width: 1200px) {
1211
+ .cn-kpi-grid--cols-4[data-v-5e15f7fe] {
1212
+ grid-template-columns: repeat(2, 1fr);
1213
+ }
1214
+ }
1215
+ @media (max-width: 900px) {
1216
+ .cn-kpi-grid--cols-3[data-v-5e15f7fe] {
1217
+ grid-template-columns: repeat(2, 1fr);
1218
+ }
1219
+ }
1220
+ @media (max-width: 600px) {
1221
+ .cn-kpi-grid--cols-2[data-v-5e15f7fe],
1222
+ .cn-kpi-grid--cols-3[data-v-5e15f7fe],
1223
+ .cn-kpi-grid--cols-4[data-v-5e15f7fe] {
1224
+ grid-template-columns: 1fr;
1225
+ }
1226
+ }
1227
+
1228
+
1229
+ .cn-register-mapping__group[data-v-1c08e06f] {
1230
+ margin-bottom: 24px;
1231
+ border: 1px solid var(--color-border);
1232
+ border-radius: var(--border-radius-large);
1233
+ padding: 20px;
1234
+ background: var(--color-background-hover);
1235
+ }
1236
+ .cn-register-mapping__group[data-v-1c08e06f]:last-child {
1237
+ margin-bottom: 0;
1238
+ }
1239
+ .cn-register-mapping__group-header[data-v-1c08e06f] {
1240
+ display: flex;
1241
+ align-items: center;
1242
+ justify-content: space-between;
1243
+ margin-bottom: 12px;
1244
+ }
1245
+ .cn-register-mapping__group-title[data-v-1c08e06f] {
1246
+ font-size: 16px;
1247
+ font-weight: 600;
1248
+ margin: 0;
1249
+ color: var(--color-main-text);
1250
+ }
1251
+ .cn-register-mapping__group-status[data-v-1c08e06f] {
863
1252
  font-size: 13px;
864
1253
  color: var(--color-text-maxcontrast);
865
1254
  }
866
- .cn-register-mapping__group-description[data-v-5bc1de37] {
1255
+ .cn-register-mapping__group-description[data-v-1c08e06f] {
867
1256
  color: var(--color-text-maxcontrast);
868
1257
  font-size: 13px;
869
1258
  margin: 0 0 12px 0;
870
1259
  }
871
- .cn-register-mapping__label[data-v-5bc1de37] {
1260
+ .cn-register-mapping__label[data-v-1c08e06f] {
872
1261
  display: block;
873
1262
  font-weight: 500;
874
1263
  font-size: 13px;
875
1264
  color: var(--color-text-maxcontrast);
876
1265
  margin-bottom: 4px;
877
1266
  }
878
- .cn-register-mapping__register-select[data-v-5bc1de37] {
1267
+ .cn-register-mapping__register-select[data-v-1c08e06f] {
879
1268
  margin-bottom: 16px;
880
1269
  max-width: 400px;
881
1270
  }
882
- .cn-register-mapping__type-list[data-v-5bc1de37] {
1271
+ .cn-register-mapping__type-list[data-v-1c08e06f] {
883
1272
  border: 1px solid var(--color-border);
884
1273
  border-radius: var(--border-radius);
885
1274
  overflow: hidden;
886
1275
  background: var(--color-main-background);
887
1276
  }
888
- .cn-register-mapping__type-list-header[data-v-5bc1de37] {
1277
+ .cn-register-mapping__type-list-header[data-v-1c08e06f] {
889
1278
  display: grid;
890
1279
  grid-template-columns: 1fr 1fr 40px 32px;
891
1280
  align-items: center;
@@ -898,7 +1287,7 @@
898
1287
  border-bottom: 1px solid var(--color-border);
899
1288
  background: var(--color-background-hover);
900
1289
  }
901
- .cn-register-mapping__type-row[data-v-5bc1de37] {
1290
+ .cn-register-mapping__type-row[data-v-1c08e06f] {
902
1291
  display: grid;
903
1292
  grid-template-columns: 1fr 1fr 40px 32px;
904
1293
  align-items: center;
@@ -907,61 +1296,61 @@
907
1296
  cursor: pointer;
908
1297
  transition: background-color 0.15s ease;
909
1298
  }
910
- .cn-register-mapping__type-row[data-v-5bc1de37]:hover {
1299
+ .cn-register-mapping__type-row[data-v-1c08e06f]:hover {
911
1300
  background: var(--color-background-hover);
912
1301
  }
913
- .cn-register-mapping__type-row--expanded[data-v-5bc1de37] {
1302
+ .cn-register-mapping__type-row--expanded[data-v-1c08e06f] {
914
1303
  background: var(--color-background-hover);
915
1304
  }
916
- .cn-register-mapping__type-name[data-v-5bc1de37] {
1305
+ .cn-register-mapping__type-name[data-v-1c08e06f] {
917
1306
  font-weight: 500;
918
1307
  color: var(--color-main-text);
919
1308
  }
920
- .cn-register-mapping__type-schema[data-v-5bc1de37] {
1309
+ .cn-register-mapping__type-schema[data-v-1c08e06f] {
921
1310
  color: var(--color-text-maxcontrast);
922
1311
  font-size: 13px;
923
1312
  }
924
- .cn-register-mapping__type-status[data-v-5bc1de37] {
1313
+ .cn-register-mapping__type-status[data-v-1c08e06f] {
925
1314
  display: flex;
926
1315
  justify-content: center;
927
1316
  }
928
- .cn-register-mapping__type-chevron[data-v-5bc1de37] {
1317
+ .cn-register-mapping__type-chevron[data-v-1c08e06f] {
929
1318
  display: flex;
930
1319
  justify-content: center;
931
1320
  color: var(--color-text-maxcontrast);
932
1321
  }
933
- .cn-register-mapping__status-dot[data-v-5bc1de37] {
1322
+ .cn-register-mapping__status-dot[data-v-1c08e06f] {
934
1323
  display: inline-block;
935
1324
  width: 10px;
936
1325
  height: 10px;
937
1326
  border-radius: 50%;
938
1327
  }
939
- .cn-register-mapping__status-dot--configured[data-v-5bc1de37] {
1328
+ .cn-register-mapping__status-dot--configured[data-v-1c08e06f] {
940
1329
  background-color: var(--color-success);
941
1330
  }
942
- .cn-register-mapping__status-dot--unconfigured[data-v-5bc1de37] {
1331
+ .cn-register-mapping__status-dot--unconfigured[data-v-1c08e06f] {
943
1332
  background-color: var(--color-warning);
944
1333
  }
945
- .cn-register-mapping__type-detail[data-v-5bc1de37] {
1334
+ .cn-register-mapping__type-detail[data-v-1c08e06f] {
946
1335
  padding: 12px 16px 16px;
947
1336
  border-bottom: 1px solid var(--color-border);
948
1337
  background: var(--color-main-background);
949
1338
  }
950
- .cn-register-mapping__type-description[data-v-5bc1de37] {
1339
+ .cn-register-mapping__type-description[data-v-1c08e06f] {
951
1340
  color: var(--color-text-maxcontrast);
952
1341
  font-size: 13px;
953
1342
  margin: 0 0 8px 0;
954
1343
  }
955
1344
 
956
1345
  /* Slide transition */
957
- .slide-enter-active[data-v-5bc1de37],
958
- .slide-leave-active[data-v-5bc1de37] {
1346
+ .slide-enter-active[data-v-1c08e06f],
1347
+ .slide-leave-active[data-v-1c08e06f] {
959
1348
  transition: all 0.2s ease;
960
1349
  max-height: 200px;
961
1350
  overflow: hidden;
962
1351
  }
963
- .slide-enter[data-v-5bc1de37],
964
- .slide-leave-to[data-v-5bc1de37] {
1352
+ .slide-enter[data-v-1c08e06f],
1353
+ .slide-leave-to[data-v-1c08e06f] {
965
1354
  max-height: 0;
966
1355
  padding-top: 0;
967
1356
  padding-bottom: 0;
@@ -969,20 +1358,1165 @@
969
1358
  }
970
1359
 
971
1360
  /* Last row in list should not have bottom border */
972
- .cn-register-mapping__type-list[data-v-5bc1de37] > :last-child {
1361
+ .cn-register-mapping__type-list[data-v-1c08e06f] > :last-child {
973
1362
  border-bottom: none;
974
1363
  }
975
1364
  @media (max-width: 768px) {
976
- .cn-register-mapping__type-list-header[data-v-5bc1de37] {
1365
+ .cn-register-mapping__type-list-header[data-v-1c08e06f] {
977
1366
  display: none;
978
1367
  }
979
- .cn-register-mapping__type-row[data-v-5bc1de37] {
1368
+ .cn-register-mapping__type-row[data-v-1c08e06f] {
980
1369
  grid-template-columns: 1fr auto 32px;
981
1370
  }
982
- .cn-register-mapping__type-schema[data-v-5bc1de37] {
1371
+ .cn-register-mapping__type-schema[data-v-1c08e06f] {
983
1372
  display: none;
984
1373
  }
985
- .cn-register-mapping__register-select[data-v-5bc1de37] {
1374
+ .cn-register-mapping__register-select[data-v-1c08e06f] {
986
1375
  max-width: none;
987
1376
  }
988
1377
  }
1378
+
1379
+ .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%}
1380
+
1381
+ .cn-dashboard-grid[data-v-26cb42ea] {
1382
+ width: 100%;
1383
+ min-height: 200px;
1384
+ }
1385
+ .grid-stack[data-v-26cb42ea] {
1386
+ background: transparent;
1387
+ }
1388
+ [data-v-26cb42ea]:deep(.grid-stack-item-content) {
1389
+ background: var(--color-main-background);
1390
+ border-radius: 0;
1391
+ border: none;
1392
+ box-shadow: none;
1393
+ overflow: hidden;
1394
+ }
1395
+ [data-v-26cb42ea]:deep(.grid-stack-placeholder > .placeholder-content) {
1396
+ background: var(--color-primary-element-light);
1397
+ border: 2px dashed var(--color-primary-element);
1398
+ border-radius: var(--border-radius-large);
1399
+ }
1400
+
1401
+
1402
+ .cn-widget-wrapper[data-v-34eb56eb] {
1403
+ height: 100%;
1404
+ display: flex;
1405
+ flex-direction: column;
1406
+ background: var(--color-main-background);
1407
+ border: 1px solid var(--color-border);
1408
+ overflow: hidden;
1409
+ }
1410
+ .cn-widget-wrapper__header[data-v-34eb56eb] {
1411
+ display: flex;
1412
+ align-items: center;
1413
+ justify-content: space-between;
1414
+ padding: 12px 16px;
1415
+ border-bottom: 1px solid var(--color-border);
1416
+ flex-shrink: 0;
1417
+ }
1418
+ .cn-widget-wrapper__header-left[data-v-34eb56eb] {
1419
+ display: flex;
1420
+ align-items: center;
1421
+ gap: 8px;
1422
+ min-width: 0;
1423
+ }
1424
+ .cn-widget-wrapper__icon[data-v-34eb56eb] {
1425
+ width: 24px;
1426
+ height: 24px;
1427
+ flex-shrink: 0;
1428
+ }
1429
+ .cn-widget-wrapper__title[data-v-34eb56eb] {
1430
+ font-weight: 600;
1431
+ font-size: 14px;
1432
+ margin: 0;
1433
+ white-space: nowrap;
1434
+ overflow: hidden;
1435
+ text-overflow: ellipsis;
1436
+ }
1437
+ .cn-widget-wrapper__content[data-v-34eb56eb] {
1438
+ flex: 1;
1439
+ overflow: auto;
1440
+ min-height: 0;
1441
+ padding: 16px;
1442
+ }
1443
+ .cn-widget-wrapper__actions[data-v-34eb56eb] {
1444
+ display: flex;
1445
+ gap: 4px;
1446
+ flex-shrink: 0;
1447
+ }
1448
+ .cn-widget-wrapper__footer[data-v-34eb56eb] {
1449
+ display: flex;
1450
+ justify-content: flex-end;
1451
+ gap: 8px;
1452
+ padding: 8px 16px;
1453
+ border-top: 1px solid var(--color-border);
1454
+ flex-shrink: 0;
1455
+ }
1456
+ .cn-widget-wrapper__footer-link[data-v-34eb56eb] {
1457
+ font-size: 13px;
1458
+ color: var(--color-primary-element);
1459
+ text-decoration: none;
1460
+ }
1461
+ .cn-widget-wrapper__footer-link[data-v-34eb56eb]:hover {
1462
+ text-decoration: underline;
1463
+ }
1464
+
1465
+
1466
+ .cn-widget-renderer[data-v-0e53d3fa] {
1467
+ height: 100%;
1468
+ padding: 8px;
1469
+ }
1470
+ .cn-widget-renderer__loading[data-v-0e53d3fa] {
1471
+ display: flex;
1472
+ align-items: center;
1473
+ justify-content: center;
1474
+ height: 100%;
1475
+ }
1476
+
1477
+
1478
+ .cn-tile-widget[data-v-6e2ade7e] {
1479
+ height: 100%;
1480
+ width: 100%;
1481
+ position: absolute;
1482
+ top: 0;
1483
+ left: 0;
1484
+ overflow: hidden;
1485
+ background-color: var(--cn-tile-bg);
1486
+ }
1487
+ .cn-tile-widget__link[data-v-6e2ade7e] {
1488
+ display: flex;
1489
+ flex-direction: column;
1490
+ align-items: center;
1491
+ justify-content: center;
1492
+ height: 100%;
1493
+ width: 100%;
1494
+ text-decoration: none;
1495
+ padding: 20px;
1496
+ gap: 12px;
1497
+ transition: transform 0.2s ease, opacity 0.2s ease;
1498
+ background-color: var(--cn-tile-bg);
1499
+ color: var(--cn-tile-text);
1500
+ }
1501
+ .cn-tile-widget__link[data-v-6e2ade7e]:hover {
1502
+ transform: scale(1.02);
1503
+ opacity: 0.95;
1504
+ }
1505
+ .cn-tile-widget__icon[data-v-6e2ade7e] {
1506
+ font-size: 48px;
1507
+ width: 48px;
1508
+ height: 48px;
1509
+ display: flex;
1510
+ align-items: center;
1511
+ justify-content: center;
1512
+ flex-shrink: 0;
1513
+ }
1514
+ .cn-tile-widget__icon--svg[data-v-6e2ade7e] {
1515
+ width: 48px;
1516
+ height: 48px;
1517
+ }
1518
+ .cn-tile-widget__icon span.icon[data-v-6e2ade7e] {
1519
+ display: inline-block;
1520
+ width: 48px;
1521
+ height: 48px;
1522
+ background-size: 48px;
1523
+ filter: brightness(0) invert(1);
1524
+ }
1525
+ .cn-tile-widget__icon img[data-v-6e2ade7e] {
1526
+ width: 100%;
1527
+ height: 100%;
1528
+ object-fit: contain;
1529
+ }
1530
+ .cn-tile-widget__emoji[data-v-6e2ade7e] {
1531
+ font-size: 48px;
1532
+ }
1533
+ .cn-tile-widget__title[data-v-6e2ade7e] {
1534
+ font-size: 16px;
1535
+ font-weight: 700;
1536
+ text-align: center;
1537
+ word-break: break-word;
1538
+ line-height: 1.3;
1539
+ color: var(--cn-tile-text);
1540
+ }
1541
+
1542
+
1543
+ .cn-dashboard-page[data-v-8204ee38] {
1544
+ padding: 20px;
1545
+ max-width: 1400px;
1546
+ }
1547
+ .cn-dashboard-page__header[data-v-8204ee38] {
1548
+ display: flex;
1549
+ justify-content: space-between;
1550
+ align-items: flex-start;
1551
+ margin-bottom: 20px;
1552
+ flex-wrap: wrap;
1553
+ gap: 12px;
1554
+ }
1555
+ .cn-dashboard-page__header-left[data-v-8204ee38] {
1556
+ min-width: 0;
1557
+ }
1558
+ .cn-dashboard-page__title[data-v-8204ee38] {
1559
+ margin: 0;
1560
+ font-size: 20px;
1561
+ font-weight: 700;
1562
+ }
1563
+ .cn-dashboard-page__description[data-v-8204ee38] {
1564
+ margin: 4px 0 0;
1565
+ font-size: 14px;
1566
+ color: var(--color-text-maxcontrast);
1567
+ }
1568
+ .cn-dashboard-page__header-actions[data-v-8204ee38] {
1569
+ display: flex;
1570
+ gap: 8px;
1571
+ flex-wrap: wrap;
1572
+ flex-shrink: 0;
1573
+ }
1574
+ .cn-dashboard-page__empty[data-v-8204ee38] {
1575
+ padding: 60px 20px;
1576
+ }
1577
+ .cn-dashboard-page__unknown[data-v-8204ee38] {
1578
+ display: flex;
1579
+ align-items: center;
1580
+ justify-content: center;
1581
+ height: 100%;
1582
+ color: var(--color-text-maxcontrast);
1583
+ font-size: 14px;
1584
+ padding: 16px;
1585
+ }
1586
+
1587
+
1588
+ .cn-item-card[data-v-2380bb37] {
1589
+ background: var(--color-main-background);
1590
+ border: 1px solid var(--color-border);
1591
+ border-radius: var(--border-radius-large, 10px);
1592
+ padding: 12px;
1593
+ margin-bottom: 12px;
1594
+ }
1595
+ .cn-item-card[data-v-2380bb37]:last-child {
1596
+ margin-bottom: 0;
1597
+ }
1598
+ .cn-item-card__header[data-v-2380bb37] {
1599
+ display: flex;
1600
+ align-items: center;
1601
+ justify-content: space-between;
1602
+ }
1603
+ .cn-item-card__title-row[data-v-2380bb37] {
1604
+ display: flex;
1605
+ align-items: center;
1606
+ gap: 8px;
1607
+ min-width: 0;
1608
+ flex: 1;
1609
+ }
1610
+ .cn-item-card__title-content[data-v-2380bb37] {
1611
+ display: flex;
1612
+ flex-direction: column;
1613
+ min-width: 0;
1614
+ }
1615
+ .cn-item-card__title[data-v-2380bb37] {
1616
+ margin: 0;
1617
+ font-size: 1em;
1618
+ font-weight: 600;
1619
+ color: var(--color-main-text);
1620
+ overflow: hidden;
1621
+ text-overflow: ellipsis;
1622
+ white-space: nowrap;
1623
+ }
1624
+ .cn-item-card__subtitle[data-v-2380bb37] {
1625
+ font-size: 0.85em;
1626
+ color: var(--color-text-maxcontrast);
1627
+ }
1628
+ .cn-item-card__actions[data-v-2380bb37] {
1629
+ flex-shrink: 0;
1630
+ }
1631
+ .cn-item-card__content[data-v-2380bb37] {
1632
+ margin-top: 8px;
1633
+ }
1634
+
1635
+
1636
+
1637
+
1638
+
1639
+
1640
+
1641
+
1642
+
1643
+
1644
+
1645
+
1646
+
1647
+
1648
+
1649
+
1650
+
1651
+
1652
+
1653
+
1654
+
1655
+
1656
+
1657
+
1658
+
1659
+
1660
+
1661
+
1662
+
1663
+
1664
+
1665
+
1666
+
1667
+
1668
+
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
+ /* Result phase container */
2052
+ .cn-tabbed-form-dialog__result[data-v-8881c222] {
2053
+ padding: 16px 0;
2054
+ }
2055
+
2056
+ /* Form phase container */
2057
+ .cn-tabbed-form-dialog__form[data-v-8881c222] {
2058
+ display: flex;
2059
+ flex-direction: column;
2060
+ gap: 8px;
2061
+ }
2062
+
2063
+ /* Tabs wrapper */
2064
+ .cn-tabbed-form-dialog__tabs[data-v-8881c222] {
2065
+ display: flex;
2066
+ flex-direction: column;
2067
+ gap: 12px;
2068
+ }
2069
+
2070
+ /* Tab content area — also uses .form-editor for compatibility */
2071
+ .cn-tabbed-form-dialog__tab-content[data-v-8881c222] {
2072
+ display: flex;
2073
+ flex-direction: column;
2074
+ gap: 16px;
2075
+ padding: 16px 0;
2076
+ }
2077
+
2078
+ /* Create another checkbox — push to the left in actions area */
2079
+ .cn-tabbed-form-dialog__create-another[data-v-8881c222] {
2080
+ margin-right: auto;
2081
+ }
2082
+
2083
+ /* Bootstrap-Vue tab container styling */
2084
+ .tabContainer > * ul > li[data-v-8881c222] {
2085
+ display: flex;
2086
+ flex: 1;
2087
+ }
2088
+ .tabContainer > * ul > li[data-v-8881c222]:hover {
2089
+ background-color: var(--color-background-hover);
2090
+ }
2091
+ .tabContainer > * ul > li > a[data-v-8881c222] {
2092
+ flex: 1;
2093
+ text-align: center;
2094
+ }
2095
+ .tabContainer > * ul > li > .active[data-v-8881c222] {
2096
+ background: transparent !important;
2097
+ color: var(--color-main-text) !important;
2098
+ border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
2099
+ }
2100
+ .tabContainer > * ul[role="tablist"][data-v-8881c222] {
2101
+ display: flex;
2102
+ margin: 10px 8px 0 8px;
2103
+ justify-content: space-between;
2104
+ border-bottom: 1px solid var(--color-border);
2105
+ }
2106
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-8881c222] {
2107
+ padding-inline-start: 10px;
2108
+ padding-inline-end: 10px;
2109
+ padding-block-start: 10px;
2110
+ padding-block-end: 10px;
2111
+ }
2112
+ .tabContainer > * div[role="tabpanel"][data-v-8881c222] {
2113
+ margin-block-start: var(--OR-margin-10);
2114
+ }
2115
+ [data-v-8881c222]:deep(.nav-tabs) {
2116
+ border-bottom: 1px solid var(--color-border);
2117
+ margin-bottom: 15px;
2118
+ display: flex;
2119
+ }
2120
+ [data-v-8881c222]:deep(.nav-tabs .nav-item) {
2121
+ display: flex;
2122
+ flex: 1;
2123
+ }
2124
+ [data-v-8881c222]:deep(.nav-tabs .nav-link) {
2125
+ flex: 1;
2126
+ text-align: center;
2127
+ border: none;
2128
+ border-bottom: 2px solid transparent;
2129
+ color: var(--color-text-maxcontrast);
2130
+ padding: 8px 16px;
2131
+ display: flex;
2132
+ align-items: center;
2133
+ gap: 8px;
2134
+ justify-content: center;
2135
+ }
2136
+ [data-v-8881c222]:deep(.nav-tabs .nav-link.active) {
2137
+ color: var(--color-main-text);
2138
+ border-bottom: 2px solid var(--color-primary);
2139
+ background-color: transparent;
2140
+ }
2141
+ [data-v-8881c222]:deep(.nav-tabs .nav-link:hover) {
2142
+ border-bottom: 2px solid var(--color-border);
2143
+ }
2144
+ [data-v-8881c222]:deep(.nav-tabs .nav-link.disabled) {
2145
+ cursor: not-allowed;
2146
+ opacity: 0.5;
2147
+ color: var(--color-text-maxcontrast);
2148
+ pointer-events: auto;
2149
+ }
2150
+ [data-v-8881c222]:deep(.nav-tabs .nav-link.disabled *) {
2151
+ cursor: not-allowed;
2152
+ }
2153
+ [data-v-8881c222]:deep(.nav-tabs .nav-link.disabled:hover) {
2154
+ border-bottom: 2px solid transparent;
2155
+ }
2156
+ [data-v-8881c222]:deep(.tab-content) {
2157
+ padding: 16px;
2158
+ background-color: var(--color-main-background);
2159
+ }
2160
+
2161
+
2162
+ .notecard[data-v-712bfd60] {
2163
+ --note-card-icon-size: 20px;
2164
+ --note-card-padding: calc(2 * var(--default-grid-baseline));
2165
+ color: var(--color-main-text) !important;
2166
+ background-color: var(--note-background) !important;
2167
+ border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
2168
+ border-radius: var(--border-radius-small);
2169
+ margin: 1rem 0;
2170
+ padding: var(--note-card-padding);
2171
+ display: flex;
2172
+ flex-direction: row;
2173
+ gap: var(--note-card-padding);
2174
+ }
2175
+ .notecard__heading[data-v-712bfd60] {
2176
+ font-size: var(--note-card-icon-size); /* Same as icon */
2177
+ font-weight: 600;
2178
+ }
2179
+ .notecard__icon[data-v-712bfd60] {
2180
+ color: var(--note-theme);
2181
+ }
2182
+ .notecard__icon--heading[data-v-712bfd60] {
2183
+ font-size: var(--note-card-icon-size);
2184
+ /* Ensure icon is on the same height as the heading */
2185
+ margin-block: calc((1lh - 1em) / 2) auto;
2186
+ }
2187
+ .notecard--success[data-v-712bfd60] {
2188
+ --note-background: var(--color-success);
2189
+ --note-theme: var(--color-success-text);
2190
+ }
2191
+ .notecard--info[data-v-712bfd60] {
2192
+ --note-background: var(--color-info);
2193
+ --note-theme: var(--color-info-text);
2194
+ }
2195
+ .notecard--error[data-v-712bfd60] {
2196
+ --note-background: var(--color-error);
2197
+ --note-theme: var(--color-error-text);
2198
+ }
2199
+ .notecard--warning[data-v-712bfd60] {
2200
+ --note-background: var(--color-warning);
2201
+ --note-theme: var(--color-warning-text);
2202
+ }
2203
+
2204
+
2205
+ .cn-user-action-menu[data-v-6bc8bcb4] {
2206
+ display: inline;
2207
+ }
2208
+ .cn-user-action-menu__trigger--interactive[data-v-6bc8bcb4] {
2209
+ cursor: pointer;
2210
+ color: var(--color-primary-element);
2211
+ font-weight: 600;
2212
+ }
2213
+ .cn-user-action-menu__trigger--interactive[data-v-6bc8bcb4]:hover {
2214
+ text-decoration: underline;
2215
+ }
2216
+ .cn-user-action-menu__trigger--interactive[data-v-6bc8bcb4]:focus-visible {
2217
+ outline: 2px solid var(--color-primary-element);
2218
+ outline-offset: 2px;
2219
+ border-radius: var(--border-radius);
2220
+ }
2221
+ .cn-user-action-menu__popover[data-v-6bc8bcb4] {
2222
+ min-width: 220px;
2223
+ padding: 8px 0;
2224
+ }
2225
+ .cn-user-action-menu__header[data-v-6bc8bcb4] {
2226
+ display: flex;
2227
+ align-items: center;
2228
+ gap: 10px;
2229
+ padding: 8px 12px 12px;
2230
+ border-bottom: 1px solid var(--color-border);
2231
+ margin-bottom: 4px;
2232
+ }
2233
+ .cn-user-action-menu__user-info[data-v-6bc8bcb4] {
2234
+ display: flex;
2235
+ flex-direction: column;
2236
+ min-width: 0;
2237
+ }
2238
+ .cn-user-action-menu__display-name[data-v-6bc8bcb4] {
2239
+ font-weight: 600;
2240
+ font-size: 14px;
2241
+ white-space: nowrap;
2242
+ overflow: hidden;
2243
+ text-overflow: ellipsis;
2244
+ }
2245
+ .cn-user-action-menu__email[data-v-6bc8bcb4] {
2246
+ font-size: 12px;
2247
+ color: var(--color-text-maxcontrast);
2248
+ white-space: nowrap;
2249
+ overflow: hidden;
2250
+ text-overflow: ellipsis;
2251
+ }
2252
+ .cn-user-action-menu__actions[data-v-6bc8bcb4] {
2253
+ padding: 4px 0;
2254
+ }
2255
+ .cn-user-action-menu__no-actions[data-v-6bc8bcb4] {
2256
+ padding: 12px 16px;
2257
+ text-align: center;
2258
+ color: var(--color-text-maxcontrast);
2259
+ font-size: 13px;
2260
+ }
2261
+
2262
+
2263
+ .cn-detail-card[data-v-03094b26] {
2264
+ background: var(--color-main-background);
2265
+ border: 1px solid var(--color-border);
2266
+ border-radius: var(--border-radius-large, 12px);
2267
+ overflow: hidden;
2268
+ }
2269
+ .cn-detail-card__header[data-v-03094b26] {
2270
+ display: flex;
2271
+ align-items: center;
2272
+ justify-content: space-between;
2273
+ padding: 12px 16px;
2274
+ border-bottom: 1px solid var(--color-border);
2275
+ flex-shrink: 0;
2276
+ }
2277
+ .cn-detail-card__header--clickable[data-v-03094b26] {
2278
+ cursor: pointer;
2279
+ user-select: none;
2280
+ }
2281
+ .cn-detail-card__header--clickable[data-v-03094b26]:hover {
2282
+ background: var(--color-background-hover);
2283
+ }
2284
+ .cn-detail-card--collapsed .cn-detail-card__header[data-v-03094b26] {
2285
+ border-bottom: none;
2286
+ }
2287
+ .cn-detail-card__header-left[data-v-03094b26] {
2288
+ display: flex;
2289
+ align-items: center;
2290
+ gap: 8px;
2291
+ min-width: 0;
2292
+ }
2293
+ .cn-detail-card__header-right[data-v-03094b26] {
2294
+ display: flex;
2295
+ align-items: center;
2296
+ gap: 4px;
2297
+ flex-shrink: 0;
2298
+ }
2299
+ .cn-detail-card__icon[data-v-03094b26] {
2300
+ color: var(--color-primary-element);
2301
+ flex-shrink: 0;
2302
+ }
2303
+ .cn-detail-card__title[data-v-03094b26] {
2304
+ font-weight: 600;
2305
+ font-size: 14px;
2306
+ margin: 0;
2307
+ white-space: nowrap;
2308
+ overflow: hidden;
2309
+ text-overflow: ellipsis;
2310
+ }
2311
+ .cn-detail-card__collapse-btn[data-v-03094b26] {
2312
+ display: flex;
2313
+ align-items: center;
2314
+ justify-content: center;
2315
+ background: none;
2316
+ border: none;
2317
+ padding: 4px;
2318
+ cursor: pointer;
2319
+ color: var(--color-text-maxcontrast);
2320
+ border-radius: var(--border-radius);
2321
+ }
2322
+ .cn-detail-card__collapse-btn[data-v-03094b26]:hover {
2323
+ background: var(--color-background-dark);
2324
+ }
2325
+ .cn-detail-card__chevron--rotated[data-v-03094b26] {
2326
+ transform: rotate(-90deg);
2327
+ transition: transform 0.2s ease;
2328
+ }
2329
+ .cn-detail-card__content[data-v-03094b26] {
2330
+ padding: 16px;
2331
+ }
2332
+ .cn-detail-card__footer[data-v-03094b26] {
2333
+ padding: 8px 16px;
2334
+ border-top: 1px solid var(--color-border);
2335
+ }
2336
+
2337
+
2338
+ .cn-notes-card__add-form[data-v-52f70c02] {
2339
+ margin-bottom: 12px;
2340
+ }
2341
+ .cn-notes-card__textarea[data-v-52f70c02] {
2342
+ width: 100%;
2343
+ padding: 8px;
2344
+ border: 1px solid var(--color-border);
2345
+ border-radius: var(--border-radius);
2346
+ resize: vertical;
2347
+ font-family: inherit;
2348
+ font-size: 13px;
2349
+ margin-bottom: 8px;
2350
+ background: var(--color-main-background);
2351
+ color: var(--color-main-text);
2352
+ box-sizing: border-box;
2353
+ }
2354
+ .cn-notes-card__textarea[data-v-52f70c02]:focus {
2355
+ border-color: var(--color-primary-element);
2356
+ outline: none;
2357
+ }
2358
+ .cn-notes-card__empty[data-v-52f70c02] {
2359
+ text-align: center;
2360
+ padding: 16px 12px;
2361
+ color: var(--color-text-maxcontrast);
2362
+ font-size: 13px;
2363
+ }
2364
+ .cn-notes-card__list[data-v-52f70c02] {
2365
+ display: flex;
2366
+ flex-direction: column;
2367
+ }
2368
+ .cn-notes-card__note[data-v-52f70c02] {
2369
+ padding: 10px 0;
2370
+ border-bottom: 1px solid var(--color-border);
2371
+ position: relative;
2372
+ }
2373
+ .cn-notes-card__note[data-v-52f70c02]:last-child {
2374
+ border-bottom: none;
2375
+ }
2376
+ .cn-notes-card__note-header[data-v-52f70c02] {
2377
+ display: flex;
2378
+ justify-content: space-between;
2379
+ align-items: baseline;
2380
+ margin-bottom: 4px;
2381
+ }
2382
+ .cn-notes-card__author[data-v-52f70c02] {
2383
+ font-size: 13px;
2384
+ }
2385
+ .cn-notes-card__author--self[data-v-52f70c02] {
2386
+ color: var(--color-main-text);
2387
+ }
2388
+ .cn-notes-card__time[data-v-52f70c02] {
2389
+ font-size: 11px;
2390
+ color: var(--color-text-maxcontrast);
2391
+ flex-shrink: 0;
2392
+ margin-left: 8px;
2393
+ }
2394
+ .cn-notes-card__body[data-v-52f70c02] {
2395
+ font-size: 13px;
2396
+ margin: 0;
2397
+ white-space: pre-wrap;
2398
+ word-break: break-word;
2399
+ padding-right: 32px;
2400
+ }
2401
+ .cn-notes-card__delete-btn[data-v-52f70c02] {
2402
+ position: absolute;
2403
+ top: 8px;
2404
+ right: -4px;
2405
+ opacity: 0;
2406
+ transition: opacity 0.15s ease;
2407
+ }
2408
+ .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-52f70c02] {
2409
+ opacity: 1;
2410
+ }
2411
+ .cn-notes-card__show-all[data-v-52f70c02] {
2412
+ background: none;
2413
+ border: none;
2414
+ color: var(--color-primary-element);
2415
+ font-size: 13px;
2416
+ font-weight: 500;
2417
+ cursor: pointer;
2418
+ padding: 0;
2419
+ width: 100%;
2420
+ text-align: center;
2421
+ }
2422
+ .cn-notes-card__show-all[data-v-52f70c02]:hover {
2423
+ text-decoration: underline;
2424
+ }
2425
+
2426
+
2427
+ .cn-tasks-card__empty[data-v-3b21e72e] {
2428
+ text-align: center;
2429
+ padding: 16px 12px;
2430
+ color: var(--color-text-maxcontrast);
2431
+ font-size: 13px;
2432
+ }
2433
+ .cn-tasks-card__list[data-v-3b21e72e] {
2434
+ display: flex;
2435
+ flex-direction: column;
2436
+ }
2437
+ .cn-tasks-card__task[data-v-3b21e72e] {
2438
+ display: flex;
2439
+ align-items: flex-start;
2440
+ gap: 10px;
2441
+ padding: 8px 0;
2442
+ border-bottom: 1px solid var(--color-border);
2443
+ }
2444
+ .cn-tasks-card__task[data-v-3b21e72e]:last-child {
2445
+ border-bottom: none;
2446
+ }
2447
+ .cn-tasks-card__status-icon[data-v-3b21e72e] {
2448
+ flex-shrink: 0;
2449
+ padding-top: 1px;
2450
+ }
2451
+ .cn-tasks-card__icon--completed[data-v-3b21e72e] {
2452
+ color: var(--color-success);
2453
+ }
2454
+ .cn-tasks-card__icon--active[data-v-3b21e72e] {
2455
+ color: var(--color-primary-element);
2456
+ }
2457
+ .cn-tasks-card__icon--terminated[data-v-3b21e72e] {
2458
+ color: var(--color-error);
2459
+ }
2460
+ .cn-tasks-card__icon--available[data-v-3b21e72e] {
2461
+ color: var(--color-text-maxcontrast);
2462
+ }
2463
+ .cn-tasks-card__content[data-v-3b21e72e] {
2464
+ flex: 1;
2465
+ min-width: 0;
2466
+ }
2467
+ .cn-tasks-card__title[data-v-3b21e72e] {
2468
+ display: block;
2469
+ font-size: 13px;
2470
+ font-weight: 500;
2471
+ white-space: nowrap;
2472
+ overflow: hidden;
2473
+ text-overflow: ellipsis;
2474
+ }
2475
+ .cn-tasks-card__meta[data-v-3b21e72e] {
2476
+ display: flex;
2477
+ align-items: center;
2478
+ gap: 8px;
2479
+ margin-top: 2px;
2480
+ font-size: 12px;
2481
+ color: var(--color-text-maxcontrast);
2482
+ }
2483
+ .cn-tasks-card__assignee-name[data-v-3b21e72e] {
2484
+ color: var(--color-primary-element);
2485
+ font-weight: 500;
2486
+ cursor: pointer;
2487
+ }
2488
+ .cn-tasks-card__assignee-name[data-v-3b21e72e]:hover {
2489
+ text-decoration: underline;
2490
+ }
2491
+ .cn-tasks-card__assignee-name--self[data-v-3b21e72e] {
2492
+ color: var(--color-text-maxcontrast);
2493
+ cursor: default;
2494
+ }
2495
+ .cn-tasks-card__assignee-name--self[data-v-3b21e72e]:hover {
2496
+ text-decoration: none;
2497
+ }
2498
+ .cn-tasks-card__unassigned[data-v-3b21e72e] {
2499
+ font-style: italic;
2500
+ color: var(--color-text-maxcontrast);
2501
+ }
2502
+ .cn-tasks-card__due-date[data-v-3b21e72e] {
2503
+ white-space: nowrap;
2504
+ }
2505
+ .cn-tasks-card__due-date--overdue[data-v-3b21e72e] {
2506
+ color: var(--color-error);
2507
+ font-weight: 500;
2508
+ }
2509
+ .cn-tasks-card__show-all[data-v-3b21e72e] {
2510
+ background: none;
2511
+ border: none;
2512
+ color: var(--color-primary-element);
2513
+ font-size: 13px;
2514
+ font-weight: 500;
2515
+ cursor: pointer;
2516
+ padding: 0;
2517
+ width: 100%;
2518
+ text-align: center;
2519
+ }
2520
+ .cn-tasks-card__show-all[data-v-3b21e72e]:hover {
2521
+ text-decoration: underline;
2522
+ }