@conduction/nextcloud-vue 2.147.0 → 2.149.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 (130) 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/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
  11. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js +23 -1
  12. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
  13. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js +1 -1
  14. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
  15. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +34 -1
  16. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  17. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  18. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +71 -8
  19. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
  20. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js +2 -2
  21. package/dist/esm/components/CnDetailPage/CnDetailPage.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 +32 -4
  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/CnObjectDataWidget/CnObjectDataWidget.vue.js +1 -1
  61. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js +8 -0
  62. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js.map +1 -1
  63. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js.map +1 -1
  64. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
  65. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +1 -1
  66. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
  67. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
  68. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  69. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +3 -15
  70. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  71. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +123 -115
  72. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  73. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue.js +1 -1
  74. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js +4 -0
  75. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js.map +1 -1
  76. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
  77. package/dist/esm/components/CnStepper/CnStepper.vue.js +1 -1
  78. package/dist/esm/components/CnStepper/CnStepper.vue2.js.map +1 -1
  79. package/dist/esm/components/CnStepper/CnStepper.vue3.js.map +1 -1
  80. package/dist/esm/dialogs/CnAccessPurposeDialog.vue.js +1 -1
  81. package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js +3 -1
  82. package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js.map +1 -1
  83. package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js +26 -15
  84. package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js.map +1 -1
  85. package/dist/esm/l10n/en.json.js +3 -1
  86. package/dist/esm/l10n/en.json.js.map +1 -1
  87. package/dist/esm/l10n/nl.json.js +3 -1
  88. package/dist/esm/l10n/nl.json.js.map +1 -1
  89. package/dist/esm/library-style.js +1 -1
  90. package/dist/esm/nextcloud-vue.css +785 -518
  91. package/dist/esm/utils/builtInFormatters.js +53 -1
  92. package/dist/esm/utils/builtInFormatters.js.map +1 -1
  93. package/dist/esm/utils/validateManifestV2.compiled.js +3 -3
  94. package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
  95. package/dist/nextcloud-vue.cjs.js +2688 -2154
  96. package/dist/nextcloud-vue.cjs.js.map +2 -2
  97. package/dist/nextcloud-vue.css +785 -518
  98. package/l10n/en.json +3 -1
  99. package/l10n/nl.json +3 -1
  100. package/package.json +1 -1
  101. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +24 -7
  102. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +13 -1
  103. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +29 -2
  104. package/src/components/CnDataTable/CnDataTable.vue +34 -1
  105. package/src/components/CnDetailPage/CnDetailPage.md +1 -1
  106. package/src/components/CnDetailPage/CnDetailPage.vue +73 -10
  107. package/src/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue +6 -1
  108. package/src/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue +1 -0
  109. package/src/components/CnDuplicateWarning/CnDuplicateWarning.vue +74 -10
  110. package/src/components/CnFactsWidget/CnFactsWidget.vue +41 -4
  111. package/src/components/CnFieldListWidget/CnFieldListWidget.vue +131 -3
  112. package/src/components/CnFlowRunsWidget/CnFlowRunsWidget.vue +103 -5
  113. package/src/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue +3 -1
  114. package/src/components/CnNotesCard/CnNotesCard.vue +10 -0
  115. package/src/components/CnObjectCard/CnObjectCard.vue +16 -0
  116. package/src/components/CnObjectDataWidget/CnObjectDataWidget.md +1 -1
  117. package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +8 -0
  118. package/src/components/CnObjectListWidget/CnObjectListWidget.vue +1 -1
  119. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +19 -19
  120. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +4 -0
  121. package/src/components/CnStepper/CnStepper.vue +10 -2
  122. package/src/css/dialog.css +22 -2
  123. package/src/css/look-board-detail.css +52 -3
  124. package/src/css/look-board-index.css +51 -1
  125. package/src/css/look-board.css +48 -5
  126. package/src/css/table.css +5 -2
  127. package/src/dialogs/CnAccessPurposeDialog.vue +27 -12
  128. package/src/schemas/app-manifest-v2.schema.json +4 -2
  129. package/src/utils/builtInFormatters.js +52 -0
  130. package/src/utils/validateManifestV2.compiled.js +3 -3
@@ -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
  }
@@ -3287,6 +3326,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3287
3326
  Nextcloud's input height stretched it to 13x36. Its weight outranks the
3288
3327
  18px other native radios take.
3289
3328
  @spec openspec/changes/board-setup-choice-radio/specs/board-setup-choice-radio/spec.md#requirement-a-setup-steps-choice-radio-is-20px */
3329
+ /* The board's native radio keeps the browser's 3px end margin before the
3330
+ 12px gap, so the option title starts 56px in (DqInstellen), not 53. */
3290
3331
  .cn-look-board .cn-setup-step .cn-choice-cards input.cn-choice-cards__row-input:not(.cn-look-nextcloud *) {
3291
3332
  box-sizing: border-box;
3292
3333
  width: 20px;
@@ -3294,6 +3335,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3294
3335
  height: 20px;
3295
3336
  min-height: 20px;
3296
3337
  accent-color: var(--color-primary-element);
3338
+ margin-inline-end: 3px;
3297
3339
  }
3298
3340
 
3299
3341
  /* The chosen setup choice is edged by a real 2px border, as DqInstellen
@@ -3536,6 +3578,7 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3536
3578
  .cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
3537
3579
  border-radius: 8px;
3538
3580
  background: var(--cn-board-sunken-ground);
3581
+ line-height: normal;
3539
3582
  }
3540
3583
  /*
3541
3584
  * The board dialog (screens-dialog-parity, canon section 5).
@@ -3804,8 +3847,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3804
3847
  margin-bottom: 4px;
3805
3848
  }
3806
3849
 
3807
- /* Footer: 16px 24px, hairline on top, right aligned, 40px buttons, 10px gap. */
3808
- .cn-dialog-board .dialog__actions {
3850
+ /* Footer: 16px 24px, hairline on top, right aligned, 40px buttons, 10px gap,
3851
+ flush with the dialog's bottom. NcDialog's own footer rule (6px 0 12px
3852
+ margin, 12px end padding) ties a two-class selector and wins when its
3853
+ stylesheet loads later, so `.dialog` is added to outrank it. */
3854
+ .cn-dialog-board .dialog .dialog__actions {
3809
3855
  display: flex;
3810
3856
  flex-wrap: wrap;
3811
3857
  align-items: center;
@@ -4131,6 +4177,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4131
4177
  max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
4132
4178
  }
4133
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
+ }
4134
4197
  /*
4135
4198
  * The board form field (screens-form-parity, canon sections 5 and 6).
4136
4199
  *
@@ -5793,8 +5856,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5793
5856
  @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
5794
5857
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
5795
5858
  background: var(--color-background-dark);
5796
- color: var(--color-main-text);
5859
+ color: var(--cn-board-text-soft);
5797
5860
  font-size: 13px;
5861
+ line-height: normal;
5798
5862
  }
5799
5863
 
5800
5864
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
@@ -6417,9 +6481,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6417
6481
  --app-sidebar-width: 360px;
6418
6482
  }
6419
6483
 
6484
+ /* The subtitle 2px under the title at a normal line height, and the tab's
6485
+ content 20px in from the panel edge (the tab's 10px and 10px here), as
6486
+ DqFilterBeheren draws the side panel.
6487
+ @spec openspec/changes/board-side-panel-rhythm/specs/board-side-panel-rhythm/spec.md */
6420
6488
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar-header__subname {
6489
+ margin-top: 2px;
6421
6490
  color: var(--color-text-maxcontrast);
6422
6491
  font-size: 14px;
6492
+ line-height: normal;
6493
+ }
6494
+
6495
+ .cn-look-board:has(.cn-index-page) > .app-sidebar .cn-index-sidebar__section {
6496
+ padding: 10px;
6423
6497
  }
6424
6498
 
6425
6499
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar__close {
@@ -6638,9 +6712,33 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6638
6712
  @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 */
6639
6713
  .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 {
6640
6714
  padding-block-start: 15px;
6715
+ padding-block-end: 0;
6641
6716
  padding-inline-start: 20px;
6642
6717
  }
6643
6718
 
6719
+ /* The line under the title is a paragraph the theme sets with `!important`
6720
+ (15px, its own leading): 14px muted at its normal leading, 2px under the
6721
+ title, so the tab row starts 14px under it and the first field 20px under
6722
+ the tabs (DqZakenSorteren, DqFilterBeheren: title 20, line 46, tabs 77,
6723
+ search field 137).
6724
+ @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 */
6725
+ .cn-look-board .cn-index-sidebar-panel .app-sidebar-header__subname {
6726
+ --nldesign-component-paragraph-font-size: 14px;
6727
+ --nldesign-component-paragraph-line-height: normal;
6728
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
6729
+ font-size: 14px !important;
6730
+ line-height: normal !important;
6731
+ margin-block-start: -3px !important;
6732
+ }
6733
+
6734
+ .cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child {
6735
+ padding-top: 8px;
6736
+ }
6737
+
6738
+ .cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child > .input-field {
6739
+ margin-top: 0;
6740
+ }
6741
+
6644
6742
  .cn-look-board .cn-index-sidebar-panel .app-sidebar-tabs__nav[role="tablist"] {
6645
6743
  justify-content: flex-start;
6646
6744
  gap: 4px;
@@ -6833,6 +6931,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6833
6931
  .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__name-text {
6834
6932
  font-size: 14px;
6835
6933
  font-weight: 600;
6934
+ line-height: normal;
6836
6935
  }
6837
6936
 
6838
6937
  /* A view's count: a grey pill at the end of its row (DqFilterBeheren). */
@@ -7077,6 +7176,20 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
7077
7176
  padding-inline-start: 12px;
7078
7177
  }
7079
7178
 
7179
+ /* The boards draw the leading icon inside the title cell, so the title's
7180
+ heading starts over the icon (DqOrganisaties "Naam" at 76, the icon's x),
7181
+ as an avatar shares its column's heading (DqContacten). The blank icon
7182
+ heading stays for the column count; the title heading reaches back over it.
7183
+ @spec openspec/changes/board-head-over-row-icon/specs/data-table/spec.md#requirement-a-board-title-heading-starts-over-the-row-icon */
7184
+ .cn-look-board .cn-table-container--board .cn-data-table th.cn-table-col--icon + th:not(.cn-look-nextcloud *) {
7185
+ padding-inline-start: 0;
7186
+ overflow: visible;
7187
+ }
7188
+
7189
+ .cn-look-board .cn-table-container--board .cn-data-table th.cn-table-col--icon + th:not(.cn-look-nextcloud *) > :first-child {
7190
+ margin-inline-start: -32px;
7191
+ }
7192
+
7080
7193
  /* ---- The table beside the open side panel (DqZakenSorteren, DqFilterBeheren) */
7081
7194
  /* The table takes its column's width: its configured column widths make way
7082
7195
  for the content, titles and names wrap (a long word hyphenated, an
@@ -7736,10 +7849,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
7736
7849
  cursor: grab;
7737
7850
  }
7738
7851
 
7739
- /* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
7852
+ /* The handle before a reorderable row's name: a muted 16px grip 10px before
7853
+ it. It floats, so a name that wraps in a narrow cell wraps beside the grip
7854
+ instead of dropping under it. */
7740
7855
  .cn-table-row__handle {
7741
7856
  display: inline-flex;
7742
- vertical-align: middle;
7857
+ float: inline-start;
7858
+ margin-block-start: 1px;
7743
7859
  margin-inline-end: 10px;
7744
7860
  color: var(--color-text-maxcontrast);
7745
7861
  cursor: grab;
@@ -12346,6 +12462,14 @@ li[data-cn-admin-tag] > .action-link::after {
12346
12462
  padding: calc(12px - var(--cn-board-first-line-leading)) var(--cn-board-card-inline-padding) 20px;
12347
12463
  }
12348
12464
 
12465
+ /* A card that opens on a record-list table starts 12px under its title: the
12466
+ table's head row sets its own padding and line height, so no first line
12467
+ carries the half-leading the rule above takes off (r31 DqZaaktype
12468
+ "Berichten aan de aanvrager" sat 2.2px high). */
12469
+ .cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-record-list > .cn-record-list__table:first-child):not(.cn-look-nextcloud *) {
12470
+ padding-top: 12px;
12471
+ }
12472
+
12349
12473
  /* A history card with stacked rows (DqTaak "Historie") opens on the first
12350
12474
  row's hairline 6px under the title, the row's own 12px padding above its
12351
12475
  text, as drawn: 19px from the title to the first action.
@@ -12436,6 +12560,15 @@ li[data-cn-admin-tag] > .action-link::after {
12436
12560
  font-weight: 500;
12437
12561
  }
12438
12562
 
12563
+ /* The files table's checkbox column is the board's 42px (12px either side
12564
+ of the 18px box): DqZaakDocumenten and DqDocumentenBeheer both draw it so.
12565
+ The component's 36px pushed the file icon and name 6px left (r31: name 96
12566
+ vs 100; probed with the rule: icon 54 as drawn, name 102).
12567
+ @spec openspec/changes/board-files-select-column-42/specs/board-files-select-column-42/spec.md#requirement-the-files-tables-checkbox-column-is-42px */
12568
+ .cn-look-board .cn-files-browser__col-select:not(.cn-look-nextcloud *) {
12569
+ width: 42px;
12570
+ }
12571
+
12439
12572
  /* A labelled select in a page card is the board's field, as in a board
12440
12573
  dialog (dialog.css): its label above the control at 14px/600 on the normal
12441
12574
  line (the theme's label weight token set to 600 here), the control 40px,
@@ -13179,10 +13312,10 @@ li[data-cn-admin-tag] > .action-link::after {
13179
13312
 
13180
13313
  /* The buttons above the groups are the card's 34px controls ("Bekijken als
13181
13314
  flow", "Taak toevoegen"), not the page's 40px ones. */
13182
- /* The buttons sit 14px under the subtitle and 14px above the groups, the
13183
- card's gap (the content's own 12px top padding plus 2px). */
13315
+ /* The buttons sit 14px above the groups, the card's gap; above them the
13316
+ content's own top padding is the space under the subtitle. */
13184
13317
  .cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
13185
- margin-block: 2px 14px;
13318
+ margin-block: 0 14px;
13186
13319
  }
13187
13320
 
13188
13321
  .cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
@@ -13974,6 +14107,38 @@ li[data-cn-admin-tag] > .action-link::after {
13974
14107
  .cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
13975
14108
  line-height: 1.2;
13976
14109
  }
14110
+
14111
+ /* A facts card's link with an icon (Werkinstructie) sets the icon beside its
14112
+ text, 10px apart, the text on the normal line starting 10px under the
14113
+ title, as the Dq boards draw it. The anchor was a block, so the icon stood
14114
+ on its own line above the text (r31).
14115
+ @spec openspec/changes/board-facts-link-icon-beside-text/specs/facts-widget/spec.md */
14116
+ .cn-look-board .cn-facts-widget .cn-facts-widget__link:has(> .material-design-icon):not(.cn-look-nextcloud *) {
14117
+ display: flex;
14118
+ align-items: center;
14119
+ gap: 10px;
14120
+ margin-top: var(--cn-board-first-line-leading);
14121
+ line-height: normal;
14122
+ }
14123
+
14124
+ /* A table in a detail page card names each row in the link colour at 14px,
14125
+ as DqZaakGerelateerd draws "Deelzaken" and "Objecten" (r31: 15px in the
14126
+ body ink). The row opens the record, so its name reads as the link.
14127
+ @spec openspec/changes/board-detail-table-title-cells/specs/board-tables/spec.md */
14128
+ .cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title:not(.cn-look-nextcloud *),
14129
+ .cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title .cn-cell-renderer:not(.cn-look-nextcloud *) {
14130
+ font-size: 14px;
14131
+ line-height: 1.2;
14132
+ color: var(--color-primary-element);
14133
+ }
14134
+
14135
+ /* A data card keeps its 14px under a subtitle too (DqZaakBetrokkenen
14136
+ "Zetels"): the subtitle rule's 12px won over the data card's 14px, so the
14137
+ labels sat 2.2px high (r31).
14138
+ @spec openspec/changes/board-data-card-under-subtitle/specs/board-card/spec.md */
14139
+ .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) {
14140
+ padding-top: 14px;
14141
+ }
13977
14142
  /*
13978
14143
  * The reports page under the board look (screens-reports-page-board-look,
13979
14144
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -20042,10 +20207,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
20042
20207
  cursor: grab;
20043
20208
  }
20044
20209
 
20045
- /* The handle before a reorderable row's name: a muted 16px grip 10px before it. */
20210
+ /* The handle before a reorderable row's name: a muted 16px grip 10px before
20211
+ it. It floats, so a name that wraps in a narrow cell wraps beside the grip
20212
+ instead of dropping under it. */
20046
20213
  .cn-table-row__handle {
20047
20214
  display: inline-flex;
20048
- vertical-align: middle;
20215
+ float: inline-start;
20216
+ margin-block-start: 1px;
20049
20217
  margin-inline-end: 10px;
20050
20218
  color: var(--color-text-maxcontrast);
20051
20219
  cursor: grab;
@@ -21699,56 +21867,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21699
21867
  }
21700
21868
 
21701
21869
 
21702
- .cn-audit-card__list[data-v-7e58faa4] {
21870
+ .cn-audit-card__list[data-v-bd3033c8] {
21703
21871
  list-style: none;
21704
21872
  margin: 0;
21705
21873
  padding: 0;
21706
21874
  }
21707
- .cn-audit-card__row[data-v-7e58faa4] {
21875
+ .cn-audit-card__row[data-v-bd3033c8] {
21708
21876
  padding: 6px 0;
21709
21877
  border-bottom: 1px solid var(--color-border);
21710
21878
  }
21711
- .cn-audit-card__row[data-v-7e58faa4]:last-child {
21879
+ .cn-audit-card__row[data-v-bd3033c8]:last-child {
21712
21880
  border-bottom: none;
21713
21881
  }
21714
- .cn-audit-card__row-head[data-v-7e58faa4] {
21882
+ .cn-audit-card__row-head[data-v-bd3033c8] {
21715
21883
  display: flex;
21716
21884
  justify-content: space-between;
21717
21885
  gap: 8px;
21718
21886
  }
21719
- .cn-audit-card__action[data-v-7e58faa4] {
21887
+ .cn-audit-card__action[data-v-bd3033c8] {
21720
21888
  color: var(--color-main-text);
21721
21889
  }
21722
- .cn-audit-card__when[data-v-7e58faa4] {
21890
+ .cn-audit-card__when[data-v-bd3033c8] {
21723
21891
  color: var(--color-text-maxcontrast);
21724
21892
  font-size: 0.85em;
21725
21893
  white-space: nowrap;
21726
21894
  }
21727
- .cn-audit-card__row-body[data-v-7e58faa4] {
21895
+ .cn-audit-card__row-body[data-v-bd3033c8] {
21728
21896
  color: var(--color-text-maxcontrast);
21729
21897
  font-size: 0.9em;
21730
21898
  }
21731
- .cn-audit-card__refused[data-v-7e58faa4] {
21899
+ .cn-audit-card__refused[data-v-bd3033c8] {
21732
21900
  margin-inline-start: 6px;
21733
21901
  font-weight: 700;
21734
21902
  color: var(--color-error-text, var(--color-main-text));
21735
21903
  }
21736
- .cn-audit-card__reason[data-v-7e58faa4] {
21904
+ .cn-audit-card__reason[data-v-bd3033c8] {
21737
21905
  margin: 2px 0 0;
21738
21906
  font-size: 0.9em;
21739
21907
  overflow-wrap: anywhere;
21740
21908
  }
21741
- .cn-audit-card__empty[data-v-7e58faa4] {
21909
+ .cn-audit-card__empty[data-v-bd3033c8] {
21742
21910
  color: var(--color-text-maxcontrast);
21743
21911
  text-align: center;
21744
21912
  padding: 12px 0;
21745
21913
  }
21746
- .cn-audit-card__footnote[data-v-7e58faa4] {
21914
+ .cn-audit-card__footnote[data-v-bd3033c8] {
21747
21915
  margin: 12px 0 0;
21748
21916
  color: var(--color-text-maxcontrast);
21749
21917
  font-size: 13px;
21750
21918
  }
21751
- .cn-audit-card__show-all[data-v-7e58faa4] {
21919
+ .cn-audit-card__show-all[data-v-bd3033c8] {
21752
21920
  background: none;
21753
21921
  border: none;
21754
21922
  color: var(--color-primary-element);
@@ -21756,7 +21924,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21756
21924
  padding: 4px 0;
21757
21925
  font: inherit;
21758
21926
  }
21759
- .cn-audit-card__show-all[data-v-7e58faa4]:hover {
21927
+ .cn-audit-card__show-all[data-v-bd3033c8]:hover {
21760
21928
  text-decoration: underline;
21761
21929
  }
21762
21930
 
@@ -26440,77 +26608,77 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26440
26608
  }
26441
26609
 
26442
26610
 
26443
- .cn-notes-card__add-form[data-v-25437d6c] {
26611
+ .cn-notes-card__add-form[data-v-23928d29] {
26444
26612
  margin-bottom: 12px;
26445
26613
  }
26446
- .cn-notes-card__textarea[data-v-25437d6c] {
26614
+ .cn-notes-card__textarea[data-v-23928d29] {
26447
26615
  width: 100%;
26448
26616
  margin-bottom: 8px;
26449
26617
  box-sizing: border-box;
26450
26618
  }
26451
- .cn-notes-card__replying[data-v-25437d6c] {
26619
+ .cn-notes-card__replying[data-v-23928d29] {
26452
26620
  display: flex;
26453
26621
  align-items: center;
26454
26622
  justify-content: space-between;
26455
26623
  margin: 0 0 4px;
26456
26624
  color: var(--color-text-maxcontrast);
26457
26625
  }
26458
- .cn-notes-card__note--reply[data-v-25437d6c] {
26626
+ .cn-notes-card__note--reply[data-v-23928d29] {
26459
26627
  margin-inline-start: 24px;
26460
26628
  }
26461
- .cn-notes-card__quote[data-v-25437d6c] {
26629
+ .cn-notes-card__quote[data-v-23928d29] {
26462
26630
  margin: 0 0 2px;
26463
26631
  padding-inline-start: 8px;
26464
26632
  border-inline-start: 2px solid var(--color-border-dark);
26465
26633
  color: var(--color-text-maxcontrast);
26466
26634
  font-size: 0.9em;
26467
26635
  }
26468
- .cn-notes-card__empty[data-v-25437d6c] {
26636
+ .cn-notes-card__empty[data-v-23928d29] {
26469
26637
  text-align: center;
26470
26638
  padding: 16px 12px;
26471
26639
  color: var(--color-text-maxcontrast);
26472
26640
  font-size: 13px;
26473
26641
  }
26474
- .cn-notes-card__list[data-v-25437d6c] {
26642
+ .cn-notes-card__list[data-v-23928d29] {
26475
26643
  display: flex;
26476
26644
  flex-direction: column;
26477
26645
  }
26478
- .cn-notes-card__note[data-v-25437d6c] {
26646
+ .cn-notes-card__note[data-v-23928d29] {
26479
26647
  padding: 10px 0;
26480
26648
  border-bottom: 1px solid var(--color-border);
26481
26649
  position: relative;
26482
26650
  }
26483
- .cn-notes-card__note[data-v-25437d6c]:last-child {
26651
+ .cn-notes-card__note[data-v-23928d29]:last-child {
26484
26652
  border-bottom: none;
26485
26653
  }
26486
- .cn-notes-card__initials[data-v-25437d6c] {
26654
+ .cn-notes-card__initials[data-v-23928d29] {
26487
26655
  display: none;
26488
26656
  }
26489
- .cn-notes-card__note-header[data-v-25437d6c] {
26657
+ .cn-notes-card__note-header[data-v-23928d29] {
26490
26658
  display: flex;
26491
26659
  justify-content: space-between;
26492
26660
  align-items: baseline;
26493
26661
  margin-bottom: 4px;
26494
26662
  }
26495
- .cn-notes-card__author[data-v-25437d6c] {
26663
+ .cn-notes-card__author[data-v-23928d29] {
26496
26664
  font-size: 13px;
26497
26665
  }
26498
- .cn-notes-card__author--self[data-v-25437d6c] {
26666
+ .cn-notes-card__author--self[data-v-23928d29] {
26499
26667
  color: var(--color-main-text);
26500
26668
  }
26501
- .cn-notes-card__visibility[data-v-25437d6c] {
26669
+ .cn-notes-card__visibility[data-v-23928d29] {
26502
26670
  display: flex;
26503
26671
  align-items: center;
26504
26672
  gap: 8px;
26505
26673
  margin-bottom: 4px;
26506
26674
  }
26507
- .cn-notes-card__time[data-v-25437d6c] {
26675
+ .cn-notes-card__time[data-v-23928d29] {
26508
26676
  font-size: 11px;
26509
26677
  color: var(--color-text-maxcontrast);
26510
26678
  flex-shrink: 0;
26511
26679
  margin-left: 8px;
26512
26680
  }
26513
- .cn-notes-card__body[data-v-25437d6c] {
26681
+ .cn-notes-card__body[data-v-23928d29] {
26514
26682
  font-size: 13px;
26515
26683
  margin: 0;
26516
26684
  white-space: pre-wrap;
@@ -26521,18 +26689,18 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26521
26689
  /* The note's own class leads so the position outranks NcButton's
26522
26690
  `position: relative`, which loads later at the same weight and put the
26523
26691
  button in the flow under the note. */
26524
- .cn-notes-card__note > .cn-notes-card__delete-btn[data-v-25437d6c] {
26692
+ .cn-notes-card__note > .cn-notes-card__delete-btn[data-v-23928d29] {
26525
26693
  position: absolute;
26526
26694
  top: 8px;
26527
26695
  right: -4px;
26528
26696
  opacity: 0;
26529
26697
  transition: opacity 0.15s ease;
26530
26698
  }
26531
- .cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-25437d6c],
26532
- .cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-25437d6c] {
26699
+ .cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-23928d29],
26700
+ .cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-23928d29] {
26533
26701
  opacity: 1;
26534
26702
  }
26535
- .cn-notes-card__show-all[data-v-25437d6c] {
26703
+ .cn-notes-card__show-all[data-v-23928d29] {
26536
26704
  background: none;
26537
26705
  border: none;
26538
26706
  color: var(--color-primary-element);
@@ -26543,7 +26711,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26543
26711
  width: 100%;
26544
26712
  text-align: center;
26545
26713
  }
26546
- .cn-notes-card__show-all[data-v-25437d6c]:hover {
26714
+ .cn-notes-card__show-all[data-v-23928d29]:hover {
26547
26715
  text-decoration: underline;
26548
26716
  }
26549
26717
 
@@ -29799,7 +29967,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29799
29967
 
29800
29968
 
29801
29969
  /* The row a following card describes (content.rowSelection). */
29802
- .cn-object-list-widget[data-v-7a3cf020] .cn-object-list-widget__row--selected {
29970
+ .cn-object-list-widget[data-v-29fab8f0] .cn-object-list-widget__row--selected {
29803
29971
  background: var(--color-primary-element-light, #eaf0f7);
29804
29972
  }
29805
29973
 
@@ -29810,7 +29978,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29810
29978
  Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
29811
29979
  second scroll container here would produce a nested scrollbar, so this host
29812
29980
  stays plain. */
29813
- .cn-object-list-widget[data-v-7a3cf020] {
29981
+ .cn-object-list-widget[data-v-29fab8f0] {
29814
29982
  width: 100%;
29815
29983
  height: 100%;
29816
29984
  display: flex;
@@ -29822,10 +29990,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29822
29990
  relative` is set only in the dropping state so a widget without a drop zone
29823
29991
  keeps the containing block it had — an unconditional rule here would
29824
29992
  re-parent any absolutely-positioned descendant a host has placed. */
29825
- .cn-object-list-widget--dropping[data-v-7a3cf020] {
29993
+ .cn-object-list-widget--dropping[data-v-29fab8f0] {
29826
29994
  position: relative;
29827
29995
  }
29828
- .cn-object-list-widget__drop-overlay[data-v-7a3cf020] {
29996
+ .cn-object-list-widget__drop-overlay[data-v-29fab8f0] {
29829
29997
  position: absolute;
29830
29998
  inset: 0;
29831
29999
  z-index: 2;
@@ -29843,7 +30011,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29843
30011
  and the drop would land on nothing. */
29844
30012
  pointer-events: none;
29845
30013
  }
29846
- .cn-object-list-widget__table[data-v-7a3cf020] {
30014
+ .cn-object-list-widget__table[data-v-29fab8f0] {
29847
30015
  flex: 1 1 auto;
29848
30016
  min-height: 0;
29849
30017
  overflow: hidden;
@@ -29852,16 +30020,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29852
30020
  /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
29853
30021
  all this rule still owns is letting it claim the cell's leftover height
29854
30022
  (ADR-062: it fits the cell, it never forces one). */
29855
- .cn-object-list-widget__empty[data-v-7a3cf020] {
30023
+ .cn-object-list-widget__empty[data-v-29fab8f0] {
29856
30024
  flex: 1 1 auto;
29857
30025
  min-height: 0;
29858
30026
  }
29859
30027
 
29860
30028
  /* The pager sits flush at the bottom of the card, above "View all". */
29861
- .cn-object-list-widget__pager[data-v-7a3cf020] {
30029
+ .cn-object-list-widget__pager[data-v-29fab8f0] {
29862
30030
  flex-shrink: 0;
29863
30031
  }
29864
- .cn-object-list-widget__view-all[data-v-7a3cf020] {
30032
+ .cn-object-list-widget__view-all[data-v-29fab8f0] {
29865
30033
  align-self: flex-start;
29866
30034
  background: none;
29867
30035
  border: none;
@@ -29872,32 +30040,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29872
30040
  padding: 4px;
29873
30041
  text-decoration: none;
29874
30042
  }
29875
- .cn-object-list-widget__view-all[data-v-7a3cf020]:hover,
29876
- .cn-object-list-widget__view-all[data-v-7a3cf020]:focus-visible {
30043
+ .cn-object-list-widget__view-all[data-v-29fab8f0]:hover,
30044
+ .cn-object-list-widget__view-all[data-v-29fab8f0]:focus-visible {
29877
30045
  text-decoration: underline;
29878
30046
  }
29879
- .cn-object-list-widget__more[data-v-7a3cf020] {
30047
+ .cn-object-list-widget__more[data-v-29fab8f0] {
29880
30048
  color: var(--color-text-maxcontrast);
29881
30049
  font-size: 0.85em;
29882
30050
  margin: 4px 0 0;
29883
30051
  padding: 4px;
29884
30052
  }
29885
- .cn-object-list-widget__links[data-v-7a3cf020] {
30053
+ .cn-object-list-widget__links[data-v-29fab8f0] {
29886
30054
  display: flex;
29887
30055
  flex-wrap: wrap;
29888
30056
  gap: 16px;
29889
30057
  margin: 12px 0 0;
29890
30058
  font-size: 14px;
29891
30059
  }
29892
- .cn-object-list-widget__link[data-v-7a3cf020] {
30060
+ .cn-object-list-widget__link[data-v-29fab8f0] {
29893
30061
  font-weight: 600;
29894
30062
  }
29895
- .cn-object-list-widget__link-note[data-v-7a3cf020] {
30063
+ .cn-object-list-widget__link-note[data-v-29fab8f0] {
29896
30064
  margin-inline-start: 6px;
29897
30065
  color: var(--color-text-maxcontrast);
29898
30066
  font-size: 13px;
29899
30067
  }
29900
- .cn-object-list-widget__footnote[data-v-7a3cf020] {
30068
+ .cn-object-list-widget__footnote[data-v-29fab8f0] {
29901
30069
  color: var(--color-text-maxcontrast);
29902
30070
  font-size: 13px;
29903
30071
  margin: 8px 0 0;
@@ -29906,7 +30074,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29906
30074
  /* Footer Add — same pattern as the integration leaves' footer action
29907
30075
  ("Open in Calendar"): full-width, centered, divider-topped, pinned to
29908
30076
  the card bottom. */
29909
- .cn-object-list-widget__add[data-v-7a3cf020] {
30077
+ .cn-object-list-widget__add[data-v-29fab8f0] {
29910
30078
  align-self: stretch;
29911
30079
  border-top: 1px solid var(--color-border);
29912
30080
  /* Bleed through the host card's 16px content padding so the divider
@@ -29914,31 +30082,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29914
30082
  margin: auto -16px -16px;
29915
30083
  padding: 4px;
29916
30084
  }
29917
- .cn-object-list-widget__error[data-v-7a3cf020] {
30085
+ .cn-object-list-widget__error[data-v-29fab8f0] {
29918
30086
  color: var(--color-text-maxcontrast);
29919
30087
  font-size: 0.85em;
29920
30088
  margin: 4px 0 0;
29921
30089
  }
29922
- .cn-object-list-widget__prompt[data-v-7a3cf020] {
30090
+ .cn-object-list-widget__prompt[data-v-29fab8f0] {
29923
30091
  color: var(--color-text-maxcontrast);
29924
30092
  font-style: italic;
29925
30093
  padding: 16px 4px;
29926
30094
  margin: 0;
29927
30095
  text-align: center;
29928
30096
  }
29929
- .cn-object-list-widget__facet[data-v-7a3cf020] {
30097
+ .cn-object-list-widget__facet[data-v-29fab8f0] {
29930
30098
  display: flex;
29931
30099
  align-items: center;
29932
30100
  flex-wrap: wrap;
29933
30101
  gap: 6px;
29934
30102
  padding: 0 4px 8px;
29935
30103
  }
29936
- .cn-object-list-widget__facet-label[data-v-7a3cf020] {
30104
+ .cn-object-list-widget__facet-label[data-v-29fab8f0] {
29937
30105
  color: var(--color-text-maxcontrast);
29938
30106
  font-size: 0.85em;
29939
30107
  font-weight: 600;
29940
30108
  }
29941
- .cn-object-list-widget__facet-chip[data-v-7a3cf020] {
30109
+ .cn-object-list-widget__facet-chip[data-v-29fab8f0] {
29942
30110
  background-color: var(--color-background-hover);
29943
30111
  border: 1px solid var(--color-border);
29944
30112
  border-radius: var(--border-radius-pill, 16px);
@@ -29948,13 +30116,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29948
30116
  font-size: 0.85em;
29949
30117
  padding: 2px 10px;
29950
30118
  }
29951
- .cn-object-list-widget__facet-chip--active[data-v-7a3cf020] {
30119
+ .cn-object-list-widget__facet-chip--active[data-v-29fab8f0] {
29952
30120
  background-color: var(--color-primary-element-light);
29953
30121
  border-color: var(--color-primary-element);
29954
30122
  color: var(--color-primary-element-text, var(--color-main-text));
29955
30123
  }
29956
- .cn-object-list-widget__facet-clear[data-v-7a3cf020],
29957
- .cn-object-list-widget__bulk-clear[data-v-7a3cf020] {
30124
+ .cn-object-list-widget__facet-clear[data-v-29fab8f0],
30125
+ .cn-object-list-widget__bulk-clear[data-v-29fab8f0] {
29958
30126
  background: none;
29959
30127
  border: none;
29960
30128
  color: var(--color-primary-element);
@@ -29963,11 +30131,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29963
30131
  font-size: 0.85em;
29964
30132
  padding: 2px 4px;
29965
30133
  }
29966
- .cn-object-list-widget__facet-clear[data-v-7a3cf020]:hover,
29967
- .cn-object-list-widget__bulk-clear[data-v-7a3cf020]:hover {
30134
+ .cn-object-list-widget__facet-clear[data-v-29fab8f0]:hover,
30135
+ .cn-object-list-widget__bulk-clear[data-v-29fab8f0]:hover {
29968
30136
  text-decoration: underline;
29969
30137
  }
29970
- .cn-object-list-widget__bulk-bar[data-v-7a3cf020] {
30138
+ .cn-object-list-widget__bulk-bar[data-v-29fab8f0] {
29971
30139
  align-items: center;
29972
30140
  background-color: var(--color-primary-element-light);
29973
30141
  border-radius: var(--border-radius, 8px);
@@ -29977,10 +30145,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29977
30145
  margin: 0 0 8px;
29978
30146
  padding: 6px 10px;
29979
30147
  }
29980
- .cn-object-list-widget__bulk-count[data-v-7a3cf020] {
30148
+ .cn-object-list-widget__bulk-count[data-v-29fab8f0] {
29981
30149
  font-weight: 600;
29982
30150
  }
29983
- .cn-object-list-widget__bulk-action[data-v-7a3cf020] {
30151
+ .cn-object-list-widget__bulk-action[data-v-29fab8f0] {
29984
30152
  background-color: var(--color-main-background);
29985
30153
  border: 1px solid var(--color-border);
29986
30154
  border-radius: var(--border-radius, 8px);
@@ -29988,25 +30156,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29988
30156
  font: inherit;
29989
30157
  padding: 4px 10px;
29990
30158
  }
29991
- .cn-object-list-widget__bulk-action--destructive[data-v-7a3cf020] {
30159
+ .cn-object-list-widget__bulk-action--destructive[data-v-29fab8f0] {
29992
30160
  border-color: var(--color-error);
29993
30161
  color: var(--color-error);
29994
30162
  }
29995
- .cn-object-list-widget__groups[data-v-7a3cf020] {
30163
+ .cn-object-list-widget__groups[data-v-29fab8f0] {
29996
30164
  display: flex;
29997
30165
  flex-direction: column;
29998
30166
  gap: 16px;
29999
30167
  min-height: 0;
30000
30168
  overflow: auto;
30001
30169
  }
30002
- .cn-object-list-widget__group-heading[data-v-7a3cf020] {
30170
+ .cn-object-list-widget__group-heading[data-v-29fab8f0] {
30003
30171
  color: var(--color-text-maxcontrast);
30004
30172
  font-size: 0.85em;
30005
30173
  font-weight: 600;
30006
30174
  margin: 0 0 4px;
30007
30175
  text-transform: uppercase;
30008
30176
  }
30009
- .cn-object-list-widget__upload[data-v-7a3cf020] {
30177
+ .cn-object-list-widget__upload[data-v-29fab8f0] {
30010
30178
  background-color: var(--color-main-background);
30011
30179
  border: 1px solid var(--color-border);
30012
30180
  border-radius: var(--border-radius, 8px);
@@ -30015,7 +30183,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
30015
30183
  margin: 8px 0 0;
30016
30184
  padding: 6px 12px;
30017
30185
  }
30018
- .cn-object-list-widget__upload-input[data-v-7a3cf020] {
30186
+ .cn-object-list-widget__upload-input[data-v-29fab8f0] {
30019
30187
  display: none;
30020
30188
  }
30021
30189
 
@@ -32951,7 +33119,7 @@ a.cn-kpi-card--board * {
32951
33119
  }
32952
33120
 
32953
33121
 
32954
- .cn-object-data-widget__image[data-v-702c7c98] {
33122
+ .cn-object-data-widget__image[data-v-344df010] {
32955
33123
  max-width: 100%;
32956
33124
  max-height: 160px;
32957
33125
  border-radius: 8px;
@@ -32959,33 +33127,33 @@ a.cn-kpi-card--board * {
32959
33127
  }
32960
33128
 
32961
33129
  /* Shimmering placeholder while a relation's display name resolves. */
32962
- .cn-object-data-widget__skeleton[data-v-702c7c98] {
33130
+ .cn-object-data-widget__skeleton[data-v-344df010] {
32963
33131
  display: inline-block;
32964
33132
  width: 90px;
32965
33133
  height: 1em;
32966
33134
  border-radius: 4px;
32967
33135
  background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
32968
33136
  background-size: 200% 100%;
32969
- animation: cn-odw-shimmer-702c7c98 1.2s ease-in-out infinite;
33137
+ animation: cn-odw-shimmer-344df010 1.2s ease-in-out infinite;
32970
33138
  }
32971
- @keyframes cn-odw-shimmer-702c7c98 {
33139
+ @keyframes cn-odw-shimmer-344df010 {
32972
33140
  from { background-position: 200% 0;
32973
33141
  }
32974
33142
  to { background-position: -200% 0;
32975
33143
  }
32976
33144
  }
32977
33145
  @media (prefers-reduced-motion: reduce) {
32978
- .cn-object-data-widget__skeleton[data-v-702c7c98] { animation: none;
33146
+ .cn-object-data-widget__skeleton[data-v-344df010] { animation: none;
32979
33147
  }
32980
33148
  }
32981
- .cn-object-data-widget__grid[data-v-702c7c98] {
33149
+ .cn-object-data-widget__grid[data-v-344df010] {
32982
33150
  display: grid;
32983
33151
  gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
32984
33152
  }
32985
- .cn-object-data-widget__toggle[data-v-702c7c98] {
33153
+ .cn-object-data-widget__toggle[data-v-344df010] {
32986
33154
  margin-top: 4px;
32987
33155
  }
32988
- .cn-object-data-widget__cell[data-v-702c7c98] {
33156
+ .cn-object-data-widget__cell[data-v-344df010] {
32989
33157
  display: flex;
32990
33158
  flex-direction: column;
32991
33159
  gap: 2px;
@@ -32993,12 +33161,12 @@ to { background-position: -200% 0;
32993
33161
  border-bottom: 1px solid var(--color-border-dark);
32994
33162
  min-width: 0;
32995
33163
  }
32996
- .cn-object-data-widget__label[data-v-702c7c98] {
33164
+ .cn-object-data-widget__label[data-v-344df010] {
32997
33165
  font-size: 0.85em;
32998
33166
  color: var(--color-text-maxcontrast);
32999
33167
  font-weight: 500;
33000
33168
  }
33001
- .cn-object-data-widget__value[data-v-702c7c98] {
33169
+ .cn-object-data-widget__value[data-v-344df010] {
33002
33170
  font-size: 1em;
33003
33171
  color: var(--color-main-text);
33004
33172
  overflow-wrap: anywhere;
@@ -33012,24 +33180,24 @@ to { background-position: -200% 0;
33012
33180
  which drew a horizontal scrollbar under every data widget in a tab (dossiq's
33013
33181
  case page, Data tab). The end padding drops by the same 4px so the text and
33014
33182
  the edit icon sit where they sat. */
33015
- .cn-object-data-widget__value--editable[data-v-702c7c98] {
33183
+ .cn-object-data-widget__value--editable[data-v-344df010] {
33016
33184
  cursor: pointer;
33017
33185
  border-radius: var(--border-radius);
33018
33186
  padding: 4px 20px 4px 4px;
33019
33187
  margin: -4px 0 -4px -4px;
33020
33188
  }
33021
- .cn-object-data-widget__value--editable[data-v-702c7c98]:hover {
33189
+ .cn-object-data-widget__value--editable[data-v-344df010]:hover {
33022
33190
  background: var(--color-background-dark);
33023
33191
  }
33024
- .cn-object-data-widget__value--editable[data-v-702c7c98]:focus-visible {
33192
+ .cn-object-data-widget__value--editable[data-v-344df010]:focus-visible {
33025
33193
  outline: 2px solid var(--color-primary-element);
33026
33194
  outline-offset: 2px;
33027
33195
  }
33028
- .cn-object-data-widget__value--empty[data-v-702c7c98] {
33196
+ .cn-object-data-widget__value--empty[data-v-344df010] {
33029
33197
  color: var(--color-text-maxcontrast);
33030
33198
  font-style: italic;
33031
33199
  }
33032
- .cn-object-data-widget__edit-icon[data-v-702c7c98] {
33200
+ .cn-object-data-widget__edit-icon[data-v-344df010] {
33033
33201
  position: absolute;
33034
33202
  right: 4px;
33035
33203
  top: 50%;
@@ -33038,21 +33206,21 @@ to { background-position: -200% 0;
33038
33206
  opacity: 0;
33039
33207
  transition: opacity 0.15s ease;
33040
33208
  }
33041
- .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-702c7c98],
33042
- .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-702c7c98] {
33209
+ .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-344df010],
33210
+ .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-344df010] {
33043
33211
  opacity: 1;
33044
33212
  }
33045
- .cn-object-data-widget__editor[data-v-702c7c98] {
33213
+ .cn-object-data-widget__editor[data-v-344df010] {
33046
33214
  display: flex;
33047
33215
  flex-direction: column;
33048
33216
  gap: 4px;
33049
33217
  }
33050
- .cn-object-data-widget__editor-actions[data-v-702c7c98] {
33218
+ .cn-object-data-widget__editor-actions[data-v-344df010] {
33051
33219
  display: flex;
33052
33220
  gap: 2px;
33053
33221
  justify-content: flex-end;
33054
33222
  }
33055
- .cn-object-data-widget__textarea[data-v-702c7c98] {
33223
+ .cn-object-data-widget__textarea[data-v-344df010] {
33056
33224
  width: 100%;
33057
33225
  min-height: 80px;
33058
33226
  padding: 8px;
@@ -33064,16 +33232,16 @@ to { background-position: -200% 0;
33064
33232
  font-size: inherit;
33065
33233
  resize: vertical;
33066
33234
  }
33067
- .cn-object-data-widget__textarea[data-v-702c7c98]:focus {
33235
+ .cn-object-data-widget__textarea[data-v-344df010]:focus {
33068
33236
  border-color: var(--color-primary-element);
33069
33237
  outline: none;
33070
33238
  }
33071
- .cn-object-data-widget__footnote[data-v-702c7c98] {
33239
+ .cn-object-data-widget__footnote[data-v-344df010] {
33072
33240
  margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
33073
33241
  color: var(--color-text-maxcontrast);
33074
33242
  font-size: 13px;
33075
33243
  }
33076
- .cn-object-data-widget__empty[data-v-702c7c98] {
33244
+ .cn-object-data-widget__empty[data-v-344df010] {
33077
33245
  color: var(--color-text-maxcontrast);
33078
33246
  font-style: italic;
33079
33247
  padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -33081,16 +33249,16 @@ to { background-position: -200% 0;
33081
33249
 
33082
33250
  /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
33083
33251
  fits the card and participates in the whole-row overflow handling. */
33084
- .cn-object-data-widget__mini-table-wrap[data-v-702c7c98] {
33252
+ .cn-object-data-widget__mini-table-wrap[data-v-344df010] {
33085
33253
  max-width: 100%;
33086
33254
  }
33087
- .cn-object-data-widget__mini-table[data-v-702c7c98] {
33255
+ .cn-object-data-widget__mini-table[data-v-344df010] {
33088
33256
  width: 100%;
33089
33257
  border-collapse: collapse;
33090
33258
  font-size: 0.9em;
33091
33259
  }
33092
- .cn-object-data-widget__mini-table th[data-v-702c7c98],
33093
- .cn-object-data-widget__mini-table td[data-v-702c7c98] {
33260
+ .cn-object-data-widget__mini-table th[data-v-344df010],
33261
+ .cn-object-data-widget__mini-table td[data-v-344df010] {
33094
33262
  text-align: start;
33095
33263
  padding: 2px 8px 2px 0;
33096
33264
  border-bottom: 1px solid var(--color-border);
@@ -33101,23 +33269,23 @@ to { background-position: -200% 0;
33101
33269
  cell, and the card 8px wider than its cell (pipelinq's ticket page). */
33102
33270
  white-space: normal;
33103
33271
  }
33104
- .cn-object-data-widget__mini-table th[data-v-702c7c98] {
33272
+ .cn-object-data-widget__mini-table th[data-v-344df010] {
33105
33273
  color: var(--color-text-maxcontrast);
33106
33274
  font-weight: 500;
33107
33275
  }
33108
- .cn-object-data-widget__more[data-v-702c7c98] {
33276
+ .cn-object-data-widget__more[data-v-344df010] {
33109
33277
  margin-top: 2px;
33110
33278
  font-size: 0.85em;
33111
33279
  color: var(--color-text-maxcontrast);
33112
33280
  }
33113
33281
 
33114
33282
  /* Comma-less chip row for array-of-scalars values. */
33115
- .cn-object-data-widget__chips[data-v-702c7c98] {
33283
+ .cn-object-data-widget__chips[data-v-344df010] {
33116
33284
  display: flex;
33117
33285
  flex-wrap: wrap;
33118
33286
  gap: 4px;
33119
33287
  }
33120
- .cn-object-data-widget__chip[data-v-702c7c98] {
33288
+ .cn-object-data-widget__chip[data-v-344df010] {
33121
33289
  padding: 1px 8px;
33122
33290
  border-radius: 12px;
33123
33291
  background: var(--color-background-dark);
@@ -33125,37 +33293,37 @@ to { background-position: -200% 0;
33125
33293
  }
33126
33294
 
33127
33295
  /* Key: value definition list for a single plain-object value. */
33128
- .cn-object-data-widget__deflist[data-v-702c7c98] {
33296
+ .cn-object-data-widget__deflist[data-v-344df010] {
33129
33297
  display: grid;
33130
33298
  grid-template-columns: auto 1fr;
33131
33299
  gap: 2px 8px;
33132
33300
  margin: 0;
33133
33301
  }
33134
- .cn-object-data-widget__deflist dt[data-v-702c7c98] {
33302
+ .cn-object-data-widget__deflist dt[data-v-344df010] {
33135
33303
  color: var(--color-text-maxcontrast);
33136
33304
  font-size: 0.9em;
33137
33305
  }
33138
- .cn-object-data-widget__deflist dd[data-v-702c7c98] {
33306
+ .cn-object-data-widget__deflist dd[data-v-344df010] {
33139
33307
  margin: 0;
33140
33308
  overflow-wrap: anywhere;
33141
33309
  }
33142
33310
 
33143
33311
  /* A long description keeps its own paragraphs. Set on an inline span with no
33144
33312
  surrounding template whitespace, so only the value's own line breaks show. */
33145
- .cn-object-data-widget__deflist-text[data-v-702c7c98] {
33313
+ .cn-object-data-widget__deflist-text[data-v-344df010] {
33146
33314
  white-space: pre-wrap;
33147
33315
  }
33148
- .cn-object-data-widget__deflist--nested[data-v-702c7c98] {
33316
+ .cn-object-data-widget__deflist--nested[data-v-344df010] {
33149
33317
  padding-inline-start: 8px;
33150
33318
  border-inline-start: 2px solid var(--color-border);
33151
33319
  }
33152
33320
 
33153
33321
  /* Responsive: collapse to single column on narrow widths */
33154
33322
  @media (max-width: 600px) {
33155
- .cn-object-data-widget__grid[data-v-702c7c98] {
33323
+ .cn-object-data-widget__grid[data-v-344df010] {
33156
33324
  grid-template-columns: 1fr !important;
33157
33325
  }
33158
- .cn-object-data-widget__cell[data-v-702c7c98] {
33326
+ .cn-object-data-widget__cell[data-v-344df010] {
33159
33327
  grid-column: span 1 !important;
33160
33328
  grid-row: span 1 !important;
33161
33329
  }
@@ -33281,13 +33449,13 @@ to { background-position: -200% 0;
33281
33449
  }
33282
33450
 
33283
33451
 
33284
- .cn-detail-widget-header-items[data-v-c81df510] {
33452
+ .cn-detail-widget-header-items[data-v-03e0f8bc] {
33285
33453
  display: inline-flex;
33286
33454
  flex-wrap: wrap;
33287
33455
  align-items: center;
33288
33456
  gap: 12px;
33289
33457
  }
33290
- .cn-detail-page__catalog-action[data-v-c81df510] {
33458
+ .cn-detail-page__catalog-action[data-v-03e0f8bc] {
33291
33459
  align-items: center;
33292
33460
  background: var(--color-primary-element-light);
33293
33461
  border: 0;
@@ -33299,15 +33467,20 @@ to { background-position: -200% 0;
33299
33467
  font-size: 13px;
33300
33468
  font-weight: 700;
33301
33469
  gap: 6px;
33302
- margin: 0;
33303
33470
  min-height: 32px;
33304
33471
  padding: 0 14px;
33305
33472
  white-space: nowrap;
33306
33473
  }
33307
33474
 
33475
+ /* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
33476
+ doubled class outranks it. */
33477
+ .cn-detail-page__catalog-action.cn-detail-page__catalog-action[data-v-03e0f8bc] {
33478
+ margin: 0;
33479
+ }
33480
+
33308
33481
 
33309
33482
  /* The card keeps its own box, footnote included. */
33310
- .cn-audit-trail-widget[data-v-87ba40b4] {
33483
+ .cn-audit-trail-widget[data-v-99c9557e] {
33311
33484
  display: contents;
33312
33485
  }
33313
33486
 
@@ -34551,7 +34724,7 @@ to { background-position: -200% 0;
34551
34724
  }
34552
34725
 
34553
34726
 
34554
- .cn-object-card[data-v-70ee7f5c] {
34727
+ .cn-object-card[data-v-6e1fe7c7] {
34555
34728
  display: flex;
34556
34729
  gap: 12px;
34557
34730
  padding: 16px;
@@ -34561,80 +34734,80 @@ to { background-position: -200% 0;
34561
34734
  cursor: pointer;
34562
34735
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
34563
34736
  }
34564
- .cn-object-card[data-v-70ee7f5c]:hover {
34737
+ .cn-object-card[data-v-6e1fe7c7]:hover {
34565
34738
  border-color: var(--color-primary-element);
34566
34739
  box-shadow: 0 2px 8px var(--color-box-shadow);
34567
34740
  }
34568
- .cn-object-card--selected[data-v-70ee7f5c] {
34741
+ .cn-object-card--selected[data-v-6e1fe7c7] {
34569
34742
  border-color: var(--color-primary-element);
34570
34743
  background: var(--color-primary-element-light);
34571
34744
  }
34572
34745
 
34573
34746
  /* The 4px start border takes 3px of padding, so the content stays put. */
34574
- .cn-object-card.cn-object-card--accent[data-v-70ee7f5c] {
34747
+ .cn-object-card.cn-object-card--accent[data-v-6e1fe7c7] {
34575
34748
  border-inline-start-width: 4px;
34576
34749
  padding-inline-start: 13px;
34577
34750
  }
34578
- .cn-object-card.cn-object-card--accent-success[data-v-70ee7f5c] {
34751
+ .cn-object-card.cn-object-card--accent-success[data-v-6e1fe7c7] {
34579
34752
  border-inline-start-color: var(--color-element-success);
34580
34753
  }
34581
- .cn-object-card.cn-object-card--accent-warning[data-v-70ee7f5c] {
34754
+ .cn-object-card.cn-object-card--accent-warning[data-v-6e1fe7c7] {
34582
34755
  border-inline-start-color: var(--color-element-warning);
34583
34756
  }
34584
- .cn-object-card.cn-object-card--accent-error[data-v-70ee7f5c] {
34757
+ .cn-object-card.cn-object-card--accent-error[data-v-6e1fe7c7] {
34585
34758
  border-inline-start-color: var(--color-element-error);
34586
34759
  }
34587
- .cn-object-card.cn-object-card--accent-info[data-v-70ee7f5c] {
34760
+ .cn-object-card.cn-object-card--accent-info[data-v-6e1fe7c7] {
34588
34761
  border-inline-start-color: var(--color-element-info);
34589
34762
  }
34590
- .cn-object-card.cn-object-card--accent-primary[data-v-70ee7f5c] {
34763
+ .cn-object-card.cn-object-card--accent-primary[data-v-6e1fe7c7] {
34591
34764
  border-inline-start-color: var(--color-primary-element);
34592
34765
  }
34593
- .cn-object-card__accent-icon[data-v-70ee7f5c] {
34766
+ .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34594
34767
  display: inline-flex;
34595
34768
  vertical-align: -2px;
34596
34769
  margin-inline-end: 4px;
34597
34770
  }
34598
- .cn-object-card--accent-success .cn-object-card__accent-icon[data-v-70ee7f5c] {
34771
+ .cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34599
34772
  color: var(--color-text-success);
34600
34773
  }
34601
- .cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-70ee7f5c] {
34774
+ .cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34602
34775
  color: var(--color-text-warning);
34603
34776
  }
34604
- .cn-object-card--accent-error .cn-object-card__accent-icon[data-v-70ee7f5c] {
34777
+ .cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34605
34778
  color: var(--color-text-error);
34606
34779
  }
34607
- .cn-object-card--accent-info .cn-object-card__accent-icon[data-v-70ee7f5c] {
34780
+ .cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34608
34781
  color: var(--color-element-info);
34609
34782
  }
34610
- .cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-70ee7f5c] {
34783
+ .cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34611
34784
  color: var(--color-primary-element);
34612
34785
  }
34613
- .cn-object-card__checkbox[data-v-70ee7f5c] {
34786
+ .cn-object-card__checkbox[data-v-6e1fe7c7] {
34614
34787
  flex-shrink: 0;
34615
34788
  padding-top: 2px;
34616
34789
  }
34617
- .cn-object-card__content[data-v-70ee7f5c] {
34790
+ .cn-object-card__content[data-v-6e1fe7c7] {
34618
34791
  flex: 1;
34619
34792
  min-width: 0;
34620
34793
  }
34621
- .cn-object-card__header[data-v-70ee7f5c] {
34794
+ .cn-object-card__header[data-v-6e1fe7c7] {
34622
34795
  display: flex;
34623
34796
  gap: 12px;
34624
34797
  align-items: flex-start;
34625
34798
  }
34626
- .cn-object-card__image[data-v-70ee7f5c] {
34799
+ .cn-object-card__image[data-v-6e1fe7c7] {
34627
34800
  width: 48px;
34628
34801
  height: 48px;
34629
34802
  border-radius: var(--border-radius);
34630
34803
  object-fit: cover;
34631
34804
  flex-shrink: 0;
34632
34805
  }
34633
- .cn-object-card__title-area[data-v-70ee7f5c] {
34806
+ .cn-object-card__title-area[data-v-6e1fe7c7] {
34634
34807
  flex: 1;
34635
34808
  min-width: 0;
34636
34809
  }
34637
- .cn-object-card__title[data-v-70ee7f5c] {
34810
+ .cn-object-card__title[data-v-6e1fe7c7] {
34638
34811
  margin: 0;
34639
34812
  font-size: 16px;
34640
34813
  font-weight: 600;
@@ -34643,16 +34816,16 @@ to { background-position: -200% 0;
34643
34816
  text-overflow: ellipsis;
34644
34817
  white-space: nowrap;
34645
34818
  }
34646
- .cn-object-card__description[data-v-70ee7f5c] {
34819
+ .cn-object-card__description[data-v-6e1fe7c7] {
34647
34820
  margin: 4px 0 0;
34648
34821
  font-size: 13px;
34649
34822
  color: var(--color-text-maxcontrast);
34650
34823
  line-height: 1.4;
34651
34824
  }
34652
- .cn-object-card__badges[data-v-70ee7f5c] {
34825
+ .cn-object-card__badges[data-v-6e1fe7c7] {
34653
34826
  margin-top: 8px;
34654
34827
  }
34655
- .cn-object-card__metadata[data-v-70ee7f5c] {
34828
+ .cn-object-card__metadata[data-v-6e1fe7c7] {
34656
34829
  display: grid;
34657
34830
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
34658
34831
  gap: 8px;
@@ -34660,19 +34833,19 @@ to { background-position: -200% 0;
34660
34833
  padding-top: 12px;
34661
34834
  border-top: 1px solid var(--color-border);
34662
34835
  }
34663
- .cn-object-card__meta-item[data-v-70ee7f5c] {
34836
+ .cn-object-card__meta-item[data-v-6e1fe7c7] {
34664
34837
  display: flex;
34665
34838
  flex-direction: column;
34666
34839
  gap: 2px;
34667
34840
  }
34668
- .cn-object-card__meta-label[data-v-70ee7f5c] {
34841
+ .cn-object-card__meta-label[data-v-6e1fe7c7] {
34669
34842
  font-size: 11px;
34670
34843
  font-weight: 500;
34671
34844
  color: var(--color-text-maxcontrast);
34672
34845
  text-transform: uppercase;
34673
34846
  letter-spacing: 0.3px;
34674
34847
  }
34675
- .cn-object-card__actions[data-v-70ee7f5c] {
34848
+ .cn-object-card__actions[data-v-6e1fe7c7] {
34676
34849
  flex-shrink: 0;
34677
34850
  }
34678
34851
 
@@ -34711,7 +34884,7 @@ to { background-position: -200% 0;
34711
34884
 
34712
34885
 
34713
34886
  /* The Nextcloud look: the stacked stepper, unchanged. */
34714
- .cn-stepper[data-v-3cab4d7d] {
34887
+ .cn-stepper[data-v-3d784176] {
34715
34888
  display: flex;
34716
34889
  align-items: flex-start;
34717
34890
  justify-content: center;
@@ -34720,7 +34893,7 @@ to { background-position: -200% 0;
34720
34893
  margin: 0 0 20px;
34721
34894
  list-style: none;
34722
34895
  }
34723
- .cn-stepper__item[data-v-3cab4d7d] {
34896
+ .cn-stepper__item[data-v-3d784176] {
34724
34897
  position: relative;
34725
34898
  flex: 1 1 0;
34726
34899
  min-width: 0;
@@ -34732,7 +34905,7 @@ to { background-position: -200% 0;
34732
34905
  color: var(--color-text-maxcontrast);
34733
34906
  font-size: 0.8125rem;
34734
34907
  }
34735
- .cn-stepper__step[data-v-3cab4d7d] {
34908
+ .cn-stepper__step[data-v-3d784176] {
34736
34909
  display: flex;
34737
34910
  flex-direction: column;
34738
34911
  align-items: center;
@@ -34745,10 +34918,18 @@ to { background-position: -200% 0;
34745
34918
  color: inherit;
34746
34919
  font: inherit;
34747
34920
  }
34748
- button.cn-stepper__step[data-v-3cab4d7d] {
34921
+
34922
+ /* Nextcloud's server.css gives every plain button a 3px margin and the
34923
+ clickable-area height (`button:not(.button-vue, …):not(…)`, 0,2,1), which
34924
+ made a done step 40px tall around its 28px circle. Two classes outrank it. */
34925
+ .cn-stepper button.cn-stepper__step[data-v-3d784176] {
34926
+ margin: 0;
34927
+ min-height: 0;
34928
+ }
34929
+ button.cn-stepper__step[data-v-3d784176] {
34749
34930
  cursor: pointer;
34750
34931
  }
34751
- .cn-stepper__dot[data-v-3cab4d7d] {
34932
+ .cn-stepper__dot[data-v-3d784176] {
34752
34933
  display: inline-flex;
34753
34934
  align-items: center;
34754
34935
  justify-content: center;
@@ -34763,17 +34944,17 @@ button.cn-stepper__step[data-v-3cab4d7d] {
34763
34944
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
34764
34945
  z-index: 1;
34765
34946
  }
34766
- .cn-wizard-dialog__progress-check[data-v-3cab4d7d] {
34947
+ .cn-wizard-dialog__progress-check[data-v-3d784176] {
34767
34948
  font-size: 16px;
34768
34949
  line-height: 1;
34769
34950
  }
34770
- .cn-stepper__label[data-v-3cab4d7d] {
34951
+ .cn-stepper__label[data-v-3d784176] {
34771
34952
  max-width: 100%;
34772
34953
  overflow: hidden;
34773
34954
  text-overflow: ellipsis;
34774
34955
  white-space: nowrap;
34775
34956
  }
34776
- .cn-stepper__connector[data-v-3cab4d7d] {
34957
+ .cn-stepper__connector[data-v-3d784176] {
34777
34958
  position: absolute;
34778
34959
  top: 17px;
34779
34960
  left: calc(50% + 21px);
@@ -34781,26 +34962,26 @@ button.cn-stepper__step[data-v-3cab4d7d] {
34781
34962
  height: 2px;
34782
34963
  background: var(--color-border-dark);
34783
34964
  }
34784
- .cn-stepper__connector--done[data-v-3cab4d7d] {
34965
+ .cn-stepper__connector--done[data-v-3d784176] {
34785
34966
  background: var(--color-primary-element);
34786
34967
  }
34787
- .cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d],
34788
- .cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
34968
+ .cn-stepper__item--current .cn-stepper__dot[data-v-3d784176],
34969
+ .cn-stepper__item--done .cn-stepper__dot[data-v-3d784176] {
34789
34970
  border-color: var(--color-primary-element);
34790
34971
  background: var(--color-primary-element);
34791
34972
  color: var(--color-primary-element-text, #fff);
34792
34973
  }
34793
- .cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
34974
+ .cn-stepper__item--current .cn-stepper__label[data-v-3d784176] {
34794
34975
  color: var(--color-main-text);
34795
34976
  font-weight: 600;
34796
34977
  }
34797
- .cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
34978
+ .cn-stepper__item--done .cn-stepper__label[data-v-3d784176] {
34798
34979
  color: var(--color-main-text);
34799
34980
  }
34800
- .cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-3cab4d7d] {
34981
+ .cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-3d784176] {
34801
34982
  color: var(--color-primary-element);
34802
34983
  }
34803
- .cn-stepper__sr[data-v-3cab4d7d] {
34984
+ .cn-stepper__sr[data-v-3d784176] {
34804
34985
  position: absolute;
34805
34986
  width: 1px;
34806
34987
  height: 1px;
@@ -34811,16 +34992,16 @@ button.cn-stepper__step[data-v-3cab4d7d] {
34811
34992
  }
34812
34993
 
34813
34994
  /* The board look: one row, 28px circles, the label beside the circle. */
34814
- /* The board leaves 20px between the stepper and the step's body (DqInstellen). */
34815
- .cn-stepper--board[data-v-3cab4d7d] {
34995
+ /* The board leaves 16px between the stepper and the step's body (DqInstellen). */
34996
+ .cn-stepper--board[data-v-3d784176] {
34816
34997
  flex-wrap: wrap;
34817
34998
  align-items: center;
34818
34999
  justify-content: flex-start;
34819
35000
  gap: 8px;
34820
35001
  padding: 0;
34821
- margin: 0 0 20px;
35002
+ margin: 0 0 16px;
34822
35003
  }
34823
- .cn-stepper--board .cn-stepper__item[data-v-3cab4d7d] {
35004
+ .cn-stepper--board .cn-stepper__item[data-v-3d784176] {
34824
35005
  flex: 0 1 auto;
34825
35006
  flex-direction: row;
34826
35007
  align-items: center;
@@ -34828,67 +35009,67 @@ button.cn-stepper__step[data-v-3cab4d7d] {
34828
35009
  max-width: none;
34829
35010
  font-size: 14px;
34830
35011
  }
34831
- .cn-stepper--board .cn-stepper__item[data-v-3cab4d7d]:not(:last-child) {
35012
+ .cn-stepper--board .cn-stepper__item[data-v-3d784176]:not(:last-child) {
34832
35013
  flex: 1 1 auto;
34833
35014
  }
34834
- .cn-stepper--board .cn-stepper__step[data-v-3cab4d7d] {
35015
+ .cn-stepper--board .cn-stepper__step[data-v-3d784176] {
34835
35016
  flex-direction: row;
34836
35017
  gap: 8px;
34837
35018
  }
34838
- .cn-stepper--board .cn-stepper__dot[data-v-3cab4d7d] {
35019
+ .cn-stepper--board .cn-stepper__dot[data-v-3d784176] {
34839
35020
  flex: 0 0 auto;
34840
35021
  width: 28px;
34841
35022
  height: 28px;
34842
35023
  font-size: 14px;
34843
35024
  }
34844
- .cn-stepper--board .cn-stepper__label[data-v-3cab4d7d] {
35025
+ .cn-stepper--board .cn-stepper__label[data-v-3d784176] {
34845
35026
  overflow: visible;
34846
35027
  text-overflow: clip;
34847
35028
  white-space: nowrap;
34848
35029
  font-size: 14px;
34849
35030
  }
34850
- .cn-stepper--board .cn-stepper__connector[data-v-3cab4d7d] {
35031
+ .cn-stepper--board .cn-stepper__connector[data-v-3d784176] {
34851
35032
  position: static;
34852
35033
  flex: 1 1 24px;
34853
35034
  min-width: 16px;
34854
35035
  height: 2px;
34855
35036
  background: var(--color-border);
34856
35037
  }
34857
- .cn-stepper--board .cn-stepper__connector--done[data-v-3cab4d7d] {
35038
+ .cn-stepper--board .cn-stepper__connector--done[data-v-3d784176] {
34858
35039
  background: var(--color-success);
34859
35040
  }
34860
35041
 
34861
35042
  /* Done: filled success circle, 16px check, secondary label. */
34862
- .cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
35043
+ .cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-3d784176] {
34863
35044
  border-color: var(--color-success);
34864
35045
  background: var(--color-success);
34865
35046
  color: var(--color-success-text, #fff);
34866
35047
  }
34867
- .cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
35048
+ .cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-3d784176] {
34868
35049
  color: var(--cn-board-text-soft, var(--color-main-text));
34869
35050
  font-weight: 400;
34870
35051
  }
34871
35052
 
34872
35053
  /* Current: filled primary, number 14/700, label 14/700 in the main text colour. */
34873
- .cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d] {
35054
+ .cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-3d784176] {
34874
35055
  border-color: var(--color-primary-element);
34875
35056
  background: var(--color-primary-element);
34876
35057
  color: var(--color-primary-element-text, #fff);
34877
35058
  font-weight: 700;
34878
35059
  }
34879
- .cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
35060
+ .cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-3d784176] {
34880
35061
  color: var(--color-main-text);
34881
35062
  font-weight: 700;
34882
35063
  }
34883
35064
 
34884
35065
  /* Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */
34885
- .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-3cab4d7d] {
35066
+ .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-3d784176] {
34886
35067
  border: 2px solid var(--color-border-dark);
34887
35068
  background: transparent;
34888
35069
  color: var(--color-text-maxcontrast);
34889
35070
  font-weight: 600;
34890
35071
  }
34891
- .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-3cab4d7d] {
35072
+ .cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-3d784176] {
34892
35073
  color: var(--color-text-maxcontrast);
34893
35074
  }
34894
35075
 
@@ -39385,41 +39566,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39385
39566
  }
39386
39567
 
39387
39568
 
39388
- .cn-flow-runs-widget[data-v-76cc4912] {
39569
+ .cn-flow-runs-widget[data-v-2f2e3e42] {
39389
39570
  display: flex;
39390
39571
  flex-direction: column;
39391
39572
  gap: 2px;
39392
39573
  min-width: 0;
39393
39574
  }
39394
- .cn-flow-runs-widget__loading[data-v-76cc4912] {
39575
+ .cn-flow-runs-widget__loading[data-v-2f2e3e42] {
39395
39576
  display: flex;
39396
39577
  justify-content: center;
39397
39578
  padding: 8px 0;
39398
39579
  }
39399
- .cn-flow-runs-widget__empty[data-v-76cc4912],
39400
- .cn-flow-runs-widget__error[data-v-76cc4912],
39401
- .cn-flow-runs-widget__more[data-v-76cc4912] {
39580
+ .cn-flow-runs-widget__empty[data-v-2f2e3e42],
39581
+ .cn-flow-runs-widget__error[data-v-2f2e3e42],
39582
+ .cn-flow-runs-widget__more[data-v-2f2e3e42] {
39402
39583
  margin: 0;
39403
39584
  color: var(--color-text-maxcontrast);
39404
39585
  font-size: 13px;
39405
39586
  }
39406
- .cn-flow-runs-widget__more[data-v-76cc4912] {
39587
+ .cn-flow-runs-widget__more[data-v-2f2e3e42] {
39407
39588
  padding-top: 4px;
39408
39589
  }
39409
- .cn-flow-runs-widget__list[data-v-76cc4912] {
39590
+ .cn-flow-runs-widget__list[data-v-2f2e3e42] {
39410
39591
  list-style: none;
39411
39592
  margin: 0;
39412
39593
  padding: 0;
39413
39594
  min-width: 0;
39414
39595
  }
39415
- .cn-flow-runs-widget__row[data-v-76cc4912] {
39596
+ .cn-flow-runs-widget__row[data-v-2f2e3e42] {
39416
39597
  border-bottom: 1px solid var(--color-border);
39417
39598
  min-width: 0;
39418
39599
  }
39419
- .cn-flow-runs-widget__row[data-v-76cc4912]:last-child {
39600
+ .cn-flow-runs-widget__row[data-v-2f2e3e42]:last-child {
39420
39601
  border-bottom: none;
39421
39602
  }
39422
- .cn-flow-runs-widget__row-content[data-v-76cc4912] {
39603
+ .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39423
39604
  display: flex;
39424
39605
  align-items: center;
39425
39606
  gap: 10px;
@@ -39428,10 +39609,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39428
39609
  color: inherit;
39429
39610
  text-decoration: none;
39430
39611
  }
39431
- a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39612
+ a.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39432
39613
  cursor: pointer;
39433
39614
  }
39434
- .cn-flow-runs-widget__dot[data-v-76cc4912] {
39615
+ .cn-flow-runs-widget__dot[data-v-2f2e3e42] {
39435
39616
  flex: 0 0 auto;
39436
39617
  width: 8px;
39437
39618
  height: 8px;
@@ -39440,40 +39621,40 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39440
39621
  }
39441
39622
 
39442
39623
  /* Executing now — the primary colour, and the only row that animates. */
39443
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39624
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39444
39625
  background: var(--color-primary-element, #0082c9);
39445
- animation: cn-flow-runs-pulse-76cc4912 1.6s ease-in-out infinite;
39626
+ animation: cn-flow-runs-pulse-2f2e3e42 1.6s ease-in-out infinite;
39446
39627
  }
39447
- .cn-flow-runs-widget__dot--queued[data-v-76cc4912] {
39628
+ .cn-flow-runs-widget__dot--queued[data-v-2f2e3e42] {
39448
39629
  background: var(--color-warning, #c28900);
39449
39630
  }
39450
- .cn-flow-runs-widget__dot--suspended[data-v-76cc4912] {
39631
+ .cn-flow-runs-widget__dot--suspended[data-v-2f2e3e42] {
39451
39632
  background: var(--color-text-maxcontrast);
39452
39633
  }
39453
39634
 
39454
39635
  /* Terminal rows: the dot is a hollow RING, so live (filled) and finished
39455
39636
  (hollow) never differ by colour alone. The per-status colour still rides
39456
39637
  on the ring's border. */
39457
- .cn-flow-runs-widget__dot--terminal[data-v-76cc4912] {
39638
+ .cn-flow-runs-widget__dot--terminal[data-v-2f2e3e42] {
39458
39639
  width: 6px;
39459
39640
  height: 6px;
39460
39641
  background: transparent;
39461
39642
  border: 2px solid var(--color-text-maxcontrast);
39462
39643
  }
39463
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-76cc4912] {
39644
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-2f2e3e42] {
39464
39645
  border-color: var(--color-success, #2d7b41);
39465
39646
  }
39466
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-76cc4912],
39467
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-76cc4912] {
39647
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-2f2e3e42],
39648
+ .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-2f2e3e42] {
39468
39649
  border-color: var(--color-error, #d91f2d);
39469
39650
  }
39470
- .cn-flow-runs-widget__body[data-v-76cc4912] {
39651
+ .cn-flow-runs-widget__body[data-v-2f2e3e42] {
39471
39652
  display: flex;
39472
39653
  flex-direction: column;
39473
39654
  min-width: 0;
39474
39655
  flex: 1 1 auto;
39475
39656
  }
39476
- .cn-flow-runs-widget__name[data-v-76cc4912] {
39657
+ .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39477
39658
  font-weight: 600;
39478
39659
  white-space: nowrap;
39479
39660
  overflow: hidden;
@@ -39483,7 +39664,7 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39483
39664
  /* Finished runs read as history: regular weight, muted colour. The hollow
39484
39665
  dot and the section label carry the distinction for anyone who cannot
39485
39666
  rely on colour. */
39486
- .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-76cc4912] {
39667
+ .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39487
39668
  font-weight: 400;
39488
39669
  color: var(--color-text-maxcontrast);
39489
39670
  }
@@ -39493,17 +39674,17 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39493
39674
  order because the cascade then depends on specificity rather than
39494
39675
  source order — the shape that quietly stops working when someone adds
39495
39676
  a competing rule. */
39496
- a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4912] {
39677
+ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39497
39678
  text-decoration: underline;
39498
39679
  }
39499
- .cn-flow-runs-widget__meta[data-v-76cc4912] {
39680
+ .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
39500
39681
  color: var(--color-text-maxcontrast);
39501
39682
  font-size: 12px;
39502
39683
  white-space: nowrap;
39503
39684
  overflow: hidden;
39504
39685
  text-overflow: ellipsis;
39505
39686
  }
39506
- .cn-flow-runs-widget__age[data-v-76cc4912] {
39687
+ .cn-flow-runs-widget__age[data-v-2f2e3e42] {
39507
39688
  flex: 0 0 auto;
39508
39689
  color: var(--color-text-maxcontrast);
39509
39690
  font-size: 12px;
@@ -39512,7 +39693,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39512
39693
 
39513
39694
  /* The history section label. Small caps text, not a colour: the section
39514
39695
  boundary must survive monochrome. */
39515
- .cn-flow-runs-widget__history-title[data-v-76cc4912] {
39696
+ .cn-flow-runs-widget__history-title[data-v-2f2e3e42] {
39516
39697
  margin: 0;
39517
39698
  padding-top: 8px;
39518
39699
  color: var(--color-text-maxcontrast);
@@ -39521,7 +39702,39 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39521
39702
  text-transform: uppercase;
39522
39703
  letter-spacing: 0.04em;
39523
39704
  }
39524
- @keyframes cn-flow-runs-pulse-76cc4912 {
39705
+
39706
+ /* Status pills: each row ruled on top, the name over its meta line, the pill
39707
+ and the start moment at the end, as the Dq case boards draw the Flows card. */
39708
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row[data-v-2f2e3e42] {
39709
+ border-top: 1px solid var(--color-border);
39710
+ border-bottom: none;
39711
+ }
39712
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39713
+ flex-wrap: wrap;
39714
+ gap: 6px 16px;
39715
+ padding: 11px 0;
39716
+ }
39717
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__body[data-v-2f2e3e42] {
39718
+ flex: 1 1 260px;
39719
+ gap: 2px;
39720
+ }
39721
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__name[data-v-2f2e3e42],
39722
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39723
+ font-size: 15px;
39724
+ font-weight: 500;
39725
+ color: var(--color-main-text);
39726
+ white-space: normal;
39727
+ }
39728
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
39729
+ font-size: 13px;
39730
+ white-space: normal;
39731
+ }
39732
+ .cn-flow-runs-widget--pills .cn-flow-runs-widget__age[data-v-2f2e3e42] {
39733
+ flex: 0 0 104px;
39734
+ font-size: 13px;
39735
+ text-align: end;
39736
+ }
39737
+ @keyframes cn-flow-runs-pulse-2f2e3e42 {
39525
39738
  0%, 100% { opacity: 1;
39526
39739
  }
39527
39740
  50% { opacity: 0.35;
@@ -39531,7 +39744,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39531
39744
  /* Respect a reduced-motion preference: the pulse is decoration, and the dot
39532
39745
  colour already carries the status. */
39533
39746
  @media (prefers-reduced-motion: reduce) {
39534
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39747
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39535
39748
  animation: none;
39536
39749
  }
39537
39750
  }
@@ -40581,13 +40794,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40581
40794
  }
40582
40795
 
40583
40796
 
40584
- .cn-facts-widget[data-v-6351bc64] {
40797
+ .cn-facts-widget[data-v-e627249e] {
40585
40798
  display: flex;
40586
40799
  flex-direction: column;
40587
40800
  gap: 10px;
40588
40801
  min-width: 0;
40589
40802
  }
40590
- .cn-facts-widget__pills[data-v-6351bc64] {
40803
+ .cn-facts-widget__pills[data-v-e627249e] {
40591
40804
  display: flex;
40592
40805
  flex-wrap: wrap;
40593
40806
  gap: 8px;
@@ -40596,7 +40809,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40596
40809
  /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
40597
40810
  and bottom, which put a side card's facts 24px under its title, against
40598
40811
  the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
40599
- .cn-facts-widget__rows[data-v-6351bc64] {
40812
+ .cn-facts-widget__rows[data-v-e627249e] {
40600
40813
  display: grid;
40601
40814
  grid-template-columns: max-content 1fr;
40602
40815
  gap: 8px 16px;
@@ -40606,17 +40819,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40606
40819
  }
40607
40820
 
40608
40821
  /* Each row is a grid of its own children: the wrapper takes no box. */
40609
- .cn-facts-widget__row[data-v-6351bc64] {
40822
+ .cn-facts-widget__row[data-v-e627249e] {
40610
40823
  display: contents;
40611
40824
  }
40612
- .cn-facts-widget__row--inline[data-v-6351bc64] {
40825
+ .cn-facts-widget__row--inline[data-v-e627249e] {
40613
40826
  display: flex;
40614
40827
  grid-column: 1 / -1;
40615
40828
  flex-wrap: wrap;
40616
40829
  align-items: center;
40617
40830
  gap: 10px;
40618
40831
  }
40619
- .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-6351bc64] {
40832
+ .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-e627249e] {
40620
40833
  display: flex;
40621
40834
  flex-wrap: wrap;
40622
40835
  align-items: center;
@@ -40628,14 +40841,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40628
40841
  12px around both and widened the label column to 130px. The class is
40629
40842
  doubled so these resets outrank that rule, and a dossiq-style `:deep()`
40630
40843
  override in an app is not needed. */
40631
- .cn-facts-widget__label.cn-facts-widget__label[data-v-6351bc64] {
40844
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40632
40845
  width: auto;
40633
40846
  margin: 0;
40634
40847
  padding: 0;
40635
40848
  text-align: start;
40636
40849
  color: var(--color-text-maxcontrast);
40637
40850
  }
40638
- .cn-facts-widget__value.cn-facts-widget__value[data-v-6351bc64] {
40851
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40639
40852
  margin: 0;
40640
40853
  padding: 0;
40641
40854
  text-align: start;
@@ -40643,56 +40856,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40643
40856
  min-width: 0;
40644
40857
  overflow-wrap: anywhere;
40645
40858
  }
40646
- .cn-facts-widget__title[data-v-6351bc64] {
40859
+ .cn-facts-widget__title[data-v-e627249e] {
40647
40860
  font-size: 15px;
40648
40861
  font-weight: 600;
40649
40862
  color: var(--color-main-text);
40650
40863
  }
40651
- .cn-facts-widget__line[data-v-6351bc64] {
40864
+ .cn-facts-widget__line[data-v-e627249e] {
40652
40865
  font-size: 13px;
40653
40866
  color: var(--color-text-maxcontrast);
40654
40867
  }
40655
- .cn-facts-widget__meter[data-v-6351bc64] {
40868
+ .cn-facts-widget__meter[data-v-e627249e] {
40656
40869
  display: flex;
40657
40870
  flex-direction: column;
40658
40871
  gap: 4px;
40659
40872
  font-size: 14px;
40660
40873
  }
40661
- .cn-facts-widget__meter-head[data-v-6351bc64] {
40874
+ .cn-facts-widget__meter-head[data-v-e627249e] {
40662
40875
  display: flex;
40663
40876
  justify-content: space-between;
40664
40877
  gap: 16px;
40665
40878
  }
40666
- .cn-facts-widget__meter-label[data-v-6351bc64] {
40879
+ .cn-facts-widget__meter-label[data-v-e627249e] {
40667
40880
  color: var(--color-text-maxcontrast);
40668
40881
  }
40669
- .cn-facts-widget__meter-value[data-v-6351bc64] {
40882
+ .cn-facts-widget__meter-value[data-v-e627249e] {
40670
40883
  font-weight: 500;
40671
40884
  text-align: end;
40672
40885
  }
40673
- .cn-facts-widget__meter-track[data-v-6351bc64] {
40886
+ .cn-facts-widget__meter-track[data-v-e627249e] {
40674
40887
  height: 6px;
40675
40888
  border-radius: 3px;
40676
40889
  background: var(--color-background-darker);
40677
40890
  overflow: hidden;
40678
40891
  }
40679
- .cn-facts-widget__meter-bar[data-v-6351bc64] {
40892
+ .cn-facts-widget__meter-bar[data-v-e627249e] {
40680
40893
  display: block;
40681
40894
  height: 100%;
40682
40895
  border-radius: inherit;
40683
40896
  background: var(--color-primary-element);
40684
40897
  }
40685
- .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-6351bc64] {
40898
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e627249e] {
40686
40899
  color: var(--color-error-text);
40687
40900
  }
40688
- .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-6351bc64] {
40901
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e627249e] {
40689
40902
  background: var(--color-error);
40690
40903
  }
40691
- .cn-facts-widget__muted[data-v-6351bc64] {
40904
+ .cn-facts-widget__muted[data-v-e627249e] {
40692
40905
  margin: 0;
40693
40906
  color: var(--color-text-maxcontrast);
40694
40907
  }
40695
- .cn-facts-widget__label .hidden-visually[data-v-6351bc64] {
40908
+ .cn-facts-widget__label .hidden-visually[data-v-e627249e] {
40696
40909
  clip-path: inset(50%);
40697
40910
  height: 1px;
40698
40911
  overflow: hidden;
@@ -40700,27 +40913,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40700
40913
  white-space: nowrap;
40701
40914
  width: 1px;
40702
40915
  }
40703
- .cn-facts-widget__label--icon[data-v-6351bc64] {
40916
+ .cn-facts-widget__label--icon[data-v-e627249e] {
40704
40917
  align-items: center;
40705
40918
  display: flex;
40706
40919
  }
40707
- .cn-facts-widget__value-link[data-v-6351bc64] {
40920
+ .cn-facts-widget__value-link[data-v-e627249e] {
40708
40921
  color: var(--color-primary-element);
40709
40922
  text-decoration: underline;
40710
40923
  }
40711
- .cn-facts-widget__inline-button[data-v-6351bc64],
40712
- .cn-facts-widget__icon-button[data-v-6351bc64],
40713
- .cn-facts-widget__action[data-v-6351bc64] {
40924
+ .cn-facts-widget__inline-button[data-v-e627249e],
40925
+ .cn-facts-widget__icon-button[data-v-e627249e],
40926
+ .cn-facts-widget__action[data-v-e627249e] {
40714
40927
  align-items: center;
40715
40928
  cursor: pointer;
40716
40929
  display: inline-flex;
40717
40930
  font: inherit;
40718
40931
  }
40719
- .cn-facts-widget__reveal-error[data-v-6351bc64] {
40932
+ .cn-facts-widget__reveal-error[data-v-e627249e] {
40720
40933
  font-size: 13px;
40721
40934
  color: var(--color-text-error, var(--color-error));
40722
40935
  }
40723
- .cn-facts-widget__inline-button[data-v-6351bc64] {
40936
+ .cn-facts-widget__inline-button[data-v-e627249e] {
40724
40937
  background: var(--color-main-background);
40725
40938
  border: 1px solid var(--color-border-dark);
40726
40939
  border-radius: 16px;
@@ -40732,7 +40945,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40732
40945
  min-height: 30px;
40733
40946
  padding: 0 10px;
40734
40947
  }
40735
- .cn-facts-widget__icon-button[data-v-6351bc64] {
40948
+ .cn-facts-widget__icon-button[data-v-e627249e] {
40736
40949
  background: transparent;
40737
40950
  border: 0;
40738
40951
  border-radius: 6px;
@@ -40741,23 +40954,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40741
40954
  padding: 2px;
40742
40955
  vertical-align: middle;
40743
40956
  }
40744
- .cn-facts-widget__icon-button[data-v-6351bc64]:hover,
40745
- .cn-facts-widget__icon-button[data-v-6351bc64]:focus-visible {
40957
+ .cn-facts-widget__icon-button[data-v-e627249e]:hover,
40958
+ .cn-facts-widget__icon-button[data-v-e627249e]:focus-visible {
40746
40959
  background: var(--color-background-hover);
40747
40960
  color: var(--color-main-text);
40748
40961
  }
40749
- .cn-facts-widget__text[data-v-6351bc64] {
40962
+ .cn-facts-widget__text[data-v-e627249e] {
40750
40963
  color: var(--color-main-text);
40751
40964
  font-size: 15px;
40752
40965
  }
40753
40966
 
40754
40967
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
40755
- .cn-facts-widget__lead[data-v-6351bc64] {
40968
+ .cn-facts-widget__lead[data-v-e627249e] {
40756
40969
  align-items: center;
40757
40970
  display: flex;
40758
40971
  gap: 12px;
40759
40972
  }
40760
- .cn-facts-widget__lead-tile[data-v-6351bc64] {
40973
+ .cn-facts-widget__lead-tile[data-v-e627249e] {
40761
40974
  align-items: center;
40762
40975
  background: var(--color-background-dark);
40763
40976
  border-radius: 8px;
@@ -40772,32 +40985,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40772
40985
  }
40773
40986
 
40774
40987
  /* Initials stand for a person: round, as an avatar. */
40775
- .cn-facts-widget__lead-tile--initials[data-v-6351bc64] {
40988
+ .cn-facts-widget__lead-tile--initials[data-v-e627249e] {
40776
40989
  border-radius: 50%;
40777
40990
  }
40778
- .cn-facts-widget__lead-tile--success[data-v-6351bc64] {
40991
+ .cn-facts-widget__lead-tile--success[data-v-e627249e] {
40779
40992
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
40780
40993
  border-radius: 50%;
40781
40994
  color: var(--color-success-text, var(--color-success));
40782
40995
  }
40783
- .cn-facts-widget__lead-tile--info[data-v-6351bc64] {
40996
+ .cn-facts-widget__lead-tile--info[data-v-e627249e] {
40784
40997
  background: var(--color-primary-element-light);
40785
40998
  border-radius: 50%;
40786
40999
  color: var(--color-primary-element-light-text, var(--color-primary-element));
40787
41000
  }
40788
- .cn-facts-widget__lead-text[data-v-6351bc64] {
41001
+ .cn-facts-widget__lead-text[data-v-e627249e] {
40789
41002
  display: flex;
40790
41003
  flex-direction: column;
40791
41004
  min-width: 0;
40792
41005
  }
40793
- .cn-facts-widget__lead-title[data-v-6351bc64] {
41006
+ .cn-facts-widget__lead-title[data-v-e627249e] {
40794
41007
  font-size: 15px;
40795
41008
  }
40796
- .cn-facts-widget__lead-subtitle[data-v-6351bc64] {
41009
+ .cn-facts-widget__lead-subtitle[data-v-e627249e] {
40797
41010
  color: var(--color-text-maxcontrast);
40798
41011
  font-size: 13px;
40799
41012
  }
40800
- .cn-facts-widget__action[data-v-6351bc64] {
41013
+ .cn-facts-widget__action[data-v-e627249e] {
40801
41014
  align-self: flex-start;
40802
41015
  background: var(--color-primary-element-light);
40803
41016
  border: 0;
@@ -40809,27 +41022,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40809
41022
  min-height: 32px;
40810
41023
  padding: 0 14px;
40811
41024
  }
40812
- .cn-facts-widget__action[data-v-6351bc64]:hover,
40813
- .cn-facts-widget__action[data-v-6351bc64]:focus-visible {
41025
+ .cn-facts-widget__action[data-v-e627249e]:hover,
41026
+ .cn-facts-widget__action[data-v-e627249e]:focus-visible {
40814
41027
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
40815
41028
  }
40816
- .cn-facts-widget__notice[data-v-6351bc64] {
41029
+ .cn-facts-widget__notice[data-v-e627249e] {
40817
41030
  margin: 4px 0 0;
40818
41031
  }
40819
41032
 
40820
41033
  /* A div, not a p: a theme sets every paragraph's size with !important. */
40821
- .cn-facts-widget__footnote[data-v-6351bc64] {
41034
+ .cn-facts-widget__footnote[data-v-e627249e] {
40822
41035
  color: var(--color-text-maxcontrast);
40823
41036
  font-size: 13px;
40824
41037
  line-height: 1.2;
40825
41038
  }
40826
- .cn-facts-widget__link[data-v-6351bc64] {
41039
+ .cn-facts-widget__link[data-v-e627249e] {
40827
41040
  font-size: 14px;
40828
41041
  font-weight: 600;
40829
41042
  color: var(--color-primary-element);
40830
41043
  text-decoration: underline;
40831
41044
  }
40832
- .cn-facts-widget__link--button[data-v-6351bc64] {
41045
+ .cn-facts-widget__link-note[data-v-e627249e] {
41046
+ margin: 0;
41047
+ color: var(--color-text-maxcontrast);
41048
+ font-size: 13px;
41049
+ }
41050
+ .cn-facts-widget__link--button[data-v-e627249e] {
40833
41051
  display: inline-flex;
40834
41052
  align-items: center;
40835
41053
  gap: 6px;
@@ -40844,12 +41062,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40844
41062
 
40845
41063
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
40846
41064
  hairline under each fact; one column on a phone. */
40847
- .cn-facts-widget__rows--columns[data-v-6351bc64] {
41065
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40848
41066
  grid-template-columns: repeat(2, minmax(0, 1fr));
40849
41067
  gap: 14px 24px;
40850
41068
  font-size: 15px;
40851
41069
  }
40852
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-6351bc64] {
41070
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e627249e] {
40853
41071
  display: flex;
40854
41072
  flex-direction: column;
40855
41073
  gap: 3px;
@@ -40857,21 +41075,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40857
41075
  padding-bottom: 10px;
40858
41076
  border-bottom: 1px solid var(--color-border);
40859
41077
  }
40860
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-6351bc64] {
41078
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40861
41079
  font-size: 13px;
40862
41080
  }
40863
41081
 
40864
41082
  /* One column, label above value: 2px under its label, 10px to the next
40865
41083
  label, so a long label never squeezes its value (DqHandhaving). */
40866
- .cn-facts-widget__rows--stacked[data-v-6351bc64] {
41084
+ .cn-facts-widget__rows--stacked[data-v-e627249e] {
40867
41085
  grid-template-columns: minmax(0, 1fr);
40868
41086
  gap: 2px 0;
40869
41087
  }
40870
- .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-6351bc64] {
41088
+ .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40871
41089
  margin-bottom: 8px;
40872
41090
  }
40873
41091
  @media (max-width: 640px) {
40874
- .cn-facts-widget__rows--columns[data-v-6351bc64] {
41092
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40875
41093
  grid-template-columns: minmax(0, 1fr);
40876
41094
  }
40877
41095
  }
@@ -40967,13 +41185,13 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40967
41185
  }
40968
41186
 
40969
41187
 
40970
- .cn-device-frames-widget[data-v-05f76090] {
41188
+ .cn-device-frames-widget[data-v-64bde7d3] {
40971
41189
  display: flex;
40972
41190
  flex-wrap: wrap;
40973
41191
  align-items: flex-start;
40974
41192
  gap: 20px;
40975
41193
  }
40976
- .cn-device-frames-widget__frame[data-v-05f76090] {
41194
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
40977
41195
  display: flex;
40978
41196
  flex: none;
40979
41197
  flex-direction: column;
@@ -40986,7 +41204,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40986
41204
  border-radius: 36px;
40987
41205
  background: var(--color-background-hover);
40988
41206
  }
40989
- .cn-device-frames-widget__head[data-v-05f76090] {
41207
+ .cn-device-frames-widget__head[data-v-64bde7d3] {
40990
41208
  display: flex;
40991
41209
  flex-direction: column;
40992
41210
  gap: 6px;
@@ -40994,28 +41212,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40994
41212
  border-bottom: 1px solid var(--color-border);
40995
41213
  background: var(--color-main-background);
40996
41214
  }
40997
- .cn-device-frames-widget__status[data-v-05f76090] {
41215
+ .cn-device-frames-widget__status[data-v-64bde7d3] {
40998
41216
  display: inline-flex;
40999
41217
  align-items: center;
41000
41218
  gap: 6px;
41001
41219
  font-size: 13px;
41002
41220
  font-weight: 600;
41003
41221
  }
41004
- .cn-device-frames-widget__status--warning[data-v-05f76090] {
41222
+ .cn-device-frames-widget__status--warning[data-v-64bde7d3] {
41005
41223
  color: var(--color-warning-text, var(--color-main-text));
41006
41224
  }
41007
- .cn-device-frames-widget__status--success[data-v-05f76090] {
41225
+ .cn-device-frames-widget__status--success[data-v-64bde7d3] {
41008
41226
  color: var(--color-success-text, var(--color-main-text));
41009
41227
  }
41010
- .cn-device-frames-widget__status--info[data-v-05f76090] {
41228
+ .cn-device-frames-widget__status--info[data-v-64bde7d3] {
41011
41229
  color: var(--color-text-maxcontrast);
41012
41230
  }
41013
- .cn-device-frames-widget__title[data-v-05f76090] {
41231
+ .cn-device-frames-widget__title[data-v-64bde7d3] {
41014
41232
  margin: 0;
41015
41233
  font-size: 20px;
41016
41234
  font-weight: 700;
41235
+ line-height: 1.2;
41017
41236
  }
41018
- .cn-device-frames-widget__body[data-v-05f76090] {
41237
+ .cn-device-frames-widget__body[data-v-64bde7d3] {
41019
41238
  display: flex;
41020
41239
  flex-direction: column;
41021
41240
  gap: 12px;
@@ -41024,7 +41243,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41024
41243
 
41025
41244
  /* On a phone the frame is the screen: no bezel, the full width. */
41026
41245
  @media (max-width: 640px) {
41027
- .cn-device-frames-widget__frame[data-v-05f76090] {
41246
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
41028
41247
  width: 100%;
41029
41248
  min-height: 0;
41030
41249
  border-width: 0;
@@ -41146,29 +41365,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41146
41365
  }
41147
41366
 
41148
41367
 
41149
- .cn-checklist-run__form[data-v-f3678d20] {
41368
+ .cn-checklist-run__form[data-v-284eb804] {
41150
41369
  display: flex;
41151
41370
  flex-direction: column;
41152
41371
  gap: 12px;
41153
41372
  }
41154
- .cn-checklist-run__position[data-v-f3678d20] {
41373
+ .cn-checklist-run__position[data-v-284eb804] {
41155
41374
  color: var(--color-text-maxcontrast);
41156
41375
  margin: 0;
41157
41376
  }
41158
- .cn-checklist-run__progress[data-v-f3678d20] {
41377
+ .cn-checklist-run__progress[data-v-284eb804] {
41159
41378
  background: var(--color-border);
41160
41379
  border-radius: 3px;
41161
41380
  display: block;
41162
41381
  height: 6px;
41163
41382
  overflow: hidden;
41164
41383
  }
41165
- .cn-checklist-run__progress-fill[data-v-f3678d20] {
41384
+ .cn-checklist-run__progress-fill[data-v-284eb804] {
41166
41385
  background: var(--color-primary-element);
41167
41386
  display: block;
41168
41387
  height: 100%;
41169
41388
  }
41170
- .cn-checklist-run__live[data-v-f3678d20],
41171
- .cn-checklist-run__sr[data-v-f3678d20] {
41389
+ .cn-checklist-run__live[data-v-284eb804],
41390
+ .cn-checklist-run__sr[data-v-284eb804] {
41172
41391
  clip-path: inset(50%);
41173
41392
  height: 1px;
41174
41393
  overflow: hidden;
@@ -41176,8 +41395,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41176
41395
  white-space: nowrap;
41177
41396
  width: 1px;
41178
41397
  }
41179
- .cn-checklist-run__question[data-v-f3678d20],
41180
- .cn-checklist-run__photos[data-v-f3678d20] {
41398
+ .cn-checklist-run__question[data-v-284eb804],
41399
+ .cn-checklist-run__photos[data-v-284eb804] {
41181
41400
  background: var(--color-main-background);
41182
41401
  border: 1px solid var(--color-border);
41183
41402
  border-radius: var(--border-radius-large, 12px);
@@ -41187,13 +41406,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41187
41406
  margin: 0;
41188
41407
  padding: 12px 14px;
41189
41408
  }
41190
- .cn-checklist-run__legend[data-v-f3678d20] {
41409
+ .cn-checklist-run__photos-title[data-v-284eb804] {
41410
+ font-size: 15px;
41411
+ line-height: 1.2;
41412
+ }
41413
+ .cn-checklist-run__legend[data-v-284eb804] {
41191
41414
  font-size: 15px;
41192
41415
  font-weight: 600;
41193
41416
  line-height: 1.2;
41194
41417
  padding: 0 4px;
41195
41418
  }
41196
- .cn-checklist-run__help[data-v-f3678d20] {
41419
+ .cn-checklist-run__help[data-v-284eb804] {
41197
41420
  color: var(--color-text-maxcontrast);
41198
41421
  font-size: 14px;
41199
41422
  line-height: 1.2;
@@ -41202,7 +41425,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41202
41425
 
41203
41426
  /* An option reads as text, not as a field label (a theme makes every label
41204
41427
  bold); 15px as the board draws it (DqInspectie). */
41205
- .cn-checklist-run__choice[data-v-f3678d20] {
41428
+ .cn-checklist-run__choice[data-v-284eb804] {
41206
41429
  align-items: center;
41207
41430
  display: flex;
41208
41431
  font-size: 15px;
@@ -41212,32 +41435,32 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41212
41435
  }
41213
41436
 
41214
41437
  /* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
41215
- .cn-checklist-run__choice input[data-v-f3678d20] {
41438
+ .cn-checklist-run__choice input[data-v-284eb804] {
41216
41439
  accent-color: var(--color-primary-element);
41217
41440
  height: 20px;
41218
41441
  margin: 3px 3px 0 5px;
41219
41442
  width: 20px;
41220
41443
  }
41221
- .cn-checklist-run__text[data-v-f3678d20],
41222
- .cn-checklist-run__number[data-v-f3678d20] {
41444
+ .cn-checklist-run__text[data-v-284eb804],
41445
+ .cn-checklist-run__number[data-v-284eb804] {
41223
41446
  box-sizing: border-box;
41224
41447
  width: 100%;
41225
41448
  }
41226
- .cn-checklist-run__group[data-v-f3678d20] {
41449
+ .cn-checklist-run__group[data-v-284eb804] {
41227
41450
  font-size: 14px;
41228
41451
  font-weight: 600;
41229
41452
  margin: 0;
41230
41453
  }
41231
- .cn-checklist-run__note-label[data-v-f3678d20] {
41454
+ .cn-checklist-run__note-label[data-v-284eb804] {
41232
41455
  display: flex;
41233
41456
  flex-direction: column;
41234
41457
  gap: 4px;
41235
41458
  }
41236
- .cn-checklist-run__photo-list[data-v-f3678d20] {
41459
+ .cn-checklist-run__photo-list[data-v-284eb804] {
41237
41460
  margin: 0;
41238
41461
  padding-inline-start: 18px;
41239
41462
  }
41240
- .cn-checklist-run__photo-button[data-v-f3678d20] {
41463
+ .cn-checklist-run__photo-button[data-v-284eb804] {
41241
41464
  align-items: center;
41242
41465
  align-self: flex-start;
41243
41466
  border: 1px solid var(--color-border-dark);
@@ -41248,26 +41471,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41248
41471
  min-height: 34px;
41249
41472
  padding: 0 14px;
41250
41473
  }
41251
- .cn-checklist-run__photo-button[data-v-f3678d20]:focus-within {
41474
+ .cn-checklist-run__photo-button[data-v-284eb804]:focus-within {
41252
41475
  outline: 2px solid var(--color-primary-element);
41253
41476
  outline-offset: 2px;
41254
41477
  }
41255
- .cn-checklist-run__photo-input[data-v-f3678d20] {
41478
+ .cn-checklist-run__photo-input[data-v-284eb804] {
41256
41479
  clip-path: inset(50%);
41257
41480
  height: 1px;
41258
41481
  overflow: hidden;
41259
41482
  position: absolute;
41260
41483
  width: 1px;
41261
41484
  }
41262
- .cn-checklist-run__nav[data-v-f3678d20] {
41485
+ .cn-checklist-run__nav[data-v-284eb804] {
41263
41486
  display: flex;
41264
41487
  justify-content: space-between;
41265
41488
  }
41266
- .cn-checklist-run__error[data-v-f3678d20] {
41489
+ .cn-checklist-run__error[data-v-284eb804] {
41267
41490
  color: var(--color-error-text, var(--color-error));
41268
41491
  margin: 0;
41269
41492
  }
41270
- .cn-checklist-run__empty[data-v-f3678d20] {
41493
+ .cn-checklist-run__empty[data-v-284eb804] {
41271
41494
  color: var(--color-text-maxcontrast);
41272
41495
  }
41273
41496
 
@@ -41549,38 +41772,64 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41549
41772
  }
41550
41773
 
41551
41774
 
41552
- .cn-field-list-widget[data-v-785b1f94] {
41775
+ .cn-field-list-widget[data-v-80d5a77a] {
41553
41776
  display: flex;
41554
41777
  flex-direction: column;
41555
41778
  gap: 12px;
41556
41779
  min-width: 0;
41557
41780
  }
41558
- .cn-field-list-widget__lead[data-v-785b1f94] {
41781
+ .cn-field-list-widget__lead[data-v-80d5a77a] {
41559
41782
  margin: 0;
41560
41783
  font-weight: bold;
41561
41784
  }
41562
- .cn-field-list-widget__rows[data-v-785b1f94] {
41785
+ .cn-field-list-widget__rows[data-v-80d5a77a] {
41563
41786
  list-style: none;
41564
41787
  margin: 0;
41565
41788
  padding: 0;
41566
41789
  display: flex;
41567
41790
  flex-direction: column;
41568
41791
  }
41569
- .cn-field-list-widget__row[data-v-785b1f94] {
41792
+ .cn-field-list-widget__row[data-v-80d5a77a] {
41570
41793
  padding: 10px 0;
41571
41794
  border-top: 1px solid var(--color-border);
41572
41795
  }
41573
- .cn-field-list-widget__row[data-v-785b1f94]:first-child {
41796
+ .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
41574
41797
  border-top: none;
41575
41798
  padding-top: 0;
41576
41799
  }
41577
- .cn-field-list-widget__line[data-v-785b1f94] {
41800
+
41801
+ /* `variant: "options"` (DqZaaktypeVelden Keuzelijst): each option a framed
41802
+ row, 6px apart, with a grip before its name and its code in a chip. */
41803
+ .cn-field-list-widget__rows--options[data-v-80d5a77a] {
41804
+ gap: 6px;
41805
+ }
41806
+ .cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a],
41807
+ .cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
41808
+ padding: 6px 12px;
41809
+ border: 1px solid var(--color-border);
41810
+ border-radius: var(--border-radius-element, 8px);
41811
+ }
41812
+ .cn-field-list-widget__grip[data-v-80d5a77a] {
41813
+ flex: none;
41814
+ display: inline-flex;
41815
+ padding: 0;
41816
+ border: 0;
41817
+ background: transparent;
41818
+ color: var(--color-text-maxcontrast);
41819
+ cursor: grab;
41820
+ }
41821
+ .cn-field-list-widget__code[data-v-80d5a77a] {
41822
+ flex: none;
41823
+ color: var(--color-text-maxcontrast);
41824
+ font-size: 13px;
41825
+ }
41826
+ .cn-field-list-widget__line[data-v-80d5a77a] {
41578
41827
  display: flex;
41579
41828
  align-items: center;
41580
41829
  gap: 12px;
41581
41830
  min-width: 0;
41582
41831
  }
41583
- .cn-field-list-widget__avatar[data-v-785b1f94] {
41832
+ .cn-field-list-widget__avatar[data-v-80d5a77a] {
41584
41833
  flex: 0 0 auto;
41585
41834
  display: inline-flex;
41586
41835
  align-items: center;
@@ -41593,69 +41842,69 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41593
41842
  font-size: 12px;
41594
41843
  font-weight: 700;
41595
41844
  }
41596
- .cn-field-list-widget__main[data-v-785b1f94] {
41845
+ .cn-field-list-widget__main[data-v-80d5a77a] {
41597
41846
  display: flex;
41598
41847
  flex-direction: column;
41599
41848
  flex: 1 1 auto;
41600
41849
  min-width: 0;
41601
41850
  }
41602
- .cn-field-list-widget__title[data-v-785b1f94] {
41851
+ .cn-field-list-widget__title[data-v-80d5a77a] {
41603
41852
  font-weight: 600;
41604
41853
  overflow-wrap: anywhere;
41605
41854
  }
41606
- .cn-field-list-widget__meta[data-v-785b1f94],
41607
- .cn-field-list-widget__aside[data-v-785b1f94],
41608
- .cn-field-list-widget__detail[data-v-785b1f94],
41609
- .cn-field-list-widget__hint[data-v-785b1f94],
41610
- .cn-field-list-widget__empty[data-v-785b1f94] {
41855
+ .cn-field-list-widget__meta[data-v-80d5a77a],
41856
+ .cn-field-list-widget__aside[data-v-80d5a77a],
41857
+ .cn-field-list-widget__detail[data-v-80d5a77a],
41858
+ .cn-field-list-widget__hint[data-v-80d5a77a],
41859
+ .cn-field-list-widget__empty[data-v-80d5a77a] {
41611
41860
  color: var(--color-text-maxcontrast);
41612
41861
  }
41613
- .cn-field-list-widget__meta[data-v-785b1f94],
41614
- .cn-field-list-widget__aside[data-v-785b1f94],
41615
- .cn-field-list-widget__copies[data-v-785b1f94] {
41862
+ .cn-field-list-widget__meta[data-v-80d5a77a],
41863
+ .cn-field-list-widget__aside[data-v-80d5a77a],
41864
+ .cn-field-list-widget__copies[data-v-80d5a77a] {
41616
41865
  display: flex;
41617
41866
  flex-wrap: wrap;
41618
41867
  gap: 4px;
41619
41868
  }
41620
- .cn-field-list-widget__detail[data-v-785b1f94] {
41869
+ .cn-field-list-widget__detail[data-v-80d5a77a] {
41621
41870
  font-size: 13px;
41622
41871
  }
41623
- .cn-field-list-widget__aside[data-v-785b1f94] {
41872
+ .cn-field-list-widget__aside[data-v-80d5a77a] {
41624
41873
  white-space: nowrap;
41625
41874
  }
41626
- .cn-field-list-widget__detail[data-v-785b1f94],
41627
- .cn-field-list-widget__hint[data-v-785b1f94],
41628
- .cn-field-list-widget__empty[data-v-785b1f94] {
41875
+ .cn-field-list-widget__detail[data-v-80d5a77a],
41876
+ .cn-field-list-widget__hint[data-v-80d5a77a],
41877
+ .cn-field-list-widget__empty[data-v-80d5a77a] {
41629
41878
  margin: 4px 0 0;
41630
41879
  overflow-wrap: anywhere;
41631
41880
  }
41632
- .cn-field-list-widget__add[data-v-785b1f94] {
41881
+ .cn-field-list-widget__add[data-v-80d5a77a] {
41633
41882
  display: flex;
41634
41883
  flex-wrap: wrap;
41635
41884
  align-items: flex-end;
41636
41885
  gap: 8px 12px;
41637
41886
  }
41638
- .cn-field-list-widget__add[data-v-785b1f94] > * {
41887
+ .cn-field-list-widget__add[data-v-80d5a77a] > * {
41639
41888
  flex: 1 1 180px;
41640
41889
  }
41641
- .cn-field-list-widget__add > button[data-v-785b1f94] {
41890
+ .cn-field-list-widget__add > button[data-v-80d5a77a] {
41642
41891
  flex: 0 0 auto;
41643
41892
  }
41644
- .cn-field-list-widget__toolbar[data-v-785b1f94] {
41893
+ .cn-field-list-widget__toolbar[data-v-80d5a77a] {
41645
41894
  display: flex;
41646
41895
  justify-content: flex-end;
41647
41896
  }
41648
- .cn-field-list-widget__table-wrap[data-v-785b1f94] {
41897
+ .cn-field-list-widget__table-wrap[data-v-80d5a77a] {
41649
41898
  display: flex;
41650
41899
  flex-direction: column;
41651
41900
  gap: 12px;
41652
41901
  overflow-x: auto;
41653
41902
  }
41654
- .cn-field-list-widget__table[data-v-785b1f94] {
41903
+ .cn-field-list-widget__table[data-v-80d5a77a] {
41655
41904
  width: 100%;
41656
41905
  border-collapse: collapse;
41657
41906
  }
41658
- .cn-field-list-widget__th[data-v-785b1f94] {
41907
+ .cn-field-list-widget__th[data-v-80d5a77a] {
41659
41908
  padding: 8px 12px;
41660
41909
  text-align: start;
41661
41910
  font-size: 13px;
@@ -41664,31 +41913,31 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41664
41913
  color: var(--color-text-maxcontrast);
41665
41914
  background: var(--color-background-hover);
41666
41915
  }
41667
- .cn-field-list-widget__th--menu[data-v-785b1f94],
41668
- .cn-field-list-widget__code[data-v-785b1f94] {
41916
+ .cn-field-list-widget__th--menu[data-v-80d5a77a],
41917
+ .cn-field-list-widget__code[data-v-80d5a77a] {
41669
41918
  font-size: 0.85em;
41670
41919
  word-break: break-all;
41671
41920
  }
41672
- .cn-field-list-widget__td--menu[data-v-785b1f94] {
41921
+ .cn-field-list-widget__td--menu[data-v-80d5a77a] {
41673
41922
  width: 1%;
41674
41923
  text-align: end;
41675
41924
  }
41676
- .cn-field-list-widget__tr[data-v-785b1f94] {
41925
+ .cn-field-list-widget__tr[data-v-80d5a77a] {
41677
41926
  border-top: 1px solid var(--cn-board-hairline, var(--color-border));
41678
41927
  }
41679
- .cn-field-list-widget__td[data-v-785b1f94] {
41928
+ .cn-field-list-widget__td[data-v-80d5a77a] {
41680
41929
  padding: 10px 12px;
41681
41930
  vertical-align: middle;
41682
41931
  overflow-wrap: anywhere;
41683
41932
  }
41684
- .cn-field-list-widget__sr[data-v-785b1f94] {
41933
+ .cn-field-list-widget__sr[data-v-80d5a77a] {
41685
41934
  position: absolute;
41686
41935
  width: 1px;
41687
41936
  height: 1px;
41688
41937
  overflow: hidden;
41689
41938
  clip-path: inset(50%);
41690
41939
  }
41691
- .cn-field-list-widget__band[data-v-785b1f94] {
41940
+ .cn-field-list-widget__band[data-v-80d5a77a] {
41692
41941
  display: flex;
41693
41942
  flex-wrap: wrap;
41694
41943
  align-items: center;
@@ -42429,20 +42678,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42429
42678
  }
42430
42679
 
42431
42680
 
42432
- .cn-record-list__checklist-bar[data-v-59c81065] {
42681
+ .cn-record-list__checklist-bar[data-v-0e3cf5c3] {
42433
42682
  height: 8px;
42434
42683
  margin-block-end: 16px;
42435
42684
  border-radius: 4px;
42436
42685
  background: var(--color-background-dark);
42437
42686
  overflow: hidden;
42438
42687
  }
42439
- .cn-record-list__checklist-fill[data-v-59c81065] {
42688
+ .cn-record-list__checklist-fill[data-v-0e3cf5c3] {
42440
42689
  display: block;
42441
42690
  height: 100%;
42442
42691
  border-radius: 4px;
42443
42692
  background: var(--color-primary-element);
42444
42693
  }
42445
- .cn-record-list__checklist[data-v-59c81065] {
42694
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42446
42695
  display: grid;
42447
42696
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
42448
42697
  gap: 8px 16px;
@@ -42450,16 +42699,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42450
42699
  padding: 0;
42451
42700
  list-style: none;
42452
42701
  }
42453
- .cn-record-list__check[data-v-59c81065] {
42702
+ .cn-record-list__check[data-v-0e3cf5c3] {
42454
42703
  display: flex;
42455
42704
  align-items: center;
42456
42705
  gap: 8px;
42457
42706
  min-height: 28px;
42458
42707
  }
42459
- .cn-record-list__check--done[data-v-59c81065] {
42708
+ .cn-record-list__check--done[data-v-0e3cf5c3] {
42460
42709
  color: var(--color-text-maxcontrast);
42461
42710
  }
42462
- .cn-record-list__check-mark[data-v-59c81065] {
42711
+ .cn-record-list__check-mark[data-v-0e3cf5c3] {
42463
42712
  display: inline-flex;
42464
42713
  flex: none;
42465
42714
  align-items: center;
@@ -42469,45 +42718,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42469
42718
  border: 2px solid var(--color-border-maxcontrast);
42470
42719
  border-radius: 50%;
42471
42720
  }
42472
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-59c81065] {
42721
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-0e3cf5c3] {
42473
42722
  border-color: transparent;
42474
42723
  background: var(--color-success-hover, var(--color-background-dark));
42475
42724
  color: var(--color-success-text, var(--color-success));
42476
42725
  }
42477
42726
  @media (max-width: 640px) {
42478
- .cn-record-list__checklist[data-v-59c81065] {
42727
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42479
42728
  grid-template-columns: minmax(0, 1fr);
42480
42729
  }
42481
42730
  }
42482
- .cn-record-list__set-field-done[data-v-59c81065] {
42731
+ .cn-record-list__set-field-done[data-v-0e3cf5c3] {
42483
42732
  display: inline-flex;
42484
42733
  align-items: center;
42485
42734
  gap: 4px;
42486
42735
  color: var(--color-success-text, var(--color-success));
42487
42736
  font-weight: bold;
42488
42737
  }
42489
- .cn-record-list__list[data-v-59c81065] {
42738
+ .cn-record-list__list[data-v-0e3cf5c3] {
42490
42739
  list-style: none;
42491
42740
  margin: 0;
42492
42741
  padding: 0;
42493
42742
  }
42494
- .cn-record-list__group-heading[data-v-59c81065] {
42743
+ .cn-record-list__group-heading[data-v-0e3cf5c3] {
42495
42744
  margin: 6px 0 0;
42496
42745
  font-size: 15px;
42497
42746
  font-weight: 700;
42498
42747
  line-height: 1.4;
42499
42748
  }
42500
- .cn-record-list__group-head[data-v-59c81065] {
42749
+ .cn-record-list__group-head[data-v-0e3cf5c3] {
42501
42750
  display: flex;
42502
42751
  align-items: center;
42503
42752
  justify-content: space-between;
42504
42753
  gap: 8px;
42505
42754
  margin-top: 6px;
42506
42755
  }
42507
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-59c81065] {
42756
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-0e3cf5c3] {
42508
42757
  margin: 0;
42509
42758
  }
42510
- .cn-record-list__action--tonal.button-vue[data-v-59c81065] {
42759
+ .cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
42511
42760
  min-height: 34px;
42512
42761
  height: 34px;
42513
42762
  padding: 0 12px;
@@ -42518,34 +42767,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42518
42767
  font-size: 13px;
42519
42768
  font-weight: 600;
42520
42769
  }
42521
- .cn-record-list__action--tonal.button-vue[data-v-59c81065]:hover:not(:disabled) {
42770
+ .cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3]:hover:not(:disabled) {
42522
42771
  background-color: var(--color-primary-element-light-hover);
42523
42772
  }
42524
- .cn-record-list__footer[data-v-59c81065] {
42773
+ .cn-record-list__footer[data-v-0e3cf5c3] {
42525
42774
  display: flex;
42526
42775
  flex-direction: column;
42527
42776
  align-items: flex-start;
42528
42777
  gap: 6px;
42529
42778
  margin-top: 10px;
42530
42779
  }
42531
- .cn-record-list__footer--wide[data-v-59c81065] {
42780
+ .cn-record-list__footer--wide[data-v-0e3cf5c3] {
42532
42781
  align-items: stretch;
42533
42782
  }
42534
- .cn-record-list__footer-note[data-v-59c81065] {
42783
+ .cn-record-list__footer-note[data-v-0e3cf5c3] {
42535
42784
  margin: 0 0 6px;
42536
42785
  color: var(--color-text-maxcontrast);
42537
42786
  font-size: 13px;
42538
42787
  }
42539
- .cn-record-list__footer-reason[data-v-59c81065] {
42788
+ .cn-record-list__footer-reason[data-v-0e3cf5c3] {
42540
42789
  font-size: 13px;
42541
42790
  color: var(--color-text-maxcontrast);
42542
42791
  }
42543
- .cn-record-list__empty[data-v-59c81065],
42544
- .cn-record-list__error[data-v-59c81065] {
42792
+ .cn-record-list__empty[data-v-0e3cf5c3],
42793
+ .cn-record-list__error[data-v-0e3cf5c3] {
42545
42794
  color: var(--color-text-maxcontrast);
42546
42795
  margin: 0;
42547
42796
  }
42548
- .cn-record-list__notice[data-v-59c81065] {
42797
+ .cn-record-list__notice[data-v-0e3cf5c3] {
42549
42798
  display: flex;
42550
42799
  gap: 10px;
42551
42800
  align-items: flex-start;
@@ -42554,41 +42803,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42554
42803
  background: var(--color-primary-element-light, var(--color-background-dark));
42555
42804
  color: var(--color-main-text);
42556
42805
  }
42557
- .cn-record-list__notice--warning[data-v-59c81065] {
42806
+ .cn-record-list__notice--warning[data-v-0e3cf5c3] {
42558
42807
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
42559
42808
  color: var(--color-warning-text, var(--color-main-text));
42560
42809
  }
42561
- .cn-record-list__notice--error[data-v-59c81065] {
42810
+ .cn-record-list__notice--error[data-v-0e3cf5c3] {
42562
42811
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
42563
42812
  color: var(--color-error-text, var(--color-main-text));
42564
42813
  }
42565
- .cn-record-list__notice--footnote[data-v-59c81065] {
42814
+ .cn-record-list__notice--footnote[data-v-0e3cf5c3] {
42566
42815
  margin-top: 12px;
42567
42816
  }
42568
- .cn-record-list__notice-icon[data-v-59c81065] {
42817
+ .cn-record-list__notice-icon[data-v-0e3cf5c3] {
42569
42818
  flex: 0 0 auto;
42570
42819
  margin-top: 1px;
42571
42820
  }
42572
- .cn-record-list__notice-text[data-v-59c81065] {
42821
+ .cn-record-list__notice-text[data-v-0e3cf5c3] {
42573
42822
  margin: 0;
42574
42823
  line-height: 1.5;
42575
42824
  }
42576
- .cn-record-list__loading[data-v-59c81065] {
42825
+ .cn-record-list__loading[data-v-0e3cf5c3] {
42577
42826
  display: flex;
42578
42827
  justify-content: center;
42579
42828
  padding: 8px 0;
42580
42829
  }
42581
42830
 
42582
42831
  /* rows */
42583
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-59c81065],
42584
- .cn-record-list--rule-above .cn-record-list__item[data-v-59c81065]:first-child {
42832
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3],
42833
+ .cn-record-list--rule-above .cn-record-list__item[data-v-0e3cf5c3]:first-child {
42585
42834
  border-top: 1px solid var(--color-border);
42586
42835
  }
42587
- .cn-record-list__pill-start[data-v-59c81065] {
42836
+ .cn-record-list__pill-start[data-v-0e3cf5c3] {
42588
42837
  display: flex;
42589
42838
  flex: none;
42590
42839
  }
42591
- .cn-record-list__bar[data-v-59c81065] {
42840
+ .cn-record-list__bar[data-v-0e3cf5c3] {
42592
42841
  background: var(--color-border);
42593
42842
  border-radius: 3px;
42594
42843
  display: block;
@@ -42596,15 +42845,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42596
42845
  margin: -6px 0 12px;
42597
42846
  overflow: hidden;
42598
42847
  }
42599
- .cn-record-list__bar-fill[data-v-59c81065] {
42848
+ .cn-record-list__bar-fill[data-v-0e3cf5c3] {
42600
42849
  background: var(--color-primary-element);
42601
42850
  display: block;
42602
42851
  height: 100%;
42603
42852
  }
42604
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-59c81065] {
42853
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-0e3cf5c3] {
42605
42854
  background: var(--color-error);
42606
42855
  }
42607
- .cn-record-list__row[data-v-59c81065] {
42856
+ .cn-record-list__row[data-v-0e3cf5c3] {
42608
42857
  align-items: center;
42609
42858
  color: var(--color-main-text);
42610
42859
  display: flex;
@@ -42612,17 +42861,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42612
42861
  padding: 12px 0;
42613
42862
  text-decoration: none;
42614
42863
  }
42615
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-59c81065],
42616
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-59c81065] {
42864
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-0e3cf5c3],
42865
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
42617
42866
  text-decoration: underline;
42618
42867
  }
42619
- .cn-record-list__dot[data-v-59c81065] {
42868
+ .cn-record-list__dot[data-v-0e3cf5c3] {
42620
42869
  flex: 0 0 14px;
42621
42870
  width: 14px;
42622
42871
  height: 14px;
42623
42872
  border-radius: 50%;
42624
42873
  }
42625
- .cn-record-list__flag[data-v-59c81065] {
42874
+ .cn-record-list__flag[data-v-0e3cf5c3] {
42626
42875
  color: var(--color-text-maxcontrast);
42627
42876
  font-size: 14px;
42628
42877
  white-space: nowrap;
@@ -42630,12 +42879,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42630
42879
 
42631
42880
  /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
42632
42881
  keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
42633
- .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-59c81065] {
42882
+ .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-0e3cf5c3] {
42634
42883
  width: 32px;
42635
42884
  height: 32px;
42636
42885
  margin-inline-end: -4px;
42637
42886
  }
42638
- .cn-record-list__avatar[data-v-59c81065] {
42887
+ .cn-record-list__avatar[data-v-0e3cf5c3] {
42639
42888
  align-items: center;
42640
42889
  background: var(--color-background-hover);
42641
42890
  border-radius: 50%;
@@ -42648,97 +42897,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42648
42897
  justify-content: center;
42649
42898
  width: 36px;
42650
42899
  }
42651
- .cn-record-list__main[data-v-59c81065] {
42900
+ .cn-record-list__main[data-v-0e3cf5c3] {
42652
42901
  display: flex;
42653
42902
  flex: 1 1 auto;
42654
42903
  flex-direction: column;
42655
42904
  gap: 2px;
42656
42905
  min-width: 0;
42657
42906
  }
42658
- .cn-record-list__title[data-v-59c81065] {
42907
+ .cn-record-list__title[data-v-0e3cf5c3] {
42659
42908
  font-size: 15px;
42660
42909
  font-weight: 700;
42661
42910
  }
42662
- .cn-record-list--compact .cn-record-list__row[data-v-59c81065] {
42911
+ .cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
42663
42912
  box-sizing: border-box;
42664
42913
  min-height: 56px;
42665
42914
  padding: 10px 0;
42666
42915
  }
42667
- .cn-record-list--compact .cn-record-list__title[data-v-59c81065] {
42916
+ .cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
42668
42917
  font-weight: 500;
42669
42918
  }
42670
42919
 
42671
42920
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
42672
42921
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
42673
- .cn-record-list--stacked .cn-record-list__list[data-v-59c81065] {
42922
+ .cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
42674
42923
  display: flex;
42675
42924
  flex-direction: column;
42676
42925
  gap: 10px;
42677
42926
  }
42678
- .cn-record-list--stacked .cn-record-list__row[data-v-59c81065] {
42927
+ .cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
42679
42928
  min-height: 0;
42680
42929
  padding: 0;
42681
42930
  }
42682
- .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
42931
+ .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
42683
42932
  border-top: 0;
42684
42933
  }
42685
- .cn-record-list__meta[data-v-59c81065] {
42934
+ .cn-record-list__meta[data-v-0e3cf5c3] {
42686
42935
  color: var(--color-text-maxcontrast);
42687
42936
  font-size: 13px;
42688
42937
  }
42689
- .cn-record-list__aside[data-v-59c81065] {
42938
+ .cn-record-list__aside[data-v-0e3cf5c3] {
42690
42939
  align-items: center;
42691
42940
  display: flex;
42692
42941
  flex: none;
42693
42942
  gap: 16px;
42694
42943
  }
42695
- .cn-record-list__leading[data-v-59c81065] {
42944
+ .cn-record-list__leading[data-v-0e3cf5c3] {
42696
42945
  flex: 0 0 52px;
42697
42946
  color: var(--color-text-maxcontrast);
42698
42947
  font-size: 14px;
42699
42948
  font-weight: 600;
42700
42949
  font-variant-numeric: tabular-nums;
42701
42950
  }
42702
- .cn-record-list__trailing[data-v-59c81065] {
42951
+ .cn-record-list__trailing[data-v-0e3cf5c3] {
42703
42952
  font-size: 14px;
42704
42953
  white-space: nowrap;
42705
42954
  }
42706
- .cn-record-list__due[data-v-59c81065] {
42955
+ .cn-record-list__due[data-v-0e3cf5c3] {
42707
42956
  font-size: 14px;
42708
42957
  white-space: nowrap;
42709
42958
  }
42710
- .cn-record-list__due--danger[data-v-59c81065] {
42959
+ .cn-record-list__due--danger[data-v-0e3cf5c3] {
42711
42960
  color: var(--color-text-error, var(--color-error-text));
42712
42961
  font-weight: 600;
42713
42962
  }
42714
- .cn-record-list__table[data-v-59c81065] {
42963
+ .cn-record-list__table[data-v-0e3cf5c3] {
42715
42964
  width: 100%;
42716
42965
  border-collapse: collapse;
42717
42966
  font-size: 14px;
42718
42967
  }
42719
- .cn-record-list__table th[data-v-59c81065] {
42968
+ .cn-record-list__table th[data-v-0e3cf5c3] {
42720
42969
  padding: 6px 0;
42721
42970
  border-bottom: 1px solid var(--color-border);
42722
42971
  color: var(--color-text-maxcontrast);
42723
42972
  font-weight: 600;
42724
42973
  text-align: start;
42725
42974
  }
42726
- .cn-record-list__table td[data-v-59c81065] {
42975
+ .cn-record-list__table td[data-v-0e3cf5c3] {
42727
42976
  padding: 8px 0;
42728
42977
  border-bottom: 1px solid var(--color-border);
42729
42978
  }
42730
- .cn-record-list__cell-sub[data-v-59c81065] {
42979
+ .cn-record-list__cell-sub[data-v-0e3cf5c3] {
42731
42980
  display: block;
42732
42981
  color: var(--color-text-maxcontrast);
42733
42982
  font-size: 13px;
42734
42983
  }
42735
- .cn-record-list__table .cn-record-list__cell--actions[data-v-59c81065] {
42984
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-0e3cf5c3] {
42736
42985
  width: 1%;
42737
42986
  padding-inline-start: 12px;
42738
42987
  text-align: end;
42739
42988
  white-space: nowrap;
42740
42989
  }
42741
- .cn-record-list__sort[data-v-59c81065] {
42990
+ .cn-record-list__sort[data-v-0e3cf5c3] {
42742
42991
  display: inline-flex;
42743
42992
  gap: 4px;
42744
42993
  align-items: center;
@@ -42751,83 +43000,90 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42751
43000
  font: inherit;
42752
43001
  cursor: pointer;
42753
43002
  }
42754
- .cn-record-list__sort[data-v-59c81065]:focus-visible {
43003
+ .cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
42755
43004
  outline: 2px solid var(--color-primary-element);
42756
43005
  outline-offset: 2px;
42757
43006
  }
42758
- .cn-record-list__sort-mark[data-v-59c81065] {
42759
- font-size: 10px;
43007
+ .cn-record-list__sort-mark[data-v-0e3cf5c3] {
43008
+ color: var(--color-text-maxcontrast);
42760
43009
  }
42761
- .cn-record-list__head[data-v-59c81065] {
43010
+ .cn-record-list__head[data-v-0e3cf5c3] {
42762
43011
  display: inline-flex;
42763
43012
  gap: 4px;
42764
43013
  align-items: center;
42765
43014
  }
42766
- .cn-record-list__head-filter[data-v-59c81065] {
43015
+
43016
+ /* The funnel is a 22px control, as the boards draw it beside a head, not
43017
+ NcActions' 34px trigger that made the head row 54px. */
43018
+ .cn-record-list__head-filter[data-v-0e3cf5c3] .button-vue {
42767
43019
  --button-size: 22px;
43020
+ width: 22px;
43021
+ min-width: 22px;
43022
+ height: 22px;
43023
+ min-height: 22px;
42768
43024
  }
42769
- .cn-record-list__table .cn-record-list__cell--end[data-v-59c81065] {
43025
+ .cn-record-list__table .cn-record-list__cell--end[data-v-0e3cf5c3] {
42770
43026
  padding-inline-start: 12px;
42771
43027
  text-align: end;
42772
43028
  font-variant-numeric: tabular-nums;
42773
43029
  }
42774
- .cn-record-list__table .cn-record-list__cell--alert[data-v-59c81065] {
43030
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-0e3cf5c3] {
42775
43031
  color: var(--color-text-error, var(--color-error-text));
42776
43032
  font-weight: 700;
42777
43033
  }
42778
- .cn-record-list__intro[data-v-59c81065] {
43034
+ .cn-record-list__intro[data-v-0e3cf5c3] {
42779
43035
  margin: 0 0 8px;
42780
43036
  color: var(--color-text-maxcontrast);
42781
43037
  }
42782
- .cn-record-list__footnote[data-v-59c81065] {
43038
+ .cn-record-list__footnote[data-v-0e3cf5c3] {
42783
43039
  margin: 8px 0 0;
42784
43040
  color: var(--color-text-maxcontrast);
42785
43041
  font-size: 13px;
42786
43042
  }
42787
- .cn-record-list__due--soon[data-v-59c81065] {
43043
+ .cn-record-list__due--soon[data-v-0e3cf5c3] {
42788
43044
  color: var(--color-text-warning, var(--color-warning-text));
42789
43045
  font-weight: 600;
42790
43046
  }
42791
- .cn-record-list__due--empty[data-v-59c81065] {
43047
+ .cn-record-list__due--empty[data-v-0e3cf5c3] {
42792
43048
  color: var(--color-text-maxcontrast);
42793
43049
  }
42794
- .cn-record-list__row--action[data-v-59c81065] {
43050
+ .cn-record-list__row--action[data-v-0e3cf5c3] {
42795
43051
  flex-wrap: wrap;
42796
43052
  gap: 8px 16px;
42797
43053
  padding: 14px 0;
42798
43054
  }
42799
- .cn-record-list__row--action .cn-record-list__main[data-v-59c81065] {
43055
+ .cn-record-list__row--action .cn-record-list__main[data-v-0e3cf5c3] {
42800
43056
  flex: 1 1 280px;
42801
43057
  gap: 3px;
42802
43058
  }
42803
- .cn-record-list__title--link[data-v-59c81065] {
43059
+ .cn-record-list__title--link[data-v-0e3cf5c3] {
42804
43060
  color: var(--color-main-text);
42805
43061
  text-decoration: underline;
42806
43062
  }
42807
- .cn-record-list__pills[data-v-59c81065] {
43063
+ .cn-record-list__pills[data-v-0e3cf5c3] {
42808
43064
  display: flex;
42809
43065
  flex: 0 0 120px;
42810
43066
  gap: 6px;
42811
43067
  justify-content: flex-end;
42812
43068
  }
42813
- .cn-record-list__due--below[data-v-59c81065] {
43069
+ .cn-record-list__due--below[data-v-0e3cf5c3] {
42814
43070
  font-size: 13px;
42815
43071
  font-weight: 600;
42816
43072
  white-space: normal;
42817
43073
  }
42818
- .cn-record-list__footer-link[data-v-59c81065] {
43074
+ .cn-record-list__footer-link[data-v-0e3cf5c3] {
42819
43075
  align-self: flex-start;
42820
43076
  padding-top: 8px;
42821
43077
  font-size: 14px;
42822
43078
  font-weight: 600;
42823
43079
  text-decoration: underline;
42824
43080
  }
42825
- .cn-record-list__due--column[data-v-59c81065] {
43081
+ .cn-record-list__due--column[data-v-0e3cf5c3] {
42826
43082
  flex: 0 0 96px;
42827
43083
  font-size: 13px;
42828
43084
  text-align: end;
42829
43085
  }
42830
- .cn-record-list__action[data-v-59c81065] {
43086
+ .cn-record-list__action[data-v-0e3cf5c3] {
42831
43087
  align-items: center;
42832
43088
  background: var(--color-primary-element-light);
42833
43089
  border: 0;
@@ -42841,15 +43097,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42841
43097
  font-weight: 600;
42842
43098
  height: 34px;
42843
43099
  justify-content: center;
42844
- margin: 0;
42845
43100
  padding: 0 14px;
42846
43101
  text-decoration: none;
42847
43102
  }
42848
- .cn-record-list__action[data-v-59c81065]:hover,
42849
- .cn-record-list__action[data-v-59c81065]:focus-visible {
43103
+
43104
+ /* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
43105
+ doubled class outranks it. */
43106
+ .cn-record-list__action.cn-record-list__action[data-v-0e3cf5c3] {
43107
+ margin: 0;
43108
+ }
43109
+ .cn-record-list__action[data-v-0e3cf5c3]:hover,
43110
+ .cn-record-list__action[data-v-0e3cf5c3]:focus-visible {
42850
43111
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
42851
43112
  }
42852
- .cn-record-list__chevron[data-v-59c81065] {
43113
+ .cn-record-list__chevron[data-v-0e3cf5c3] {
42853
43114
  color: var(--color-text-maxcontrast);
42854
43115
  flex: none;
42855
43116
  }
@@ -42857,15 +43118,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42857
43118
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
42858
43119
  tiles in a grid, the title at 14px regular. The selectors outrank the board
42859
43120
  look's list row rules. */
42860
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-59c81065] {
43121
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-0e3cf5c3] {
42861
43122
  display: grid;
42862
43123
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
42863
43124
  gap: 8px;
42864
43125
  }
42865
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-59c81065] {
43126
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-0e3cf5c3] {
42866
43127
  border-top: 0;
42867
43128
  }
42868
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-59c81065] {
43129
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-0e3cf5c3] {
42869
43130
  box-sizing: border-box;
42870
43131
  height: 100%;
42871
43132
  gap: 10px;
@@ -42874,19 +43135,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42874
43135
  border: 1px solid var(--cn-board-hairline, var(--color-border));
42875
43136
  border-radius: 8px;
42876
43137
  }
42877
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-59c81065] {
43138
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-0e3cf5c3] {
42878
43139
  font-size: 14px;
42879
43140
  font-weight: 400;
42880
43141
  }
42881
43142
 
42882
43143
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
42883
- .cn-record-list--cards .cn-record-list__list[data-v-59c81065] {
43144
+ .cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
42884
43145
  align-items: start;
42885
43146
  display: grid;
42886
43147
  gap: 16px;
42887
43148
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
42888
43149
  }
42889
- .cn-record-list__card[data-v-59c81065] {
43150
+ .cn-record-list__card[data-v-0e3cf5c3] {
42890
43151
  background: var(--color-main-background);
42891
43152
  border: 1px solid var(--color-border);
42892
43153
  border-radius: 12px;
@@ -42902,63 +43163,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42902
43163
  /* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
42903
43164
  "Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
42904
43165
  18px line with the pill at its end, the meta 6px under it. */
42905
- .cn-record-list--compact .cn-record-list__card[data-v-59c81065] {
43166
+ .cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
42906
43167
  gap: 6px;
42907
43168
  padding: 12px 14px;
42908
43169
  }
42909
- .cn-record-list--compact .cn-record-list__card-head[data-v-59c81065] {
43170
+ .cn-record-list--compact .cn-record-list__card-head[data-v-0e3cf5c3] {
42910
43171
  align-items: flex-start;
42911
43172
  }
42912
- .cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-59c81065] {
43173
+ .cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-0e3cf5c3] {
42913
43174
  font-size: 15px;
42914
43175
  font-weight: 700;
42915
43176
  line-height: 1.2;
42916
43177
  }
42917
- .cn-record-list__card--link[data-v-59c81065]:hover,
42918
- .cn-record-list__card--link[data-v-59c81065]:focus-visible {
43178
+ .cn-record-list__card--link[data-v-0e3cf5c3]:hover,
43179
+ .cn-record-list__card--link[data-v-0e3cf5c3]:focus-visible {
42919
43180
  border-color: var(--color-border-dark, var(--color-border));
42920
43181
  }
42921
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-59c81065],
42922
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-59c81065] {
43182
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-0e3cf5c3],
43183
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
42923
43184
  text-decoration: underline;
42924
43185
  }
42925
- .cn-record-list__card-head[data-v-59c81065] {
43186
+ .cn-record-list__card-head[data-v-0e3cf5c3] {
42926
43187
  align-items: center;
42927
43188
  display: flex;
42928
43189
  gap: 8px;
42929
43190
  justify-content: space-between;
42930
43191
  }
42931
- .cn-record-list__card-title[data-v-59c81065] {
43192
+ .cn-record-list__card-title[data-v-0e3cf5c3] {
42932
43193
  align-items: center;
42933
43194
  display: flex;
42934
43195
  gap: 8px;
42935
43196
  min-width: 0;
42936
43197
  }
42937
- .cn-record-list__card-icon[data-v-59c81065] {
43198
+ .cn-record-list__card-icon[data-v-0e3cf5c3] {
42938
43199
  color: var(--color-primary-element);
42939
43200
  flex: none;
42940
43201
  }
42941
- .cn-record-list__card-pills[data-v-59c81065] {
43202
+ .cn-record-list__card-pills[data-v-0e3cf5c3] {
42942
43203
  display: flex;
42943
43204
  flex: none;
42944
43205
  gap: 6px;
42945
43206
  }
42946
- .cn-record-list__card-value[data-v-59c81065] {
43207
+ .cn-record-list__card-value[data-v-0e3cf5c3] {
42947
43208
  font-size: 24px;
42948
43209
  font-weight: 700;
42949
43210
  }
42950
43211
 
42951
43212
  /* feed */
42952
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-59c81065] {
43213
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
42953
43214
  border-top: 1px solid var(--color-border);
42954
43215
  }
42955
- .cn-record-list__feed-row[data-v-59c81065] {
43216
+ .cn-record-list__feed-row[data-v-0e3cf5c3] {
42956
43217
  align-items: flex-start;
42957
43218
  display: flex;
42958
43219
  gap: 14px;
42959
43220
  padding: 12px 0;
42960
43221
  }
42961
- .cn-record-list__feed-icon[data-v-59c81065] {
43222
+ .cn-record-list__feed-icon[data-v-0e3cf5c3] {
42962
43223
  align-items: center;
42963
43224
  background: var(--color-primary-element-light);
42964
43225
  border-radius: 50%;
@@ -42969,25 +43230,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42969
43230
  justify-content: center;
42970
43231
  width: 36px;
42971
43232
  }
42972
- .cn-record-list__text[data-v-59c81065] {
43233
+ .cn-record-list__text[data-v-0e3cf5c3] {
42973
43234
  font-size: 15px;
42974
43235
  }
42975
- .cn-record-list--feed .cn-record-list__main[data-v-59c81065] {
43236
+ .cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
42976
43237
  color: var(--color-main-text);
42977
43238
  text-decoration: none;
42978
43239
  }
42979
43240
 
42980
43241
  /* inline */
42981
- .cn-record-list__inline-row[data-v-59c81065] {
43242
+ .cn-record-list__inline-row[data-v-0e3cf5c3] {
42982
43243
  padding: 4px 0;
42983
43244
  }
42984
- .cn-record-list__label[data-v-59c81065] {
43245
+ .cn-record-list__label[data-v-0e3cf5c3] {
42985
43246
  margin-inline-end: 4px;
42986
43247
  }
42987
- .cn-record-list__inline-title[data-v-59c81065] {
43248
+ .cn-record-list__inline-title[data-v-0e3cf5c3] {
42988
43249
  color: var(--color-main-text);
42989
43250
  }
42990
- a.cn-record-list__inline-title[data-v-59c81065] {
43251
+ a.cn-record-list__inline-title[data-v-0e3cf5c3] {
42991
43252
  color: var(--color-primary-element);
42992
43253
  text-decoration: underline;
42993
43254
  }
@@ -50657,30 +50918,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50657
50918
  }
50658
50919
 
50659
50920
 
50660
- .cn-register-mapping__group[data-v-26243e0a] {
50921
+ .cn-register-mapping__group[data-v-15c62064] {
50661
50922
  margin-bottom: 24px;
50662
50923
  border: 1px solid var(--color-border);
50663
50924
  border-radius: var(--border-radius-large);
50664
50925
  padding: 20px;
50665
50926
  background: var(--color-background-hover);
50666
50927
  }
50667
- .cn-register-mapping__group[data-v-26243e0a]:last-child {
50928
+ .cn-register-mapping__group[data-v-15c62064]:last-child {
50668
50929
  margin-bottom: 0;
50669
50930
  }
50670
- .cn-register-mapping__group-header[data-v-26243e0a] {
50931
+ .cn-register-mapping__group-header[data-v-15c62064] {
50671
50932
  display: flex;
50672
50933
  align-items: center;
50673
50934
  justify-content: space-between;
50674
50935
  margin-bottom: 12px;
50675
50936
  }
50676
- .cn-register-mapping__group-heading[data-v-26243e0a] {
50937
+ .cn-register-mapping__group-heading[data-v-15c62064] {
50677
50938
  margin: 0 0 12px;
50678
50939
  font: inherit;
50679
50940
  }
50680
- .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-26243e0a] {
50941
+ .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-15c62064] {
50681
50942
  margin-bottom: 0;
50682
50943
  }
50683
- .cn-register-mapping__group-toggle[data-v-26243e0a] {
50944
+ .cn-register-mapping__group-toggle[data-v-15c62064] {
50684
50945
  box-sizing: border-box;
50685
50946
  display: flex;
50686
50947
  align-items: center;
@@ -50696,49 +50957,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50696
50957
  text-align: start;
50697
50958
  cursor: pointer;
50698
50959
  }
50699
- .cn-register-mapping__group-toggle[data-v-26243e0a]:focus-visible {
50960
+ .cn-register-mapping__group-toggle[data-v-15c62064]:focus-visible {
50700
50961
  outline: 2px solid var(--color-primary-element);
50701
50962
  outline-offset: 2px;
50702
50963
  border-radius: var(--border-radius);
50703
50964
  }
50704
- .cn-register-mapping__group-chevron[data-v-26243e0a] {
50965
+ .cn-register-mapping__group-chevron[data-v-15c62064] {
50705
50966
  display: inline-flex;
50706
50967
  flex: none;
50707
50968
  color: var(--color-text-maxcontrast);
50708
50969
  }
50709
- .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-26243e0a] {
50970
+ .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-15c62064] {
50710
50971
  flex: 1 1 auto;
50711
50972
  flex-wrap: wrap;
50712
50973
  gap: 4px 12px;
50713
50974
  min-width: 0;
50714
50975
  margin-bottom: 0;
50715
50976
  }
50716
- .cn-register-mapping__group-title[data-v-26243e0a] {
50977
+ .cn-register-mapping__group-title[data-v-15c62064] {
50717
50978
  font-size: 16px;
50718
50979
  font-weight: 600;
50719
50980
  margin: 0;
50720
50981
  color: var(--color-main-text);
50721
50982
  }
50722
- .cn-register-mapping__group-status[data-v-26243e0a] {
50983
+ .cn-register-mapping__group-status[data-v-15c62064] {
50723
50984
  font-size: 13px;
50724
50985
  color: var(--color-text-maxcontrast);
50725
50986
  }
50726
- .cn-register-mapping__group-description[data-v-26243e0a] {
50987
+ .cn-register-mapping__group-description[data-v-15c62064] {
50727
50988
  color: var(--color-text-maxcontrast);
50728
50989
  font-size: 13px;
50729
50990
  margin: 0 0 12px 0;
50730
50991
  }
50731
- .cn-register-mapping__register-select[data-v-26243e0a] {
50992
+ .cn-register-mapping__register-select[data-v-15c62064] {
50732
50993
  margin-bottom: 16px;
50733
50994
  max-width: 400px;
50734
50995
  }
50735
- .cn-register-mapping__type-list[data-v-26243e0a] {
50996
+ .cn-register-mapping__type-list[data-v-15c62064] {
50736
50997
  border: 1px solid var(--color-border);
50737
50998
  border-radius: var(--border-radius);
50738
50999
  overflow: hidden;
50739
51000
  background: var(--color-main-background);
50740
51001
  }
50741
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51002
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
50742
51003
  display: grid;
50743
51004
  grid-template-columns: 1fr 1fr 40px 32px;
50744
51005
  align-items: center;
@@ -50751,7 +51012,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50751
51012
  border-bottom: 1px solid var(--color-border);
50752
51013
  background: var(--color-background-hover);
50753
51014
  }
50754
- .cn-register-mapping__type-row[data-v-26243e0a] {
51015
+ .cn-register-mapping__type-row[data-v-15c62064] {
50755
51016
  display: grid;
50756
51017
  grid-template-columns: 1fr 1fr 40px 32px;
50757
51018
  align-items: center;
@@ -50760,59 +51021,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50760
51021
  cursor: pointer;
50761
51022
  transition: background-color 0.15s ease;
50762
51023
  }
50763
- .cn-register-mapping__type-row[data-v-26243e0a]:hover {
51024
+ .cn-register-mapping__type-row[data-v-15c62064]:hover {
50764
51025
  background: var(--color-background-hover);
50765
51026
  }
50766
- .cn-register-mapping__type-row--expanded[data-v-26243e0a] {
51027
+ .cn-register-mapping__type-row--expanded[data-v-15c62064] {
50767
51028
  background: var(--color-background-hover);
50768
51029
  }
50769
- .cn-register-mapping__type-name[data-v-26243e0a] {
51030
+ .cn-register-mapping__type-name[data-v-15c62064] {
50770
51031
  font-weight: 500;
50771
51032
  color: var(--color-main-text);
50772
51033
  }
50773
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51034
+ .cn-register-mapping__type-schema[data-v-15c62064] {
50774
51035
  color: var(--color-text-maxcontrast);
50775
51036
  font-size: 13px;
50776
51037
  }
50777
- .cn-register-mapping__type-status[data-v-26243e0a] {
51038
+ .cn-register-mapping__type-status[data-v-15c62064] {
50778
51039
  display: flex;
50779
51040
  justify-content: center;
50780
51041
  }
50781
- .cn-register-mapping__type-chevron[data-v-26243e0a] {
51042
+ .cn-register-mapping__type-chevron[data-v-15c62064] {
50782
51043
  display: flex;
50783
51044
  justify-content: center;
50784
51045
  color: var(--color-text-maxcontrast);
50785
51046
  }
50786
- .cn-register-mapping__status-dot[data-v-26243e0a] {
51047
+ .cn-register-mapping__status-dot[data-v-15c62064] {
50787
51048
  display: inline-block;
50788
51049
  width: 10px;
50789
51050
  height: 10px;
50790
51051
  border-radius: 50%;
50791
51052
  }
50792
- .cn-register-mapping__status-dot--configured[data-v-26243e0a] {
51053
+ .cn-register-mapping__status-dot--configured[data-v-15c62064] {
50793
51054
  background-color: var(--color-success);
50794
51055
  }
50795
- .cn-register-mapping__status-dot--unconfigured[data-v-26243e0a] {
51056
+ .cn-register-mapping__status-dot--unconfigured[data-v-15c62064] {
50796
51057
  background-color: var(--color-warning);
50797
51058
  }
50798
- .cn-register-mapping__type-detail[data-v-26243e0a] {
51059
+ .cn-register-mapping__type-detail[data-v-15c62064] {
50799
51060
  padding: 12px 16px 16px;
50800
51061
  border-bottom: 1px solid var(--color-border);
50801
51062
  background: var(--color-main-background);
50802
51063
  }
50803
- .cn-register-mapping__type-description[data-v-26243e0a] {
51064
+ .cn-register-mapping__type-description[data-v-15c62064] {
50804
51065
  color: var(--color-text-maxcontrast);
50805
51066
  font-size: 13px;
50806
51067
  margin: 0 0 8px 0;
50807
51068
  }
50808
51069
 
50809
51070
  /* Board look (PqBeheer): one open group, compact rows for the others. */
50810
- .cn-register-mapping--board[data-v-26243e0a] {
51071
+ .cn-register-mapping--board[data-v-15c62064] {
50811
51072
  display: flex;
50812
51073
  flex-direction: column;
50813
51074
  gap: 14px;
50814
51075
  }
50815
- .cn-register-mapping__board-group[data-v-26243e0a] {
51076
+ .cn-register-mapping__board-group[data-v-15c62064] {
50816
51077
  display: flex;
50817
51078
  flex-direction: column;
50818
51079
  gap: 10px;
@@ -50820,54 +51081,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50820
51081
  border: 1px solid var(--color-border);
50821
51082
  border-radius: var(--border-radius-large);
50822
51083
  }
50823
- .cn-register-mapping__board-head[data-v-26243e0a] {
51084
+ .cn-register-mapping__board-head[data-v-15c62064] {
50824
51085
  display: flex;
50825
51086
  flex-wrap: wrap;
50826
51087
  align-items: flex-start;
50827
51088
  justify-content: space-between;
50828
51089
  gap: 10px 16px;
50829
51090
  }
50830
- .cn-register-mapping__board-title[data-v-26243e0a] {
51091
+ .cn-register-mapping__board-title[data-v-15c62064] {
50831
51092
  margin: 0;
50832
51093
  font-size: 15px;
50833
51094
  font-weight: 700;
50834
51095
  }
50835
- .cn-register-mapping__selects-group[data-v-26243e0a] {
51096
+ .cn-register-mapping__selects-group[data-v-15c62064] {
50836
51097
  display: flex;
50837
51098
  flex-direction: column;
50838
51099
  gap: 16px;
50839
51100
  }
50840
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51101
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50841
51102
  max-width: 50%;
50842
51103
  }
50843
51104
 
50844
51105
  /* DqBeheerinstellingen: the register select fills its half of the card. */
50845
- .cn-register-mapping__selects-register[data-v-26243e0a] .v-select {
51106
+ .cn-register-mapping__selects-register[data-v-15c62064] .v-select {
50846
51107
  width: 100%;
50847
51108
  max-width: none;
50848
51109
  }
50849
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51110
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50850
51111
  display: grid;
50851
51112
  grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
50852
51113
  gap: 16px;
50853
51114
  }
50854
51115
  @media (max-width: 768px) {
50855
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51116
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50856
51117
  max-width: none;
50857
51118
  }
50858
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51119
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50859
51120
  grid-template-columns: minmax(0, 1fr);
50860
51121
  }
50861
51122
  }
50862
- .cn-register-mapping__board-select[data-v-26243e0a] {
51123
+ .cn-register-mapping__board-select[data-v-15c62064] {
50863
51124
  max-width: 400px;
50864
51125
  margin-bottom: 0;
50865
51126
  }
50866
- .cn-register-mapping__board-table[data-v-26243e0a] {
51127
+ .cn-register-mapping__board-table[data-v-15c62064] {
50867
51128
  width: 100%;
50868
51129
  border-collapse: collapse;
50869
51130
  }
50870
- .cn-register-mapping__board-table th[data-v-26243e0a] {
51131
+ .cn-register-mapping__board-table th[data-v-15c62064] {
50871
51132
  padding: 8px 12px 8px 0;
50872
51133
  border-bottom: 1px solid var(--color-border);
50873
51134
  font-size: 13px;
@@ -50876,13 +51137,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50876
51137
  text-align: start;
50877
51138
  white-space: nowrap;
50878
51139
  }
50879
- .cn-register-mapping__board-table td[data-v-26243e0a] {
51140
+ .cn-register-mapping__board-table td[data-v-15c62064] {
50880
51141
  padding: 10px 12px 10px 0;
50881
51142
  border-bottom: 1px solid var(--color-border);
50882
51143
  font-size: 14px;
50883
51144
  vertical-align: middle;
50884
51145
  }
50885
- .cn-register-mapping__board-schema[data-v-26243e0a] {
51146
+ .cn-register-mapping__board-schema[data-v-15c62064] {
50886
51147
  display: inline-flex;
50887
51148
  align-items: center;
50888
51149
  gap: 6px;
@@ -50896,26 +51157,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50896
51157
  text-align: start;
50897
51158
  cursor: pointer;
50898
51159
  }
50899
- .cn-register-mapping__board-schema[data-v-26243e0a]:hover {
51160
+ .cn-register-mapping__board-schema[data-v-15c62064]:hover {
50900
51161
  text-decoration: underline;
50901
51162
  }
50902
- .cn-register-mapping__board-schema[data-v-26243e0a]:focus-visible,
50903
- .cn-register-mapping__board-link[data-v-26243e0a]:focus-visible,
50904
- .cn-register-mapping__board-group-row[data-v-26243e0a]:focus-visible {
51163
+ .cn-register-mapping__board-schema[data-v-15c62064]:focus-visible,
51164
+ .cn-register-mapping__board-link[data-v-15c62064]:focus-visible,
51165
+ .cn-register-mapping__board-group-row[data-v-15c62064]:focus-visible {
50905
51166
  outline: 2px solid var(--color-primary-element);
50906
51167
  outline-offset: 2px;
50907
51168
  border-radius: var(--border-radius);
50908
51169
  }
50909
- .cn-register-mapping__board-check[data-v-26243e0a] {
51170
+ .cn-register-mapping__board-check[data-v-15c62064] {
50910
51171
  color: var(--color-success-text, var(--color-success));
50911
51172
  }
50912
- .cn-register-mapping__board-more[data-v-26243e0a] {
51173
+ .cn-register-mapping__board-more[data-v-15c62064] {
50913
51174
  margin: 0;
50914
51175
  font-size: 13px;
50915
51176
  line-height: 1.4;
50916
51177
  color: var(--color-text-maxcontrast);
50917
51178
  }
50918
- .cn-register-mapping__board-link[data-v-26243e0a] {
51179
+ .cn-register-mapping__board-link[data-v-15c62064] {
50919
51180
  margin: 0;
50920
51181
  padding: 0;
50921
51182
  border: 0;
@@ -50925,14 +51186,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50925
51186
  text-decoration: underline;
50926
51187
  cursor: pointer;
50927
51188
  }
50928
- .cn-register-mapping__board-groups[data-v-26243e0a] {
51189
+ .cn-register-mapping__board-groups[data-v-15c62064] {
50929
51190
  display: flex;
50930
51191
  flex-direction: column;
50931
51192
  margin: 0;
50932
51193
  padding: 0;
50933
51194
  list-style: none;
50934
51195
  }
50935
- .cn-register-mapping__board-group-row[data-v-26243e0a] {
51196
+ .cn-register-mapping__board-group-row[data-v-15c62064] {
50936
51197
  display: flex;
50937
51198
  align-items: center;
50938
51199
  gap: 10px;
@@ -50949,17 +51210,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50949
51210
  text-align: start;
50950
51211
  cursor: pointer;
50951
51212
  }
50952
- .cn-register-mapping__board-group-row[data-v-26243e0a]:hover {
51213
+ .cn-register-mapping__board-group-row[data-v-15c62064]:hover {
50953
51214
  background: var(--color-background-hover);
50954
51215
  }
50955
- .cn-register-mapping__board-chevron[data-v-26243e0a],
50956
- .cn-register-mapping__board-group-count[data-v-26243e0a] {
51216
+ .cn-register-mapping__board-chevron[data-v-15c62064],
51217
+ .cn-register-mapping__board-group-count[data-v-15c62064] {
50957
51218
  color: var(--color-text-maxcontrast);
50958
51219
  }
50959
- .cn-register-mapping__board-group-name[data-v-26243e0a] {
51220
+ .cn-register-mapping__board-group-name[data-v-15c62064] {
50960
51221
  flex: 1;
50961
51222
  }
50962
- .cn-register-mapping__board-save[data-v-26243e0a] {
51223
+ .cn-register-mapping__board-save[data-v-15c62064] {
50963
51224
  display: flex;
50964
51225
  flex-wrap: wrap;
50965
51226
  align-items: center;
@@ -50968,14 +51229,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50968
51229
  }
50969
51230
 
50970
51231
  /* Slide transition */
50971
- .slide-enter-active[data-v-26243e0a],
50972
- .slide-leave-active[data-v-26243e0a] {
51232
+ .slide-enter-active[data-v-15c62064],
51233
+ .slide-leave-active[data-v-15c62064] {
50973
51234
  transition: all 0.2s ease;
50974
51235
  max-height: 200px;
50975
51236
  overflow: hidden;
50976
51237
  }
50977
- .slide-enter[data-v-26243e0a],
50978
- .slide-leave-to[data-v-26243e0a] {
51238
+ .slide-enter[data-v-15c62064],
51239
+ .slide-leave-to[data-v-15c62064] {
50979
51240
  max-height: 0;
50980
51241
  padding-top: 0;
50981
51242
  padding-bottom: 0;
@@ -50983,20 +51244,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50983
51244
  }
50984
51245
 
50985
51246
  /* Last row in list should not have bottom border */
50986
- .cn-register-mapping__type-list[data-v-26243e0a] > :last-child {
51247
+ .cn-register-mapping__type-list[data-v-15c62064] > :last-child {
50987
51248
  border-bottom: none;
50988
51249
  }
50989
51250
  @media (max-width: 768px) {
50990
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51251
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
50991
51252
  display: none;
50992
51253
  }
50993
- .cn-register-mapping__type-row[data-v-26243e0a] {
51254
+ .cn-register-mapping__type-row[data-v-15c62064] {
50994
51255
  grid-template-columns: 1fr auto 32px;
50995
51256
  }
50996
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51257
+ .cn-register-mapping__type-schema[data-v-15c62064] {
50997
51258
  display: none;
50998
51259
  }
50999
- .cn-register-mapping__register-select[data-v-26243e0a] {
51260
+ .cn-register-mapping__register-select[data-v-15c62064] {
51000
51261
  max-width: none;
51001
51262
  }
51002
51263
  }
@@ -51891,15 +52152,21 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
51891
52152
  }
51892
52153
 
51893
52154
 
51894
- .cn-access-purpose__sentence[data-v-7fa35363] {
52155
+ .cn-access-purpose__sentence[data-v-64fad2b3] {
51895
52156
  margin: 0 0 12px;
51896
52157
  }
51897
- .cn-access-purpose__choices[data-v-7fa35363] {
52158
+ .cn-access-purpose__choices[data-v-64fad2b3] {
51898
52159
  margin: 0 0 12px;
51899
52160
  padding: 0;
51900
52161
  border: 0;
51901
52162
  }
51902
- .cn-access-purpose__legend[data-v-7fa35363] {
52163
+ .cn-access-purpose__hint[data-v-64fad2b3] {
52164
+ margin: 0 0 6px;
52165
+ padding-inline-start: 36px;
52166
+ color: var(--color-text-maxcontrast);
52167
+ font-size: 13px;
52168
+ }
52169
+ .cn-access-purpose__legend[data-v-64fad2b3] {
51903
52170
  margin-bottom: 4px;
51904
52171
  font-weight: 600;
51905
52172
  }
@@ -58348,12 +58615,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58348
58615
  }
58349
58616
 
58350
58617
 
58351
- .cn-duplicate-warning[data-v-7cb31ec5] {
58618
+ .cn-duplicate-warning[data-v-22af78f5] {
58352
58619
  display: flex;
58353
58620
  flex-direction: column;
58354
58621
  gap: 12px;
58355
58622
  }
58356
- .cn-duplicate-warning__matches[data-v-7cb31ec5] {
58623
+ .cn-duplicate-warning__matches[data-v-22af78f5] {
58357
58624
  display: flex;
58358
58625
  flex-direction: column;
58359
58626
  gap: 8px;
@@ -58361,7 +58628,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58361
58628
  padding: 0;
58362
58629
  list-style: none;
58363
58630
  }
58364
- .cn-duplicate-warning__match[data-v-7cb31ec5] {
58631
+ .cn-duplicate-warning__match[data-v-22af78f5] {
58365
58632
  display: flex;
58366
58633
  flex-wrap: wrap;
58367
58634
  gap: 4px 12px;
@@ -58369,14 +58636,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58369
58636
  border: 1px solid var(--color-border);
58370
58637
  border-radius: var(--border-radius-large, 8px);
58371
58638
  }
58372
- .cn-duplicate-warning__title[data-v-7cb31ec5] {
58639
+ .cn-duplicate-warning__title[data-v-22af78f5] {
58373
58640
  font-weight: 600;
58374
58641
  }
58375
- .cn-duplicate-warning__meta[data-v-7cb31ec5],
58376
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58642
+ .cn-duplicate-warning__meta[data-v-22af78f5],
58643
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58377
58644
  color: var(--color-text-maxcontrast);
58378
58645
  }
58379
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58646
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58380
58647
  margin: 0;
58381
58648
  }
58382
58649