@conduction/nextcloud-vue 0.1.0-beta.6 → 0.1.0-beta.7

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 (82) hide show
  1. package/dist/nextcloud-vue.cjs.js +13606 -1918
  2. package/dist/nextcloud-vue.cjs.js.map +1 -1
  3. package/dist/nextcloud-vue.css +1238 -270
  4. package/dist/nextcloud-vue.esm.js +13548 -1880
  5. package/dist/nextcloud-vue.esm.js.map +1 -1
  6. package/package.json +9 -4
  7. package/src/components/CnActionsBar/CnActionsBar.vue +6 -1
  8. package/src/components/CnAdvancedFormDialog/CnAdvancedFormDialog.vue +1 -11
  9. package/src/components/CnAdvancedFormDialog/CnPropertiesTab.vue +5 -1
  10. package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue +1 -1
  11. package/src/components/CnCard/CnCard.vue +415 -0
  12. package/src/components/CnCard/index.js +1 -0
  13. package/src/components/CnCardGrid/CnCardGrid.vue +20 -20
  14. package/src/components/CnChartWidget/CnChartWidget.vue +3 -1
  15. package/src/components/CnCopyDialog/CnCopyDialog.vue +7 -1
  16. package/src/components/CnDashboardGrid/CnDashboardGrid.vue +4 -0
  17. package/src/components/CnDashboardPage/CnDashboardPage.vue +2 -0
  18. package/src/components/CnDataTable/CnDataTable.vue +6 -2
  19. package/src/components/CnDeleteDialog/CnDeleteDialog.vue +7 -1
  20. package/src/components/CnDetailCard/CnDetailCard.vue +12 -1
  21. package/src/components/CnDetailGrid/CnDetailGrid.vue +254 -0
  22. package/src/components/CnDetailGrid/index.js +1 -0
  23. package/src/components/CnDetailPage/CnDetailPage.vue +157 -11
  24. package/src/components/CnFacetSidebar/CnFacetSidebar.vue +3 -1
  25. package/src/components/CnFormDialog/CnFormDialog.vue +934 -920
  26. package/src/components/CnIcon/CnIcon.vue +1 -1
  27. package/src/components/CnIndexPage/CnIndexPage.vue +51 -9
  28. package/src/components/CnIndexSidebar/CnIndexSidebar.vue +37 -9
  29. package/src/components/CnInfoWidget/CnInfoWidget.vue +219 -0
  30. package/src/components/CnInfoWidget/index.js +1 -0
  31. package/src/components/CnJsonViewer/CnJsonViewer.vue +283 -0
  32. package/src/components/CnJsonViewer/index.js +1 -0
  33. package/src/components/CnKpiGrid/CnKpiGrid.vue +5 -1
  34. package/src/components/CnMassCopyDialog/CnMassCopyDialog.vue +7 -1
  35. package/src/components/CnMassDeleteDialog/CnMassDeleteDialog.vue +7 -1
  36. package/src/components/CnMassExportDialog/CnMassExportDialog.vue +1 -1
  37. package/src/components/CnMassImportDialog/CnMassImportDialog.vue +1 -1
  38. package/src/components/CnObjectCard/CnObjectCard.vue +1 -1
  39. package/src/components/CnObjectSidebar/CnAuditTrailTab.vue +368 -0
  40. package/src/components/CnObjectSidebar/CnFilesTab.vue +286 -0
  41. package/src/components/CnObjectSidebar/CnNotesTab.vue +249 -0
  42. package/src/components/CnObjectSidebar/CnObjectSidebar.vue +45 -668
  43. package/src/components/CnObjectSidebar/CnTagsTab.vue +258 -0
  44. package/src/components/CnObjectSidebar/CnTasksTab.vue +482 -0
  45. package/src/components/CnObjectSidebar/index.js +5 -0
  46. package/src/components/CnProgressBar/CnProgressBar.vue +262 -0
  47. package/src/components/CnProgressBar/index.js +1 -0
  48. package/src/components/CnSchemaFormDialog/CnSchemaPropertiesTab.vue +1 -1
  49. package/src/components/CnStatsBlock/CnStatsBlock.vue +27 -11
  50. package/src/components/CnStatsPanel/CnStatsPanel.vue +320 -0
  51. package/src/components/CnStatsPanel/index.js +1 -0
  52. package/src/components/CnStatusBadge/CnStatusBadge.vue +15 -2
  53. package/src/components/CnTabbedFormDialog/CnTabbedFormDialog.vue +5 -1
  54. package/src/components/CnTableWidget/CnTableWidget.vue +332 -0
  55. package/src/components/CnTableWidget/index.js +1 -0
  56. package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue +36 -1
  57. package/src/components/index.js +11 -0
  58. package/src/composables/useDashboardView.js +58 -12
  59. package/src/composables/useDetailView.js +3 -2
  60. package/src/composables/useListView.js +7 -6
  61. package/src/composables/useSubResource.js +3 -3
  62. package/src/css/badge.css +32 -0
  63. package/src/css/card.css +1 -0
  64. package/src/css/detail-page.css +74 -7
  65. package/src/index.js +16 -0
  66. package/src/mixins/gridLayout.js +118 -0
  67. package/src/store/createCrudStore.js +360 -0
  68. package/src/store/createSubResourcePlugin.js +5 -15
  69. package/src/store/index.js +1 -0
  70. package/src/store/plugins/auditTrails.js +346 -6
  71. package/src/store/plugins/lifecycle.js +4 -4
  72. package/src/store/plugins/registerMapping.js +18 -8
  73. package/src/store/plugins/relations.js +1 -1
  74. package/src/store/plugins/search.js +21 -8
  75. package/src/store/useObjectStore.js +30 -36
  76. package/src/utils/getTheme.js +9 -0
  77. package/src/utils/headers.js +13 -3
  78. package/src/utils/index.js +1 -0
  79. package/src/utils/schema.js +3 -3
  80. package/src/utils/widgetVisibility.js +162 -0
  81. package/src/components/CnObjectCard/eslint-setup.md +0 -235
  82. package/src/components/CnObjectCard/package.json-or.json +0 -132
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
 
115
- .cn-stats-block[data-v-3359a831] {
115
+ .cn-stats-block[data-v-7089a42d] {
116
116
  background: var(--color-background-hover);
117
117
  border-radius: var(--border-radius-large, 10px);
118
118
  padding: 1rem;
@@ -122,33 +122,39 @@
122
122
  text-decoration: none;
123
123
  color: inherit;
124
124
  border: 2px solid transparent;
125
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
125
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
126
+ height: 100%;
127
+ width: 100%;
128
+ box-sizing: border-box;
129
+ overflow: hidden;
130
+ min-width: 0;
126
131
  }
127
- .cn-stats-block--horizontal[data-v-3359a831] {
132
+ .cn-stats-block--horizontal[data-v-7089a42d] {
128
133
  flex-direction: row;
129
- align-items: flex-start;
130
- gap: 16px;
134
+ align-items: center;
135
+ gap: 12px;
131
136
  }
132
- .cn-stats-block--horizontal .cn-stats-block__content[data-v-3359a831] {
133
- text-align: left;
137
+ .cn-stats-block--horizontal .cn-stats-block__content[data-v-7089a42d] {
138
+ text-align: left;
139
+ min-width: 0;
134
140
  }
135
- .cn-stats-block--horizontal .cn-stats-block__count[data-v-3359a831] {
141
+ .cn-stats-block--horizontal .cn-stats-block__count[data-v-7089a42d] {
136
142
  justify-content: flex-start;
137
143
  }
138
- .cn-stats-block--clickable[data-v-3359a831] {
144
+ .cn-stats-block--clickable[data-v-7089a42d] {
139
145
  cursor: pointer;
140
146
  }
141
- .cn-stats-block--clickable[data-v-3359a831]:hover {
147
+ .cn-stats-block--clickable[data-v-7089a42d]:hover {
142
148
  border-color: var(--color-primary-element);
143
149
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
144
150
  }
145
- .cn-stats-block--clickable[data-v-3359a831]:focus-visible {
151
+ .cn-stats-block--clickable[data-v-7089a42d]:focus-visible {
146
152
  outline: 2px solid var(--color-primary-element);
147
153
  outline-offset: 2px;
148
154
  }
149
155
 
150
156
  /* Icon */
151
- .cn-stats-block__icon[data-v-3359a831] {
157
+ .cn-stats-block__icon[data-v-7089a42d] {
152
158
  display: flex;
153
159
  align-items: center;
154
160
  justify-content: center;
@@ -160,64 +166,74 @@
160
166
  flex-shrink: 0;
161
167
  margin-bottom: 8px;
162
168
  }
163
- .cn-stats-block--horizontal .cn-stats-block__icon[data-v-3359a831] {
164
- margin-bottom: 0;
169
+ .cn-stats-block--horizontal .cn-stats-block__icon[data-v-7089a42d] {
170
+ margin-bottom: 0;
171
+ width: 36px;
172
+ height: 36px;
165
173
  }
166
- .cn-stats-block__icon--primary[data-v-3359a831] {
174
+ .cn-stats-block__icon--primary[data-v-7089a42d] {
167
175
  background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
168
176
  color: var(--color-primary-element);
169
177
  }
170
- .cn-stats-block__icon--success[data-v-3359a831] {
178
+ .cn-stats-block__icon--success[data-v-7089a42d] {
171
179
  background: rgba(70, 186, 97, 0.1);
172
- color: var(--color-success);
180
+ color: var(--color-element-success, var(--color-success));
173
181
  }
174
- .cn-stats-block__icon--warning[data-v-3359a831] {
182
+ .cn-stats-block__icon--warning[data-v-7089a42d] {
175
183
  background: rgba(232, 163, 24, 0.1);
176
- color: var(--color-warning);
184
+ color: var(--color-element-warning, var(--color-warning));
177
185
  }
178
- .cn-stats-block__icon--error[data-v-3359a831] {
186
+ .cn-stats-block__icon--error[data-v-7089a42d] {
179
187
  background: rgba(224, 36, 36, 0.1);
180
- color: var(--color-error);
188
+ color: var(--color-element-error, var(--color-error));
181
189
  }
182
190
 
183
191
  /* Content */
184
- .cn-stats-block__content[data-v-3359a831] {
192
+ .cn-stats-block__content[data-v-7089a42d] {
185
193
  flex: 1;
186
194
  min-width: 0;
187
195
  text-align: center;
188
196
  }
189
- .cn-stats-block__header h4[data-v-3359a831] {
197
+ .cn-stats-block__header h4[data-v-7089a42d] {
190
198
  margin-top: 0;
191
- margin-bottom: 0.5rem;
199
+ margin-bottom: 0.25rem;
192
200
  color: var(--color-main-text);
193
201
  font-size: 14px;
194
- font-weight: 600;
202
+ font-weight: 600;
203
+ white-space: nowrap;
204
+ overflow: hidden;
205
+ text-overflow: ellipsis;
195
206
  }
196
- .cn-stats-block__count[data-v-3359a831] {
207
+ .cn-stats-block__count[data-v-7089a42d] {
197
208
  display: flex;
198
209
  align-items: baseline;
199
210
  justify-content: center;
200
- gap: 0.5rem;
211
+ gap: 0.25rem;
201
212
  font-size: 1.2rem;
202
- margin-bottom: 0.5rem;
213
+ margin-bottom: 0.25rem;
214
+ white-space: nowrap;
215
+ overflow: hidden;
203
216
  }
204
- .cn-stats-block__count-value[data-v-3359a831] {
217
+ .cn-stats-block__count-value[data-v-7089a42d] {
205
218
  font-size: 2rem;
206
219
  font-weight: bold;
207
- color: var(--color-primary-element);
220
+ color: var(--color-primary-element);
221
+ flex-shrink: 0;
208
222
  }
209
- .cn-stats-block--primary .cn-stats-block__count-value[data-v-3359a831] { color: var(--color-primary-element);
223
+ .cn-stats-block--primary .cn-stats-block__count-value[data-v-7089a42d] { color: var(--color-primary-element);
210
224
  }
211
- .cn-stats-block--success .cn-stats-block__count-value[data-v-3359a831] { color: var(--color-success);
225
+ .cn-stats-block--success .cn-stats-block__count-value[data-v-7089a42d] { color: var(--color-element-success, var(--color-success));
212
226
  }
213
- .cn-stats-block--warning .cn-stats-block__count-value[data-v-3359a831] { color: var(--color-warning);
227
+ .cn-stats-block--warning .cn-stats-block__count-value[data-v-7089a42d] { color: var(--color-element-warning, var(--color-warning));
214
228
  }
215
- .cn-stats-block--error .cn-stats-block__count-value[data-v-3359a831] { color: var(--color-error);
229
+ .cn-stats-block--error .cn-stats-block__count-value[data-v-7089a42d] { color: var(--color-element-error, var(--color-error));
216
230
  }
217
- .cn-stats-block__count-label[data-v-3359a831] {
218
- color: var(--color-text-maxcontrast);
231
+ .cn-stats-block__count-label[data-v-7089a42d] {
232
+ color: var(--color-text-maxcontrast);
233
+ overflow: hidden;
234
+ text-overflow: ellipsis;
219
235
  }
220
- .cn-stats-block__loading[data-v-3359a831] {
236
+ .cn-stats-block__loading[data-v-7089a42d] {
221
237
  display: flex;
222
238
  align-items: center;
223
239
  justify-content: center;
@@ -225,13 +241,13 @@
225
241
  color: var(--color-text-maxcontrast);
226
242
  margin-bottom: 0.5rem;
227
243
  }
228
- .cn-stats-block__empty[data-v-3359a831] {
244
+ .cn-stats-block__empty[data-v-7089a42d] {
229
245
  text-align: center;
230
246
  color: var(--color-text-maxcontrast);
231
247
  font-style: italic;
232
248
  margin-bottom: 0.5rem;
233
249
  }
234
- .cn-stats-block__breakdown[data-v-3359a831] {
250
+ .cn-stats-block__breakdown[data-v-7089a42d] {
235
251
  margin-top: 0.5rem;
236
252
  padding: 0.75rem;
237
253
  background: var(--color-background-hover);
@@ -239,30 +255,30 @@
239
255
  border: 1px solid var(--color-border);
240
256
  width: 100%;
241
257
  }
242
- .cn-stats-block__breakdown-item[data-v-3359a831] {
258
+ .cn-stats-block__breakdown-item[data-v-7089a42d] {
243
259
  display: flex;
244
260
  justify-content: space-between;
245
261
  align-items: center;
246
262
  margin-bottom: 0.5rem;
247
263
  }
248
- .cn-stats-block__breakdown-item[data-v-3359a831]:last-child {
264
+ .cn-stats-block__breakdown-item[data-v-7089a42d]:last-child {
249
265
  margin-bottom: 0;
250
266
  }
251
- .cn-stats-block__breakdown-label[data-v-3359a831] {
267
+ .cn-stats-block__breakdown-label[data-v-7089a42d] {
252
268
  font-weight: 500;
253
269
  color: var(--color-main-text);
254
270
  }
255
- .cn-stats-block__breakdown-value[data-v-3359a831] {
271
+ .cn-stats-block__breakdown-value[data-v-7089a42d] {
256
272
  font-weight: 600;
257
273
  padding: 0.25rem 0.5rem;
258
274
  border-radius: var(--border-radius);
259
275
  background: var(--color-background-hover);
260
276
  }
261
- .cn-stats-block__breakdown-value--invalid[data-v-3359a831] { color: var(--color-element-warning);
277
+ .cn-stats-block__breakdown-value--invalid[data-v-7089a42d] { color: var(--color-element-warning);
262
278
  }
263
- .cn-stats-block__breakdown-value--deleted[data-v-3359a831] { color: var(--color-element-error);
279
+ .cn-stats-block__breakdown-value--deleted[data-v-7089a42d] { color: var(--color-element-error);
264
280
  }
265
- .cn-stats-block__breakdown-value--published[data-v-3359a831] { color: var(--color-element-success);
281
+ .cn-stats-block__breakdown-value--published[data-v-7089a42d] { color: var(--color-element-success);
266
282
  }
267
283
 
268
284
 
@@ -348,7 +364,7 @@
348
364
  }
349
365
 
350
366
 
351
- .cn-object-card[data-v-0d7a5d20] {
367
+ .cn-object-card[data-v-7125dcbf] {
352
368
  display: flex;
353
369
  gap: 12px;
354
370
  padding: 16px;
@@ -358,39 +374,39 @@
358
374
  cursor: pointer;
359
375
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
360
376
  }
361
- .cn-object-card[data-v-0d7a5d20]:hover {
377
+ .cn-object-card[data-v-7125dcbf]:hover {
362
378
  border-color: var(--color-primary-element);
363
379
  box-shadow: 0 2px 8px var(--color-box-shadow);
364
380
  }
365
- .cn-object-card--selected[data-v-0d7a5d20] {
381
+ .cn-object-card--selected[data-v-7125dcbf] {
366
382
  border-color: var(--color-primary-element);
367
383
  background: var(--color-primary-element-light);
368
384
  }
369
- .cn-object-card__checkbox[data-v-0d7a5d20] {
385
+ .cn-object-card__checkbox[data-v-7125dcbf] {
370
386
  flex-shrink: 0;
371
387
  padding-top: 2px;
372
388
  }
373
- .cn-object-card__content[data-v-0d7a5d20] {
389
+ .cn-object-card__content[data-v-7125dcbf] {
374
390
  flex: 1;
375
391
  min-width: 0;
376
392
  }
377
- .cn-object-card__header[data-v-0d7a5d20] {
393
+ .cn-object-card__header[data-v-7125dcbf] {
378
394
  display: flex;
379
395
  gap: 12px;
380
396
  align-items: flex-start;
381
397
  }
382
- .cn-object-card__image[data-v-0d7a5d20] {
398
+ .cn-object-card__image[data-v-7125dcbf] {
383
399
  width: 48px;
384
400
  height: 48px;
385
401
  border-radius: var(--border-radius);
386
402
  object-fit: cover;
387
403
  flex-shrink: 0;
388
404
  }
389
- .cn-object-card__title-area[data-v-0d7a5d20] {
405
+ .cn-object-card__title-area[data-v-7125dcbf] {
390
406
  flex: 1;
391
407
  min-width: 0;
392
408
  }
393
- .cn-object-card__title[data-v-0d7a5d20] {
409
+ .cn-object-card__title[data-v-7125dcbf] {
394
410
  margin: 0;
395
411
  font-size: 16px;
396
412
  font-weight: 600;
@@ -399,16 +415,16 @@
399
415
  text-overflow: ellipsis;
400
416
  white-space: nowrap;
401
417
  }
402
- .cn-object-card__description[data-v-0d7a5d20] {
418
+ .cn-object-card__description[data-v-7125dcbf] {
403
419
  margin: 4px 0 0;
404
420
  font-size: 13px;
405
421
  color: var(--color-text-maxcontrast);
406
422
  line-height: 1.4;
407
423
  }
408
- .cn-object-card__badges[data-v-0d7a5d20] {
424
+ .cn-object-card__badges[data-v-7125dcbf] {
409
425
  margin-top: 8px;
410
426
  }
411
- .cn-object-card__metadata[data-v-0d7a5d20] {
427
+ .cn-object-card__metadata[data-v-7125dcbf] {
412
428
  display: grid;
413
429
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
414
430
  gap: 8px;
@@ -416,79 +432,79 @@
416
432
  padding-top: 12px;
417
433
  border-top: 1px solid var(--color-border);
418
434
  }
419
- .cn-object-card__meta-item[data-v-0d7a5d20] {
435
+ .cn-object-card__meta-item[data-v-7125dcbf] {
420
436
  display: flex;
421
437
  flex-direction: column;
422
438
  gap: 2px;
423
439
  }
424
- .cn-object-card__meta-label[data-v-0d7a5d20] {
440
+ .cn-object-card__meta-label[data-v-7125dcbf] {
425
441
  font-size: 11px;
426
442
  font-weight: 500;
427
443
  color: var(--color-text-maxcontrast);
428
444
  text-transform: uppercase;
429
445
  letter-spacing: 0.3px;
430
446
  }
431
- .cn-object-card__actions[data-v-0d7a5d20] {
447
+ .cn-object-card__actions[data-v-7125dcbf] {
432
448
  flex-shrink: 0;
433
449
  }
434
450
 
435
451
 
436
- .cn-card-grid__grid[data-v-4f58795e] {
452
+ .cn-card-grid__grid[data-v-550413de] {
437
453
  display: grid;
438
454
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
439
455
  gap: 16px;
440
456
  }
441
- .cn-card-grid__loading[data-v-4f58795e] {
457
+ .cn-card-grid__loading[data-v-550413de] {
442
458
  display: flex;
443
459
  justify-content: center;
444
460
  padding: 40px;
445
461
  }
446
- .cn-card-grid__empty[data-v-4f58795e] {
462
+ .cn-card-grid__empty[data-v-550413de] {
447
463
  padding: 40px 20px;
448
464
  text-align: center;
449
465
  }
450
466
 
451
467
 
452
- .cn-facet-sidebar[data-v-f12699c0] {
468
+ .cn-facet-sidebar[data-v-577c7716] {
453
469
  padding: 16px;
454
470
  border-right: 1px solid var(--color-border);
455
471
  min-width: 240px;
456
472
  max-width: 300px;
457
473
  }
458
- .cn-facet-sidebar__header[data-v-f12699c0] {
474
+ .cn-facet-sidebar__header[data-v-577c7716] {
459
475
  display: flex;
460
476
  justify-content: space-between;
461
477
  align-items: center;
462
478
  margin-bottom: 16px;
463
479
  }
464
- .cn-facet-sidebar__title[data-v-f12699c0] {
480
+ .cn-facet-sidebar__title[data-v-577c7716] {
465
481
  margin: 0;
466
482
  font-size: 15px;
467
483
  font-weight: 600;
468
484
  }
469
- .cn-facet-sidebar__loading[data-v-f12699c0] {
485
+ .cn-facet-sidebar__loading[data-v-577c7716] {
470
486
  display: flex;
471
487
  justify-content: center;
472
488
  padding: 20px;
473
489
  }
474
- .cn-facet-sidebar__filters[data-v-f12699c0] {
490
+ .cn-facet-sidebar__filters[data-v-577c7716] {
475
491
  display: flex;
476
492
  flex-direction: column;
477
493
  gap: 16px;
478
494
  }
479
- .cn-facet-sidebar__group[data-v-f12699c0] {
495
+ .cn-facet-sidebar__group[data-v-577c7716] {
480
496
  display: flex;
481
497
  flex-direction: column;
482
498
  gap: 4px;
483
499
  }
484
- .cn-facet-sidebar__label[data-v-f12699c0] {
500
+ .cn-facet-sidebar__label[data-v-577c7716] {
485
501
  font-size: 12px;
486
502
  font-weight: 500;
487
503
  color: var(--color-text-maxcontrast);
488
504
  text-transform: uppercase;
489
505
  letter-spacing: 0.3px;
490
506
  }
491
- .cn-facet-sidebar__select[data-v-f12699c0] {
507
+ .cn-facet-sidebar__select[data-v-577c7716] {
492
508
  width: 100%;
493
509
  }
494
510
 
@@ -498,28 +514,28 @@
498
514
  }
499
515
 
500
516
 
501
- .cn-mass-delete__list[data-v-5b6da0b6] {
517
+ .cn-mass-delete__list[data-v-12632d04] {
502
518
  max-height: 300px;
503
519
  overflow-y: auto;
504
520
  margin-top: 12px;
505
521
  }
506
- .cn-mass-delete__item[data-v-5b6da0b6] {
522
+ .cn-mass-delete__item[data-v-12632d04] {
507
523
  display: flex;
508
524
  align-items: center;
509
525
  justify-content: space-between;
510
526
  padding: 8px 12px;
511
527
  border-bottom: 1px solid var(--color-border);
512
528
  }
513
- .cn-mass-delete__item[data-v-5b6da0b6]:last-child {
529
+ .cn-mass-delete__item[data-v-12632d04]:last-child {
514
530
  border-bottom: none;
515
531
  }
516
- .cn-mass-delete__item-name[data-v-5b6da0b6] {
532
+ .cn-mass-delete__item-name[data-v-12632d04] {
517
533
  font-weight: 500;
518
534
  overflow: hidden;
519
535
  text-overflow: ellipsis;
520
536
  white-space: nowrap;
521
537
  }
522
- .cn-mass-delete__empty[data-v-5b6da0b6] {
538
+ .cn-mass-delete__empty[data-v-12632d04] {
523
539
  text-align: center;
524
540
  color: var(--color-text-maxcontrast);
525
541
  font-style: italic;
@@ -527,52 +543,52 @@
527
543
  }
528
544
 
529
545
 
530
- .cn-mass-copy__pattern[data-v-1e067931] {
546
+ .cn-mass-copy__pattern[data-v-cb8deb08] {
531
547
  margin-bottom: 16px;
532
548
  }
533
- .cn-mass-copy__pattern label[data-v-1e067931] {
549
+ .cn-mass-copy__pattern label[data-v-cb8deb08] {
534
550
  display: block;
535
551
  font-weight: 600;
536
552
  margin-bottom: 4px;
537
553
  }
538
- .cn-mass-copy__list[data-v-1e067931] {
554
+ .cn-mass-copy__list[data-v-cb8deb08] {
539
555
  max-height: 300px;
540
556
  overflow-y: auto;
541
557
  }
542
- .cn-mass-copy__item[data-v-1e067931] {
558
+ .cn-mass-copy__item[data-v-cb8deb08] {
543
559
  display: flex;
544
560
  align-items: center;
545
561
  justify-content: space-between;
546
562
  padding: 8px 12px;
547
563
  border-bottom: 1px solid var(--color-border);
548
564
  }
549
- .cn-mass-copy__item[data-v-1e067931]:last-child {
565
+ .cn-mass-copy__item[data-v-cb8deb08]:last-child {
550
566
  border-bottom: none;
551
567
  }
552
- .cn-mass-copy__item-names[data-v-1e067931] {
568
+ .cn-mass-copy__item-names[data-v-cb8deb08] {
553
569
  display: flex;
554
570
  align-items: center;
555
571
  gap: 8px;
556
572
  overflow: hidden;
557
573
  flex: 1;
558
574
  }
559
- .cn-mass-copy__item-original[data-v-1e067931] {
575
+ .cn-mass-copy__item-original[data-v-cb8deb08] {
560
576
  color: var(--color-text-maxcontrast);
561
577
  overflow: hidden;
562
578
  text-overflow: ellipsis;
563
579
  white-space: nowrap;
564
580
  }
565
- .cn-mass-copy__item-arrow[data-v-1e067931] {
581
+ .cn-mass-copy__item-arrow[data-v-cb8deb08] {
566
582
  flex-shrink: 0;
567
583
  color: var(--color-text-maxcontrast);
568
584
  }
569
- .cn-mass-copy__item-new[data-v-1e067931] {
585
+ .cn-mass-copy__item-new[data-v-cb8deb08] {
570
586
  font-weight: 500;
571
587
  overflow: hidden;
572
588
  text-overflow: ellipsis;
573
589
  white-space: nowrap;
574
590
  }
575
- .cn-mass-copy__empty[data-v-1e067931] {
591
+ .cn-mass-copy__empty[data-v-cb8deb08] {
576
592
  text-align: center;
577
593
  color: var(--color-text-maxcontrast);
578
594
  font-style: italic;
@@ -580,102 +596,102 @@
580
596
  }
581
597
 
582
598
 
583
- .cn-mass-export__description[data-v-77db3ac2] {
599
+ .cn-mass-export__description[data-v-55eec7aa] {
584
600
  margin-bottom: 16px;
585
601
  color: var(--color-text-maxcontrast);
586
602
  }
587
- .cn-mass-export__field[data-v-77db3ac2] {
603
+ .cn-mass-export__field[data-v-55eec7aa] {
588
604
  display: flex;
589
605
  flex-direction: column;
590
606
  gap: 4px;
591
607
  }
592
- .cn-mass-export__field label[data-v-77db3ac2] {
608
+ .cn-mass-export__field label[data-v-55eec7aa] {
593
609
  font-weight: 600;
594
610
  }
595
611
 
596
612
 
597
- .cn-mass-import__form[data-v-5c825883] {
613
+ .cn-mass-import__form[data-v-dea7c912] {
598
614
  display: flex;
599
615
  flex-direction: column;
600
616
  gap: 16px;
601
617
  }
602
- .cn-mass-import__file-row[data-v-5c825883] {
618
+ .cn-mass-import__file-row[data-v-dea7c912] {
603
619
  display: flex;
604
620
  align-items: center;
605
621
  gap: 12px;
606
622
  }
607
- .cn-mass-import__file-info[data-v-5c825883] {
623
+ .cn-mass-import__file-info[data-v-dea7c912] {
608
624
  display: flex;
609
625
  align-items: center;
610
626
  gap: 6px;
611
627
  }
612
- .cn-mass-import__file-name[data-v-5c825883] {
628
+ .cn-mass-import__file-name[data-v-dea7c912] {
613
629
  font-weight: 500;
614
630
  }
615
- .cn-mass-import__file-size[data-v-5c825883] {
631
+ .cn-mass-import__file-size[data-v-dea7c912] {
616
632
  color: var(--color-text-maxcontrast);
617
633
  font-size: 0.9em;
618
634
  }
619
- .cn-mass-import__help[data-v-5c825883] {
635
+ .cn-mass-import__help[data-v-dea7c912] {
620
636
  padding: 12px;
621
637
  background: var(--color-background-hover);
622
638
  border-radius: var(--border-radius);
623
639
  }
624
- .cn-mass-import__help p[data-v-5c825883] {
640
+ .cn-mass-import__help p[data-v-dea7c912] {
625
641
  margin: 0 0 8px;
626
642
  }
627
- .cn-mass-import__help ul[data-v-5c825883] {
643
+ .cn-mass-import__help ul[data-v-dea7c912] {
628
644
  margin: 0;
629
645
  padding-left: 20px;
630
646
  }
631
- .cn-mass-import__options[data-v-5c825883] {
647
+ .cn-mass-import__options[data-v-dea7c912] {
632
648
  display: flex;
633
649
  flex-direction: column;
634
650
  gap: 12px;
635
651
  }
636
652
 
637
653
  /* Summary table */
638
- .cn-mass-import__results h3[data-v-5c825883] {
654
+ .cn-mass-import__results h3[data-v-dea7c912] {
639
655
  margin: 0 0 12px;
640
656
  font-size: 1.1rem;
641
657
  }
642
- .cn-mass-import__summary-table[data-v-5c825883] {
658
+ .cn-mass-import__summary-table[data-v-dea7c912] {
643
659
  width: 100%;
644
660
  border-collapse: collapse;
645
661
  border-radius: var(--border-radius);
646
662
  overflow: hidden;
647
663
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
648
664
  }
649
- .cn-mass-import__summary-table th[data-v-5c825883],
650
- .cn-mass-import__summary-table td[data-v-5c825883] {
665
+ .cn-mass-import__summary-table th[data-v-dea7c912],
666
+ .cn-mass-import__summary-table td[data-v-dea7c912] {
651
667
  padding: 8px 12px;
652
668
  text-align: left;
653
669
  border-bottom: 1px solid var(--color-border);
654
670
  }
655
- .cn-mass-import__summary-table th[data-v-5c825883] {
671
+ .cn-mass-import__summary-table th[data-v-dea7c912] {
656
672
  background: var(--color-background-dark);
657
673
  font-weight: 600;
658
674
  font-size: 0.85rem;
659
675
  text-transform: uppercase;
660
676
  }
661
- .cn-mass-import__sheet-name[data-v-5c825883] {
677
+ .cn-mass-import__sheet-name[data-v-dea7c912] {
662
678
  font-weight: 600;
663
679
  }
664
- .cn-mass-import__stat[data-v-5c825883] {
680
+ .cn-mass-import__stat[data-v-dea7c912] {
665
681
  text-align: center;
666
682
  font-weight: 600;
667
683
  }
668
- .cn-mass-import__stat--found[data-v-5c825883] { color: var(--color-primary-element);
684
+ .cn-mass-import__stat--found[data-v-dea7c912] { color: var(--color-primary-element);
669
685
  }
670
- .cn-mass-import__stat--created[data-v-5c825883] { color: var(--color-success);
686
+ .cn-mass-import__stat--created[data-v-dea7c912] { color: var(--color-success);
671
687
  }
672
- .cn-mass-import__stat--updated[data-v-5c825883] { color: var(--color-warning);
688
+ .cn-mass-import__stat--updated[data-v-dea7c912] { color: var(--color-warning);
673
689
  }
674
- .cn-mass-import__stat--unchanged[data-v-5c825883] { color: var(--color-text-maxcontrast);
690
+ .cn-mass-import__stat--unchanged[data-v-dea7c912] { color: var(--color-text-maxcontrast);
675
691
  }
676
- .cn-mass-import__stat--errors[data-v-5c825883] { color: var(--color-error);
692
+ .cn-mass-import__stat--errors[data-v-dea7c912] { color: var(--color-error);
677
693
  }
678
- .cn-mass-import__expand[data-v-5c825883] {
694
+ .cn-mass-import__expand[data-v-dea7c912] {
679
695
  background: none;
680
696
  border: none;
681
697
  cursor: pointer;
@@ -686,53 +702,53 @@
686
702
  vertical-align: middle;
687
703
  margin-left: 4px;
688
704
  }
689
- .cn-mass-import__expand[data-v-5c825883]:hover {
705
+ .cn-mass-import__expand[data-v-dea7c912]:hover {
690
706
  background: var(--color-background-hover);
691
707
  }
692
- .cn-mass-import__expand--open[data-v-5c825883] {
708
+ .cn-mass-import__expand--open[data-v-dea7c912] {
693
709
  transform: rotate(180deg);
694
710
  }
695
711
 
696
712
  /* Error details */
697
- .cn-mass-import__error-row td[data-v-5c825883] {
713
+ .cn-mass-import__error-row td[data-v-dea7c912] {
698
714
  padding: 8px 12px;
699
715
  background: var(--color-background-hover);
700
716
  }
701
- .cn-mass-import__error-table[data-v-5c825883] {
717
+ .cn-mass-import__error-table[data-v-dea7c912] {
702
718
  width: 100%;
703
719
  border-collapse: collapse;
704
720
  font-size: 0.9em;
705
721
  }
706
- .cn-mass-import__error-table th[data-v-5c825883],
707
- .cn-mass-import__error-table td[data-v-5c825883] {
722
+ .cn-mass-import__error-table th[data-v-dea7c912],
723
+ .cn-mass-import__error-table td[data-v-dea7c912] {
708
724
  padding: 6px 10px;
709
725
  text-align: left;
710
726
  border-bottom: 1px solid var(--color-border);
711
727
  }
712
- .cn-mass-import__error-table th[data-v-5c825883] {
728
+ .cn-mass-import__error-table th[data-v-dea7c912] {
713
729
  background: var(--color-background-dark);
714
730
  font-weight: 600;
715
731
  font-size: 0.85rem;
716
732
  }
717
733
 
718
734
 
719
- .cn-delete__confirm[data-v-7c5714d0] {
735
+ .cn-delete__confirm[data-v-091c8439] {
720
736
  padding: 4px 0;
721
737
  }
722
738
 
723
739
 
724
- .cn-copy__pattern[data-v-c82ec11c] {
740
+ .cn-copy__pattern[data-v-7fa8f66e] {
725
741
  margin-bottom: 16px;
726
742
  }
727
- .cn-copy__pattern label[data-v-c82ec11c] {
743
+ .cn-copy__pattern label[data-v-7fa8f66e] {
728
744
  display: block;
729
745
  font-weight: 600;
730
746
  margin-bottom: 4px;
731
747
  }
732
- .cn-copy__preview[data-v-c82ec11c] {
748
+ .cn-copy__preview[data-v-7fa8f66e] {
733
749
  margin-top: 12px;
734
750
  }
735
- .cn-copy__preview-row[data-v-c82ec11c] {
751
+ .cn-copy__preview-row[data-v-7fa8f66e] {
736
752
  display: flex;
737
753
  align-items: center;
738
754
  gap: 8px;
@@ -740,17 +756,17 @@
740
756
  background-color: var(--color-background-hover);
741
757
  border-radius: var(--border-radius);
742
758
  }
743
- .cn-copy__preview-original[data-v-c82ec11c] {
759
+ .cn-copy__preview-original[data-v-7fa8f66e] {
744
760
  color: var(--color-text-maxcontrast);
745
761
  overflow: hidden;
746
762
  text-overflow: ellipsis;
747
763
  white-space: nowrap;
748
764
  }
749
- .cn-copy__preview-arrow[data-v-c82ec11c] {
765
+ .cn-copy__preview-arrow[data-v-7fa8f66e] {
750
766
  flex-shrink: 0;
751
767
  color: var(--color-text-maxcontrast);
752
768
  }
753
- .cn-copy__preview-new[data-v-c82ec11c] {
769
+ .cn-copy__preview-new[data-v-7fa8f66e] {
754
770
  font-weight: 500;
755
771
  overflow: hidden;
756
772
  text-overflow: ellipsis;
@@ -758,78 +774,78 @@
758
774
  }
759
775
 
760
776
 
761
- .cn-form-dialog__form[data-v-1880e669] {
762
- display: flex;
763
- flex-direction: column;
777
+ .cn-form-dialog__form[data-v-08291a1f] {
778
+ display: flex;
779
+ flex-direction: column;
764
780
  gap: 4px;
765
781
  }
766
- .cn-form-dialog__field[data-v-1880e669] {
782
+ .cn-form-dialog__field[data-v-08291a1f] {
767
783
  margin-bottom: 8px;
768
784
  }
769
- .cn-form-dialog__textarea-wrapper[data-v-1880e669],
770
- .cn-form-dialog__select-wrapper[data-v-1880e669] {
771
- display: flex;
772
- flex-direction: column;
785
+ .cn-form-dialog__textarea-wrapper[data-v-08291a1f],
786
+ .cn-form-dialog__select-wrapper[data-v-08291a1f] {
787
+ display: flex;
788
+ flex-direction: column;
773
789
  gap: 4px;
774
790
  }
775
- .cn-form-dialog__label[data-v-1880e669] {
776
- font-weight: 600;
777
- font-size: 0.9em;
791
+ .cn-form-dialog__label[data-v-08291a1f] {
792
+ font-weight: 600;
793
+ font-size: 0.9em;
778
794
  color: var(--color-main-text);
779
795
  }
780
- .cn-form-dialog__textarea[data-v-1880e669] {
781
- width: 100%;
782
- min-height: 80px;
783
- padding: 8px;
784
- border: 2px solid var(--color-border-maxcontrast);
785
- border-radius: var(--border-radius-large);
786
- background-color: var(--color-main-background);
787
- color: var(--color-main-text);
788
- font-family: inherit;
789
- font-size: inherit;
796
+ .cn-form-dialog__textarea[data-v-08291a1f] {
797
+ width: 100%;
798
+ min-height: 80px;
799
+ padding: 8px;
800
+ border: 2px solid var(--color-border-maxcontrast);
801
+ border-radius: var(--border-radius-large);
802
+ background-color: var(--color-main-background);
803
+ color: var(--color-main-text);
804
+ font-family: inherit;
805
+ font-size: inherit;
790
806
  resize: vertical;
791
807
  }
792
- .cn-form-dialog__textarea[data-v-1880e669]:focus {
793
- border-color: var(--color-primary-element);
808
+ .cn-form-dialog__textarea[data-v-08291a1f]:focus {
809
+ border-color: var(--color-primary-element);
794
810
  outline: none;
795
811
  }
796
- .cn-form-dialog__textarea[data-v-1880e669]:disabled {
797
- opacity: 0.5;
812
+ .cn-form-dialog__textarea[data-v-08291a1f]:disabled {
813
+ opacity: 0.5;
798
814
  cursor: not-allowed;
799
815
  }
800
- .cn-form-dialog__helper[data-v-1880e669] {
801
- font-size: 0.85em;
816
+ .cn-form-dialog__helper[data-v-08291a1f] {
817
+ font-size: 0.85em;
802
818
  color: var(--color-text-maxcontrast);
803
819
  }
804
- .cn-form-dialog__helper--error[data-v-1880e669] {
820
+ .cn-form-dialog__helper--error[data-v-08291a1f] {
805
821
  color: var(--color-error);
806
- }
822
+ }
807
823
 
808
824
 
809
- .cn-advanced-form-dialog__value-input-container[data-v-868c14be] :deep(.text-field) {
825
+ .cn-advanced-form-dialog__value-input-container[data-v-e6f842ea] :deep(.text-field) {
810
826
  margin: 0;
811
827
  padding: 0;
812
828
  }
813
- .cn-advanced-form-dialog__boolean-input-row[data-v-868c14be] {
829
+ .cn-advanced-form-dialog__boolean-input-row[data-v-e6f842ea] {
814
830
  display: flex;
815
831
  align-items: center;
816
832
  gap: 6px;
817
833
  }
818
834
 
819
835
  /* patch extreme size in field */
820
- .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-868c14be] {
836
+ .cn-advanced-form-dialog__boolean-input-row__input > span[data-v-e6f842ea] {
821
837
  padding-left: 0;
822
838
  padding-block: 0;
823
839
  }
824
- .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-868c14be] {
840
+ .cn-advanced-form-dialog__boolean-input-row__input > input[data-v-e6f842ea] {
825
841
  margin: 0;
826
842
  }
827
- .cn-advanced-form-dialog__info-icon[data-v-868c14be] {
843
+ .cn-advanced-form-dialog__info-icon[data-v-e6f842ea] {
828
844
  flex-shrink: 0;
829
845
  color: var(--color-text-maxcontrast);
830
846
  cursor: help;
831
847
  }
832
- .cn-advanced-form-dialog__json-value[data-v-868c14be] {
848
+ .cn-advanced-form-dialog__json-value[data-v-e6f842ea] {
833
849
  max-height: 200px;
834
850
  overflow-y: auto;
835
851
  white-space: pre-wrap;
@@ -842,7 +858,7 @@
842
858
  }
843
859
 
844
860
 
845
- .cn-advanced-form-dialog__table-container[data-v-63569d19] {
861
+ .cn-advanced-form-dialog__table-container[data-v-4ccd936d] {
846
862
  background: var(--color-main-background);
847
863
  border-radius: var(--border-radius);
848
864
  overflow: hidden;
@@ -850,103 +866,103 @@
850
866
  border: 1px solid var(--color-border);
851
867
  margin-bottom: calc(5 * var(--default-grid-baseline));
852
868
  }
853
- .cn-advanced-form-dialog__table[data-v-63569d19] {
869
+ .cn-advanced-form-dialog__table[data-v-4ccd936d] {
854
870
  width: 100%;
855
871
  border-collapse: collapse;
856
872
  background-color: var(--color-main-background);
857
873
  }
858
- .cn-advanced-form-dialog__table th[data-v-63569d19],
859
- .cn-advanced-form-dialog__table td[data-v-63569d19] {
874
+ .cn-advanced-form-dialog__table th[data-v-4ccd936d],
875
+ .cn-advanced-form-dialog__table td[data-v-4ccd936d] {
860
876
  padding: calc(3 * var(--default-grid-baseline));
861
877
  text-align: left;
862
878
  border-bottom: 1px solid var(--color-border);
863
879
  vertical-align: middle;
864
880
  }
865
- .cn-advanced-form-dialog__table th[data-v-63569d19] {
881
+ .cn-advanced-form-dialog__table th[data-v-4ccd936d] {
866
882
  background: var(--color-background-dark);
867
883
  font-weight: 500;
868
884
  color: var(--color-text-maxcontrast);
869
885
  }
870
- .cn-advanced-form-dialog__table-row[data-v-63569d19] {
886
+ .cn-advanced-form-dialog__table-row[data-v-4ccd936d] {
871
887
  cursor: pointer;
872
888
  transition: background-color 0.2s ease;
873
889
  background-color: var(--color-main-background);
874
890
  }
875
- .cn-advanced-form-dialog__table-row[data-v-63569d19]:hover {
891
+ .cn-advanced-form-dialog__table-row[data-v-4ccd936d]:hover {
876
892
  background-color: var(--color-background-hover);
877
893
  }
878
894
 
879
895
  /* 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-63569d19],
881
- .cn-advanced-form-dialog__table-row--selected[data-v-63569d19]:hover {
896
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-4ccd936d],
897
+ .cn-advanced-form-dialog__table-row--selected[data-v-4ccd936d]:hover {
882
898
  background-color: var(--color-primary-light);
883
899
  box-shadow: inset 3px 0 0 0 var(--color-primary);
884
900
  }
885
- .cn-advanced-form-dialog__table-row--edited[data-v-63569d19] {
901
+ .cn-advanced-form-dialog__table-row--edited[data-v-4ccd936d] {
886
902
  background-color: var(--color-success-light);
887
903
  box-shadow: inset 3px 0 0 0 var(--color-success);
888
904
  }
889
- .cn-advanced-form-dialog__table-row--non-editable[data-v-63569d19] {
905
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-4ccd936d] {
890
906
  background-color: var(--color-background-dark);
891
907
  cursor: not-allowed;
892
908
  opacity: 0.7;
893
909
  }
894
- .cn-advanced-form-dialog__table-row--non-editable *[data-v-63569d19] {
910
+ .cn-advanced-form-dialog__table-row--non-editable *[data-v-4ccd936d] {
895
911
  cursor: not-allowed !important;
896
912
  }
897
- .cn-advanced-form-dialog__table-row--valid[data-v-63569d19] {
913
+ .cn-advanced-form-dialog__table-row--valid[data-v-4ccd936d] {
898
914
  box-shadow: inset 3px 0 0 0 var(--color-success);
899
915
  }
900
- .cn-advanced-form-dialog__table-row--invalid[data-v-63569d19] {
916
+ .cn-advanced-form-dialog__table-row--invalid[data-v-4ccd936d] {
901
917
  background-color: var(--color-error-light);
902
918
  box-shadow: inset 3px 0 0 0 var(--color-error);
903
919
  }
904
- .cn-advanced-form-dialog__table-row--warning[data-v-63569d19] {
920
+ .cn-advanced-form-dialog__table-row--warning[data-v-4ccd936d] {
905
921
  background-color: var(--color-warning-light);
906
922
  box-shadow: inset 3px 0 0 0 var(--color-warning);
907
923
  }
908
- .cn-advanced-form-dialog__table-row--new[data-v-63569d19] {
924
+ .cn-advanced-form-dialog__table-row--new[data-v-4ccd936d] {
909
925
  box-shadow: inset 3px 0 0 0 var(--color-primary-element);
910
926
  }
911
- .cn-advanced-form-dialog__table-col-constrained[data-v-63569d19] {
927
+ .cn-advanced-form-dialog__table-col-constrained[data-v-4ccd936d] {
912
928
  width: 150px;
913
929
  max-width: 150px;
914
930
  overflow: hidden;
915
931
  text-overflow: ellipsis;
916
932
  white-space: nowrap;
917
933
  }
918
- .cn-advanced-form-dialog__table-col-expanded[data-v-63569d19] {
934
+ .cn-advanced-form-dialog__table-col-expanded[data-v-4ccd936d] {
919
935
  width: auto;
920
936
  min-width: 200px;
921
937
  }
922
- .cn-advanced-form-dialog__prop-cell[data-v-63569d19] {
938
+ .cn-advanced-form-dialog__prop-cell[data-v-4ccd936d] {
923
939
  width: 30%;
924
940
  font-weight: 600;
925
941
  box-shadow: inset 3px 0 0 0 var(--color-primary);
926
942
  }
927
- .cn-advanced-form-dialog__value-cell[data-v-63569d19] {
943
+ .cn-advanced-form-dialog__value-cell[data-v-4ccd936d] {
928
944
  width: 70%;
929
945
  word-break: break-word;
930
946
  border-radius: 4px;
931
947
  }
932
- .cn-advanced-form-dialog__prop-cell-content[data-v-63569d19] {
948
+ .cn-advanced-form-dialog__prop-cell-content[data-v-4ccd936d] {
933
949
  display: flex;
934
950
  align-items: center;
935
951
  gap: 8px;
936
952
  }
937
- .cn-advanced-form-dialog__validation-icon[data-v-63569d19] {
953
+ .cn-advanced-form-dialog__validation-icon[data-v-4ccd936d] {
938
954
  flex-shrink: 0;
939
955
  }
940
- .cn-advanced-form-dialog__validation-icon--error[data-v-63569d19] {
956
+ .cn-advanced-form-dialog__validation-icon--error[data-v-4ccd936d] {
941
957
  color: var(--color-error);
942
958
  }
943
- .cn-advanced-form-dialog__validation-icon--warning[data-v-63569d19] {
959
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-4ccd936d] {
944
960
  color: var(--color-warning);
945
961
  }
946
- .cn-advanced-form-dialog__validation-icon--lock[data-v-63569d19] {
962
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-4ccd936d] {
947
963
  color: var(--color-text-lighter);
948
964
  }
949
- .cn-advanced-form-dialog__validation-icon--new[data-v-63569d19] {
965
+ .cn-advanced-form-dialog__validation-icon--new[data-v-4ccd936d] {
950
966
  color: var(--color-primary-element);
951
967
  }
952
968
 
@@ -1114,62 +1130,62 @@
1114
1130
  }
1115
1131
 
1116
1132
 
1117
- .cn-advanced-form-dialog__form[data-v-3dd6d67a] {
1133
+ .cn-advanced-form-dialog__form[data-v-10cf97d6] {
1118
1134
  display: flex;
1119
1135
  flex-direction: column;
1120
1136
  gap: 8px;
1121
1137
  }
1122
- .cn-advanced-form-dialog__tabs[data-v-3dd6d67a] {
1138
+ .cn-advanced-form-dialog__tabs[data-v-10cf97d6] {
1123
1139
  display: flex;
1124
1140
  flex-direction: column;
1125
1141
  gap: 12px;
1126
1142
  }
1127
1143
 
1128
1144
  /* Bootstrap-Vue tab styling to match ViewObject */
1129
- .tabContainer[data-v-3dd6d67a] {
1145
+ .tabContainer[data-v-10cf97d6] {
1130
1146
  margin-top: 20px;
1131
1147
  }
1132
- .tabContainer > * ul > li[data-v-3dd6d67a] {
1148
+ .tabContainer > * ul > li[data-v-10cf97d6] {
1133
1149
  display: flex;
1134
1150
  flex: 1;
1135
1151
  }
1136
- .tabContainer > * ul > li[data-v-3dd6d67a]:hover {
1152
+ .tabContainer > * ul > li[data-v-10cf97d6]:hover {
1137
1153
  background-color: var(--color-background-hover);
1138
1154
  }
1139
- .tabContainer > * ul > li > a[data-v-3dd6d67a] {
1155
+ .tabContainer > * ul > li > a[data-v-10cf97d6] {
1140
1156
  flex: 1;
1141
1157
  text-align: center;
1142
1158
  }
1143
- .tabContainer > * ul > li > .active[data-v-3dd6d67a] {
1159
+ .tabContainer > * ul > li > .active[data-v-10cf97d6] {
1144
1160
  background: transparent !important;
1145
1161
  color: var(--color-main-text) !important;
1146
1162
  border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
1147
1163
  }
1148
- .tabContainer > * ul[role="tablist"][data-v-3dd6d67a] {
1164
+ .tabContainer > * ul[role="tablist"][data-v-10cf97d6] {
1149
1165
  display: flex;
1150
1166
  margin: 10px 8px 0 8px;
1151
1167
  justify-content: space-between;
1152
1168
  border-bottom: 1px solid var(--color-border);
1153
1169
  }
1154
- .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-3dd6d67a] {
1170
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-10cf97d6] {
1155
1171
  padding-inline-start: 10px;
1156
1172
  padding-inline-end: 10px;
1157
1173
  padding-block-start: 10px;
1158
1174
  padding-block-end: 10px;
1159
1175
  }
1160
- .tabContainer > * div[role="tabpanel"][data-v-3dd6d67a] {
1176
+ .tabContainer > * div[role="tabpanel"][data-v-10cf97d6] {
1161
1177
  margin-block-start: var(--OR-margin-10);
1162
1178
  }
1163
- [data-v-3dd6d67a]:deep(.nav-tabs) {
1179
+ [data-v-10cf97d6]:deep(.nav-tabs) {
1164
1180
  border-bottom: 1px solid var(--color-border);
1165
1181
  margin-bottom: 15px;
1166
1182
  display: flex;
1167
1183
  }
1168
- [data-v-3dd6d67a]:deep(.nav-tabs .nav-item) {
1184
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-item) {
1169
1185
  display: flex;
1170
1186
  flex: 1;
1171
1187
  }
1172
- [data-v-3dd6d67a]:deep(.nav-tabs .nav-link) {
1188
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link) {
1173
1189
  flex: 1;
1174
1190
  text-align: center;
1175
1191
  border: none;
@@ -1177,50 +1193,50 @@
1177
1193
  color: var(--color-text-maxcontrast);
1178
1194
  padding: 8px 16px;
1179
1195
  }
1180
- [data-v-3dd6d67a]:deep(.nav-tabs .nav-link.active) {
1196
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link.active) {
1181
1197
  color: var(--color-main-text);
1182
1198
  border-bottom: 2px solid var(--color-primary);
1183
1199
  background-color: transparent;
1184
1200
  }
1185
- [data-v-3dd6d67a]:deep(.nav-tabs .nav-link:hover) {
1201
+ [data-v-10cf97d6]:deep(.nav-tabs .nav-link:hover) {
1186
1202
  border-bottom: 2px solid var(--color-border);
1187
1203
  }
1188
- [data-v-3dd6d67a]:deep(.tab-content) {
1204
+ [data-v-10cf97d6]:deep(.tab-content) {
1189
1205
  padding: 16px;
1190
1206
  background-color: var(--color-main-background);
1191
1207
  }
1192
1208
 
1193
1209
 
1194
- .cn-kpi-grid[data-v-1068f380] {
1210
+ .cn-kpi-grid[data-v-66291afe] {
1195
1211
  display: grid;
1196
1212
  gap: 16px;
1197
1213
  margin-bottom: 24px;
1198
1214
  }
1199
- .cn-kpi-grid--cols-2[data-v-1068f380] {
1215
+ .cn-kpi-grid--cols-2[data-v-66291afe] {
1200
1216
  grid-template-columns: repeat(2, 1fr);
1201
1217
  }
1202
- .cn-kpi-grid--cols-3[data-v-1068f380] {
1218
+ .cn-kpi-grid--cols-3[data-v-66291afe] {
1203
1219
  grid-template-columns: repeat(3, 1fr);
1204
1220
  }
1205
- .cn-kpi-grid--cols-4[data-v-1068f380] {
1221
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
1206
1222
  grid-template-columns: repeat(4, 1fr);
1207
1223
  }
1208
1224
 
1209
1225
  /* Responsive breakpoints */
1210
1226
  @media (max-width: 1200px) {
1211
- .cn-kpi-grid--cols-4[data-v-1068f380] {
1227
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
1212
1228
  grid-template-columns: repeat(2, 1fr);
1213
1229
  }
1214
1230
  }
1215
1231
  @media (max-width: 900px) {
1216
- .cn-kpi-grid--cols-3[data-v-1068f380] {
1232
+ .cn-kpi-grid--cols-3[data-v-66291afe] {
1217
1233
  grid-template-columns: repeat(2, 1fr);
1218
1234
  }
1219
1235
  }
1220
1236
  @media (max-width: 600px) {
1221
- .cn-kpi-grid--cols-2[data-v-1068f380],
1222
- .cn-kpi-grid--cols-3[data-v-1068f380],
1223
- .cn-kpi-grid--cols-4[data-v-1068f380] {
1237
+ .cn-kpi-grid--cols-2[data-v-66291afe],
1238
+ .cn-kpi-grid--cols-3[data-v-66291afe],
1239
+ .cn-kpi-grid--cols-4[data-v-66291afe] {
1224
1240
  grid-template-columns: 1fr;
1225
1241
  }
1226
1242
  }
@@ -1378,28 +1394,31 @@
1378
1394
 
1379
1395
  .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
1396
 
1381
- .cn-dashboard-grid[data-v-0583321d] {
1397
+ .cn-dashboard-grid[data-v-06f78295] {
1382
1398
  width: 100%;
1383
1399
  min-height: 200px;
1384
1400
  }
1385
- .grid-stack[data-v-0583321d] {
1401
+ .grid-stack[data-v-06f78295] {
1386
1402
  background: transparent;
1387
1403
  }
1388
- [data-v-0583321d]:deep(.grid-stack-item-content) {
1404
+ [data-v-06f78295]:deep(.grid-stack-item-content) {
1389
1405
  background: var(--color-main-background);
1390
1406
  border-radius: 0;
1391
1407
  border: none;
1392
1408
  box-shadow: none;
1393
1409
  overflow: hidden;
1394
1410
  }
1395
- [data-v-0583321d]:deep(.grid-stack-placeholder > .placeholder-content) {
1411
+ [data-v-06f78295]:deep(.grid-stack-item-content:has(.cn-widget-wrapper--borderless)) {
1412
+ background: transparent;
1413
+ }
1414
+ [data-v-06f78295]:deep(.grid-stack-placeholder > .placeholder-content) {
1396
1415
  background: var(--color-primary-element-light);
1397
1416
  border: 2px dashed var(--color-primary-element);
1398
1417
  border-radius: var(--border-radius-large);
1399
1418
  }
1400
1419
 
1401
1420
 
1402
- .cn-widget-wrapper[data-v-22a9bd7a] {
1421
+ .cn-widget-wrapper[data-v-3ada0026] {
1403
1422
  height: 100%;
1404
1423
  display: flex;
1405
1424
  flex-direction: column;
@@ -1407,7 +1426,17 @@
1407
1426
  border: 1px solid var(--color-border);
1408
1427
  overflow: hidden;
1409
1428
  }
1410
- .cn-widget-wrapper__header[data-v-22a9bd7a] {
1429
+ .cn-widget-wrapper--borderless[data-v-3ada0026] {
1430
+ border: none;
1431
+ background: transparent;
1432
+ }
1433
+ .cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-3ada0026] {
1434
+ padding: 0;
1435
+ }
1436
+ .cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-3ada0026] {
1437
+ padding: 0;
1438
+ }
1439
+ .cn-widget-wrapper__header[data-v-3ada0026] {
1411
1440
  display: flex;
1412
1441
  align-items: center;
1413
1442
  justify-content: space-between;
@@ -1415,18 +1444,18 @@
1415
1444
  border-bottom: 1px solid var(--color-border);
1416
1445
  flex-shrink: 0;
1417
1446
  }
1418
- .cn-widget-wrapper__header-left[data-v-22a9bd7a] {
1447
+ .cn-widget-wrapper__header-left[data-v-3ada0026] {
1419
1448
  display: flex;
1420
1449
  align-items: center;
1421
1450
  gap: 8px;
1422
1451
  min-width: 0;
1423
1452
  }
1424
- .cn-widget-wrapper__icon[data-v-22a9bd7a] {
1453
+ .cn-widget-wrapper__icon[data-v-3ada0026] {
1425
1454
  width: 24px;
1426
1455
  height: 24px;
1427
1456
  flex-shrink: 0;
1428
1457
  }
1429
- .cn-widget-wrapper__title[data-v-22a9bd7a] {
1458
+ .cn-widget-wrapper__title[data-v-3ada0026] {
1430
1459
  font-weight: 600;
1431
1460
  font-size: 14px;
1432
1461
  margin: 0;
@@ -1434,18 +1463,18 @@
1434
1463
  overflow: hidden;
1435
1464
  text-overflow: ellipsis;
1436
1465
  }
1437
- .cn-widget-wrapper__content[data-v-22a9bd7a] {
1466
+ .cn-widget-wrapper__content[data-v-3ada0026] {
1438
1467
  flex: 1;
1439
1468
  overflow: auto;
1440
1469
  min-height: 0;
1441
1470
  padding: 16px;
1442
1471
  }
1443
- .cn-widget-wrapper__actions[data-v-22a9bd7a] {
1472
+ .cn-widget-wrapper__actions[data-v-3ada0026] {
1444
1473
  display: flex;
1445
1474
  gap: 4px;
1446
1475
  flex-shrink: 0;
1447
1476
  }
1448
- .cn-widget-wrapper__footer[data-v-22a9bd7a] {
1477
+ .cn-widget-wrapper__footer[data-v-3ada0026] {
1449
1478
  display: flex;
1450
1479
  justify-content: flex-end;
1451
1480
  gap: 8px;
@@ -1453,12 +1482,12 @@
1453
1482
  border-top: 1px solid var(--color-border);
1454
1483
  flex-shrink: 0;
1455
1484
  }
1456
- .cn-widget-wrapper__footer-link[data-v-22a9bd7a] {
1485
+ .cn-widget-wrapper__footer-link[data-v-3ada0026] {
1457
1486
  font-size: 13px;
1458
1487
  color: var(--color-primary-element);
1459
1488
  text-decoration: none;
1460
1489
  }
1461
- .cn-widget-wrapper__footer-link[data-v-22a9bd7a]:hover {
1490
+ .cn-widget-wrapper__footer-link[data-v-3ada0026]:hover {
1462
1491
  text-decoration: underline;
1463
1492
  }
1464
1493
 
@@ -1540,11 +1569,11 @@
1540
1569
  }
1541
1570
 
1542
1571
 
1543
- .cn-dashboard-page[data-v-316a928c] {
1572
+ .cn-dashboard-page[data-v-6bde33ab] {
1544
1573
  padding: 20px;
1545
1574
  max-width: 1400px;
1546
1575
  }
1547
- .cn-dashboard-page__header[data-v-316a928c] {
1576
+ .cn-dashboard-page__header[data-v-6bde33ab] {
1548
1577
  display: flex;
1549
1578
  justify-content: space-between;
1550
1579
  align-items: flex-start;
@@ -1552,29 +1581,29 @@
1552
1581
  flex-wrap: wrap;
1553
1582
  gap: 12px;
1554
1583
  }
1555
- .cn-dashboard-page__header-left[data-v-316a928c] {
1584
+ .cn-dashboard-page__header-left[data-v-6bde33ab] {
1556
1585
  min-width: 0;
1557
1586
  }
1558
- .cn-dashboard-page__title[data-v-316a928c] {
1587
+ .cn-dashboard-page__title[data-v-6bde33ab] {
1559
1588
  margin: 0;
1560
1589
  font-size: 20px;
1561
1590
  font-weight: 700;
1562
1591
  }
1563
- .cn-dashboard-page__description[data-v-316a928c] {
1592
+ .cn-dashboard-page__description[data-v-6bde33ab] {
1564
1593
  margin: 4px 0 0;
1565
1594
  font-size: 14px;
1566
1595
  color: var(--color-text-maxcontrast);
1567
1596
  }
1568
- .cn-dashboard-page__header-actions[data-v-316a928c] {
1597
+ .cn-dashboard-page__header-actions[data-v-6bde33ab] {
1569
1598
  display: flex;
1570
1599
  gap: 8px;
1571
1600
  flex-wrap: wrap;
1572
1601
  flex-shrink: 0;
1573
1602
  }
1574
- .cn-dashboard-page__empty[data-v-316a928c] {
1603
+ .cn-dashboard-page__empty[data-v-6bde33ab] {
1575
1604
  padding: 60px 20px;
1576
1605
  }
1577
- .cn-dashboard-page__unknown[data-v-316a928c] {
1606
+ .cn-dashboard-page__unknown[data-v-6bde33ab] {
1578
1607
  display: flex;
1579
1608
  align-items: center;
1580
1609
  justify-content: center;
@@ -2042,6 +2071,10 @@
2042
2071
 
2043
2072
 
2044
2073
 
2074
+
2075
+
2076
+
2077
+
2045
2078
 
2046
2079
 
2047
2080
 
@@ -2049,26 +2082,26 @@
2049
2082
 
2050
2083
 
2051
2084
  /* Result phase container */
2052
- .cn-tabbed-form-dialog__result[data-v-0548d93f] {
2085
+ .cn-tabbed-form-dialog__result[data-v-40977d17] {
2053
2086
  padding: 16px 0;
2054
2087
  }
2055
2088
 
2056
2089
  /* Form phase container */
2057
- .cn-tabbed-form-dialog__form[data-v-0548d93f] {
2090
+ .cn-tabbed-form-dialog__form[data-v-40977d17] {
2058
2091
  display: flex;
2059
2092
  flex-direction: column;
2060
2093
  gap: 8px;
2061
2094
  }
2062
2095
 
2063
2096
  /* Tabs wrapper */
2064
- .cn-tabbed-form-dialog__tabs[data-v-0548d93f] {
2097
+ .cn-tabbed-form-dialog__tabs[data-v-40977d17] {
2065
2098
  display: flex;
2066
2099
  flex-direction: column;
2067
2100
  gap: 12px;
2068
2101
  }
2069
2102
 
2070
2103
  /* Tab content area — also uses .form-editor for compatibility */
2071
- .cn-tabbed-form-dialog__tab-content[data-v-0548d93f] {
2104
+ .cn-tabbed-form-dialog__tab-content[data-v-40977d17] {
2072
2105
  display: flex;
2073
2106
  flex-direction: column;
2074
2107
  gap: 16px;
@@ -2076,52 +2109,52 @@
2076
2109
  }
2077
2110
 
2078
2111
  /* Create another checkbox — push to the left in actions area */
2079
- .cn-tabbed-form-dialog__create-another[data-v-0548d93f] {
2112
+ .cn-tabbed-form-dialog__create-another[data-v-40977d17] {
2080
2113
  margin-right: auto;
2081
2114
  }
2082
2115
 
2083
2116
  /* Bootstrap-Vue tab container styling */
2084
- .tabContainer > * ul > li[data-v-0548d93f] {
2117
+ .tabContainer > * ul > li[data-v-40977d17] {
2085
2118
  display: flex;
2086
2119
  flex: 1;
2087
2120
  }
2088
- .tabContainer > * ul > li[data-v-0548d93f]:hover {
2121
+ .tabContainer > * ul > li[data-v-40977d17]:hover {
2089
2122
  background-color: var(--color-background-hover);
2090
2123
  }
2091
- .tabContainer > * ul > li > a[data-v-0548d93f] {
2124
+ .tabContainer > * ul > li > a[data-v-40977d17] {
2092
2125
  flex: 1;
2093
2126
  text-align: center;
2094
2127
  }
2095
- .tabContainer > * ul > li > .active[data-v-0548d93f] {
2128
+ .tabContainer > * ul > li > .active[data-v-40977d17] {
2096
2129
  background: transparent !important;
2097
2130
  color: var(--color-main-text) !important;
2098
2131
  border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
2099
2132
  }
2100
- .tabContainer > * ul[role="tablist"][data-v-0548d93f] {
2133
+ .tabContainer > * ul[role="tablist"][data-v-40977d17] {
2101
2134
  display: flex;
2102
2135
  margin: 10px 8px 0 8px;
2103
2136
  justify-content: space-between;
2104
2137
  border-bottom: 1px solid var(--color-border);
2105
2138
  }
2106
- .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-0548d93f] {
2139
+ .tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-40977d17] {
2107
2140
  padding-inline-start: 10px;
2108
2141
  padding-inline-end: 10px;
2109
2142
  padding-block-start: 10px;
2110
2143
  padding-block-end: 10px;
2111
2144
  }
2112
- .tabContainer > * div[role="tabpanel"][data-v-0548d93f] {
2145
+ .tabContainer > * div[role="tabpanel"][data-v-40977d17] {
2113
2146
  margin-block-start: var(--OR-margin-10);
2114
2147
  }
2115
- [data-v-0548d93f]:deep(.nav-tabs) {
2148
+ [data-v-40977d17]:deep(.nav-tabs) {
2116
2149
  border-bottom: 1px solid var(--color-border);
2117
2150
  margin-bottom: 15px;
2118
2151
  display: flex;
2119
2152
  }
2120
- [data-v-0548d93f]:deep(.nav-tabs .nav-item) {
2153
+ [data-v-40977d17]:deep(.nav-tabs .nav-item) {
2121
2154
  display: flex;
2122
2155
  flex: 1;
2123
2156
  }
2124
- [data-v-0548d93f]:deep(.nav-tabs .nav-link) {
2157
+ [data-v-40977d17]:deep(.nav-tabs .nav-link) {
2125
2158
  flex: 1;
2126
2159
  text-align: center;
2127
2160
  border: none;
@@ -2133,27 +2166,27 @@
2133
2166
  gap: 8px;
2134
2167
  justify-content: center;
2135
2168
  }
2136
- [data-v-0548d93f]:deep(.nav-tabs .nav-link.active) {
2169
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.active) {
2137
2170
  color: var(--color-main-text);
2138
2171
  border-bottom: 2px solid var(--color-primary);
2139
2172
  background-color: transparent;
2140
2173
  }
2141
- [data-v-0548d93f]:deep(.nav-tabs .nav-link:hover) {
2174
+ [data-v-40977d17]:deep(.nav-tabs .nav-link:hover) {
2142
2175
  border-bottom: 2px solid var(--color-border);
2143
2176
  }
2144
- [data-v-0548d93f]:deep(.nav-tabs .nav-link.disabled) {
2177
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled) {
2145
2178
  cursor: not-allowed;
2146
2179
  opacity: 0.5;
2147
2180
  color: var(--color-text-maxcontrast);
2148
2181
  pointer-events: auto;
2149
2182
  }
2150
- [data-v-0548d93f]:deep(.nav-tabs .nav-link.disabled *) {
2183
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled *) {
2151
2184
  cursor: not-allowed;
2152
2185
  }
2153
- [data-v-0548d93f]:deep(.nav-tabs .nav-link.disabled:hover) {
2186
+ [data-v-40977d17]:deep(.nav-tabs .nav-link.disabled:hover) {
2154
2187
  border-bottom: 2px solid transparent;
2155
2188
  }
2156
- [data-v-0548d93f]:deep(.tab-content) {
2189
+ [data-v-40977d17]:deep(.tab-content) {
2157
2190
  padding: 16px;
2158
2191
  background-color: var(--color-main-background);
2159
2192
  }
@@ -2260,13 +2293,13 @@
2260
2293
  }
2261
2294
 
2262
2295
 
2263
- .cn-detail-card[data-v-08b125fa] {
2296
+ .cn-detail-card[data-v-7fb81c52] {
2264
2297
  background: var(--color-main-background);
2265
2298
  border: 1px solid var(--color-border);
2266
2299
  border-radius: var(--border-radius-large, 12px);
2267
2300
  overflow: hidden;
2268
2301
  }
2269
- .cn-detail-card__header[data-v-08b125fa] {
2302
+ .cn-detail-card__header[data-v-7fb81c52] {
2270
2303
  display: flex;
2271
2304
  align-items: center;
2272
2305
  justify-content: space-between;
@@ -2274,33 +2307,33 @@
2274
2307
  border-bottom: 1px solid var(--color-border);
2275
2308
  flex-shrink: 0;
2276
2309
  }
2277
- .cn-detail-card__header--clickable[data-v-08b125fa] {
2310
+ .cn-detail-card__header--clickable[data-v-7fb81c52] {
2278
2311
  cursor: pointer;
2279
2312
  user-select: none;
2280
2313
  }
2281
- .cn-detail-card__header--clickable[data-v-08b125fa]:hover {
2314
+ .cn-detail-card__header--clickable[data-v-7fb81c52]:hover {
2282
2315
  background: var(--color-background-hover);
2283
2316
  }
2284
- .cn-detail-card--collapsed .cn-detail-card__header[data-v-08b125fa] {
2317
+ .cn-detail-card--collapsed .cn-detail-card__header[data-v-7fb81c52] {
2285
2318
  border-bottom: none;
2286
2319
  }
2287
- .cn-detail-card__header-left[data-v-08b125fa] {
2320
+ .cn-detail-card__header-left[data-v-7fb81c52] {
2288
2321
  display: flex;
2289
2322
  align-items: center;
2290
2323
  gap: 8px;
2291
2324
  min-width: 0;
2292
2325
  }
2293
- .cn-detail-card__header-right[data-v-08b125fa] {
2326
+ .cn-detail-card__header-right[data-v-7fb81c52] {
2294
2327
  display: flex;
2295
2328
  align-items: center;
2296
2329
  gap: 4px;
2297
2330
  flex-shrink: 0;
2298
2331
  }
2299
- .cn-detail-card__icon[data-v-08b125fa] {
2332
+ .cn-detail-card__icon[data-v-7fb81c52] {
2300
2333
  color: var(--color-primary-element);
2301
2334
  flex-shrink: 0;
2302
2335
  }
2303
- .cn-detail-card__title[data-v-08b125fa] {
2336
+ .cn-detail-card__title[data-v-7fb81c52] {
2304
2337
  font-weight: 600;
2305
2338
  font-size: 14px;
2306
2339
  margin: 0;
@@ -2308,7 +2341,7 @@
2308
2341
  overflow: hidden;
2309
2342
  text-overflow: ellipsis;
2310
2343
  }
2311
- .cn-detail-card__collapse-btn[data-v-08b125fa] {
2344
+ .cn-detail-card__collapse-btn[data-v-7fb81c52] {
2312
2345
  display: flex;
2313
2346
  align-items: center;
2314
2347
  justify-content: center;
@@ -2319,17 +2352,20 @@
2319
2352
  color: var(--color-text-maxcontrast);
2320
2353
  border-radius: var(--border-radius);
2321
2354
  }
2322
- .cn-detail-card__collapse-btn[data-v-08b125fa]:hover {
2355
+ .cn-detail-card__collapse-btn[data-v-7fb81c52]:hover {
2323
2356
  background: var(--color-background-dark);
2324
2357
  }
2325
- .cn-detail-card__chevron--rotated[data-v-08b125fa] {
2358
+ .cn-detail-card__chevron--rotated[data-v-7fb81c52] {
2326
2359
  transform: rotate(-90deg);
2327
2360
  transition: transform 0.2s ease;
2328
2361
  }
2329
- .cn-detail-card__content[data-v-08b125fa] {
2362
+ .cn-detail-card__content[data-v-7fb81c52] {
2330
2363
  padding: 16px;
2331
2364
  }
2332
- .cn-detail-card__footer[data-v-08b125fa] {
2365
+ .cn-detail-card__content--flush[data-v-7fb81c52] {
2366
+ padding: 0;
2367
+ }
2368
+ .cn-detail-card__footer[data-v-7fb81c52] {
2333
2369
  padding: 8px 16px;
2334
2370
  border-top: 1px solid var(--color-border);
2335
2371
  }
@@ -2520,3 +2556,935 @@
2520
2556
  .cn-tasks-card__show-all[data-v-9df3f150]:hover {
2521
2557
  text-decoration: underline;
2522
2558
  }
2559
+
2560
+ .cn-card[data-v-ef7d4cac] {
2561
+ padding: 16px;
2562
+ border: 1px solid var(--color-border);
2563
+ border-radius: var(--border-radius-large);
2564
+ background: var(--color-main-background);
2565
+ height: 100%;
2566
+ display: flex;
2567
+ flex-direction: column;
2568
+ }
2569
+ .cn-card--active[data-v-ef7d4cac] {
2570
+ border: 2px solid var(--cn-card-active-border);
2571
+ }
2572
+ .cn-card--clickable[data-v-ef7d4cac] {
2573
+ cursor: pointer;
2574
+ transition: box-shadow 0.2s ease, border-color 0.2s ease;
2575
+ }
2576
+ .cn-card--clickable[data-v-ef7d4cac]:hover {
2577
+ border-color: var(--color-primary-element);
2578
+ box-shadow: 0 2px 8px var(--color-box-shadow);
2579
+ }
2580
+ .cn-card__header[data-v-ef7d4cac] {
2581
+ display: grid;
2582
+ grid-template-columns: 1fr auto;
2583
+ grid-template-rows: auto auto;
2584
+ align-items: center;
2585
+ border-bottom: 1px solid var(--color-border);
2586
+ padding-block-end: 1rem;
2587
+ margin-block-end: 0.5rem;
2588
+ }
2589
+ .cn-card__title[data-v-ef7d4cac] {
2590
+ display: flex;
2591
+ align-items: center;
2592
+ gap: 6px;
2593
+ font-size: 16px;
2594
+ margin: 0;
2595
+ min-width: 0;
2596
+ }
2597
+ .cn-card__title-text[data-v-ef7d4cac] {
2598
+ overflow: hidden;
2599
+ text-overflow: ellipsis;
2600
+ white-space: nowrap;
2601
+ }
2602
+ .cn-card__labels[data-v-ef7d4cac] {
2603
+ grid-column: 1/-1;
2604
+ display: flex;
2605
+ gap: 4px;
2606
+ flex-wrap: wrap;
2607
+ margin-top: 6px;
2608
+ }
2609
+ .cn-card__actions[data-v-ef7d4cac] {
2610
+ flex-shrink: 0;
2611
+ margin-inline-start: 0.25rem;
2612
+ }
2613
+ .cn-card__body[data-v-ef7d4cac] {
2614
+ flex-grow: 1;
2615
+ display: flex;
2616
+ flex-direction: column;
2617
+ justify-content: space-between;
2618
+ }
2619
+ .cn-card__description[data-v-ef7d4cac] {
2620
+ color: var(--color-text-lighter);
2621
+ margin-bottom: 12px;
2622
+ word-wrap: break-word;
2623
+ overflow-wrap: break-word;
2624
+ display: -webkit-box;
2625
+ -webkit-box-orient: vertical;
2626
+ overflow: hidden;
2627
+ }
2628
+ .cn-card__content[data-v-ef7d4cac] {
2629
+ margin-bottom: 12px;
2630
+ }
2631
+ .cn-card__stats[data-v-ef7d4cac] {
2632
+ display: flex;
2633
+ flex-direction: column;
2634
+ gap: 4px;
2635
+ }
2636
+ .cn-card__stat[data-v-ef7d4cac] {
2637
+ display: flex;
2638
+ justify-content: space-between;
2639
+ }
2640
+ .cn-card__stat-label[data-v-ef7d4cac] {
2641
+ color: var(--color-text-lighter);
2642
+ font-size: 12px;
2643
+ }
2644
+ .cn-card__stat-value[data-v-ef7d4cac] {
2645
+ font-weight: 600;
2646
+ font-size: 12px;
2647
+ }
2648
+ .cn-card__footer[data-v-ef7d4cac] {
2649
+ display: flex;
2650
+ flex-wrap: wrap;
2651
+ gap: 8px;
2652
+ align-items: center;
2653
+ padding-top: 8px;
2654
+ margin-top: 8px;
2655
+ border-top: 1px solid var(--color-border);
2656
+ }
2657
+ .cn-card__footer-link[data-v-ef7d4cac] {
2658
+ display: inline-flex;
2659
+ align-items: center;
2660
+ gap: 4px;
2661
+ font-size: 0.85em;
2662
+ color: var(--color-primary-element);
2663
+ text-decoration: none;
2664
+ transition: color 0.2s;
2665
+ }
2666
+ .cn-card__footer-link[data-v-ef7d4cac]:hover {
2667
+ text-decoration: underline;
2668
+ }
2669
+
2670
+ .cn-progress-bar__items[data-v-31e820d6] {
2671
+ display: flex;
2672
+ flex-direction: column;
2673
+ gap: 8px;
2674
+ }
2675
+ .cn-progress-bar__item[data-v-31e820d6] {
2676
+ display: flex;
2677
+ flex-direction: column;
2678
+ gap: 4px;
2679
+ }
2680
+ .cn-progress-bar__label[data-v-31e820d6] {
2681
+ display: flex;
2682
+ justify-content: space-between;
2683
+ align-items: center;
2684
+ font-size: 0.9rem;
2685
+ }
2686
+ .cn-progress-bar__name[data-v-31e820d6] {
2687
+ color: var(--color-main-text);
2688
+ }
2689
+ .cn-progress-bar__name--tooltip[data-v-31e820d6] {
2690
+ cursor: help;
2691
+ text-decoration: underline;
2692
+ text-decoration-style: dotted;
2693
+ text-underline-offset: 2px;
2694
+ }
2695
+ .cn-progress-bar__name--tooltip[data-v-31e820d6]:hover {
2696
+ text-decoration-style: solid;
2697
+ }
2698
+ .cn-progress-bar__value[data-v-31e820d6] {
2699
+ color: var(--color-text-maxcontrast);
2700
+ font-variant-numeric: tabular-nums;
2701
+ }
2702
+ .cn-progress-bar__track[data-v-31e820d6] {
2703
+ background: var(--color-background-dark, var(--color-background-darker));
2704
+ overflow: hidden;
2705
+ }
2706
+ .cn-progress-bar__track--rounded[data-v-31e820d6] {
2707
+ border-radius: 4px;
2708
+ }
2709
+ .cn-progress-bar__fill[data-v-31e820d6] {
2710
+ height: 100%;
2711
+ transition: width 0.3s ease;
2712
+ }
2713
+ .cn-progress-bar__fill--rounded[data-v-31e820d6] {
2714
+ border-radius: 4px;
2715
+ }
2716
+
2717
+ /* Variant colors */
2718
+ .cn-progress-bar__fill--default[data-v-31e820d6] {
2719
+ background: var(--color-main-text);
2720
+ }
2721
+ .cn-progress-bar__fill--primary[data-v-31e820d6] {
2722
+ background: var(--color-primary-element);
2723
+ }
2724
+ .cn-progress-bar__fill--success[data-v-31e820d6] {
2725
+ background: var(--color-success);
2726
+ }
2727
+ .cn-progress-bar__fill--warning[data-v-31e820d6] {
2728
+ background: var(--color-warning);
2729
+ }
2730
+ .cn-progress-bar__fill--error[data-v-31e820d6] {
2731
+ background: var(--color-error);
2732
+ }
2733
+ .cn-progress-bar__fill--info[data-v-31e820d6] {
2734
+ background: var(--color-info, #0082c9);
2735
+ }
2736
+
2737
+
2738
+ .cn-stats-panel__section[data-v-d7cbf312] {
2739
+ padding: 12px 0;
2740
+ border-bottom: 1px solid var(--color-border);
2741
+ }
2742
+ .remove-margin[data-v-d7cbf312] {
2743
+ margin: 0;
2744
+ }
2745
+ .cn-stats-panel__section[data-v-d7cbf312]:last-child {
2746
+ border-bottom: none;
2747
+ }
2748
+ .cn-stats-panel__section-title[data-v-d7cbf312] {
2749
+ color: var(--color-text-maxcontrast);
2750
+ font-size: 14px;
2751
+ font-weight: bold;
2752
+ padding: 0 16px;
2753
+ margin: 0 0 12px 0;
2754
+ }
2755
+ .cn-stats-panel__stack[data-v-d7cbf312] {
2756
+ display: flex;
2757
+ flex-direction: column;
2758
+ gap: 12px;
2759
+ }
2760
+ .cn-stats-panel__loading[data-v-d7cbf312] {
2761
+ display: flex;
2762
+ align-items: center;
2763
+ gap: 8px;
2764
+ padding: 0 16px;
2765
+ color: var(--color-text-maxcontrast);
2766
+ }
2767
+ .cn-stats-panel__empty[data-v-d7cbf312] {
2768
+ padding: 0 16px;
2769
+ color: var(--color-text-maxcontrast);
2770
+ font-style: italic;
2771
+ }
2772
+ .cn-stats-panel__header[data-v-d7cbf312] {
2773
+ padding-bottom: 12px;
2774
+ border-bottom: 1px solid var(--color-border);
2775
+ }
2776
+ .cn-stats-panel__footer[data-v-d7cbf312] {
2777
+ padding-top: 12px;
2778
+ }
2779
+ .cn-stats-panel__list[data-v-d7cbf312] {
2780
+ margin-top: 4px;
2781
+ }
2782
+
2783
+
2784
+ .cn-json-viewer[data-v-699c5b96] {
2785
+ display: flex;
2786
+ flex-direction: column;
2787
+ gap: 8px;
2788
+ }
2789
+ .cn-json-viewer__codemirror[data-v-699c5b96] {
2790
+ border: 1px solid var(--color-border);
2791
+ border-radius: var(--border-radius);
2792
+ position: relative;
2793
+ }
2794
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-editor) {
2795
+ height: 100%;
2796
+ outline: none !important;
2797
+ }
2798
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-scroller) {
2799
+ overflow: auto;
2800
+ }
2801
+ .cn-json-viewer__codemirror[data-v-699c5b96] :deep(.cm-content) {
2802
+ border-radius: 0 !important;
2803
+ border: none !important;
2804
+ }
2805
+ .cn-json-viewer__codemirror--light > .vue-codemirror[data-v-699c5b96] {
2806
+ border: 1px dotted silver;
2807
+ }
2808
+ .cn-json-viewer__codemirror--dark > .vue-codemirror[data-v-699c5b96] {
2809
+ border: 1px dotted grey;
2810
+ }
2811
+
2812
+ /* Text cursor */
2813
+ .cn-json-viewer__codemirror :deep(.cm-content) *[data-v-699c5b96] {
2814
+ cursor: text !important;
2815
+ }
2816
+
2817
+ /* PATCH SELECTION COLOR - default selection system does not work */
2818
+ /* Selection background — CodeMirror uses .cm-selectionBackground instead of ::selection */
2819
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-selectionBackground) {
2820
+ background: #3390ff !important;
2821
+ }
2822
+ .cn-json-viewer__codemirror--light :deep(.cm-selectionBackground) + .cm-selectionBackground[data-v-699c5b96],
2823
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-line ::selection) {
2824
+ color: white !important;
2825
+ }
2826
+ .cn-json-viewer__codemirror--dark[data-v-699c5b96] :deep(.cm-selectionBackground) {
2827
+ background: #3390ff !important;
2828
+ }
2829
+
2830
+ /* Selected text color */
2831
+ .cn-json-viewer__codemirror--light[data-v-699c5b96] :deep(.cm-content ::selection) {
2832
+ background: #3390ff !important;
2833
+ color: white !important;
2834
+ }
2835
+ .cn-json-viewer__codemirror--dark[data-v-699c5b96] :deep(.cm-content ::selection) {
2836
+ background: #3390ff !important;
2837
+ color: white !important;
2838
+ }
2839
+ .cn-json-viewer__format-btn[data-v-699c5b96] {
2840
+ margin-top: 8px;
2841
+ }
2842
+ .cn-json-viewer__error[data-v-699c5b96] {
2843
+ color: var(--color-error);
2844
+ font-size: 14px;
2845
+ }
2846
+
2847
+
2848
+
2849
+
2850
+
2851
+
2852
+
2853
+
2854
+
2855
+
2856
+
2857
+
2858
+
2859
+
2860
+
2861
+
2862
+
2863
+
2864
+
2865
+
2866
+
2867
+
2868
+
2869
+
2870
+
2871
+
2872
+
2873
+
2874
+
2875
+
2876
+
2877
+
2878
+
2879
+
2880
+
2881
+
2882
+
2883
+
2884
+
2885
+
2886
+
2887
+
2888
+
2889
+
2890
+
2891
+
2892
+
2893
+
2894
+
2895
+
2896
+
2897
+
2898
+
2899
+
2900
+
2901
+
2902
+
2903
+
2904
+
2905
+
2906
+
2907
+
2908
+
2909
+
2910
+
2911
+
2912
+
2913
+
2914
+
2915
+
2916
+
2917
+
2918
+
2919
+
2920
+
2921
+
2922
+
2923
+
2924
+
2925
+
2926
+
2927
+
2928
+
2929
+
2930
+
2931
+
2932
+
2933
+
2934
+
2935
+
2936
+
2937
+
2938
+
2939
+
2940
+
2941
+
2942
+
2943
+
2944
+
2945
+
2946
+
2947
+
2948
+
2949
+
2950
+
2951
+
2952
+
2953
+
2954
+
2955
+
2956
+
2957
+
2958
+
2959
+
2960
+
2961
+
2962
+
2963
+
2964
+
2965
+
2966
+
2967
+
2968
+
2969
+
2970
+
2971
+
2972
+
2973
+
2974
+
2975
+
2976
+
2977
+
2978
+
2979
+
2980
+
2981
+
2982
+
2983
+
2984
+
2985
+
2986
+
2987
+
2988
+
2989
+
2990
+
2991
+
2992
+
2993
+
2994
+
2995
+
2996
+
2997
+
2998
+
2999
+
3000
+
3001
+
3002
+
3003
+
3004
+
3005
+
3006
+
3007
+
3008
+
3009
+
3010
+
3011
+
3012
+
3013
+
3014
+
3015
+ /* ===== Grid layout (default) ===== */
3016
+ .cn-detail-grid--grid[data-v-5c20a563] {
3017
+ display: grid;
3018
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3019
+ }
3020
+
3021
+ /* ===== Horizontal layout ===== */
3022
+ .cn-detail-grid--horizontal[data-v-5c20a563] {
3023
+ display: flex;
3024
+ flex-direction: column;
3025
+ gap: calc(3 * var(--default-grid-baseline, 4px));
3026
+ }
3027
+
3028
+ /* ===== Item (card style) ===== */
3029
+ .cn-detail-grid__item[data-v-5c20a563] {
3030
+ display: flex;
3031
+ flex-direction: column;
3032
+ gap: var(--default-grid-baseline, 4px);
3033
+ padding: calc(2 * var(--default-grid-baseline, 4px)) calc(3 * var(--default-grid-baseline, 4px));
3034
+ background: var(--color-background-hover);
3035
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
3036
+ }
3037
+
3038
+ /* Accent border */
3039
+ .cn-detail-grid--accent .cn-detail-grid__item[data-v-5c20a563] {
3040
+ border-left: 3px solid var(--color-primary-element);
3041
+ }
3042
+
3043
+ /* Horizontal item: row direction */
3044
+ .cn-detail-grid__item--horizontal[data-v-5c20a563] {
3045
+ flex-direction: row;
3046
+ align-items: center;
3047
+ gap: calc(4 * var(--default-grid-baseline, 4px));
3048
+ border-radius: var(--border-radius);
3049
+ }
3050
+
3051
+ /* ===== Label ===== */
3052
+ .cn-detail-grid__label[data-v-5c20a563] {
3053
+ font-size: 0.85em;
3054
+ color: var(--color-text-maxcontrast);
3055
+ font-weight: 500;
3056
+ }
3057
+ .cn-detail-grid--horizontal .cn-detail-grid__label[data-v-5c20a563] {
3058
+ min-width: var(--cn-detail-grid-label-width, 150px);
3059
+ flex-shrink: 0;
3060
+ }
3061
+
3062
+ /* ===== Value ===== */
3063
+ .cn-detail-grid__value[data-v-5c20a563] {
3064
+ font-size: 1em;
3065
+ color: var(--color-main-text);
3066
+ word-break: break-word;
3067
+ margin: 0.5rem;
3068
+ }
3069
+ .cn-detail-grid--horizontal .cn-detail-grid__value[data-v-5c20a563] {
3070
+ flex: 1;
3071
+ }
3072
+
3073
+ /* ===== Actions ===== */
3074
+ .cn-detail-grid__actions[data-v-5c20a563] {
3075
+ flex-shrink: 0;
3076
+ display: flex;
3077
+ align-items: center;
3078
+ }
3079
+
3080
+ /* ===== Empty state ===== */
3081
+ .cn-detail-grid__empty[data-v-5c20a563] {
3082
+ color: var(--color-text-maxcontrast);
3083
+ font-style: italic;
3084
+ padding: calc(2 * var(--default-grid-baseline, 4px));
3085
+ }
3086
+
3087
+ /* ===== Responsive ===== */
3088
+ @media (max-width: 600px) {
3089
+ .cn-detail-grid--grid[data-v-5c20a563] {
3090
+ grid-template-columns: 1fr !important;
3091
+ }
3092
+ .cn-detail-grid__item--horizontal[data-v-5c20a563] {
3093
+ flex-direction: column;
3094
+ align-items: flex-start;
3095
+ }
3096
+ }
3097
+
3098
+
3099
+ .cn-chart-widget[data-v-06035d74] {
3100
+ width: 100%;
3101
+ min-height: 100px;
3102
+ }
3103
+ .cn-chart-widget__fallback[data-v-06035d74] {
3104
+ display: flex;
3105
+ align-items: center;
3106
+ justify-content: center;
3107
+ min-height: 150px;
3108
+ color: var(--color-text-maxcontrast);
3109
+ }
3110
+ .cn-chart-widget__error[data-v-06035d74] {
3111
+ font-size: 14px;
3112
+ margin: 0;
3113
+ }
3114
+
3115
+
3116
+ .cn-sidebar-tab[data-v-3e8a4f28] { padding: 12px;
3117
+ }
3118
+ .cn-sidebar-tab__upload-error[data-v-3e8a4f28] {
3119
+ padding: 8px 12px;
3120
+ margin-bottom: 8px;
3121
+ border-radius: var(--border-radius, 4px);
3122
+ background-color: var(--color-error-light, rgba(229, 57, 53, 0.1));
3123
+ color: var(--color-error, #e53935);
3124
+ font-size: 13px;
3125
+ }
3126
+ .cn-sidebar-tab__dropzone[data-v-3e8a4f28] {
3127
+ display: flex;
3128
+ flex-direction: column;
3129
+ align-items: center;
3130
+ justify-content: center;
3131
+ gap: 8px;
3132
+ padding: 20px 12px;
3133
+ margin-bottom: 16px;
3134
+ border: 2px dashed var(--color-border);
3135
+ border-radius: var(--border-radius-large, 8px);
3136
+ cursor: pointer;
3137
+ transition: border-color 0.15s ease, background-color 0.15s ease;
3138
+ }
3139
+ .cn-sidebar-tab__dropzone[data-v-3e8a4f28]:hover {
3140
+ border-color: var(--color-primary-element);
3141
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
3142
+ }
3143
+ .cn-sidebar-tab__dropzone--active[data-v-3e8a4f28] {
3144
+ border-color: var(--color-primary-element);
3145
+ background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
3146
+ }
3147
+ .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28] { color: var(--color-text-maxcontrast);
3148
+ }
3149
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28],
3150
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-3e8a4f28] { color: var(--color-primary-element);
3151
+ }
3152
+ .cn-sidebar-tab__dropzone-text[data-v-3e8a4f28] { font-size: 13px; color: var(--color-text-maxcontrast);
3153
+ }
3154
+ .cn-sidebar-tab__file-input[data-v-3e8a4f28] { display: none;
3155
+ }
3156
+ .cn-sidebar-tab__empty[data-v-3e8a4f28] {
3157
+ text-align: center;
3158
+ padding: 24px 12px;
3159
+ color: var(--color-text-maxcontrast);
3160
+ font-size: 13px;
3161
+ }
3162
+ .cn-sidebar-tab__list[data-v-3e8a4f28] { display: flex; flex-direction: column; gap: 2px;
3163
+ }
3164
+ .cn-sidebar-tab__load-more[data-v-3e8a4f28] { margin-top: 8px;
3165
+ }
3166
+
3167
+
3168
+ .cn-sidebar-tab[data-v-15b054de] { padding: 12px;
3169
+ }
3170
+ .cn-sidebar-tab__action[data-v-15b054de] { margin-bottom: 16px;
3171
+ }
3172
+ .cn-sidebar-tab__action--row[data-v-15b054de] { display: flex; gap: 8px; align-items: flex-end;
3173
+ }
3174
+ .cn-sidebar-tab__textarea[data-v-15b054de] {
3175
+ width: 100%;
3176
+ padding: 8px;
3177
+ border: 1px solid var(--color-border);
3178
+ border-radius: var(--border-radius);
3179
+ resize: vertical;
3180
+ font-family: inherit;
3181
+ font-size: 13px;
3182
+ margin-bottom: 8px;
3183
+ background: var(--color-main-background);
3184
+ color: var(--color-main-text);
3185
+ }
3186
+ .cn-sidebar-tab__textarea[data-v-15b054de]:focus {
3187
+ border-color: var(--color-primary-element);
3188
+ outline: none;
3189
+ }
3190
+ .cn-sidebar-tab__empty[data-v-15b054de] {
3191
+ text-align: center;
3192
+ padding: 24px 12px;
3193
+ color: var(--color-text-maxcontrast);
3194
+ font-size: 13px;
3195
+ }
3196
+ .cn-sidebar-tab__list[data-v-15b054de] { display: flex; flex-direction: column; gap: 2px;
3197
+ }
3198
+
3199
+
3200
+ .cn-sidebar-tab[data-v-19ebe2ea] { padding: 12px;
3201
+ }
3202
+ .cn-sidebar-tab__action[data-v-19ebe2ea] { margin-bottom: 16px;
3203
+ }
3204
+ .cn-sidebar-tab__action--row[data-v-19ebe2ea] { display: flex; gap: 8px; align-items: flex-end;
3205
+ }
3206
+ .cn-sidebar-tab__empty[data-v-19ebe2ea] {
3207
+ text-align: center;
3208
+ padding: 24px 12px;
3209
+ color: var(--color-text-maxcontrast);
3210
+ font-size: 13px;
3211
+ }
3212
+ .cn-sidebar-tab__tags[data-v-19ebe2ea] { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0;
3213
+ }
3214
+ .cn-sidebar-tab__tag[data-v-19ebe2ea] {
3215
+ display: inline-flex;
3216
+ align-items: center;
3217
+ gap: 4px;
3218
+ padding: 3px 8px;
3219
+ border-radius: var(--border-radius-pill, 16px);
3220
+ background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
3221
+ color: var(--color-primary-element);
3222
+ font-size: 12px;
3223
+ font-weight: 500;
3224
+ }
3225
+ .cn-sidebar-tab__tag-remove[data-v-19ebe2ea] {
3226
+ display: flex;
3227
+ align-items: center;
3228
+ justify-content: center;
3229
+ background: none;
3230
+ border: none;
3231
+ padding: 0;
3232
+ cursor: pointer;
3233
+ color: var(--color-primary-element);
3234
+ opacity: 0.6;
3235
+ border-radius: 50%;
3236
+ }
3237
+ .cn-sidebar-tab__tag-remove[data-v-19ebe2ea]:hover { opacity: 1; background: rgba(0, 0, 0, 0.08);
3238
+ }
3239
+ .cn-sidebar-tab__tag-suggestions[data-v-19ebe2ea] {
3240
+ margin-top: 4px;
3241
+ border: 1px solid var(--color-border);
3242
+ border-radius: var(--border-radius);
3243
+ background: var(--color-main-background);
3244
+ max-height: 160px;
3245
+ overflow-y: auto;
3246
+ }
3247
+ .cn-sidebar-tab__tag-suggestion[data-v-19ebe2ea] {
3248
+ display: flex;
3249
+ align-items: center;
3250
+ gap: 8px;
3251
+ width: 100%;
3252
+ padding: 6px 12px;
3253
+ border: none;
3254
+ background: none;
3255
+ cursor: pointer;
3256
+ font-size: 13px;
3257
+ color: var(--color-main-text);
3258
+ text-align: left;
3259
+ }
3260
+ .cn-sidebar-tab__tag-suggestion[data-v-19ebe2ea]:hover { background: var(--color-background-hover);
3261
+ }
3262
+
3263
+
3264
+ .cn-sidebar-tab[data-v-11e9a01a] {
3265
+ padding: 12px;
3266
+ overflow-x: hidden;
3267
+ }
3268
+ .cn-sidebar-tab__section[data-v-11e9a01a] {
3269
+ margin-bottom: 12px;
3270
+ }
3271
+ .cn-sidebar-tab__section--filters[data-v-11e9a01a] {
3272
+ padding-top: 12px;
3273
+ border-top: 1px solid var(--color-border);
3274
+ }
3275
+ .cn-sidebar-tab__action--row[data-v-11e9a01a] {
3276
+ display: flex;
3277
+ gap: 8px;
3278
+ align-items: flex-end;
3279
+ margin-bottom: 8px;
3280
+ }
3281
+ .cn-sidebar-tab__grid[data-v-11e9a01a] {
3282
+ display: grid;
3283
+ grid-template-columns: 1fr 1fr;
3284
+ gap: 8px;
3285
+ }
3286
+ .cn-sidebar-tab__grid > *[data-v-11e9a01a] {
3287
+ min-width: 0;
3288
+ }
3289
+ .cn-sidebar-tab__empty[data-v-11e9a01a] {
3290
+ text-align: center;
3291
+ padding: 24px 12px;
3292
+ color: var(--color-text-maxcontrast);
3293
+ font-size: 13px;
3294
+ }
3295
+ .cn-sidebar-tab__list[data-v-11e9a01a] {
3296
+ display: flex;
3297
+ flex-direction: column;
3298
+ gap: 2px;
3299
+ }
3300
+ .cn-sidebar-tab__load-more[data-v-11e9a01a] { margin-top: 8px;
3301
+ }
3302
+ .cn-sidebar-tab__task-checkbox[data-v-11e9a01a] {
3303
+ display: flex;
3304
+ align-items: center;
3305
+ justify-content: center;
3306
+ background: none;
3307
+ border: none;
3308
+ padding: 0;
3309
+ cursor: pointer;
3310
+ color: inherit;
3311
+ }
3312
+ .cn-sidebar-tab__task-done[data-v-11e9a01a] { color: var(--color-success);
3313
+ }
3314
+ .cn-sidebar-tab__task-overdue-icon[data-v-11e9a01a] { color: var(--color-error, #e53935);
3315
+ }
3316
+ .cn-sidebar-tab__task-overdue-date[data-v-11e9a01a] { color: var(--color-error, #e53935); font-weight: 500;
3317
+ }
3318
+
3319
+
3320
+ .cn-sidebar-tab[data-v-63d784fe] { padding: 12px;
3321
+ }
3322
+ .cn-sidebar-tab__empty[data-v-63d784fe] {
3323
+ text-align: center;
3324
+ padding: 24px 12px;
3325
+ color: var(--color-text-maxcontrast);
3326
+ font-size: 13px;
3327
+ }
3328
+ .cn-sidebar-tab__list[data-v-63d784fe] { display: flex; flex-direction: column; gap: 2px;
3329
+ }
3330
+ .cn-audit-filters[data-v-63d784fe] {
3331
+ display: grid;
3332
+ grid-template-columns: 1fr 1fr;
3333
+ gap: 8px;
3334
+ margin-bottom: 12px;
3335
+ }
3336
+ .cn-audit-filters__select[data-v-63d784fe] { min-width: 0;
3337
+ }
3338
+ .cn-audit-filters__date[data-v-63d784fe] { min-width: 0;
3339
+ }
3340
+ .cn-sidebar-tab__load-more[data-v-63d784fe] { margin-top: 8px;
3341
+ }
3342
+ .cn-audit-entry[data-v-63d784fe] { cursor: pointer;
3343
+ }
3344
+ .cn-audit-details[data-v-63d784fe] {
3345
+ padding: 8px 12px 12px 52px;
3346
+ font-size: 12px;
3347
+ border-bottom: 1px solid var(--color-border);
3348
+ animation: cn-slide-down-data-v-63d784fe 0.15s ease;
3349
+ }
3350
+ @keyframes cn-slide-down-data-v-63d784fe {
3351
+ from { opacity: 0; max-height: 0;
3352
+ }
3353
+ to { opacity: 1; max-height: 600px;
3354
+ }
3355
+ }
3356
+ .cn-audit-details__row[data-v-63d784fe] {
3357
+ display: flex;
3358
+ gap: 8px;
3359
+ padding: 2px 0;
3360
+ }
3361
+ .cn-audit-details__label[data-v-63d784fe] {
3362
+ color: var(--color-text-maxcontrast);
3363
+ min-width: 56px;
3364
+ font-weight: 500;
3365
+ }
3366
+ .cn-audit-details__mono[data-v-63d784fe] {
3367
+ font-family: monospace;
3368
+ font-size: 11px;
3369
+ word-break: break-all;
3370
+ }
3371
+ .cn-audit-details__changes[data-v-63d784fe] {
3372
+ margin-top: 8px;
3373
+ padding-top: 8px;
3374
+ border-top: 1px solid var(--color-border);
3375
+ }
3376
+ .cn-audit-details__change[data-v-63d784fe] {
3377
+ padding: 4px 0 4px 8px;
3378
+ border-left: 2px solid var(--color-border);
3379
+ margin: 4px 0;
3380
+ }
3381
+ .cn-audit-details__field[data-v-63d784fe] {
3382
+ font-weight: 500;
3383
+ display: block;
3384
+ margin-bottom: 2px;
3385
+ }
3386
+ .cn-audit-details__values[data-v-63d784fe] {
3387
+ display: flex;
3388
+ gap: 6px;
3389
+ align-items: baseline;
3390
+ flex-wrap: wrap;
3391
+ }
3392
+ .cn-audit-details__old[data-v-63d784fe] {
3393
+ color: var(--color-error, #e53935);
3394
+ text-decoration: line-through;
3395
+ }
3396
+ .cn-audit-details__arrow[data-v-63d784fe] {
3397
+ color: var(--color-text-maxcontrast);
3398
+ }
3399
+ .cn-audit-details__new[data-v-63d784fe] {
3400
+ color: var(--color-success, #43a047);
3401
+ }
3402
+ .cn-audit-details__null[data-v-63d784fe] {
3403
+ color: var(--color-text-maxcontrast);
3404
+ font-style: italic;
3405
+ }
3406
+
3407
+
3408
+ .cn-info-widget[data-v-fbcf1704] {
3409
+ display: grid;
3410
+ gap: 12px 24px;
3411
+ }
3412
+ .cn-info-widget__field[data-v-fbcf1704] {
3413
+ display: flex;
3414
+ flex-direction: column;
3415
+ gap: 2px;
3416
+ }
3417
+ .cn-info-widget__label[data-v-fbcf1704] {
3418
+ font-size: 12px;
3419
+ font-weight: 600;
3420
+ color: var(--color-text-maxcontrast);
3421
+ text-transform: uppercase;
3422
+ letter-spacing: 0.5px;
3423
+ margin: 0;
3424
+ }
3425
+ .cn-info-widget__value[data-v-fbcf1704] {
3426
+ font-size: 14px;
3427
+ color: var(--color-main-text);
3428
+ margin: 0;
3429
+ word-break: break-word;
3430
+ }
3431
+
3432
+ /* Responsive: single column on small screens */
3433
+ @media (max-width: 600px) {
3434
+ .cn-info-widget[data-v-fbcf1704] {
3435
+ grid-template-columns: 1fr !important;
3436
+ }
3437
+ }
3438
+
3439
+
3440
+ .cn-table-widget[data-v-546a3e18] {
3441
+ background: var(--color-main-background);
3442
+ border: 1px solid var(--color-border);
3443
+ border-radius: var(--border-radius-large, 16px);
3444
+ overflow: hidden;
3445
+ }
3446
+ .cn-table-widget__header[data-v-546a3e18] {
3447
+ display: flex;
3448
+ align-items: center;
3449
+ justify-content: space-between;
3450
+ padding: 12px 16px;
3451
+ border-bottom: 1px solid var(--color-border);
3452
+ }
3453
+ .cn-table-widget__title[data-v-546a3e18] {
3454
+ margin: 0;
3455
+ font-size: 14px;
3456
+ font-weight: 600;
3457
+ }
3458
+ .cn-table-widget__count[data-v-546a3e18] {
3459
+ font-size: 12px;
3460
+ color: var(--color-text-maxcontrast);
3461
+ background: var(--color-background-dark);
3462
+ padding: 2px 8px;
3463
+ border-radius: 10px;
3464
+ }
3465
+ .cn-table-widget__loading[data-v-546a3e18] {
3466
+ padding: 32px 0;
3467
+ display: flex;
3468
+ justify-content: center;
3469
+ }
3470
+ .cn-table-widget__empty[data-v-546a3e18] {
3471
+ padding: 24px 16px;
3472
+ text-align: center;
3473
+ color: var(--color-text-maxcontrast);
3474
+ font-size: 14px;
3475
+ margin: 0;
3476
+ }
3477
+ .cn-table-widget__footer[data-v-546a3e18] {
3478
+ padding: 8px 16px;
3479
+ border-top: 1px solid var(--color-border);
3480
+ text-align: center;
3481
+ }
3482
+ .cn-table-widget__view-all[data-v-546a3e18] {
3483
+ font-size: 13px;
3484
+ color: var(--color-primary-element);
3485
+ cursor: pointer;
3486
+ text-decoration: none;
3487
+ }
3488
+ .cn-table-widget__view-all[data-v-546a3e18]:hover {
3489
+ text-decoration: underline;
3490
+ }