@conduction/nextcloud-vue 2.137.0 → 2.138.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  2. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +6 -4
  3. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  4. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  5. package/dist/esm/components/CnDetailCard/CnDetailCard.vue.js +1 -1
  6. package/dist/esm/components/CnDetailCard/CnDetailCard.vue2.js +6 -0
  7. package/dist/esm/components/CnDetailCard/CnDetailCard.vue2.js.map +1 -1
  8. package/dist/esm/components/CnDetailCard/CnDetailCard.vue3.js +24 -7
  9. package/dist/esm/components/CnDetailCard/CnDetailCard.vue3.js.map +1 -1
  10. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  11. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js +2 -0
  12. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  13. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  14. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  15. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +43 -1
  16. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  17. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  18. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +34 -2
  19. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  20. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +23 -15
  21. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  22. package/dist/esm/components/CnMailTab/dashboardRegistration.js +4 -0
  23. package/dist/esm/components/CnMailTab/dashboardRegistration.js.map +1 -1
  24. package/dist/esm/components/CnNotificationMatrix/CnNotificationMatrix.vue.js +1 -1
  25. package/dist/esm/components/CnNotificationMatrix/CnNotificationMatrix.vue2.js.map +1 -1
  26. package/dist/esm/components/CnNotificationMatrix/CnNotificationMatrix.vue3.js.map +1 -1
  27. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue.js +1 -1
  28. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js +2 -0
  29. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js.map +1 -1
  30. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js +2 -1
  31. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js.map +1 -1
  32. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue.js +1 -1
  33. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js +6 -0
  34. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js.map +1 -1
  35. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js +3 -3
  36. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js.map +1 -1
  37. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  38. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +16 -0
  39. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  40. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +11 -5
  41. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  42. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue.js +1 -1
  43. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue2.js.map +1 -1
  44. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue3.js +1 -0
  45. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue3.js.map +1 -1
  46. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue.js +1 -1
  47. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue2.js.map +1 -1
  48. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue3.js.map +1 -1
  49. package/dist/esm/composables/indexSources.js +36 -9
  50. package/dist/esm/composables/indexSources.js.map +1 -1
  51. package/dist/esm/l10n/en.json.js +10 -1
  52. package/dist/esm/l10n/en.json.js.map +1 -1
  53. package/dist/esm/l10n/nl.json.js +10 -1
  54. package/dist/esm/l10n/nl.json.js.map +1 -1
  55. package/dist/esm/library-style.js +1 -1
  56. package/dist/esm/nextcloud-vue.css +431 -360
  57. package/dist/esm/utils/resolveFilterTokens.js +9 -0
  58. package/dist/esm/utils/resolveFilterTokens.js.map +1 -1
  59. package/dist/esm/utils/sentinelTokens.js +1 -1
  60. package/dist/esm/utils/sentinelTokens.js.map +1 -1
  61. package/dist/nextcloud-vue.cjs.js +418 -221
  62. package/dist/nextcloud-vue.cjs.js.map +2 -2
  63. package/dist/nextcloud-vue.css +431 -360
  64. package/l10n/en.json +10 -1
  65. package/l10n/nl.json +10 -1
  66. package/package.json +1 -1
  67. package/src/components/CnCellRenderer/CnCellRenderer.vue +6 -4
  68. package/src/components/CnDetailCard/CnDetailCard.md +1 -0
  69. package/src/components/CnDetailCard/CnDetailCard.vue +25 -1
  70. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +2 -0
  71. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +43 -1
  72. package/src/components/CnIndexPage/CnIndexPage.vue +34 -1
  73. package/src/components/CnMailTab/dashboardRegistration.js +4 -0
  74. package/src/components/CnNotificationMatrix/CnNotificationMatrix.vue +4 -0
  75. package/src/components/CnObjectSidebar/CnFilesTab.vue +3 -0
  76. package/src/components/CnOrderedListField/CnOrderedListField.vue +11 -1
  77. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +22 -3
  78. package/src/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue +1 -0
  79. package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue +3 -0
  80. package/src/composables/indexSources.js +36 -9
  81. package/src/css/dialog.css +8 -0
  82. package/src/css/index-page.css +5 -0
  83. package/src/css/look-board-detail.css +12 -0
  84. package/src/css/look-board.css +26 -0
  85. package/src/utils/resolveFilterTokens.js +9 -0
  86. package/src/utils/sentinelTokens.js +1 -1
@@ -2402,6 +2402,32 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2402
2402
  font-weight: 600;
2403
2403
  }
2404
2404
 
2405
+ /* A row whose one action is outlined (`rowAction.variant: "outlined"`,
2406
+ DqMijnTeam "Oppakken"): its title link reads as the row's title in the main
2407
+ ink (the theme's link rule reads --nldesign-color-on-surface), and the
2408
+ action is an outlined button sized to its label. Without the variant the
2409
+ action keeps its 150px pill (DcMijnActies).
2410
+ @spec openspec/changes/board-row-action-outlined/specs/board-row-action-outlined/spec.md#requirement-a-dashboard-rows-action-is-an-outlined-button */
2411
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__row--action:has(.cn-record-list__action--outlined) .cn-record-list__title--link {
2412
+ --nldesign-color-on-surface: var(--color-main-text);
2413
+ color: var(--color-main-text);
2414
+ }
2415
+
2416
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined {
2417
+ --nldesign-color-on-surface: var(--color-main-text);
2418
+ flex: none;
2419
+ padding: 0 12px;
2420
+ border: 1px solid var(--cn-board-control-border);
2421
+ border-radius: 8px;
2422
+ background: var(--color-main-background);
2423
+ color: var(--color-main-text);
2424
+ }
2425
+
2426
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:hover,
2427
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__action--outlined:focus-visible {
2428
+ background: var(--color-background-hover);
2429
+ }
2430
+
2405
2431
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__meta {
2406
2432
  color: var(--color-text-maxcontrast);
2407
2433
  font-size: 13px;
@@ -3330,6 +3356,14 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3330
3356
  padding: 22px 24px 20px;
3331
3357
  }
3332
3358
 
3359
+ /* NcDialog's scoped `.dialog__content[data-v-…]` sets padding-inline-end
3360
+ 12px with the same specificity as the rule above, so wherever its chunk
3361
+ loads later (an admin page's setup wizard) the body ran 12px wider than
3362
+ the board (DqInstellen 684 for 672). This one outranks it. */
3363
+ .cn-dialog-board .dialog .dialog__content {
3364
+ padding-inline-end: 24px;
3365
+ }
3366
+
3333
3367
  .cn-dialog-board .dialog__content > .cn-dialog-header {
3334
3368
  margin-bottom: -2px;
3335
3369
  }
@@ -9251,6 +9285,11 @@ a.cn-kpi-card--board * {
9251
9285
  font-size: 14px;
9252
9286
  }
9253
9287
 
9288
+ .cn-index-page__map-missing-note {
9289
+ color: var(--color-main-text);
9290
+ line-height: 1.45;
9291
+ }
9292
+
9254
9293
  /* The selected folder's heading above the list. */
9255
9294
  /* A sort option whose endpoint failed: the note above the fallen-back list. */
9256
9295
  .cn-index-page__sort-source-note {
@@ -11993,6 +12032,18 @@ li[data-cn-admin-tag] > .action-link::after {
11993
12032
  line-height: normal;
11994
12033
  }
11995
12034
 
12035
+ /* A long task name wraps under itself, as the board draws it, rather than
12036
+ widening the table past the card. */
12037
+ .cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table :is(.cn-tasks-widget__name, .cn-tasks-widget__meta) {
12038
+ white-space: normal;
12039
+ }
12040
+
12041
+ /* A row's button and its task menu stand on one line. */
12042
+ .cn-look-board .cn-detail-page .cn-widget-wrapper__content > .cn-tasks-widget .cn-tasks-widget__table .cn-tasks-widget__cell-actions > * {
12043
+ display: inline-flex;
12044
+ vertical-align: middle;
12045
+ }
12046
+
11996
12047
  /* ---- An object list table edge to edge (`content.tableBleed`) ------------ */
11997
12048
  /* The case-tab boards draw a list's table edge to edge in its card
11998
12049
  (DqZaakContact "Contactmomenten op deze zaak", DqZaakGerelateerd): it runs
@@ -17331,64 +17382,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
17331
17382
  }
17332
17383
 
17333
17384
 
17334
- .cn-cell-renderer__actions[data-v-178f1a90] {
17385
+ .cn-cell-renderer__actions[data-v-5e132788] {
17335
17386
  display: inline-flex;
17336
17387
  flex-wrap: wrap;
17337
17388
  gap: 8px;
17338
17389
  }
17339
- .cn-cell-renderer__icon-label[data-v-178f1a90] {
17390
+ .cn-cell-renderer__icon-label[data-v-5e132788] {
17340
17391
  display: inline-flex;
17341
17392
  align-items: center;
17342
17393
  gap: 6px;
17343
17394
  font-weight: 600;
17344
17395
  }
17345
- .cn-cell-renderer__switch[data-v-178f1a90] {
17396
+ .cn-cell-renderer__switch[data-v-5e132788] {
17346
17397
  display: inline-flex;
17347
17398
  }
17348
- .cn-cell-renderer__mono[data-v-178f1a90] {
17399
+ .cn-cell-renderer__mono[data-v-5e132788] {
17349
17400
  font-family: monospace;
17350
17401
  font-size: 13px;
17351
17402
  color: var(--color-text-maxcontrast);
17352
17403
  }
17353
- .cn-cell-renderer--uuid[data-v-178f1a90] {
17404
+ .cn-cell-renderer--uuid[data-v-5e132788] {
17354
17405
  font-family: monospace;
17355
17406
  font-size: 13px;
17356
17407
  color: var(--color-text-maxcontrast);
17357
17408
  }
17358
- .cn-cell-renderer--number[data-v-178f1a90] {
17409
+ .cn-cell-renderer--number[data-v-5e132788] {
17359
17410
  font-variant-numeric: tabular-nums;
17360
17411
  }
17361
- .cn-cell-renderer--date[data-v-178f1a90] {
17412
+ .cn-cell-renderer--date[data-v-5e132788] {
17362
17413
  white-space: nowrap;
17363
17414
  }
17364
- .cn-cell-renderer__date-state[data-v-178f1a90] {
17415
+ .cn-cell-renderer__date-state[data-v-5e132788] {
17365
17416
  margin-inline-start: 8px;
17366
17417
  color: var(--color-success-text, var(--color-main-text));
17367
17418
  }
17368
- .cn-cell-renderer__date-state--past[data-v-178f1a90] {
17419
+ .cn-cell-renderer__date-state--past[data-v-5e132788] {
17369
17420
  color: var(--color-text-maxcontrast);
17370
17421
  }
17371
- .cn-cell-renderer__dash[data-v-178f1a90] {
17422
+ .cn-cell-renderer__dash[data-v-5e132788] {
17372
17423
  color: var(--color-text-maxcontrast);
17373
17424
  }
17374
- .cn-cell-renderer__avatar[data-v-178f1a90] {
17425
+ .cn-cell-renderer__avatar[data-v-5e132788] {
17375
17426
  display: inline-flex;
17376
17427
  align-items: center;
17377
17428
  gap: 8px;
17378
17429
  max-width: 100%;
17379
17430
  vertical-align: middle;
17380
17431
  }
17381
- .cn-cell-renderer__avatar-picture[data-v-178f1a90] {
17432
+ .cn-cell-renderer__avatar-picture[data-v-5e132788] {
17382
17433
  display: inline-flex;
17383
17434
  flex: none;
17384
17435
  }
17385
- .cn-cell-renderer__date-block[data-v-178f1a90] {
17436
+ .cn-cell-renderer__date-block[data-v-5e132788] {
17386
17437
  display: inline-flex;
17387
17438
  align-items: center;
17388
17439
  gap: 12px;
17389
17440
  white-space: nowrap;
17390
17441
  }
17391
- .cn-cell-renderer__date-tile[data-v-178f1a90] {
17442
+ .cn-cell-renderer__date-tile[data-v-5e132788] {
17392
17443
  display: flex;
17393
17444
  flex: 0 0 46px;
17394
17445
  flex-direction: column;
@@ -17398,26 +17449,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
17398
17449
  border-radius: 8px;
17399
17450
  background-color: var(--color-background-dark);
17400
17451
  }
17401
- .cn-cell-renderer__date-day[data-v-178f1a90] {
17452
+ .cn-cell-renderer__date-day[data-v-5e132788] {
17402
17453
  font-size: 17px;
17403
17454
  line-height: 1;
17404
17455
  }
17405
- .cn-cell-renderer__date-month[data-v-178f1a90],
17406
- .cn-cell-renderer__date-time[data-v-178f1a90] {
17456
+ .cn-cell-renderer__date-month[data-v-5e132788],
17457
+ .cn-cell-renderer__date-time[data-v-5e132788] {
17407
17458
  color: var(--color-text-maxcontrast);
17408
17459
  }
17409
- .cn-cell-renderer__date-month[data-v-178f1a90] {
17460
+ .cn-cell-renderer__date-month[data-v-5e132788] {
17410
17461
  font-size: 12px;
17411
17462
  }
17412
- .cn-cell-renderer__date-lines[data-v-178f1a90] {
17463
+ .cn-cell-renderer__date-lines[data-v-5e132788] {
17413
17464
  display: flex;
17414
17465
  flex-direction: column;
17415
17466
  gap: 2px;
17416
17467
  }
17417
- .cn-cell-renderer__date-weekday[data-v-178f1a90] {
17468
+ .cn-cell-renderer__date-weekday[data-v-5e132788] {
17418
17469
  font-weight: 600;
17419
17470
  }
17420
- .cn-cell-renderer__avatar-initials[data-v-178f1a90] {
17471
+ .cn-cell-renderer__avatar-initials[data-v-5e132788] {
17421
17472
  display: inline-flex;
17422
17473
  flex: none;
17423
17474
  align-items: center;
@@ -17429,12 +17480,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
17429
17480
  font-weight: 700;
17430
17481
  line-height: 1;
17431
17482
  }
17432
- .cn-cell-renderer__avatar-text[data-v-178f1a90] {
17483
+ .cn-cell-renderer__avatar-text[data-v-5e132788] {
17433
17484
  display: flex;
17434
17485
  flex-direction: column;
17435
17486
  min-width: 0;
17436
17487
  }
17437
- .cn-cell-renderer__avatar-name[data-v-178f1a90] {
17488
+ .cn-cell-renderer__avatar-name[data-v-5e132788] {
17438
17489
  min-width: 0;
17439
17490
  overflow: hidden;
17440
17491
  text-overflow: ellipsis;
@@ -17444,7 +17495,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
17444
17495
  font: inherit;
17445
17496
  color: inherit;
17446
17497
  }
17447
- .cn-cell-renderer__avatar-secondary[data-v-178f1a90] {
17498
+ .cn-cell-renderer__avatar-secondary[data-v-5e132788] {
17448
17499
  min-width: 0;
17449
17500
  overflow: hidden;
17450
17501
  color: var(--color-text-maxcontrast);
@@ -17458,34 +17509,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
17458
17509
 
17459
17510
  /* A date that matched a rule is also set in a heavier weight, so the signal
17460
17511
  does not rest on colour alone. */
17461
- .cn-cell-renderer__date--success[data-v-178f1a90],
17462
- .cn-cell-renderer__date--warning[data-v-178f1a90],
17463
- .cn-cell-renderer__date--error[data-v-178f1a90],
17464
- .cn-cell-renderer__age--success[data-v-178f1a90],
17465
- .cn-cell-renderer__age--warning[data-v-178f1a90],
17466
- .cn-cell-renderer__age--error[data-v-178f1a90] {
17512
+ .cn-cell-renderer__date--success[data-v-5e132788],
17513
+ .cn-cell-renderer__date--warning[data-v-5e132788],
17514
+ .cn-cell-renderer__date--error[data-v-5e132788],
17515
+ .cn-cell-renderer__age--success[data-v-5e132788],
17516
+ .cn-cell-renderer__age--warning[data-v-5e132788],
17517
+ .cn-cell-renderer__age--error[data-v-5e132788] {
17467
17518
  font-weight: 600;
17468
17519
  }
17469
- .cn-cell-renderer__age[data-v-178f1a90] {
17520
+ .cn-cell-renderer__age[data-v-5e132788] {
17470
17521
  white-space: nowrap;
17471
17522
  }
17472
17523
 
17473
17524
  /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
17474
17525
  8px beside it in the bar's tone, and an optional age badge after them, as
17475
17526
  PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
17476
- .cn-cell-renderer__progress[data-v-178f1a90] {
17527
+ .cn-cell-renderer__progress[data-v-5e132788] {
17477
17528
  display: inline-flex;
17478
17529
  flex-wrap: wrap;
17479
17530
  align-items: center;
17480
17531
  gap: 4px 8px;
17481
17532
  }
17482
- .cn-cell-renderer__progress-line[data-v-178f1a90] {
17533
+ .cn-cell-renderer__progress-line[data-v-5e132788] {
17483
17534
  display: inline-flex;
17484
17535
  align-items: center;
17485
17536
  gap: 8px;
17486
17537
  white-space: nowrap;
17487
17538
  }
17488
- .cn-cell-renderer__progress-bar[data-v-178f1a90] {
17539
+ .cn-cell-renderer__progress-bar[data-v-5e132788] {
17489
17540
  display: inline-block;
17490
17541
  width: 56px;
17491
17542
  height: 8px;
@@ -17493,33 +17544,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
17493
17544
  background: var(--color-background-dark);
17494
17545
  overflow: hidden;
17495
17546
  }
17496
- .cn-cell-renderer__progress-fill[data-v-178f1a90] {
17547
+ .cn-cell-renderer__progress-fill[data-v-5e132788] {
17497
17548
  display: block;
17498
17549
  height: 100%;
17499
17550
  }
17500
- .cn-cell-renderer__progress-fill--success[data-v-178f1a90] {
17551
+ .cn-cell-renderer__progress-fill--success[data-v-5e132788] {
17501
17552
  background: var(--color-element-success, var(--color-success));
17502
17553
  }
17503
- .cn-cell-renderer__progress-fill--warning[data-v-178f1a90] {
17554
+ .cn-cell-renderer__progress-fill--warning[data-v-5e132788] {
17504
17555
  background: var(--color-element-warning, var(--color-warning));
17505
17556
  }
17506
- .cn-cell-renderer__progress-fill--error[data-v-178f1a90] {
17557
+ .cn-cell-renderer__progress-fill--error[data-v-5e132788] {
17507
17558
  background: var(--color-element-error, var(--color-error));
17508
17559
  }
17509
- .cn-cell-renderer__progress-value[data-v-178f1a90] {
17560
+ .cn-cell-renderer__progress-value[data-v-5e132788] {
17510
17561
  font-size: 14px;
17511
17562
  font-weight: 700;
17512
17563
  }
17513
- .cn-cell-renderer__progress-value--success[data-v-178f1a90] {
17564
+ .cn-cell-renderer__progress-value--success[data-v-5e132788] {
17514
17565
  color: var(--color-text-success, var(--color-success-text));
17515
17566
  }
17516
- .cn-cell-renderer__progress-value--warning[data-v-178f1a90] {
17567
+ .cn-cell-renderer__progress-value--warning[data-v-5e132788] {
17517
17568
  color: var(--color-text-warning, var(--color-warning-text));
17518
17569
  }
17519
- .cn-cell-renderer__progress-value--error[data-v-178f1a90] {
17570
+ .cn-cell-renderer__progress-value--error[data-v-5e132788] {
17520
17571
  color: var(--color-text-error, var(--color-error-text));
17521
17572
  }
17522
- .cn-cell-renderer__progress-badge[data-v-178f1a90] {
17573
+ .cn-cell-renderer__progress-badge[data-v-5e132788] {
17523
17574
  display: inline-block;
17524
17575
  padding: 3px 10px;
17525
17576
  border-radius: 12px;
@@ -17527,86 +17578,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
17527
17578
  font-weight: 600;
17528
17579
  white-space: nowrap;
17529
17580
  }
17530
- .cn-cell-renderer__progress-badge--error[data-v-178f1a90] {
17581
+ .cn-cell-renderer__progress-badge--error[data-v-5e132788] {
17531
17582
  color: var(--color-text-error, var(--color-error-text));
17532
17583
  background: var(--color-error-hover, var(--color-background-dark));
17533
17584
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
17534
17585
  }
17535
- .cn-cell-renderer__progress-badge--warning[data-v-178f1a90] {
17586
+ .cn-cell-renderer__progress-badge--warning[data-v-5e132788] {
17536
17587
  color: var(--color-text-warning, var(--color-warning-text));
17537
17588
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
17538
17589
  }
17539
- .cn-cell-renderer__progress-badge--success[data-v-178f1a90] {
17590
+ .cn-cell-renderer__progress-badge--success[data-v-5e132788] {
17540
17591
  color: var(--color-text-success, var(--color-success-text));
17541
17592
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
17542
17593
  }
17543
- .cn-cell-renderer__age--success[data-v-178f1a90] {
17594
+ .cn-cell-renderer__age--success[data-v-5e132788] {
17544
17595
  color: var(--color-text-success, var(--color-success-text));
17545
17596
  }
17546
- .cn-cell-renderer__age--warning[data-v-178f1a90] {
17597
+ .cn-cell-renderer__age--warning[data-v-5e132788] {
17547
17598
  color: var(--color-text-warning, var(--color-warning-text));
17548
17599
  }
17549
- .cn-cell-renderer__age--error[data-v-178f1a90] {
17600
+ .cn-cell-renderer__age--error[data-v-5e132788] {
17550
17601
  color: var(--color-text-error, var(--color-error-text));
17551
17602
  }
17552
- .cn-cell-renderer__due--empty[data-v-178f1a90] {
17603
+ .cn-cell-renderer__due--empty[data-v-5e132788] {
17553
17604
  color: var(--color-text-maxcontrast);
17554
17605
  }
17555
17606
 
17556
17607
  /* A withheld value: the lock and the word in the muted text colour. */
17557
- .cn-cell-renderer__withheld[data-v-178f1a90] {
17608
+ .cn-cell-renderer__withheld[data-v-5e132788] {
17558
17609
  display: inline-flex;
17559
17610
  gap: 4px;
17560
17611
  align-items: center;
17561
17612
  color: var(--color-text-maxcontrast);
17562
17613
  }
17563
- .cn-cell-renderer__withheld-icon[data-v-178f1a90] {
17614
+ .cn-cell-renderer__withheld-icon[data-v-5e132788] {
17564
17615
  flex: 0 0 auto;
17565
17616
  }
17566
- .cn-cell-renderer__withheld-text[data-v-178f1a90] {
17617
+ .cn-cell-renderer__withheld-text[data-v-5e132788] {
17567
17618
  font-style: italic;
17568
17619
  }
17569
17620
 
17570
17621
  /* A number cell: the flagged number reads in its variant's text colour, with
17571
17622
  the chip saying why (never colour alone). */
17572
- .cn-cell-renderer__number[data-v-178f1a90] {
17623
+ .cn-cell-renderer__number[data-v-5e132788] {
17573
17624
  display: inline-flex;
17574
17625
  gap: 4px;
17575
17626
  align-items: center;
17576
17627
  white-space: nowrap;
17577
17628
  }
17578
- .cn-cell-renderer__number--warning[data-v-178f1a90] {
17629
+ .cn-cell-renderer__number--warning[data-v-5e132788] {
17579
17630
  color: var(--color-text-warning, var(--color-warning-text));
17580
17631
  font-weight: 600;
17581
17632
  }
17582
- .cn-cell-renderer__number--error[data-v-178f1a90] {
17633
+ .cn-cell-renderer__number--error[data-v-5e132788] {
17583
17634
  color: var(--color-text-error, var(--color-error-text));
17584
17635
  font-weight: 600;
17585
17636
  }
17586
- .cn-cell-renderer__date--success[data-v-178f1a90] {
17637
+ .cn-cell-renderer__date--success[data-v-5e132788] {
17587
17638
  color: var(--color-text-success, var(--color-success-text));
17588
17639
  }
17589
- .cn-cell-renderer__date--warning[data-v-178f1a90] {
17640
+ .cn-cell-renderer__date--warning[data-v-5e132788] {
17590
17641
  color: var(--color-text-warning, var(--color-warning-text));
17591
17642
  }
17592
- .cn-cell-renderer__date--error[data-v-178f1a90] {
17643
+ .cn-cell-renderer__date--error[data-v-5e132788] {
17593
17644
  color: var(--color-text-error, var(--color-error-text));
17594
17645
  }
17595
- .cn-cell-renderer__date--muted[data-v-178f1a90] {
17646
+ .cn-cell-renderer__date--muted[data-v-5e132788] {
17596
17647
  color: var(--color-text-maxcontrast);
17597
17648
  }
17598
17649
 
17599
17650
  /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
17600
17651
  background colour and too pale for a 16px glyph on a light theme. */
17601
- .cn-cell-renderer__icon--success[data-v-178f1a90] {
17652
+ .cn-cell-renderer__icon--success[data-v-5e132788] {
17602
17653
  color: var(--color-text-success, var(--color-success-text, var(--color-success)));
17603
17654
  }
17604
- .cn-cell-renderer__swatch-wrap[data-v-178f1a90] {
17655
+ .cn-cell-renderer__swatch-wrap[data-v-5e132788] {
17605
17656
  display: inline-flex;
17606
17657
  align-items: center;
17607
17658
  gap: 8px;
17608
17659
  }
17609
- .cn-cell-renderer__swatch-dot[data-v-178f1a90] {
17660
+ .cn-cell-renderer__swatch-dot[data-v-5e132788] {
17610
17661
  display: inline-block;
17611
17662
  width: 12px;
17612
17663
  height: 12px;
@@ -19149,20 +19200,20 @@ svg.leaflet-image-layer.leaflet-interactive path {
19149
19200
 
19150
19201
 
19151
19202
  /* Chromeless: the surface around it already draws the card and names it. */
19152
- .cn-detail-card--chromeless[data-v-01384e36] {
19203
+ .cn-detail-card--chromeless[data-v-26edbe9e] {
19153
19204
  background: none;
19154
19205
  border: none;
19155
19206
  border-radius: 0;
19156
19207
  box-shadow: none;
19157
19208
  padding: 0;
19158
19209
  }
19159
- .cn-detail-card[data-v-01384e36] {
19210
+ .cn-detail-card[data-v-26edbe9e] {
19160
19211
  background: var(--color-main-background);
19161
19212
  border: 1px solid var(--color-border);
19162
19213
  border-radius: var(--border-radius-large, 12px);
19163
19214
  overflow: hidden;
19164
19215
  }
19165
- .cn-detail-card__header[data-v-01384e36] {
19216
+ .cn-detail-card__header[data-v-26edbe9e] {
19166
19217
  display: flex;
19167
19218
  align-items: center;
19168
19219
  justify-content: space-between;
@@ -19170,33 +19221,43 @@ svg.leaflet-image-layer.leaflet-interactive path {
19170
19221
  border-bottom: 1px solid var(--color-border);
19171
19222
  flex-shrink: 0;
19172
19223
  }
19173
- .cn-detail-card__header--clickable[data-v-01384e36] {
19224
+ .cn-detail-card__header--clickable[data-v-26edbe9e] {
19174
19225
  cursor: pointer;
19175
19226
  user-select: none;
19176
19227
  }
19177
- .cn-detail-card__header--clickable[data-v-01384e36]:hover {
19228
+ .cn-detail-card__header--clickable[data-v-26edbe9e]:hover {
19178
19229
  background: var(--color-background-hover);
19179
19230
  }
19180
- .cn-detail-card--collapsed .cn-detail-card__header[data-v-01384e36] {
19231
+ .cn-detail-card--collapsed .cn-detail-card__header[data-v-26edbe9e] {
19181
19232
  border-bottom: none;
19182
19233
  }
19183
- .cn-detail-card__header-left[data-v-01384e36] {
19234
+ .cn-detail-card__header-left[data-v-26edbe9e] {
19184
19235
  display: flex;
19185
19236
  align-items: center;
19186
19237
  gap: 8px;
19187
19238
  min-width: 0;
19188
19239
  }
19189
- .cn-detail-card__header-right[data-v-01384e36] {
19240
+ .cn-detail-card__header-right[data-v-26edbe9e] {
19190
19241
  display: flex;
19191
19242
  align-items: center;
19192
19243
  gap: 4px;
19193
19244
  flex-shrink: 0;
19194
19245
  }
19195
- .cn-detail-card__icon[data-v-01384e36] {
19246
+ .cn-detail-card__icon[data-v-26edbe9e] {
19196
19247
  color: var(--color-primary-element);
19197
19248
  flex-shrink: 0;
19198
19249
  }
19199
- .cn-detail-card__title[data-v-01384e36] {
19250
+ .cn-detail-card__heading[data-v-26edbe9e] {
19251
+ display: flex;
19252
+ flex-direction: column;
19253
+ min-width: 0;
19254
+ }
19255
+ .cn-detail-card__subtitle[data-v-26edbe9e] {
19256
+ font-size: 13px;
19257
+ line-height: 1.3;
19258
+ color: var(--color-text-maxcontrast);
19259
+ }
19260
+ .cn-detail-card__title[data-v-26edbe9e] {
19200
19261
  font-weight: 600;
19201
19262
  font-size: 14px;
19202
19263
  margin: 0;
@@ -19204,7 +19265,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
19204
19265
  overflow: hidden;
19205
19266
  text-overflow: ellipsis;
19206
19267
  }
19207
- .cn-detail-card__collapse-btn[data-v-01384e36] {
19268
+ .cn-detail-card__collapse-btn[data-v-26edbe9e] {
19208
19269
  display: flex;
19209
19270
  align-items: center;
19210
19271
  justify-content: center;
@@ -19215,20 +19276,20 @@ svg.leaflet-image-layer.leaflet-interactive path {
19215
19276
  color: var(--color-text-maxcontrast);
19216
19277
  border-radius: var(--border-radius);
19217
19278
  }
19218
- .cn-detail-card__collapse-btn[data-v-01384e36]:hover {
19279
+ .cn-detail-card__collapse-btn[data-v-26edbe9e]:hover {
19219
19280
  background: var(--color-background-dark);
19220
19281
  }
19221
- .cn-detail-card__chevron--rotated[data-v-01384e36] {
19282
+ .cn-detail-card__chevron--rotated[data-v-26edbe9e] {
19222
19283
  transform: rotate(-90deg);
19223
19284
  transition: transform 0.2s ease;
19224
19285
  }
19225
- .cn-detail-card__content[data-v-01384e36] {
19286
+ .cn-detail-card__content[data-v-26edbe9e] {
19226
19287
  padding: 16px;
19227
19288
  }
19228
- .cn-detail-card__content--flush[data-v-01384e36] {
19289
+ .cn-detail-card__content--flush[data-v-26edbe9e] {
19229
19290
  padding: 0;
19230
19291
  }
19231
- .cn-detail-card__footer[data-v-01384e36] {
19292
+ .cn-detail-card__footer[data-v-26edbe9e] {
19232
19293
  padding: 8px 16px;
19233
19294
  border-top: 1px solid var(--color-border);
19234
19295
  }
@@ -22956,7 +23017,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
22956
23017
  }
22957
23018
 
22958
23019
 
22959
- .cn-files-browser[data-v-541e44c4] {
23020
+ .cn-files-browser[data-v-7ce558e7] {
22960
23021
  display: flex;
22961
23022
  flex-direction: column;
22962
23023
  gap: 8px;
@@ -22964,22 +23025,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
22964
23025
  position: relative;
22965
23026
  border-radius: var(--border-radius-large, 8px);
22966
23027
  }
22967
- .cn-files-browser--dragging[data-v-541e44c4] {
23028
+ .cn-files-browser--dragging[data-v-7ce558e7] {
22968
23029
  outline: 2px dashed var(--color-primary-element);
22969
23030
  outline-offset: 4px;
22970
23031
  }
22971
23032
 
22972
23033
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
22973
23034
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
22974
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-541e44c4] {
23035
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-7ce558e7] {
22975
23036
  min-height: max(320px, 100%);
22976
23037
  }
22977
- .cn-files-browser__drop-detail[data-v-541e44c4] {
23038
+ .cn-files-browser__drop-detail[data-v-7ce558e7] {
22978
23039
  max-width: 520px;
22979
23040
  font-size: 14px;
22980
23041
  color: var(--color-main-text);
22981
23042
  }
22982
- .cn-files-browser__drop-overlay[data-v-541e44c4] {
23043
+ .cn-files-browser__drop-overlay[data-v-7ce558e7] {
22983
23044
  position: absolute;
22984
23045
  inset: 0;
22985
23046
  z-index: 2;
@@ -22997,7 +23058,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
22997
23058
  text-align: center;
22998
23059
  pointer-events: none;
22999
23060
  }
23000
- .cn-files-browser__drop-icon[data-v-541e44c4] {
23061
+ .cn-files-browser__drop-icon[data-v-7ce558e7] {
23001
23062
  display: flex;
23002
23063
  align-items: center;
23003
23064
  justify-content: center;
@@ -23007,11 +23068,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23007
23068
  background: var(--color-main-background);
23008
23069
  color: var(--color-primary-element);
23009
23070
  }
23010
- .cn-files-browser__drop-label[data-v-541e44c4] {
23071
+ .cn-files-browser__drop-label[data-v-7ce558e7] {
23011
23072
  font-size: 20px;
23012
23073
  font-weight: 700;
23013
23074
  }
23014
- .cn-files-browser__drop-hint[data-v-541e44c4] {
23075
+ .cn-files-browser__drop-hint[data-v-7ce558e7] {
23015
23076
  display: flex;
23016
23077
  align-items: center;
23017
23078
  gap: 8px;
@@ -23021,14 +23082,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23021
23082
  font-size: 13px;
23022
23083
  color: var(--color-text-maxcontrast);
23023
23084
  }
23024
- .cn-files-browser__bar[data-v-541e44c4] {
23085
+ .cn-files-browser__bar[data-v-7ce558e7] {
23025
23086
  display: flex;
23026
23087
  align-items: center;
23027
23088
  justify-content: space-between;
23028
23089
  gap: 8px;
23029
23090
  min-width: 0;
23030
23091
  }
23031
- .cn-files-browser__crumbs[data-v-541e44c4] {
23092
+ .cn-files-browser__crumbs[data-v-7ce558e7] {
23032
23093
  min-width: 0;
23033
23094
  flex: 1 1 auto;
23034
23095
  }
@@ -23036,13 +23097,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23036
23097
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23037
23098
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23038
23099
  kept their width. */
23039
- .cn-files-browser__bar[data-v-541e44c4] > :not(.cn-files-browser__crumbs) {
23100
+ .cn-files-browser__bar[data-v-7ce558e7] > :not(.cn-files-browser__crumbs) {
23040
23101
  flex-shrink: 0;
23041
23102
  }
23042
- .cn-files-browser__file-input[data-v-541e44c4] {
23103
+ .cn-files-browser__file-input[data-v-7ce558e7] {
23043
23104
  display: none;
23044
23105
  }
23045
- .cn-files-browser__uploads[data-v-541e44c4] {
23106
+ .cn-files-browser__uploads[data-v-7ce558e7] {
23046
23107
  list-style: none;
23047
23108
  margin: 0;
23048
23109
  padding: 0;
@@ -23050,35 +23111,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23050
23111
  flex-direction: column;
23051
23112
  gap: 4px;
23052
23113
  }
23053
- .cn-files-browser__upload[data-v-541e44c4] {
23114
+ .cn-files-browser__upload[data-v-7ce558e7] {
23054
23115
  display: flex;
23055
23116
  flex-direction: column;
23056
23117
  gap: 2px;
23057
23118
  }
23058
- .cn-files-browser__upload-name[data-v-541e44c4] {
23119
+ .cn-files-browser__upload-name[data-v-7ce558e7] {
23059
23120
  font-size: 13px;
23060
23121
  }
23061
- .cn-files-browser__upload-error[data-v-541e44c4] {
23122
+ .cn-files-browser__upload-error[data-v-7ce558e7] {
23062
23123
  color: var(--color-error);
23063
23124
  font-size: 13px;
23064
23125
  }
23065
- .cn-files-browser__loading[data-v-541e44c4] {
23126
+ .cn-files-browser__loading[data-v-7ce558e7] {
23066
23127
  padding: 24px 0;
23067
23128
  }
23068
23129
 
23069
23130
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23070
- .cn-files-browser__body--with-side[data-v-541e44c4] {
23131
+ .cn-files-browser__body--with-side[data-v-7ce558e7] {
23071
23132
  display: grid;
23072
23133
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23073
23134
  align-items: start;
23074
23135
  gap: 16px;
23075
23136
  }
23076
23137
  @media (max-width: 900px) {
23077
- .cn-files-browser__body--with-side[data-v-541e44c4] {
23138
+ .cn-files-browser__body--with-side[data-v-7ce558e7] {
23078
23139
  grid-template-columns: minmax(0, 1fr);
23079
23140
  }
23080
23141
  }
23081
- .cn-files-browser__side[data-v-541e44c4] {
23142
+ .cn-files-browser__side[data-v-7ce558e7] {
23082
23143
  display: flex;
23083
23144
  flex-direction: column;
23084
23145
  gap: 12px;
@@ -23086,14 +23147,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23086
23147
 
23087
23148
  /* In the detail page's side column the cards take its gap and its card
23088
23149
  anatomy, as the page's own side cards are drawn. */
23089
- .cn-files-browser__side--in-page[data-v-541e44c4] {
23150
+ .cn-files-browser__side--in-page[data-v-7ce558e7] {
23090
23151
  gap: calc(5 * var(--default-grid-baseline));
23091
23152
  }
23092
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-541e44c4] {
23153
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-7ce558e7] {
23093
23154
  padding: var(--cn-board-card-padding, 16px 18px);
23094
23155
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23095
23156
  }
23096
- .cn-files-browser__side-card[data-v-541e44c4] {
23157
+ .cn-files-browser__side-card[data-v-7ce558e7] {
23097
23158
  display: flex;
23098
23159
  flex-direction: column;
23099
23160
  gap: 10px;
@@ -23102,27 +23163,27 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23102
23163
  border-radius: var(--border-radius-large);
23103
23164
  background: var(--color-main-background);
23104
23165
  }
23105
- .cn-files-browser__side-title[data-v-541e44c4] {
23166
+ .cn-files-browser__side-title[data-v-7ce558e7] {
23106
23167
  margin: 0;
23107
23168
  font-size: 15px;
23108
23169
  font-weight: 700;
23109
23170
  overflow-wrap: anywhere;
23110
23171
  }
23111
- .cn-files-browser__side-facts[data-v-541e44c4] {
23172
+ .cn-files-browser__side-facts[data-v-7ce558e7] {
23112
23173
  display: grid;
23113
23174
  grid-template-columns: max-content minmax(0, 1fr);
23114
23175
  gap: 6px 12px;
23115
23176
  margin: 0;
23116
23177
  font-size: 14px;
23117
23178
  }
23118
- .cn-files-browser__side-facts dt[data-v-541e44c4] {
23179
+ .cn-files-browser__side-facts dt[data-v-7ce558e7] {
23119
23180
  color: var(--color-text-maxcontrast);
23120
23181
  }
23121
- .cn-files-browser__side-facts dd[data-v-541e44c4] {
23182
+ .cn-files-browser__side-facts dd[data-v-7ce558e7] {
23122
23183
  margin: 0;
23123
23184
  overflow-wrap: anywhere;
23124
23185
  }
23125
- .cn-files-browser__side-actions[data-v-541e44c4] {
23186
+ .cn-files-browser__side-actions[data-v-7ce558e7] {
23126
23187
  display: flex;
23127
23188
  flex-wrap: wrap;
23128
23189
  gap: 8px;
@@ -23130,35 +23191,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23130
23191
 
23131
23192
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23132
23193
  text in the tone's colour, as the boards write a restricted level. */
23133
- .cn-files-browser__tone[data-v-541e44c4] {
23194
+ .cn-files-browser__tone[data-v-7ce558e7] {
23134
23195
  font-weight: 600;
23135
23196
  }
23136
- .cn-files-browser__tone--success[data-v-541e44c4] {
23197
+ .cn-files-browser__tone--success[data-v-7ce558e7] {
23137
23198
  color: var(--color-success-text, var(--color-success));
23138
23199
  }
23139
- .cn-files-browser__tone--warning[data-v-541e44c4] {
23200
+ .cn-files-browser__tone--warning[data-v-7ce558e7] {
23140
23201
  color: var(--color-warning-text, var(--color-warning));
23141
23202
  }
23142
- .cn-files-browser__tone--error[data-v-541e44c4] {
23203
+ .cn-files-browser__tone--error[data-v-7ce558e7] {
23143
23204
  color: var(--color-error-text, var(--color-error));
23144
23205
  }
23145
- .cn-files-browser__tone--primary[data-v-541e44c4],
23146
- .cn-files-browser__tone--info[data-v-541e44c4] {
23206
+ .cn-files-browser__tone--primary[data-v-7ce558e7],
23207
+ .cn-files-browser__tone--info[data-v-7ce558e7] {
23147
23208
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23148
23209
  }
23149
- .cn-files-browser__table[data-v-541e44c4] {
23210
+ .cn-files-browser__table[data-v-7ce558e7] {
23150
23211
  width: 100%;
23151
23212
  border-collapse: collapse;
23152
23213
  table-layout: fixed;
23153
23214
  }
23154
- .cn-files-browser__table th[data-v-541e44c4] {
23215
+ .cn-files-browser__table th[data-v-7ce558e7] {
23155
23216
  text-align: start;
23156
23217
  font-weight: normal;
23157
23218
  color: var(--color-text-maxcontrast);
23158
23219
  padding: 4px 8px;
23159
23220
  border-bottom: 1px solid var(--color-border);
23160
23221
  }
23161
- .cn-files-browser__sort[data-v-541e44c4] {
23222
+ .cn-files-browser__sort[data-v-7ce558e7] {
23162
23223
  background: none;
23163
23224
  border: none;
23164
23225
  padding: 0;
@@ -23169,46 +23230,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23169
23230
  align-items: center;
23170
23231
  gap: 2px;
23171
23232
  }
23172
- .cn-files-browser__sort[data-v-541e44c4]:hover,
23173
- .cn-files-browser__sort[data-v-541e44c4]:focus-visible {
23233
+ .cn-files-browser__sort[data-v-7ce558e7]:hover,
23234
+ .cn-files-browser__sort[data-v-7ce558e7]:focus-visible {
23174
23235
  color: var(--color-main-text);
23175
23236
  }
23176
- .cn-files-browser__row[data-v-541e44c4] {
23237
+ .cn-files-browser__row[data-v-7ce558e7] {
23177
23238
  cursor: pointer;
23178
23239
  }
23179
- .cn-files-browser__row[data-v-541e44c4]:hover,
23180
- .cn-files-browser__row[data-v-541e44c4]:focus-within {
23240
+ .cn-files-browser__row[data-v-7ce558e7]:hover,
23241
+ .cn-files-browser__row[data-v-7ce558e7]:focus-within {
23181
23242
  background-color: var(--color-background-hover);
23182
23243
  }
23183
- .cn-files-browser__table td[data-v-541e44c4] {
23244
+ .cn-files-browser__table td[data-v-7ce558e7] {
23184
23245
  padding: 4px 8px;
23185
23246
  border-bottom: 1px solid var(--color-border);
23186
23247
  vertical-align: middle;
23187
23248
  }
23188
- .cn-files-browser__col-icon[data-v-541e44c4] {
23249
+ .cn-files-browser__col-icon[data-v-7ce558e7] {
23189
23250
  width: 48px;
23190
23251
  }
23191
- .cn-files-browser__col-size[data-v-541e44c4] {
23252
+ .cn-files-browser__col-size[data-v-7ce558e7] {
23192
23253
  width: 96px;
23193
23254
  white-space: nowrap;
23194
23255
  color: var(--color-text-maxcontrast);
23195
23256
  }
23196
- .cn-files-browser__col-mtime[data-v-541e44c4] {
23257
+ .cn-files-browser__col-mtime[data-v-7ce558e7] {
23197
23258
  width: 140px;
23198
23259
  white-space: nowrap;
23199
23260
  color: var(--color-text-maxcontrast);
23200
23261
  }
23201
- .cn-files-browser__col-select[data-v-541e44c4] {
23262
+ .cn-files-browser__col-select[data-v-7ce558e7] {
23202
23263
  width: 36px;
23203
23264
  text-align: center;
23204
23265
  }
23205
- .cn-files-browser__select[data-v-541e44c4] {
23266
+ .cn-files-browser__select[data-v-7ce558e7] {
23206
23267
  width: 18px;
23207
23268
  height: 18px;
23208
23269
  margin: 0;
23209
23270
  accent-color: var(--color-primary-element);
23210
23271
  }
23211
- .cn-files-browser__bulk-bar[data-v-541e44c4] {
23272
+ .cn-files-browser__bulk-bar[data-v-7ce558e7] {
23212
23273
  display: flex;
23213
23274
  flex-wrap: wrap;
23214
23275
  align-items: center;
@@ -23217,11 +23278,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23217
23278
  border-radius: var(--border-radius-large);
23218
23279
  background: var(--color-primary-element-light);
23219
23280
  }
23220
- .cn-files-browser__bulk-count[data-v-541e44c4] {
23281
+ .cn-files-browser__bulk-count[data-v-7ce558e7] {
23221
23282
  font-weight: 600;
23222
23283
  margin-inline-end: 8px;
23223
23284
  }
23224
- .cn-files-browser__review[data-v-541e44c4] {
23285
+ .cn-files-browser__review[data-v-7ce558e7] {
23225
23286
  display: flex;
23226
23287
  flex-direction: column;
23227
23288
  gap: 10px;
@@ -23230,28 +23291,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23230
23291
  border-radius: 10px;
23231
23292
  background: var(--color-background-hover);
23232
23293
  }
23233
- .cn-files-browser__review-head[data-v-541e44c4] {
23294
+ .cn-files-browser__review-head[data-v-7ce558e7] {
23234
23295
  display: flex;
23235
23296
  flex-wrap: wrap;
23236
23297
  align-items: baseline;
23237
23298
  justify-content: space-between;
23238
23299
  gap: 8px;
23239
23300
  }
23240
- .cn-files-browser__review-title[data-v-541e44c4] {
23301
+ .cn-files-browser__review-title[data-v-7ce558e7] {
23241
23302
  font-size: 15px;
23242
23303
  }
23243
- .cn-files-browser__review-sub[data-v-541e44c4] {
23304
+ .cn-files-browser__review-sub[data-v-7ce558e7] {
23244
23305
  color: var(--color-text-maxcontrast);
23245
23306
  font-size: 13px;
23246
23307
  }
23247
- .cn-files-browser__review-bar[data-v-541e44c4] {
23308
+ .cn-files-browser__review-bar[data-v-7ce558e7] {
23248
23309
  display: flex;
23249
23310
  height: 8px;
23250
23311
  overflow: hidden;
23251
23312
  border-radius: 4px;
23252
23313
  background: var(--color-border);
23253
23314
  }
23254
- .cn-files-browser__review-legend[data-v-541e44c4] {
23315
+ .cn-files-browser__review-legend[data-v-7ce558e7] {
23255
23316
  display: flex;
23256
23317
  flex-wrap: wrap;
23257
23318
  gap: 8px 18px;
@@ -23260,48 +23321,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23260
23321
  font-size: 14px;
23261
23322
  list-style: none;
23262
23323
  }
23263
- .cn-files-browser__review-legend li[data-v-541e44c4] {
23324
+ .cn-files-browser__review-legend li[data-v-7ce558e7] {
23264
23325
  display: inline-flex;
23265
23326
  align-items: center;
23266
23327
  gap: 8px;
23267
23328
  }
23268
- .cn-files-browser__review-dot[data-v-541e44c4] {
23329
+ .cn-files-browser__review-dot[data-v-7ce558e7] {
23269
23330
  width: 10px;
23270
23331
  height: 10px;
23271
23332
  border-radius: 5px;
23272
23333
  }
23273
- .cn-files-browser__review-part--success[data-v-541e44c4] {
23334
+ .cn-files-browser__review-part--success[data-v-7ce558e7] {
23274
23335
  background: var(--color-success-text, var(--color-success));
23275
23336
  }
23276
- .cn-files-browser__review-part--warning[data-v-541e44c4] {
23337
+ .cn-files-browser__review-part--warning[data-v-7ce558e7] {
23277
23338
  background: var(--color-warning);
23278
23339
  }
23279
- .cn-files-browser__review-part--error[data-v-541e44c4] {
23340
+ .cn-files-browser__review-part--error[data-v-7ce558e7] {
23280
23341
  background: var(--color-error-text, var(--color-error));
23281
23342
  }
23282
- .cn-files-browser__review-part--info[data-v-541e44c4] {
23343
+ .cn-files-browser__review-part--info[data-v-7ce558e7] {
23283
23344
  background: var(--color-primary-element);
23284
23345
  }
23285
- .cn-files-browser__review-part--default[data-v-541e44c4] {
23346
+ .cn-files-browser__review-part--default[data-v-7ce558e7] {
23286
23347
  background: var(--color-border-dark);
23287
23348
  }
23288
- .cn-files-browser__row-button[data-v-541e44c4] {
23349
+ .cn-files-browser__row-button[data-v-7ce558e7] {
23289
23350
  display: inline-flex;
23290
23351
  margin-inline-end: 8px;
23291
23352
  vertical-align: middle;
23292
23353
  }
23293
- .cn-files-browser__facets[data-v-541e44c4] {
23354
+ .cn-files-browser__facets[data-v-7ce558e7] {
23294
23355
  display: flex;
23295
23356
  flex-wrap: wrap;
23296
23357
  align-items: center;
23297
23358
  gap: 8px 16px;
23298
23359
  }
23299
- .cn-files-browser__facet[data-v-541e44c4] {
23360
+ .cn-files-browser__facet[data-v-7ce558e7] {
23300
23361
  display: flex;
23301
23362
  flex-wrap: wrap;
23302
23363
  gap: 6px;
23303
23364
  }
23304
- .cn-files-browser__facet-chip[data-v-541e44c4] {
23365
+ .cn-files-browser__facet-chip[data-v-7ce558e7] {
23305
23366
  display: inline-flex;
23306
23367
  align-items: center;
23307
23368
  gap: 6px;
@@ -23313,41 +23374,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23313
23374
  color: var(--color-main-text);
23314
23375
  cursor: pointer;
23315
23376
  }
23316
- .cn-files-browser__facet-chip--active[data-v-541e44c4] {
23377
+ .cn-files-browser__facet-chip--active[data-v-7ce558e7] {
23317
23378
  border-color: var(--color-primary-element);
23318
23379
  background: var(--color-primary-element-light);
23319
23380
  }
23320
- .cn-files-browser__group-heading[data-v-541e44c4] {
23381
+ .cn-files-browser__group-heading[data-v-7ce558e7] {
23321
23382
  padding: 12px 8px 4px;
23322
23383
  text-align: start;
23323
23384
  font-weight: 700;
23324
23385
  }
23325
- .cn-files-browser__group-count[data-v-541e44c4] {
23386
+ .cn-files-browser__group-count[data-v-7ce558e7] {
23326
23387
  margin-inline-start: 6px;
23327
23388
  font-weight: 400;
23328
23389
  color: var(--color-text-maxcontrast);
23329
23390
  }
23330
- .cn-files-browser__no-match[data-v-541e44c4] {
23391
+ .cn-files-browser__no-match[data-v-7ce558e7] {
23331
23392
  padding: 16px 8px;
23332
23393
  color: var(--color-text-maxcontrast);
23333
23394
  }
23334
- .cn-files-browser__col-actions[data-v-541e44c4] {
23395
+ .cn-files-browser__col-actions[data-v-7ce558e7] {
23335
23396
  width: 48px;
23336
23397
  white-space: nowrap;
23337
23398
  }
23338
- .cn-files-browser__col-actions[data-v-541e44c4]:has(.cn-files-browser__row-button) {
23399
+ .cn-files-browser__col-actions[data-v-7ce558e7]:has(.cn-files-browser__row-button) {
23339
23400
  width: auto;
23340
23401
  }
23341
- .cn-files-browser__col-name[data-v-541e44c4] {
23402
+ .cn-files-browser__col-name[data-v-7ce558e7] {
23342
23403
  min-width: 0;
23343
23404
  }
23344
- .cn-files-browser__name[data-v-541e44c4] {
23405
+ .cn-files-browser__name[data-v-7ce558e7] {
23345
23406
  display: block;
23346
23407
  overflow: hidden;
23347
23408
  text-overflow: ellipsis;
23348
23409
  white-space: nowrap;
23349
23410
  }
23350
- .cn-files-browser__name-secondary[data-v-541e44c4] {
23411
+ .cn-files-browser__name-secondary[data-v-7ce558e7] {
23351
23412
  display: block;
23352
23413
  overflow: hidden;
23353
23414
  color: var(--color-text-maxcontrast);
@@ -23355,41 +23416,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23355
23416
  text-overflow: ellipsis;
23356
23417
  white-space: nowrap;
23357
23418
  }
23358
- .cn-files-browser__footnote[data-v-541e44c4] {
23419
+ .cn-files-browser__footnote[data-v-7ce558e7] {
23359
23420
  margin: 0;
23360
23421
  padding-top: 12px;
23361
23422
  color: var(--color-text-maxcontrast);
23362
23423
  font-size: 13px;
23363
23424
  }
23364
- .cn-files-browser__row--linked[data-v-541e44c4] {
23425
+ .cn-files-browser__row--linked[data-v-7ce558e7] {
23365
23426
  color: var(--color-text-maxcontrast);
23366
23427
  }
23367
- .cn-files-browser__note[data-v-541e44c4] {
23428
+ .cn-files-browser__note[data-v-7ce558e7] {
23368
23429
  color: var(--color-text-maxcontrast);
23369
23430
  display: block;
23370
23431
  font-size: var(--font-size-small, 13px);
23371
23432
  }
23372
- .cn-files-browser__note-link[data-v-541e44c4] {
23433
+ .cn-files-browser__note-link[data-v-7ce558e7] {
23373
23434
  color: inherit;
23374
23435
  text-decoration: underline;
23375
23436
  }
23376
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-541e44c4] {
23437
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-7ce558e7] {
23377
23438
  font-weight: 600;
23378
23439
  }
23379
- .cn-files-browser__mime[data-v-541e44c4],
23380
- .cn-files-browser__thumb[data-v-541e44c4] {
23440
+ .cn-files-browser__mime[data-v-7ce558e7],
23441
+ .cn-files-browser__thumb[data-v-7ce558e7] {
23381
23442
  width: 32px;
23382
23443
  height: 32px;
23383
23444
  display: block;
23384
23445
  }
23385
- .cn-files-browser__thumb[data-v-541e44c4] {
23446
+ .cn-files-browser__thumb[data-v-7ce558e7] {
23386
23447
  object-fit: cover;
23387
23448
  border-radius: var(--border-radius, 4px);
23388
23449
  }
23389
- .cn-files-browser__new-folder[data-v-541e44c4] {
23450
+ .cn-files-browser__new-folder[data-v-7ce558e7] {
23390
23451
  padding: 8px 0;
23391
23452
  }
23392
- .hidden-visually[data-v-541e44c4] {
23453
+ .hidden-visually[data-v-7ce558e7] {
23393
23454
  position: absolute;
23394
23455
  width: 1px;
23395
23456
  height: 1px;
@@ -23399,9 +23460,9 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23399
23460
  }
23400
23461
 
23401
23462
 
23402
- .cn-sidebar-tab[data-v-043f08e2] { padding: 12px;
23463
+ .cn-sidebar-tab[data-v-89d80864] { padding: 12px;
23403
23464
  }
23404
- .cn-sidebar-tab__upload-error[data-v-043f08e2] {
23465
+ .cn-sidebar-tab__upload-error[data-v-89d80864] {
23405
23466
  padding: 8px 12px;
23406
23467
  margin-bottom: 8px;
23407
23468
  border-radius: var(--border-radius, 4px);
@@ -23409,7 +23470,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23409
23470
  color: var(--color-error, #e53935);
23410
23471
  font-size: 13px;
23411
23472
  }
23412
- .cn-sidebar-tab__dropzone[data-v-043f08e2] {
23473
+ .cn-sidebar-tab__dropzone[data-v-89d80864] {
23413
23474
  display: flex;
23414
23475
  flex-direction: column;
23415
23476
  align-items: center;
@@ -23422,46 +23483,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23422
23483
  cursor: pointer;
23423
23484
  transition: border-color 0.15s ease, background-color 0.15s ease;
23424
23485
  }
23425
- .cn-sidebar-tab__dropzone[data-v-043f08e2]:hover {
23486
+ .cn-sidebar-tab__dropzone[data-v-89d80864]:hover {
23426
23487
  border-color: var(--color-primary-element);
23427
23488
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
23428
23489
  }
23429
- .cn-sidebar-tab__dropzone--active[data-v-043f08e2] {
23490
+ .cn-sidebar-tab__dropzone--active[data-v-89d80864] {
23430
23491
  border-color: var(--color-primary-element);
23431
23492
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
23432
23493
  }
23433
- .cn-sidebar-tab__share[data-v-043f08e2] { margin-bottom: 12px;
23494
+ .cn-sidebar-tab__share[data-v-89d80864] { margin-bottom: 12px;
23434
23495
  }
23435
- .cn-sidebar-tab__dropzone-icon[data-v-043f08e2] { color: var(--color-text-maxcontrast);
23496
+ .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-text-maxcontrast);
23436
23497
  }
23437
- .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-043f08e2],
23438
- .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-043f08e2] { color: var(--color-primary-element);
23498
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-89d80864],
23499
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-primary-element);
23439
23500
  }
23440
- .cn-sidebar-tab__dropzone-text[data-v-043f08e2] { font-size: 13px; color: var(--color-text-maxcontrast);
23501
+ .cn-sidebar-tab__dropzone-text[data-v-89d80864] { font-size: 13px; color: var(--color-text-maxcontrast);
23441
23502
  }
23442
- .cn-sidebar-tab__file-input[data-v-043f08e2] { display: none;
23503
+ .cn-sidebar-tab__file-input[data-v-89d80864] { display: none;
23443
23504
  }
23444
- .cn-sidebar-tab__empty[data-v-043f08e2] {
23505
+ .cn-sidebar-tab__empty[data-v-89d80864] {
23445
23506
  text-align: center;
23446
23507
  padding: 24px 12px;
23447
23508
  color: var(--color-text-maxcontrast);
23448
23509
  font-size: 13px;
23449
23510
  }
23450
- .cn-sidebar-tab__list[data-v-043f08e2] { display: flex; flex-direction: column; gap: 2px;
23511
+ .cn-sidebar-tab__list[data-v-89d80864] { display: flex; flex-direction: column; gap: 2px;
23451
23512
  }
23452
- .cn-sidebar-tab__mime[data-v-043f08e2],
23453
- .cn-sidebar-tab__thumb[data-v-043f08e2] {
23513
+ .cn-sidebar-tab__mime[data-v-89d80864],
23514
+ .cn-sidebar-tab__thumb[data-v-89d80864] {
23454
23515
  width: 32px;
23455
23516
  height: 32px;
23456
23517
  display: block;
23457
23518
  }
23458
- .cn-sidebar-tab__thumb[data-v-043f08e2] {
23519
+ .cn-sidebar-tab__thumb[data-v-89d80864] {
23459
23520
  object-fit: cover;
23460
23521
  border-radius: var(--border-radius, 4px);
23461
23522
  }
23462
- .cn-sidebar-tab__meta[data-v-043f08e2] { color: var(--color-text-maxcontrast);
23523
+ .cn-sidebar-tab__meta[data-v-89d80864] { color: var(--color-text-maxcontrast);
23463
23524
  }
23464
- .cn-sidebar-tab__load-more[data-v-043f08e2] { margin-top: 8px;
23525
+ .cn-sidebar-tab__load-more[data-v-89d80864] { margin-top: 8px;
23465
23526
  }
23466
23527
 
23467
23528
 
@@ -33110,15 +33171,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33110
33171
 
33111
33172
  /* A leaf card in a narrow cell keeps its title and count: the title row
33112
33173
  wraps and the actions move under it instead of squeezing the title out. */
33113
- .cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header {
33174
+ .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header {
33114
33175
  flex-wrap: wrap;
33115
33176
  }
33116
- .cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header-left {
33177
+ .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header-left {
33117
33178
  flex: 1 0 auto;
33118
33179
  }
33119
33180
 
33120
33181
  /* The count beside a card title: the grey 20px badge of the tab strip. */
33121
- .cn-detail-page__catalog-count[data-v-32a82d6a] {
33182
+ .cn-detail-page__catalog-count[data-v-10c797a6] {
33122
33183
  background-color: var(--color-border);
33123
33184
  border-radius: 10px;
33124
33185
  box-sizing: border-box;
@@ -33131,19 +33192,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33131
33192
  padding: 0 6px;
33132
33193
  text-align: center;
33133
33194
  }
33134
- .cn-detail-page__catalog-note[data-v-32a82d6a] {
33195
+ .cn-detail-page__catalog-note[data-v-10c797a6] {
33135
33196
  color: var(--color-text-maxcontrast);
33136
33197
  font-size: 14px;
33137
33198
  white-space: nowrap;
33138
33199
  }
33139
- .cn-detail-widget-host[data-v-32a82d6a],
33140
- .cn-detail-widget-host[data-v-32a82d6a] > * {
33200
+ .cn-detail-widget-host[data-v-10c797a6],
33201
+ .cn-detail-widget-host[data-v-10c797a6] > * {
33141
33202
  height: 100%;
33142
33203
  }
33143
33204
 
33144
33205
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
33145
33206
  scroll, rather than growing a second scroll region of its own. */
33146
- .cn-detail-widget-host--bare[data-v-32a82d6a] {
33207
+ .cn-detail-widget-host--bare[data-v-10c797a6] {
33147
33208
  min-height: 0;
33148
33209
  }
33149
33210
 
@@ -40401,20 +40462,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40401
40462
  }
40402
40463
 
40403
40464
 
40404
- .cn-record-list__checklist-bar[data-v-3c8e615c] {
40465
+ .cn-record-list__checklist-bar[data-v-38566d36] {
40405
40466
  height: 8px;
40406
40467
  margin-block-end: 16px;
40407
40468
  border-radius: 4px;
40408
40469
  background: var(--color-background-dark);
40409
40470
  overflow: hidden;
40410
40471
  }
40411
- .cn-record-list__checklist-fill[data-v-3c8e615c] {
40472
+ .cn-record-list__checklist-fill[data-v-38566d36] {
40412
40473
  display: block;
40413
40474
  height: 100%;
40414
40475
  border-radius: 4px;
40415
40476
  background: var(--color-primary-element);
40416
40477
  }
40417
- .cn-record-list__checklist[data-v-3c8e615c] {
40478
+ .cn-record-list__checklist[data-v-38566d36] {
40418
40479
  display: grid;
40419
40480
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
40420
40481
  gap: 8px 16px;
@@ -40422,16 +40483,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40422
40483
  padding: 0;
40423
40484
  list-style: none;
40424
40485
  }
40425
- .cn-record-list__check[data-v-3c8e615c] {
40486
+ .cn-record-list__check[data-v-38566d36] {
40426
40487
  display: flex;
40427
40488
  align-items: center;
40428
40489
  gap: 8px;
40429
40490
  min-height: 28px;
40430
40491
  }
40431
- .cn-record-list__check--done[data-v-3c8e615c] {
40492
+ .cn-record-list__check--done[data-v-38566d36] {
40432
40493
  color: var(--color-text-maxcontrast);
40433
40494
  }
40434
- .cn-record-list__check-mark[data-v-3c8e615c] {
40495
+ .cn-record-list__check-mark[data-v-38566d36] {
40435
40496
  display: inline-flex;
40436
40497
  flex: none;
40437
40498
  align-items: center;
@@ -40441,45 +40502,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40441
40502
  border: 2px solid var(--color-border-maxcontrast);
40442
40503
  border-radius: 50%;
40443
40504
  }
40444
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-3c8e615c] {
40505
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-38566d36] {
40445
40506
  border-color: transparent;
40446
40507
  background: var(--color-success-hover, var(--color-background-dark));
40447
40508
  color: var(--color-success-text, var(--color-success));
40448
40509
  }
40449
40510
  @media (max-width: 640px) {
40450
- .cn-record-list__checklist[data-v-3c8e615c] {
40511
+ .cn-record-list__checklist[data-v-38566d36] {
40451
40512
  grid-template-columns: minmax(0, 1fr);
40452
40513
  }
40453
40514
  }
40454
- .cn-record-list__set-field-done[data-v-3c8e615c] {
40515
+ .cn-record-list__set-field-done[data-v-38566d36] {
40455
40516
  display: inline-flex;
40456
40517
  align-items: center;
40457
40518
  gap: 4px;
40458
40519
  color: var(--color-success-text, var(--color-success));
40459
40520
  font-weight: bold;
40460
40521
  }
40461
- .cn-record-list__list[data-v-3c8e615c] {
40522
+ .cn-record-list__list[data-v-38566d36] {
40462
40523
  list-style: none;
40463
40524
  margin: 0;
40464
40525
  padding: 0;
40465
40526
  }
40466
- .cn-record-list__group-heading[data-v-3c8e615c] {
40527
+ .cn-record-list__group-heading[data-v-38566d36] {
40467
40528
  margin: 6px 0 0;
40468
40529
  font-size: 15px;
40469
40530
  font-weight: 700;
40470
40531
  line-height: 1.4;
40471
40532
  }
40472
- .cn-record-list__group-head[data-v-3c8e615c] {
40533
+ .cn-record-list__group-head[data-v-38566d36] {
40473
40534
  display: flex;
40474
40535
  align-items: center;
40475
40536
  justify-content: space-between;
40476
40537
  gap: 8px;
40477
40538
  margin-top: 6px;
40478
40539
  }
40479
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-3c8e615c] {
40540
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-38566d36] {
40480
40541
  margin: 0;
40481
40542
  }
40482
- .cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
40543
+ .cn-record-list__action--tonal.button-vue[data-v-38566d36] {
40483
40544
  min-height: 34px;
40484
40545
  height: 34px;
40485
40546
  padding: 0 12px;
@@ -40490,34 +40551,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40490
40551
  font-size: 13px;
40491
40552
  font-weight: 600;
40492
40553
  }
40493
- .cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
40554
+ .cn-record-list__action--tonal.button-vue[data-v-38566d36]:hover:not(:disabled) {
40494
40555
  background-color: var(--color-primary-element-light-hover);
40495
40556
  }
40496
- .cn-record-list__footer[data-v-3c8e615c] {
40557
+ .cn-record-list__footer[data-v-38566d36] {
40497
40558
  display: flex;
40498
40559
  flex-direction: column;
40499
40560
  align-items: flex-start;
40500
40561
  gap: 6px;
40501
40562
  margin-top: 10px;
40502
40563
  }
40503
- .cn-record-list__footer--wide[data-v-3c8e615c] {
40564
+ .cn-record-list__footer--wide[data-v-38566d36] {
40504
40565
  align-items: stretch;
40505
40566
  }
40506
- .cn-record-list__footer-note[data-v-3c8e615c] {
40567
+ .cn-record-list__footer-note[data-v-38566d36] {
40507
40568
  margin: 0 0 6px;
40508
40569
  color: var(--color-text-maxcontrast);
40509
40570
  font-size: 13px;
40510
40571
  }
40511
- .cn-record-list__footer-reason[data-v-3c8e615c] {
40572
+ .cn-record-list__footer-reason[data-v-38566d36] {
40512
40573
  font-size: 13px;
40513
40574
  color: var(--color-text-maxcontrast);
40514
40575
  }
40515
- .cn-record-list__empty[data-v-3c8e615c],
40516
- .cn-record-list__error[data-v-3c8e615c] {
40576
+ .cn-record-list__empty[data-v-38566d36],
40577
+ .cn-record-list__error[data-v-38566d36] {
40517
40578
  color: var(--color-text-maxcontrast);
40518
40579
  margin: 0;
40519
40580
  }
40520
- .cn-record-list__notice[data-v-3c8e615c] {
40581
+ .cn-record-list__notice[data-v-38566d36] {
40521
40582
  display: flex;
40522
40583
  gap: 10px;
40523
40584
  align-items: flex-start;
@@ -40526,41 +40587,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40526
40587
  background: var(--color-primary-element-light, var(--color-background-dark));
40527
40588
  color: var(--color-main-text);
40528
40589
  }
40529
- .cn-record-list__notice--warning[data-v-3c8e615c] {
40590
+ .cn-record-list__notice--warning[data-v-38566d36] {
40530
40591
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
40531
40592
  color: var(--color-warning-text, var(--color-main-text));
40532
40593
  }
40533
- .cn-record-list__notice--error[data-v-3c8e615c] {
40594
+ .cn-record-list__notice--error[data-v-38566d36] {
40534
40595
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
40535
40596
  color: var(--color-error-text, var(--color-main-text));
40536
40597
  }
40537
- .cn-record-list__notice--footnote[data-v-3c8e615c] {
40598
+ .cn-record-list__notice--footnote[data-v-38566d36] {
40538
40599
  margin-top: 12px;
40539
40600
  }
40540
- .cn-record-list__notice-icon[data-v-3c8e615c] {
40601
+ .cn-record-list__notice-icon[data-v-38566d36] {
40541
40602
  flex: 0 0 auto;
40542
40603
  margin-top: 1px;
40543
40604
  }
40544
- .cn-record-list__notice-text[data-v-3c8e615c] {
40605
+ .cn-record-list__notice-text[data-v-38566d36] {
40545
40606
  margin: 0;
40546
40607
  line-height: 1.5;
40547
40608
  }
40548
- .cn-record-list__loading[data-v-3c8e615c] {
40609
+ .cn-record-list__loading[data-v-38566d36] {
40549
40610
  display: flex;
40550
40611
  justify-content: center;
40551
40612
  padding: 8px 0;
40552
40613
  }
40553
40614
 
40554
40615
  /* rows */
40555
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
40556
- .cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
40616
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-38566d36],
40617
+ .cn-record-list--rule-above .cn-record-list__item[data-v-38566d36]:first-child {
40557
40618
  border-top: 1px solid var(--color-border);
40558
40619
  }
40559
- .cn-record-list__pill-start[data-v-3c8e615c] {
40620
+ .cn-record-list__pill-start[data-v-38566d36] {
40560
40621
  display: flex;
40561
40622
  flex: none;
40562
40623
  }
40563
- .cn-record-list__bar[data-v-3c8e615c] {
40624
+ .cn-record-list__bar[data-v-38566d36] {
40564
40625
  background: var(--color-border);
40565
40626
  border-radius: 3px;
40566
40627
  display: block;
@@ -40568,15 +40629,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40568
40629
  margin: -6px 0 12px;
40569
40630
  overflow: hidden;
40570
40631
  }
40571
- .cn-record-list__bar-fill[data-v-3c8e615c] {
40632
+ .cn-record-list__bar-fill[data-v-38566d36] {
40572
40633
  background: var(--color-primary-element);
40573
40634
  display: block;
40574
40635
  height: 100%;
40575
40636
  }
40576
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
40637
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-38566d36] {
40577
40638
  background: var(--color-error);
40578
40639
  }
40579
- .cn-record-list__row[data-v-3c8e615c] {
40640
+ .cn-record-list__row[data-v-38566d36] {
40580
40641
  align-items: center;
40581
40642
  color: var(--color-main-text);
40582
40643
  display: flex;
@@ -40584,22 +40645,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40584
40645
  padding: 12px 0;
40585
40646
  text-decoration: none;
40586
40647
  }
40587
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-3c8e615c],
40588
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
40648
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-38566d36],
40649
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-38566d36] {
40589
40650
  text-decoration: underline;
40590
40651
  }
40591
- .cn-record-list__dot[data-v-3c8e615c] {
40652
+ .cn-record-list__dot[data-v-38566d36] {
40592
40653
  flex: 0 0 14px;
40593
40654
  width: 14px;
40594
40655
  height: 14px;
40595
40656
  border-radius: 50%;
40596
40657
  }
40597
- .cn-record-list__flag[data-v-3c8e615c] {
40658
+ .cn-record-list__flag[data-v-38566d36] {
40598
40659
  color: var(--color-text-maxcontrast);
40599
40660
  font-size: 14px;
40600
40661
  white-space: nowrap;
40601
40662
  }
40602
- .cn-record-list__avatar[data-v-3c8e615c] {
40663
+ .cn-record-list__avatar[data-v-38566d36] {
40603
40664
  align-items: center;
40604
40665
  background: var(--color-background-hover);
40605
40666
  border-radius: 50%;
@@ -40612,82 +40673,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40612
40673
  justify-content: center;
40613
40674
  width: 36px;
40614
40675
  }
40615
- .cn-record-list__main[data-v-3c8e615c] {
40676
+ .cn-record-list__main[data-v-38566d36] {
40616
40677
  display: flex;
40617
40678
  flex: 1 1 auto;
40618
40679
  flex-direction: column;
40619
40680
  gap: 2px;
40620
40681
  min-width: 0;
40621
40682
  }
40622
- .cn-record-list__title[data-v-3c8e615c] {
40683
+ .cn-record-list__title[data-v-38566d36] {
40623
40684
  font-size: 15px;
40624
40685
  font-weight: 700;
40625
40686
  }
40626
- .cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
40687
+ .cn-record-list--compact .cn-record-list__row[data-v-38566d36] {
40627
40688
  box-sizing: border-box;
40628
40689
  min-height: 56px;
40629
40690
  padding: 10px 0;
40630
40691
  }
40631
- .cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
40692
+ .cn-record-list--compact .cn-record-list__title[data-v-38566d36] {
40632
40693
  font-weight: 500;
40633
40694
  }
40634
- .cn-record-list__meta[data-v-3c8e615c] {
40695
+ .cn-record-list__meta[data-v-38566d36] {
40635
40696
  color: var(--color-text-maxcontrast);
40636
40697
  font-size: 13px;
40637
40698
  }
40638
- .cn-record-list__aside[data-v-3c8e615c] {
40699
+ .cn-record-list__aside[data-v-38566d36] {
40639
40700
  align-items: center;
40640
40701
  display: flex;
40641
40702
  flex: none;
40642
40703
  gap: 16px;
40643
40704
  }
40644
- .cn-record-list__leading[data-v-3c8e615c] {
40705
+ .cn-record-list__leading[data-v-38566d36] {
40645
40706
  flex: 0 0 52px;
40646
40707
  color: var(--color-text-maxcontrast);
40647
40708
  font-size: 14px;
40648
40709
  font-weight: 600;
40649
40710
  font-variant-numeric: tabular-nums;
40650
40711
  }
40651
- .cn-record-list__trailing[data-v-3c8e615c] {
40712
+ .cn-record-list__trailing[data-v-38566d36] {
40652
40713
  font-size: 14px;
40653
40714
  white-space: nowrap;
40654
40715
  }
40655
- .cn-record-list__due[data-v-3c8e615c] {
40716
+ .cn-record-list__due[data-v-38566d36] {
40656
40717
  font-size: 14px;
40657
40718
  white-space: nowrap;
40658
40719
  }
40659
- .cn-record-list__due--danger[data-v-3c8e615c] {
40720
+ .cn-record-list__due--danger[data-v-38566d36] {
40660
40721
  color: var(--color-text-error, var(--color-error-text));
40661
40722
  font-weight: 600;
40662
40723
  }
40663
- .cn-record-list__table[data-v-3c8e615c] {
40724
+ .cn-record-list__table[data-v-38566d36] {
40664
40725
  width: 100%;
40665
40726
  border-collapse: collapse;
40666
40727
  font-size: 14px;
40667
40728
  }
40668
- .cn-record-list__table th[data-v-3c8e615c] {
40729
+ .cn-record-list__table th[data-v-38566d36] {
40669
40730
  padding: 6px 0;
40670
40731
  border-bottom: 1px solid var(--color-border);
40671
40732
  color: var(--color-text-maxcontrast);
40672
40733
  font-weight: 600;
40673
40734
  text-align: start;
40674
40735
  }
40675
- .cn-record-list__table td[data-v-3c8e615c] {
40736
+ .cn-record-list__table td[data-v-38566d36] {
40676
40737
  padding: 8px 0;
40677
40738
  border-bottom: 1px solid var(--color-border);
40678
40739
  }
40679
- .cn-record-list__cell-sub[data-v-3c8e615c] {
40740
+ .cn-record-list__cell-sub[data-v-38566d36] {
40680
40741
  display: block;
40681
40742
  color: var(--color-text-maxcontrast);
40682
40743
  font-size: 13px;
40683
40744
  }
40684
- .cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
40745
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-38566d36] {
40685
40746
  width: 1%;
40686
40747
  padding-inline-start: 12px;
40687
40748
  text-align: end;
40688
40749
  white-space: nowrap;
40689
40750
  }
40690
- .cn-record-list__sort[data-v-3c8e615c] {
40751
+ .cn-record-list__sort[data-v-38566d36] {
40691
40752
  display: inline-flex;
40692
40753
  gap: 4px;
40693
40754
  align-items: center;
@@ -40700,75 +40761,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40700
40761
  font: inherit;
40701
40762
  cursor: pointer;
40702
40763
  }
40703
- .cn-record-list__sort[data-v-3c8e615c]:focus-visible {
40764
+ .cn-record-list__sort[data-v-38566d36]:focus-visible {
40704
40765
  outline: 2px solid var(--color-primary-element);
40705
40766
  outline-offset: 2px;
40706
40767
  }
40707
- .cn-record-list__sort-mark[data-v-3c8e615c] {
40768
+ .cn-record-list__sort-mark[data-v-38566d36] {
40708
40769
  font-size: 10px;
40709
40770
  }
40710
- .cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
40771
+ .cn-record-list__table .cn-record-list__cell--end[data-v-38566d36] {
40711
40772
  padding-inline-start: 12px;
40712
40773
  text-align: end;
40713
40774
  font-variant-numeric: tabular-nums;
40714
40775
  }
40715
- .cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
40776
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-38566d36] {
40716
40777
  color: var(--color-text-error, var(--color-error-text));
40717
40778
  font-weight: 700;
40718
40779
  }
40719
- .cn-record-list__intro[data-v-3c8e615c] {
40780
+ .cn-record-list__intro[data-v-38566d36] {
40720
40781
  margin: 0 0 8px;
40721
40782
  color: var(--color-text-maxcontrast);
40722
40783
  }
40723
- .cn-record-list__footnote[data-v-3c8e615c] {
40784
+ .cn-record-list__footnote[data-v-38566d36] {
40724
40785
  margin: 8px 0 0;
40725
40786
  color: var(--color-text-maxcontrast);
40726
40787
  font-size: 13px;
40727
40788
  }
40728
- .cn-record-list__due--soon[data-v-3c8e615c] {
40789
+ .cn-record-list__due--soon[data-v-38566d36] {
40729
40790
  color: var(--color-text-warning, var(--color-warning-text));
40730
40791
  font-weight: 600;
40731
40792
  }
40732
- .cn-record-list__due--empty[data-v-3c8e615c] {
40793
+ .cn-record-list__due--empty[data-v-38566d36] {
40733
40794
  color: var(--color-text-maxcontrast);
40734
40795
  }
40735
- .cn-record-list__row--action[data-v-3c8e615c] {
40796
+ .cn-record-list__row--action[data-v-38566d36] {
40736
40797
  flex-wrap: wrap;
40737
40798
  gap: 8px 16px;
40738
40799
  padding: 14px 0;
40739
40800
  }
40740
- .cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
40801
+ .cn-record-list__row--action .cn-record-list__main[data-v-38566d36] {
40741
40802
  flex: 1 1 280px;
40742
40803
  gap: 3px;
40743
40804
  }
40744
- .cn-record-list__title--link[data-v-3c8e615c] {
40805
+ .cn-record-list__title--link[data-v-38566d36] {
40745
40806
  color: var(--color-main-text);
40746
40807
  text-decoration: underline;
40747
40808
  }
40748
- .cn-record-list__pills[data-v-3c8e615c] {
40809
+ .cn-record-list__pills[data-v-38566d36] {
40749
40810
  display: flex;
40750
40811
  flex: 0 0 120px;
40751
40812
  gap: 6px;
40752
40813
  justify-content: flex-end;
40753
40814
  }
40754
- .cn-record-list__due--below[data-v-3c8e615c] {
40815
+ .cn-record-list__due--below[data-v-38566d36] {
40755
40816
  font-size: 13px;
40756
40817
  font-weight: 600;
40757
40818
  white-space: normal;
40758
40819
  }
40759
- .cn-record-list__footer-link[data-v-3c8e615c] {
40820
+ .cn-record-list__footer-link[data-v-38566d36] {
40760
40821
  align-self: flex-start;
40761
40822
  padding-top: 8px;
40762
40823
  font-size: 14px;
40763
40824
  font-weight: 600;
40764
40825
  text-decoration: underline;
40765
40826
  }
40766
- .cn-record-list__due--column[data-v-3c8e615c] {
40827
+ .cn-record-list__due--column[data-v-38566d36] {
40767
40828
  flex: 0 0 96px;
40768
40829
  font-size: 13px;
40769
40830
  text-align: end;
40770
40831
  }
40771
- .cn-record-list__action[data-v-3c8e615c] {
40832
+ .cn-record-list__action[data-v-38566d36] {
40772
40833
  align-items: center;
40773
40834
  background: var(--color-primary-element-light);
40774
40835
  border: 0;
@@ -40785,11 +40846,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40785
40846
  padding: 0 14px;
40786
40847
  text-decoration: none;
40787
40848
  }
40788
- .cn-record-list__action[data-v-3c8e615c]:hover,
40789
- .cn-record-list__action[data-v-3c8e615c]:focus-visible {
40849
+ .cn-record-list__action[data-v-38566d36]:hover,
40850
+ .cn-record-list__action[data-v-38566d36]:focus-visible {
40790
40851
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
40791
40852
  }
40792
- .cn-record-list__chevron[data-v-3c8e615c] {
40853
+ .cn-record-list__chevron[data-v-38566d36] {
40793
40854
  color: var(--color-text-maxcontrast);
40794
40855
  flex: none;
40795
40856
  }
@@ -40797,15 +40858,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40797
40858
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
40798
40859
  tiles in a grid, the title at 14px regular. The selectors outrank the board
40799
40860
  look's list row rules. */
40800
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-3c8e615c] {
40861
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-38566d36] {
40801
40862
  display: grid;
40802
40863
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
40803
40864
  gap: 8px;
40804
40865
  }
40805
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-3c8e615c] {
40866
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-38566d36] {
40806
40867
  border-top: 0;
40807
40868
  }
40808
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
40869
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-38566d36] {
40809
40870
  box-sizing: border-box;
40810
40871
  height: 100%;
40811
40872
  gap: 10px;
@@ -40814,19 +40875,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40814
40875
  border: 1px solid var(--cn-board-hairline, var(--color-border));
40815
40876
  border-radius: 8px;
40816
40877
  }
40817
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-3c8e615c] {
40878
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-38566d36] {
40818
40879
  font-size: 14px;
40819
40880
  font-weight: 400;
40820
40881
  }
40821
40882
 
40822
40883
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
40823
- .cn-record-list--cards .cn-record-list__list[data-v-3c8e615c] {
40884
+ .cn-record-list--cards .cn-record-list__list[data-v-38566d36] {
40824
40885
  align-items: start;
40825
40886
  display: grid;
40826
40887
  gap: 16px;
40827
40888
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
40828
40889
  }
40829
- .cn-record-list__card[data-v-3c8e615c] {
40890
+ .cn-record-list__card[data-v-38566d36] {
40830
40891
  background: var(--color-main-background);
40831
40892
  border: 1px solid var(--color-border);
40832
40893
  border-radius: 12px;
@@ -40838,51 +40899,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40838
40899
  padding: 16px 18px;
40839
40900
  text-decoration: none;
40840
40901
  }
40841
- .cn-record-list__card--link[data-v-3c8e615c]:hover,
40842
- .cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
40902
+ .cn-record-list__card--link[data-v-38566d36]:hover,
40903
+ .cn-record-list__card--link[data-v-38566d36]:focus-visible {
40843
40904
  border-color: var(--color-border-dark, var(--color-border));
40844
40905
  }
40845
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
40846
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
40906
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-38566d36],
40907
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-38566d36] {
40847
40908
  text-decoration: underline;
40848
40909
  }
40849
- .cn-record-list__card-head[data-v-3c8e615c] {
40910
+ .cn-record-list__card-head[data-v-38566d36] {
40850
40911
  align-items: center;
40851
40912
  display: flex;
40852
40913
  gap: 8px;
40853
40914
  justify-content: space-between;
40854
40915
  }
40855
- .cn-record-list__card-title[data-v-3c8e615c] {
40916
+ .cn-record-list__card-title[data-v-38566d36] {
40856
40917
  align-items: center;
40857
40918
  display: flex;
40858
40919
  gap: 8px;
40859
40920
  min-width: 0;
40860
40921
  }
40861
- .cn-record-list__card-icon[data-v-3c8e615c] {
40922
+ .cn-record-list__card-icon[data-v-38566d36] {
40862
40923
  color: var(--color-primary-element);
40863
40924
  flex: none;
40864
40925
  }
40865
- .cn-record-list__card-pills[data-v-3c8e615c] {
40926
+ .cn-record-list__card-pills[data-v-38566d36] {
40866
40927
  display: flex;
40867
40928
  flex: none;
40868
40929
  gap: 6px;
40869
40930
  }
40870
- .cn-record-list__card-value[data-v-3c8e615c] {
40931
+ .cn-record-list__card-value[data-v-38566d36] {
40871
40932
  font-size: 24px;
40872
40933
  font-weight: 700;
40873
40934
  }
40874
40935
 
40875
40936
  /* feed */
40876
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
40937
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-38566d36] {
40877
40938
  border-top: 1px solid var(--color-border);
40878
40939
  }
40879
- .cn-record-list__feed-row[data-v-3c8e615c] {
40940
+ .cn-record-list__feed-row[data-v-38566d36] {
40880
40941
  align-items: flex-start;
40881
40942
  display: flex;
40882
40943
  gap: 14px;
40883
40944
  padding: 12px 0;
40884
40945
  }
40885
- .cn-record-list__feed-icon[data-v-3c8e615c] {
40946
+ .cn-record-list__feed-icon[data-v-38566d36] {
40886
40947
  align-items: center;
40887
40948
  background: var(--color-primary-element-light);
40888
40949
  border-radius: 50%;
@@ -40893,25 +40954,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40893
40954
  justify-content: center;
40894
40955
  width: 36px;
40895
40956
  }
40896
- .cn-record-list__text[data-v-3c8e615c] {
40957
+ .cn-record-list__text[data-v-38566d36] {
40897
40958
  font-size: 15px;
40898
40959
  }
40899
- .cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
40960
+ .cn-record-list--feed .cn-record-list__main[data-v-38566d36] {
40900
40961
  color: var(--color-main-text);
40901
40962
  text-decoration: none;
40902
40963
  }
40903
40964
 
40904
40965
  /* inline */
40905
- .cn-record-list__inline-row[data-v-3c8e615c] {
40966
+ .cn-record-list__inline-row[data-v-38566d36] {
40906
40967
  padding: 4px 0;
40907
40968
  }
40908
- .cn-record-list__label[data-v-3c8e615c] {
40969
+ .cn-record-list__label[data-v-38566d36] {
40909
40970
  margin-inline-end: 4px;
40910
40971
  }
40911
- .cn-record-list__inline-title[data-v-3c8e615c] {
40972
+ .cn-record-list__inline-title[data-v-38566d36] {
40912
40973
  color: var(--color-main-text);
40913
40974
  }
40914
- a.cn-record-list__inline-title[data-v-3c8e615c] {
40975
+ a.cn-record-list__inline-title[data-v-38566d36] {
40915
40976
  color: var(--color-primary-element);
40916
40977
  text-decoration: underline;
40917
40978
  }
@@ -46727,16 +46788,16 @@ to {
46727
46788
  }
46728
46789
 
46729
46790
 
46730
- .cn-ordered-list-field[data-v-8f7a2df6] {
46791
+ .cn-ordered-list-field[data-v-54034c6f] {
46731
46792
  display: flex;
46732
46793
  flex-direction: column;
46733
46794
  gap: 10px;
46734
46795
  }
46735
- .cn-ordered-list-field__label[data-v-8f7a2df6] {
46796
+ .cn-ordered-list-field__label[data-v-54034c6f] {
46736
46797
  margin: 0;
46737
46798
  font-weight: 600;
46738
46799
  }
46739
- .cn-ordered-list-field__rows[data-v-8f7a2df6] {
46800
+ .cn-ordered-list-field__rows[data-v-54034c6f] {
46740
46801
  display: flex;
46741
46802
  flex-direction: column;
46742
46803
  margin: 0;
@@ -46745,25 +46806,25 @@ to {
46745
46806
  border-radius: var(--border-radius-element, 8px);
46746
46807
  list-style: none;
46747
46808
  }
46748
- .cn-ordered-list-field__row[data-v-8f7a2df6] {
46809
+ .cn-ordered-list-field__row[data-v-54034c6f] {
46749
46810
  display: flex;
46750
46811
  align-items: center;
46751
46812
  gap: 10px;
46752
46813
  min-height: 44px;
46753
46814
  padding: 2px 6px 2px 12px;
46754
46815
  }
46755
- .cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-8f7a2df6] {
46816
+ .cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-54034c6f] {
46756
46817
  border-top: 1px solid var(--color-border);
46757
46818
  }
46758
- .cn-ordered-list-field__row--dragging[data-v-8f7a2df6] {
46819
+ .cn-ordered-list-field__row--dragging[data-v-54034c6f] {
46759
46820
  opacity: 0.5;
46760
46821
  }
46761
46822
 
46762
46823
  /* Where a dragged row will land: a primary line on the row's top edge. */
46763
- .cn-ordered-list-field__row--over[data-v-8f7a2df6] {
46824
+ .cn-ordered-list-field__row--over[data-v-54034c6f] {
46764
46825
  box-shadow: inset 0 2px 0 var(--color-primary-element);
46765
46826
  }
46766
- .cn-ordered-list-field__handle[data-v-8f7a2df6] {
46827
+ .cn-ordered-list-field__handle[data-v-54034c6f] {
46767
46828
  display: inline-flex;
46768
46829
  flex: none;
46769
46830
  align-items: center;
@@ -46780,31 +46841,31 @@ to {
46780
46841
  color: var(--color-text-maxcontrast);
46781
46842
  cursor: grab;
46782
46843
  }
46783
- .cn-ordered-list-field__handle[data-v-8f7a2df6]:active {
46844
+ .cn-ordered-list-field__handle[data-v-54034c6f]:active {
46784
46845
  cursor: grabbing;
46785
46846
  }
46786
- .cn-ordered-list-field__handle[data-v-8f7a2df6]:focus-visible {
46847
+ .cn-ordered-list-field__handle[data-v-54034c6f]:focus-visible {
46787
46848
  outline: 2px solid var(--color-primary-element);
46788
46849
  outline-offset: 1px;
46789
46850
  }
46790
- .cn-ordered-list-field__position[data-v-8f7a2df6] {
46851
+ .cn-ordered-list-field__position[data-v-54034c6f] {
46791
46852
  flex: none;
46792
46853
  min-width: 18px;
46793
46854
  color: var(--color-text-maxcontrast);
46794
46855
  font-size: 13px;
46795
46856
  font-variant-numeric: tabular-nums;
46796
46857
  }
46797
- .cn-ordered-list-field__text[data-v-8f7a2df6] {
46858
+ .cn-ordered-list-field__text[data-v-54034c6f] {
46798
46859
  flex: 1 1 auto;
46799
46860
  min-width: 0;
46800
46861
  overflow-wrap: anywhere;
46801
46862
  }
46802
- .cn-ordered-list-field__actions[data-v-8f7a2df6] {
46863
+ .cn-ordered-list-field__actions[data-v-54034c6f] {
46803
46864
  display: flex;
46804
46865
  flex: none;
46805
46866
  gap: 2px;
46806
46867
  }
46807
- .cn-ordered-list-field__button[data-v-8f7a2df6] {
46868
+ .cn-ordered-list-field__button[data-v-54034c6f] {
46808
46869
  display: inline-flex;
46809
46870
  align-items: center;
46810
46871
  justify-content: center;
@@ -46820,33 +46881,33 @@ to {
46820
46881
  color: var(--color-main-text);
46821
46882
  cursor: pointer;
46822
46883
  }
46823
- .cn-ordered-list-field__button--text[data-v-8f7a2df6] {
46884
+ .cn-ordered-list-field__button--text[data-v-54034c6f] {
46824
46885
  width: auto;
46825
46886
  padding: 0 10px;
46826
46887
  font-weight: 600;
46827
46888
  white-space: nowrap;
46828
46889
  }
46829
- .cn-ordered-list-field__button[data-v-8f7a2df6]:hover:not(:disabled) {
46890
+ .cn-ordered-list-field__button[data-v-54034c6f]:hover:not(:disabled) {
46830
46891
  background: var(--color-background-hover);
46831
46892
  }
46832
- .cn-ordered-list-field__button[data-v-8f7a2df6]:focus-visible {
46893
+ .cn-ordered-list-field__button[data-v-54034c6f]:focus-visible {
46833
46894
  outline: 2px solid var(--color-primary-element);
46834
46895
  outline-offset: 1px;
46835
46896
  }
46836
- .cn-ordered-list-field__button[data-v-8f7a2df6]:disabled {
46897
+ .cn-ordered-list-field__button[data-v-54034c6f]:disabled {
46837
46898
  opacity: 0.4;
46838
46899
  cursor: default;
46839
46900
  }
46840
- .cn-ordered-list-field__hint[data-v-8f7a2df6] {
46901
+ .cn-ordered-list-field__hint[data-v-54034c6f] {
46841
46902
  margin: 6px 0 0;
46842
46903
  color: var(--color-text-maxcontrast);
46843
46904
  font-size: 13px;
46844
46905
  }
46845
- .cn-ordered-list-field__empty[data-v-8f7a2df6] {
46906
+ .cn-ordered-list-field__empty[data-v-54034c6f] {
46846
46907
  margin: 0;
46847
46908
  color: var(--color-text-maxcontrast);
46848
46909
  }
46849
- .cn-ordered-list-field__tile[data-v-8f7a2df6] {
46910
+ .cn-ordered-list-field__tile[data-v-54034c6f] {
46850
46911
  display: inline-flex;
46851
46912
  flex: none;
46852
46913
  align-items: center;
@@ -46857,15 +46918,15 @@ to {
46857
46918
  background: var(--color-background-dark);
46858
46919
  color: var(--color-main-text);
46859
46920
  }
46860
- .cn-ordered-list-field__name[data-v-8f7a2df6] {
46921
+ .cn-ordered-list-field__name[data-v-54034c6f] {
46861
46922
  display: block;
46862
46923
  }
46863
- .cn-ordered-list-field__description[data-v-8f7a2df6] {
46924
+ .cn-ordered-list-field__description[data-v-54034c6f] {
46864
46925
  display: block;
46865
46926
  color: var(--color-text-maxcontrast);
46866
46927
  font-size: 13px;
46867
46928
  }
46868
- .cn-ordered-list-field__option[data-v-8f7a2df6] {
46929
+ .cn-ordered-list-field__option[data-v-54034c6f] {
46869
46930
  display: flex;
46870
46931
  align-items: center;
46871
46932
  gap: 10px;
@@ -46873,7 +46934,7 @@ to {
46873
46934
  }
46874
46935
 
46875
46936
 
46876
- .cn-saved-view-menu-settings__intro[data-v-dfcd17c4] {
46937
+ .cn-saved-view-menu-settings__intro[data-v-962f985c] {
46877
46938
  margin: 0 0 12px;
46878
46939
  color: var(--color-text-maxcontrast);
46879
46940
  }
@@ -54892,13 +54953,13 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54892
54953
  title on top, the sections on a white pane beside it, and the close icon
54893
54954
  in the corner. The dialog's frame (900px, its tint, no padding) is in
54894
54955
  dialog.css, on the teleported container. */
54895
- .cn-user-settings-dialog__body[data-v-9a3971e2] {
54956
+ .cn-user-settings-dialog__body[data-v-2743a776] {
54896
54957
  position: relative;
54897
54958
  display: flex;
54898
54959
  min-height: 440px;
54899
54960
  max-height: min(760px, calc(100vh - 112px));
54900
54961
  }
54901
- .cn-user-settings-dialog__nav[data-v-9a3971e2] {
54962
+ .cn-user-settings-dialog__nav[data-v-2743a776] {
54902
54963
  display: flex;
54903
54964
  flex: 0 0 200px;
54904
54965
  flex-direction: column;
@@ -54908,7 +54969,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54908
54969
  padding: 0 4px 12px;
54909
54970
  overflow-y: auto;
54910
54971
  }
54911
- .cn-user-settings-dialog__title[data-v-9a3971e2] {
54972
+ .cn-user-settings-dialog__title[data-v-2743a776] {
54912
54973
  margin: 0;
54913
54974
  padding: 14px 10px 12px;
54914
54975
  font-size: 20px;
@@ -54916,7 +54977,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54916
54977
  line-height: 1.25;
54917
54978
  color: var(--color-main-text);
54918
54979
  }
54919
- .cn-user-settings-dialog__nav ul[data-v-9a3971e2] {
54980
+ .cn-user-settings-dialog__nav ul[data-v-2743a776] {
54920
54981
  display: flex;
54921
54982
  flex-direction: column;
54922
54983
  gap: 2px;
@@ -54931,8 +54992,8 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54931
54992
  theme paints every link `var(--nldesign-color-on-surface, <link colour>)
54932
54993
  !important`, so the entry hands it the main text colour through that
54933
54994
  token; only the open entry is marked, by its tint and bar. */
54934
- .cn-user-settings-dialog__nav-link[data-v-9a3971e2],
54935
- .cn-user-settings-dialog__nav-link[data-v-9a3971e2]:visited {
54995
+ .cn-user-settings-dialog__nav-link[data-v-2743a776],
54996
+ .cn-user-settings-dialog__nav-link[data-v-2743a776]:visited {
54936
54997
  --nldesign-color-on-surface: var(--color-main-text);
54937
54998
  position: relative;
54938
54999
  display: flex;
@@ -54945,25 +55006,25 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54945
55006
  color: var(--color-main-text);
54946
55007
  text-decoration: none !important;
54947
55008
  }
54948
- .cn-user-settings-dialog__nav-label[data-v-9a3971e2] {
55009
+ .cn-user-settings-dialog__nav-label[data-v-2743a776] {
54949
55010
  overflow: hidden;
54950
55011
  text-overflow: ellipsis;
54951
55012
  }
54952
- .cn-user-settings-dialog__nav-link[data-v-9a3971e2]:hover {
55013
+ .cn-user-settings-dialog__nav-link[data-v-2743a776]:hover {
54953
55014
  background: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
54954
55015
  text-decoration: none !important;
54955
55016
  }
54956
- .cn-user-settings-dialog__nav-link[data-v-9a3971e2]:focus-visible {
55017
+ .cn-user-settings-dialog__nav-link[data-v-2743a776]:focus-visible {
54957
55018
  outline: 2px solid var(--color-primary-element);
54958
55019
  outline-offset: 2px;
54959
55020
  }
54960
55021
 
54961
55022
  /* The open section: a stronger tint and a 3px bar at the left edge. */
54962
- .cn-user-settings-dialog__nav-link--active[data-v-9a3971e2],
54963
- .cn-user-settings-dialog__nav-link--active[data-v-9a3971e2]:hover {
55023
+ .cn-user-settings-dialog__nav-link--active[data-v-2743a776],
55024
+ .cn-user-settings-dialog__nav-link--active[data-v-2743a776]:hover {
54964
55025
  background: color-mix(in srgb, var(--color-primary-element) 16%, var(--color-primary-element-light));
54965
55026
  }
54966
- .cn-user-settings-dialog__nav-link--active[data-v-9a3971e2]::before {
55027
+ .cn-user-settings-dialog__nav-link--active[data-v-2743a776]::before {
54967
55028
  content: '';
54968
55029
  position: absolute;
54969
55030
  top: 6px;
@@ -54973,17 +55034,17 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54973
55034
  border-radius: 2px;
54974
55035
  background: var(--color-primary-element);
54975
55036
  }
54976
- .cn-user-settings-dialog__group[data-v-9a3971e2] {
55037
+ .cn-user-settings-dialog__group[data-v-2743a776] {
54977
55038
  margin: 10px 0 2px;
54978
55039
  padding: 0 10px;
54979
55040
  font-size: 15px;
54980
55041
  font-weight: 600;
54981
55042
  color: var(--color-main-text);
54982
55043
  }
54983
- .cn-user-settings-dialog__group-sections[data-v-9a3971e2] {
55044
+ .cn-user-settings-dialog__group-sections[data-v-2743a776] {
54984
55045
  padding-inline-start: 10px;
54985
55046
  }
54986
- .cn-user-settings-dialog__sections[data-v-9a3971e2] {
55047
+ .cn-user-settings-dialog__sections[data-v-2743a776] {
54987
55048
  display: flex;
54988
55049
  flex: 1 1 auto;
54989
55050
  flex-direction: column;
@@ -54996,18 +55057,22 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
54996
55057
  border-radius: 8px 0 0 8px;
54997
55058
  background: var(--color-main-background);
54998
55059
  }
54999
- .cn-user-settings-dialog__sections[data-v-9a3971e2] .app-settings-section {
55060
+
55061
+ /* A section's heading and description start at the text's edge, as the
55062
+ board draws them (NcAppSettingsSection indents them 12px). */
55063
+ .cn-user-settings-dialog__sections[data-v-2743a776] .app-settings-section {
55064
+ --app-settings-section-text-offset: 0;
55000
55065
  margin: 0;
55001
55066
  padding: 0;
55002
55067
  border: 0;
55003
55068
  }
55004
- .cn-user-settings-dialog__sections[data-v-9a3971e2] .app-settings-section__name {
55069
+ .cn-user-settings-dialog__sections[data-v-2743a776] .app-settings-section__name {
55005
55070
  margin: 0 0 6px;
55006
55071
  font-size: 20px;
55007
55072
  font-weight: 700;
55008
55073
  line-height: 1.3;
55009
55074
  }
55010
- .cn-user-settings-dialog__note[data-v-9a3971e2] {
55075
+ .cn-user-settings-dialog__note[data-v-2743a776] {
55011
55076
  margin: 0;
55012
55077
  font-size: 14px;
55013
55078
  color: var(--color-text-maxcontrast);
@@ -55015,21 +55080,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
55015
55080
 
55016
55081
  /* One class more than NcButton's own `position: relative`, which otherwise
55017
55082
  wins at the same weight and leaves the button stretched in the body row. */
55018
- .cn-user-settings-dialog__body > .cn-user-settings-dialog__close[data-v-9a3971e2] {
55083
+ .cn-user-settings-dialog__body > .cn-user-settings-dialog__close[data-v-2743a776] {
55019
55084
  position: absolute;
55020
55085
  top: 8px;
55021
55086
  inset-inline-end: 8px;
55022
55087
  }
55023
55088
  @media (max-width: 600px) {
55024
- .cn-user-settings-dialog__body[data-v-9a3971e2] {
55089
+ .cn-user-settings-dialog__body[data-v-2743a776] {
55025
55090
  flex-direction: column;
55026
55091
  }
55027
- .cn-user-settings-dialog__nav[data-v-9a3971e2] {
55092
+ .cn-user-settings-dialog__nav[data-v-2743a776] {
55028
55093
  flex-basis: auto;
55029
55094
  width: auto;
55030
55095
  max-height: 40vh;
55031
55096
  }
55032
- .cn-user-settings-dialog__sections[data-v-9a3971e2] {
55097
+ .cn-user-settings-dialog__sections[data-v-2743a776] {
55033
55098
  padding: 20px 16px;
55034
55099
  border-inline-start: 0;
55035
55100
  border-radius: 8px 8px 0 0;
@@ -55946,31 +56011,31 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
55946
56011
  color: var(--color-text-maxcontrast);
55947
56012
  }
55948
56013
 
55949
- .cn-notification-matrix__table[data-v-85a3fe56] {
56014
+ .cn-notification-matrix__table[data-v-ebb6783e] {
55950
56015
  inline-size: 100%;
55951
56016
  border-collapse: collapse;
55952
56017
  }
55953
56018
 
55954
- .cn-notification-matrix__caption[data-v-85a3fe56] {
56019
+ .cn-notification-matrix__caption[data-v-ebb6783e] {
55955
56020
  text-align: start;
55956
56021
  padding-block-end: 8px;
55957
56022
  }
55958
56023
 
55959
- .cn-notification-matrix__table th[data-v-85a3fe56],
55960
- .cn-notification-matrix__table td[data-v-85a3fe56] {
56024
+ .cn-notification-matrix__table th[data-v-ebb6783e],
56025
+ .cn-notification-matrix__table td[data-v-ebb6783e] {
55961
56026
  text-align: start;
55962
56027
  padding: 6px 8px;
55963
56028
  border-block-end: 1px solid var(--color-border);
55964
56029
  vertical-align: top;
55965
56030
  }
55966
56031
 
55967
- .cn-notification-matrix__muted[data-v-85a3fe56] {
56032
+ .cn-notification-matrix__muted[data-v-ebb6783e] {
55968
56033
  display: block;
55969
56034
  color: var(--color-text-maxcontrast);
55970
56035
  font-size: 0.85rem;
55971
56036
  }
55972
56037
 
55973
- .cn-notification-matrix__group[data-v-85a3fe56] {
56038
+ .cn-notification-matrix__group[data-v-ebb6783e] {
55974
56039
  background: none;
55975
56040
  border: none;
55976
56041
  font-weight: bold;
@@ -55979,21 +56044,21 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
55979
56044
  color: var(--color-main-text);
55980
56045
  }
55981
56046
 
55982
- .cn-notification-matrix__scope[data-v-85a3fe56] {
56047
+ .cn-notification-matrix__scope[data-v-ebb6783e] {
55983
56048
  padding-inline-start: 24px !important;
55984
56049
  font-weight: normal;
55985
56050
  }
55986
56051
 
55987
- .cn-notification-matrix__row--scoped th[data-v-85a3fe56],
55988
- .cn-notification-matrix__row--scoped td[data-v-85a3fe56] {
56052
+ .cn-notification-matrix__row--scoped th[data-v-ebb6783e],
56053
+ .cn-notification-matrix__row--scoped td[data-v-ebb6783e] {
55989
56054
  border-block-end-style: dotted;
55990
56055
  }
55991
56056
 
55992
- .cn-notification-matrix__test[data-v-85a3fe56] {
56057
+ .cn-notification-matrix__test[data-v-ebb6783e] {
55993
56058
  margin-block-start: 4px;
55994
56059
  }
55995
56060
 
55996
- .cn-notification-matrix__note[data-v-85a3fe56] {
56061
+ .cn-notification-matrix__note[data-v-ebb6783e] {
55997
56062
  color: var(--color-text-maxcontrast);
55998
56063
  }
55999
56064
 
@@ -56001,7 +56066,11 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
56001
56066
  headers over a hairline, the channel columns 96px with a centred 20px
56002
56067
  checkbox, the event rows 10px high with the soft rule. The caption stays for
56003
56068
  assistive technology. */
56004
- .cn-notification-matrix--board .cn-notification-matrix__caption[data-v-85a3fe56] {
56069
+ .cn-notification-matrix--board[data-v-ebb6783e] {
56070
+ /* A theme that colours every th (thematiq's table header token) leaves
56071
+ the board grid's head white. */
56072
+ }
56073
+ .cn-notification-matrix--board .cn-notification-matrix__caption[data-v-ebb6783e] {
56005
56074
  position: absolute;
56006
56075
  inline-size: 1px;
56007
56076
  block-size: 1px;
@@ -56009,56 +56078,58 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
56009
56078
  clip-path: inset(50%);
56010
56079
  white-space: nowrap;
56011
56080
  }
56012
- .cn-notification-matrix--board .cn-notification-matrix__table[data-v-85a3fe56] {
56081
+ .cn-notification-matrix--board .cn-notification-matrix__table[data-v-ebb6783e] {
56082
+ --nldesign-component-table-header-background-color: transparent;
56013
56083
  font-size: 14px;
56014
56084
  }
56015
- .cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-85a3fe56] {
56085
+ .cn-notification-matrix--board .cn-notification-matrix__table thead th[data-v-ebb6783e] {
56016
56086
  padding: 8px 10px 8px 0;
56087
+ line-height: 1.2;
56017
56088
  border-block-end: 1px solid var(--color-border);
56018
56089
  color: var(--color-text-maxcontrast);
56019
56090
  font-size: 13px;
56020
56091
  font-weight: 600;
56021
56092
  vertical-align: bottom;
56022
56093
  }
56023
- .cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-85a3fe56] {
56094
+ .cn-notification-matrix--board .cn-notification-matrix__table thead th[data-channel][data-v-ebb6783e] {
56024
56095
  inline-size: 96px;
56025
56096
  padding-inline: 4px;
56026
56097
  text-align: center;
56027
56098
  }
56028
- .cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-85a3fe56],
56029
- .cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-85a3fe56] {
56099
+ .cn-notification-matrix--board .cn-notification-matrix__table tbody th[data-v-ebb6783e],
56100
+ .cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-ebb6783e] {
56030
56101
  padding: 10px 10px 10px 0;
56031
56102
  border-block-end: 1px solid var(--color-background-dark);
56032
56103
  font-weight: 400;
56033
56104
  line-height: 1.4;
56034
56105
  vertical-align: middle;
56035
56106
  }
56036
- .cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-85a3fe56] {
56107
+ .cn-notification-matrix--board .cn-notification-matrix__table tbody td[data-v-ebb6783e] {
56037
56108
  padding-inline: 4px;
56038
56109
  text-align: center;
56039
56110
  }
56040
- .cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-85a3fe56] {
56111
+ .cn-notification-matrix--board .cn-notification-matrix__table tbody td input[type=checkbox][data-v-ebb6783e] {
56041
56112
  inline-size: 20px;
56042
56113
  min-inline-size: 20px;
56043
56114
  block-size: 20px;
56044
56115
  min-block-size: 20px;
56045
56116
  margin: 0;
56046
56117
  }
56047
- .cn-notification-matrix--board .cn-notification-matrix__group[data-v-85a3fe56] {
56118
+ .cn-notification-matrix--board .cn-notification-matrix__group[data-v-ebb6783e] {
56048
56119
  padding: 4px 0;
56049
56120
  font-size: 13px;
56050
56121
  font-weight: 600;
56051
56122
  color: var(--color-text-maxcontrast);
56052
56123
  }
56053
- .cn-notification-matrix--board .cn-notification-matrix__channels[data-v-85a3fe56] {
56124
+ .cn-notification-matrix--board .cn-notification-matrix__channels[data-v-ebb6783e] {
56054
56125
  margin-block-start: 16px;
56055
56126
  }
56056
- .cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-85a3fe56] {
56127
+ .cn-notification-matrix--board .cn-notification-matrix__channels-summary[data-v-ebb6783e] {
56057
56128
  font-size: 14px;
56058
56129
  font-weight: 600;
56059
56130
  cursor: pointer;
56060
56131
  }
56061
- .cn-notification-matrix--board .cn-notification-matrix__channel[data-v-85a3fe56] {
56132
+ .cn-notification-matrix--board .cn-notification-matrix__channel[data-v-ebb6783e] {
56062
56133
  display: flex;
56063
56134
  flex-wrap: wrap;
56064
56135
  align-items: flex-end;
@@ -56066,7 +56137,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
56066
56137
  padding-block: 10px;
56067
56138
  border-block-end: 1px solid var(--color-background-dark);
56068
56139
  }
56069
- .cn-notification-matrix--board .cn-notification-matrix__channel-name[data-v-85a3fe56] {
56140
+ .cn-notification-matrix--board .cn-notification-matrix__channel-name[data-v-ebb6783e] {
56070
56141
  flex: 1 0 100%;
56071
56142
  margin: 0;
56072
56143
  font-size: 14px;