@conduction/nextcloud-vue 2.148.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 (101) 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/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue.js +1 -1
  19. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue2.js.map +1 -1
  20. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue3.js.map +1 -1
  21. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue.js +1 -1
  22. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue2.js.map +1 -1
  23. package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue3.js.map +1 -1
  24. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue.js +1 -1
  25. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js +64 -8
  26. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js.map +1 -1
  27. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js +14 -4
  28. package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js.map +1 -1
  29. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  30. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +26 -3
  31. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  32. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +10 -2
  33. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
  34. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue.js +1 -1
  35. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js +84 -1
  36. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js.map +1 -1
  37. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js +61 -33
  38. package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js.map +1 -1
  39. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue.js +1 -1
  40. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js +49 -2
  41. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js.map +1 -1
  42. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js +90 -59
  43. package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js.map +1 -1
  44. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js +3 -1
  45. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js.map +1 -1
  46. package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue3.js.map +1 -1
  47. package/dist/esm/components/CnNotesCard/CnNotesCard.vue.js +1 -1
  48. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js +10 -0
  49. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js.map +1 -1
  50. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js.map +1 -1
  51. package/dist/esm/components/CnObjectCard/CnObjectCard.vue.js +1 -1
  52. package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js +11 -0
  53. package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js.map +1 -1
  54. package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js +28 -21
  55. package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js.map +1 -1
  56. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
  57. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +1 -1
  58. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
  59. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
  60. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  61. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +3 -15
  62. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  63. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +123 -115
  64. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  65. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue.js +1 -1
  66. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js +4 -0
  67. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js.map +1 -1
  68. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
  69. package/dist/esm/l10n/en.json.js +2 -1
  70. package/dist/esm/l10n/en.json.js.map +1 -1
  71. package/dist/esm/l10n/nl.json.js +2 -1
  72. package/dist/esm/l10n/nl.json.js.map +1 -1
  73. package/dist/esm/library-style.js +1 -1
  74. package/dist/esm/nextcloud-vue.css +677 -444
  75. package/dist/nextcloud-vue.cjs.js +1336 -942
  76. package/dist/nextcloud-vue.cjs.js.map +2 -2
  77. package/dist/nextcloud-vue.css +677 -444
  78. package/l10n/en.json +2 -1
  79. package/l10n/nl.json +2 -1
  80. package/package.json +1 -1
  81. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +24 -7
  82. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +13 -1
  83. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +29 -2
  84. package/src/components/CnDataTable/CnDataTable.vue +34 -1
  85. package/src/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue +6 -1
  86. package/src/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue +1 -0
  87. package/src/components/CnDuplicateWarning/CnDuplicateWarning.vue +74 -10
  88. package/src/components/CnFactsWidget/CnFactsWidget.vue +35 -3
  89. package/src/components/CnFieldListWidget/CnFieldListWidget.vue +131 -3
  90. package/src/components/CnFlowRunsWidget/CnFlowRunsWidget.vue +103 -5
  91. package/src/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue +3 -1
  92. package/src/components/CnNotesCard/CnNotesCard.vue +10 -0
  93. package/src/components/CnObjectCard/CnObjectCard.vue +16 -0
  94. package/src/components/CnObjectListWidget/CnObjectListWidget.vue +1 -1
  95. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +19 -19
  96. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +4 -0
  97. package/src/css/dialog.css +17 -0
  98. package/src/css/look-board-detail.css +52 -3
  99. package/src/css/look-board-index.css +37 -1
  100. package/src/css/look-board.css +45 -5
  101. package/src/css/table.css +5 -2
@@ -1009,14 +1009,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1009
1009
  }
1010
1010
 
1011
1011
  /* A saved view's manage menu (DqFilterBeheren, DqFilterInMenu "Beheer
1012
- <view>"): 264px wide, rows of at least 40px, 6px 10px in, 8px rounded,
1012
+ <view>"): 278px wide outside (the board's 264px of content, 6px in and a
1013
+ 1px line), rows of at least 40px, 6px 10px in, 8px rounded,
1013
1014
  the icon 12px before a 14px label at 600 with its explanation under it in
1014
1015
  12px muted text at 400; the separator in the soft line, and Delete in the
1015
1016
  error red. Its rows carry the panel's `cn-saved-views-` test ids.
1016
1017
  @spec openspec/changes/board-saved-view-manage-menu/specs/board-saved-view-manage-menu/spec.md#requirement-a-saved-views-manage-menu-is-the-boards-menu */
1017
1018
  body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-item__popper:has(li[data-testid^="cn-saved-views-"]) .v-popper__wrapper .v-popper__inner {
1018
1019
  box-sizing: border-box;
1019
- width: 264px;
1020
+ width: 278px;
1020
1021
  max-width: calc(100vw - 32px);
1021
1022
  }
1022
1023
 
@@ -1587,8 +1588,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1587
1588
  text-align: start;
1588
1589
  }
1589
1590
 
1590
- /* Body rows are 42px as on the boards (10px, a 21px line, 10px, the rule).
1591
- A row header (dossiq's prerequisites) reads as a strong cell, not as a
1591
+ /* Body cells read 14px at 1.2, as the boards' settings tables do; a row's
1592
+ height comes from its content (a pill or a 34px button). A row header (dossiq's prerequisites) reads as a strong cell, not as a
1592
1593
  head: the theme paints every th, so its tokens are handed the cell's. */
1593
1594
  .cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) td,
1594
1595
  .cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) tbody th {
@@ -1596,7 +1597,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1596
1597
  border-bottom: 1px solid var(--color-background-dark);
1597
1598
  color: var(--color-main-text);
1598
1599
  font-size: 14px;
1599
- line-height: 1.5;
1600
+ line-height: 1.2;
1600
1601
  vertical-align: middle;
1601
1602
  }
1602
1603
 
@@ -1727,6 +1728,38 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1727
1728
  min-width: 0;
1728
1729
  }
1729
1730
 
1731
+ /* A settings card's first line sits where the boards draw it: an
1732
+ "Uitleg tonen" link, a switch or a note adds no height beyond its text, so
1733
+ the first text is 16px under the subtitle (DqBeheerinstellingen
1734
+ "Zaak-e-mail" and "AI-ondersteunde verwerking", DqBeheerGeavanceerd "KCC"
1735
+ and "Storeregister": 7px and 29px lower live). The controls keep their full
1736
+ hit area; the negative margin only takes it out of the line.
1737
+ @spec openspec/changes/board-settings-first-line/specs/settings-board-look/spec.md */
1738
+ .cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) {
1739
+ margin-block: -8px;
1740
+ }
1741
+
1742
+ .cn-look-board .cn-settings-field--switch:not(.cn-look-nextcloud *) > .checkbox-radio-switch {
1743
+ margin-block: -8px;
1744
+ }
1745
+
1746
+ .cn-look-board .cn-settings-field--status:not(.cn-look-nextcloud *) > .notecard {
1747
+ margin: 0;
1748
+ }
1749
+
1750
+ /* A card's longer explanation reads as the boards' second paragraph: 14px
1751
+ muted at 1.5, the fields 14px under it (DqBeheerGeavanceerd "Urgentie in de
1752
+ werkvoorraad": 15px and 30px live). The theme sizes every paragraph through
1753
+ its tokens. */
1754
+ .cn-look-board .cn-settings-section__description-text:not(.cn-look-nextcloud *) {
1755
+ --nldesign-component-paragraph-font-size: 14px;
1756
+ --nldesign-component-paragraph-line-height: 1.5;
1757
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
1758
+ margin: 0;
1759
+ font-size: 14px;
1760
+ line-height: 1.5;
1761
+ }
1762
+
1730
1763
  @container (max-width: 400px) {
1731
1764
  .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
1732
1765
  .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
@@ -2681,6 +2714,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2681
2714
  font-weight: 500;
2682
2715
  }
2683
2716
 
2717
+ /* A compact card keeps its 15px/700 title on a dashboard page too (DqInspectie). */
2718
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__card .cn-record-list__title {
2719
+ font-weight: 700;
2720
+ line-height: 1.2;
2721
+ }
2722
+
2684
2723
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__main {
2685
2724
  gap: 2px;
2686
2725
  }
@@ -3539,6 +3578,7 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3539
3578
  .cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
3540
3579
  border-radius: 8px;
3541
3580
  background: var(--cn-board-sunken-ground);
3581
+ line-height: normal;
3542
3582
  }
3543
3583
  /*
3544
3584
  * The board dialog (screens-dialog-parity, canon section 5).
@@ -4137,6 +4177,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4137
4177
  max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
4138
4178
  }
4139
4179
  }
4180
+
4181
+ /* The chosen option's fields start 12px under its description, the label on
4182
+ the normal line, as DqVolgendeStap draws "Opschorten": the row's 12px
4183
+ bottom padding plus the cell's 8px gap and a 21px label line put them
4184
+ 11.6px lower (r31).
4185
+ @spec openspec/changes/board-choice-card-fields-under-the-text/specs/dialog/spec.md */
4186
+ .cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details {
4187
+ gap: 12px;
4188
+ }
4189
+
4190
+ .cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details .cn-choice-cards__row {
4191
+ padding-bottom: 0;
4192
+ }
4193
+
4194
+ .cn-dialog-board .cn-transition-input-fields .cn-transition-input-fields__label {
4195
+ line-height: normal;
4196
+ }
4140
4197
  /*
4141
4198
  * The board form field (screens-form-parity, canon sections 5 and 6).
4142
4199
  *
@@ -5799,8 +5856,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5799
5856
  @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
5800
5857
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
5801
5858
  background: var(--color-background-dark);
5802
- color: var(--color-main-text);
5859
+ color: var(--cn-board-text-soft);
5803
5860
  font-size: 13px;
5861
+ line-height: normal;
5804
5862
  }
5805
5863
 
5806
5864
  .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
@@ -6423,9 +6481,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6423
6481
  --app-sidebar-width: 360px;
6424
6482
  }
6425
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 */
6426
6488
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar-header__subname {
6489
+ margin-top: 2px;
6427
6490
  color: var(--color-text-maxcontrast);
6428
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;
6429
6497
  }
6430
6498
 
6431
6499
  .cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar__close {
@@ -6644,9 +6712,33 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6644
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 */
6645
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 {
6646
6714
  padding-block-start: 15px;
6715
+ padding-block-end: 0;
6647
6716
  padding-inline-start: 20px;
6648
6717
  }
6649
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
+
6650
6742
  .cn-look-board .cn-index-sidebar-panel .app-sidebar-tabs__nav[role="tablist"] {
6651
6743
  justify-content: flex-start;
6652
6744
  gap: 4px;
@@ -6839,6 +6931,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6839
6931
  .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__name-text {
6840
6932
  font-size: 14px;
6841
6933
  font-weight: 600;
6934
+ line-height: normal;
6842
6935
  }
6843
6936
 
6844
6937
  /* A view's count: a grey pill at the end of its row (DqFilterBeheren). */
@@ -7756,10 +7849,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
7756
7849
  cursor: grab;
7757
7850
  }
7758
7851
 
7759
- /* 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. */
7760
7855
  .cn-table-row__handle {
7761
7856
  display: inline-flex;
7762
- vertical-align: middle;
7857
+ float: inline-start;
7858
+ margin-block-start: 1px;
7763
7859
  margin-inline-end: 10px;
7764
7860
  color: var(--color-text-maxcontrast);
7765
7861
  cursor: grab;
@@ -12366,6 +12462,14 @@ li[data-cn-admin-tag] > .action-link::after {
12366
12462
  padding: calc(12px - var(--cn-board-first-line-leading)) var(--cn-board-card-inline-padding) 20px;
12367
12463
  }
12368
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
+
12369
12473
  /* A history card with stacked rows (DqTaak "Historie") opens on the first
12370
12474
  row's hairline 6px under the title, the row's own 12px padding above its
12371
12475
  text, as drawn: 19px from the title to the first action.
@@ -12456,6 +12560,15 @@ li[data-cn-admin-tag] > .action-link::after {
12456
12560
  font-weight: 500;
12457
12561
  }
12458
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
+
12459
12572
  /* A labelled select in a page card is the board's field, as in a board
12460
12573
  dialog (dialog.css): its label above the control at 14px/600 on the normal
12461
12574
  line (the theme's label weight token set to 600 here), the control 40px,
@@ -13199,10 +13312,10 @@ li[data-cn-admin-tag] > .action-link::after {
13199
13312
 
13200
13313
  /* The buttons above the groups are the card's 34px controls ("Bekijken als
13201
13314
  flow", "Taak toevoegen"), not the page's 40px ones. */
13202
- /* The buttons sit 14px under the subtitle and 14px above the groups, the
13203
- card's gap (the content's own 12px top padding plus 2px). */
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. */
13204
13317
  .cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
13205
- margin-block: 2px 14px;
13318
+ margin-block: 0 14px;
13206
13319
  }
13207
13320
 
13208
13321
  .cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
@@ -13994,6 +14107,38 @@ li[data-cn-admin-tag] > .action-link::after {
13994
14107
  .cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
13995
14108
  line-height: 1.2;
13996
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
+ }
13997
14142
  /*
13998
14143
  * The reports page under the board look (screens-reports-page-board-look,
13999
14144
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -20062,10 +20207,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
20062
20207
  cursor: grab;
20063
20208
  }
20064
20209
 
20065
- /* 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. */
20066
20213
  .cn-table-row__handle {
20067
20214
  display: inline-flex;
20068
- vertical-align: middle;
20215
+ float: inline-start;
20216
+ margin-block-start: 1px;
20069
20217
  margin-inline-end: 10px;
20070
20218
  color: var(--color-text-maxcontrast);
20071
20219
  cursor: grab;
@@ -21719,56 +21867,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21719
21867
  }
21720
21868
 
21721
21869
 
21722
- .cn-audit-card__list[data-v-7e58faa4] {
21870
+ .cn-audit-card__list[data-v-bd3033c8] {
21723
21871
  list-style: none;
21724
21872
  margin: 0;
21725
21873
  padding: 0;
21726
21874
  }
21727
- .cn-audit-card__row[data-v-7e58faa4] {
21875
+ .cn-audit-card__row[data-v-bd3033c8] {
21728
21876
  padding: 6px 0;
21729
21877
  border-bottom: 1px solid var(--color-border);
21730
21878
  }
21731
- .cn-audit-card__row[data-v-7e58faa4]:last-child {
21879
+ .cn-audit-card__row[data-v-bd3033c8]:last-child {
21732
21880
  border-bottom: none;
21733
21881
  }
21734
- .cn-audit-card__row-head[data-v-7e58faa4] {
21882
+ .cn-audit-card__row-head[data-v-bd3033c8] {
21735
21883
  display: flex;
21736
21884
  justify-content: space-between;
21737
21885
  gap: 8px;
21738
21886
  }
21739
- .cn-audit-card__action[data-v-7e58faa4] {
21887
+ .cn-audit-card__action[data-v-bd3033c8] {
21740
21888
  color: var(--color-main-text);
21741
21889
  }
21742
- .cn-audit-card__when[data-v-7e58faa4] {
21890
+ .cn-audit-card__when[data-v-bd3033c8] {
21743
21891
  color: var(--color-text-maxcontrast);
21744
21892
  font-size: 0.85em;
21745
21893
  white-space: nowrap;
21746
21894
  }
21747
- .cn-audit-card__row-body[data-v-7e58faa4] {
21895
+ .cn-audit-card__row-body[data-v-bd3033c8] {
21748
21896
  color: var(--color-text-maxcontrast);
21749
21897
  font-size: 0.9em;
21750
21898
  }
21751
- .cn-audit-card__refused[data-v-7e58faa4] {
21899
+ .cn-audit-card__refused[data-v-bd3033c8] {
21752
21900
  margin-inline-start: 6px;
21753
21901
  font-weight: 700;
21754
21902
  color: var(--color-error-text, var(--color-main-text));
21755
21903
  }
21756
- .cn-audit-card__reason[data-v-7e58faa4] {
21904
+ .cn-audit-card__reason[data-v-bd3033c8] {
21757
21905
  margin: 2px 0 0;
21758
21906
  font-size: 0.9em;
21759
21907
  overflow-wrap: anywhere;
21760
21908
  }
21761
- .cn-audit-card__empty[data-v-7e58faa4] {
21909
+ .cn-audit-card__empty[data-v-bd3033c8] {
21762
21910
  color: var(--color-text-maxcontrast);
21763
21911
  text-align: center;
21764
21912
  padding: 12px 0;
21765
21913
  }
21766
- .cn-audit-card__footnote[data-v-7e58faa4] {
21914
+ .cn-audit-card__footnote[data-v-bd3033c8] {
21767
21915
  margin: 12px 0 0;
21768
21916
  color: var(--color-text-maxcontrast);
21769
21917
  font-size: 13px;
21770
21918
  }
21771
- .cn-audit-card__show-all[data-v-7e58faa4] {
21919
+ .cn-audit-card__show-all[data-v-bd3033c8] {
21772
21920
  background: none;
21773
21921
  border: none;
21774
21922
  color: var(--color-primary-element);
@@ -21776,7 +21924,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
21776
21924
  padding: 4px 0;
21777
21925
  font: inherit;
21778
21926
  }
21779
- .cn-audit-card__show-all[data-v-7e58faa4]:hover {
21927
+ .cn-audit-card__show-all[data-v-bd3033c8]:hover {
21780
21928
  text-decoration: underline;
21781
21929
  }
21782
21930
 
@@ -26460,77 +26608,77 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26460
26608
  }
26461
26609
 
26462
26610
 
26463
- .cn-notes-card__add-form[data-v-25437d6c] {
26611
+ .cn-notes-card__add-form[data-v-23928d29] {
26464
26612
  margin-bottom: 12px;
26465
26613
  }
26466
- .cn-notes-card__textarea[data-v-25437d6c] {
26614
+ .cn-notes-card__textarea[data-v-23928d29] {
26467
26615
  width: 100%;
26468
26616
  margin-bottom: 8px;
26469
26617
  box-sizing: border-box;
26470
26618
  }
26471
- .cn-notes-card__replying[data-v-25437d6c] {
26619
+ .cn-notes-card__replying[data-v-23928d29] {
26472
26620
  display: flex;
26473
26621
  align-items: center;
26474
26622
  justify-content: space-between;
26475
26623
  margin: 0 0 4px;
26476
26624
  color: var(--color-text-maxcontrast);
26477
26625
  }
26478
- .cn-notes-card__note--reply[data-v-25437d6c] {
26626
+ .cn-notes-card__note--reply[data-v-23928d29] {
26479
26627
  margin-inline-start: 24px;
26480
26628
  }
26481
- .cn-notes-card__quote[data-v-25437d6c] {
26629
+ .cn-notes-card__quote[data-v-23928d29] {
26482
26630
  margin: 0 0 2px;
26483
26631
  padding-inline-start: 8px;
26484
26632
  border-inline-start: 2px solid var(--color-border-dark);
26485
26633
  color: var(--color-text-maxcontrast);
26486
26634
  font-size: 0.9em;
26487
26635
  }
26488
- .cn-notes-card__empty[data-v-25437d6c] {
26636
+ .cn-notes-card__empty[data-v-23928d29] {
26489
26637
  text-align: center;
26490
26638
  padding: 16px 12px;
26491
26639
  color: var(--color-text-maxcontrast);
26492
26640
  font-size: 13px;
26493
26641
  }
26494
- .cn-notes-card__list[data-v-25437d6c] {
26642
+ .cn-notes-card__list[data-v-23928d29] {
26495
26643
  display: flex;
26496
26644
  flex-direction: column;
26497
26645
  }
26498
- .cn-notes-card__note[data-v-25437d6c] {
26646
+ .cn-notes-card__note[data-v-23928d29] {
26499
26647
  padding: 10px 0;
26500
26648
  border-bottom: 1px solid var(--color-border);
26501
26649
  position: relative;
26502
26650
  }
26503
- .cn-notes-card__note[data-v-25437d6c]:last-child {
26651
+ .cn-notes-card__note[data-v-23928d29]:last-child {
26504
26652
  border-bottom: none;
26505
26653
  }
26506
- .cn-notes-card__initials[data-v-25437d6c] {
26654
+ .cn-notes-card__initials[data-v-23928d29] {
26507
26655
  display: none;
26508
26656
  }
26509
- .cn-notes-card__note-header[data-v-25437d6c] {
26657
+ .cn-notes-card__note-header[data-v-23928d29] {
26510
26658
  display: flex;
26511
26659
  justify-content: space-between;
26512
26660
  align-items: baseline;
26513
26661
  margin-bottom: 4px;
26514
26662
  }
26515
- .cn-notes-card__author[data-v-25437d6c] {
26663
+ .cn-notes-card__author[data-v-23928d29] {
26516
26664
  font-size: 13px;
26517
26665
  }
26518
- .cn-notes-card__author--self[data-v-25437d6c] {
26666
+ .cn-notes-card__author--self[data-v-23928d29] {
26519
26667
  color: var(--color-main-text);
26520
26668
  }
26521
- .cn-notes-card__visibility[data-v-25437d6c] {
26669
+ .cn-notes-card__visibility[data-v-23928d29] {
26522
26670
  display: flex;
26523
26671
  align-items: center;
26524
26672
  gap: 8px;
26525
26673
  margin-bottom: 4px;
26526
26674
  }
26527
- .cn-notes-card__time[data-v-25437d6c] {
26675
+ .cn-notes-card__time[data-v-23928d29] {
26528
26676
  font-size: 11px;
26529
26677
  color: var(--color-text-maxcontrast);
26530
26678
  flex-shrink: 0;
26531
26679
  margin-left: 8px;
26532
26680
  }
26533
- .cn-notes-card__body[data-v-25437d6c] {
26681
+ .cn-notes-card__body[data-v-23928d29] {
26534
26682
  font-size: 13px;
26535
26683
  margin: 0;
26536
26684
  white-space: pre-wrap;
@@ -26541,18 +26689,18 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26541
26689
  /* The note's own class leads so the position outranks NcButton's
26542
26690
  `position: relative`, which loads later at the same weight and put the
26543
26691
  button in the flow under the note. */
26544
- .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] {
26545
26693
  position: absolute;
26546
26694
  top: 8px;
26547
26695
  right: -4px;
26548
26696
  opacity: 0;
26549
26697
  transition: opacity 0.15s ease;
26550
26698
  }
26551
- .cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-25437d6c],
26552
- .cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-25437d6c] {
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] {
26553
26701
  opacity: 1;
26554
26702
  }
26555
- .cn-notes-card__show-all[data-v-25437d6c] {
26703
+ .cn-notes-card__show-all[data-v-23928d29] {
26556
26704
  background: none;
26557
26705
  border: none;
26558
26706
  color: var(--color-primary-element);
@@ -26563,7 +26711,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
26563
26711
  width: 100%;
26564
26712
  text-align: center;
26565
26713
  }
26566
- .cn-notes-card__show-all[data-v-25437d6c]:hover {
26714
+ .cn-notes-card__show-all[data-v-23928d29]:hover {
26567
26715
  text-decoration: underline;
26568
26716
  }
26569
26717
 
@@ -29819,7 +29967,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29819
29967
 
29820
29968
 
29821
29969
  /* The row a following card describes (content.rowSelection). */
29822
- .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 {
29823
29971
  background: var(--color-primary-element-light, #eaf0f7);
29824
29972
  }
29825
29973
 
@@ -29830,7 +29978,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29830
29978
  Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
29831
29979
  second scroll container here would produce a nested scrollbar, so this host
29832
29980
  stays plain. */
29833
- .cn-object-list-widget[data-v-7a3cf020] {
29981
+ .cn-object-list-widget[data-v-29fab8f0] {
29834
29982
  width: 100%;
29835
29983
  height: 100%;
29836
29984
  display: flex;
@@ -29842,10 +29990,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29842
29990
  relative` is set only in the dropping state so a widget without a drop zone
29843
29991
  keeps the containing block it had — an unconditional rule here would
29844
29992
  re-parent any absolutely-positioned descendant a host has placed. */
29845
- .cn-object-list-widget--dropping[data-v-7a3cf020] {
29993
+ .cn-object-list-widget--dropping[data-v-29fab8f0] {
29846
29994
  position: relative;
29847
29995
  }
29848
- .cn-object-list-widget__drop-overlay[data-v-7a3cf020] {
29996
+ .cn-object-list-widget__drop-overlay[data-v-29fab8f0] {
29849
29997
  position: absolute;
29850
29998
  inset: 0;
29851
29999
  z-index: 2;
@@ -29863,7 +30011,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29863
30011
  and the drop would land on nothing. */
29864
30012
  pointer-events: none;
29865
30013
  }
29866
- .cn-object-list-widget__table[data-v-7a3cf020] {
30014
+ .cn-object-list-widget__table[data-v-29fab8f0] {
29867
30015
  flex: 1 1 auto;
29868
30016
  min-height: 0;
29869
30017
  overflow: hidden;
@@ -29872,16 +30020,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29872
30020
  /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
29873
30021
  all this rule still owns is letting it claim the cell's leftover height
29874
30022
  (ADR-062: it fits the cell, it never forces one). */
29875
- .cn-object-list-widget__empty[data-v-7a3cf020] {
30023
+ .cn-object-list-widget__empty[data-v-29fab8f0] {
29876
30024
  flex: 1 1 auto;
29877
30025
  min-height: 0;
29878
30026
  }
29879
30027
 
29880
30028
  /* The pager sits flush at the bottom of the card, above "View all". */
29881
- .cn-object-list-widget__pager[data-v-7a3cf020] {
30029
+ .cn-object-list-widget__pager[data-v-29fab8f0] {
29882
30030
  flex-shrink: 0;
29883
30031
  }
29884
- .cn-object-list-widget__view-all[data-v-7a3cf020] {
30032
+ .cn-object-list-widget__view-all[data-v-29fab8f0] {
29885
30033
  align-self: flex-start;
29886
30034
  background: none;
29887
30035
  border: none;
@@ -29892,32 +30040,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29892
30040
  padding: 4px;
29893
30041
  text-decoration: none;
29894
30042
  }
29895
- .cn-object-list-widget__view-all[data-v-7a3cf020]:hover,
29896
- .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 {
29897
30045
  text-decoration: underline;
29898
30046
  }
29899
- .cn-object-list-widget__more[data-v-7a3cf020] {
30047
+ .cn-object-list-widget__more[data-v-29fab8f0] {
29900
30048
  color: var(--color-text-maxcontrast);
29901
30049
  font-size: 0.85em;
29902
30050
  margin: 4px 0 0;
29903
30051
  padding: 4px;
29904
30052
  }
29905
- .cn-object-list-widget__links[data-v-7a3cf020] {
30053
+ .cn-object-list-widget__links[data-v-29fab8f0] {
29906
30054
  display: flex;
29907
30055
  flex-wrap: wrap;
29908
30056
  gap: 16px;
29909
30057
  margin: 12px 0 0;
29910
30058
  font-size: 14px;
29911
30059
  }
29912
- .cn-object-list-widget__link[data-v-7a3cf020] {
30060
+ .cn-object-list-widget__link[data-v-29fab8f0] {
29913
30061
  font-weight: 600;
29914
30062
  }
29915
- .cn-object-list-widget__link-note[data-v-7a3cf020] {
30063
+ .cn-object-list-widget__link-note[data-v-29fab8f0] {
29916
30064
  margin-inline-start: 6px;
29917
30065
  color: var(--color-text-maxcontrast);
29918
30066
  font-size: 13px;
29919
30067
  }
29920
- .cn-object-list-widget__footnote[data-v-7a3cf020] {
30068
+ .cn-object-list-widget__footnote[data-v-29fab8f0] {
29921
30069
  color: var(--color-text-maxcontrast);
29922
30070
  font-size: 13px;
29923
30071
  margin: 8px 0 0;
@@ -29926,7 +30074,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29926
30074
  /* Footer Add — same pattern as the integration leaves' footer action
29927
30075
  ("Open in Calendar"): full-width, centered, divider-topped, pinned to
29928
30076
  the card bottom. */
29929
- .cn-object-list-widget__add[data-v-7a3cf020] {
30077
+ .cn-object-list-widget__add[data-v-29fab8f0] {
29930
30078
  align-self: stretch;
29931
30079
  border-top: 1px solid var(--color-border);
29932
30080
  /* Bleed through the host card's 16px content padding so the divider
@@ -29934,31 +30082,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29934
30082
  margin: auto -16px -16px;
29935
30083
  padding: 4px;
29936
30084
  }
29937
- .cn-object-list-widget__error[data-v-7a3cf020] {
30085
+ .cn-object-list-widget__error[data-v-29fab8f0] {
29938
30086
  color: var(--color-text-maxcontrast);
29939
30087
  font-size: 0.85em;
29940
30088
  margin: 4px 0 0;
29941
30089
  }
29942
- .cn-object-list-widget__prompt[data-v-7a3cf020] {
30090
+ .cn-object-list-widget__prompt[data-v-29fab8f0] {
29943
30091
  color: var(--color-text-maxcontrast);
29944
30092
  font-style: italic;
29945
30093
  padding: 16px 4px;
29946
30094
  margin: 0;
29947
30095
  text-align: center;
29948
30096
  }
29949
- .cn-object-list-widget__facet[data-v-7a3cf020] {
30097
+ .cn-object-list-widget__facet[data-v-29fab8f0] {
29950
30098
  display: flex;
29951
30099
  align-items: center;
29952
30100
  flex-wrap: wrap;
29953
30101
  gap: 6px;
29954
30102
  padding: 0 4px 8px;
29955
30103
  }
29956
- .cn-object-list-widget__facet-label[data-v-7a3cf020] {
30104
+ .cn-object-list-widget__facet-label[data-v-29fab8f0] {
29957
30105
  color: var(--color-text-maxcontrast);
29958
30106
  font-size: 0.85em;
29959
30107
  font-weight: 600;
29960
30108
  }
29961
- .cn-object-list-widget__facet-chip[data-v-7a3cf020] {
30109
+ .cn-object-list-widget__facet-chip[data-v-29fab8f0] {
29962
30110
  background-color: var(--color-background-hover);
29963
30111
  border: 1px solid var(--color-border);
29964
30112
  border-radius: var(--border-radius-pill, 16px);
@@ -29968,13 +30116,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29968
30116
  font-size: 0.85em;
29969
30117
  padding: 2px 10px;
29970
30118
  }
29971
- .cn-object-list-widget__facet-chip--active[data-v-7a3cf020] {
30119
+ .cn-object-list-widget__facet-chip--active[data-v-29fab8f0] {
29972
30120
  background-color: var(--color-primary-element-light);
29973
30121
  border-color: var(--color-primary-element);
29974
30122
  color: var(--color-primary-element-text, var(--color-main-text));
29975
30123
  }
29976
- .cn-object-list-widget__facet-clear[data-v-7a3cf020],
29977
- .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] {
29978
30126
  background: none;
29979
30127
  border: none;
29980
30128
  color: var(--color-primary-element);
@@ -29983,11 +30131,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29983
30131
  font-size: 0.85em;
29984
30132
  padding: 2px 4px;
29985
30133
  }
29986
- .cn-object-list-widget__facet-clear[data-v-7a3cf020]:hover,
29987
- .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 {
29988
30136
  text-decoration: underline;
29989
30137
  }
29990
- .cn-object-list-widget__bulk-bar[data-v-7a3cf020] {
30138
+ .cn-object-list-widget__bulk-bar[data-v-29fab8f0] {
29991
30139
  align-items: center;
29992
30140
  background-color: var(--color-primary-element-light);
29993
30141
  border-radius: var(--border-radius, 8px);
@@ -29997,10 +30145,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29997
30145
  margin: 0 0 8px;
29998
30146
  padding: 6px 10px;
29999
30147
  }
30000
- .cn-object-list-widget__bulk-count[data-v-7a3cf020] {
30148
+ .cn-object-list-widget__bulk-count[data-v-29fab8f0] {
30001
30149
  font-weight: 600;
30002
30150
  }
30003
- .cn-object-list-widget__bulk-action[data-v-7a3cf020] {
30151
+ .cn-object-list-widget__bulk-action[data-v-29fab8f0] {
30004
30152
  background-color: var(--color-main-background);
30005
30153
  border: 1px solid var(--color-border);
30006
30154
  border-radius: var(--border-radius, 8px);
@@ -30008,25 +30156,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
30008
30156
  font: inherit;
30009
30157
  padding: 4px 10px;
30010
30158
  }
30011
- .cn-object-list-widget__bulk-action--destructive[data-v-7a3cf020] {
30159
+ .cn-object-list-widget__bulk-action--destructive[data-v-29fab8f0] {
30012
30160
  border-color: var(--color-error);
30013
30161
  color: var(--color-error);
30014
30162
  }
30015
- .cn-object-list-widget__groups[data-v-7a3cf020] {
30163
+ .cn-object-list-widget__groups[data-v-29fab8f0] {
30016
30164
  display: flex;
30017
30165
  flex-direction: column;
30018
30166
  gap: 16px;
30019
30167
  min-height: 0;
30020
30168
  overflow: auto;
30021
30169
  }
30022
- .cn-object-list-widget__group-heading[data-v-7a3cf020] {
30170
+ .cn-object-list-widget__group-heading[data-v-29fab8f0] {
30023
30171
  color: var(--color-text-maxcontrast);
30024
30172
  font-size: 0.85em;
30025
30173
  font-weight: 600;
30026
30174
  margin: 0 0 4px;
30027
30175
  text-transform: uppercase;
30028
30176
  }
30029
- .cn-object-list-widget__upload[data-v-7a3cf020] {
30177
+ .cn-object-list-widget__upload[data-v-29fab8f0] {
30030
30178
  background-color: var(--color-main-background);
30031
30179
  border: 1px solid var(--color-border);
30032
30180
  border-radius: var(--border-radius, 8px);
@@ -30035,7 +30183,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
30035
30183
  margin: 8px 0 0;
30036
30184
  padding: 6px 12px;
30037
30185
  }
30038
- .cn-object-list-widget__upload-input[data-v-7a3cf020] {
30186
+ .cn-object-list-widget__upload-input[data-v-29fab8f0] {
30039
30187
  display: none;
30040
30188
  }
30041
30189
 
@@ -33301,13 +33449,13 @@ to { background-position: -200% 0;
33301
33449
  }
33302
33450
 
33303
33451
 
33304
- .cn-detail-widget-header-items[data-v-c81df510] {
33452
+ .cn-detail-widget-header-items[data-v-03e0f8bc] {
33305
33453
  display: inline-flex;
33306
33454
  flex-wrap: wrap;
33307
33455
  align-items: center;
33308
33456
  gap: 12px;
33309
33457
  }
33310
- .cn-detail-page__catalog-action[data-v-c81df510] {
33458
+ .cn-detail-page__catalog-action[data-v-03e0f8bc] {
33311
33459
  align-items: center;
33312
33460
  background: var(--color-primary-element-light);
33313
33461
  border: 0;
@@ -33319,15 +33467,20 @@ to { background-position: -200% 0;
33319
33467
  font-size: 13px;
33320
33468
  font-weight: 700;
33321
33469
  gap: 6px;
33322
- margin: 0;
33323
33470
  min-height: 32px;
33324
33471
  padding: 0 14px;
33325
33472
  white-space: nowrap;
33326
33473
  }
33327
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
+
33328
33481
 
33329
33482
  /* The card keeps its own box, footnote included. */
33330
- .cn-audit-trail-widget[data-v-87ba40b4] {
33483
+ .cn-audit-trail-widget[data-v-99c9557e] {
33331
33484
  display: contents;
33332
33485
  }
33333
33486
 
@@ -34571,7 +34724,7 @@ to { background-position: -200% 0;
34571
34724
  }
34572
34725
 
34573
34726
 
34574
- .cn-object-card[data-v-70ee7f5c] {
34727
+ .cn-object-card[data-v-6e1fe7c7] {
34575
34728
  display: flex;
34576
34729
  gap: 12px;
34577
34730
  padding: 16px;
@@ -34581,80 +34734,80 @@ to { background-position: -200% 0;
34581
34734
  cursor: pointer;
34582
34735
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
34583
34736
  }
34584
- .cn-object-card[data-v-70ee7f5c]:hover {
34737
+ .cn-object-card[data-v-6e1fe7c7]:hover {
34585
34738
  border-color: var(--color-primary-element);
34586
34739
  box-shadow: 0 2px 8px var(--color-box-shadow);
34587
34740
  }
34588
- .cn-object-card--selected[data-v-70ee7f5c] {
34741
+ .cn-object-card--selected[data-v-6e1fe7c7] {
34589
34742
  border-color: var(--color-primary-element);
34590
34743
  background: var(--color-primary-element-light);
34591
34744
  }
34592
34745
 
34593
34746
  /* The 4px start border takes 3px of padding, so the content stays put. */
34594
- .cn-object-card.cn-object-card--accent[data-v-70ee7f5c] {
34747
+ .cn-object-card.cn-object-card--accent[data-v-6e1fe7c7] {
34595
34748
  border-inline-start-width: 4px;
34596
34749
  padding-inline-start: 13px;
34597
34750
  }
34598
- .cn-object-card.cn-object-card--accent-success[data-v-70ee7f5c] {
34751
+ .cn-object-card.cn-object-card--accent-success[data-v-6e1fe7c7] {
34599
34752
  border-inline-start-color: var(--color-element-success);
34600
34753
  }
34601
- .cn-object-card.cn-object-card--accent-warning[data-v-70ee7f5c] {
34754
+ .cn-object-card.cn-object-card--accent-warning[data-v-6e1fe7c7] {
34602
34755
  border-inline-start-color: var(--color-element-warning);
34603
34756
  }
34604
- .cn-object-card.cn-object-card--accent-error[data-v-70ee7f5c] {
34757
+ .cn-object-card.cn-object-card--accent-error[data-v-6e1fe7c7] {
34605
34758
  border-inline-start-color: var(--color-element-error);
34606
34759
  }
34607
- .cn-object-card.cn-object-card--accent-info[data-v-70ee7f5c] {
34760
+ .cn-object-card.cn-object-card--accent-info[data-v-6e1fe7c7] {
34608
34761
  border-inline-start-color: var(--color-element-info);
34609
34762
  }
34610
- .cn-object-card.cn-object-card--accent-primary[data-v-70ee7f5c] {
34763
+ .cn-object-card.cn-object-card--accent-primary[data-v-6e1fe7c7] {
34611
34764
  border-inline-start-color: var(--color-primary-element);
34612
34765
  }
34613
- .cn-object-card__accent-icon[data-v-70ee7f5c] {
34766
+ .cn-object-card__accent-icon[data-v-6e1fe7c7] {
34614
34767
  display: inline-flex;
34615
34768
  vertical-align: -2px;
34616
34769
  margin-inline-end: 4px;
34617
34770
  }
34618
- .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] {
34619
34772
  color: var(--color-text-success);
34620
34773
  }
34621
- .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] {
34622
34775
  color: var(--color-text-warning);
34623
34776
  }
34624
- .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] {
34625
34778
  color: var(--color-text-error);
34626
34779
  }
34627
- .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] {
34628
34781
  color: var(--color-element-info);
34629
34782
  }
34630
- .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] {
34631
34784
  color: var(--color-primary-element);
34632
34785
  }
34633
- .cn-object-card__checkbox[data-v-70ee7f5c] {
34786
+ .cn-object-card__checkbox[data-v-6e1fe7c7] {
34634
34787
  flex-shrink: 0;
34635
34788
  padding-top: 2px;
34636
34789
  }
34637
- .cn-object-card__content[data-v-70ee7f5c] {
34790
+ .cn-object-card__content[data-v-6e1fe7c7] {
34638
34791
  flex: 1;
34639
34792
  min-width: 0;
34640
34793
  }
34641
- .cn-object-card__header[data-v-70ee7f5c] {
34794
+ .cn-object-card__header[data-v-6e1fe7c7] {
34642
34795
  display: flex;
34643
34796
  gap: 12px;
34644
34797
  align-items: flex-start;
34645
34798
  }
34646
- .cn-object-card__image[data-v-70ee7f5c] {
34799
+ .cn-object-card__image[data-v-6e1fe7c7] {
34647
34800
  width: 48px;
34648
34801
  height: 48px;
34649
34802
  border-radius: var(--border-radius);
34650
34803
  object-fit: cover;
34651
34804
  flex-shrink: 0;
34652
34805
  }
34653
- .cn-object-card__title-area[data-v-70ee7f5c] {
34806
+ .cn-object-card__title-area[data-v-6e1fe7c7] {
34654
34807
  flex: 1;
34655
34808
  min-width: 0;
34656
34809
  }
34657
- .cn-object-card__title[data-v-70ee7f5c] {
34810
+ .cn-object-card__title[data-v-6e1fe7c7] {
34658
34811
  margin: 0;
34659
34812
  font-size: 16px;
34660
34813
  font-weight: 600;
@@ -34663,16 +34816,16 @@ to { background-position: -200% 0;
34663
34816
  text-overflow: ellipsis;
34664
34817
  white-space: nowrap;
34665
34818
  }
34666
- .cn-object-card__description[data-v-70ee7f5c] {
34819
+ .cn-object-card__description[data-v-6e1fe7c7] {
34667
34820
  margin: 4px 0 0;
34668
34821
  font-size: 13px;
34669
34822
  color: var(--color-text-maxcontrast);
34670
34823
  line-height: 1.4;
34671
34824
  }
34672
- .cn-object-card__badges[data-v-70ee7f5c] {
34825
+ .cn-object-card__badges[data-v-6e1fe7c7] {
34673
34826
  margin-top: 8px;
34674
34827
  }
34675
- .cn-object-card__metadata[data-v-70ee7f5c] {
34828
+ .cn-object-card__metadata[data-v-6e1fe7c7] {
34676
34829
  display: grid;
34677
34830
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
34678
34831
  gap: 8px;
@@ -34680,19 +34833,19 @@ to { background-position: -200% 0;
34680
34833
  padding-top: 12px;
34681
34834
  border-top: 1px solid var(--color-border);
34682
34835
  }
34683
- .cn-object-card__meta-item[data-v-70ee7f5c] {
34836
+ .cn-object-card__meta-item[data-v-6e1fe7c7] {
34684
34837
  display: flex;
34685
34838
  flex-direction: column;
34686
34839
  gap: 2px;
34687
34840
  }
34688
- .cn-object-card__meta-label[data-v-70ee7f5c] {
34841
+ .cn-object-card__meta-label[data-v-6e1fe7c7] {
34689
34842
  font-size: 11px;
34690
34843
  font-weight: 500;
34691
34844
  color: var(--color-text-maxcontrast);
34692
34845
  text-transform: uppercase;
34693
34846
  letter-spacing: 0.3px;
34694
34847
  }
34695
- .cn-object-card__actions[data-v-70ee7f5c] {
34848
+ .cn-object-card__actions[data-v-6e1fe7c7] {
34696
34849
  flex-shrink: 0;
34697
34850
  }
34698
34851
 
@@ -39413,41 +39566,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39413
39566
  }
39414
39567
 
39415
39568
 
39416
- .cn-flow-runs-widget[data-v-76cc4912] {
39569
+ .cn-flow-runs-widget[data-v-2f2e3e42] {
39417
39570
  display: flex;
39418
39571
  flex-direction: column;
39419
39572
  gap: 2px;
39420
39573
  min-width: 0;
39421
39574
  }
39422
- .cn-flow-runs-widget__loading[data-v-76cc4912] {
39575
+ .cn-flow-runs-widget__loading[data-v-2f2e3e42] {
39423
39576
  display: flex;
39424
39577
  justify-content: center;
39425
39578
  padding: 8px 0;
39426
39579
  }
39427
- .cn-flow-runs-widget__empty[data-v-76cc4912],
39428
- .cn-flow-runs-widget__error[data-v-76cc4912],
39429
- .cn-flow-runs-widget__more[data-v-76cc4912] {
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] {
39430
39583
  margin: 0;
39431
39584
  color: var(--color-text-maxcontrast);
39432
39585
  font-size: 13px;
39433
39586
  }
39434
- .cn-flow-runs-widget__more[data-v-76cc4912] {
39587
+ .cn-flow-runs-widget__more[data-v-2f2e3e42] {
39435
39588
  padding-top: 4px;
39436
39589
  }
39437
- .cn-flow-runs-widget__list[data-v-76cc4912] {
39590
+ .cn-flow-runs-widget__list[data-v-2f2e3e42] {
39438
39591
  list-style: none;
39439
39592
  margin: 0;
39440
39593
  padding: 0;
39441
39594
  min-width: 0;
39442
39595
  }
39443
- .cn-flow-runs-widget__row[data-v-76cc4912] {
39596
+ .cn-flow-runs-widget__row[data-v-2f2e3e42] {
39444
39597
  border-bottom: 1px solid var(--color-border);
39445
39598
  min-width: 0;
39446
39599
  }
39447
- .cn-flow-runs-widget__row[data-v-76cc4912]:last-child {
39600
+ .cn-flow-runs-widget__row[data-v-2f2e3e42]:last-child {
39448
39601
  border-bottom: none;
39449
39602
  }
39450
- .cn-flow-runs-widget__row-content[data-v-76cc4912] {
39603
+ .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39451
39604
  display: flex;
39452
39605
  align-items: center;
39453
39606
  gap: 10px;
@@ -39456,10 +39609,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
39456
39609
  color: inherit;
39457
39610
  text-decoration: none;
39458
39611
  }
39459
- a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39612
+ a.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
39460
39613
  cursor: pointer;
39461
39614
  }
39462
- .cn-flow-runs-widget__dot[data-v-76cc4912] {
39615
+ .cn-flow-runs-widget__dot[data-v-2f2e3e42] {
39463
39616
  flex: 0 0 auto;
39464
39617
  width: 8px;
39465
39618
  height: 8px;
@@ -39468,40 +39621,40 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39468
39621
  }
39469
39622
 
39470
39623
  /* Executing now — the primary colour, and the only row that animates. */
39471
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39624
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39472
39625
  background: var(--color-primary-element, #0082c9);
39473
- 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;
39474
39627
  }
39475
- .cn-flow-runs-widget__dot--queued[data-v-76cc4912] {
39628
+ .cn-flow-runs-widget__dot--queued[data-v-2f2e3e42] {
39476
39629
  background: var(--color-warning, #c28900);
39477
39630
  }
39478
- .cn-flow-runs-widget__dot--suspended[data-v-76cc4912] {
39631
+ .cn-flow-runs-widget__dot--suspended[data-v-2f2e3e42] {
39479
39632
  background: var(--color-text-maxcontrast);
39480
39633
  }
39481
39634
 
39482
39635
  /* Terminal rows: the dot is a hollow RING, so live (filled) and finished
39483
39636
  (hollow) never differ by colour alone. The per-status colour still rides
39484
39637
  on the ring's border. */
39485
- .cn-flow-runs-widget__dot--terminal[data-v-76cc4912] {
39638
+ .cn-flow-runs-widget__dot--terminal[data-v-2f2e3e42] {
39486
39639
  width: 6px;
39487
39640
  height: 6px;
39488
39641
  background: transparent;
39489
39642
  border: 2px solid var(--color-text-maxcontrast);
39490
39643
  }
39491
- .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] {
39492
39645
  border-color: var(--color-success, #2d7b41);
39493
39646
  }
39494
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-76cc4912],
39495
- .cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-76cc4912] {
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] {
39496
39649
  border-color: var(--color-error, #d91f2d);
39497
39650
  }
39498
- .cn-flow-runs-widget__body[data-v-76cc4912] {
39651
+ .cn-flow-runs-widget__body[data-v-2f2e3e42] {
39499
39652
  display: flex;
39500
39653
  flex-direction: column;
39501
39654
  min-width: 0;
39502
39655
  flex: 1 1 auto;
39503
39656
  }
39504
- .cn-flow-runs-widget__name[data-v-76cc4912] {
39657
+ .cn-flow-runs-widget__name[data-v-2f2e3e42] {
39505
39658
  font-weight: 600;
39506
39659
  white-space: nowrap;
39507
39660
  overflow: hidden;
@@ -39511,7 +39664,7 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39511
39664
  /* Finished runs read as history: regular weight, muted colour. The hollow
39512
39665
  dot and the section label carry the distinction for anyone who cannot
39513
39666
  rely on colour. */
39514
- .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] {
39515
39668
  font-weight: 400;
39516
39669
  color: var(--color-text-maxcontrast);
39517
39670
  }
@@ -39521,17 +39674,17 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
39521
39674
  order because the cascade then depends on specificity rather than
39522
39675
  source order — the shape that quietly stops working when someone adds
39523
39676
  a competing rule. */
39524
- 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] {
39525
39678
  text-decoration: underline;
39526
39679
  }
39527
- .cn-flow-runs-widget__meta[data-v-76cc4912] {
39680
+ .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
39528
39681
  color: var(--color-text-maxcontrast);
39529
39682
  font-size: 12px;
39530
39683
  white-space: nowrap;
39531
39684
  overflow: hidden;
39532
39685
  text-overflow: ellipsis;
39533
39686
  }
39534
- .cn-flow-runs-widget__age[data-v-76cc4912] {
39687
+ .cn-flow-runs-widget__age[data-v-2f2e3e42] {
39535
39688
  flex: 0 0 auto;
39536
39689
  color: var(--color-text-maxcontrast);
39537
39690
  font-size: 12px;
@@ -39540,7 +39693,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39540
39693
 
39541
39694
  /* The history section label. Small caps text, not a colour: the section
39542
39695
  boundary must survive monochrome. */
39543
- .cn-flow-runs-widget__history-title[data-v-76cc4912] {
39696
+ .cn-flow-runs-widget__history-title[data-v-2f2e3e42] {
39544
39697
  margin: 0;
39545
39698
  padding-top: 8px;
39546
39699
  color: var(--color-text-maxcontrast);
@@ -39549,7 +39702,39 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39549
39702
  text-transform: uppercase;
39550
39703
  letter-spacing: 0.04em;
39551
39704
  }
39552
- @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 {
39553
39738
  0%, 100% { opacity: 1;
39554
39739
  }
39555
39740
  50% { opacity: 0.35;
@@ -39559,7 +39744,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39559
39744
  /* Respect a reduced-motion preference: the pulse is decoration, and the dot
39560
39745
  colour already carries the status. */
39561
39746
  @media (prefers-reduced-motion: reduce) {
39562
- .cn-flow-runs-widget__dot--running[data-v-76cc4912] {
39747
+ .cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
39563
39748
  animation: none;
39564
39749
  }
39565
39750
  }
@@ -40609,13 +40794,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40609
40794
  }
40610
40795
 
40611
40796
 
40612
- .cn-facts-widget[data-v-48761b13] {
40797
+ .cn-facts-widget[data-v-e627249e] {
40613
40798
  display: flex;
40614
40799
  flex-direction: column;
40615
40800
  gap: 10px;
40616
40801
  min-width: 0;
40617
40802
  }
40618
- .cn-facts-widget__pills[data-v-48761b13] {
40803
+ .cn-facts-widget__pills[data-v-e627249e] {
40619
40804
  display: flex;
40620
40805
  flex-wrap: wrap;
40621
40806
  gap: 8px;
@@ -40624,7 +40809,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40624
40809
  /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
40625
40810
  and bottom, which put a side card's facts 24px under its title, against
40626
40811
  the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
40627
- .cn-facts-widget__rows[data-v-48761b13] {
40812
+ .cn-facts-widget__rows[data-v-e627249e] {
40628
40813
  display: grid;
40629
40814
  grid-template-columns: max-content 1fr;
40630
40815
  gap: 8px 16px;
@@ -40634,17 +40819,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40634
40819
  }
40635
40820
 
40636
40821
  /* Each row is a grid of its own children: the wrapper takes no box. */
40637
- .cn-facts-widget__row[data-v-48761b13] {
40822
+ .cn-facts-widget__row[data-v-e627249e] {
40638
40823
  display: contents;
40639
40824
  }
40640
- .cn-facts-widget__row--inline[data-v-48761b13] {
40825
+ .cn-facts-widget__row--inline[data-v-e627249e] {
40641
40826
  display: flex;
40642
40827
  grid-column: 1 / -1;
40643
40828
  flex-wrap: wrap;
40644
40829
  align-items: center;
40645
40830
  gap: 10px;
40646
40831
  }
40647
- .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-48761b13] {
40832
+ .cn-facts-widget__row--inline .cn-facts-widget__value[data-v-e627249e] {
40648
40833
  display: flex;
40649
40834
  flex-wrap: wrap;
40650
40835
  align-items: center;
@@ -40656,14 +40841,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40656
40841
  12px around both and widened the label column to 130px. The class is
40657
40842
  doubled so these resets outrank that rule, and a dossiq-style `:deep()`
40658
40843
  override in an app is not needed. */
40659
- .cn-facts-widget__label.cn-facts-widget__label[data-v-48761b13] {
40844
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40660
40845
  width: auto;
40661
40846
  margin: 0;
40662
40847
  padding: 0;
40663
40848
  text-align: start;
40664
40849
  color: var(--color-text-maxcontrast);
40665
40850
  }
40666
- .cn-facts-widget__value.cn-facts-widget__value[data-v-48761b13] {
40851
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40667
40852
  margin: 0;
40668
40853
  padding: 0;
40669
40854
  text-align: start;
@@ -40671,56 +40856,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40671
40856
  min-width: 0;
40672
40857
  overflow-wrap: anywhere;
40673
40858
  }
40674
- .cn-facts-widget__title[data-v-48761b13] {
40859
+ .cn-facts-widget__title[data-v-e627249e] {
40675
40860
  font-size: 15px;
40676
40861
  font-weight: 600;
40677
40862
  color: var(--color-main-text);
40678
40863
  }
40679
- .cn-facts-widget__line[data-v-48761b13] {
40864
+ .cn-facts-widget__line[data-v-e627249e] {
40680
40865
  font-size: 13px;
40681
40866
  color: var(--color-text-maxcontrast);
40682
40867
  }
40683
- .cn-facts-widget__meter[data-v-48761b13] {
40868
+ .cn-facts-widget__meter[data-v-e627249e] {
40684
40869
  display: flex;
40685
40870
  flex-direction: column;
40686
40871
  gap: 4px;
40687
40872
  font-size: 14px;
40688
40873
  }
40689
- .cn-facts-widget__meter-head[data-v-48761b13] {
40874
+ .cn-facts-widget__meter-head[data-v-e627249e] {
40690
40875
  display: flex;
40691
40876
  justify-content: space-between;
40692
40877
  gap: 16px;
40693
40878
  }
40694
- .cn-facts-widget__meter-label[data-v-48761b13] {
40879
+ .cn-facts-widget__meter-label[data-v-e627249e] {
40695
40880
  color: var(--color-text-maxcontrast);
40696
40881
  }
40697
- .cn-facts-widget__meter-value[data-v-48761b13] {
40882
+ .cn-facts-widget__meter-value[data-v-e627249e] {
40698
40883
  font-weight: 500;
40699
40884
  text-align: end;
40700
40885
  }
40701
- .cn-facts-widget__meter-track[data-v-48761b13] {
40886
+ .cn-facts-widget__meter-track[data-v-e627249e] {
40702
40887
  height: 6px;
40703
40888
  border-radius: 3px;
40704
40889
  background: var(--color-background-darker);
40705
40890
  overflow: hidden;
40706
40891
  }
40707
- .cn-facts-widget__meter-bar[data-v-48761b13] {
40892
+ .cn-facts-widget__meter-bar[data-v-e627249e] {
40708
40893
  display: block;
40709
40894
  height: 100%;
40710
40895
  border-radius: inherit;
40711
40896
  background: var(--color-primary-element);
40712
40897
  }
40713
- .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-48761b13] {
40898
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e627249e] {
40714
40899
  color: var(--color-error-text);
40715
40900
  }
40716
- .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-48761b13] {
40901
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e627249e] {
40717
40902
  background: var(--color-error);
40718
40903
  }
40719
- .cn-facts-widget__muted[data-v-48761b13] {
40904
+ .cn-facts-widget__muted[data-v-e627249e] {
40720
40905
  margin: 0;
40721
40906
  color: var(--color-text-maxcontrast);
40722
40907
  }
40723
- .cn-facts-widget__label .hidden-visually[data-v-48761b13] {
40908
+ .cn-facts-widget__label .hidden-visually[data-v-e627249e] {
40724
40909
  clip-path: inset(50%);
40725
40910
  height: 1px;
40726
40911
  overflow: hidden;
@@ -40728,27 +40913,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40728
40913
  white-space: nowrap;
40729
40914
  width: 1px;
40730
40915
  }
40731
- .cn-facts-widget__label--icon[data-v-48761b13] {
40916
+ .cn-facts-widget__label--icon[data-v-e627249e] {
40732
40917
  align-items: center;
40733
40918
  display: flex;
40734
40919
  }
40735
- .cn-facts-widget__value-link[data-v-48761b13] {
40920
+ .cn-facts-widget__value-link[data-v-e627249e] {
40736
40921
  color: var(--color-primary-element);
40737
40922
  text-decoration: underline;
40738
40923
  }
40739
- .cn-facts-widget__inline-button[data-v-48761b13],
40740
- .cn-facts-widget__icon-button[data-v-48761b13],
40741
- .cn-facts-widget__action[data-v-48761b13] {
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] {
40742
40927
  align-items: center;
40743
40928
  cursor: pointer;
40744
40929
  display: inline-flex;
40745
40930
  font: inherit;
40746
40931
  }
40747
- .cn-facts-widget__reveal-error[data-v-48761b13] {
40932
+ .cn-facts-widget__reveal-error[data-v-e627249e] {
40748
40933
  font-size: 13px;
40749
40934
  color: var(--color-text-error, var(--color-error));
40750
40935
  }
40751
- .cn-facts-widget__inline-button[data-v-48761b13] {
40936
+ .cn-facts-widget__inline-button[data-v-e627249e] {
40752
40937
  background: var(--color-main-background);
40753
40938
  border: 1px solid var(--color-border-dark);
40754
40939
  border-radius: 16px;
@@ -40760,7 +40945,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40760
40945
  min-height: 30px;
40761
40946
  padding: 0 10px;
40762
40947
  }
40763
- .cn-facts-widget__icon-button[data-v-48761b13] {
40948
+ .cn-facts-widget__icon-button[data-v-e627249e] {
40764
40949
  background: transparent;
40765
40950
  border: 0;
40766
40951
  border-radius: 6px;
@@ -40769,23 +40954,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40769
40954
  padding: 2px;
40770
40955
  vertical-align: middle;
40771
40956
  }
40772
- .cn-facts-widget__icon-button[data-v-48761b13]:hover,
40773
- .cn-facts-widget__icon-button[data-v-48761b13]:focus-visible {
40957
+ .cn-facts-widget__icon-button[data-v-e627249e]:hover,
40958
+ .cn-facts-widget__icon-button[data-v-e627249e]:focus-visible {
40774
40959
  background: var(--color-background-hover);
40775
40960
  color: var(--color-main-text);
40776
40961
  }
40777
- .cn-facts-widget__text[data-v-48761b13] {
40962
+ .cn-facts-widget__text[data-v-e627249e] {
40778
40963
  color: var(--color-main-text);
40779
40964
  font-size: 15px;
40780
40965
  }
40781
40966
 
40782
40967
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
40783
- .cn-facts-widget__lead[data-v-48761b13] {
40968
+ .cn-facts-widget__lead[data-v-e627249e] {
40784
40969
  align-items: center;
40785
40970
  display: flex;
40786
40971
  gap: 12px;
40787
40972
  }
40788
- .cn-facts-widget__lead-tile[data-v-48761b13] {
40973
+ .cn-facts-widget__lead-tile[data-v-e627249e] {
40789
40974
  align-items: center;
40790
40975
  background: var(--color-background-dark);
40791
40976
  border-radius: 8px;
@@ -40800,32 +40985,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40800
40985
  }
40801
40986
 
40802
40987
  /* Initials stand for a person: round, as an avatar. */
40803
- .cn-facts-widget__lead-tile--initials[data-v-48761b13] {
40988
+ .cn-facts-widget__lead-tile--initials[data-v-e627249e] {
40804
40989
  border-radius: 50%;
40805
40990
  }
40806
- .cn-facts-widget__lead-tile--success[data-v-48761b13] {
40991
+ .cn-facts-widget__lead-tile--success[data-v-e627249e] {
40807
40992
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
40808
40993
  border-radius: 50%;
40809
40994
  color: var(--color-success-text, var(--color-success));
40810
40995
  }
40811
- .cn-facts-widget__lead-tile--info[data-v-48761b13] {
40996
+ .cn-facts-widget__lead-tile--info[data-v-e627249e] {
40812
40997
  background: var(--color-primary-element-light);
40813
40998
  border-radius: 50%;
40814
40999
  color: var(--color-primary-element-light-text, var(--color-primary-element));
40815
41000
  }
40816
- .cn-facts-widget__lead-text[data-v-48761b13] {
41001
+ .cn-facts-widget__lead-text[data-v-e627249e] {
40817
41002
  display: flex;
40818
41003
  flex-direction: column;
40819
41004
  min-width: 0;
40820
41005
  }
40821
- .cn-facts-widget__lead-title[data-v-48761b13] {
41006
+ .cn-facts-widget__lead-title[data-v-e627249e] {
40822
41007
  font-size: 15px;
40823
41008
  }
40824
- .cn-facts-widget__lead-subtitle[data-v-48761b13] {
41009
+ .cn-facts-widget__lead-subtitle[data-v-e627249e] {
40825
41010
  color: var(--color-text-maxcontrast);
40826
41011
  font-size: 13px;
40827
41012
  }
40828
- .cn-facts-widget__action[data-v-48761b13] {
41013
+ .cn-facts-widget__action[data-v-e627249e] {
40829
41014
  align-self: flex-start;
40830
41015
  background: var(--color-primary-element-light);
40831
41016
  border: 0;
@@ -40837,27 +41022,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40837
41022
  min-height: 32px;
40838
41023
  padding: 0 14px;
40839
41024
  }
40840
- .cn-facts-widget__action[data-v-48761b13]:hover,
40841
- .cn-facts-widget__action[data-v-48761b13]:focus-visible {
41025
+ .cn-facts-widget__action[data-v-e627249e]:hover,
41026
+ .cn-facts-widget__action[data-v-e627249e]:focus-visible {
40842
41027
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
40843
41028
  }
40844
- .cn-facts-widget__notice[data-v-48761b13] {
41029
+ .cn-facts-widget__notice[data-v-e627249e] {
40845
41030
  margin: 4px 0 0;
40846
41031
  }
40847
41032
 
40848
41033
  /* A div, not a p: a theme sets every paragraph's size with !important. */
40849
- .cn-facts-widget__footnote[data-v-48761b13] {
41034
+ .cn-facts-widget__footnote[data-v-e627249e] {
40850
41035
  color: var(--color-text-maxcontrast);
40851
41036
  font-size: 13px;
40852
41037
  line-height: 1.2;
40853
41038
  }
40854
- .cn-facts-widget__link[data-v-48761b13] {
41039
+ .cn-facts-widget__link[data-v-e627249e] {
40855
41040
  font-size: 14px;
40856
41041
  font-weight: 600;
40857
41042
  color: var(--color-primary-element);
40858
41043
  text-decoration: underline;
40859
41044
  }
40860
- .cn-facts-widget__link--button[data-v-48761b13] {
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] {
40861
41051
  display: inline-flex;
40862
41052
  align-items: center;
40863
41053
  gap: 6px;
@@ -40872,12 +41062,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40872
41062
 
40873
41063
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
40874
41064
  hairline under each fact; one column on a phone. */
40875
- .cn-facts-widget__rows--columns[data-v-48761b13] {
41065
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40876
41066
  grid-template-columns: repeat(2, minmax(0, 1fr));
40877
41067
  gap: 14px 24px;
40878
41068
  font-size: 15px;
40879
41069
  }
40880
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-48761b13] {
41070
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e627249e] {
40881
41071
  display: flex;
40882
41072
  flex-direction: column;
40883
41073
  gap: 3px;
@@ -40885,21 +41075,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
40885
41075
  padding-bottom: 10px;
40886
41076
  border-bottom: 1px solid var(--color-border);
40887
41077
  }
40888
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-48761b13] {
41078
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
40889
41079
  font-size: 13px;
40890
41080
  }
40891
41081
 
40892
41082
  /* One column, label above value: 2px under its label, 10px to the next
40893
41083
  label, so a long label never squeezes its value (DqHandhaving). */
40894
- .cn-facts-widget__rows--stacked[data-v-48761b13] {
41084
+ .cn-facts-widget__rows--stacked[data-v-e627249e] {
40895
41085
  grid-template-columns: minmax(0, 1fr);
40896
41086
  gap: 2px 0;
40897
41087
  }
40898
- .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-48761b13] {
41088
+ .cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
40899
41089
  margin-bottom: 8px;
40900
41090
  }
40901
41091
  @media (max-width: 640px) {
40902
- .cn-facts-widget__rows--columns[data-v-48761b13] {
41092
+ .cn-facts-widget__rows--columns[data-v-e627249e] {
40903
41093
  grid-template-columns: minmax(0, 1fr);
40904
41094
  }
40905
41095
  }
@@ -40995,13 +41185,13 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40995
41185
  }
40996
41186
 
40997
41187
 
40998
- .cn-device-frames-widget[data-v-05f76090] {
41188
+ .cn-device-frames-widget[data-v-64bde7d3] {
40999
41189
  display: flex;
41000
41190
  flex-wrap: wrap;
41001
41191
  align-items: flex-start;
41002
41192
  gap: 20px;
41003
41193
  }
41004
- .cn-device-frames-widget__frame[data-v-05f76090] {
41194
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
41005
41195
  display: flex;
41006
41196
  flex: none;
41007
41197
  flex-direction: column;
@@ -41014,7 +41204,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41014
41204
  border-radius: 36px;
41015
41205
  background: var(--color-background-hover);
41016
41206
  }
41017
- .cn-device-frames-widget__head[data-v-05f76090] {
41207
+ .cn-device-frames-widget__head[data-v-64bde7d3] {
41018
41208
  display: flex;
41019
41209
  flex-direction: column;
41020
41210
  gap: 6px;
@@ -41022,28 +41212,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41022
41212
  border-bottom: 1px solid var(--color-border);
41023
41213
  background: var(--color-main-background);
41024
41214
  }
41025
- .cn-device-frames-widget__status[data-v-05f76090] {
41215
+ .cn-device-frames-widget__status[data-v-64bde7d3] {
41026
41216
  display: inline-flex;
41027
41217
  align-items: center;
41028
41218
  gap: 6px;
41029
41219
  font-size: 13px;
41030
41220
  font-weight: 600;
41031
41221
  }
41032
- .cn-device-frames-widget__status--warning[data-v-05f76090] {
41222
+ .cn-device-frames-widget__status--warning[data-v-64bde7d3] {
41033
41223
  color: var(--color-warning-text, var(--color-main-text));
41034
41224
  }
41035
- .cn-device-frames-widget__status--success[data-v-05f76090] {
41225
+ .cn-device-frames-widget__status--success[data-v-64bde7d3] {
41036
41226
  color: var(--color-success-text, var(--color-main-text));
41037
41227
  }
41038
- .cn-device-frames-widget__status--info[data-v-05f76090] {
41228
+ .cn-device-frames-widget__status--info[data-v-64bde7d3] {
41039
41229
  color: var(--color-text-maxcontrast);
41040
41230
  }
41041
- .cn-device-frames-widget__title[data-v-05f76090] {
41231
+ .cn-device-frames-widget__title[data-v-64bde7d3] {
41042
41232
  margin: 0;
41043
41233
  font-size: 20px;
41044
41234
  font-weight: 700;
41235
+ line-height: 1.2;
41045
41236
  }
41046
- .cn-device-frames-widget__body[data-v-05f76090] {
41237
+ .cn-device-frames-widget__body[data-v-64bde7d3] {
41047
41238
  display: flex;
41048
41239
  flex-direction: column;
41049
41240
  gap: 12px;
@@ -41052,7 +41243,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41052
41243
 
41053
41244
  /* On a phone the frame is the screen: no bezel, the full width. */
41054
41245
  @media (max-width: 640px) {
41055
- .cn-device-frames-widget__frame[data-v-05f76090] {
41246
+ .cn-device-frames-widget__frame[data-v-64bde7d3] {
41056
41247
  width: 100%;
41057
41248
  min-height: 0;
41058
41249
  border-width: 0;
@@ -41174,29 +41365,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41174
41365
  }
41175
41366
 
41176
41367
 
41177
- .cn-checklist-run__form[data-v-f3678d20] {
41368
+ .cn-checklist-run__form[data-v-284eb804] {
41178
41369
  display: flex;
41179
41370
  flex-direction: column;
41180
41371
  gap: 12px;
41181
41372
  }
41182
- .cn-checklist-run__position[data-v-f3678d20] {
41373
+ .cn-checklist-run__position[data-v-284eb804] {
41183
41374
  color: var(--color-text-maxcontrast);
41184
41375
  margin: 0;
41185
41376
  }
41186
- .cn-checklist-run__progress[data-v-f3678d20] {
41377
+ .cn-checklist-run__progress[data-v-284eb804] {
41187
41378
  background: var(--color-border);
41188
41379
  border-radius: 3px;
41189
41380
  display: block;
41190
41381
  height: 6px;
41191
41382
  overflow: hidden;
41192
41383
  }
41193
- .cn-checklist-run__progress-fill[data-v-f3678d20] {
41384
+ .cn-checklist-run__progress-fill[data-v-284eb804] {
41194
41385
  background: var(--color-primary-element);
41195
41386
  display: block;
41196
41387
  height: 100%;
41197
41388
  }
41198
- .cn-checklist-run__live[data-v-f3678d20],
41199
- .cn-checklist-run__sr[data-v-f3678d20] {
41389
+ .cn-checklist-run__live[data-v-284eb804],
41390
+ .cn-checklist-run__sr[data-v-284eb804] {
41200
41391
  clip-path: inset(50%);
41201
41392
  height: 1px;
41202
41393
  overflow: hidden;
@@ -41204,8 +41395,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41204
41395
  white-space: nowrap;
41205
41396
  width: 1px;
41206
41397
  }
41207
- .cn-checklist-run__question[data-v-f3678d20],
41208
- .cn-checklist-run__photos[data-v-f3678d20] {
41398
+ .cn-checklist-run__question[data-v-284eb804],
41399
+ .cn-checklist-run__photos[data-v-284eb804] {
41209
41400
  background: var(--color-main-background);
41210
41401
  border: 1px solid var(--color-border);
41211
41402
  border-radius: var(--border-radius-large, 12px);
@@ -41215,13 +41406,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41215
41406
  margin: 0;
41216
41407
  padding: 12px 14px;
41217
41408
  }
41218
- .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] {
41219
41414
  font-size: 15px;
41220
41415
  font-weight: 600;
41221
41416
  line-height: 1.2;
41222
41417
  padding: 0 4px;
41223
41418
  }
41224
- .cn-checklist-run__help[data-v-f3678d20] {
41419
+ .cn-checklist-run__help[data-v-284eb804] {
41225
41420
  color: var(--color-text-maxcontrast);
41226
41421
  font-size: 14px;
41227
41422
  line-height: 1.2;
@@ -41230,7 +41425,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41230
41425
 
41231
41426
  /* An option reads as text, not as a field label (a theme makes every label
41232
41427
  bold); 15px as the board draws it (DqInspectie). */
41233
- .cn-checklist-run__choice[data-v-f3678d20] {
41428
+ .cn-checklist-run__choice[data-v-284eb804] {
41234
41429
  align-items: center;
41235
41430
  display: flex;
41236
41431
  font-size: 15px;
@@ -41240,32 +41435,32 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41240
41435
  }
41241
41436
 
41242
41437
  /* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
41243
- .cn-checklist-run__choice input[data-v-f3678d20] {
41438
+ .cn-checklist-run__choice input[data-v-284eb804] {
41244
41439
  accent-color: var(--color-primary-element);
41245
41440
  height: 20px;
41246
41441
  margin: 3px 3px 0 5px;
41247
41442
  width: 20px;
41248
41443
  }
41249
- .cn-checklist-run__text[data-v-f3678d20],
41250
- .cn-checklist-run__number[data-v-f3678d20] {
41444
+ .cn-checklist-run__text[data-v-284eb804],
41445
+ .cn-checklist-run__number[data-v-284eb804] {
41251
41446
  box-sizing: border-box;
41252
41447
  width: 100%;
41253
41448
  }
41254
- .cn-checklist-run__group[data-v-f3678d20] {
41449
+ .cn-checklist-run__group[data-v-284eb804] {
41255
41450
  font-size: 14px;
41256
41451
  font-weight: 600;
41257
41452
  margin: 0;
41258
41453
  }
41259
- .cn-checklist-run__note-label[data-v-f3678d20] {
41454
+ .cn-checklist-run__note-label[data-v-284eb804] {
41260
41455
  display: flex;
41261
41456
  flex-direction: column;
41262
41457
  gap: 4px;
41263
41458
  }
41264
- .cn-checklist-run__photo-list[data-v-f3678d20] {
41459
+ .cn-checklist-run__photo-list[data-v-284eb804] {
41265
41460
  margin: 0;
41266
41461
  padding-inline-start: 18px;
41267
41462
  }
41268
- .cn-checklist-run__photo-button[data-v-f3678d20] {
41463
+ .cn-checklist-run__photo-button[data-v-284eb804] {
41269
41464
  align-items: center;
41270
41465
  align-self: flex-start;
41271
41466
  border: 1px solid var(--color-border-dark);
@@ -41276,26 +41471,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41276
41471
  min-height: 34px;
41277
41472
  padding: 0 14px;
41278
41473
  }
41279
- .cn-checklist-run__photo-button[data-v-f3678d20]:focus-within {
41474
+ .cn-checklist-run__photo-button[data-v-284eb804]:focus-within {
41280
41475
  outline: 2px solid var(--color-primary-element);
41281
41476
  outline-offset: 2px;
41282
41477
  }
41283
- .cn-checklist-run__photo-input[data-v-f3678d20] {
41478
+ .cn-checklist-run__photo-input[data-v-284eb804] {
41284
41479
  clip-path: inset(50%);
41285
41480
  height: 1px;
41286
41481
  overflow: hidden;
41287
41482
  position: absolute;
41288
41483
  width: 1px;
41289
41484
  }
41290
- .cn-checklist-run__nav[data-v-f3678d20] {
41485
+ .cn-checklist-run__nav[data-v-284eb804] {
41291
41486
  display: flex;
41292
41487
  justify-content: space-between;
41293
41488
  }
41294
- .cn-checklist-run__error[data-v-f3678d20] {
41489
+ .cn-checklist-run__error[data-v-284eb804] {
41295
41490
  color: var(--color-error-text, var(--color-error));
41296
41491
  margin: 0;
41297
41492
  }
41298
- .cn-checklist-run__empty[data-v-f3678d20] {
41493
+ .cn-checklist-run__empty[data-v-284eb804] {
41299
41494
  color: var(--color-text-maxcontrast);
41300
41495
  }
41301
41496
 
@@ -41577,38 +41772,64 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41577
41772
  }
41578
41773
 
41579
41774
 
41580
- .cn-field-list-widget[data-v-785b1f94] {
41775
+ .cn-field-list-widget[data-v-80d5a77a] {
41581
41776
  display: flex;
41582
41777
  flex-direction: column;
41583
41778
  gap: 12px;
41584
41779
  min-width: 0;
41585
41780
  }
41586
- .cn-field-list-widget__lead[data-v-785b1f94] {
41781
+ .cn-field-list-widget__lead[data-v-80d5a77a] {
41587
41782
  margin: 0;
41588
41783
  font-weight: bold;
41589
41784
  }
41590
- .cn-field-list-widget__rows[data-v-785b1f94] {
41785
+ .cn-field-list-widget__rows[data-v-80d5a77a] {
41591
41786
  list-style: none;
41592
41787
  margin: 0;
41593
41788
  padding: 0;
41594
41789
  display: flex;
41595
41790
  flex-direction: column;
41596
41791
  }
41597
- .cn-field-list-widget__row[data-v-785b1f94] {
41792
+ .cn-field-list-widget__row[data-v-80d5a77a] {
41598
41793
  padding: 10px 0;
41599
41794
  border-top: 1px solid var(--color-border);
41600
41795
  }
41601
- .cn-field-list-widget__row[data-v-785b1f94]:first-child {
41796
+ .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
41602
41797
  border-top: none;
41603
41798
  padding-top: 0;
41604
41799
  }
41605
- .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] {
41606
41827
  display: flex;
41607
41828
  align-items: center;
41608
41829
  gap: 12px;
41609
41830
  min-width: 0;
41610
41831
  }
41611
- .cn-field-list-widget__avatar[data-v-785b1f94] {
41832
+ .cn-field-list-widget__avatar[data-v-80d5a77a] {
41612
41833
  flex: 0 0 auto;
41613
41834
  display: inline-flex;
41614
41835
  align-items: center;
@@ -41621,69 +41842,69 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41621
41842
  font-size: 12px;
41622
41843
  font-weight: 700;
41623
41844
  }
41624
- .cn-field-list-widget__main[data-v-785b1f94] {
41845
+ .cn-field-list-widget__main[data-v-80d5a77a] {
41625
41846
  display: flex;
41626
41847
  flex-direction: column;
41627
41848
  flex: 1 1 auto;
41628
41849
  min-width: 0;
41629
41850
  }
41630
- .cn-field-list-widget__title[data-v-785b1f94] {
41851
+ .cn-field-list-widget__title[data-v-80d5a77a] {
41631
41852
  font-weight: 600;
41632
41853
  overflow-wrap: anywhere;
41633
41854
  }
41634
- .cn-field-list-widget__meta[data-v-785b1f94],
41635
- .cn-field-list-widget__aside[data-v-785b1f94],
41636
- .cn-field-list-widget__detail[data-v-785b1f94],
41637
- .cn-field-list-widget__hint[data-v-785b1f94],
41638
- .cn-field-list-widget__empty[data-v-785b1f94] {
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] {
41639
41860
  color: var(--color-text-maxcontrast);
41640
41861
  }
41641
- .cn-field-list-widget__meta[data-v-785b1f94],
41642
- .cn-field-list-widget__aside[data-v-785b1f94],
41643
- .cn-field-list-widget__copies[data-v-785b1f94] {
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] {
41644
41865
  display: flex;
41645
41866
  flex-wrap: wrap;
41646
41867
  gap: 4px;
41647
41868
  }
41648
- .cn-field-list-widget__detail[data-v-785b1f94] {
41869
+ .cn-field-list-widget__detail[data-v-80d5a77a] {
41649
41870
  font-size: 13px;
41650
41871
  }
41651
- .cn-field-list-widget__aside[data-v-785b1f94] {
41872
+ .cn-field-list-widget__aside[data-v-80d5a77a] {
41652
41873
  white-space: nowrap;
41653
41874
  }
41654
- .cn-field-list-widget__detail[data-v-785b1f94],
41655
- .cn-field-list-widget__hint[data-v-785b1f94],
41656
- .cn-field-list-widget__empty[data-v-785b1f94] {
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] {
41657
41878
  margin: 4px 0 0;
41658
41879
  overflow-wrap: anywhere;
41659
41880
  }
41660
- .cn-field-list-widget__add[data-v-785b1f94] {
41881
+ .cn-field-list-widget__add[data-v-80d5a77a] {
41661
41882
  display: flex;
41662
41883
  flex-wrap: wrap;
41663
41884
  align-items: flex-end;
41664
41885
  gap: 8px 12px;
41665
41886
  }
41666
- .cn-field-list-widget__add[data-v-785b1f94] > * {
41887
+ .cn-field-list-widget__add[data-v-80d5a77a] > * {
41667
41888
  flex: 1 1 180px;
41668
41889
  }
41669
- .cn-field-list-widget__add > button[data-v-785b1f94] {
41890
+ .cn-field-list-widget__add > button[data-v-80d5a77a] {
41670
41891
  flex: 0 0 auto;
41671
41892
  }
41672
- .cn-field-list-widget__toolbar[data-v-785b1f94] {
41893
+ .cn-field-list-widget__toolbar[data-v-80d5a77a] {
41673
41894
  display: flex;
41674
41895
  justify-content: flex-end;
41675
41896
  }
41676
- .cn-field-list-widget__table-wrap[data-v-785b1f94] {
41897
+ .cn-field-list-widget__table-wrap[data-v-80d5a77a] {
41677
41898
  display: flex;
41678
41899
  flex-direction: column;
41679
41900
  gap: 12px;
41680
41901
  overflow-x: auto;
41681
41902
  }
41682
- .cn-field-list-widget__table[data-v-785b1f94] {
41903
+ .cn-field-list-widget__table[data-v-80d5a77a] {
41683
41904
  width: 100%;
41684
41905
  border-collapse: collapse;
41685
41906
  }
41686
- .cn-field-list-widget__th[data-v-785b1f94] {
41907
+ .cn-field-list-widget__th[data-v-80d5a77a] {
41687
41908
  padding: 8px 12px;
41688
41909
  text-align: start;
41689
41910
  font-size: 13px;
@@ -41692,31 +41913,31 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41692
41913
  color: var(--color-text-maxcontrast);
41693
41914
  background: var(--color-background-hover);
41694
41915
  }
41695
- .cn-field-list-widget__th--menu[data-v-785b1f94],
41696
- .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] {
41697
41918
  font-size: 0.85em;
41698
41919
  word-break: break-all;
41699
41920
  }
41700
- .cn-field-list-widget__td--menu[data-v-785b1f94] {
41921
+ .cn-field-list-widget__td--menu[data-v-80d5a77a] {
41701
41922
  width: 1%;
41702
41923
  text-align: end;
41703
41924
  }
41704
- .cn-field-list-widget__tr[data-v-785b1f94] {
41925
+ .cn-field-list-widget__tr[data-v-80d5a77a] {
41705
41926
  border-top: 1px solid var(--cn-board-hairline, var(--color-border));
41706
41927
  }
41707
- .cn-field-list-widget__td[data-v-785b1f94] {
41928
+ .cn-field-list-widget__td[data-v-80d5a77a] {
41708
41929
  padding: 10px 12px;
41709
41930
  vertical-align: middle;
41710
41931
  overflow-wrap: anywhere;
41711
41932
  }
41712
- .cn-field-list-widget__sr[data-v-785b1f94] {
41933
+ .cn-field-list-widget__sr[data-v-80d5a77a] {
41713
41934
  position: absolute;
41714
41935
  width: 1px;
41715
41936
  height: 1px;
41716
41937
  overflow: hidden;
41717
41938
  clip-path: inset(50%);
41718
41939
  }
41719
- .cn-field-list-widget__band[data-v-785b1f94] {
41940
+ .cn-field-list-widget__band[data-v-80d5a77a] {
41720
41941
  display: flex;
41721
41942
  flex-wrap: wrap;
41722
41943
  align-items: center;
@@ -42457,20 +42678,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42457
42678
  }
42458
42679
 
42459
42680
 
42460
- .cn-record-list__checklist-bar[data-v-59c81065] {
42681
+ .cn-record-list__checklist-bar[data-v-0e3cf5c3] {
42461
42682
  height: 8px;
42462
42683
  margin-block-end: 16px;
42463
42684
  border-radius: 4px;
42464
42685
  background: var(--color-background-dark);
42465
42686
  overflow: hidden;
42466
42687
  }
42467
- .cn-record-list__checklist-fill[data-v-59c81065] {
42688
+ .cn-record-list__checklist-fill[data-v-0e3cf5c3] {
42468
42689
  display: block;
42469
42690
  height: 100%;
42470
42691
  border-radius: 4px;
42471
42692
  background: var(--color-primary-element);
42472
42693
  }
42473
- .cn-record-list__checklist[data-v-59c81065] {
42694
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42474
42695
  display: grid;
42475
42696
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
42476
42697
  gap: 8px 16px;
@@ -42478,16 +42699,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42478
42699
  padding: 0;
42479
42700
  list-style: none;
42480
42701
  }
42481
- .cn-record-list__check[data-v-59c81065] {
42702
+ .cn-record-list__check[data-v-0e3cf5c3] {
42482
42703
  display: flex;
42483
42704
  align-items: center;
42484
42705
  gap: 8px;
42485
42706
  min-height: 28px;
42486
42707
  }
42487
- .cn-record-list__check--done[data-v-59c81065] {
42708
+ .cn-record-list__check--done[data-v-0e3cf5c3] {
42488
42709
  color: var(--color-text-maxcontrast);
42489
42710
  }
42490
- .cn-record-list__check-mark[data-v-59c81065] {
42711
+ .cn-record-list__check-mark[data-v-0e3cf5c3] {
42491
42712
  display: inline-flex;
42492
42713
  flex: none;
42493
42714
  align-items: center;
@@ -42497,45 +42718,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42497
42718
  border: 2px solid var(--color-border-maxcontrast);
42498
42719
  border-radius: 50%;
42499
42720
  }
42500
- .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] {
42501
42722
  border-color: transparent;
42502
42723
  background: var(--color-success-hover, var(--color-background-dark));
42503
42724
  color: var(--color-success-text, var(--color-success));
42504
42725
  }
42505
42726
  @media (max-width: 640px) {
42506
- .cn-record-list__checklist[data-v-59c81065] {
42727
+ .cn-record-list__checklist[data-v-0e3cf5c3] {
42507
42728
  grid-template-columns: minmax(0, 1fr);
42508
42729
  }
42509
42730
  }
42510
- .cn-record-list__set-field-done[data-v-59c81065] {
42731
+ .cn-record-list__set-field-done[data-v-0e3cf5c3] {
42511
42732
  display: inline-flex;
42512
42733
  align-items: center;
42513
42734
  gap: 4px;
42514
42735
  color: var(--color-success-text, var(--color-success));
42515
42736
  font-weight: bold;
42516
42737
  }
42517
- .cn-record-list__list[data-v-59c81065] {
42738
+ .cn-record-list__list[data-v-0e3cf5c3] {
42518
42739
  list-style: none;
42519
42740
  margin: 0;
42520
42741
  padding: 0;
42521
42742
  }
42522
- .cn-record-list__group-heading[data-v-59c81065] {
42743
+ .cn-record-list__group-heading[data-v-0e3cf5c3] {
42523
42744
  margin: 6px 0 0;
42524
42745
  font-size: 15px;
42525
42746
  font-weight: 700;
42526
42747
  line-height: 1.4;
42527
42748
  }
42528
- .cn-record-list__group-head[data-v-59c81065] {
42749
+ .cn-record-list__group-head[data-v-0e3cf5c3] {
42529
42750
  display: flex;
42530
42751
  align-items: center;
42531
42752
  justify-content: space-between;
42532
42753
  gap: 8px;
42533
42754
  margin-top: 6px;
42534
42755
  }
42535
- .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] {
42536
42757
  margin: 0;
42537
42758
  }
42538
- .cn-record-list__action--tonal.button-vue[data-v-59c81065] {
42759
+ .cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
42539
42760
  min-height: 34px;
42540
42761
  height: 34px;
42541
42762
  padding: 0 12px;
@@ -42546,34 +42767,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42546
42767
  font-size: 13px;
42547
42768
  font-weight: 600;
42548
42769
  }
42549
- .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) {
42550
42771
  background-color: var(--color-primary-element-light-hover);
42551
42772
  }
42552
- .cn-record-list__footer[data-v-59c81065] {
42773
+ .cn-record-list__footer[data-v-0e3cf5c3] {
42553
42774
  display: flex;
42554
42775
  flex-direction: column;
42555
42776
  align-items: flex-start;
42556
42777
  gap: 6px;
42557
42778
  margin-top: 10px;
42558
42779
  }
42559
- .cn-record-list__footer--wide[data-v-59c81065] {
42780
+ .cn-record-list__footer--wide[data-v-0e3cf5c3] {
42560
42781
  align-items: stretch;
42561
42782
  }
42562
- .cn-record-list__footer-note[data-v-59c81065] {
42783
+ .cn-record-list__footer-note[data-v-0e3cf5c3] {
42563
42784
  margin: 0 0 6px;
42564
42785
  color: var(--color-text-maxcontrast);
42565
42786
  font-size: 13px;
42566
42787
  }
42567
- .cn-record-list__footer-reason[data-v-59c81065] {
42788
+ .cn-record-list__footer-reason[data-v-0e3cf5c3] {
42568
42789
  font-size: 13px;
42569
42790
  color: var(--color-text-maxcontrast);
42570
42791
  }
42571
- .cn-record-list__empty[data-v-59c81065],
42572
- .cn-record-list__error[data-v-59c81065] {
42792
+ .cn-record-list__empty[data-v-0e3cf5c3],
42793
+ .cn-record-list__error[data-v-0e3cf5c3] {
42573
42794
  color: var(--color-text-maxcontrast);
42574
42795
  margin: 0;
42575
42796
  }
42576
- .cn-record-list__notice[data-v-59c81065] {
42797
+ .cn-record-list__notice[data-v-0e3cf5c3] {
42577
42798
  display: flex;
42578
42799
  gap: 10px;
42579
42800
  align-items: flex-start;
@@ -42582,41 +42803,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42582
42803
  background: var(--color-primary-element-light, var(--color-background-dark));
42583
42804
  color: var(--color-main-text);
42584
42805
  }
42585
- .cn-record-list__notice--warning[data-v-59c81065] {
42806
+ .cn-record-list__notice--warning[data-v-0e3cf5c3] {
42586
42807
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
42587
42808
  color: var(--color-warning-text, var(--color-main-text));
42588
42809
  }
42589
- .cn-record-list__notice--error[data-v-59c81065] {
42810
+ .cn-record-list__notice--error[data-v-0e3cf5c3] {
42590
42811
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
42591
42812
  color: var(--color-error-text, var(--color-main-text));
42592
42813
  }
42593
- .cn-record-list__notice--footnote[data-v-59c81065] {
42814
+ .cn-record-list__notice--footnote[data-v-0e3cf5c3] {
42594
42815
  margin-top: 12px;
42595
42816
  }
42596
- .cn-record-list__notice-icon[data-v-59c81065] {
42817
+ .cn-record-list__notice-icon[data-v-0e3cf5c3] {
42597
42818
  flex: 0 0 auto;
42598
42819
  margin-top: 1px;
42599
42820
  }
42600
- .cn-record-list__notice-text[data-v-59c81065] {
42821
+ .cn-record-list__notice-text[data-v-0e3cf5c3] {
42601
42822
  margin: 0;
42602
42823
  line-height: 1.5;
42603
42824
  }
42604
- .cn-record-list__loading[data-v-59c81065] {
42825
+ .cn-record-list__loading[data-v-0e3cf5c3] {
42605
42826
  display: flex;
42606
42827
  justify-content: center;
42607
42828
  padding: 8px 0;
42608
42829
  }
42609
42830
 
42610
42831
  /* rows */
42611
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-59c81065],
42612
- .cn-record-list--rule-above .cn-record-list__item[data-v-59c81065]:first-child {
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 {
42613
42834
  border-top: 1px solid var(--color-border);
42614
42835
  }
42615
- .cn-record-list__pill-start[data-v-59c81065] {
42836
+ .cn-record-list__pill-start[data-v-0e3cf5c3] {
42616
42837
  display: flex;
42617
42838
  flex: none;
42618
42839
  }
42619
- .cn-record-list__bar[data-v-59c81065] {
42840
+ .cn-record-list__bar[data-v-0e3cf5c3] {
42620
42841
  background: var(--color-border);
42621
42842
  border-radius: 3px;
42622
42843
  display: block;
@@ -42624,15 +42845,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42624
42845
  margin: -6px 0 12px;
42625
42846
  overflow: hidden;
42626
42847
  }
42627
- .cn-record-list__bar-fill[data-v-59c81065] {
42848
+ .cn-record-list__bar-fill[data-v-0e3cf5c3] {
42628
42849
  background: var(--color-primary-element);
42629
42850
  display: block;
42630
42851
  height: 100%;
42631
42852
  }
42632
- .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] {
42633
42854
  background: var(--color-error);
42634
42855
  }
42635
- .cn-record-list__row[data-v-59c81065] {
42856
+ .cn-record-list__row[data-v-0e3cf5c3] {
42636
42857
  align-items: center;
42637
42858
  color: var(--color-main-text);
42638
42859
  display: flex;
@@ -42640,17 +42861,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42640
42861
  padding: 12px 0;
42641
42862
  text-decoration: none;
42642
42863
  }
42643
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-59c81065],
42644
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-59c81065] {
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] {
42645
42866
  text-decoration: underline;
42646
42867
  }
42647
- .cn-record-list__dot[data-v-59c81065] {
42868
+ .cn-record-list__dot[data-v-0e3cf5c3] {
42648
42869
  flex: 0 0 14px;
42649
42870
  width: 14px;
42650
42871
  height: 14px;
42651
42872
  border-radius: 50%;
42652
42873
  }
42653
- .cn-record-list__flag[data-v-59c81065] {
42874
+ .cn-record-list__flag[data-v-0e3cf5c3] {
42654
42875
  color: var(--color-text-maxcontrast);
42655
42876
  font-size: 14px;
42656
42877
  white-space: nowrap;
@@ -42658,12 +42879,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42658
42879
 
42659
42880
  /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
42660
42881
  keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
42661
- .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] {
42662
42883
  width: 32px;
42663
42884
  height: 32px;
42664
42885
  margin-inline-end: -4px;
42665
42886
  }
42666
- .cn-record-list__avatar[data-v-59c81065] {
42887
+ .cn-record-list__avatar[data-v-0e3cf5c3] {
42667
42888
  align-items: center;
42668
42889
  background: var(--color-background-hover);
42669
42890
  border-radius: 50%;
@@ -42676,97 +42897,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42676
42897
  justify-content: center;
42677
42898
  width: 36px;
42678
42899
  }
42679
- .cn-record-list__main[data-v-59c81065] {
42900
+ .cn-record-list__main[data-v-0e3cf5c3] {
42680
42901
  display: flex;
42681
42902
  flex: 1 1 auto;
42682
42903
  flex-direction: column;
42683
42904
  gap: 2px;
42684
42905
  min-width: 0;
42685
42906
  }
42686
- .cn-record-list__title[data-v-59c81065] {
42907
+ .cn-record-list__title[data-v-0e3cf5c3] {
42687
42908
  font-size: 15px;
42688
42909
  font-weight: 700;
42689
42910
  }
42690
- .cn-record-list--compact .cn-record-list__row[data-v-59c81065] {
42911
+ .cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
42691
42912
  box-sizing: border-box;
42692
42913
  min-height: 56px;
42693
42914
  padding: 10px 0;
42694
42915
  }
42695
- .cn-record-list--compact .cn-record-list__title[data-v-59c81065] {
42916
+ .cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
42696
42917
  font-weight: 500;
42697
42918
  }
42698
42919
 
42699
42920
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
42700
42921
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
42701
- .cn-record-list--stacked .cn-record-list__list[data-v-59c81065] {
42922
+ .cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
42702
42923
  display: flex;
42703
42924
  flex-direction: column;
42704
42925
  gap: 10px;
42705
42926
  }
42706
- .cn-record-list--stacked .cn-record-list__row[data-v-59c81065] {
42927
+ .cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
42707
42928
  min-height: 0;
42708
42929
  padding: 0;
42709
42930
  }
42710
- .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] {
42711
42932
  border-top: 0;
42712
42933
  }
42713
- .cn-record-list__meta[data-v-59c81065] {
42934
+ .cn-record-list__meta[data-v-0e3cf5c3] {
42714
42935
  color: var(--color-text-maxcontrast);
42715
42936
  font-size: 13px;
42716
42937
  }
42717
- .cn-record-list__aside[data-v-59c81065] {
42938
+ .cn-record-list__aside[data-v-0e3cf5c3] {
42718
42939
  align-items: center;
42719
42940
  display: flex;
42720
42941
  flex: none;
42721
42942
  gap: 16px;
42722
42943
  }
42723
- .cn-record-list__leading[data-v-59c81065] {
42944
+ .cn-record-list__leading[data-v-0e3cf5c3] {
42724
42945
  flex: 0 0 52px;
42725
42946
  color: var(--color-text-maxcontrast);
42726
42947
  font-size: 14px;
42727
42948
  font-weight: 600;
42728
42949
  font-variant-numeric: tabular-nums;
42729
42950
  }
42730
- .cn-record-list__trailing[data-v-59c81065] {
42951
+ .cn-record-list__trailing[data-v-0e3cf5c3] {
42731
42952
  font-size: 14px;
42732
42953
  white-space: nowrap;
42733
42954
  }
42734
- .cn-record-list__due[data-v-59c81065] {
42955
+ .cn-record-list__due[data-v-0e3cf5c3] {
42735
42956
  font-size: 14px;
42736
42957
  white-space: nowrap;
42737
42958
  }
42738
- .cn-record-list__due--danger[data-v-59c81065] {
42959
+ .cn-record-list__due--danger[data-v-0e3cf5c3] {
42739
42960
  color: var(--color-text-error, var(--color-error-text));
42740
42961
  font-weight: 600;
42741
42962
  }
42742
- .cn-record-list__table[data-v-59c81065] {
42963
+ .cn-record-list__table[data-v-0e3cf5c3] {
42743
42964
  width: 100%;
42744
42965
  border-collapse: collapse;
42745
42966
  font-size: 14px;
42746
42967
  }
42747
- .cn-record-list__table th[data-v-59c81065] {
42968
+ .cn-record-list__table th[data-v-0e3cf5c3] {
42748
42969
  padding: 6px 0;
42749
42970
  border-bottom: 1px solid var(--color-border);
42750
42971
  color: var(--color-text-maxcontrast);
42751
42972
  font-weight: 600;
42752
42973
  text-align: start;
42753
42974
  }
42754
- .cn-record-list__table td[data-v-59c81065] {
42975
+ .cn-record-list__table td[data-v-0e3cf5c3] {
42755
42976
  padding: 8px 0;
42756
42977
  border-bottom: 1px solid var(--color-border);
42757
42978
  }
42758
- .cn-record-list__cell-sub[data-v-59c81065] {
42979
+ .cn-record-list__cell-sub[data-v-0e3cf5c3] {
42759
42980
  display: block;
42760
42981
  color: var(--color-text-maxcontrast);
42761
42982
  font-size: 13px;
42762
42983
  }
42763
- .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] {
42764
42985
  width: 1%;
42765
42986
  padding-inline-start: 12px;
42766
42987
  text-align: end;
42767
42988
  white-space: nowrap;
42768
42989
  }
42769
- .cn-record-list__sort[data-v-59c81065] {
42990
+ .cn-record-list__sort[data-v-0e3cf5c3] {
42770
42991
  display: inline-flex;
42771
42992
  gap: 4px;
42772
42993
  align-items: center;
@@ -42779,83 +43000,90 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42779
43000
  font: inherit;
42780
43001
  cursor: pointer;
42781
43002
  }
42782
- .cn-record-list__sort[data-v-59c81065]:focus-visible {
43003
+ .cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
42783
43004
  outline: 2px solid var(--color-primary-element);
42784
43005
  outline-offset: 2px;
42785
43006
  }
42786
- .cn-record-list__sort-mark[data-v-59c81065] {
42787
- font-size: 10px;
43007
+ .cn-record-list__sort-mark[data-v-0e3cf5c3] {
43008
+ color: var(--color-text-maxcontrast);
42788
43009
  }
42789
- .cn-record-list__head[data-v-59c81065] {
43010
+ .cn-record-list__head[data-v-0e3cf5c3] {
42790
43011
  display: inline-flex;
42791
43012
  gap: 4px;
42792
43013
  align-items: center;
42793
43014
  }
42794
- .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 {
42795
43019
  --button-size: 22px;
43020
+ width: 22px;
43021
+ min-width: 22px;
43022
+ height: 22px;
43023
+ min-height: 22px;
42796
43024
  }
42797
- .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] {
42798
43026
  padding-inline-start: 12px;
42799
43027
  text-align: end;
42800
43028
  font-variant-numeric: tabular-nums;
42801
43029
  }
42802
- .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] {
42803
43031
  color: var(--color-text-error, var(--color-error-text));
42804
43032
  font-weight: 700;
42805
43033
  }
42806
- .cn-record-list__intro[data-v-59c81065] {
43034
+ .cn-record-list__intro[data-v-0e3cf5c3] {
42807
43035
  margin: 0 0 8px;
42808
43036
  color: var(--color-text-maxcontrast);
42809
43037
  }
42810
- .cn-record-list__footnote[data-v-59c81065] {
43038
+ .cn-record-list__footnote[data-v-0e3cf5c3] {
42811
43039
  margin: 8px 0 0;
42812
43040
  color: var(--color-text-maxcontrast);
42813
43041
  font-size: 13px;
42814
43042
  }
42815
- .cn-record-list__due--soon[data-v-59c81065] {
43043
+ .cn-record-list__due--soon[data-v-0e3cf5c3] {
42816
43044
  color: var(--color-text-warning, var(--color-warning-text));
42817
43045
  font-weight: 600;
42818
43046
  }
42819
- .cn-record-list__due--empty[data-v-59c81065] {
43047
+ .cn-record-list__due--empty[data-v-0e3cf5c3] {
42820
43048
  color: var(--color-text-maxcontrast);
42821
43049
  }
42822
- .cn-record-list__row--action[data-v-59c81065] {
43050
+ .cn-record-list__row--action[data-v-0e3cf5c3] {
42823
43051
  flex-wrap: wrap;
42824
43052
  gap: 8px 16px;
42825
43053
  padding: 14px 0;
42826
43054
  }
42827
- .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] {
42828
43056
  flex: 1 1 280px;
42829
43057
  gap: 3px;
42830
43058
  }
42831
- .cn-record-list__title--link[data-v-59c81065] {
43059
+ .cn-record-list__title--link[data-v-0e3cf5c3] {
42832
43060
  color: var(--color-main-text);
42833
43061
  text-decoration: underline;
42834
43062
  }
42835
- .cn-record-list__pills[data-v-59c81065] {
43063
+ .cn-record-list__pills[data-v-0e3cf5c3] {
42836
43064
  display: flex;
42837
43065
  flex: 0 0 120px;
42838
43066
  gap: 6px;
42839
43067
  justify-content: flex-end;
42840
43068
  }
42841
- .cn-record-list__due--below[data-v-59c81065] {
43069
+ .cn-record-list__due--below[data-v-0e3cf5c3] {
42842
43070
  font-size: 13px;
42843
43071
  font-weight: 600;
42844
43072
  white-space: normal;
42845
43073
  }
42846
- .cn-record-list__footer-link[data-v-59c81065] {
43074
+ .cn-record-list__footer-link[data-v-0e3cf5c3] {
42847
43075
  align-self: flex-start;
42848
43076
  padding-top: 8px;
42849
43077
  font-size: 14px;
42850
43078
  font-weight: 600;
42851
43079
  text-decoration: underline;
42852
43080
  }
42853
- .cn-record-list__due--column[data-v-59c81065] {
43081
+ .cn-record-list__due--column[data-v-0e3cf5c3] {
42854
43082
  flex: 0 0 96px;
42855
43083
  font-size: 13px;
42856
43084
  text-align: end;
42857
43085
  }
42858
- .cn-record-list__action[data-v-59c81065] {
43086
+ .cn-record-list__action[data-v-0e3cf5c3] {
42859
43087
  align-items: center;
42860
43088
  background: var(--color-primary-element-light);
42861
43089
  border: 0;
@@ -42869,15 +43097,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42869
43097
  font-weight: 600;
42870
43098
  height: 34px;
42871
43099
  justify-content: center;
42872
- margin: 0;
42873
43100
  padding: 0 14px;
42874
43101
  text-decoration: none;
42875
43102
  }
42876
- .cn-record-list__action[data-v-59c81065]:hover,
42877
- .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 {
42878
43111
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
42879
43112
  }
42880
- .cn-record-list__chevron[data-v-59c81065] {
43113
+ .cn-record-list__chevron[data-v-0e3cf5c3] {
42881
43114
  color: var(--color-text-maxcontrast);
42882
43115
  flex: none;
42883
43116
  }
@@ -42885,15 +43118,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42885
43118
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
42886
43119
  tiles in a grid, the title at 14px regular. The selectors outrank the board
42887
43120
  look's list row rules. */
42888
- .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] {
42889
43122
  display: grid;
42890
43123
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
42891
43124
  gap: 8px;
42892
43125
  }
42893
- .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] {
42894
43127
  border-top: 0;
42895
43128
  }
42896
- .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] {
42897
43130
  box-sizing: border-box;
42898
43131
  height: 100%;
42899
43132
  gap: 10px;
@@ -42902,19 +43135,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42902
43135
  border: 1px solid var(--cn-board-hairline, var(--color-border));
42903
43136
  border-radius: 8px;
42904
43137
  }
42905
- .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] {
42906
43139
  font-size: 14px;
42907
43140
  font-weight: 400;
42908
43141
  }
42909
43142
 
42910
43143
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
42911
- .cn-record-list--cards .cn-record-list__list[data-v-59c81065] {
43144
+ .cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
42912
43145
  align-items: start;
42913
43146
  display: grid;
42914
43147
  gap: 16px;
42915
43148
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
42916
43149
  }
42917
- .cn-record-list__card[data-v-59c81065] {
43150
+ .cn-record-list__card[data-v-0e3cf5c3] {
42918
43151
  background: var(--color-main-background);
42919
43152
  border: 1px solid var(--color-border);
42920
43153
  border-radius: 12px;
@@ -42930,63 +43163,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42930
43163
  /* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
42931
43164
  "Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
42932
43165
  18px line with the pill at its end, the meta 6px under it. */
42933
- .cn-record-list--compact .cn-record-list__card[data-v-59c81065] {
43166
+ .cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
42934
43167
  gap: 6px;
42935
43168
  padding: 12px 14px;
42936
43169
  }
42937
- .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] {
42938
43171
  align-items: flex-start;
42939
43172
  }
42940
- .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] {
42941
43174
  font-size: 15px;
42942
43175
  font-weight: 700;
42943
43176
  line-height: 1.2;
42944
43177
  }
42945
- .cn-record-list__card--link[data-v-59c81065]:hover,
42946
- .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 {
42947
43180
  border-color: var(--color-border-dark, var(--color-border));
42948
43181
  }
42949
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-59c81065],
42950
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-59c81065] {
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] {
42951
43184
  text-decoration: underline;
42952
43185
  }
42953
- .cn-record-list__card-head[data-v-59c81065] {
43186
+ .cn-record-list__card-head[data-v-0e3cf5c3] {
42954
43187
  align-items: center;
42955
43188
  display: flex;
42956
43189
  gap: 8px;
42957
43190
  justify-content: space-between;
42958
43191
  }
42959
- .cn-record-list__card-title[data-v-59c81065] {
43192
+ .cn-record-list__card-title[data-v-0e3cf5c3] {
42960
43193
  align-items: center;
42961
43194
  display: flex;
42962
43195
  gap: 8px;
42963
43196
  min-width: 0;
42964
43197
  }
42965
- .cn-record-list__card-icon[data-v-59c81065] {
43198
+ .cn-record-list__card-icon[data-v-0e3cf5c3] {
42966
43199
  color: var(--color-primary-element);
42967
43200
  flex: none;
42968
43201
  }
42969
- .cn-record-list__card-pills[data-v-59c81065] {
43202
+ .cn-record-list__card-pills[data-v-0e3cf5c3] {
42970
43203
  display: flex;
42971
43204
  flex: none;
42972
43205
  gap: 6px;
42973
43206
  }
42974
- .cn-record-list__card-value[data-v-59c81065] {
43207
+ .cn-record-list__card-value[data-v-0e3cf5c3] {
42975
43208
  font-size: 24px;
42976
43209
  font-weight: 700;
42977
43210
  }
42978
43211
 
42979
43212
  /* feed */
42980
- .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] {
42981
43214
  border-top: 1px solid var(--color-border);
42982
43215
  }
42983
- .cn-record-list__feed-row[data-v-59c81065] {
43216
+ .cn-record-list__feed-row[data-v-0e3cf5c3] {
42984
43217
  align-items: flex-start;
42985
43218
  display: flex;
42986
43219
  gap: 14px;
42987
43220
  padding: 12px 0;
42988
43221
  }
42989
- .cn-record-list__feed-icon[data-v-59c81065] {
43222
+ .cn-record-list__feed-icon[data-v-0e3cf5c3] {
42990
43223
  align-items: center;
42991
43224
  background: var(--color-primary-element-light);
42992
43225
  border-radius: 50%;
@@ -42997,25 +43230,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
42997
43230
  justify-content: center;
42998
43231
  width: 36px;
42999
43232
  }
43000
- .cn-record-list__text[data-v-59c81065] {
43233
+ .cn-record-list__text[data-v-0e3cf5c3] {
43001
43234
  font-size: 15px;
43002
43235
  }
43003
- .cn-record-list--feed .cn-record-list__main[data-v-59c81065] {
43236
+ .cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
43004
43237
  color: var(--color-main-text);
43005
43238
  text-decoration: none;
43006
43239
  }
43007
43240
 
43008
43241
  /* inline */
43009
- .cn-record-list__inline-row[data-v-59c81065] {
43242
+ .cn-record-list__inline-row[data-v-0e3cf5c3] {
43010
43243
  padding: 4px 0;
43011
43244
  }
43012
- .cn-record-list__label[data-v-59c81065] {
43245
+ .cn-record-list__label[data-v-0e3cf5c3] {
43013
43246
  margin-inline-end: 4px;
43014
43247
  }
43015
- .cn-record-list__inline-title[data-v-59c81065] {
43248
+ .cn-record-list__inline-title[data-v-0e3cf5c3] {
43016
43249
  color: var(--color-main-text);
43017
43250
  }
43018
- a.cn-record-list__inline-title[data-v-59c81065] {
43251
+ a.cn-record-list__inline-title[data-v-0e3cf5c3] {
43019
43252
  color: var(--color-primary-element);
43020
43253
  text-decoration: underline;
43021
43254
  }
@@ -50685,30 +50918,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50685
50918
  }
50686
50919
 
50687
50920
 
50688
- .cn-register-mapping__group[data-v-26243e0a] {
50921
+ .cn-register-mapping__group[data-v-15c62064] {
50689
50922
  margin-bottom: 24px;
50690
50923
  border: 1px solid var(--color-border);
50691
50924
  border-radius: var(--border-radius-large);
50692
50925
  padding: 20px;
50693
50926
  background: var(--color-background-hover);
50694
50927
  }
50695
- .cn-register-mapping__group[data-v-26243e0a]:last-child {
50928
+ .cn-register-mapping__group[data-v-15c62064]:last-child {
50696
50929
  margin-bottom: 0;
50697
50930
  }
50698
- .cn-register-mapping__group-header[data-v-26243e0a] {
50931
+ .cn-register-mapping__group-header[data-v-15c62064] {
50699
50932
  display: flex;
50700
50933
  align-items: center;
50701
50934
  justify-content: space-between;
50702
50935
  margin-bottom: 12px;
50703
50936
  }
50704
- .cn-register-mapping__group-heading[data-v-26243e0a] {
50937
+ .cn-register-mapping__group-heading[data-v-15c62064] {
50705
50938
  margin: 0 0 12px;
50706
50939
  font: inherit;
50707
50940
  }
50708
- .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] {
50709
50942
  margin-bottom: 0;
50710
50943
  }
50711
- .cn-register-mapping__group-toggle[data-v-26243e0a] {
50944
+ .cn-register-mapping__group-toggle[data-v-15c62064] {
50712
50945
  box-sizing: border-box;
50713
50946
  display: flex;
50714
50947
  align-items: center;
@@ -50724,49 +50957,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50724
50957
  text-align: start;
50725
50958
  cursor: pointer;
50726
50959
  }
50727
- .cn-register-mapping__group-toggle[data-v-26243e0a]:focus-visible {
50960
+ .cn-register-mapping__group-toggle[data-v-15c62064]:focus-visible {
50728
50961
  outline: 2px solid var(--color-primary-element);
50729
50962
  outline-offset: 2px;
50730
50963
  border-radius: var(--border-radius);
50731
50964
  }
50732
- .cn-register-mapping__group-chevron[data-v-26243e0a] {
50965
+ .cn-register-mapping__group-chevron[data-v-15c62064] {
50733
50966
  display: inline-flex;
50734
50967
  flex: none;
50735
50968
  color: var(--color-text-maxcontrast);
50736
50969
  }
50737
- .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] {
50738
50971
  flex: 1 1 auto;
50739
50972
  flex-wrap: wrap;
50740
50973
  gap: 4px 12px;
50741
50974
  min-width: 0;
50742
50975
  margin-bottom: 0;
50743
50976
  }
50744
- .cn-register-mapping__group-title[data-v-26243e0a] {
50977
+ .cn-register-mapping__group-title[data-v-15c62064] {
50745
50978
  font-size: 16px;
50746
50979
  font-weight: 600;
50747
50980
  margin: 0;
50748
50981
  color: var(--color-main-text);
50749
50982
  }
50750
- .cn-register-mapping__group-status[data-v-26243e0a] {
50983
+ .cn-register-mapping__group-status[data-v-15c62064] {
50751
50984
  font-size: 13px;
50752
50985
  color: var(--color-text-maxcontrast);
50753
50986
  }
50754
- .cn-register-mapping__group-description[data-v-26243e0a] {
50987
+ .cn-register-mapping__group-description[data-v-15c62064] {
50755
50988
  color: var(--color-text-maxcontrast);
50756
50989
  font-size: 13px;
50757
50990
  margin: 0 0 12px 0;
50758
50991
  }
50759
- .cn-register-mapping__register-select[data-v-26243e0a] {
50992
+ .cn-register-mapping__register-select[data-v-15c62064] {
50760
50993
  margin-bottom: 16px;
50761
50994
  max-width: 400px;
50762
50995
  }
50763
- .cn-register-mapping__type-list[data-v-26243e0a] {
50996
+ .cn-register-mapping__type-list[data-v-15c62064] {
50764
50997
  border: 1px solid var(--color-border);
50765
50998
  border-radius: var(--border-radius);
50766
50999
  overflow: hidden;
50767
51000
  background: var(--color-main-background);
50768
51001
  }
50769
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51002
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
50770
51003
  display: grid;
50771
51004
  grid-template-columns: 1fr 1fr 40px 32px;
50772
51005
  align-items: center;
@@ -50779,7 +51012,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50779
51012
  border-bottom: 1px solid var(--color-border);
50780
51013
  background: var(--color-background-hover);
50781
51014
  }
50782
- .cn-register-mapping__type-row[data-v-26243e0a] {
51015
+ .cn-register-mapping__type-row[data-v-15c62064] {
50783
51016
  display: grid;
50784
51017
  grid-template-columns: 1fr 1fr 40px 32px;
50785
51018
  align-items: center;
@@ -50788,59 +51021,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50788
51021
  cursor: pointer;
50789
51022
  transition: background-color 0.15s ease;
50790
51023
  }
50791
- .cn-register-mapping__type-row[data-v-26243e0a]:hover {
51024
+ .cn-register-mapping__type-row[data-v-15c62064]:hover {
50792
51025
  background: var(--color-background-hover);
50793
51026
  }
50794
- .cn-register-mapping__type-row--expanded[data-v-26243e0a] {
51027
+ .cn-register-mapping__type-row--expanded[data-v-15c62064] {
50795
51028
  background: var(--color-background-hover);
50796
51029
  }
50797
- .cn-register-mapping__type-name[data-v-26243e0a] {
51030
+ .cn-register-mapping__type-name[data-v-15c62064] {
50798
51031
  font-weight: 500;
50799
51032
  color: var(--color-main-text);
50800
51033
  }
50801
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51034
+ .cn-register-mapping__type-schema[data-v-15c62064] {
50802
51035
  color: var(--color-text-maxcontrast);
50803
51036
  font-size: 13px;
50804
51037
  }
50805
- .cn-register-mapping__type-status[data-v-26243e0a] {
51038
+ .cn-register-mapping__type-status[data-v-15c62064] {
50806
51039
  display: flex;
50807
51040
  justify-content: center;
50808
51041
  }
50809
- .cn-register-mapping__type-chevron[data-v-26243e0a] {
51042
+ .cn-register-mapping__type-chevron[data-v-15c62064] {
50810
51043
  display: flex;
50811
51044
  justify-content: center;
50812
51045
  color: var(--color-text-maxcontrast);
50813
51046
  }
50814
- .cn-register-mapping__status-dot[data-v-26243e0a] {
51047
+ .cn-register-mapping__status-dot[data-v-15c62064] {
50815
51048
  display: inline-block;
50816
51049
  width: 10px;
50817
51050
  height: 10px;
50818
51051
  border-radius: 50%;
50819
51052
  }
50820
- .cn-register-mapping__status-dot--configured[data-v-26243e0a] {
51053
+ .cn-register-mapping__status-dot--configured[data-v-15c62064] {
50821
51054
  background-color: var(--color-success);
50822
51055
  }
50823
- .cn-register-mapping__status-dot--unconfigured[data-v-26243e0a] {
51056
+ .cn-register-mapping__status-dot--unconfigured[data-v-15c62064] {
50824
51057
  background-color: var(--color-warning);
50825
51058
  }
50826
- .cn-register-mapping__type-detail[data-v-26243e0a] {
51059
+ .cn-register-mapping__type-detail[data-v-15c62064] {
50827
51060
  padding: 12px 16px 16px;
50828
51061
  border-bottom: 1px solid var(--color-border);
50829
51062
  background: var(--color-main-background);
50830
51063
  }
50831
- .cn-register-mapping__type-description[data-v-26243e0a] {
51064
+ .cn-register-mapping__type-description[data-v-15c62064] {
50832
51065
  color: var(--color-text-maxcontrast);
50833
51066
  font-size: 13px;
50834
51067
  margin: 0 0 8px 0;
50835
51068
  }
50836
51069
 
50837
51070
  /* Board look (PqBeheer): one open group, compact rows for the others. */
50838
- .cn-register-mapping--board[data-v-26243e0a] {
51071
+ .cn-register-mapping--board[data-v-15c62064] {
50839
51072
  display: flex;
50840
51073
  flex-direction: column;
50841
51074
  gap: 14px;
50842
51075
  }
50843
- .cn-register-mapping__board-group[data-v-26243e0a] {
51076
+ .cn-register-mapping__board-group[data-v-15c62064] {
50844
51077
  display: flex;
50845
51078
  flex-direction: column;
50846
51079
  gap: 10px;
@@ -50848,54 +51081,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50848
51081
  border: 1px solid var(--color-border);
50849
51082
  border-radius: var(--border-radius-large);
50850
51083
  }
50851
- .cn-register-mapping__board-head[data-v-26243e0a] {
51084
+ .cn-register-mapping__board-head[data-v-15c62064] {
50852
51085
  display: flex;
50853
51086
  flex-wrap: wrap;
50854
51087
  align-items: flex-start;
50855
51088
  justify-content: space-between;
50856
51089
  gap: 10px 16px;
50857
51090
  }
50858
- .cn-register-mapping__board-title[data-v-26243e0a] {
51091
+ .cn-register-mapping__board-title[data-v-15c62064] {
50859
51092
  margin: 0;
50860
51093
  font-size: 15px;
50861
51094
  font-weight: 700;
50862
51095
  }
50863
- .cn-register-mapping__selects-group[data-v-26243e0a] {
51096
+ .cn-register-mapping__selects-group[data-v-15c62064] {
50864
51097
  display: flex;
50865
51098
  flex-direction: column;
50866
51099
  gap: 16px;
50867
51100
  }
50868
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51101
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50869
51102
  max-width: 50%;
50870
51103
  }
50871
51104
 
50872
51105
  /* DqBeheerinstellingen: the register select fills its half of the card. */
50873
- .cn-register-mapping__selects-register[data-v-26243e0a] .v-select {
51106
+ .cn-register-mapping__selects-register[data-v-15c62064] .v-select {
50874
51107
  width: 100%;
50875
51108
  max-width: none;
50876
51109
  }
50877
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51110
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50878
51111
  display: grid;
50879
51112
  grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
50880
51113
  gap: 16px;
50881
51114
  }
50882
51115
  @media (max-width: 768px) {
50883
- .cn-register-mapping__selects-register[data-v-26243e0a] {
51116
+ .cn-register-mapping__selects-register[data-v-15c62064] {
50884
51117
  max-width: none;
50885
51118
  }
50886
- .cn-register-mapping__select-grid[data-v-26243e0a] {
51119
+ .cn-register-mapping__select-grid[data-v-15c62064] {
50887
51120
  grid-template-columns: minmax(0, 1fr);
50888
51121
  }
50889
51122
  }
50890
- .cn-register-mapping__board-select[data-v-26243e0a] {
51123
+ .cn-register-mapping__board-select[data-v-15c62064] {
50891
51124
  max-width: 400px;
50892
51125
  margin-bottom: 0;
50893
51126
  }
50894
- .cn-register-mapping__board-table[data-v-26243e0a] {
51127
+ .cn-register-mapping__board-table[data-v-15c62064] {
50895
51128
  width: 100%;
50896
51129
  border-collapse: collapse;
50897
51130
  }
50898
- .cn-register-mapping__board-table th[data-v-26243e0a] {
51131
+ .cn-register-mapping__board-table th[data-v-15c62064] {
50899
51132
  padding: 8px 12px 8px 0;
50900
51133
  border-bottom: 1px solid var(--color-border);
50901
51134
  font-size: 13px;
@@ -50904,13 +51137,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50904
51137
  text-align: start;
50905
51138
  white-space: nowrap;
50906
51139
  }
50907
- .cn-register-mapping__board-table td[data-v-26243e0a] {
51140
+ .cn-register-mapping__board-table td[data-v-15c62064] {
50908
51141
  padding: 10px 12px 10px 0;
50909
51142
  border-bottom: 1px solid var(--color-border);
50910
51143
  font-size: 14px;
50911
51144
  vertical-align: middle;
50912
51145
  }
50913
- .cn-register-mapping__board-schema[data-v-26243e0a] {
51146
+ .cn-register-mapping__board-schema[data-v-15c62064] {
50914
51147
  display: inline-flex;
50915
51148
  align-items: center;
50916
51149
  gap: 6px;
@@ -50924,26 +51157,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50924
51157
  text-align: start;
50925
51158
  cursor: pointer;
50926
51159
  }
50927
- .cn-register-mapping__board-schema[data-v-26243e0a]:hover {
51160
+ .cn-register-mapping__board-schema[data-v-15c62064]:hover {
50928
51161
  text-decoration: underline;
50929
51162
  }
50930
- .cn-register-mapping__board-schema[data-v-26243e0a]:focus-visible,
50931
- .cn-register-mapping__board-link[data-v-26243e0a]:focus-visible,
50932
- .cn-register-mapping__board-group-row[data-v-26243e0a]:focus-visible {
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 {
50933
51166
  outline: 2px solid var(--color-primary-element);
50934
51167
  outline-offset: 2px;
50935
51168
  border-radius: var(--border-radius);
50936
51169
  }
50937
- .cn-register-mapping__board-check[data-v-26243e0a] {
51170
+ .cn-register-mapping__board-check[data-v-15c62064] {
50938
51171
  color: var(--color-success-text, var(--color-success));
50939
51172
  }
50940
- .cn-register-mapping__board-more[data-v-26243e0a] {
51173
+ .cn-register-mapping__board-more[data-v-15c62064] {
50941
51174
  margin: 0;
50942
51175
  font-size: 13px;
50943
51176
  line-height: 1.4;
50944
51177
  color: var(--color-text-maxcontrast);
50945
51178
  }
50946
- .cn-register-mapping__board-link[data-v-26243e0a] {
51179
+ .cn-register-mapping__board-link[data-v-15c62064] {
50947
51180
  margin: 0;
50948
51181
  padding: 0;
50949
51182
  border: 0;
@@ -50953,14 +51186,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50953
51186
  text-decoration: underline;
50954
51187
  cursor: pointer;
50955
51188
  }
50956
- .cn-register-mapping__board-groups[data-v-26243e0a] {
51189
+ .cn-register-mapping__board-groups[data-v-15c62064] {
50957
51190
  display: flex;
50958
51191
  flex-direction: column;
50959
51192
  margin: 0;
50960
51193
  padding: 0;
50961
51194
  list-style: none;
50962
51195
  }
50963
- .cn-register-mapping__board-group-row[data-v-26243e0a] {
51196
+ .cn-register-mapping__board-group-row[data-v-15c62064] {
50964
51197
  display: flex;
50965
51198
  align-items: center;
50966
51199
  gap: 10px;
@@ -50977,17 +51210,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50977
51210
  text-align: start;
50978
51211
  cursor: pointer;
50979
51212
  }
50980
- .cn-register-mapping__board-group-row[data-v-26243e0a]:hover {
51213
+ .cn-register-mapping__board-group-row[data-v-15c62064]:hover {
50981
51214
  background: var(--color-background-hover);
50982
51215
  }
50983
- .cn-register-mapping__board-chevron[data-v-26243e0a],
50984
- .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] {
50985
51218
  color: var(--color-text-maxcontrast);
50986
51219
  }
50987
- .cn-register-mapping__board-group-name[data-v-26243e0a] {
51220
+ .cn-register-mapping__board-group-name[data-v-15c62064] {
50988
51221
  flex: 1;
50989
51222
  }
50990
- .cn-register-mapping__board-save[data-v-26243e0a] {
51223
+ .cn-register-mapping__board-save[data-v-15c62064] {
50991
51224
  display: flex;
50992
51225
  flex-wrap: wrap;
50993
51226
  align-items: center;
@@ -50996,14 +51229,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
50996
51229
  }
50997
51230
 
50998
51231
  /* Slide transition */
50999
- .slide-enter-active[data-v-26243e0a],
51000
- .slide-leave-active[data-v-26243e0a] {
51232
+ .slide-enter-active[data-v-15c62064],
51233
+ .slide-leave-active[data-v-15c62064] {
51001
51234
  transition: all 0.2s ease;
51002
51235
  max-height: 200px;
51003
51236
  overflow: hidden;
51004
51237
  }
51005
- .slide-enter[data-v-26243e0a],
51006
- .slide-leave-to[data-v-26243e0a] {
51238
+ .slide-enter[data-v-15c62064],
51239
+ .slide-leave-to[data-v-15c62064] {
51007
51240
  max-height: 0;
51008
51241
  padding-top: 0;
51009
51242
  padding-bottom: 0;
@@ -51011,20 +51244,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
51011
51244
  }
51012
51245
 
51013
51246
  /* Last row in list should not have bottom border */
51014
- .cn-register-mapping__type-list[data-v-26243e0a] > :last-child {
51247
+ .cn-register-mapping__type-list[data-v-15c62064] > :last-child {
51015
51248
  border-bottom: none;
51016
51249
  }
51017
51250
  @media (max-width: 768px) {
51018
- .cn-register-mapping__type-list-header[data-v-26243e0a] {
51251
+ .cn-register-mapping__type-list-header[data-v-15c62064] {
51019
51252
  display: none;
51020
51253
  }
51021
- .cn-register-mapping__type-row[data-v-26243e0a] {
51254
+ .cn-register-mapping__type-row[data-v-15c62064] {
51022
51255
  grid-template-columns: 1fr auto 32px;
51023
51256
  }
51024
- .cn-register-mapping__type-schema[data-v-26243e0a] {
51257
+ .cn-register-mapping__type-schema[data-v-15c62064] {
51025
51258
  display: none;
51026
51259
  }
51027
- .cn-register-mapping__register-select[data-v-26243e0a] {
51260
+ .cn-register-mapping__register-select[data-v-15c62064] {
51028
51261
  max-width: none;
51029
51262
  }
51030
51263
  }
@@ -58382,12 +58615,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58382
58615
  }
58383
58616
 
58384
58617
 
58385
- .cn-duplicate-warning[data-v-7cb31ec5] {
58618
+ .cn-duplicate-warning[data-v-22af78f5] {
58386
58619
  display: flex;
58387
58620
  flex-direction: column;
58388
58621
  gap: 12px;
58389
58622
  }
58390
- .cn-duplicate-warning__matches[data-v-7cb31ec5] {
58623
+ .cn-duplicate-warning__matches[data-v-22af78f5] {
58391
58624
  display: flex;
58392
58625
  flex-direction: column;
58393
58626
  gap: 8px;
@@ -58395,7 +58628,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58395
58628
  padding: 0;
58396
58629
  list-style: none;
58397
58630
  }
58398
- .cn-duplicate-warning__match[data-v-7cb31ec5] {
58631
+ .cn-duplicate-warning__match[data-v-22af78f5] {
58399
58632
  display: flex;
58400
58633
  flex-wrap: wrap;
58401
58634
  gap: 4px 12px;
@@ -58403,14 +58636,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
58403
58636
  border: 1px solid var(--color-border);
58404
58637
  border-radius: var(--border-radius-large, 8px);
58405
58638
  }
58406
- .cn-duplicate-warning__title[data-v-7cb31ec5] {
58639
+ .cn-duplicate-warning__title[data-v-22af78f5] {
58407
58640
  font-weight: 600;
58408
58641
  }
58409
- .cn-duplicate-warning__meta[data-v-7cb31ec5],
58410
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58642
+ .cn-duplicate-warning__meta[data-v-22af78f5],
58643
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58411
58644
  color: var(--color-text-maxcontrast);
58412
58645
  }
58413
- .cn-duplicate-warning__hint[data-v-7cb31ec5] {
58646
+ .cn-duplicate-warning__hint[data-v-22af78f5] {
58414
58647
  margin: 0;
58415
58648
  }
58416
58649