@conduction/nextcloud-vue 2.148.0 → 2.150.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 (111) hide show
  1. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
  2. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +24 -7
  3. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
  4. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js.map +1 -1
  5. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue.js +1 -1
  6. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js +12 -1
  7. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js.map +1 -1
  8. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +2 -1
  9. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
  10. package/dist/esm/components/CnChartWidget/CnChartWidget.vue.js +1 -1
  11. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js +12 -0
  12. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js.map +1 -1
  13. package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js.map +1 -1
  14. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
  15. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js +23 -1
  16. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
  17. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js +1 -1
  18. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
  19. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +34 -1
  20. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  21. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  22. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue.js +1 -1
  23. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue2.js.map +1 -1
  24. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue3.js.map +1 -1
  25. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue.js +1 -1
  26. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue2.js.map +1 -1
  27. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue3.js.map +1 -1
  28. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue.js +1 -1
  29. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js +64 -8
  30. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js.map +1 -1
  31. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js +14 -4
  32. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js.map +1 -1
  33. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  34. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +26 -3
  35. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  36. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +10 -2
  37. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
  38. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue.js +1 -1
  39. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js +84 -1
  40. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js.map +1 -1
  41. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js +61 -33
  42. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js.map +1 -1
  43. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue.js +1 -1
  44. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js +49 -2
  45. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js.map +1 -1
  46. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js +90 -59
  47. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js.map +1 -1
  48. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js +3 -1
  49. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js.map +1 -1
  50. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue3.js.map +1 -1
  51. package/dist/esm/components/CnNotesCard/CnNotesCard.vue.js +1 -1
  52. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js +10 -0
  53. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js.map +1 -1
  54. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js.map +1 -1
  55. package/dist/esm/components/CnObjectCard/CnObjectCard.vue.js +1 -1
  56. package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js +11 -0
  57. package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js.map +1 -1
  58. package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js +28 -21
  59. package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js.map +1 -1
  60. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
  61. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +1 -1
  62. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
  63. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
  64. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  65. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +3 -15
  66. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  67. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +123 -115
  68. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  69. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue.js +1 -1
  70. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js +4 -0
  71. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js.map +1 -1
  72. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
  73. package/dist/esm/l10n/en.json.js +2 -1
  74. package/dist/esm/l10n/en.json.js.map +1 -1
  75. package/dist/esm/l10n/nl.json.js +2 -1
  76. package/dist/esm/l10n/nl.json.js.map +1 -1
  77. package/dist/esm/library-style.js +1 -1
  78. package/dist/esm/nextcloud-vue.css +761 -520
  79. package/dist/esm/utils/fillTemplate.js +19 -2
  80. package/dist/esm/utils/fillTemplate.js.map +1 -1
  81. package/dist/nextcloud-vue.cjs.js +1368 -945
  82. package/dist/nextcloud-vue.cjs.js.map +2 -2
  83. package/dist/nextcloud-vue.css +761 -520
  84. package/l10n/en.json +2 -1
  85. package/l10n/nl.json +2 -1
  86. package/package.json +1 -1
  87. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +24 -7
  88. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +13 -1
  89. package/src/components/CnChartWidget/CnChartWidget.md +1 -1
  90. package/src/components/CnChartWidget/CnChartWidget.vue +12 -0
  91. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +29 -2
  92. package/src/components/CnDataTable/CnDataTable.vue +34 -1
  93. package/src/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue +6 -1
  94. package/src/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue +1 -0
  95. package/src/components/CnDuplicateWarning/CnDuplicateWarning.vue +74 -10
  96. package/src/components/CnFactsWidget/CnFactsWidget.vue +35 -3
  97. package/src/components/CnFieldListWidget/CnFieldListWidget.vue +131 -3
  98. package/src/components/CnFlowRunsWidget/CnFlowRunsWidget.vue +103 -5
  99. package/src/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue +3 -1
  100. package/src/components/CnNotesCard/CnNotesCard.vue +10 -0
  101. package/src/components/CnObjectCard/CnObjectCard.vue +16 -0
  102. package/src/components/CnObjectListWidget/CnObjectListWidget.vue +1 -1
  103. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +19 -19
  104. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +4 -0
  105. package/src/css/board.css +2 -0
  106. package/src/css/dialog.css +17 -0
  107. package/src/css/look-board-detail.css +52 -3
  108. package/src/css/look-board-index.css +42 -2
  109. package/src/css/look-board.css +45 -5
  110. package/src/css/table.css +5 -2
  111. package/src/utils/fillTemplate.js +19 -2
@@ -1009,14 +1009,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1009
1009
  }
1010
1010
 
1011
1011
  /* A saved view's manage menu (DqFilterBeheren, DqFilterInMenu "Beheer
1012
- <view>"): 264px wide, rows of at least 40px, 6px 10px in, 8px rounded,
1012
+ <view>"): 278px wide outside (the board's 264px of content, 6px in and a
1013
+ 1px line), rows of at least 40px, 6px 10px in, 8px rounded,
1013
1014
  the icon 12px before a 14px label at 600 with its explanation under it in
1014
1015
  12px muted text at 400; the separator in the soft line, and Delete in the
1015
1016
  error red. Its rows carry the panel's `cn-saved-views-` test ids.
1016
1017
  @spec openspec/changes/board-saved-view-manage-menu/specs/board-saved-view-manage-menu/spec.md#requirement-a-saved-views-manage-menu-is-the-boards-menu */
1017
1018
  body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-item__popper:has(li[data-testid^="cn-saved-views-"]) .v-popper__wrapper .v-popper__inner {
1018
1019
  box-sizing: border-box;
1019
- width: 264px;
1020
+ width: 278px;
1020
1021
  max-width: calc(100vw - 32px);
1021
1022
  }
1022
1023
 
@@ -1587,8 +1588,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1587
1588
  text-align: start;
1588
1589
  }
1589
1590
 
1590
- /* Body rows are 42px as on the boards (10px, a 21px line, 10px, the rule).
1591
- A row header (dossiq's prerequisites) reads as a strong cell, not as a
1591
+ /* Body cells read 14px at 1.2, as the boards' settings tables do; a row's
1592
+ height comes from its content (a pill or a 34px button). A row header (dossiq's prerequisites) reads as a strong cell, not as a
1592
1593
  head: the theme paints every th, so its tokens are handed the cell's. */
1593
1594
  .cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) td,
1594
1595
  .cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) tbody th {
@@ -1596,7 +1597,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1596
1597
  border-bottom: 1px solid var(--color-background-dark);
1597
1598
  color: var(--color-main-text);
1598
1599
  font-size: 14px;
1599
- line-height: 1.5;
1600
+ line-height: 1.2;
1600
1601
  vertical-align: middle;
1601
1602
  }
1602
1603
 
@@ -1727,6 +1728,38 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1727
1728
  min-width: 0;
1728
1729
  }
1729
1730
 
1731
+ /* A settings card's first line sits where the boards draw it: an
1732
+ "Uitleg tonen" link, a switch or a note adds no height beyond its text, so
1733
+ the first text is 16px under the subtitle (DqBeheerinstellingen
1734
+ "Zaak-e-mail" and "AI-ondersteunde verwerking", DqBeheerGeavanceerd "KCC"
1735
+ and "Storeregister": 7px and 29px lower live). The controls keep their full
1736
+ hit area; the negative margin only takes it out of the line.
1737
+ @spec openspec/changes/board-settings-first-line/specs/settings-board-look/spec.md */
1738
+ .cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) {
1739
+ margin-block: -8px;
1740
+ }
1741
+
1742
+ .cn-look-board .cn-settings-field--switch:not(.cn-look-nextcloud *) > .checkbox-radio-switch {
1743
+ margin-block: -8px;
1744
+ }
1745
+
1746
+ .cn-look-board .cn-settings-field--status:not(.cn-look-nextcloud *) > .notecard {
1747
+ margin: 0;
1748
+ }
1749
+
1750
+ /* A card's longer explanation reads as the boards' second paragraph: 14px
1751
+ muted at 1.5, the fields 14px under it (DqBeheerGeavanceerd "Urgentie in de
1752
+ werkvoorraad": 15px and 30px live). The theme sizes every paragraph through
1753
+ its tokens. */
1754
+ .cn-look-board .cn-settings-section__description-text:not(.cn-look-nextcloud *) {
1755
+ --nldesign-component-paragraph-font-size: 14px;
1756
+ --nldesign-component-paragraph-line-height: 1.5;
1757
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
1758
+ margin: 0;
1759
+ font-size: 14px;
1760
+ line-height: 1.5;
1761
+ }
1762
+
1730
1763
  @container (max-width: 400px) {
1731
1764
  .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
1732
1765
  .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
@@ -2681,6 +2714,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2681
2714
  font-weight: 500;
2682
2715
  }
2683
2716
 
2717
+ /* A compact card keeps its 15px/700 title on a dashboard page too (DqInspectie). */
2718
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__card .cn-record-list__title {
2719
+ font-weight: 700;
2720
+ line-height: 1.2;
2721
+ }
2722
+
2684
2723
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__main {
2685
2724
  gap: 2px;
2686
2725
  }
@@ -3539,6 +3578,7 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3539
3578
  .cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
3540
3579
  border-radius: 8px;
3541
3580
  background: var(--cn-board-sunken-ground);
3581
+ line-height: normal;
3542
3582
  }
3543
3583
  /*
3544
3584
  * The board dialog (screens-dialog-parity, canon section 5).
@@ -4137,6 +4177,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4137
4177
  max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
4138
4178
  }
4139
4179
  }
4180
+
4181
+ /* The chosen option's fields start 12px under its description, the label on
4182
+ the normal line, as DqVolgendeStap draws "Opschorten": the row's 12px
4183
+ bottom padding plus the cell's 8px gap and a 21px label line put them
4184
+ 11.6px lower (r31).
4185
+ @spec openspec/changes/board-choice-card-fields-under-the-text/specs/dialog/spec.md */
4186
+ .cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details {
4187
+ gap: 12px;
4188
+ }
4189
+
4190
+ .cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details .cn-choice-cards__row {
4191
+ padding-bottom: 0;
4192
+ }
4193
+
4194
+ .cn-dialog-board .cn-transition-input-fields .cn-transition-input-fields__label {
4195
+ line-height: normal;
4196
+ }
4140
4197
  /*
4141
4198
  * The board form field (screens-form-parity, canon sections 5 and 6).
4142
4199
  *
@@ -4470,6 +4527,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4470
4527
 
4471
4528
  .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
4472
4529
  font-size: 13px;
4530
+ line-height: normal;
4473
4531
  color: var(--color-text-maxcontrast);
4474
4532
  }
4475
4533
 
@@ -4489,6 +4547,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4489
4547
 
4490
4548
  .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
4491
4549
  display: flex;
4550
+ line-height: normal;
4492
4551
  align-items: center;
4493
4552
  justify-content: space-between;
4494
4553
  gap: 8px;
@@ -5799,8 +5858,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5799
5858
  @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
5800
5859
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
5801
5860
  background: var(--color-background-dark);
5802
- color: var(--color-main-text);
5861
+ color: var(--cn-board-text-soft);
5803
5862
  font-size: 13px;
5863
+ line-height: normal;
5804
5864
  }
5805
5865
 
5806
5866
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
@@ -6233,17 +6293,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6233
6293
  margin: 0;
6234
6294
  font-size: 17px;
6235
6295
  font-weight: 700;
6236
- line-height: 1.3;
6296
+ line-height: normal;
6237
6297
  text-decoration: none;
6238
6298
  white-space: normal;
6239
6299
  }
6240
6300
 
6241
6301
  .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
6242
6302
  --nldesign-component-paragraph-font-size: 14px;
6303
+ --nldesign-component-paragraph-line-height: normal;
6243
6304
  --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
6244
6305
  margin: 0;
6245
6306
  color: var(--color-text-maxcontrast);
6246
6307
  font-size: 14px;
6308
+ line-height: normal;
6247
6309
  }
6248
6310
 
6249
6311
  /* The meta line, note and description are paragraphs: each hands the theme,
@@ -6251,11 +6313,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6251
6313
  .cn-look-board .cn-object-card--board .cn-object-card__record-note {
6252
6314
  --nldesign-component-paragraph-font-size: 13px;
6253
6315
  --nldesign-component-paragraph-font-weight: 600;
6316
+ --nldesign-component-paragraph-line-height: normal;
6254
6317
  --nldesign-component-paragraph-color: var(--cn-board-text-soft);
6255
6318
  margin: 0;
6256
6319
  color: var(--cn-board-text-soft);
6257
6320
  font-size: 13px;
6258
6321
  font-weight: 600;
6322
+ line-height: normal;
6259
6323
  }
6260
6324
 
6261
6325
  .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
@@ -6423,9 +6487,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6423
6487
  --app-sidebar-width: 360px;
6424
6488
  }
6425
6489
 
6490
+ /* The subtitle 2px under the title at a normal line height, and the tab's
6491
+ content 20px in from the panel edge (the tab's 10px and 10px here), as
6492
+ DqFilterBeheren draws the side panel.
6493
+ @spec openspec/changes/board-side-panel-rhythm/specs/board-side-panel-rhythm/spec.md */
6426
6494
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar-header__subname {
6495
+ margin-top: 2px;
6427
6496
  color: var(--color-text-maxcontrast);
6428
6497
  font-size: 14px;
6498
+ line-height: normal;
6499
+ }
6500
+
6501
+ .cn-look-board:has(.cn-index-page) > .app-sidebar .cn-index-sidebar__section {
6502
+ padding: 10px;
6429
6503
  }
6430
6504
 
6431
6505
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar__close {
@@ -6644,9 +6718,33 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6644
6718
  @spec openspec/changes/board-index-sidebar-title-inset/specs/board-index-sidebar-title-inset/spec.md#requirement-the-index-side-panel-title-is-inset-as-the-board-draws-it */
6645
6719
  .cn-look-board .cn-index-sidebar-panel .app-sidebar-header.app-sidebar-header .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc {
6646
6720
  padding-block-start: 15px;
6721
+ padding-block-end: 0;
6647
6722
  padding-inline-start: 20px;
6648
6723
  }
6649
6724
 
6725
+ /* The line under the title is a paragraph the theme sets with `!important`
6726
+ (15px, its own leading): 14px muted at its normal leading, 2px under the
6727
+ title, so the tab row starts 14px under it and the first field 20px under
6728
+ the tabs (DqZakenSorteren, DqFilterBeheren: title 20, line 46, tabs 77,
6729
+ search field 137).
6730
+ @spec openspec/changes/board-side-panel-header-rhythm/specs/board-side-panel-header-rhythm/spec.md#requirement-the-side-panel-header-and-first-field-sit-as-the-boards-draw-them */
6731
+ .cn-look-board .cn-index-sidebar-panel .app-sidebar-header__subname {
6732
+ --nldesign-component-paragraph-font-size: 14px;
6733
+ --nldesign-component-paragraph-line-height: normal;
6734
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
6735
+ font-size: 14px !important;
6736
+ line-height: normal !important;
6737
+ margin-block-start: -3px !important;
6738
+ }
6739
+
6740
+ .cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child {
6741
+ padding-top: 8px;
6742
+ }
6743
+
6744
+ .cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child > .input-field {
6745
+ margin-top: 0;
6746
+ }
6747
+
6650
6748
  .cn-look-board .cn-index-sidebar-panel .app-sidebar-tabs__nav[role="tablist"] {
6651
6749
  justify-content: flex-start;
6652
6750
  gap: 4px;
@@ -6839,6 +6937,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6839
6937
  .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__name-text {
6840
6938
  font-size: 14px;
6841
6939
  font-weight: 600;
6940
+ line-height: normal;
6842
6941
  }
6843
6942
 
6844
6943
  /* A view's count: a grey pill at the end of its row (DqFilterBeheren). */
@@ -7756,10 +7855,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
7756
7855
  cursor: grab;
7757
7856
  }
7758
7857
 
7759
- /* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
7858
+ /* The handle before a reorderable row's name: a muted 16px grip 10px before
7859
+ it. It floats, so a name that wraps in a narrow cell wraps beside the grip
7860
+ instead of dropping under it. */
7760
7861
  .cn-table-row__handle {
7761
7862
  display: inline-flex;
7762
- vertical-align: middle;
7863
+ float: inline-start;
7864
+ margin-block-start: 1px;
7763
7865
  margin-inline-end: 10px;
7764
7866
  color: var(--color-text-maxcontrast);
7765
7867
  cursor: grab;
@@ -12366,6 +12468,14 @@ li[data-cn-admin-tag] > .action-link::after {
12366
12468
  padding: calc(12px - var(--cn-board-first-line-leading)) var(--cn-board-card-inline-padding) 20px;
12367
12469
  }
12368
12470
 
12471
+ /* A card that opens on a record-list table starts 12px under its title: the
12472
+ table's head row sets its own padding and line height, so no first line
12473
+ carries the half-leading the rule above takes off (r31 DqZaaktype
12474
+ "Berichten aan de aanvrager" sat 2.2px high). */
12475
+ .cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-record-list > .cn-record-list__table:first-child):not(.cn-look-nextcloud *) {
12476
+ padding-top: 12px;
12477
+ }
12478
+
12369
12479
  /* A history card with stacked rows (DqTaak "Historie") opens on the first
12370
12480
  row's hairline 6px under the title, the row's own 12px padding above its
12371
12481
  text, as drawn: 19px from the title to the first action.
@@ -12456,6 +12566,15 @@ li[data-cn-admin-tag] > .action-link::after {
12456
12566
  font-weight: 500;
12457
12567
  }
12458
12568
 
12569
+ /* The files table's checkbox column is the board's 42px (12px either side
12570
+ of the 18px box): DqZaakDocumenten and DqDocumentenBeheer both draw it so.
12571
+ The component's 36px pushed the file icon and name 6px left (r31: name 96
12572
+ vs 100; probed with the rule: icon 54 as drawn, name 102).
12573
+ @spec openspec/changes/board-files-select-column-42/specs/board-files-select-column-42/spec.md#requirement-the-files-tables-checkbox-column-is-42px */
12574
+ .cn-look-board .cn-files-browser__col-select:not(.cn-look-nextcloud *) {
12575
+ width: 42px;
12576
+ }
12577
+
12459
12578
  /* A labelled select in a page card is the board's field, as in a board
12460
12579
  dialog (dialog.css): its label above the control at 14px/600 on the normal
12461
12580
  line (the theme's label weight token set to 600 here), the control 40px,
@@ -13199,10 +13318,10 @@ li[data-cn-admin-tag] > .action-link::after {
13199
13318
 
13200
13319
  /* The buttons above the groups are the card's 34px controls ("Bekijken als
13201
13320
  flow", "Taak toevoegen"), not the page's 40px ones. */
13202
- /* The buttons sit 14px under the subtitle and 14px above the groups, the
13203
- card's gap (the content's own 12px top padding plus 2px). */
13321
+ /* The buttons sit 14px above the groups, the card's gap; above them the
13322
+ content's own top padding is the space under the subtitle. */
13204
13323
  .cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
13205
- margin-block: 2px 14px;
13324
+ margin-block: 0 14px;
13206
13325
  }
13207
13326
 
13208
13327
  .cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
@@ -13994,6 +14113,38 @@ li[data-cn-admin-tag] > .action-link::after {
13994
14113
  .cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
13995
14114
  line-height: 1.2;
13996
14115
  }
14116
+
14117
+ /* A facts card's link with an icon (Werkinstructie) sets the icon beside its
14118
+ text, 10px apart, the text on the normal line starting 10px under the
14119
+ title, as the Dq boards draw it. The anchor was a block, so the icon stood
14120
+ on its own line above the text (r31).
14121
+ @spec openspec/changes/board-facts-link-icon-beside-text/specs/facts-widget/spec.md */
14122
+ .cn-look-board .cn-facts-widget .cn-facts-widget__link:has(> .material-design-icon):not(.cn-look-nextcloud *) {
14123
+ display: flex;
14124
+ align-items: center;
14125
+ gap: 10px;
14126
+ margin-top: var(--cn-board-first-line-leading);
14127
+ line-height: normal;
14128
+ }
14129
+
14130
+ /* A table in a detail page card names each row in the link colour at 14px,
14131
+ as DqZaakGerelateerd draws "Deelzaken" and "Objecten" (r31: 15px in the
14132
+ body ink). The row opens the record, so its name reads as the link.
14133
+ @spec openspec/changes/board-detail-table-title-cells/specs/board-tables/spec.md */
14134
+ .cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title:not(.cn-look-nextcloud *),
14135
+ .cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title .cn-cell-renderer:not(.cn-look-nextcloud *) {
14136
+ font-size: 14px;
14137
+ line-height: 1.2;
14138
+ color: var(--color-primary-element);
14139
+ }
14140
+
14141
+ /* A data card keeps its 14px under a subtitle too (DqZaakBetrokkenen
14142
+ "Zetels"): the subtitle rule's 12px won over the data card's 14px, so the
14143
+ labels sat 2.2px high (r31).
14144
+ @spec openspec/changes/board-data-card-under-subtitle/specs/board-card/spec.md */
14145
+ .cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *):has(> .cn-widget-wrapper__header .cn-widget-wrapper__subtitle) > .cn-widget-wrapper__content:has(> .cn-object-data-widget__grid-wrap) {
14146
+ padding-top: 14px;
14147
+ }
13997
14148
  /*
13998
14149
  * The reports page under the board look (screens-reports-page-board-look,
13999
14150
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -16851,7 +17002,7 @@ li[data-cn-admin-tag] > .action-link::after {
16851
17002
  }
16852
17003
 
16853
17004
 
16854
- .cn-chart-widget[data-v-b6e600c4] {
17005
+ .cn-chart-widget[data-v-37644514] {
16855
17006
  width: 100%;
16856
17007
  /* A chart FITS its container — it is never a scroll region. apexcharts
16857
17008
  sizes its SVG from the element it is mounted in, but it also enforces
@@ -16873,13 +17024,13 @@ li[data-cn-admin-tag] > .action-link::after {
16873
17024
  takes what is left, so the chart is sized by the box rather than sizing it.
16874
17025
  `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
16875
17026
  the thing that produces the overflow it was meant to prevent. */
16876
- .cn-chart-widget--fit[data-v-b6e600c4] {
17027
+ .cn-chart-widget--fit[data-v-37644514] {
16877
17028
  height: 100%;
16878
17029
  min-height: 0;
16879
17030
  display: flex;
16880
17031
  flex-direction: column;
16881
17032
  }
16882
- .cn-chart-widget__canvas[data-v-b6e600c4] {
17033
+ .cn-chart-widget__canvas[data-v-37644514] {
16883
17034
  min-width: 0;
16884
17035
  max-width: 100%;
16885
17036
  /* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -16892,14 +17043,14 @@ li[data-cn-admin-tag] > .action-link::after {
16892
17043
  /* apexcharts writes an inline `width` onto its own wrapper from its measured
16893
17044
  minimum, which beats the container when the container is narrower. Cap the
16894
17045
  painted box so the inline width cannot push past the widget's border. */
16895
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas,
16896
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
17046
+ .cn-chart-widget[data-v-37644514] .apexcharts-canvas,
17047
+ .cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
16897
17048
  max-width: 100%;
16898
17049
  }
16899
17050
 
16900
17051
  /* The SVG is a block: as an inline box it sits on a line and adds the line's
16901
17052
  descender space under the chart. */
16902
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
17053
+ .cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
16903
17054
  display: block;
16904
17055
  }
16905
17056
 
@@ -16907,24 +17058,24 @@ li[data-cn-admin-tag] > .action-link::after {
16907
17058
  would grow to its content, i.e. to the chart, and the percentage height would
16908
17059
  resolve against a box the chart itself defined. `overflow: hidden` keeps a
16909
17060
  sub-pixel rounding difference from reintroducing a scrollbar. */
16910
- .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-b6e600c4] {
17061
+ .cn-chart-widget--fit .cn-chart-widget__canvas[data-v-37644514] {
16911
17062
  flex: 1 1 0;
16912
17063
  min-height: 0;
16913
17064
  overflow: hidden;
16914
17065
  }
16915
- .cn-chart-widget__fallback[data-v-b6e600c4] {
17066
+ .cn-chart-widget__fallback[data-v-37644514] {
16916
17067
  display: flex;
16917
17068
  align-items: center;
16918
17069
  justify-content: center;
16919
17070
  min-height: 150px;
16920
17071
  color: var(--color-text-maxcontrast);
16921
17072
  }
16922
- .cn-chart-widget__html[data-v-b6e600c4] {
17073
+ .cn-chart-widget__html[data-v-37644514] {
16923
17074
  display: flex;
16924
17075
  flex-direction: column;
16925
17076
  gap: 12px;
16926
17077
  }
16927
- .cn-chart-widget__bar-list[data-v-b6e600c4] {
17078
+ .cn-chart-widget__bar-list[data-v-37644514] {
16928
17079
  display: flex;
16929
17080
  flex-direction: column;
16930
17081
  gap: 10px;
@@ -16932,7 +17083,7 @@ li[data-cn-admin-tag] > .action-link::after {
16932
17083
  margin: 0;
16933
17084
  padding: 0;
16934
17085
  }
16935
- .cn-chart-widget__bar-line[data-v-b6e600c4] {
17086
+ .cn-chart-widget__bar-line[data-v-37644514] {
16936
17087
  align-items: center;
16937
17088
  background: none;
16938
17089
  border: 0;
@@ -16947,32 +17098,32 @@ li[data-cn-admin-tag] > .action-link::after {
16947
17098
  text-align: start;
16948
17099
  width: 100%;
16949
17100
  }
16950
- .cn-chart-widget__bar-line--drill[data-v-b6e600c4] {
17101
+ .cn-chart-widget__bar-line--drill[data-v-37644514] {
16951
17102
  border-radius: var(--border-radius-small, 4px);
16952
17103
  cursor: pointer;
16953
17104
  }
16954
- .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-b6e600c4],
16955
- .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-b6e600c4] {
17105
+ .cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-37644514],
17106
+ .cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-37644514] {
16956
17107
  text-decoration: underline;
16957
17108
  }
16958
- .cn-chart-widget__bar-label[data-v-b6e600c4] {
17109
+ .cn-chart-widget__bar-label[data-v-37644514] {
16959
17110
  overflow: hidden;
16960
17111
  text-overflow: ellipsis;
16961
17112
  white-space: nowrap;
16962
17113
  }
16963
- .cn-chart-widget__bar-track[data-v-b6e600c4] {
17114
+ .cn-chart-widget__bar-track[data-v-37644514] {
16964
17115
  background: var(--color-background-dark);
16965
17116
  border-radius: 4px;
16966
17117
  display: block;
16967
17118
  height: 14px;
16968
17119
  overflow: hidden;
16969
17120
  }
16970
- .cn-chart-widget__bar-fill[data-v-b6e600c4] {
17121
+ .cn-chart-widget__bar-fill[data-v-37644514] {
16971
17122
  background: var(--color-primary-element);
16972
17123
  display: block;
16973
17124
  height: 100%;
16974
17125
  }
16975
- .cn-chart-widget__bar-value[data-v-b6e600c4] {
17126
+ .cn-chart-widget__bar-value[data-v-37644514] {
16976
17127
  font-weight: 600;
16977
17128
  text-align: end;
16978
17129
  white-space: nowrap;
@@ -16980,10 +17131,10 @@ li[data-cn-admin-tag] > .action-link::after {
16980
17131
 
16981
17132
  /* `barValueAtEnd`: no track; the bar takes its share of the row and gives way
16982
17133
  to the value right after its end, so the longest bar still fits. */
16983
- .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-b6e600c4] {
17134
+ .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-37644514] {
16984
17135
  grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
16985
17136
  }
16986
- .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-b6e600c4] {
17137
+ .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-37644514] {
16987
17138
  align-items: center;
16988
17139
  background: none;
16989
17140
  display: flex;
@@ -16991,71 +17142,71 @@ li[data-cn-admin-tag] > .action-link::after {
16991
17142
  height: auto;
16992
17143
  overflow: visible;
16993
17144
  }
16994
- .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-b6e600c4] {
17145
+ .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-37644514] {
16995
17146
  border-radius: 4px;
16996
17147
  flex: 0 1 auto;
16997
17148
  height: 18px;
16998
17149
  min-width: 2px;
16999
17150
  }
17000
- .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-b6e600c4] {
17151
+ .cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-37644514] {
17001
17152
  flex: none;
17002
17153
  text-align: start;
17003
17154
  }
17004
- .cn-chart-widget__footnote[data-v-b6e600c4] {
17155
+ .cn-chart-widget__footnote[data-v-37644514] {
17005
17156
  color: var(--color-text-maxcontrast);
17006
17157
  margin: 0;
17007
17158
  }
17008
- .cn-chart-widget__notice[data-v-b6e600c4] {
17159
+ .cn-chart-widget__notice[data-v-37644514] {
17009
17160
  margin: 12px 0 0;
17010
17161
  }
17011
- .cn-chart-widget__notice-text[data-v-b6e600c4] {
17162
+ .cn-chart-widget__notice-text[data-v-37644514] {
17012
17163
  margin: 0;
17013
17164
  }
17014
17165
 
17015
17166
  /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
17016
17167
  its own line height while the canvas takes the rest of a fitted column. */
17017
- .cn-chart-widget > .cn-chart-widget__footnote[data-v-b6e600c4] {
17168
+ .cn-chart-widget > .cn-chart-widget__footnote[data-v-37644514] {
17018
17169
  flex: 0 0 auto;
17019
17170
  margin-top: 8px;
17020
17171
  }
17021
- .cn-chart-widget__matrix[data-v-b6e600c4] {
17172
+ .cn-chart-widget__matrix[data-v-37644514] {
17022
17173
  display: grid;
17023
17174
  gap: 4px;
17024
17175
  }
17025
- .cn-chart-widget__matrix-row[data-v-b6e600c4] {
17176
+ .cn-chart-widget__matrix-row[data-v-37644514] {
17026
17177
  display: contents;
17027
17178
  }
17028
17179
 
17029
17180
  /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
17030
17181
  name breaks inside its own column instead of running into the next. */
17031
- .cn-chart-widget__matrix-head[data-v-b6e600c4] {
17182
+ .cn-chart-widget__matrix-head[data-v-37644514] {
17032
17183
  --nldesign-color-on-surface: var(--color-text-maxcontrast);
17033
17184
  color: var(--color-text-maxcontrast);
17034
17185
  padding: 6px;
17035
17186
  hyphens: auto;
17036
17187
  overflow-wrap: anywhere;
17037
17188
  }
17038
- .cn-chart-widget__matrix-label[data-v-b6e600c4] {
17189
+ .cn-chart-widget__matrix-label[data-v-37644514] {
17039
17190
  padding: 10px 6px;
17040
17191
  }
17041
- .cn-chart-widget__matrix-cell[data-v-b6e600c4] {
17192
+ .cn-chart-widget__matrix-cell[data-v-37644514] {
17042
17193
  border-radius: 6px;
17043
17194
  padding: 10px;
17044
17195
  text-align: center;
17045
17196
  }
17046
- .cn-chart-widget__matrix-cell--success[data-v-b6e600c4] {
17197
+ .cn-chart-widget__matrix-cell--success[data-v-37644514] {
17047
17198
  background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
17048
17199
  }
17049
- .cn-chart-widget__matrix-cell--warning[data-v-b6e600c4] {
17200
+ .cn-chart-widget__matrix-cell--warning[data-v-37644514] {
17050
17201
  background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
17051
17202
  }
17052
- .cn-chart-widget__matrix-cell--error[data-v-b6e600c4] {
17203
+ .cn-chart-widget__matrix-cell--error[data-v-37644514] {
17053
17204
  background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
17054
17205
  }
17055
- .cn-chart-widget__matrix-cell--danger[data-v-b6e600c4] {
17206
+ .cn-chart-widget__matrix-cell--danger[data-v-37644514] {
17056
17207
  background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
17057
17208
  }
17058
- .cn-chart-widget__matrix-cell--current[data-v-b6e600c4] {
17209
+ .cn-chart-widget__matrix-cell--current[data-v-37644514] {
17059
17210
  font-weight: 700;
17060
17211
  outline: 3px solid var(--color-primary-element);
17061
17212
  outline-offset: -3px;
@@ -17067,26 +17218,26 @@ li[data-cn-admin-tag] > .action-link::after {
17067
17218
  primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
17068
17219
  ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
17069
17220
  dark ink stays at 4.5:1 in Nextcloud's dark theme. */
17070
- .cn-chart-widget__matrix-cell--1[data-v-b6e600c4] {
17221
+ .cn-chart-widget__matrix-cell--1[data-v-37644514] {
17071
17222
  --nldesign-color-on-surface: var(--color-primary-element-light-text);
17072
17223
  background: var(--color-primary-element-light);
17073
17224
  color: var(--color-primary-element-light-text);
17074
17225
  }
17075
- .cn-chart-widget__matrix-cell--2[data-v-b6e600c4] {
17226
+ .cn-chart-widget__matrix-cell--2[data-v-37644514] {
17076
17227
  background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
17077
17228
  color: var(--color-main-text);
17078
17229
  }
17079
- .cn-chart-widget__matrix-cell--3[data-v-b6e600c4] {
17230
+ .cn-chart-widget__matrix-cell--3[data-v-37644514] {
17080
17231
  --nldesign-color-on-surface: var(--color-main-text);
17081
17232
  background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
17082
17233
  color: var(--color-main-text);
17083
17234
  }
17084
- .cn-chart-widget__matrix-cell--4[data-v-b6e600c4] {
17235
+ .cn-chart-widget__matrix-cell--4[data-v-37644514] {
17085
17236
  --nldesign-color-on-surface: var(--color-primary-element-light);
17086
17237
  background: var(--color-primary-element-light-text);
17087
17238
  color: var(--color-primary-element-light);
17088
17239
  }
17089
- .cn-chart-widget__empty[data-v-b6e600c4] {
17240
+ .cn-chart-widget__empty[data-v-37644514] {
17090
17241
  display: flex;
17091
17242
  align-items: center;
17092
17243
  justify-content: center;
@@ -17101,25 +17252,25 @@ li[data-cn-admin-tag] > .action-link::after {
17101
17252
  content-sized case; in fit mode they take the leftover space and centre in it
17102
17253
  instead, since the floor would overflow a short tile. Declared after the base
17103
17254
  rules so the cascade order matches specificity (no-descending-specificity). */
17104
- .cn-chart-widget--fit .cn-chart-widget__empty[data-v-b6e600c4],
17105
- .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-b6e600c4] {
17255
+ .cn-chart-widget--fit .cn-chart-widget__empty[data-v-37644514],
17256
+ .cn-chart-widget--fit .cn-chart-widget__fallback[data-v-37644514] {
17106
17257
  flex: 1 1 0;
17107
17258
  min-height: 0;
17108
17259
  }
17109
- .cn-chart-widget__error[data-v-b6e600c4] {
17260
+ .cn-chart-widget__error[data-v-37644514] {
17110
17261
  font-size: 14px;
17111
17262
  margin: 0;
17112
17263
  }
17113
17264
 
17114
17265
  /* In-widget view switcher pills (views[] prop) — compact segmented row,
17115
17266
  mirroring the dashboard date-range pill styling. */
17116
- .cn-chart-widget__views[data-v-b6e600c4] {
17267
+ .cn-chart-widget__views[data-v-37644514] {
17117
17268
  display: flex;
17118
17269
  gap: 4px;
17119
17270
  margin-bottom: 6px;
17120
17271
  justify-content: flex-end;
17121
17272
  }
17122
- .cn-chart-widget__view-pill[data-v-b6e600c4] {
17273
+ .cn-chart-widget__view-pill[data-v-37644514] {
17123
17274
  padding: 2px 10px;
17124
17275
  border: 1px solid var(--color-border);
17125
17276
  border-radius: 999px;
@@ -17128,7 +17279,7 @@ li[data-cn-admin-tag] > .action-link::after {
17128
17279
  font-size: 12px;
17129
17280
  cursor: pointer;
17130
17281
  }
17131
- .cn-chart-widget__view-pill--active[data-v-b6e600c4] {
17282
+ .cn-chart-widget__view-pill--active[data-v-37644514] {
17132
17283
  background: var(--color-primary-element-light, #aad2ed);
17133
17284
  color: var(--color-main-text);
17134
17285
  border-color: var(--color-primary-element, #0082c9);
@@ -17157,8 +17308,8 @@ li[data-cn-admin-tag] > .action-link::after {
17157
17308
  each override below therefore carries one more class than the apexcharts rule
17158
17309
  it replaces, and holds even without the scope attribute this block compiles
17159
17310
  with. */
17160
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light,
17161
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark {
17311
+ .cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light,
17312
+ .cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark {
17162
17313
  background: var(--color-main-background);
17163
17314
  border: 1px solid var(--color-border);
17164
17315
  color: var(--color-main-text);
@@ -17167,8 +17318,8 @@ li[data-cn-admin-tag] > .action-link::after {
17167
17318
 
17168
17319
  /* The title row is the date/category header ("Aug 26"). Its own background is
17169
17320
  what made it unreadable rather than merely off-theme. */
17170
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
17171
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
17321
+ .cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
17322
+ .cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
17172
17323
  background: var(--color-background-hover);
17173
17324
  border-bottom: 1px solid var(--color-border);
17174
17325
  color: var(--color-main-text);
@@ -17177,8 +17328,8 @@ li[data-cn-admin-tag] > .action-link::after {
17177
17328
  /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
17178
17329
  here and only overrides them for its dark theme, so the base rule has to be
17179
17330
  replaced too — not just the theme variants. */
17180
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip,
17181
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip {
17331
+ .cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip,
17332
+ .cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip {
17182
17333
  background: var(--color-main-background);
17183
17334
  border: 1px solid var(--color-border);
17184
17335
  color: var(--color-main-text);
@@ -17187,55 +17338,55 @@ li[data-cn-admin-tag] > .action-link::after {
17187
17338
  /* Their pointer arrows are two stacked triangles: `::before` paints the border
17188
17339
  edge, `::after` the fill. Both need the tokens the box above uses, or the
17189
17340
  arrow keeps the old palette and reads as a stray light wedge. */
17190
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::after,
17191
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::after {
17341
+ .cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::after,
17342
+ .cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::after {
17192
17343
  border-bottom-color: var(--color-main-background);
17193
17344
  border-top-color: var(--color-main-background);
17194
17345
  }
17195
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::before,
17196
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::before {
17346
+ .cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::before,
17347
+ .cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::before {
17197
17348
  border-bottom-color: var(--color-border);
17198
17349
  border-top-color: var(--color-border);
17199
17350
  }
17200
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::after,
17201
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::after {
17351
+ .cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::after,
17352
+ .cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::after {
17202
17353
  border-left-color: var(--color-main-background);
17203
17354
  border-right-color: var(--color-main-background);
17204
17355
  }
17205
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::before,
17206
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::before {
17356
+ .cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::before,
17357
+ .cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::before {
17207
17358
  border-left-color: var(--color-border);
17208
17359
  border-right-color: var(--color-border);
17209
17360
  }
17210
17361
 
17211
17362
  /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
17212
17363
  hardcoded `#fff` panel under inherited near-white text. */
17213
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-menu {
17364
+ .cn-chart-widget[data-v-37644514] .apexcharts-menu {
17214
17365
  background: var(--color-main-background);
17215
17366
  border: 1px solid var(--color-border);
17216
17367
  color: var(--color-main-text);
17217
17368
  }
17218
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-menu .apexcharts-menu-item:hover {
17369
+ .cn-chart-widget[data-v-37644514] .apexcharts-menu .apexcharts-menu-item:hover {
17219
17370
  background: var(--color-background-hover);
17220
17371
  }
17221
17372
 
17222
17373
  /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
17223
17374
  vanishes against a dark background. One selector per icon class, matching
17224
17375
  apexcharts' own list, to clear its (0,3,1) hover rules. */
17225
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon svg,
17226
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon svg,
17227
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon svg,
17228
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon svg,
17229
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
17230
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
17376
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon svg,
17377
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon svg,
17378
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon svg,
17379
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon svg,
17380
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
17381
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
17231
17382
  fill: var(--color-text-maxcontrast);
17232
17383
  }
17233
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
17234
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
17235
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
17236
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
17237
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
17238
- .cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
17384
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
17385
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
17386
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
17387
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
17388
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
17389
+ .cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
17239
17390
  fill: var(--color-main-text);
17240
17391
  }
17241
17392
 
@@ -20062,10 +20213,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
20062
20213
  cursor: grab;
20063
20214
  }
20064
20215
 
20065
- /* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
20216
+ /* The handle before a reorderable row's name: a muted 16px grip 10px before
20217
+ it. It floats, so a name that wraps in a narrow cell wraps beside the grip
20218
+ instead of dropping under it. */
20066
20219
  .cn-table-row__handle {
20067
20220
  display: inline-flex;
20068
- vertical-align: middle;
20221
+ float: inline-start;
20222
+ margin-block-start: 1px;
20069
20223
  margin-inline-end: 10px;
20070
20224
  color: var(--color-text-maxcontrast);
20071
20225
  cursor: grab;
@@ -21719,56 +21873,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21719
21873
  }
21720
21874
 
21721
21875
 
21722
- .cn-audit-card__list[data-v-7e58faa4] {
21876
+ .cn-audit-card__list[data-v-bd3033c8] {
21723
21877
  list-style: none;
21724
21878
  margin: 0;
21725
21879
  padding: 0;
21726
21880
  }
21727
- .cn-audit-card__row[data-v-7e58faa4] {
21881
+ .cn-audit-card__row[data-v-bd3033c8] {
21728
21882
  padding: 6px 0;
21729
21883
  border-bottom: 1px solid var(--color-border);
21730
21884
  }
21731
- .cn-audit-card__row[data-v-7e58faa4]:last-child {
21885
+ .cn-audit-card__row[data-v-bd3033c8]:last-child {
21732
21886
  border-bottom: none;
21733
21887
  }
21734
- .cn-audit-card__row-head[data-v-7e58faa4] {
21888
+ .cn-audit-card__row-head[data-v-bd3033c8] {
21735
21889
  display: flex;
21736
21890
  justify-content: space-between;
21737
21891
  gap: 8px;
21738
21892
  }
21739
- .cn-audit-card__action[data-v-7e58faa4] {
21893
+ .cn-audit-card__action[data-v-bd3033c8] {
21740
21894
  color: var(--color-main-text);
21741
21895
  }
21742
- .cn-audit-card__when[data-v-7e58faa4] {
21896
+ .cn-audit-card__when[data-v-bd3033c8] {
21743
21897
  color: var(--color-text-maxcontrast);
21744
21898
  font-size: 0.85em;
21745
21899
  white-space: nowrap;
21746
21900
  }
21747
- .cn-audit-card__row-body[data-v-7e58faa4] {
21901
+ .cn-audit-card__row-body[data-v-bd3033c8] {
21748
21902
  color: var(--color-text-maxcontrast);
21749
21903
  font-size: 0.9em;
21750
21904
  }
21751
- .cn-audit-card__refused[data-v-7e58faa4] {
21905
+ .cn-audit-card__refused[data-v-bd3033c8] {
21752
21906
  margin-inline-start: 6px;
21753
21907
  font-weight: 700;
21754
21908
  color: var(--color-error-text, var(--color-main-text));
21755
21909
  }
21756
- .cn-audit-card__reason[data-v-7e58faa4] {
21910
+ .cn-audit-card__reason[data-v-bd3033c8] {
21757
21911
  margin: 2px 0 0;
21758
21912
  font-size: 0.9em;
21759
21913
  overflow-wrap: anywhere;
21760
21914
  }
21761
- .cn-audit-card__empty[data-v-7e58faa4] {
21915
+ .cn-audit-card__empty[data-v-bd3033c8] {
21762
21916
  color: var(--color-text-maxcontrast);
21763
21917
  text-align: center;
21764
21918
  padding: 12px 0;
21765
21919
  }
21766
- .cn-audit-card__footnote[data-v-7e58faa4] {
21920
+ .cn-audit-card__footnote[data-v-bd3033c8] {
21767
21921
  margin: 12px 0 0;
21768
21922
  color: var(--color-text-maxcontrast);
21769
21923
  font-size: 13px;
21770
21924
  }
21771
- .cn-audit-card__show-all[data-v-7e58faa4] {
21925
+ .cn-audit-card__show-all[data-v-bd3033c8] {
21772
21926
  background: none;
21773
21927
  border: none;
21774
21928
  color: var(--color-primary-element);
@@ -21776,7 +21930,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21776
21930
  padding: 4px 0;
21777
21931
  font: inherit;
21778
21932
  }
21779
- .cn-audit-card__show-all[data-v-7e58faa4]:hover {
21933
+ .cn-audit-card__show-all[data-v-bd3033c8]:hover {
21780
21934
  text-decoration: underline;
21781
21935
  }
21782
21936
 
@@ -26460,77 +26614,77 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26460
26614
  }
26461
26615
 
26462
26616
 
26463
- .cn-notes-card__add-form[data-v-25437d6c] {
26617
+ .cn-notes-card__add-form[data-v-23928d29] {
26464
26618
  margin-bottom: 12px;
26465
26619
  }
26466
- .cn-notes-card__textarea[data-v-25437d6c] {
26620
+ .cn-notes-card__textarea[data-v-23928d29] {
26467
26621
  width: 100%;
26468
26622
  margin-bottom: 8px;
26469
26623
  box-sizing: border-box;
26470
26624
  }
26471
- .cn-notes-card__replying[data-v-25437d6c] {
26625
+ .cn-notes-card__replying[data-v-23928d29] {
26472
26626
  display: flex;
26473
26627
  align-items: center;
26474
26628
  justify-content: space-between;
26475
26629
  margin: 0 0 4px;
26476
26630
  color: var(--color-text-maxcontrast);
26477
26631
  }
26478
- .cn-notes-card__note--reply[data-v-25437d6c] {
26632
+ .cn-notes-card__note--reply[data-v-23928d29] {
26479
26633
  margin-inline-start: 24px;
26480
26634
  }
26481
- .cn-notes-card__quote[data-v-25437d6c] {
26635
+ .cn-notes-card__quote[data-v-23928d29] {
26482
26636
  margin: 0 0 2px;
26483
26637
  padding-inline-start: 8px;
26484
26638
  border-inline-start: 2px solid var(--color-border-dark);
26485
26639
  color: var(--color-text-maxcontrast);
26486
26640
  font-size: 0.9em;
26487
26641
  }
26488
- .cn-notes-card__empty[data-v-25437d6c] {
26642
+ .cn-notes-card__empty[data-v-23928d29] {
26489
26643
  text-align: center;
26490
26644
  padding: 16px 12px;
26491
26645
  color: var(--color-text-maxcontrast);
26492
26646
  font-size: 13px;
26493
26647
  }
26494
- .cn-notes-card__list[data-v-25437d6c] {
26648
+ .cn-notes-card__list[data-v-23928d29] {
26495
26649
  display: flex;
26496
26650
  flex-direction: column;
26497
26651
  }
26498
- .cn-notes-card__note[data-v-25437d6c] {
26652
+ .cn-notes-card__note[data-v-23928d29] {
26499
26653
  padding: 10px 0;
26500
26654
  border-bottom: 1px solid var(--color-border);
26501
26655
  position: relative;
26502
26656
  }
26503
- .cn-notes-card__note[data-v-25437d6c]:last-child {
26657
+ .cn-notes-card__note[data-v-23928d29]:last-child {
26504
26658
  border-bottom: none;
26505
26659
  }
26506
- .cn-notes-card__initials[data-v-25437d6c] {
26660
+ .cn-notes-card__initials[data-v-23928d29] {
26507
26661
  display: none;
26508
26662
  }
26509
- .cn-notes-card__note-header[data-v-25437d6c] {
26663
+ .cn-notes-card__note-header[data-v-23928d29] {
26510
26664
  display: flex;
26511
26665
  justify-content: space-between;
26512
26666
  align-items: baseline;
26513
26667
  margin-bottom: 4px;
26514
26668
  }
26515
- .cn-notes-card__author[data-v-25437d6c] {
26669
+ .cn-notes-card__author[data-v-23928d29] {
26516
26670
  font-size: 13px;
26517
26671
  }
26518
- .cn-notes-card__author--self[data-v-25437d6c] {
26672
+ .cn-notes-card__author--self[data-v-23928d29] {
26519
26673
  color: var(--color-main-text);
26520
26674
  }
26521
- .cn-notes-card__visibility[data-v-25437d6c] {
26675
+ .cn-notes-card__visibility[data-v-23928d29] {
26522
26676
  display: flex;
26523
26677
  align-items: center;
26524
26678
  gap: 8px;
26525
26679
  margin-bottom: 4px;
26526
26680
  }
26527
- .cn-notes-card__time[data-v-25437d6c] {
26681
+ .cn-notes-card__time[data-v-23928d29] {
26528
26682
  font-size: 11px;
26529
26683
  color: var(--color-text-maxcontrast);
26530
26684
  flex-shrink: 0;
26531
26685
  margin-left: 8px;
26532
26686
  }
26533
- .cn-notes-card__body[data-v-25437d6c] {
26687
+ .cn-notes-card__body[data-v-23928d29] {
26534
26688
  font-size: 13px;
26535
26689
  margin: 0;
26536
26690
  white-space: pre-wrap;
@@ -26541,18 +26695,18 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26541
26695
  /* The note's own class leads so the position outranks NcButton's
26542
26696
  `position: relative`, which loads later at the same weight and put the
26543
26697
  button in the flow under the note. */
26544
- .cn-notes-card__note > .cn-notes-card__delete-btn[data-v-25437d6c] {
26698
+ .cn-notes-card__note > .cn-notes-card__delete-btn[data-v-23928d29] {
26545
26699
  position: absolute;
26546
26700
  top: 8px;
26547
26701
  right: -4px;
26548
26702
  opacity: 0;
26549
26703
  transition: opacity 0.15s ease;
26550
26704
  }
26551
- .cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-25437d6c],
26552
- .cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-25437d6c] {
26705
+ .cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-23928d29],
26706
+ .cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-23928d29] {
26553
26707
  opacity: 1;
26554
26708
  }
26555
- .cn-notes-card__show-all[data-v-25437d6c] {
26709
+ .cn-notes-card__show-all[data-v-23928d29] {
26556
26710
  background: none;
26557
26711
  border: none;
26558
26712
  color: var(--color-primary-element);
@@ -26563,7 +26717,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26563
26717
  width: 100%;
26564
26718
  text-align: center;
26565
26719
  }
26566
- .cn-notes-card__show-all[data-v-25437d6c]:hover {
26720
+ .cn-notes-card__show-all[data-v-23928d29]:hover {
26567
26721
  text-decoration: underline;
26568
26722
  }
26569
26723
 
@@ -29819,7 +29973,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29819
29973
 
29820
29974
 
29821
29975
  /* The row a following card describes (content.rowSelection). */
29822
- .cn-object-list-widget[data-v-7a3cf020] .cn-object-list-widget__row--selected {
29976
+ .cn-object-list-widget[data-v-29fab8f0] .cn-object-list-widget__row--selected {
29823
29977
  background: var(--color-primary-element-light, #eaf0f7);
29824
29978
  }
29825
29979
 
@@ -29830,7 +29984,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29830
29984
  Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
29831
29985
  second scroll container here would produce a nested scrollbar, so this host
29832
29986
  stays plain. */
29833
- .cn-object-list-widget[data-v-7a3cf020] {
29987
+ .cn-object-list-widget[data-v-29fab8f0] {
29834
29988
  width: 100%;
29835
29989
  height: 100%;
29836
29990
  display: flex;
@@ -29842,10 +29996,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29842
29996
  relative` is set only in the dropping state so a widget without a drop zone
29843
29997
  keeps the containing block it had — an unconditional rule here would
29844
29998
  re-parent any absolutely-positioned descendant a host has placed. */
29845
- .cn-object-list-widget--dropping[data-v-7a3cf020] {
29999
+ .cn-object-list-widget--dropping[data-v-29fab8f0] {
29846
30000
  position: relative;
29847
30001
  }
29848
- .cn-object-list-widget__drop-overlay[data-v-7a3cf020] {
30002
+ .cn-object-list-widget__drop-overlay[data-v-29fab8f0] {
29849
30003
  position: absolute;
29850
30004
  inset: 0;
29851
30005
  z-index: 2;
@@ -29863,7 +30017,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29863
30017
  and the drop would land on nothing. */
29864
30018
  pointer-events: none;
29865
30019
  }
29866
- .cn-object-list-widget__table[data-v-7a3cf020] {
30020
+ .cn-object-list-widget__table[data-v-29fab8f0] {
29867
30021
  flex: 1 1 auto;
29868
30022
  min-height: 0;
29869
30023
  overflow: hidden;
@@ -29872,16 +30026,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29872
30026
  /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
29873
30027
  all this rule still owns is letting it claim the cell's leftover height
29874
30028
  (ADR-062: it fits the cell, it never forces one). */
29875
- .cn-object-list-widget__empty[data-v-7a3cf020] {
30029
+ .cn-object-list-widget__empty[data-v-29fab8f0] {
29876
30030
  flex: 1 1 auto;
29877
30031
  min-height: 0;
29878
30032
  }
29879
30033
 
29880
30034
  /* The pager sits flush at the bottom of the card, above "View all". */
29881
- .cn-object-list-widget__pager[data-v-7a3cf020] {
30035
+ .cn-object-list-widget__pager[data-v-29fab8f0] {
29882
30036
  flex-shrink: 0;
29883
30037
  }
29884
- .cn-object-list-widget__view-all[data-v-7a3cf020] {
30038
+ .cn-object-list-widget__view-all[data-v-29fab8f0] {
29885
30039
  align-self: flex-start;
29886
30040
  background: none;
29887
30041
  border: none;
@@ -29892,32 +30046,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29892
30046
  padding: 4px;
29893
30047
  text-decoration: none;
29894
30048
  }
29895
- .cn-object-list-widget__view-all[data-v-7a3cf020]:hover,
29896
- .cn-object-list-widget__view-all[data-v-7a3cf020]:focus-visible {
30049
+ .cn-object-list-widget__view-all[data-v-29fab8f0]:hover,
30050
+ .cn-object-list-widget__view-all[data-v-29fab8f0]:focus-visible {
29897
30051
  text-decoration: underline;
29898
30052
  }
29899
- .cn-object-list-widget__more[data-v-7a3cf020] {
30053
+ .cn-object-list-widget__more[data-v-29fab8f0] {
29900
30054
  color: var(--color-text-maxcontrast);
29901
30055
  font-size: 0.85em;
29902
30056
  margin: 4px 0 0;
29903
30057
  padding: 4px;
29904
30058
  }
29905
- .cn-object-list-widget__links[data-v-7a3cf020] {
30059
+ .cn-object-list-widget__links[data-v-29fab8f0] {
29906
30060
  display: flex;
29907
30061
  flex-wrap: wrap;
29908
30062
  gap: 16px;
29909
30063
  margin: 12px 0 0;
29910
30064
  font-size: 14px;
29911
30065
  }
29912
- .cn-object-list-widget__link[data-v-7a3cf020] {
30066
+ .cn-object-list-widget__link[data-v-29fab8f0] {
29913
30067
  font-weight: 600;
29914
30068
  }
29915
- .cn-object-list-widget__link-note[data-v-7a3cf020] {
30069
+ .cn-object-list-widget__link-note[data-v-29fab8f0] {
29916
30070
  margin-inline-start: 6px;
29917
30071
  color: var(--color-text-maxcontrast);
29918
30072
  font-size: 13px;
29919
30073
  }
29920
- .cn-object-list-widget__footnote[data-v-7a3cf020] {
30074
+ .cn-object-list-widget__footnote[data-v-29fab8f0] {
29921
30075
  color: var(--color-text-maxcontrast);
29922
30076
  font-size: 13px;
29923
30077
  margin: 8px 0 0;
@@ -29926,7 +30080,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29926
30080
  /* Footer Add — same pattern as the integration leaves' footer action
29927
30081
  ("Open in Calendar"): full-width, centered, divider-topped, pinned to
29928
30082
  the card bottom. */
29929
- .cn-object-list-widget__add[data-v-7a3cf020] {
30083
+ .cn-object-list-widget__add[data-v-29fab8f0] {
29930
30084
  align-self: stretch;
29931
30085
  border-top: 1px solid var(--color-border);
29932
30086
  /* Bleed through the host card's 16px content padding so the divider
@@ -29934,31 +30088,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29934
30088
  margin: auto -16px -16px;
29935
30089
  padding: 4px;
29936
30090
  }
29937
- .cn-object-list-widget__error[data-v-7a3cf020] {
30091
+ .cn-object-list-widget__error[data-v-29fab8f0] {
29938
30092
  color: var(--color-text-maxcontrast);
29939
30093
  font-size: 0.85em;
29940
30094
  margin: 4px 0 0;
29941
30095
  }
29942
- .cn-object-list-widget__prompt[data-v-7a3cf020] {
30096
+ .cn-object-list-widget__prompt[data-v-29fab8f0] {
29943
30097
  color: var(--color-text-maxcontrast);
29944
30098
  font-style: italic;
29945
30099
  padding: 16px 4px;
29946
30100
  margin: 0;
29947
30101
  text-align: center;
29948
30102
  }
29949
- .cn-object-list-widget__facet[data-v-7a3cf020] {
30103
+ .cn-object-list-widget__facet[data-v-29fab8f0] {
29950
30104
  display: flex;
29951
30105
  align-items: center;
29952
30106
  flex-wrap: wrap;
29953
30107
  gap: 6px;
29954
30108
  padding: 0 4px 8px;
29955
30109
  }
29956
- .cn-object-list-widget__facet-label[data-v-7a3cf020] {
30110
+ .cn-object-list-widget__facet-label[data-v-29fab8f0] {
29957
30111
  color: var(--color-text-maxcontrast);
29958
30112
  font-size: 0.85em;
29959
30113
  font-weight: 600;
29960
30114
  }
29961
- .cn-object-list-widget__facet-chip[data-v-7a3cf020] {
30115
+ .cn-object-list-widget__facet-chip[data-v-29fab8f0] {
29962
30116
  background-color: var(--color-background-hover);
29963
30117
  border: 1px solid var(--color-border);
29964
30118
  border-radius: var(--border-radius-pill, 16px);
@@ -29968,13 +30122,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29968
30122
  font-size: 0.85em;
29969
30123
  padding: 2px 10px;
29970
30124
  }
29971
- .cn-object-list-widget__facet-chip--active[data-v-7a3cf020] {
30125
+ .cn-object-list-widget__facet-chip--active[data-v-29fab8f0] {
29972
30126
  background-color: var(--color-primary-element-light);
29973
30127
  border-color: var(--color-primary-element);
29974
30128
  color: var(--color-primary-element-text, var(--color-main-text));
29975
30129
  }
29976
- .cn-object-list-widget__facet-clear[data-v-7a3cf020],
29977
- .cn-object-list-widget__bulk-clear[data-v-7a3cf020] {
30130
+ .cn-object-list-widget__facet-clear[data-v-29fab8f0],
30131
+ .cn-object-list-widget__bulk-clear[data-v-29fab8f0] {
29978
30132
  background: none;
29979
30133
  border: none;
29980
30134
  color: var(--color-primary-element);
@@ -29983,11 +30137,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29983
30137
  font-size: 0.85em;
29984
30138
  padding: 2px 4px;
29985
30139
  }
29986
- .cn-object-list-widget__facet-clear[data-v-7a3cf020]:hover,
29987
- .cn-object-list-widget__bulk-clear[data-v-7a3cf020]:hover {
30140
+ .cn-object-list-widget__facet-clear[data-v-29fab8f0]:hover,
30141
+ .cn-object-list-widget__bulk-clear[data-v-29fab8f0]:hover {
29988
30142
  text-decoration: underline;
29989
30143
  }
29990
- .cn-object-list-widget__bulk-bar[data-v-7a3cf020] {
30144
+ .cn-object-list-widget__bulk-bar[data-v-29fab8f0] {
29991
30145
  align-items: center;
29992
30146
  background-color: var(--color-primary-element-light);
29993
30147
  border-radius: var(--border-radius, 8px);
@@ -29997,10 +30151,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29997
30151
  margin: 0 0 8px;
29998
30152
  padding: 6px 10px;
29999
30153
  }
30000
- .cn-object-list-widget__bulk-count[data-v-7a3cf020] {
30154
+ .cn-object-list-widget__bulk-count[data-v-29fab8f0] {
30001
30155
  font-weight: 600;
30002
30156
  }
30003
- .cn-object-list-widget__bulk-action[data-v-7a3cf020] {
30157
+ .cn-object-list-widget__bulk-action[data-v-29fab8f0] {
30004
30158
  background-color: var(--color-main-background);
30005
30159
  border: 1px solid var(--color-border);
30006
30160
  border-radius: var(--border-radius, 8px);
@@ -30008,25 +30162,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
30008
30162
  font: inherit;
30009
30163
  padding: 4px 10px;
30010
30164
  }
30011
- .cn-object-list-widget__bulk-action--destructive[data-v-7a3cf020] {
30165
+ .cn-object-list-widget__bulk-action--destructive[data-v-29fab8f0] {
30012
30166
  border-color: var(--color-error);
30013
30167
  color: var(--color-error);
30014
30168
  }
30015
- .cn-object-list-widget__groups[data-v-7a3cf020] {
30169
+ .cn-object-list-widget__groups[data-v-29fab8f0] {
30016
30170
  display: flex;
30017
30171
  flex-direction: column;
30018
30172
  gap: 16px;
30019
30173
  min-height: 0;
30020
30174
  overflow: auto;
30021
30175
  }
30022
- .cn-object-list-widget__group-heading[data-v-7a3cf020] {
30176
+ .cn-object-list-widget__group-heading[data-v-29fab8f0] {
30023
30177
  color: var(--color-text-maxcontrast);
30024
30178
  font-size: 0.85em;
30025
30179
  font-weight: 600;
30026
30180
  margin: 0 0 4px;
30027
30181
  text-transform: uppercase;
30028
30182
  }
30029
- .cn-object-list-widget__upload[data-v-7a3cf020] {
30183
+ .cn-object-list-widget__upload[data-v-29fab8f0] {
30030
30184
  background-color: var(--color-main-background);
30031
30185
  border: 1px solid var(--color-border);
30032
30186
  border-radius: var(--border-radius, 8px);
@@ -30035,7 +30189,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
30035
30189
  margin: 8px 0 0;
30036
30190
  padding: 6px 12px;
30037
30191
  }
30038
- .cn-object-list-widget__upload-input[data-v-7a3cf020] {
30192
+ .cn-object-list-widget__upload-input[data-v-29fab8f0] {
30039
30193
  display: none;
30040
30194
  }
30041
30195
 
@@ -33301,13 +33455,13 @@ to { background-position: -200% 0;
33301
33455
  }
33302
33456
 
33303
33457
 
33304
- .cn-detail-widget-header-items[data-v-c81df510] {
33458
+ .cn-detail-widget-header-items[data-v-03e0f8bc] {
33305
33459
  display: inline-flex;
33306
33460
  flex-wrap: wrap;
33307
33461
  align-items: center;
33308
33462
  gap: 12px;
33309
33463
  }
33310
- .cn-detail-page__catalog-action[data-v-c81df510] {
33464
+ .cn-detail-page__catalog-action[data-v-03e0f8bc] {
33311
33465
  align-items: center;
33312
33466
  background: var(--color-primary-element-light);
33313
33467
  border: 0;
@@ -33319,15 +33473,20 @@ to { background-position: -200% 0;
33319
33473
  font-size: 13px;
33320
33474
  font-weight: 700;
33321
33475
  gap: 6px;
33322
- margin: 0;
33323
33476
  min-height: 32px;
33324
33477
  padding: 0 14px;
33325
33478
  white-space: nowrap;
33326
33479
  }
33327
33480
 
33481
+ /* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
33482
+ doubled class outranks it. */
33483
+ .cn-detail-page__catalog-action.cn-detail-page__catalog-action[data-v-03e0f8bc] {
33484
+ margin: 0;
33485
+ }
33486
+
33328
33487
 
33329
33488
  /* The card keeps its own box, footnote included. */
33330
- .cn-audit-trail-widget[data-v-87ba40b4] {
33489
+ .cn-audit-trail-widget[data-v-99c9557e] {
33331
33490
  display: contents;
33332
33491
  }
33333
33492
 
@@ -34571,7 +34730,7 @@ to { background-position: -200% 0;
34571
34730
  }
34572
34731
 
34573
34732
 
34574
- .cn-object-card[data-v-70ee7f5c] {
34733
+ .cn-object-card[data-v-6e1fe7c7] {
34575
34734
  display: flex;
34576
34735
  gap: 12px;
34577
34736
  padding: 16px;
@@ -34581,80 +34740,80 @@ to { background-position: -200% 0;
34581
34740
  cursor: pointer;
34582
34741
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
34583
34742
  }
34584
- .cn-object-card[data-v-70ee7f5c]:hover {
34743
+ .cn-object-card[data-v-6e1fe7c7]:hover {
34585
34744
  border-color: var(--color-primary-element);
34586
34745
  box-shadow: 0 2px 8px var(--color-box-shadow);
34587
34746
  }
34588
- .cn-object-card--selected[data-v-70ee7f5c] {
34747
+ .cn-object-card--selected[data-v-6e1fe7c7] {
34589
34748
  border-color: var(--color-primary-element);
34590
34749
  background: var(--color-primary-element-light);
34591
34750
  }
34592
34751
 
34593
34752
  /* The 4px start border takes 3px of padding, so the content stays put. */
34594
- .cn-object-card.cn-object-card--accent[data-v-70ee7f5c] {
34753
+ .cn-object-card.cn-object-card--accent[data-v-6e1fe7c7] {
34595
34754
  border-inline-start-width: 4px;
34596
34755
  padding-inline-start: 13px;
34597
34756
  }
34598
- .cn-object-card.cn-object-card--accent-success[data-v-70ee7f5c] {
34757
+ .cn-object-card.cn-object-card--accent-success[data-v-6e1fe7c7] {
34599
34758
  border-inline-start-color: var(--color-element-success);
34600
34759
  }
34601
- .cn-object-card.cn-object-card--accent-warning[data-v-70ee7f5c] {
34760
+ .cn-object-card.cn-object-card--accent-warning[data-v-6e1fe7c7] {
34602
34761
  border-inline-start-color: var(--color-element-warning);
34603
34762
  }
34604
- .cn-object-card.cn-object-card--accent-error[data-v-70ee7f5c] {
34763
+ .cn-object-card.cn-object-card--accent-error[data-v-6e1fe7c7] {
34605
34764
  border-inline-start-color: var(--color-element-error);
34606
34765
  }
34607
- .cn-object-card.cn-object-card--accent-info[data-v-70ee7f5c] {
34766
+ .cn-object-card.cn-object-card--accent-info[data-v-6e1fe7c7] {
34608
34767
  border-inline-start-color: var(--color-element-info);
34609
34768
  }
34610
- .cn-object-card.cn-object-card--accent-primary[data-v-70ee7f5c] {
34769
+ .cn-object-card.cn-object-card--accent-primary[data-v-6e1fe7c7] {
34611
34770
  border-inline-start-color: var(--color-primary-element);
34612
34771
  }
34613
- .cn-object-card__accent-icon[data-v-70ee7f5c] {
34772
+ .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34614
34773
  display: inline-flex;
34615
34774
  vertical-align: -2px;
34616
34775
  margin-inline-end: 4px;
34617
34776
  }
34618
- .cn-object-card--accent-success .cn-object-card__accent-icon[data-v-70ee7f5c] {
34777
+ .cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34619
34778
  color: var(--color-text-success);
34620
34779
  }
34621
- .cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-70ee7f5c] {
34780
+ .cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34622
34781
  color: var(--color-text-warning);
34623
34782
  }
34624
- .cn-object-card--accent-error .cn-object-card__accent-icon[data-v-70ee7f5c] {
34783
+ .cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34625
34784
  color: var(--color-text-error);
34626
34785
  }
34627
- .cn-object-card--accent-info .cn-object-card__accent-icon[data-v-70ee7f5c] {
34786
+ .cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34628
34787
  color: var(--color-element-info);
34629
34788
  }
34630
- .cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-70ee7f5c] {
34789
+ .cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34631
34790
  color: var(--color-primary-element);
34632
34791
  }
34633
- .cn-object-card__checkbox[data-v-70ee7f5c] {
34792
+ .cn-object-card__checkbox[data-v-6e1fe7c7] {
34634
34793
  flex-shrink: 0;
34635
34794
  padding-top: 2px;
34636
34795
  }
34637
- .cn-object-card__content[data-v-70ee7f5c] {
34796
+ .cn-object-card__content[data-v-6e1fe7c7] {
34638
34797
  flex: 1;
34639
34798
  min-width: 0;
34640
34799
  }
34641
- .cn-object-card__header[data-v-70ee7f5c] {
34800
+ .cn-object-card__header[data-v-6e1fe7c7] {
34642
34801
  display: flex;
34643
34802
  gap: 12px;
34644
34803
  align-items: flex-start;
34645
34804
  }
34646
- .cn-object-card__image[data-v-70ee7f5c] {
34805
+ .cn-object-card__image[data-v-6e1fe7c7] {
34647
34806
  width: 48px;
34648
34807
  height: 48px;
34649
34808
  border-radius: var(--border-radius);
34650
34809
  object-fit: cover;
34651
34810
  flex-shrink: 0;
34652
34811
  }
34653
- .cn-object-card__title-area[data-v-70ee7f5c] {
34812
+ .cn-object-card__title-area[data-v-6e1fe7c7] {
34654
34813
  flex: 1;
34655
34814
  min-width: 0;
34656
34815
  }
34657
- .cn-object-card__title[data-v-70ee7f5c] {
34816
+ .cn-object-card__title[data-v-6e1fe7c7] {
34658
34817
  margin: 0;
34659
34818
  font-size: 16px;
34660
34819
  font-weight: 600;
@@ -34663,16 +34822,16 @@ to { background-position: -200% 0;
34663
34822
  text-overflow: ellipsis;
34664
34823
  white-space: nowrap;
34665
34824
  }
34666
- .cn-object-card__description[data-v-70ee7f5c] {
34825
+ .cn-object-card__description[data-v-6e1fe7c7] {
34667
34826
  margin: 4px 0 0;
34668
34827
  font-size: 13px;
34669
34828
  color: var(--color-text-maxcontrast);
34670
34829
  line-height: 1.4;
34671
34830
  }
34672
- .cn-object-card__badges[data-v-70ee7f5c] {
34831
+ .cn-object-card__badges[data-v-6e1fe7c7] {
34673
34832
  margin-top: 8px;
34674
34833
  }
34675
- .cn-object-card__metadata[data-v-70ee7f5c] {
34834
+ .cn-object-card__metadata[data-v-6e1fe7c7] {
34676
34835
  display: grid;
34677
34836
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
34678
34837
  gap: 8px;
@@ -34680,19 +34839,19 @@ to { background-position: -200% 0;
34680
34839
  padding-top: 12px;
34681
34840
  border-top: 1px solid var(--color-border);
34682
34841
  }
34683
- .cn-object-card__meta-item[data-v-70ee7f5c] {
34842
+ .cn-object-card__meta-item[data-v-6e1fe7c7] {
34684
34843
  display: flex;
34685
34844
  flex-direction: column;
34686
34845
  gap: 2px;
34687
34846
  }
34688
- .cn-object-card__meta-label[data-v-70ee7f5c] {
34847
+ .cn-object-card__meta-label[data-v-6e1fe7c7] {
34689
34848
  font-size: 11px;
34690
34849
  font-weight: 500;
34691
34850
  color: var(--color-text-maxcontrast);
34692
34851
  text-transform: uppercase;
34693
34852
  letter-spacing: 0.3px;
34694
34853
  }
34695
- .cn-object-card__actions[data-v-70ee7f5c] {
34854
+ .cn-object-card__actions[data-v-6e1fe7c7] {
34696
34855
  flex-shrink: 0;
34697
34856
  }
34698
34857
 
@@ -39413,41 +39572,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39413
39572
  }
39414
39573
 
39415
39574
 
39416
- .cn-flow-runs-widget[data-v-76cc4912] {
39575
+ .cn-flow-runs-widget[data-v-2f2e3e42] {
39417
39576
  display: flex;
39418
39577
  flex-direction: column;
39419
39578
  gap: 2px;
39420
39579
  min-width: 0;
39421
39580
  }
39422
- .cn-flow-runs-widget__loading[data-v-76cc4912] {
39581
+ .cn-flow-runs-widget__loading[data-v-2f2e3e42] {
39423
39582
  display: flex;
39424
39583
  justify-content: center;
39425
39584
  padding: 8px 0;
39426
39585
  }
39427
- .cn-flow-runs-widget__empty[data-v-76cc4912],
39428
- .cn-flow-runs-widget__error[data-v-76cc4912],
39429
- .cn-flow-runs-widget__more[data-v-76cc4912] {
39586
+ .cn-flow-runs-widget__empty[data-v-2f2e3e42],
39587
+ .cn-flow-runs-widget__error[data-v-2f2e3e42],
39588
+ .cn-flow-runs-widget__more[data-v-2f2e3e42] {
39430
39589
  margin: 0;
39431
39590
  color: var(--color-text-maxcontrast);
39432
39591
  font-size: 13px;
39433
39592
  }
39434
- .cn-flow-runs-widget__more[data-v-76cc4912] {
39593
+ .cn-flow-runs-widget__more[data-v-2f2e3e42] {
39435
39594
  padding-top: 4px;
39436
39595
  }
39437
- .cn-flow-runs-widget__list[data-v-76cc4912] {
39596
+ .cn-flow-runs-widget__list[data-v-2f2e3e42] {
39438
39597
  list-style: none;
39439
39598
  margin: 0;
39440
39599
  padding: 0;
39441
39600
  min-width: 0;
39442
39601
  }
39443
- .cn-flow-runs-widget__row[data-v-76cc4912] {
39602
+ .cn-flow-runs-widget__row[data-v-2f2e3e42] {
39444
39603
  border-bottom: 1px solid var(--color-border);
39445
39604
  min-width: 0;
39446
39605
  }
39447
- .cn-flow-runs-widget__row[data-v-76cc4912]:last-child {
39606
+ .cn-flow-runs-widget__row[data-v-2f2e3e42]:last-child {
39448
39607
  border-bottom: none;
39449
39608
  }
39450
- .cn-flow-runs-widget__row-content[data-v-76cc4912] {
39609
+ .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39451
39610
  display: flex;
39452
39611
  align-items: center;
39453
39612
  gap: 10px;
@@ -39456,10 +39615,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39456
39615
  color: inherit;
39457
39616
  text-decoration: none;
39458
39617
  }
39459
- a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39618
+ a.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39460
39619
  cursor: pointer;
39461
39620
  }
39462
- .cn-flow-runs-widget__dot[data-v-76cc4912] {
39621
+ .cn-flow-runs-widget__dot[data-v-2f2e3e42] {
39463
39622
  flex: 0 0 auto;
39464
39623
  width: 8px;
39465
39624
  height: 8px;
@@ -39468,40 +39627,40 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39468
39627
  }
39469
39628
 
39470
39629
  /* Executing now — the primary colour, and the only row that animates. */
39471
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39630
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39472
39631
  background: var(--color-primary-element, #0082c9);
39473
- animation: cn-flow-runs-pulse-76cc4912 1.6s ease-in-out infinite;
39632
+ animation: cn-flow-runs-pulse-2f2e3e42 1.6s ease-in-out infinite;
39474
39633
  }
39475
- .cn-flow-runs-widget__dot--queued[data-v-76cc4912] {
39634
+ .cn-flow-runs-widget__dot--queued[data-v-2f2e3e42] {
39476
39635
  background: var(--color-warning, #c28900);
39477
39636
  }
39478
- .cn-flow-runs-widget__dot--suspended[data-v-76cc4912] {
39637
+ .cn-flow-runs-widget__dot--suspended[data-v-2f2e3e42] {
39479
39638
  background: var(--color-text-maxcontrast);
39480
39639
  }
39481
39640
 
39482
39641
  /* Terminal rows: the dot is a hollow RING, so live (filled) and finished
39483
39642
  (hollow) never differ by colour alone. The per-status colour still rides
39484
39643
  on the ring's border. */
39485
- .cn-flow-runs-widget__dot--terminal[data-v-76cc4912] {
39644
+ .cn-flow-runs-widget__dot--terminal[data-v-2f2e3e42] {
39486
39645
  width: 6px;
39487
39646
  height: 6px;
39488
39647
  background: transparent;
39489
39648
  border: 2px solid var(--color-text-maxcontrast);
39490
39649
  }
39491
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-76cc4912] {
39650
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-2f2e3e42] {
39492
39651
  border-color: var(--color-success, #2d7b41);
39493
39652
  }
39494
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-76cc4912],
39495
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-76cc4912] {
39653
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-2f2e3e42],
39654
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-2f2e3e42] {
39496
39655
  border-color: var(--color-error, #d91f2d);
39497
39656
  }
39498
- .cn-flow-runs-widget__body[data-v-76cc4912] {
39657
+ .cn-flow-runs-widget__body[data-v-2f2e3e42] {
39499
39658
  display: flex;
39500
39659
  flex-direction: column;
39501
39660
  min-width: 0;
39502
39661
  flex: 1 1 auto;
39503
39662
  }
39504
- .cn-flow-runs-widget__name[data-v-76cc4912] {
39663
+ .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39505
39664
  font-weight: 600;
39506
39665
  white-space: nowrap;
39507
39666
  overflow: hidden;
@@ -39511,7 +39670,7 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39511
39670
  /* Finished runs read as history: regular weight, muted colour. The hollow
39512
39671
  dot and the section label carry the distinction for anyone who cannot
39513
39672
  rely on colour. */
39514
- .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-76cc4912] {
39673
+ .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39515
39674
  font-weight: 400;
39516
39675
  color: var(--color-text-maxcontrast);
39517
39676
  }
@@ -39521,17 +39680,17 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39521
39680
  order because the cascade then depends on specificity rather than
39522
39681
  source order — the shape that quietly stops working when someone adds
39523
39682
  a competing rule. */
39524
- a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4912] {
39683
+ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39525
39684
  text-decoration: underline;
39526
39685
  }
39527
- .cn-flow-runs-widget__meta[data-v-76cc4912] {
39686
+ .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
39528
39687
  color: var(--color-text-maxcontrast);
39529
39688
  font-size: 12px;
39530
39689
  white-space: nowrap;
39531
39690
  overflow: hidden;
39532
39691
  text-overflow: ellipsis;
39533
39692
  }
39534
- .cn-flow-runs-widget__age[data-v-76cc4912] {
39693
+ .cn-flow-runs-widget__age[data-v-2f2e3e42] {
39535
39694
  flex: 0 0 auto;
39536
39695
  color: var(--color-text-maxcontrast);
39537
39696
  font-size: 12px;
@@ -39540,7 +39699,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39540
39699
 
39541
39700
  /* The history section label. Small caps text, not a colour: the section
39542
39701
  boundary must survive monochrome. */
39543
- .cn-flow-runs-widget__history-title[data-v-76cc4912] {
39702
+ .cn-flow-runs-widget__history-title[data-v-2f2e3e42] {
39544
39703
  margin: 0;
39545
39704
  padding-top: 8px;
39546
39705
  color: var(--color-text-maxcontrast);
@@ -39549,7 +39708,39 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39549
39708
  text-transform: uppercase;
39550
39709
  letter-spacing: 0.04em;
39551
39710
  }
39552
- @keyframes cn-flow-runs-pulse-76cc4912 {
39711
+
39712
+ /* Status pills: each row ruled on top, the name over its meta line, the pill
39713
+ and the start moment at the end, as the Dq case boards draw the Flows card. */
39714
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row[data-v-2f2e3e42] {
39715
+ border-top: 1px solid var(--color-border);
39716
+ border-bottom: none;
39717
+ }
39718
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39719
+ flex-wrap: wrap;
39720
+ gap: 6px 16px;
39721
+ padding: 11px 0;
39722
+ }
39723
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__body[data-v-2f2e3e42] {
39724
+ flex: 1 1 260px;
39725
+ gap: 2px;
39726
+ }
39727
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__name[data-v-2f2e3e42],
39728
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39729
+ font-size: 15px;
39730
+ font-weight: 500;
39731
+ color: var(--color-main-text);
39732
+ white-space: normal;
39733
+ }
39734
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
39735
+ font-size: 13px;
39736
+ white-space: normal;
39737
+ }
39738
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__age[data-v-2f2e3e42] {
39739
+ flex: 0 0 104px;
39740
+ font-size: 13px;
39741
+ text-align: end;
39742
+ }
39743
+ @keyframes cn-flow-runs-pulse-2f2e3e42 {
39553
39744
  0%, 100% { opacity: 1;
39554
39745
  }
39555
39746
  50% { opacity: 0.35;
@@ -39559,7 +39750,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39559
39750
  /* Respect a reduced-motion preference: the pulse is decoration, and the dot
39560
39751
  colour already carries the status. */
39561
39752
  @media (prefers-reduced-motion: reduce) {
39562
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39753
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39563
39754
  animation: none;
39564
39755
  }
39565
39756
  }
@@ -40609,13 +40800,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40609
40800
  }
40610
40801
 
40611
40802
 
40612
- .cn-facts-widget[data-v-48761b13] {
40803
+ .cn-facts-widget[data-v-e627249e] {
40613
40804
  display: flex;
40614
40805
  flex-direction: column;
40615
40806
  gap: 10px;
40616
40807
  min-width: 0;
40617
40808
  }
40618
- .cn-facts-widget__pills[data-v-48761b13] {
40809
+ .cn-facts-widget__pills[data-v-e627249e] {
40619
40810
  display: flex;
40620
40811
  flex-wrap: wrap;
40621
40812
  gap: 8px;
@@ -40624,7 +40815,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40624
40815
  /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
40625
40816
  and bottom, which put a side card's facts 24px under its title, against
40626
40817
  the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
40627
- .cn-facts-widget__rows[data-v-48761b13] {
40818
+ .cn-facts-widget__rows[data-v-e627249e] {
40628
40819
  display: grid;
40629
40820
  grid-template-columns: max-content 1fr;
40630
40821
  gap: 8px 16px;
@@ -40634,17 +40825,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40634
40825
  }
40635
40826
 
40636
40827
  /* Each row is a grid of its own children: the wrapper takes no box. */
40637
- .cn-facts-widget__row[data-v-48761b13] {
40828
+ .cn-facts-widget__row[data-v-e627249e] {
40638
40829
  display: contents;
40639
40830
  }
40640
- .cn-facts-widget__row--inline[data-v-48761b13] {
40831
+ .cn-facts-widget__row--inline[data-v-e627249e] {
40641
40832
  display: flex;
40642
40833
  grid-column: 1 / -1;
40643
40834
  flex-wrap: wrap;
40644
40835
  align-items: center;
40645
40836
  gap: 10px;
40646
40837
  }
40647
- .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-48761b13] {
40838
+ .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-e627249e] {
40648
40839
  display: flex;
40649
40840
  flex-wrap: wrap;
40650
40841
  align-items: center;
@@ -40656,14 +40847,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40656
40847
  12px around both and widened the label column to 130px. The class is
40657
40848
  doubled so these resets outrank that rule, and a dossiq-style `:deep()`
40658
40849
  override in an app is not needed. */
40659
- .cn-facts-widget__label.cn-facts-widget__label[data-v-48761b13] {
40850
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40660
40851
  width: auto;
40661
40852
  margin: 0;
40662
40853
  padding: 0;
40663
40854
  text-align: start;
40664
40855
  color: var(--color-text-maxcontrast);
40665
40856
  }
40666
- .cn-facts-widget__value.cn-facts-widget__value[data-v-48761b13] {
40857
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40667
40858
  margin: 0;
40668
40859
  padding: 0;
40669
40860
  text-align: start;
@@ -40671,56 +40862,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40671
40862
  min-width: 0;
40672
40863
  overflow-wrap: anywhere;
40673
40864
  }
40674
- .cn-facts-widget__title[data-v-48761b13] {
40865
+ .cn-facts-widget__title[data-v-e627249e] {
40675
40866
  font-size: 15px;
40676
40867
  font-weight: 600;
40677
40868
  color: var(--color-main-text);
40678
40869
  }
40679
- .cn-facts-widget__line[data-v-48761b13] {
40870
+ .cn-facts-widget__line[data-v-e627249e] {
40680
40871
  font-size: 13px;
40681
40872
  color: var(--color-text-maxcontrast);
40682
40873
  }
40683
- .cn-facts-widget__meter[data-v-48761b13] {
40874
+ .cn-facts-widget__meter[data-v-e627249e] {
40684
40875
  display: flex;
40685
40876
  flex-direction: column;
40686
40877
  gap: 4px;
40687
40878
  font-size: 14px;
40688
40879
  }
40689
- .cn-facts-widget__meter-head[data-v-48761b13] {
40880
+ .cn-facts-widget__meter-head[data-v-e627249e] {
40690
40881
  display: flex;
40691
40882
  justify-content: space-between;
40692
40883
  gap: 16px;
40693
40884
  }
40694
- .cn-facts-widget__meter-label[data-v-48761b13] {
40885
+ .cn-facts-widget__meter-label[data-v-e627249e] {
40695
40886
  color: var(--color-text-maxcontrast);
40696
40887
  }
40697
- .cn-facts-widget__meter-value[data-v-48761b13] {
40888
+ .cn-facts-widget__meter-value[data-v-e627249e] {
40698
40889
  font-weight: 500;
40699
40890
  text-align: end;
40700
40891
  }
40701
- .cn-facts-widget__meter-track[data-v-48761b13] {
40892
+ .cn-facts-widget__meter-track[data-v-e627249e] {
40702
40893
  height: 6px;
40703
40894
  border-radius: 3px;
40704
40895
  background: var(--color-background-darker);
40705
40896
  overflow: hidden;
40706
40897
  }
40707
- .cn-facts-widget__meter-bar[data-v-48761b13] {
40898
+ .cn-facts-widget__meter-bar[data-v-e627249e] {
40708
40899
  display: block;
40709
40900
  height: 100%;
40710
40901
  border-radius: inherit;
40711
40902
  background: var(--color-primary-element);
40712
40903
  }
40713
- .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-48761b13] {
40904
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e627249e] {
40714
40905
  color: var(--color-error-text);
40715
40906
  }
40716
- .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-48761b13] {
40907
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e627249e] {
40717
40908
  background: var(--color-error);
40718
40909
  }
40719
- .cn-facts-widget__muted[data-v-48761b13] {
40910
+ .cn-facts-widget__muted[data-v-e627249e] {
40720
40911
  margin: 0;
40721
40912
  color: var(--color-text-maxcontrast);
40722
40913
  }
40723
- .cn-facts-widget__label .hidden-visually[data-v-48761b13] {
40914
+ .cn-facts-widget__label .hidden-visually[data-v-e627249e] {
40724
40915
  clip-path: inset(50%);
40725
40916
  height: 1px;
40726
40917
  overflow: hidden;
@@ -40728,27 +40919,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40728
40919
  white-space: nowrap;
40729
40920
  width: 1px;
40730
40921
  }
40731
- .cn-facts-widget__label--icon[data-v-48761b13] {
40922
+ .cn-facts-widget__label--icon[data-v-e627249e] {
40732
40923
  align-items: center;
40733
40924
  display: flex;
40734
40925
  }
40735
- .cn-facts-widget__value-link[data-v-48761b13] {
40926
+ .cn-facts-widget__value-link[data-v-e627249e] {
40736
40927
  color: var(--color-primary-element);
40737
40928
  text-decoration: underline;
40738
40929
  }
40739
- .cn-facts-widget__inline-button[data-v-48761b13],
40740
- .cn-facts-widget__icon-button[data-v-48761b13],
40741
- .cn-facts-widget__action[data-v-48761b13] {
40930
+ .cn-facts-widget__inline-button[data-v-e627249e],
40931
+ .cn-facts-widget__icon-button[data-v-e627249e],
40932
+ .cn-facts-widget__action[data-v-e627249e] {
40742
40933
  align-items: center;
40743
40934
  cursor: pointer;
40744
40935
  display: inline-flex;
40745
40936
  font: inherit;
40746
40937
  }
40747
- .cn-facts-widget__reveal-error[data-v-48761b13] {
40938
+ .cn-facts-widget__reveal-error[data-v-e627249e] {
40748
40939
  font-size: 13px;
40749
40940
  color: var(--color-text-error, var(--color-error));
40750
40941
  }
40751
- .cn-facts-widget__inline-button[data-v-48761b13] {
40942
+ .cn-facts-widget__inline-button[data-v-e627249e] {
40752
40943
  background: var(--color-main-background);
40753
40944
  border: 1px solid var(--color-border-dark);
40754
40945
  border-radius: 16px;
@@ -40760,7 +40951,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40760
40951
  min-height: 30px;
40761
40952
  padding: 0 10px;
40762
40953
  }
40763
- .cn-facts-widget__icon-button[data-v-48761b13] {
40954
+ .cn-facts-widget__icon-button[data-v-e627249e] {
40764
40955
  background: transparent;
40765
40956
  border: 0;
40766
40957
  border-radius: 6px;
@@ -40769,23 +40960,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40769
40960
  padding: 2px;
40770
40961
  vertical-align: middle;
40771
40962
  }
40772
- .cn-facts-widget__icon-button[data-v-48761b13]:hover,
40773
- .cn-facts-widget__icon-button[data-v-48761b13]:focus-visible {
40963
+ .cn-facts-widget__icon-button[data-v-e627249e]:hover,
40964
+ .cn-facts-widget__icon-button[data-v-e627249e]:focus-visible {
40774
40965
  background: var(--color-background-hover);
40775
40966
  color: var(--color-main-text);
40776
40967
  }
40777
- .cn-facts-widget__text[data-v-48761b13] {
40968
+ .cn-facts-widget__text[data-v-e627249e] {
40778
40969
  color: var(--color-main-text);
40779
40970
  font-size: 15px;
40780
40971
  }
40781
40972
 
40782
40973
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
40783
- .cn-facts-widget__lead[data-v-48761b13] {
40974
+ .cn-facts-widget__lead[data-v-e627249e] {
40784
40975
  align-items: center;
40785
40976
  display: flex;
40786
40977
  gap: 12px;
40787
40978
  }
40788
- .cn-facts-widget__lead-tile[data-v-48761b13] {
40979
+ .cn-facts-widget__lead-tile[data-v-e627249e] {
40789
40980
  align-items: center;
40790
40981
  background: var(--color-background-dark);
40791
40982
  border-radius: 8px;
@@ -40800,32 +40991,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40800
40991
  }
40801
40992
 
40802
40993
  /* Initials stand for a person: round, as an avatar. */
40803
- .cn-facts-widget__lead-tile--initials[data-v-48761b13] {
40994
+ .cn-facts-widget__lead-tile--initials[data-v-e627249e] {
40804
40995
  border-radius: 50%;
40805
40996
  }
40806
- .cn-facts-widget__lead-tile--success[data-v-48761b13] {
40997
+ .cn-facts-widget__lead-tile--success[data-v-e627249e] {
40807
40998
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
40808
40999
  border-radius: 50%;
40809
41000
  color: var(--color-success-text, var(--color-success));
40810
41001
  }
40811
- .cn-facts-widget__lead-tile--info[data-v-48761b13] {
41002
+ .cn-facts-widget__lead-tile--info[data-v-e627249e] {
40812
41003
  background: var(--color-primary-element-light);
40813
41004
  border-radius: 50%;
40814
41005
  color: var(--color-primary-element-light-text, var(--color-primary-element));
40815
41006
  }
40816
- .cn-facts-widget__lead-text[data-v-48761b13] {
41007
+ .cn-facts-widget__lead-text[data-v-e627249e] {
40817
41008
  display: flex;
40818
41009
  flex-direction: column;
40819
41010
  min-width: 0;
40820
41011
  }
40821
- .cn-facts-widget__lead-title[data-v-48761b13] {
41012
+ .cn-facts-widget__lead-title[data-v-e627249e] {
40822
41013
  font-size: 15px;
40823
41014
  }
40824
- .cn-facts-widget__lead-subtitle[data-v-48761b13] {
41015
+ .cn-facts-widget__lead-subtitle[data-v-e627249e] {
40825
41016
  color: var(--color-text-maxcontrast);
40826
41017
  font-size: 13px;
40827
41018
  }
40828
- .cn-facts-widget__action[data-v-48761b13] {
41019
+ .cn-facts-widget__action[data-v-e627249e] {
40829
41020
  align-self: flex-start;
40830
41021
  background: var(--color-primary-element-light);
40831
41022
  border: 0;
@@ -40837,27 +41028,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40837
41028
  min-height: 32px;
40838
41029
  padding: 0 14px;
40839
41030
  }
40840
- .cn-facts-widget__action[data-v-48761b13]:hover,
40841
- .cn-facts-widget__action[data-v-48761b13]:focus-visible {
41031
+ .cn-facts-widget__action[data-v-e627249e]:hover,
41032
+ .cn-facts-widget__action[data-v-e627249e]:focus-visible {
40842
41033
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
40843
41034
  }
40844
- .cn-facts-widget__notice[data-v-48761b13] {
41035
+ .cn-facts-widget__notice[data-v-e627249e] {
40845
41036
  margin: 4px 0 0;
40846
41037
  }
40847
41038
 
40848
41039
  /* A div, not a p: a theme sets every paragraph's size with !important. */
40849
- .cn-facts-widget__footnote[data-v-48761b13] {
41040
+ .cn-facts-widget__footnote[data-v-e627249e] {
40850
41041
  color: var(--color-text-maxcontrast);
40851
41042
  font-size: 13px;
40852
41043
  line-height: 1.2;
40853
41044
  }
40854
- .cn-facts-widget__link[data-v-48761b13] {
41045
+ .cn-facts-widget__link[data-v-e627249e] {
40855
41046
  font-size: 14px;
40856
41047
  font-weight: 600;
40857
41048
  color: var(--color-primary-element);
40858
41049
  text-decoration: underline;
40859
41050
  }
40860
- .cn-facts-widget__link--button[data-v-48761b13] {
41051
+ .cn-facts-widget__link-note[data-v-e627249e] {
41052
+ margin: 0;
41053
+ color: var(--color-text-maxcontrast);
41054
+ font-size: 13px;
41055
+ }
41056
+ .cn-facts-widget__link--button[data-v-e627249e] {
40861
41057
  display: inline-flex;
40862
41058
  align-items: center;
40863
41059
  gap: 6px;
@@ -40872,12 +41068,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40872
41068
 
40873
41069
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
40874
41070
  hairline under each fact; one column on a phone. */
40875
- .cn-facts-widget__rows--columns[data-v-48761b13] {
41071
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40876
41072
  grid-template-columns: repeat(2, minmax(0, 1fr));
40877
41073
  gap: 14px 24px;
40878
41074
  font-size: 15px;
40879
41075
  }
40880
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-48761b13] {
41076
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e627249e] {
40881
41077
  display: flex;
40882
41078
  flex-direction: column;
40883
41079
  gap: 3px;
@@ -40885,21 +41081,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40885
41081
  padding-bottom: 10px;
40886
41082
  border-bottom: 1px solid var(--color-border);
40887
41083
  }
40888
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-48761b13] {
41084
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40889
41085
  font-size: 13px;
40890
41086
  }
40891
41087
 
40892
41088
  /* One column, label above value: 2px under its label, 10px to the next
40893
41089
  label, so a long label never squeezes its value (DqHandhaving). */
40894
- .cn-facts-widget__rows--stacked[data-v-48761b13] {
41090
+ .cn-facts-widget__rows--stacked[data-v-e627249e] {
40895
41091
  grid-template-columns: minmax(0, 1fr);
40896
41092
  gap: 2px 0;
40897
41093
  }
40898
- .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-48761b13] {
41094
+ .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40899
41095
  margin-bottom: 8px;
40900
41096
  }
40901
41097
  @media (max-width: 640px) {
40902
- .cn-facts-widget__rows--columns[data-v-48761b13] {
41098
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40903
41099
  grid-template-columns: minmax(0, 1fr);
40904
41100
  }
40905
41101
  }
@@ -40995,13 +41191,13 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40995
41191
  }
40996
41192
 
40997
41193
 
40998
- .cn-device-frames-widget[data-v-05f76090] {
41194
+ .cn-device-frames-widget[data-v-64bde7d3] {
40999
41195
  display: flex;
41000
41196
  flex-wrap: wrap;
41001
41197
  align-items: flex-start;
41002
41198
  gap: 20px;
41003
41199
  }
41004
- .cn-device-frames-widget__frame[data-v-05f76090] {
41200
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
41005
41201
  display: flex;
41006
41202
  flex: none;
41007
41203
  flex-direction: column;
@@ -41014,7 +41210,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41014
41210
  border-radius: 36px;
41015
41211
  background: var(--color-background-hover);
41016
41212
  }
41017
- .cn-device-frames-widget__head[data-v-05f76090] {
41213
+ .cn-device-frames-widget__head[data-v-64bde7d3] {
41018
41214
  display: flex;
41019
41215
  flex-direction: column;
41020
41216
  gap: 6px;
@@ -41022,28 +41218,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41022
41218
  border-bottom: 1px solid var(--color-border);
41023
41219
  background: var(--color-main-background);
41024
41220
  }
41025
- .cn-device-frames-widget__status[data-v-05f76090] {
41221
+ .cn-device-frames-widget__status[data-v-64bde7d3] {
41026
41222
  display: inline-flex;
41027
41223
  align-items: center;
41028
41224
  gap: 6px;
41029
41225
  font-size: 13px;
41030
41226
  font-weight: 600;
41031
41227
  }
41032
- .cn-device-frames-widget__status--warning[data-v-05f76090] {
41228
+ .cn-device-frames-widget__status--warning[data-v-64bde7d3] {
41033
41229
  color: var(--color-warning-text, var(--color-main-text));
41034
41230
  }
41035
- .cn-device-frames-widget__status--success[data-v-05f76090] {
41231
+ .cn-device-frames-widget__status--success[data-v-64bde7d3] {
41036
41232
  color: var(--color-success-text, var(--color-main-text));
41037
41233
  }
41038
- .cn-device-frames-widget__status--info[data-v-05f76090] {
41234
+ .cn-device-frames-widget__status--info[data-v-64bde7d3] {
41039
41235
  color: var(--color-text-maxcontrast);
41040
41236
  }
41041
- .cn-device-frames-widget__title[data-v-05f76090] {
41237
+ .cn-device-frames-widget__title[data-v-64bde7d3] {
41042
41238
  margin: 0;
41043
41239
  font-size: 20px;
41044
41240
  font-weight: 700;
41241
+ line-height: 1.2;
41045
41242
  }
41046
- .cn-device-frames-widget__body[data-v-05f76090] {
41243
+ .cn-device-frames-widget__body[data-v-64bde7d3] {
41047
41244
  display: flex;
41048
41245
  flex-direction: column;
41049
41246
  gap: 12px;
@@ -41052,7 +41249,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41052
41249
 
41053
41250
  /* On a phone the frame is the screen: no bezel, the full width. */
41054
41251
  @media (max-width: 640px) {
41055
- .cn-device-frames-widget__frame[data-v-05f76090] {
41252
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
41056
41253
  width: 100%;
41057
41254
  min-height: 0;
41058
41255
  border-width: 0;
@@ -41174,29 +41371,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41174
41371
  }
41175
41372
 
41176
41373
 
41177
- .cn-checklist-run__form[data-v-f3678d20] {
41374
+ .cn-checklist-run__form[data-v-284eb804] {
41178
41375
  display: flex;
41179
41376
  flex-direction: column;
41180
41377
  gap: 12px;
41181
41378
  }
41182
- .cn-checklist-run__position[data-v-f3678d20] {
41379
+ .cn-checklist-run__position[data-v-284eb804] {
41183
41380
  color: var(--color-text-maxcontrast);
41184
41381
  margin: 0;
41185
41382
  }
41186
- .cn-checklist-run__progress[data-v-f3678d20] {
41383
+ .cn-checklist-run__progress[data-v-284eb804] {
41187
41384
  background: var(--color-border);
41188
41385
  border-radius: 3px;
41189
41386
  display: block;
41190
41387
  height: 6px;
41191
41388
  overflow: hidden;
41192
41389
  }
41193
- .cn-checklist-run__progress-fill[data-v-f3678d20] {
41390
+ .cn-checklist-run__progress-fill[data-v-284eb804] {
41194
41391
  background: var(--color-primary-element);
41195
41392
  display: block;
41196
41393
  height: 100%;
41197
41394
  }
41198
- .cn-checklist-run__live[data-v-f3678d20],
41199
- .cn-checklist-run__sr[data-v-f3678d20] {
41395
+ .cn-checklist-run__live[data-v-284eb804],
41396
+ .cn-checklist-run__sr[data-v-284eb804] {
41200
41397
  clip-path: inset(50%);
41201
41398
  height: 1px;
41202
41399
  overflow: hidden;
@@ -41204,8 +41401,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41204
41401
  white-space: nowrap;
41205
41402
  width: 1px;
41206
41403
  }
41207
- .cn-checklist-run__question[data-v-f3678d20],
41208
- .cn-checklist-run__photos[data-v-f3678d20] {
41404
+ .cn-checklist-run__question[data-v-284eb804],
41405
+ .cn-checklist-run__photos[data-v-284eb804] {
41209
41406
  background: var(--color-main-background);
41210
41407
  border: 1px solid var(--color-border);
41211
41408
  border-radius: var(--border-radius-large, 12px);
@@ -41215,13 +41412,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41215
41412
  margin: 0;
41216
41413
  padding: 12px 14px;
41217
41414
  }
41218
- .cn-checklist-run__legend[data-v-f3678d20] {
41415
+ .cn-checklist-run__photos-title[data-v-284eb804] {
41416
+ font-size: 15px;
41417
+ line-height: 1.2;
41418
+ }
41419
+ .cn-checklist-run__legend[data-v-284eb804] {
41219
41420
  font-size: 15px;
41220
41421
  font-weight: 600;
41221
41422
  line-height: 1.2;
41222
41423
  padding: 0 4px;
41223
41424
  }
41224
- .cn-checklist-run__help[data-v-f3678d20] {
41425
+ .cn-checklist-run__help[data-v-284eb804] {
41225
41426
  color: var(--color-text-maxcontrast);
41226
41427
  font-size: 14px;
41227
41428
  line-height: 1.2;
@@ -41230,7 +41431,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41230
41431
 
41231
41432
  /* An option reads as text, not as a field label (a theme makes every label
41232
41433
  bold); 15px as the board draws it (DqInspectie). */
41233
- .cn-checklist-run__choice[data-v-f3678d20] {
41434
+ .cn-checklist-run__choice[data-v-284eb804] {
41234
41435
  align-items: center;
41235
41436
  display: flex;
41236
41437
  font-size: 15px;
@@ -41240,32 +41441,32 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41240
41441
  }
41241
41442
 
41242
41443
  /* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
41243
- .cn-checklist-run__choice input[data-v-f3678d20] {
41444
+ .cn-checklist-run__choice input[data-v-284eb804] {
41244
41445
  accent-color: var(--color-primary-element);
41245
41446
  height: 20px;
41246
41447
  margin: 3px 3px 0 5px;
41247
41448
  width: 20px;
41248
41449
  }
41249
- .cn-checklist-run__text[data-v-f3678d20],
41250
- .cn-checklist-run__number[data-v-f3678d20] {
41450
+ .cn-checklist-run__text[data-v-284eb804],
41451
+ .cn-checklist-run__number[data-v-284eb804] {
41251
41452
  box-sizing: border-box;
41252
41453
  width: 100%;
41253
41454
  }
41254
- .cn-checklist-run__group[data-v-f3678d20] {
41455
+ .cn-checklist-run__group[data-v-284eb804] {
41255
41456
  font-size: 14px;
41256
41457
  font-weight: 600;
41257
41458
  margin: 0;
41258
41459
  }
41259
- .cn-checklist-run__note-label[data-v-f3678d20] {
41460
+ .cn-checklist-run__note-label[data-v-284eb804] {
41260
41461
  display: flex;
41261
41462
  flex-direction: column;
41262
41463
  gap: 4px;
41263
41464
  }
41264
- .cn-checklist-run__photo-list[data-v-f3678d20] {
41465
+ .cn-checklist-run__photo-list[data-v-284eb804] {
41265
41466
  margin: 0;
41266
41467
  padding-inline-start: 18px;
41267
41468
  }
41268
- .cn-checklist-run__photo-button[data-v-f3678d20] {
41469
+ .cn-checklist-run__photo-button[data-v-284eb804] {
41269
41470
  align-items: center;
41270
41471
  align-self: flex-start;
41271
41472
  border: 1px solid var(--color-border-dark);
@@ -41276,26 +41477,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41276
41477
  min-height: 34px;
41277
41478
  padding: 0 14px;
41278
41479
  }
41279
- .cn-checklist-run__photo-button[data-v-f3678d20]:focus-within {
41480
+ .cn-checklist-run__photo-button[data-v-284eb804]:focus-within {
41280
41481
  outline: 2px solid var(--color-primary-element);
41281
41482
  outline-offset: 2px;
41282
41483
  }
41283
- .cn-checklist-run__photo-input[data-v-f3678d20] {
41484
+ .cn-checklist-run__photo-input[data-v-284eb804] {
41284
41485
  clip-path: inset(50%);
41285
41486
  height: 1px;
41286
41487
  overflow: hidden;
41287
41488
  position: absolute;
41288
41489
  width: 1px;
41289
41490
  }
41290
- .cn-checklist-run__nav[data-v-f3678d20] {
41491
+ .cn-checklist-run__nav[data-v-284eb804] {
41291
41492
  display: flex;
41292
41493
  justify-content: space-between;
41293
41494
  }
41294
- .cn-checklist-run__error[data-v-f3678d20] {
41495
+ .cn-checklist-run__error[data-v-284eb804] {
41295
41496
  color: var(--color-error-text, var(--color-error));
41296
41497
  margin: 0;
41297
41498
  }
41298
- .cn-checklist-run__empty[data-v-f3678d20] {
41499
+ .cn-checklist-run__empty[data-v-284eb804] {
41299
41500
  color: var(--color-text-maxcontrast);
41300
41501
  }
41301
41502
 
@@ -41577,38 +41778,64 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41577
41778
  }
41578
41779
 
41579
41780
 
41580
- .cn-field-list-widget[data-v-785b1f94] {
41781
+ .cn-field-list-widget[data-v-80d5a77a] {
41581
41782
  display: flex;
41582
41783
  flex-direction: column;
41583
41784
  gap: 12px;
41584
41785
  min-width: 0;
41585
41786
  }
41586
- .cn-field-list-widget__lead[data-v-785b1f94] {
41787
+ .cn-field-list-widget__lead[data-v-80d5a77a] {
41587
41788
  margin: 0;
41588
41789
  font-weight: bold;
41589
41790
  }
41590
- .cn-field-list-widget__rows[data-v-785b1f94] {
41791
+ .cn-field-list-widget__rows[data-v-80d5a77a] {
41591
41792
  list-style: none;
41592
41793
  margin: 0;
41593
41794
  padding: 0;
41594
41795
  display: flex;
41595
41796
  flex-direction: column;
41596
41797
  }
41597
- .cn-field-list-widget__row[data-v-785b1f94] {
41798
+ .cn-field-list-widget__row[data-v-80d5a77a] {
41598
41799
  padding: 10px 0;
41599
41800
  border-top: 1px solid var(--color-border);
41600
41801
  }
41601
- .cn-field-list-widget__row[data-v-785b1f94]:first-child {
41802
+ .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
41602
41803
  border-top: none;
41603
41804
  padding-top: 0;
41604
41805
  }
41605
- .cn-field-list-widget__line[data-v-785b1f94] {
41806
+
41807
+ /* `variant: "options"` (DqZaaktypeVelden Keuzelijst): each option a framed
41808
+ row, 6px apart, with a grip before its name and its code in a chip. */
41809
+ .cn-field-list-widget__rows--options[data-v-80d5a77a] {
41810
+ gap: 6px;
41811
+ }
41812
+ .cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a],
41813
+ .cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
41814
+ padding: 6px 12px;
41815
+ border: 1px solid var(--color-border);
41816
+ border-radius: var(--border-radius-element, 8px);
41817
+ }
41818
+ .cn-field-list-widget__grip[data-v-80d5a77a] {
41819
+ flex: none;
41820
+ display: inline-flex;
41821
+ padding: 0;
41822
+ border: 0;
41823
+ background: transparent;
41824
+ color: var(--color-text-maxcontrast);
41825
+ cursor: grab;
41826
+ }
41827
+ .cn-field-list-widget__code[data-v-80d5a77a] {
41828
+ flex: none;
41829
+ color: var(--color-text-maxcontrast);
41830
+ font-size: 13px;
41831
+ }
41832
+ .cn-field-list-widget__line[data-v-80d5a77a] {
41606
41833
  display: flex;
41607
41834
  align-items: center;
41608
41835
  gap: 12px;
41609
41836
  min-width: 0;
41610
41837
  }
41611
- .cn-field-list-widget__avatar[data-v-785b1f94] {
41838
+ .cn-field-list-widget__avatar[data-v-80d5a77a] {
41612
41839
  flex: 0 0 auto;
41613
41840
  display: inline-flex;
41614
41841
  align-items: center;
@@ -41621,69 +41848,69 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41621
41848
  font-size: 12px;
41622
41849
  font-weight: 700;
41623
41850
  }
41624
- .cn-field-list-widget__main[data-v-785b1f94] {
41851
+ .cn-field-list-widget__main[data-v-80d5a77a] {
41625
41852
  display: flex;
41626
41853
  flex-direction: column;
41627
41854
  flex: 1 1 auto;
41628
41855
  min-width: 0;
41629
41856
  }
41630
- .cn-field-list-widget__title[data-v-785b1f94] {
41857
+ .cn-field-list-widget__title[data-v-80d5a77a] {
41631
41858
  font-weight: 600;
41632
41859
  overflow-wrap: anywhere;
41633
41860
  }
41634
- .cn-field-list-widget__meta[data-v-785b1f94],
41635
- .cn-field-list-widget__aside[data-v-785b1f94],
41636
- .cn-field-list-widget__detail[data-v-785b1f94],
41637
- .cn-field-list-widget__hint[data-v-785b1f94],
41638
- .cn-field-list-widget__empty[data-v-785b1f94] {
41861
+ .cn-field-list-widget__meta[data-v-80d5a77a],
41862
+ .cn-field-list-widget__aside[data-v-80d5a77a],
41863
+ .cn-field-list-widget__detail[data-v-80d5a77a],
41864
+ .cn-field-list-widget__hint[data-v-80d5a77a],
41865
+ .cn-field-list-widget__empty[data-v-80d5a77a] {
41639
41866
  color: var(--color-text-maxcontrast);
41640
41867
  }
41641
- .cn-field-list-widget__meta[data-v-785b1f94],
41642
- .cn-field-list-widget__aside[data-v-785b1f94],
41643
- .cn-field-list-widget__copies[data-v-785b1f94] {
41868
+ .cn-field-list-widget__meta[data-v-80d5a77a],
41869
+ .cn-field-list-widget__aside[data-v-80d5a77a],
41870
+ .cn-field-list-widget__copies[data-v-80d5a77a] {
41644
41871
  display: flex;
41645
41872
  flex-wrap: wrap;
41646
41873
  gap: 4px;
41647
41874
  }
41648
- .cn-field-list-widget__detail[data-v-785b1f94] {
41875
+ .cn-field-list-widget__detail[data-v-80d5a77a] {
41649
41876
  font-size: 13px;
41650
41877
  }
41651
- .cn-field-list-widget__aside[data-v-785b1f94] {
41878
+ .cn-field-list-widget__aside[data-v-80d5a77a] {
41652
41879
  white-space: nowrap;
41653
41880
  }
41654
- .cn-field-list-widget__detail[data-v-785b1f94],
41655
- .cn-field-list-widget__hint[data-v-785b1f94],
41656
- .cn-field-list-widget__empty[data-v-785b1f94] {
41881
+ .cn-field-list-widget__detail[data-v-80d5a77a],
41882
+ .cn-field-list-widget__hint[data-v-80d5a77a],
41883
+ .cn-field-list-widget__empty[data-v-80d5a77a] {
41657
41884
  margin: 4px 0 0;
41658
41885
  overflow-wrap: anywhere;
41659
41886
  }
41660
- .cn-field-list-widget__add[data-v-785b1f94] {
41887
+ .cn-field-list-widget__add[data-v-80d5a77a] {
41661
41888
  display: flex;
41662
41889
  flex-wrap: wrap;
41663
41890
  align-items: flex-end;
41664
41891
  gap: 8px 12px;
41665
41892
  }
41666
- .cn-field-list-widget__add[data-v-785b1f94] > * {
41893
+ .cn-field-list-widget__add[data-v-80d5a77a] > * {
41667
41894
  flex: 1 1 180px;
41668
41895
  }
41669
- .cn-field-list-widget__add > button[data-v-785b1f94] {
41896
+ .cn-field-list-widget__add > button[data-v-80d5a77a] {
41670
41897
  flex: 0 0 auto;
41671
41898
  }
41672
- .cn-field-list-widget__toolbar[data-v-785b1f94] {
41899
+ .cn-field-list-widget__toolbar[data-v-80d5a77a] {
41673
41900
  display: flex;
41674
41901
  justify-content: flex-end;
41675
41902
  }
41676
- .cn-field-list-widget__table-wrap[data-v-785b1f94] {
41903
+ .cn-field-list-widget__table-wrap[data-v-80d5a77a] {
41677
41904
  display: flex;
41678
41905
  flex-direction: column;
41679
41906
  gap: 12px;
41680
41907
  overflow-x: auto;
41681
41908
  }
41682
- .cn-field-list-widget__table[data-v-785b1f94] {
41909
+ .cn-field-list-widget__table[data-v-80d5a77a] {
41683
41910
  width: 100%;
41684
41911
  border-collapse: collapse;
41685
41912
  }
41686
- .cn-field-list-widget__th[data-v-785b1f94] {
41913
+ .cn-field-list-widget__th[data-v-80d5a77a] {
41687
41914
  padding: 8px 12px;
41688
41915
  text-align: start;
41689
41916
  font-size: 13px;
@@ -41692,31 +41919,31 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41692
41919
  color: var(--color-text-maxcontrast);
41693
41920
  background: var(--color-background-hover);
41694
41921
  }
41695
- .cn-field-list-widget__th--menu[data-v-785b1f94],
41696
- .cn-field-list-widget__code[data-v-785b1f94] {
41922
+ .cn-field-list-widget__th--menu[data-v-80d5a77a],
41923
+ .cn-field-list-widget__code[data-v-80d5a77a] {
41697
41924
  font-size: 0.85em;
41698
41925
  word-break: break-all;
41699
41926
  }
41700
- .cn-field-list-widget__td--menu[data-v-785b1f94] {
41927
+ .cn-field-list-widget__td--menu[data-v-80d5a77a] {
41701
41928
  width: 1%;
41702
41929
  text-align: end;
41703
41930
  }
41704
- .cn-field-list-widget__tr[data-v-785b1f94] {
41931
+ .cn-field-list-widget__tr[data-v-80d5a77a] {
41705
41932
  border-top: 1px solid var(--cn-board-hairline, var(--color-border));
41706
41933
  }
41707
- .cn-field-list-widget__td[data-v-785b1f94] {
41934
+ .cn-field-list-widget__td[data-v-80d5a77a] {
41708
41935
  padding: 10px 12px;
41709
41936
  vertical-align: middle;
41710
41937
  overflow-wrap: anywhere;
41711
41938
  }
41712
- .cn-field-list-widget__sr[data-v-785b1f94] {
41939
+ .cn-field-list-widget__sr[data-v-80d5a77a] {
41713
41940
  position: absolute;
41714
41941
  width: 1px;
41715
41942
  height: 1px;
41716
41943
  overflow: hidden;
41717
41944
  clip-path: inset(50%);
41718
41945
  }
41719
- .cn-field-list-widget__band[data-v-785b1f94] {
41946
+ .cn-field-list-widget__band[data-v-80d5a77a] {
41720
41947
  display: flex;
41721
41948
  flex-wrap: wrap;
41722
41949
  align-items: center;
@@ -42457,20 +42684,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42457
42684
  }
42458
42685
 
42459
42686
 
42460
- .cn-record-list__checklist-bar[data-v-59c81065] {
42687
+ .cn-record-list__checklist-bar[data-v-0e3cf5c3] {
42461
42688
  height: 8px;
42462
42689
  margin-block-end: 16px;
42463
42690
  border-radius: 4px;
42464
42691
  background: var(--color-background-dark);
42465
42692
  overflow: hidden;
42466
42693
  }
42467
- .cn-record-list__checklist-fill[data-v-59c81065] {
42694
+ .cn-record-list__checklist-fill[data-v-0e3cf5c3] {
42468
42695
  display: block;
42469
42696
  height: 100%;
42470
42697
  border-radius: 4px;
42471
42698
  background: var(--color-primary-element);
42472
42699
  }
42473
- .cn-record-list__checklist[data-v-59c81065] {
42700
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42474
42701
  display: grid;
42475
42702
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
42476
42703
  gap: 8px 16px;
@@ -42478,16 +42705,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42478
42705
  padding: 0;
42479
42706
  list-style: none;
42480
42707
  }
42481
- .cn-record-list__check[data-v-59c81065] {
42708
+ .cn-record-list__check[data-v-0e3cf5c3] {
42482
42709
  display: flex;
42483
42710
  align-items: center;
42484
42711
  gap: 8px;
42485
42712
  min-height: 28px;
42486
42713
  }
42487
- .cn-record-list__check--done[data-v-59c81065] {
42714
+ .cn-record-list__check--done[data-v-0e3cf5c3] {
42488
42715
  color: var(--color-text-maxcontrast);
42489
42716
  }
42490
- .cn-record-list__check-mark[data-v-59c81065] {
42717
+ .cn-record-list__check-mark[data-v-0e3cf5c3] {
42491
42718
  display: inline-flex;
42492
42719
  flex: none;
42493
42720
  align-items: center;
@@ -42497,45 +42724,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42497
42724
  border: 2px solid var(--color-border-maxcontrast);
42498
42725
  border-radius: 50%;
42499
42726
  }
42500
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-59c81065] {
42727
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-0e3cf5c3] {
42501
42728
  border-color: transparent;
42502
42729
  background: var(--color-success-hover, var(--color-background-dark));
42503
42730
  color: var(--color-success-text, var(--color-success));
42504
42731
  }
42505
42732
  @media (max-width: 640px) {
42506
- .cn-record-list__checklist[data-v-59c81065] {
42733
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42507
42734
  grid-template-columns: minmax(0, 1fr);
42508
42735
  }
42509
42736
  }
42510
- .cn-record-list__set-field-done[data-v-59c81065] {
42737
+ .cn-record-list__set-field-done[data-v-0e3cf5c3] {
42511
42738
  display: inline-flex;
42512
42739
  align-items: center;
42513
42740
  gap: 4px;
42514
42741
  color: var(--color-success-text, var(--color-success));
42515
42742
  font-weight: bold;
42516
42743
  }
42517
- .cn-record-list__list[data-v-59c81065] {
42744
+ .cn-record-list__list[data-v-0e3cf5c3] {
42518
42745
  list-style: none;
42519
42746
  margin: 0;
42520
42747
  padding: 0;
42521
42748
  }
42522
- .cn-record-list__group-heading[data-v-59c81065] {
42749
+ .cn-record-list__group-heading[data-v-0e3cf5c3] {
42523
42750
  margin: 6px 0 0;
42524
42751
  font-size: 15px;
42525
42752
  font-weight: 700;
42526
42753
  line-height: 1.4;
42527
42754
  }
42528
- .cn-record-list__group-head[data-v-59c81065] {
42755
+ .cn-record-list__group-head[data-v-0e3cf5c3] {
42529
42756
  display: flex;
42530
42757
  align-items: center;
42531
42758
  justify-content: space-between;
42532
42759
  gap: 8px;
42533
42760
  margin-top: 6px;
42534
42761
  }
42535
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-59c81065] {
42762
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-0e3cf5c3] {
42536
42763
  margin: 0;
42537
42764
  }
42538
- .cn-record-list__action--tonal.button-vue[data-v-59c81065] {
42765
+ .cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
42539
42766
  min-height: 34px;
42540
42767
  height: 34px;
42541
42768
  padding: 0 12px;
@@ -42546,34 +42773,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42546
42773
  font-size: 13px;
42547
42774
  font-weight: 600;
42548
42775
  }
42549
- .cn-record-list__action--tonal.button-vue[data-v-59c81065]:hover:not(:disabled) {
42776
+ .cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3]:hover:not(:disabled) {
42550
42777
  background-color: var(--color-primary-element-light-hover);
42551
42778
  }
42552
- .cn-record-list__footer[data-v-59c81065] {
42779
+ .cn-record-list__footer[data-v-0e3cf5c3] {
42553
42780
  display: flex;
42554
42781
  flex-direction: column;
42555
42782
  align-items: flex-start;
42556
42783
  gap: 6px;
42557
42784
  margin-top: 10px;
42558
42785
  }
42559
- .cn-record-list__footer--wide[data-v-59c81065] {
42786
+ .cn-record-list__footer--wide[data-v-0e3cf5c3] {
42560
42787
  align-items: stretch;
42561
42788
  }
42562
- .cn-record-list__footer-note[data-v-59c81065] {
42789
+ .cn-record-list__footer-note[data-v-0e3cf5c3] {
42563
42790
  margin: 0 0 6px;
42564
42791
  color: var(--color-text-maxcontrast);
42565
42792
  font-size: 13px;
42566
42793
  }
42567
- .cn-record-list__footer-reason[data-v-59c81065] {
42794
+ .cn-record-list__footer-reason[data-v-0e3cf5c3] {
42568
42795
  font-size: 13px;
42569
42796
  color: var(--color-text-maxcontrast);
42570
42797
  }
42571
- .cn-record-list__empty[data-v-59c81065],
42572
- .cn-record-list__error[data-v-59c81065] {
42798
+ .cn-record-list__empty[data-v-0e3cf5c3],
42799
+ .cn-record-list__error[data-v-0e3cf5c3] {
42573
42800
  color: var(--color-text-maxcontrast);
42574
42801
  margin: 0;
42575
42802
  }
42576
- .cn-record-list__notice[data-v-59c81065] {
42803
+ .cn-record-list__notice[data-v-0e3cf5c3] {
42577
42804
  display: flex;
42578
42805
  gap: 10px;
42579
42806
  align-items: flex-start;
@@ -42582,41 +42809,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42582
42809
  background: var(--color-primary-element-light, var(--color-background-dark));
42583
42810
  color: var(--color-main-text);
42584
42811
  }
42585
- .cn-record-list__notice--warning[data-v-59c81065] {
42812
+ .cn-record-list__notice--warning[data-v-0e3cf5c3] {
42586
42813
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
42587
42814
  color: var(--color-warning-text, var(--color-main-text));
42588
42815
  }
42589
- .cn-record-list__notice--error[data-v-59c81065] {
42816
+ .cn-record-list__notice--error[data-v-0e3cf5c3] {
42590
42817
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
42591
42818
  color: var(--color-error-text, var(--color-main-text));
42592
42819
  }
42593
- .cn-record-list__notice--footnote[data-v-59c81065] {
42820
+ .cn-record-list__notice--footnote[data-v-0e3cf5c3] {
42594
42821
  margin-top: 12px;
42595
42822
  }
42596
- .cn-record-list__notice-icon[data-v-59c81065] {
42823
+ .cn-record-list__notice-icon[data-v-0e3cf5c3] {
42597
42824
  flex: 0 0 auto;
42598
42825
  margin-top: 1px;
42599
42826
  }
42600
- .cn-record-list__notice-text[data-v-59c81065] {
42827
+ .cn-record-list__notice-text[data-v-0e3cf5c3] {
42601
42828
  margin: 0;
42602
42829
  line-height: 1.5;
42603
42830
  }
42604
- .cn-record-list__loading[data-v-59c81065] {
42831
+ .cn-record-list__loading[data-v-0e3cf5c3] {
42605
42832
  display: flex;
42606
42833
  justify-content: center;
42607
42834
  padding: 8px 0;
42608
42835
  }
42609
42836
 
42610
42837
  /* rows */
42611
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-59c81065],
42612
- .cn-record-list--rule-above .cn-record-list__item[data-v-59c81065]:first-child {
42838
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3],
42839
+ .cn-record-list--rule-above .cn-record-list__item[data-v-0e3cf5c3]:first-child {
42613
42840
  border-top: 1px solid var(--color-border);
42614
42841
  }
42615
- .cn-record-list__pill-start[data-v-59c81065] {
42842
+ .cn-record-list__pill-start[data-v-0e3cf5c3] {
42616
42843
  display: flex;
42617
42844
  flex: none;
42618
42845
  }
42619
- .cn-record-list__bar[data-v-59c81065] {
42846
+ .cn-record-list__bar[data-v-0e3cf5c3] {
42620
42847
  background: var(--color-border);
42621
42848
  border-radius: 3px;
42622
42849
  display: block;
@@ -42624,15 +42851,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42624
42851
  margin: -6px 0 12px;
42625
42852
  overflow: hidden;
42626
42853
  }
42627
- .cn-record-list__bar-fill[data-v-59c81065] {
42854
+ .cn-record-list__bar-fill[data-v-0e3cf5c3] {
42628
42855
  background: var(--color-primary-element);
42629
42856
  display: block;
42630
42857
  height: 100%;
42631
42858
  }
42632
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-59c81065] {
42859
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-0e3cf5c3] {
42633
42860
  background: var(--color-error);
42634
42861
  }
42635
- .cn-record-list__row[data-v-59c81065] {
42862
+ .cn-record-list__row[data-v-0e3cf5c3] {
42636
42863
  align-items: center;
42637
42864
  color: var(--color-main-text);
42638
42865
  display: flex;
@@ -42640,17 +42867,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42640
42867
  padding: 12px 0;
42641
42868
  text-decoration: none;
42642
42869
  }
42643
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-59c81065],
42644
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-59c81065] {
42870
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-0e3cf5c3],
42871
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
42645
42872
  text-decoration: underline;
42646
42873
  }
42647
- .cn-record-list__dot[data-v-59c81065] {
42874
+ .cn-record-list__dot[data-v-0e3cf5c3] {
42648
42875
  flex: 0 0 14px;
42649
42876
  width: 14px;
42650
42877
  height: 14px;
42651
42878
  border-radius: 50%;
42652
42879
  }
42653
- .cn-record-list__flag[data-v-59c81065] {
42880
+ .cn-record-list__flag[data-v-0e3cf5c3] {
42654
42881
  color: var(--color-text-maxcontrast);
42655
42882
  font-size: 14px;
42656
42883
  white-space: nowrap;
@@ -42658,12 +42885,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42658
42885
 
42659
42886
  /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
42660
42887
  keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
42661
- .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-59c81065] {
42888
+ .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-0e3cf5c3] {
42662
42889
  width: 32px;
42663
42890
  height: 32px;
42664
42891
  margin-inline-end: -4px;
42665
42892
  }
42666
- .cn-record-list__avatar[data-v-59c81065] {
42893
+ .cn-record-list__avatar[data-v-0e3cf5c3] {
42667
42894
  align-items: center;
42668
42895
  background: var(--color-background-hover);
42669
42896
  border-radius: 50%;
@@ -42676,97 +42903,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42676
42903
  justify-content: center;
42677
42904
  width: 36px;
42678
42905
  }
42679
- .cn-record-list__main[data-v-59c81065] {
42906
+ .cn-record-list__main[data-v-0e3cf5c3] {
42680
42907
  display: flex;
42681
42908
  flex: 1 1 auto;
42682
42909
  flex-direction: column;
42683
42910
  gap: 2px;
42684
42911
  min-width: 0;
42685
42912
  }
42686
- .cn-record-list__title[data-v-59c81065] {
42913
+ .cn-record-list__title[data-v-0e3cf5c3] {
42687
42914
  font-size: 15px;
42688
42915
  font-weight: 700;
42689
42916
  }
42690
- .cn-record-list--compact .cn-record-list__row[data-v-59c81065] {
42917
+ .cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
42691
42918
  box-sizing: border-box;
42692
42919
  min-height: 56px;
42693
42920
  padding: 10px 0;
42694
42921
  }
42695
- .cn-record-list--compact .cn-record-list__title[data-v-59c81065] {
42922
+ .cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
42696
42923
  font-weight: 500;
42697
42924
  }
42698
42925
 
42699
42926
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
42700
42927
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
42701
- .cn-record-list--stacked .cn-record-list__list[data-v-59c81065] {
42928
+ .cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
42702
42929
  display: flex;
42703
42930
  flex-direction: column;
42704
42931
  gap: 10px;
42705
42932
  }
42706
- .cn-record-list--stacked .cn-record-list__row[data-v-59c81065] {
42933
+ .cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
42707
42934
  min-height: 0;
42708
42935
  padding: 0;
42709
42936
  }
42710
- .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
42937
+ .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
42711
42938
  border-top: 0;
42712
42939
  }
42713
- .cn-record-list__meta[data-v-59c81065] {
42940
+ .cn-record-list__meta[data-v-0e3cf5c3] {
42714
42941
  color: var(--color-text-maxcontrast);
42715
42942
  font-size: 13px;
42716
42943
  }
42717
- .cn-record-list__aside[data-v-59c81065] {
42944
+ .cn-record-list__aside[data-v-0e3cf5c3] {
42718
42945
  align-items: center;
42719
42946
  display: flex;
42720
42947
  flex: none;
42721
42948
  gap: 16px;
42722
42949
  }
42723
- .cn-record-list__leading[data-v-59c81065] {
42950
+ .cn-record-list__leading[data-v-0e3cf5c3] {
42724
42951
  flex: 0 0 52px;
42725
42952
  color: var(--color-text-maxcontrast);
42726
42953
  font-size: 14px;
42727
42954
  font-weight: 600;
42728
42955
  font-variant-numeric: tabular-nums;
42729
42956
  }
42730
- .cn-record-list__trailing[data-v-59c81065] {
42957
+ .cn-record-list__trailing[data-v-0e3cf5c3] {
42731
42958
  font-size: 14px;
42732
42959
  white-space: nowrap;
42733
42960
  }
42734
- .cn-record-list__due[data-v-59c81065] {
42961
+ .cn-record-list__due[data-v-0e3cf5c3] {
42735
42962
  font-size: 14px;
42736
42963
  white-space: nowrap;
42737
42964
  }
42738
- .cn-record-list__due--danger[data-v-59c81065] {
42965
+ .cn-record-list__due--danger[data-v-0e3cf5c3] {
42739
42966
  color: var(--color-text-error, var(--color-error-text));
42740
42967
  font-weight: 600;
42741
42968
  }
42742
- .cn-record-list__table[data-v-59c81065] {
42969
+ .cn-record-list__table[data-v-0e3cf5c3] {
42743
42970
  width: 100%;
42744
42971
  border-collapse: collapse;
42745
42972
  font-size: 14px;
42746
42973
  }
42747
- .cn-record-list__table th[data-v-59c81065] {
42974
+ .cn-record-list__table th[data-v-0e3cf5c3] {
42748
42975
  padding: 6px 0;
42749
42976
  border-bottom: 1px solid var(--color-border);
42750
42977
  color: var(--color-text-maxcontrast);
42751
42978
  font-weight: 600;
42752
42979
  text-align: start;
42753
42980
  }
42754
- .cn-record-list__table td[data-v-59c81065] {
42981
+ .cn-record-list__table td[data-v-0e3cf5c3] {
42755
42982
  padding: 8px 0;
42756
42983
  border-bottom: 1px solid var(--color-border);
42757
42984
  }
42758
- .cn-record-list__cell-sub[data-v-59c81065] {
42985
+ .cn-record-list__cell-sub[data-v-0e3cf5c3] {
42759
42986
  display: block;
42760
42987
  color: var(--color-text-maxcontrast);
42761
42988
  font-size: 13px;
42762
42989
  }
42763
- .cn-record-list__table .cn-record-list__cell--actions[data-v-59c81065] {
42990
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-0e3cf5c3] {
42764
42991
  width: 1%;
42765
42992
  padding-inline-start: 12px;
42766
42993
  text-align: end;
42767
42994
  white-space: nowrap;
42768
42995
  }
42769
- .cn-record-list__sort[data-v-59c81065] {
42996
+ .cn-record-list__sort[data-v-0e3cf5c3] {
42770
42997
  display: inline-flex;
42771
42998
  gap: 4px;
42772
42999
  align-items: center;
@@ -42779,83 +43006,90 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42779
43006
  font: inherit;
42780
43007
  cursor: pointer;
42781
43008
  }
42782
- .cn-record-list__sort[data-v-59c81065]:focus-visible {
43009
+ .cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
42783
43010
  outline: 2px solid var(--color-primary-element);
42784
43011
  outline-offset: 2px;
42785
43012
  }
42786
- .cn-record-list__sort-mark[data-v-59c81065] {
42787
- font-size: 10px;
43013
+ .cn-record-list__sort-mark[data-v-0e3cf5c3] {
43014
+ color: var(--color-text-maxcontrast);
42788
43015
  }
42789
- .cn-record-list__head[data-v-59c81065] {
43016
+ .cn-record-list__head[data-v-0e3cf5c3] {
42790
43017
  display: inline-flex;
42791
43018
  gap: 4px;
42792
43019
  align-items: center;
42793
43020
  }
42794
- .cn-record-list__head-filter[data-v-59c81065] {
43021
+
43022
+ /* The funnel is a 22px control, as the boards draw it beside a head, not
43023
+ NcActions' 34px trigger that made the head row 54px. */
43024
+ .cn-record-list__head-filter[data-v-0e3cf5c3] .button-vue {
42795
43025
  --button-size: 22px;
43026
+ width: 22px;
43027
+ min-width: 22px;
43028
+ height: 22px;
43029
+ min-height: 22px;
42796
43030
  }
42797
- .cn-record-list__table .cn-record-list__cell--end[data-v-59c81065] {
43031
+ .cn-record-list__table .cn-record-list__cell--end[data-v-0e3cf5c3] {
42798
43032
  padding-inline-start: 12px;
42799
43033
  text-align: end;
42800
43034
  font-variant-numeric: tabular-nums;
42801
43035
  }
42802
- .cn-record-list__table .cn-record-list__cell--alert[data-v-59c81065] {
43036
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-0e3cf5c3] {
42803
43037
  color: var(--color-text-error, var(--color-error-text));
42804
43038
  font-weight: 700;
42805
43039
  }
42806
- .cn-record-list__intro[data-v-59c81065] {
43040
+ .cn-record-list__intro[data-v-0e3cf5c3] {
42807
43041
  margin: 0 0 8px;
42808
43042
  color: var(--color-text-maxcontrast);
42809
43043
  }
42810
- .cn-record-list__footnote[data-v-59c81065] {
43044
+ .cn-record-list__footnote[data-v-0e3cf5c3] {
42811
43045
  margin: 8px 0 0;
42812
43046
  color: var(--color-text-maxcontrast);
42813
43047
  font-size: 13px;
42814
43048
  }
42815
- .cn-record-list__due--soon[data-v-59c81065] {
43049
+ .cn-record-list__due--soon[data-v-0e3cf5c3] {
42816
43050
  color: var(--color-text-warning, var(--color-warning-text));
42817
43051
  font-weight: 600;
42818
43052
  }
42819
- .cn-record-list__due--empty[data-v-59c81065] {
43053
+ .cn-record-list__due--empty[data-v-0e3cf5c3] {
42820
43054
  color: var(--color-text-maxcontrast);
42821
43055
  }
42822
- .cn-record-list__row--action[data-v-59c81065] {
43056
+ .cn-record-list__row--action[data-v-0e3cf5c3] {
42823
43057
  flex-wrap: wrap;
42824
43058
  gap: 8px 16px;
42825
43059
  padding: 14px 0;
42826
43060
  }
42827
- .cn-record-list__row--action .cn-record-list__main[data-v-59c81065] {
43061
+ .cn-record-list__row--action .cn-record-list__main[data-v-0e3cf5c3] {
42828
43062
  flex: 1 1 280px;
42829
43063
  gap: 3px;
42830
43064
  }
42831
- .cn-record-list__title--link[data-v-59c81065] {
43065
+ .cn-record-list__title--link[data-v-0e3cf5c3] {
42832
43066
  color: var(--color-main-text);
42833
43067
  text-decoration: underline;
42834
43068
  }
42835
- .cn-record-list__pills[data-v-59c81065] {
43069
+ .cn-record-list__pills[data-v-0e3cf5c3] {
42836
43070
  display: flex;
42837
43071
  flex: 0 0 120px;
42838
43072
  gap: 6px;
42839
43073
  justify-content: flex-end;
42840
43074
  }
42841
- .cn-record-list__due--below[data-v-59c81065] {
43075
+ .cn-record-list__due--below[data-v-0e3cf5c3] {
42842
43076
  font-size: 13px;
42843
43077
  font-weight: 600;
42844
43078
  white-space: normal;
42845
43079
  }
42846
- .cn-record-list__footer-link[data-v-59c81065] {
43080
+ .cn-record-list__footer-link[data-v-0e3cf5c3] {
42847
43081
  align-self: flex-start;
42848
43082
  padding-top: 8px;
42849
43083
  font-size: 14px;
42850
43084
  font-weight: 600;
42851
43085
  text-decoration: underline;
42852
43086
  }
42853
- .cn-record-list__due--column[data-v-59c81065] {
43087
+ .cn-record-list__due--column[data-v-0e3cf5c3] {
42854
43088
  flex: 0 0 96px;
42855
43089
  font-size: 13px;
42856
43090
  text-align: end;
42857
43091
  }
42858
- .cn-record-list__action[data-v-59c81065] {
43092
+ .cn-record-list__action[data-v-0e3cf5c3] {
42859
43093
  align-items: center;
42860
43094
  background: var(--color-primary-element-light);
42861
43095
  border: 0;
@@ -42869,15 +43103,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42869
43103
  font-weight: 600;
42870
43104
  height: 34px;
42871
43105
  justify-content: center;
42872
- margin: 0;
42873
43106
  padding: 0 14px;
42874
43107
  text-decoration: none;
42875
43108
  }
42876
- .cn-record-list__action[data-v-59c81065]:hover,
42877
- .cn-record-list__action[data-v-59c81065]:focus-visible {
43109
+
43110
+ /* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
43111
+ doubled class outranks it. */
43112
+ .cn-record-list__action.cn-record-list__action[data-v-0e3cf5c3] {
43113
+ margin: 0;
43114
+ }
43115
+ .cn-record-list__action[data-v-0e3cf5c3]:hover,
43116
+ .cn-record-list__action[data-v-0e3cf5c3]:focus-visible {
42878
43117
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
42879
43118
  }
42880
- .cn-record-list__chevron[data-v-59c81065] {
43119
+ .cn-record-list__chevron[data-v-0e3cf5c3] {
42881
43120
  color: var(--color-text-maxcontrast);
42882
43121
  flex: none;
42883
43122
  }
@@ -42885,15 +43124,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42885
43124
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
42886
43125
  tiles in a grid, the title at 14px regular. The selectors outrank the board
42887
43126
  look's list row rules. */
42888
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-59c81065] {
43127
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-0e3cf5c3] {
42889
43128
  display: grid;
42890
43129
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
42891
43130
  gap: 8px;
42892
43131
  }
42893
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-59c81065] {
43132
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-0e3cf5c3] {
42894
43133
  border-top: 0;
42895
43134
  }
42896
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-59c81065] {
43135
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-0e3cf5c3] {
42897
43136
  box-sizing: border-box;
42898
43137
  height: 100%;
42899
43138
  gap: 10px;
@@ -42902,19 +43141,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42902
43141
  border: 1px solid var(--cn-board-hairline, var(--color-border));
42903
43142
  border-radius: 8px;
42904
43143
  }
42905
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-59c81065] {
43144
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-0e3cf5c3] {
42906
43145
  font-size: 14px;
42907
43146
  font-weight: 400;
42908
43147
  }
42909
43148
 
42910
43149
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
42911
- .cn-record-list--cards .cn-record-list__list[data-v-59c81065] {
43150
+ .cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
42912
43151
  align-items: start;
42913
43152
  display: grid;
42914
43153
  gap: 16px;
42915
43154
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
42916
43155
  }
42917
- .cn-record-list__card[data-v-59c81065] {
43156
+ .cn-record-list__card[data-v-0e3cf5c3] {
42918
43157
  background: var(--color-main-background);
42919
43158
  border: 1px solid var(--color-border);
42920
43159
  border-radius: 12px;
@@ -42930,63 +43169,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42930
43169
  /* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
42931
43170
  "Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
42932
43171
  18px line with the pill at its end, the meta 6px under it. */
42933
- .cn-record-list--compact .cn-record-list__card[data-v-59c81065] {
43172
+ .cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
42934
43173
  gap: 6px;
42935
43174
  padding: 12px 14px;
42936
43175
  }
42937
- .cn-record-list--compact .cn-record-list__card-head[data-v-59c81065] {
43176
+ .cn-record-list--compact .cn-record-list__card-head[data-v-0e3cf5c3] {
42938
43177
  align-items: flex-start;
42939
43178
  }
42940
- .cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-59c81065] {
43179
+ .cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-0e3cf5c3] {
42941
43180
  font-size: 15px;
42942
43181
  font-weight: 700;
42943
43182
  line-height: 1.2;
42944
43183
  }
42945
- .cn-record-list__card--link[data-v-59c81065]:hover,
42946
- .cn-record-list__card--link[data-v-59c81065]:focus-visible {
43184
+ .cn-record-list__card--link[data-v-0e3cf5c3]:hover,
43185
+ .cn-record-list__card--link[data-v-0e3cf5c3]:focus-visible {
42947
43186
  border-color: var(--color-border-dark, var(--color-border));
42948
43187
  }
42949
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-59c81065],
42950
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-59c81065] {
43188
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-0e3cf5c3],
43189
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
42951
43190
  text-decoration: underline;
42952
43191
  }
42953
- .cn-record-list__card-head[data-v-59c81065] {
43192
+ .cn-record-list__card-head[data-v-0e3cf5c3] {
42954
43193
  align-items: center;
42955
43194
  display: flex;
42956
43195
  gap: 8px;
42957
43196
  justify-content: space-between;
42958
43197
  }
42959
- .cn-record-list__card-title[data-v-59c81065] {
43198
+ .cn-record-list__card-title[data-v-0e3cf5c3] {
42960
43199
  align-items: center;
42961
43200
  display: flex;
42962
43201
  gap: 8px;
42963
43202
  min-width: 0;
42964
43203
  }
42965
- .cn-record-list__card-icon[data-v-59c81065] {
43204
+ .cn-record-list__card-icon[data-v-0e3cf5c3] {
42966
43205
  color: var(--color-primary-element);
42967
43206
  flex: none;
42968
43207
  }
42969
- .cn-record-list__card-pills[data-v-59c81065] {
43208
+ .cn-record-list__card-pills[data-v-0e3cf5c3] {
42970
43209
  display: flex;
42971
43210
  flex: none;
42972
43211
  gap: 6px;
42973
43212
  }
42974
- .cn-record-list__card-value[data-v-59c81065] {
43213
+ .cn-record-list__card-value[data-v-0e3cf5c3] {
42975
43214
  font-size: 24px;
42976
43215
  font-weight: 700;
42977
43216
  }
42978
43217
 
42979
43218
  /* feed */
42980
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
43219
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
42981
43220
  border-top: 1px solid var(--color-border);
42982
43221
  }
42983
- .cn-record-list__feed-row[data-v-59c81065] {
43222
+ .cn-record-list__feed-row[data-v-0e3cf5c3] {
42984
43223
  align-items: flex-start;
42985
43224
  display: flex;
42986
43225
  gap: 14px;
42987
43226
  padding: 12px 0;
42988
43227
  }
42989
- .cn-record-list__feed-icon[data-v-59c81065] {
43228
+ .cn-record-list__feed-icon[data-v-0e3cf5c3] {
42990
43229
  align-items: center;
42991
43230
  background: var(--color-primary-element-light);
42992
43231
  border-radius: 50%;
@@ -42997,25 +43236,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42997
43236
  justify-content: center;
42998
43237
  width: 36px;
42999
43238
  }
43000
- .cn-record-list__text[data-v-59c81065] {
43239
+ .cn-record-list__text[data-v-0e3cf5c3] {
43001
43240
  font-size: 15px;
43002
43241
  }
43003
- .cn-record-list--feed .cn-record-list__main[data-v-59c81065] {
43242
+ .cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
43004
43243
  color: var(--color-main-text);
43005
43244
  text-decoration: none;
43006
43245
  }
43007
43246
 
43008
43247
  /* inline */
43009
- .cn-record-list__inline-row[data-v-59c81065] {
43248
+ .cn-record-list__inline-row[data-v-0e3cf5c3] {
43010
43249
  padding: 4px 0;
43011
43250
  }
43012
- .cn-record-list__label[data-v-59c81065] {
43251
+ .cn-record-list__label[data-v-0e3cf5c3] {
43013
43252
  margin-inline-end: 4px;
43014
43253
  }
43015
- .cn-record-list__inline-title[data-v-59c81065] {
43254
+ .cn-record-list__inline-title[data-v-0e3cf5c3] {
43016
43255
  color: var(--color-main-text);
43017
43256
  }
43018
- a.cn-record-list__inline-title[data-v-59c81065] {
43257
+ a.cn-record-list__inline-title[data-v-0e3cf5c3] {
43019
43258
  color: var(--color-primary-element);
43020
43259
  text-decoration: underline;
43021
43260
  }
@@ -48321,6 +48560,7 @@ to {
48321
48560
 
48322
48561
  .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
48323
48562
  font-size: 13px;
48563
+ line-height: normal;
48324
48564
  color: var(--color-text-maxcontrast);
48325
48565
  }
48326
48566
 
@@ -48340,6 +48580,7 @@ to {
48340
48580
 
48341
48581
  .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
48342
48582
  display: flex;
48583
+ line-height: normal;
48343
48584
  align-items: center;
48344
48585
  justify-content: space-between;
48345
48586
  gap: 8px;
@@ -50685,30 +50926,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50685
50926
  }
50686
50927
 
50687
50928
 
50688
- .cn-register-mapping__group[data-v-26243e0a] {
50929
+ .cn-register-mapping__group[data-v-15c62064] {
50689
50930
  margin-bottom: 24px;
50690
50931
  border: 1px solid var(--color-border);
50691
50932
  border-radius: var(--border-radius-large);
50692
50933
  padding: 20px;
50693
50934
  background: var(--color-background-hover);
50694
50935
  }
50695
- .cn-register-mapping__group[data-v-26243e0a]:last-child {
50936
+ .cn-register-mapping__group[data-v-15c62064]:last-child {
50696
50937
  margin-bottom: 0;
50697
50938
  }
50698
- .cn-register-mapping__group-header[data-v-26243e0a] {
50939
+ .cn-register-mapping__group-header[data-v-15c62064] {
50699
50940
  display: flex;
50700
50941
  align-items: center;
50701
50942
  justify-content: space-between;
50702
50943
  margin-bottom: 12px;
50703
50944
  }
50704
- .cn-register-mapping__group-heading[data-v-26243e0a] {
50945
+ .cn-register-mapping__group-heading[data-v-15c62064] {
50705
50946
  margin: 0 0 12px;
50706
50947
  font: inherit;
50707
50948
  }
50708
- .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-26243e0a] {
50949
+ .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-15c62064] {
50709
50950
  margin-bottom: 0;
50710
50951
  }
50711
- .cn-register-mapping__group-toggle[data-v-26243e0a] {
50952
+ .cn-register-mapping__group-toggle[data-v-15c62064] {
50712
50953
  box-sizing: border-box;
50713
50954
  display: flex;
50714
50955
  align-items: center;
@@ -50724,49 +50965,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50724
50965
  text-align: start;
50725
50966
  cursor: pointer;
50726
50967
  }
50727
- .cn-register-mapping__group-toggle[data-v-26243e0a]:focus-visible {
50968
+ .cn-register-mapping__group-toggle[data-v-15c62064]:focus-visible {
50728
50969
  outline: 2px solid var(--color-primary-element);
50729
50970
  outline-offset: 2px;
50730
50971
  border-radius: var(--border-radius);
50731
50972
  }
50732
- .cn-register-mapping__group-chevron[data-v-26243e0a] {
50973
+ .cn-register-mapping__group-chevron[data-v-15c62064] {
50733
50974
  display: inline-flex;
50734
50975
  flex: none;
50735
50976
  color: var(--color-text-maxcontrast);
50736
50977
  }
50737
- .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-26243e0a] {
50978
+ .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-15c62064] {
50738
50979
  flex: 1 1 auto;
50739
50980
  flex-wrap: wrap;
50740
50981
  gap: 4px 12px;
50741
50982
  min-width: 0;
50742
50983
  margin-bottom: 0;
50743
50984
  }
50744
- .cn-register-mapping__group-title[data-v-26243e0a] {
50985
+ .cn-register-mapping__group-title[data-v-15c62064] {
50745
50986
  font-size: 16px;
50746
50987
  font-weight: 600;
50747
50988
  margin: 0;
50748
50989
  color: var(--color-main-text);
50749
50990
  }
50750
- .cn-register-mapping__group-status[data-v-26243e0a] {
50991
+ .cn-register-mapping__group-status[data-v-15c62064] {
50751
50992
  font-size: 13px;
50752
50993
  color: var(--color-text-maxcontrast);
50753
50994
  }
50754
- .cn-register-mapping__group-description[data-v-26243e0a] {
50995
+ .cn-register-mapping__group-description[data-v-15c62064] {
50755
50996
  color: var(--color-text-maxcontrast);
50756
50997
  font-size: 13px;
50757
50998
  margin: 0 0 12px 0;
50758
50999
  }
50759
- .cn-register-mapping__register-select[data-v-26243e0a] {
51000
+ .cn-register-mapping__register-select[data-v-15c62064] {
50760
51001
  margin-bottom: 16px;
50761
51002
  max-width: 400px;
50762
51003
  }
50763
- .cn-register-mapping__type-list[data-v-26243e0a] {
51004
+ .cn-register-mapping__type-list[data-v-15c62064] {
50764
51005
  border: 1px solid var(--color-border);
50765
51006
  border-radius: var(--border-radius);
50766
51007
  overflow: hidden;
50767
51008
  background: var(--color-main-background);
50768
51009
  }
50769
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51010
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
50770
51011
  display: grid;
50771
51012
  grid-template-columns: 1fr 1fr 40px 32px;
50772
51013
  align-items: center;
@@ -50779,7 +51020,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50779
51020
  border-bottom: 1px solid var(--color-border);
50780
51021
  background: var(--color-background-hover);
50781
51022
  }
50782
- .cn-register-mapping__type-row[data-v-26243e0a] {
51023
+ .cn-register-mapping__type-row[data-v-15c62064] {
50783
51024
  display: grid;
50784
51025
  grid-template-columns: 1fr 1fr 40px 32px;
50785
51026
  align-items: center;
@@ -50788,59 +51029,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50788
51029
  cursor: pointer;
50789
51030
  transition: background-color 0.15s ease;
50790
51031
  }
50791
- .cn-register-mapping__type-row[data-v-26243e0a]:hover {
51032
+ .cn-register-mapping__type-row[data-v-15c62064]:hover {
50792
51033
  background: var(--color-background-hover);
50793
51034
  }
50794
- .cn-register-mapping__type-row--expanded[data-v-26243e0a] {
51035
+ .cn-register-mapping__type-row--expanded[data-v-15c62064] {
50795
51036
  background: var(--color-background-hover);
50796
51037
  }
50797
- .cn-register-mapping__type-name[data-v-26243e0a] {
51038
+ .cn-register-mapping__type-name[data-v-15c62064] {
50798
51039
  font-weight: 500;
50799
51040
  color: var(--color-main-text);
50800
51041
  }
50801
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51042
+ .cn-register-mapping__type-schema[data-v-15c62064] {
50802
51043
  color: var(--color-text-maxcontrast);
50803
51044
  font-size: 13px;
50804
51045
  }
50805
- .cn-register-mapping__type-status[data-v-26243e0a] {
51046
+ .cn-register-mapping__type-status[data-v-15c62064] {
50806
51047
  display: flex;
50807
51048
  justify-content: center;
50808
51049
  }
50809
- .cn-register-mapping__type-chevron[data-v-26243e0a] {
51050
+ .cn-register-mapping__type-chevron[data-v-15c62064] {
50810
51051
  display: flex;
50811
51052
  justify-content: center;
50812
51053
  color: var(--color-text-maxcontrast);
50813
51054
  }
50814
- .cn-register-mapping__status-dot[data-v-26243e0a] {
51055
+ .cn-register-mapping__status-dot[data-v-15c62064] {
50815
51056
  display: inline-block;
50816
51057
  width: 10px;
50817
51058
  height: 10px;
50818
51059
  border-radius: 50%;
50819
51060
  }
50820
- .cn-register-mapping__status-dot--configured[data-v-26243e0a] {
51061
+ .cn-register-mapping__status-dot--configured[data-v-15c62064] {
50821
51062
  background-color: var(--color-success);
50822
51063
  }
50823
- .cn-register-mapping__status-dot--unconfigured[data-v-26243e0a] {
51064
+ .cn-register-mapping__status-dot--unconfigured[data-v-15c62064] {
50824
51065
  background-color: var(--color-warning);
50825
51066
  }
50826
- .cn-register-mapping__type-detail[data-v-26243e0a] {
51067
+ .cn-register-mapping__type-detail[data-v-15c62064] {
50827
51068
  padding: 12px 16px 16px;
50828
51069
  border-bottom: 1px solid var(--color-border);
50829
51070
  background: var(--color-main-background);
50830
51071
  }
50831
- .cn-register-mapping__type-description[data-v-26243e0a] {
51072
+ .cn-register-mapping__type-description[data-v-15c62064] {
50832
51073
  color: var(--color-text-maxcontrast);
50833
51074
  font-size: 13px;
50834
51075
  margin: 0 0 8px 0;
50835
51076
  }
50836
51077
 
50837
51078
  /* Board look (PqBeheer): one open group, compact rows for the others. */
50838
- .cn-register-mapping--board[data-v-26243e0a] {
51079
+ .cn-register-mapping--board[data-v-15c62064] {
50839
51080
  display: flex;
50840
51081
  flex-direction: column;
50841
51082
  gap: 14px;
50842
51083
  }
50843
- .cn-register-mapping__board-group[data-v-26243e0a] {
51084
+ .cn-register-mapping__board-group[data-v-15c62064] {
50844
51085
  display: flex;
50845
51086
  flex-direction: column;
50846
51087
  gap: 10px;
@@ -50848,54 +51089,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50848
51089
  border: 1px solid var(--color-border);
50849
51090
  border-radius: var(--border-radius-large);
50850
51091
  }
50851
- .cn-register-mapping__board-head[data-v-26243e0a] {
51092
+ .cn-register-mapping__board-head[data-v-15c62064] {
50852
51093
  display: flex;
50853
51094
  flex-wrap: wrap;
50854
51095
  align-items: flex-start;
50855
51096
  justify-content: space-between;
50856
51097
  gap: 10px 16px;
50857
51098
  }
50858
- .cn-register-mapping__board-title[data-v-26243e0a] {
51099
+ .cn-register-mapping__board-title[data-v-15c62064] {
50859
51100
  margin: 0;
50860
51101
  font-size: 15px;
50861
51102
  font-weight: 700;
50862
51103
  }
50863
- .cn-register-mapping__selects-group[data-v-26243e0a] {
51104
+ .cn-register-mapping__selects-group[data-v-15c62064] {
50864
51105
  display: flex;
50865
51106
  flex-direction: column;
50866
51107
  gap: 16px;
50867
51108
  }
50868
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51109
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50869
51110
  max-width: 50%;
50870
51111
  }
50871
51112
 
50872
51113
  /* DqBeheerinstellingen: the register select fills its half of the card. */
50873
- .cn-register-mapping__selects-register[data-v-26243e0a] .v-select {
51114
+ .cn-register-mapping__selects-register[data-v-15c62064] .v-select {
50874
51115
  width: 100%;
50875
51116
  max-width: none;
50876
51117
  }
50877
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51118
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50878
51119
  display: grid;
50879
51120
  grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
50880
51121
  gap: 16px;
50881
51122
  }
50882
51123
  @media (max-width: 768px) {
50883
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51124
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50884
51125
  max-width: none;
50885
51126
  }
50886
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51127
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50887
51128
  grid-template-columns: minmax(0, 1fr);
50888
51129
  }
50889
51130
  }
50890
- .cn-register-mapping__board-select[data-v-26243e0a] {
51131
+ .cn-register-mapping__board-select[data-v-15c62064] {
50891
51132
  max-width: 400px;
50892
51133
  margin-bottom: 0;
50893
51134
  }
50894
- .cn-register-mapping__board-table[data-v-26243e0a] {
51135
+ .cn-register-mapping__board-table[data-v-15c62064] {
50895
51136
  width: 100%;
50896
51137
  border-collapse: collapse;
50897
51138
  }
50898
- .cn-register-mapping__board-table th[data-v-26243e0a] {
51139
+ .cn-register-mapping__board-table th[data-v-15c62064] {
50899
51140
  padding: 8px 12px 8px 0;
50900
51141
  border-bottom: 1px solid var(--color-border);
50901
51142
  font-size: 13px;
@@ -50904,13 +51145,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50904
51145
  text-align: start;
50905
51146
  white-space: nowrap;
50906
51147
  }
50907
- .cn-register-mapping__board-table td[data-v-26243e0a] {
51148
+ .cn-register-mapping__board-table td[data-v-15c62064] {
50908
51149
  padding: 10px 12px 10px 0;
50909
51150
  border-bottom: 1px solid var(--color-border);
50910
51151
  font-size: 14px;
50911
51152
  vertical-align: middle;
50912
51153
  }
50913
- .cn-register-mapping__board-schema[data-v-26243e0a] {
51154
+ .cn-register-mapping__board-schema[data-v-15c62064] {
50914
51155
  display: inline-flex;
50915
51156
  align-items: center;
50916
51157
  gap: 6px;
@@ -50924,26 +51165,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50924
51165
  text-align: start;
50925
51166
  cursor: pointer;
50926
51167
  }
50927
- .cn-register-mapping__board-schema[data-v-26243e0a]:hover {
51168
+ .cn-register-mapping__board-schema[data-v-15c62064]:hover {
50928
51169
  text-decoration: underline;
50929
51170
  }
50930
- .cn-register-mapping__board-schema[data-v-26243e0a]:focus-visible,
50931
- .cn-register-mapping__board-link[data-v-26243e0a]:focus-visible,
50932
- .cn-register-mapping__board-group-row[data-v-26243e0a]:focus-visible {
51171
+ .cn-register-mapping__board-schema[data-v-15c62064]:focus-visible,
51172
+ .cn-register-mapping__board-link[data-v-15c62064]:focus-visible,
51173
+ .cn-register-mapping__board-group-row[data-v-15c62064]:focus-visible {
50933
51174
  outline: 2px solid var(--color-primary-element);
50934
51175
  outline-offset: 2px;
50935
51176
  border-radius: var(--border-radius);
50936
51177
  }
50937
- .cn-register-mapping__board-check[data-v-26243e0a] {
51178
+ .cn-register-mapping__board-check[data-v-15c62064] {
50938
51179
  color: var(--color-success-text, var(--color-success));
50939
51180
  }
50940
- .cn-register-mapping__board-more[data-v-26243e0a] {
51181
+ .cn-register-mapping__board-more[data-v-15c62064] {
50941
51182
  margin: 0;
50942
51183
  font-size: 13px;
50943
51184
  line-height: 1.4;
50944
51185
  color: var(--color-text-maxcontrast);
50945
51186
  }
50946
- .cn-register-mapping__board-link[data-v-26243e0a] {
51187
+ .cn-register-mapping__board-link[data-v-15c62064] {
50947
51188
  margin: 0;
50948
51189
  padding: 0;
50949
51190
  border: 0;
@@ -50953,14 +51194,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50953
51194
  text-decoration: underline;
50954
51195
  cursor: pointer;
50955
51196
  }
50956
- .cn-register-mapping__board-groups[data-v-26243e0a] {
51197
+ .cn-register-mapping__board-groups[data-v-15c62064] {
50957
51198
  display: flex;
50958
51199
  flex-direction: column;
50959
51200
  margin: 0;
50960
51201
  padding: 0;
50961
51202
  list-style: none;
50962
51203
  }
50963
- .cn-register-mapping__board-group-row[data-v-26243e0a] {
51204
+ .cn-register-mapping__board-group-row[data-v-15c62064] {
50964
51205
  display: flex;
50965
51206
  align-items: center;
50966
51207
  gap: 10px;
@@ -50977,17 +51218,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50977
51218
  text-align: start;
50978
51219
  cursor: pointer;
50979
51220
  }
50980
- .cn-register-mapping__board-group-row[data-v-26243e0a]:hover {
51221
+ .cn-register-mapping__board-group-row[data-v-15c62064]:hover {
50981
51222
  background: var(--color-background-hover);
50982
51223
  }
50983
- .cn-register-mapping__board-chevron[data-v-26243e0a],
50984
- .cn-register-mapping__board-group-count[data-v-26243e0a] {
51224
+ .cn-register-mapping__board-chevron[data-v-15c62064],
51225
+ .cn-register-mapping__board-group-count[data-v-15c62064] {
50985
51226
  color: var(--color-text-maxcontrast);
50986
51227
  }
50987
- .cn-register-mapping__board-group-name[data-v-26243e0a] {
51228
+ .cn-register-mapping__board-group-name[data-v-15c62064] {
50988
51229
  flex: 1;
50989
51230
  }
50990
- .cn-register-mapping__board-save[data-v-26243e0a] {
51231
+ .cn-register-mapping__board-save[data-v-15c62064] {
50991
51232
  display: flex;
50992
51233
  flex-wrap: wrap;
50993
51234
  align-items: center;
@@ -50996,14 +51237,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50996
51237
  }
50997
51238
 
50998
51239
  /* Slide transition */
50999
- .slide-enter-active[data-v-26243e0a],
51000
- .slide-leave-active[data-v-26243e0a] {
51240
+ .slide-enter-active[data-v-15c62064],
51241
+ .slide-leave-active[data-v-15c62064] {
51001
51242
  transition: all 0.2s ease;
51002
51243
  max-height: 200px;
51003
51244
  overflow: hidden;
51004
51245
  }
51005
- .slide-enter[data-v-26243e0a],
51006
- .slide-leave-to[data-v-26243e0a] {
51246
+ .slide-enter[data-v-15c62064],
51247
+ .slide-leave-to[data-v-15c62064] {
51007
51248
  max-height: 0;
51008
51249
  padding-top: 0;
51009
51250
  padding-bottom: 0;
@@ -51011,20 +51252,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
51011
51252
  }
51012
51253
 
51013
51254
  /* Last row in list should not have bottom border */
51014
- .cn-register-mapping__type-list[data-v-26243e0a] > :last-child {
51255
+ .cn-register-mapping__type-list[data-v-15c62064] > :last-child {
51015
51256
  border-bottom: none;
51016
51257
  }
51017
51258
  @media (max-width: 768px) {
51018
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51259
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
51019
51260
  display: none;
51020
51261
  }
51021
- .cn-register-mapping__type-row[data-v-26243e0a] {
51262
+ .cn-register-mapping__type-row[data-v-15c62064] {
51022
51263
  grid-template-columns: 1fr auto 32px;
51023
51264
  }
51024
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51265
+ .cn-register-mapping__type-schema[data-v-15c62064] {
51025
51266
  display: none;
51026
51267
  }
51027
- .cn-register-mapping__register-select[data-v-26243e0a] {
51268
+ .cn-register-mapping__register-select[data-v-15c62064] {
51028
51269
  max-width: none;
51029
51270
  }
51030
51271
  }
@@ -58382,12 +58623,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58382
58623
  }
58383
58624
 
58384
58625
 
58385
- .cn-duplicate-warning[data-v-7cb31ec5] {
58626
+ .cn-duplicate-warning[data-v-22af78f5] {
58386
58627
  display: flex;
58387
58628
  flex-direction: column;
58388
58629
  gap: 12px;
58389
58630
  }
58390
- .cn-duplicate-warning__matches[data-v-7cb31ec5] {
58631
+ .cn-duplicate-warning__matches[data-v-22af78f5] {
58391
58632
  display: flex;
58392
58633
  flex-direction: column;
58393
58634
  gap: 8px;
@@ -58395,7 +58636,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58395
58636
  padding: 0;
58396
58637
  list-style: none;
58397
58638
  }
58398
- .cn-duplicate-warning__match[data-v-7cb31ec5] {
58639
+ .cn-duplicate-warning__match[data-v-22af78f5] {
58399
58640
  display: flex;
58400
58641
  flex-wrap: wrap;
58401
58642
  gap: 4px 12px;
@@ -58403,14 +58644,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58403
58644
  border: 1px solid var(--color-border);
58404
58645
  border-radius: var(--border-radius-large, 8px);
58405
58646
  }
58406
- .cn-duplicate-warning__title[data-v-7cb31ec5] {
58647
+ .cn-duplicate-warning__title[data-v-22af78f5] {
58407
58648
  font-weight: 600;
58408
58649
  }
58409
- .cn-duplicate-warning__meta[data-v-7cb31ec5],
58410
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58650
+ .cn-duplicate-warning__meta[data-v-22af78f5],
58651
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58411
58652
  color: var(--color-text-maxcontrast);
58412
58653
  }
58413
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58654
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58414
58655
  margin: 0;
58415
58656
  }
58416
58657