@conduction/nextcloud-vue 2.135.0 → 2.137.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 (123) hide show
  1. package/dist/esm/components/CnActionDialog/CnActionDialog.vue.js +1 -1
  2. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js +2 -1
  3. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js.map +1 -1
  4. package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js +65 -50
  5. package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js.map +1 -1
  6. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue.js +1 -1
  7. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js +9 -0
  8. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js.map +1 -1
  9. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js +4 -3
  10. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js.map +1 -1
  11. package/dist/esm/components/CnAppNav/CnAppNav.vue2.js +4 -1
  12. package/dist/esm/components/CnAppNav/CnAppNav.vue2.js.map +1 -1
  13. package/dist/esm/components/CnAppNav/CnAppNav.vue3.js +61 -28
  14. package/dist/esm/components/CnAppNav/CnAppNav.vue3.js.map +1 -1
  15. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
  16. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +6 -0
  17. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
  18. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js +9 -1
  19. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js.map +1 -1
  20. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue.js +1 -1
  21. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js.map +1 -1
  22. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +4 -11
  23. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
  24. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +32 -0
  25. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  26. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js +34 -26
  27. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  28. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +24 -0
  29. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
  30. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js +2 -2
  31. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js.map +1 -1
  32. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  33. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  34. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +2 -1
  35. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  36. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +39 -2
  37. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  38. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +6 -5
  39. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  40. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue.js +1 -1
  41. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js +11 -0
  42. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js.map +1 -1
  43. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js +10 -2
  44. package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js.map +1 -1
  45. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  46. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +18 -0
  47. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  48. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +38 -23
  49. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  50. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue.js +1 -1
  51. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js.map +1 -1
  52. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js +1 -0
  53. package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
  54. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
  55. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
  56. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
  57. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue.js +1 -1
  58. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue2.js +14 -4
  59. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue2.js.map +1 -1
  60. package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue3.js.map +1 -1
  61. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +1 -1
  62. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +10 -0
  63. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -1
  64. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +29 -13
  65. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -1
  66. package/dist/esm/components/CnTimelineWidget/dashboardRegistration.js +3 -1
  67. package/dist/esm/components/CnTimelineWidget/dashboardRegistration.js.map +1 -1
  68. package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue.js +1 -1
  69. package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue2.js.map +1 -1
  70. package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue3.js.map +1 -1
  71. package/dist/esm/composables/indexSources.js +69 -3
  72. package/dist/esm/composables/indexSources.js.map +1 -1
  73. package/dist/esm/l10n/en.json.js +20 -20
  74. package/dist/esm/l10n/nl.json.js +21 -21
  75. package/dist/esm/library-style.js +1 -1
  76. package/dist/esm/nextcloud-vue.css +580 -324
  77. package/dist/esm/utils/contentHeaderLink.js +7 -1
  78. package/dist/esm/utils/contentHeaderLink.js.map +1 -1
  79. package/dist/esm/utils/savedViewMenu.js +4 -1
  80. package/dist/esm/utils/savedViewMenu.js.map +1 -1
  81. package/dist/esm/utils/savedViewSummary.js +11 -4
  82. package/dist/esm/utils/savedViewSummary.js.map +1 -1
  83. package/dist/esm/utils/validateManifestV2.compiled.js +2 -2
  84. package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
  85. package/dist/esm/utils/widgetDispatch.js +3 -1
  86. package/dist/esm/utils/widgetDispatch.js.map +1 -1
  87. package/dist/nextcloud-vue.cjs.js +1159 -812
  88. package/dist/nextcloud-vue.cjs.js.map +2 -2
  89. package/dist/nextcloud-vue.css +580 -324
  90. package/l10n/en.json +20 -20
  91. package/l10n/nl.json +21 -21
  92. package/package.json +1 -1
  93. package/src/components/CnActionDialog/CnActionDialog.vue +45 -4
  94. package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue +13 -1
  95. package/src/components/CnAppNav/CnAppNav.vue +28 -3
  96. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +15 -0
  97. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +2 -10
  98. package/src/components/CnDataTable/CnDataTable.md +1 -0
  99. package/src/components/CnDataTable/CnDataTable.vue +38 -1
  100. package/src/components/CnDetailPage/CnDetailPage.md +1 -0
  101. package/src/components/CnDetailPage/CnDetailPage.vue +26 -2
  102. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +1 -0
  103. package/src/components/CnIndexPage/CnIndexPage.vue +44 -6
  104. package/src/components/CnObjectDataWidget/CnObjectDataWidget.md +1 -0
  105. package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +21 -0
  106. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +38 -2
  107. package/src/components/CnRegisterMapping/CnRegisterMapping.vue +7 -0
  108. package/src/components/CnRetentionWidget/CnRetentionWidget.vue +13 -0
  109. package/src/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue +14 -4
  110. package/src/components/CnTimelineWidget/CnTimelineManage.vue +23 -0
  111. package/src/components/CnTimelineWidget/dashboardRegistration.js +3 -1
  112. package/src/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue +7 -0
  113. package/src/composables/indexSources.js +69 -3
  114. package/src/css/look-board-detail.css +57 -1
  115. package/src/css/look-board-index.css +76 -1
  116. package/src/css/look-board.css +51 -4
  117. package/src/css/table.css +5 -0
  118. package/src/schemas/app-manifest-v2.schema.json +4 -2
  119. package/src/utils/contentHeaderLink.js +7 -1
  120. package/src/utils/savedViewMenu.js +4 -1
  121. package/src/utils/savedViewSummary.js +11 -4
  122. package/src/utils/validateManifestV2.compiled.js +2 -2
  123. package/src/utils/widgetDispatch.js +3 -1
@@ -649,6 +649,31 @@
649
649
  background: var(--color-background-hover);
650
650
  }
651
651
 
652
+ /* ---- An ordered list field ----------------------------------------------- */
653
+ /* DqPersoonlijkeInstellingen "Weergaven in mijn menu": a row's labelled remove
654
+ button ("Uit menu halen") is an outlined secondary button, and the select
655
+ that adds a row runs the field's full width.
656
+ @spec openspec/changes/board-ordered-list-field/specs/board-ordered-list-field/spec.md */
657
+ .cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *) {
658
+ box-sizing: border-box;
659
+ height: 34px;
660
+ min-height: 34px;
661
+ padding: 0 14px;
662
+ border: 1px solid var(--cn-board-control-border);
663
+ background: var(--color-main-background);
664
+ color: var(--color-main-text);
665
+ font-size: 14px;
666
+ }
667
+
668
+ .cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *):hover:not(:disabled) {
669
+ background: var(--color-background-hover);
670
+ }
671
+
672
+ .cn-look-board .cn-ordered-list-field__add .v-select:not(.cn-look-nextcloud *) {
673
+ width: 100%;
674
+ max-width: none;
675
+ }
676
+
652
677
  /* ---- A secondary button --------------------------------------------------- */
653
678
  /* The boards draw every secondary button neutral: the main background, a 1px
654
679
  control border, the main text, the hover ground on hover (DqFlow "Testen
@@ -1474,6 +1499,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1474
1499
  color: var(--color-text-maxcontrast);
1475
1500
  }
1476
1501
 
1502
+ /* A linked cell in a settings card's table reads in the text ink, as the index
1503
+ tables do, not in the settings page's link blue (DqInstellingen: a
1504
+ connection's name opens its settings card). The underline marks the link.
1505
+ @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
1506
+ .cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
1507
+ color: var(--color-main-text);
1508
+ text-decoration: underline;
1509
+ }
1510
+
1477
1511
  /* Section actions sit at the end of the title row. The row is a grid, so a
1478
1512
  long title wraps beside the buttons instead of running under them. A
1479
1513
  half-width card keeps them there (DqVthInstellingen "Inspectiechecklists",
@@ -1868,14 +1902,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1868
1902
  line-height: 1.5;
1869
1903
  }
1870
1904
 
1905
+ /* `!important` on the size: a theme that sizes every paragraph with
1906
+ `!important` (thematiq's paragraph token, 15px) would win otherwise. */
1871
1907
  .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) p {
1872
1908
  color: var(--color-primary-element-light-text) !important;
1873
- font-size: inherit;
1909
+ font-size: inherit !important;
1874
1910
  line-height: inherit;
1875
1911
  }
1876
1912
 
1877
1913
  .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__heading {
1878
- font-size: inherit;
1914
+ font-size: inherit !important;
1879
1915
  font-weight: 700 !important;
1880
1916
  }
1881
1917
 
@@ -2917,8 +2953,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2917
2953
  font-size: 14px;
2918
2954
  }
2919
2955
 
2956
+ /* The version card's title follows its board: 17px on DqInstellingenAlgemeen
2957
+ and LrBeheerinstellingen; an app whose board draws another size passes the
2958
+ shell's `versionTitleSize`.
2959
+ @spec openspec/changes/board-version-title-size/specs/board-settings-card-controls/spec.md */
2920
2960
  .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(.cn-version-info--compact) > .settings-section__name {
2921
- font-size: 18px;
2961
+ font-size: var(--cn-board-version-title-size, 17px);
2922
2962
  }
2923
2963
 
2924
2964
  /* ---- A card titled as a side card (`titleTone: "side"`) ------------------ */
@@ -2953,9 +2993,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2953
2993
  gives the second pixel back so the words stay put. The board draws no
2954
2994
  option icon, only the radio and the words.
2955
2995
  @spec openspec/changes/board-setup-choice-rows/specs/board-setup-choice-rows/spec.md */
2996
+ /* The radio sits 21px inside the option's edge (DqInstellen): 1px border and
2997
+ 20px padding, or 2px and 19px on the chosen option.
2998
+ @spec openspec/changes/board-setup-choice-inset/specs/board-setup-choice-rows/spec.md */
2999
+ .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *) {
3000
+ padding: 12px 20px;
3001
+ }
3002
+
2956
3003
  .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:not(.cn-look-nextcloud *),
2957
3004
  .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:hover:not(.cn-look-nextcloud *) {
2958
- padding: 11px 13px;
3005
+ padding: 11px 19px;
2959
3006
  border-width: 2px;
2960
3007
  box-shadow: none;
2961
3008
  }
@@ -4257,7 +4304,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
4257
4304
  }
4258
4305
 
4259
4306
  .cn-look-board .cn-index-page .cn-index-page__header-buttons > .button-vue--secondary:hover,
4260
- .cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item .button-vue:hover {
4307
+ .cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item:not(.action-item--open) .button-vue:hover {
4261
4308
  background: var(--color-background-hover) !important;
4262
4309
  }
4263
4310
 
@@ -5536,6 +5583,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5536
5583
  margin-inline-start: auto;
5537
5584
  color: var(--color-text-maxcontrast);
5538
5585
  font-size: 13px;
5586
+ white-space: nowrap;
5539
5587
  }
5540
5588
 
5541
5589
  .cn-look-board .cn-object-card--board .cn-object-card__record .cn-object-card__title {
@@ -5548,12 +5596,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5548
5596
  }
5549
5597
 
5550
5598
  .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
5599
+ --nldesign-component-paragraph-font-size: 14px;
5600
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
5551
5601
  margin: 0;
5552
5602
  color: var(--color-text-maxcontrast);
5553
5603
  font-size: 14px;
5554
5604
  }
5555
5605
 
5606
+ /* The meta line, note and description are paragraphs: each hands the theme,
5607
+ which sets paragraphs with `!important`, its own size and ink. */
5556
5608
  .cn-look-board .cn-object-card--board .cn-object-card__record-note {
5609
+ --nldesign-component-paragraph-font-size: 13px;
5610
+ --nldesign-component-paragraph-font-weight: 600;
5611
+ --nldesign-component-paragraph-color: var(--cn-board-text-soft);
5557
5612
  margin: 0;
5558
5613
  color: var(--cn-board-text-soft);
5559
5614
  font-size: 13px;
@@ -5561,10 +5616,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5561
5616
  }
5562
5617
 
5563
5618
  .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
5619
+ --nldesign-component-paragraph-color: var(--cn-status-purple-text);
5564
5620
  color: var(--cn-status-purple-text);
5565
5621
  }
5566
5622
 
5567
5623
  .cn-look-board .cn-object-card--board .cn-object-card__record-note--teal {
5624
+ --nldesign-component-paragraph-color: var(--cn-status-teal-text);
5568
5625
  color: var(--cn-status-teal-text);
5569
5626
  }
5570
5627
 
@@ -5601,6 +5658,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5601
5658
  }
5602
5659
 
5603
5660
  .cn-look-board .cn-object-card--board .cn-object-card__record-description {
5661
+ --nldesign-component-paragraph-font-size: 14px;
5662
+ --nldesign-component-paragraph-line-height: 1.4;
5663
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
5604
5664
  margin: 0;
5605
5665
  color: var(--color-text-maxcontrast);
5606
5666
  font-size: 14px;
@@ -6037,6 +6097,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6037
6097
  font-weight: 700;
6038
6098
  }
6039
6099
 
6100
+ /* A pill in a trailing cell stays inside the cell's width and ends in an
6101
+ ellipsis, instead of running over the next cell (DqTeamwachtrij). */
6102
+ .cn-look-board .cn-object-row__trail .cn-cell-renderer:not(.cn-look-nextcloud *) {
6103
+ display: block;
6104
+ max-width: 100%;
6105
+ }
6106
+
6107
+ .cn-look-board .cn-object-row__trail .cn-status-badge:not(.cn-look-nextcloud *) {
6108
+ display: inline-block;
6109
+ box-sizing: border-box;
6110
+ max-width: 100%;
6111
+ overflow: hidden;
6112
+ text-overflow: ellipsis;
6113
+ vertical-align: middle;
6114
+ }
6115
+
6040
6116
  /* ---- The map view's missing-address card (DqZakenKaart) ---------------- */
6041
6117
  /* The board draws "3 zaken zonder adres" as a 15px title at its normal line
6042
6118
  height with "Toon ze in de tabel" under it as a link flush with the title,
@@ -6111,6 +6187,31 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6111
6187
  border-radius: 50%;
6112
6188
  }
6113
6189
 
6190
+ /* The panel's words (DqFilterBeheren): a group heading at 15px/700 in the
6191
+ main ink, the group's note and a view's description at 13px in the muted
6192
+ ink, never bold.
6193
+ @spec openspec/changes/board-saved-views-panel-type/specs/board-saved-views-panel-type/spec.md */
6194
+ .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__section {
6195
+ margin: 12px 0 0;
6196
+ font-size: 15px;
6197
+ font-weight: 700;
6198
+ line-height: 1.2;
6199
+ color: var(--color-main-text);
6200
+ }
6201
+
6202
+ .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__note {
6203
+ font-size: 13px;
6204
+ font-weight: 400;
6205
+ line-height: 1.3;
6206
+ color: var(--color-text-maxcontrast);
6207
+ }
6208
+
6209
+ .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__subline {
6210
+ font-size: 13px;
6211
+ font-weight: 400;
6212
+ color: var(--color-text-maxcontrast);
6213
+ }
6214
+
6114
6215
  /* ---- A saved view row's menu ------------------------------------------- */
6115
6216
  /* The menu trigger on a saved view row ("Beheer Termijn deze week") is a
6116
6217
  round 34px button (DqFilterBeheren, DqFilterInMenu); NcActions drew the
@@ -6173,6 +6274,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6173
6274
  .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__row:is(.cn-saved-views-panel__row--selected, :has(.action-item--open)) .cn-saved-views-panel__name-text {
6174
6275
  color: var(--color-primary-element-light-text);
6175
6276
  }
6277
+
6278
+ /* ---- The side-panel grid's row spacing --------------------------------- */
6279
+ /* The side-panel page is a grid of seven rows; a row-gap opens between every
6280
+ pair, empty or not, so a page without below-header, stat row or chip row
6281
+ drew 60px of nothing under its header (DqZoekresultaten). The grid has no
6282
+ row gap here; each part that is present carries the section gap under it.
6283
+ @spec openspec/changes/side-panel-grid-no-empty-row-gaps/specs/side-panel-grid-no-empty-row-gaps/spec.md */
6284
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) {
6285
+ row-gap: 0;
6286
+ }
6287
+
6288
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > :first-child,
6289
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__below-header,
6290
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__stat-row,
6291
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-actions-bar {
6292
+ margin-bottom: var(--cn-board-section-gap);
6293
+ }
6294
+
6295
+ .cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__quick-filter-row {
6296
+ margin-bottom: calc(var(--cn-board-section-gap) + 12px);
6297
+ }
6176
6298
  /* ========================================
6177
6299
  @conduction/nextcloud-vue — Table Styles
6178
6300
  ======================================== */
@@ -6378,6 +6500,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6378
6500
  /* The overline of a cell (`columns[].overline` / `overlineText`): muted and
6379
6501
  smaller, on its own line above the value. Same theme hooks as the
6380
6502
  secondary line. */
6503
+ /* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
6504
+ .cn-data-table .cn-table-cell__zero {
6505
+ color: var(--color-text-maxcontrast);
6506
+ }
6507
+
6381
6508
  .cn-data-table .cn-table-cell__overline {
6382
6509
  display: block;
6383
6510
  color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
@@ -10687,7 +10814,7 @@ li[data-cn-admin-tag] > .action-link::after {
10687
10814
  }
10688
10815
 
10689
10816
  .cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary:hover,
10690
- .cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary .action-item__menutoggle:hover {
10817
+ .cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary:not(.action-item--open) .action-item__menutoggle:hover {
10691
10818
  background: var(--color-background-hover) !important;
10692
10819
  }
10693
10820
 
@@ -11809,6 +11936,16 @@ li[data-cn-admin-tag] > .action-link::after {
11809
11936
  font-weight: 500;
11810
11937
  }
11811
11938
 
11939
+ /* "Bewaren voor een procedure" and "Overdracht naar het e-Depot" are 15px/600
11940
+ section titles over their rows, not the inner heading's 1.4em. */
11941
+ .cn-look-board .cn-retention .cn-retention__section > .cn-inner-heading,
11942
+ .cn-look-board .cn-retention .cn-retention__outcome > .cn-inner-heading {
11943
+ margin: 4px 0 0;
11944
+ font-size: 15px;
11945
+ font-weight: 600;
11946
+ line-height: 1.2;
11947
+ }
11948
+
11812
11949
  /* ---- The task table's row button (CnTasksWidget table, DqZaakTaken) ------ */
11813
11950
  /* "Afronden" is a 34px secondary with 13px text 14px in. NcButton pads a
11814
11951
  text-only label 12px plus 4px inside; the doubled class outranks its
@@ -11913,6 +12050,25 @@ li[data-cn-admin-tag] > .action-link::after {
11913
12050
  font-size: 15px;
11914
12051
  }
11915
12052
 
12053
+ /* A card with actions holds them at its end, beside the title and meta (the
12054
+ board's "···" on each task). */
12055
+ .cn-look-board .cn-grouped-cards__item.cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
12056
+ display: grid;
12057
+ grid-template-columns: minmax(0, 1fr) auto;
12058
+ column-gap: 12px;
12059
+ align-items: center;
12060
+ }
12061
+
12062
+ .cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > :not(.cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
12063
+ grid-column: 1;
12064
+ }
12065
+
12066
+ .cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > .cn-grouped-cards__item-actions:not(.cn-look-nextcloud *) {
12067
+ grid-column: 2;
12068
+ grid-row: 1 / span 3;
12069
+ margin: 0;
12070
+ }
12071
+
11916
12072
  /* ---- A file's side card (CnFilesBrowser) --------------------------------- */
11917
12073
  /* The board's side card: radius 12, 20px 22px of padding, the title a 15px
11918
12074
  muted heading at 600, the facts 8px 16px apart with the values at 500
@@ -12097,6 +12253,33 @@ li[data-cn-admin-tag] > .action-link::after {
12097
12253
  border-radius: var(--cn-board-control-radius);
12098
12254
  overflow: hidden;
12099
12255
  }
12256
+
12257
+ /* ---- A record list drawn as a data table (CnRecordListWidget) ----------- */
12258
+ /* `tableLook: "data"` (DqZaaktype "Berichten aan de aanvrager"): the board's
12259
+ card table rather than the compact grid, a near-white header band at
12260
+ 14px/600 in the muted ink, 10px 12px, and 14px cells, 11px 12px, a
12261
+ hairline above each row. Two classes more than the compact grid's rule.
12262
+ @spec openspec/changes/record-list-data-table-and-notice-footnote/specs/record-list/spec.md#requirement-a-record-list-table-can-be-drawn-as-a-data-table */
12263
+ .cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table th:not(.cn-look-nextcloud *) {
12264
+ --nldesign-component-table-header-background-color: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
12265
+ --nldesign-component-table-header-color: var(--color-text-maxcontrast);
12266
+ --nldesign-component-table-header-font-weight: 600;
12267
+ padding: 10px 12px;
12268
+ border-bottom: 0;
12269
+ background: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
12270
+ color: var(--color-text-maxcontrast);
12271
+ font-size: 14px;
12272
+ font-weight: 600;
12273
+ line-height: 1.2;
12274
+ }
12275
+
12276
+ .cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table td:not(.cn-look-nextcloud *) {
12277
+ padding: 11px 12px;
12278
+ border-top: 1px solid var(--cn-board-hairline);
12279
+ border-bottom: 0;
12280
+ font-size: 14px;
12281
+ line-height: 1.2;
12282
+ }
12100
12283
  /*
12101
12284
  * The reports page under the board look (screens-reports-page-board-look,
12102
12285
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -17671,6 +17854,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
17671
17854
  /* The overline of a cell (`columns[].overline` / `overlineText`): muted and
17672
17855
  smaller, on its own line above the value. Same theme hooks as the
17673
17856
  secondary line. */
17857
+ /* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
17858
+ .cn-data-table .cn-table-cell__zero {
17859
+ color: var(--color-text-maxcontrast);
17860
+ }
17861
+
17674
17862
  .cn-data-table .cn-table-cell__overline {
17675
17863
  display: block;
17676
17864
  color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
@@ -19685,51 +19873,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
19685
19873
  }
19686
19874
 
19687
19875
 
19688
- .cn-audit-card__list[data-v-841ccbc2] {
19876
+ .cn-audit-card__list[data-v-834a0068] {
19689
19877
  list-style: none;
19690
19878
  margin: 0;
19691
19879
  padding: 0;
19692
19880
  }
19693
- .cn-audit-card__row[data-v-841ccbc2] {
19881
+ .cn-audit-card__row[data-v-834a0068] {
19694
19882
  padding: 6px 0;
19695
19883
  border-bottom: 1px solid var(--color-border);
19696
19884
  }
19697
- .cn-audit-card__row[data-v-841ccbc2]:last-child {
19885
+ .cn-audit-card__row[data-v-834a0068]:last-child {
19698
19886
  border-bottom: none;
19699
19887
  }
19700
- .cn-audit-card__row-head[data-v-841ccbc2] {
19888
+ .cn-audit-card__row-head[data-v-834a0068] {
19701
19889
  display: flex;
19702
19890
  justify-content: space-between;
19703
19891
  gap: 8px;
19704
19892
  }
19705
- .cn-audit-card__action[data-v-841ccbc2] {
19893
+ .cn-audit-card__action[data-v-834a0068] {
19706
19894
  color: var(--color-main-text);
19707
19895
  }
19708
- .cn-audit-card__when[data-v-841ccbc2] {
19896
+ .cn-audit-card__when[data-v-834a0068] {
19709
19897
  color: var(--color-text-maxcontrast);
19710
19898
  font-size: 0.85em;
19711
19899
  white-space: nowrap;
19712
19900
  }
19713
- .cn-audit-card__row-body[data-v-841ccbc2] {
19901
+ .cn-audit-card__row-body[data-v-834a0068] {
19714
19902
  color: var(--color-text-maxcontrast);
19715
19903
  font-size: 0.9em;
19716
19904
  }
19717
- .cn-audit-card__refused[data-v-841ccbc2] {
19905
+ .cn-audit-card__refused[data-v-834a0068] {
19718
19906
  margin-inline-start: 6px;
19719
19907
  font-weight: 700;
19720
19908
  color: var(--color-error-text, var(--color-main-text));
19721
19909
  }
19722
- .cn-audit-card__reason[data-v-841ccbc2] {
19910
+ .cn-audit-card__reason[data-v-834a0068] {
19723
19911
  margin: 2px 0 0;
19724
19912
  font-size: 0.9em;
19725
19913
  overflow-wrap: anywhere;
19726
19914
  }
19727
- .cn-audit-card__empty[data-v-841ccbc2] {
19915
+ .cn-audit-card__empty[data-v-834a0068] {
19728
19916
  color: var(--color-text-maxcontrast);
19729
19917
  text-align: center;
19730
19918
  padding: 12px 0;
19731
19919
  }
19732
- .cn-audit-card__show-all[data-v-841ccbc2] {
19920
+ .cn-audit-card__footnote[data-v-834a0068] {
19921
+ margin: 12px 0 0;
19922
+ color: var(--color-text-maxcontrast);
19923
+ font-size: 13px;
19924
+ }
19925
+ .cn-audit-card__show-all[data-v-834a0068] {
19733
19926
  background: none;
19734
19927
  border: none;
19735
19928
  color: var(--color-primary-element);
@@ -19737,7 +19930,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
19737
19930
  padding: 4px 0;
19738
19931
  font: inherit;
19739
19932
  }
19740
- .cn-audit-card__show-all[data-v-841ccbc2]:hover {
19933
+ .cn-audit-card__show-all[data-v-834a0068]:hover {
19741
19934
  text-decoration: underline;
19742
19935
  }
19743
19936
 
@@ -28590,59 +28783,72 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
28590
28783
  }
28591
28784
 
28592
28785
 
28593
- .cn-retention[data-v-1d53d545] {
28786
+ .cn-retention[data-v-5415dbb4] {
28594
28787
  display: flex;
28595
28788
  flex-direction: column;
28596
28789
  gap: 16px;
28597
28790
  }
28598
- .cn-retention__head[data-v-1d53d545] {
28791
+ .cn-retention__head[data-v-5415dbb4] {
28599
28792
  display: flex;
28600
28793
  flex-wrap: wrap;
28601
28794
  align-items: flex-start;
28602
28795
  justify-content: space-between;
28603
28796
  gap: 10px 16px;
28604
28797
  }
28605
- .cn-retention__head-text[data-v-1d53d545] {
28798
+ .cn-retention__head-text[data-v-5415dbb4] {
28606
28799
  display: flex;
28607
28800
  flex: 1 1 260px;
28608
28801
  flex-direction: column;
28609
28802
  gap: 2px;
28610
28803
  min-width: 0;
28611
28804
  }
28612
- .cn-retention__title[data-v-1d53d545] {
28805
+ .cn-retention__title[data-v-5415dbb4] {
28613
28806
  margin: 0;
28614
28807
  font-size: 18px;
28615
28808
  font-weight: 700;
28616
28809
  }
28617
- .cn-retention__muted[data-v-1d53d545] {
28810
+ .cn-retention__muted[data-v-5415dbb4] {
28618
28811
  margin: 0;
28619
28812
  color: var(--color-text-maxcontrast);
28620
28813
  }
28621
- .cn-retention__facts[data-v-1d53d545] {
28814
+ .cn-retention__facts[data-v-5415dbb4] {
28622
28815
  display: grid;
28623
28816
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
28624
28817
  gap: 12px 24px;
28625
28818
  margin: 0;
28626
28819
  }
28627
- .cn-retention__fact dt[data-v-1d53d545] {
28820
+
28821
+ /* The server draws every dt as a 130px right-aligned inline block and pads
28822
+ dt and dd 12px; a fact is a label over its value. */
28823
+ .cn-retention__fact dt[data-v-5415dbb4],
28824
+ .cn-retention__fact dd[data-v-5415dbb4] {
28825
+ display: block;
28826
+ width: auto;
28827
+ white-space: normal;
28828
+ text-align: start;
28829
+ }
28830
+ .cn-retention__fact dt[data-v-5415dbb4] {
28831
+ margin: 0;
28832
+ padding: 0;
28628
28833
  color: var(--color-text-maxcontrast);
28629
28834
  font-size: 13px;
28630
28835
  }
28631
- .cn-retention__fact dd[data-v-1d53d545] {
28836
+ .cn-retention__fact dd[data-v-5415dbb4] {
28632
28837
  margin: 0;
28838
+ padding: 0;
28633
28839
  font-weight: 600;
28634
28840
  }
28635
- .cn-retention__section[data-v-1d53d545] {
28841
+ .cn-retention__section[data-v-5415dbb4] {
28636
28842
  display: flex;
28637
28843
  flex-direction: column;
28638
28844
  gap: 4px;
28639
28845
  }
28640
- .cn-retention__rows[data-v-1d53d545] {
28846
+ .cn-retention__rows[data-v-5415dbb4] {
28641
28847
  margin: 0;
28642
28848
  padding: 0;
28643
28849
  list-style: none;
28644
28850
  }
28645
- .cn-retention__row[data-v-1d53d545] {
28851
+ .cn-retention__row[data-v-5415dbb4] {
28646
28852
  display: flex;
28647
28853
  align-items: center;
28648
28854
  justify-content: space-between;
@@ -28650,13 +28856,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
28650
28856
  padding: 10px 0;
28651
28857
  border-top: 1px solid var(--color-border);
28652
28858
  }
28653
- .cn-retention__row-text[data-v-1d53d545] {
28859
+ .cn-retention__row-text[data-v-5415dbb4] {
28654
28860
  display: flex;
28655
28861
  flex-direction: column;
28656
28862
  gap: 2px;
28657
28863
  min-width: 0;
28658
28864
  }
28659
- .cn-retention__row-title[data-v-1d53d545] {
28865
+ .cn-retention__row-title[data-v-5415dbb4] {
28660
28866
  font-weight: 600;
28661
28867
  }
28662
28868
 
@@ -30811,7 +31017,7 @@ a.cn-kpi-card--board * {
30811
31017
  }
30812
31018
 
30813
31019
 
30814
- .cn-object-data-widget__image[data-v-86e92800] {
31020
+ .cn-object-data-widget__image[data-v-1042b83e] {
30815
31021
  max-width: 100%;
30816
31022
  max-height: 160px;
30817
31023
  border-radius: 8px;
@@ -30819,33 +31025,33 @@ a.cn-kpi-card--board * {
30819
31025
  }
30820
31026
 
30821
31027
  /* Shimmering placeholder while a relation's display name resolves. */
30822
- .cn-object-data-widget__skeleton[data-v-86e92800] {
31028
+ .cn-object-data-widget__skeleton[data-v-1042b83e] {
30823
31029
  display: inline-block;
30824
31030
  width: 90px;
30825
31031
  height: 1em;
30826
31032
  border-radius: 4px;
30827
31033
  background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
30828
31034
  background-size: 200% 100%;
30829
- animation: cn-odw-shimmer-86e92800 1.2s ease-in-out infinite;
31035
+ animation: cn-odw-shimmer-1042b83e 1.2s ease-in-out infinite;
30830
31036
  }
30831
- @keyframes cn-odw-shimmer-86e92800 {
31037
+ @keyframes cn-odw-shimmer-1042b83e {
30832
31038
  from { background-position: 200% 0;
30833
31039
  }
30834
31040
  to { background-position: -200% 0;
30835
31041
  }
30836
31042
  }
30837
31043
  @media (prefers-reduced-motion: reduce) {
30838
- .cn-object-data-widget__skeleton[data-v-86e92800] { animation: none;
31044
+ .cn-object-data-widget__skeleton[data-v-1042b83e] { animation: none;
30839
31045
  }
30840
31046
  }
30841
- .cn-object-data-widget__grid[data-v-86e92800] {
31047
+ .cn-object-data-widget__grid[data-v-1042b83e] {
30842
31048
  display: grid;
30843
31049
  gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
30844
31050
  }
30845
- .cn-object-data-widget__toggle[data-v-86e92800] {
31051
+ .cn-object-data-widget__toggle[data-v-1042b83e] {
30846
31052
  margin-top: 4px;
30847
31053
  }
30848
- .cn-object-data-widget__cell[data-v-86e92800] {
31054
+ .cn-object-data-widget__cell[data-v-1042b83e] {
30849
31055
  display: flex;
30850
31056
  flex-direction: column;
30851
31057
  gap: 2px;
@@ -30853,12 +31059,12 @@ to { background-position: -200% 0;
30853
31059
  border-bottom: 1px solid var(--color-border-dark);
30854
31060
  min-width: 0;
30855
31061
  }
30856
- .cn-object-data-widget__label[data-v-86e92800] {
31062
+ .cn-object-data-widget__label[data-v-1042b83e] {
30857
31063
  font-size: 0.85em;
30858
31064
  color: var(--color-text-maxcontrast);
30859
31065
  font-weight: 500;
30860
31066
  }
30861
- .cn-object-data-widget__value[data-v-86e92800] {
31067
+ .cn-object-data-widget__value[data-v-1042b83e] {
30862
31068
  font-size: 1em;
30863
31069
  color: var(--color-main-text);
30864
31070
  overflow-wrap: anywhere;
@@ -30872,24 +31078,24 @@ to { background-position: -200% 0;
30872
31078
  which drew a horizontal scrollbar under every data widget in a tab (dossiq's
30873
31079
  case page, Data tab). The end padding drops by the same 4px so the text and
30874
31080
  the edit icon sit where they sat. */
30875
- .cn-object-data-widget__value--editable[data-v-86e92800] {
31081
+ .cn-object-data-widget__value--editable[data-v-1042b83e] {
30876
31082
  cursor: pointer;
30877
31083
  border-radius: var(--border-radius);
30878
31084
  padding: 4px 20px 4px 4px;
30879
31085
  margin: -4px 0 -4px -4px;
30880
31086
  }
30881
- .cn-object-data-widget__value--editable[data-v-86e92800]:hover {
31087
+ .cn-object-data-widget__value--editable[data-v-1042b83e]:hover {
30882
31088
  background: var(--color-background-dark);
30883
31089
  }
30884
- .cn-object-data-widget__value--editable[data-v-86e92800]:focus-visible {
31090
+ .cn-object-data-widget__value--editable[data-v-1042b83e]:focus-visible {
30885
31091
  outline: 2px solid var(--color-primary-element);
30886
31092
  outline-offset: 2px;
30887
31093
  }
30888
- .cn-object-data-widget__value--empty[data-v-86e92800] {
31094
+ .cn-object-data-widget__value--empty[data-v-1042b83e] {
30889
31095
  color: var(--color-text-maxcontrast);
30890
31096
  font-style: italic;
30891
31097
  }
30892
- .cn-object-data-widget__edit-icon[data-v-86e92800] {
31098
+ .cn-object-data-widget__edit-icon[data-v-1042b83e] {
30893
31099
  position: absolute;
30894
31100
  right: 4px;
30895
31101
  top: 50%;
@@ -30898,21 +31104,21 @@ to { background-position: -200% 0;
30898
31104
  opacity: 0;
30899
31105
  transition: opacity 0.15s ease;
30900
31106
  }
30901
- .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-86e92800],
30902
- .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-86e92800] {
31107
+ .cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-1042b83e],
31108
+ .cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-1042b83e] {
30903
31109
  opacity: 1;
30904
31110
  }
30905
- .cn-object-data-widget__editor[data-v-86e92800] {
31111
+ .cn-object-data-widget__editor[data-v-1042b83e] {
30906
31112
  display: flex;
30907
31113
  flex-direction: column;
30908
31114
  gap: 4px;
30909
31115
  }
30910
- .cn-object-data-widget__editor-actions[data-v-86e92800] {
31116
+ .cn-object-data-widget__editor-actions[data-v-1042b83e] {
30911
31117
  display: flex;
30912
31118
  gap: 2px;
30913
31119
  justify-content: flex-end;
30914
31120
  }
30915
- .cn-object-data-widget__textarea[data-v-86e92800] {
31121
+ .cn-object-data-widget__textarea[data-v-1042b83e] {
30916
31122
  width: 100%;
30917
31123
  min-height: 80px;
30918
31124
  padding: 8px;
@@ -30924,11 +31130,16 @@ to { background-position: -200% 0;
30924
31130
  font-size: inherit;
30925
31131
  resize: vertical;
30926
31132
  }
30927
- .cn-object-data-widget__textarea[data-v-86e92800]:focus {
31133
+ .cn-object-data-widget__textarea[data-v-1042b83e]:focus {
30928
31134
  border-color: var(--color-primary-element);
30929
31135
  outline: none;
30930
31136
  }
30931
- .cn-object-data-widget__empty[data-v-86e92800] {
31137
+ .cn-object-data-widget__footnote[data-v-1042b83e] {
31138
+ margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
31139
+ color: var(--color-text-maxcontrast);
31140
+ font-size: 13px;
31141
+ }
31142
+ .cn-object-data-widget__empty[data-v-1042b83e] {
30932
31143
  color: var(--color-text-maxcontrast);
30933
31144
  font-style: italic;
30934
31145
  padding: calc(2 * var(--default-grid-baseline, 4px));
@@ -30936,16 +31147,16 @@ to { background-position: -200% 0;
30936
31147
 
30937
31148
  /* Compact inline table for array-of-objects values. Dense + unstyled-simple;
30938
31149
  fits the card and participates in the whole-row overflow handling. */
30939
- .cn-object-data-widget__mini-table-wrap[data-v-86e92800] {
31150
+ .cn-object-data-widget__mini-table-wrap[data-v-1042b83e] {
30940
31151
  max-width: 100%;
30941
31152
  }
30942
- .cn-object-data-widget__mini-table[data-v-86e92800] {
31153
+ .cn-object-data-widget__mini-table[data-v-1042b83e] {
30943
31154
  width: 100%;
30944
31155
  border-collapse: collapse;
30945
31156
  font-size: 0.9em;
30946
31157
  }
30947
- .cn-object-data-widget__mini-table th[data-v-86e92800],
30948
- .cn-object-data-widget__mini-table td[data-v-86e92800] {
31158
+ .cn-object-data-widget__mini-table th[data-v-1042b83e],
31159
+ .cn-object-data-widget__mini-table td[data-v-1042b83e] {
30949
31160
  text-align: start;
30950
31161
  padding: 2px 8px 2px 0;
30951
31162
  border-bottom: 1px solid var(--color-border);
@@ -30956,23 +31167,23 @@ to { background-position: -200% 0;
30956
31167
  cell, and the card 8px wider than its cell (pipelinq's ticket page). */
30957
31168
  white-space: normal;
30958
31169
  }
30959
- .cn-object-data-widget__mini-table th[data-v-86e92800] {
31170
+ .cn-object-data-widget__mini-table th[data-v-1042b83e] {
30960
31171
  color: var(--color-text-maxcontrast);
30961
31172
  font-weight: 500;
30962
31173
  }
30963
- .cn-object-data-widget__more[data-v-86e92800] {
31174
+ .cn-object-data-widget__more[data-v-1042b83e] {
30964
31175
  margin-top: 2px;
30965
31176
  font-size: 0.85em;
30966
31177
  color: var(--color-text-maxcontrast);
30967
31178
  }
30968
31179
 
30969
31180
  /* Comma-less chip row for array-of-scalars values. */
30970
- .cn-object-data-widget__chips[data-v-86e92800] {
31181
+ .cn-object-data-widget__chips[data-v-1042b83e] {
30971
31182
  display: flex;
30972
31183
  flex-wrap: wrap;
30973
31184
  gap: 4px;
30974
31185
  }
30975
- .cn-object-data-widget__chip[data-v-86e92800] {
31186
+ .cn-object-data-widget__chip[data-v-1042b83e] {
30976
31187
  padding: 1px 8px;
30977
31188
  border-radius: 12px;
30978
31189
  background: var(--color-background-dark);
@@ -30980,37 +31191,37 @@ to { background-position: -200% 0;
30980
31191
  }
30981
31192
 
30982
31193
  /* Key: value definition list for a single plain-object value. */
30983
- .cn-object-data-widget__deflist[data-v-86e92800] {
31194
+ .cn-object-data-widget__deflist[data-v-1042b83e] {
30984
31195
  display: grid;
30985
31196
  grid-template-columns: auto 1fr;
30986
31197
  gap: 2px 8px;
30987
31198
  margin: 0;
30988
31199
  }
30989
- .cn-object-data-widget__deflist dt[data-v-86e92800] {
31200
+ .cn-object-data-widget__deflist dt[data-v-1042b83e] {
30990
31201
  color: var(--color-text-maxcontrast);
30991
31202
  font-size: 0.9em;
30992
31203
  }
30993
- .cn-object-data-widget__deflist dd[data-v-86e92800] {
31204
+ .cn-object-data-widget__deflist dd[data-v-1042b83e] {
30994
31205
  margin: 0;
30995
31206
  overflow-wrap: anywhere;
30996
31207
  }
30997
31208
 
30998
31209
  /* A long description keeps its own paragraphs. Set on an inline span with no
30999
31210
  surrounding template whitespace, so only the value's own line breaks show. */
31000
- .cn-object-data-widget__deflist-text[data-v-86e92800] {
31211
+ .cn-object-data-widget__deflist-text[data-v-1042b83e] {
31001
31212
  white-space: pre-wrap;
31002
31213
  }
31003
- .cn-object-data-widget__deflist--nested[data-v-86e92800] {
31214
+ .cn-object-data-widget__deflist--nested[data-v-1042b83e] {
31004
31215
  padding-inline-start: 8px;
31005
31216
  border-inline-start: 2px solid var(--color-border);
31006
31217
  }
31007
31218
 
31008
31219
  /* Responsive: collapse to single column on narrow widths */
31009
31220
  @media (max-width: 600px) {
31010
- .cn-object-data-widget__grid[data-v-86e92800] {
31221
+ .cn-object-data-widget__grid[data-v-1042b83e] {
31011
31222
  grid-template-columns: 1fr !important;
31012
31223
  }
31013
- .cn-object-data-widget__cell[data-v-86e92800] {
31224
+ .cn-object-data-widget__cell[data-v-1042b83e] {
31014
31225
  grid-column: span 1 !important;
31015
31226
  grid-row: span 1 !important;
31016
31227
  }
@@ -31160,15 +31371,10 @@ to { background-position: -200% 0;
31160
31371
  }
31161
31372
 
31162
31373
 
31163
- /* The card keeps its own box; the wrapper only adds the line under it. */
31164
- .cn-audit-trail-widget[data-v-38035670] {
31374
+ /* The card keeps its own box, footnote included. */
31375
+ .cn-audit-trail-widget[data-v-3f7bbf0c] {
31165
31376
  display: contents;
31166
31377
  }
31167
- .cn-audit-trail-widget__footnote[data-v-38035670] {
31168
- margin: 0;
31169
- font-size: 13px;
31170
- color: var(--color-text-maxcontrast);
31171
- }
31172
31378
 
31173
31379
 
31174
31380
  .cn-banner-widget[data-v-0efd62ad] {
@@ -32136,40 +32342,40 @@ to { background-position: -200% 0;
32136
32342
  }
32137
32343
 
32138
32344
 
32139
- .cn-timeline-manage__header[data-v-b7edba04] {
32345
+ .cn-timeline-manage__header[data-v-a4c73a6a] {
32140
32346
  display: flex;
32141
32347
  align-items: flex-start;
32142
32348
  justify-content: space-between;
32143
32349
  gap: 12px;
32144
32350
  margin-block-end: 16px;
32145
32351
  }
32146
- .cn-timeline-manage__heading[data-v-b7edba04] {
32352
+ .cn-timeline-manage__heading[data-v-a4c73a6a] {
32147
32353
  display: flex;
32148
32354
  flex-direction: column;
32149
32355
  gap: 4px;
32150
32356
  }
32151
- .cn-timeline-manage__header-actions[data-v-b7edba04] {
32357
+ .cn-timeline-manage__header-actions[data-v-a4c73a6a] {
32152
32358
  display: flex;
32153
32359
  gap: 8px;
32154
32360
  }
32155
- .cn-timeline-manage__title[data-v-b7edba04] {
32361
+ .cn-timeline-manage__title[data-v-a4c73a6a] {
32156
32362
  margin: 0;
32157
32363
  font-size: 17px;
32158
32364
  font-weight: 700;
32159
32365
  line-height: 1.2;
32160
32366
  }
32161
- .cn-timeline-manage__subtitle[data-v-b7edba04] {
32367
+ .cn-timeline-manage__subtitle[data-v-a4c73a6a] {
32162
32368
  margin: 0;
32163
32369
  color: var(--color-text-maxcontrast);
32164
32370
  font-size: 14px;
32165
32371
  }
32166
- .cn-timeline-manage__chips[data-v-b7edba04] {
32372
+ .cn-timeline-manage__chips[data-v-a4c73a6a] {
32167
32373
  display: flex;
32168
32374
  flex-wrap: wrap;
32169
32375
  gap: 8px;
32170
32376
  margin-block-end: 12px;
32171
32377
  }
32172
- .cn-timeline-manage__chip[data-v-b7edba04] {
32378
+ .cn-timeline-manage__chip[data-v-a4c73a6a] {
32173
32379
  display: inline-flex;
32174
32380
  align-items: center;
32175
32381
  gap: 8px;
@@ -32186,12 +32392,12 @@ to { background-position: -200% 0;
32186
32392
  }
32187
32393
 
32188
32394
  /* The chosen kind is a filled chip with no outline. */
32189
- .cn-timeline-manage__chip--active[data-v-b7edba04] {
32395
+ .cn-timeline-manage__chip--active[data-v-a4c73a6a] {
32190
32396
  border: 0;
32191
32397
  background: var(--color-main-text);
32192
32398
  color: var(--color-main-background);
32193
32399
  }
32194
- .cn-timeline-manage__chip-count[data-v-b7edba04] {
32400
+ .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
32195
32401
  padding: 1px 7px;
32196
32402
  border-radius: 10px;
32197
32403
  background: var(--color-border);
@@ -32200,11 +32406,11 @@ to { background-position: -200% 0;
32200
32406
  }
32201
32407
 
32202
32408
  /* On the filled chip the count is a lighter ink bubble with light text. */
32203
- .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-b7edba04] {
32409
+ .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
32204
32410
  background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
32205
32411
  color: var(--color-main-background);
32206
32412
  }
32207
- .cn-timeline-manage__footer[data-v-b7edba04] {
32413
+ .cn-timeline-manage__footer[data-v-a4c73a6a] {
32208
32414
  display: flex;
32209
32415
  flex-wrap: wrap;
32210
32416
  align-items: center;
@@ -32212,11 +32418,11 @@ to { background-position: -200% 0;
32212
32418
  gap: 8px;
32213
32419
  margin: 12px 0 0;
32214
32420
  }
32215
- .cn-timeline-manage__count[data-v-b7edba04] {
32421
+ .cn-timeline-manage__count[data-v-a4c73a6a] {
32216
32422
  margin: 0;
32217
32423
  color: var(--color-text-maxcontrast);
32218
32424
  }
32219
- .cn-timeline-manage__composer[data-v-b7edba04] {
32425
+ .cn-timeline-manage__composer[data-v-a4c73a6a] {
32220
32426
  display: flex;
32221
32427
  flex-direction: column;
32222
32428
  gap: 8px;
@@ -32224,59 +32430,59 @@ to { background-position: -200% 0;
32224
32430
  padding-block-start: 16px;
32225
32431
  border-block-start: 1px solid var(--color-border);
32226
32432
  }
32227
- .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-b7edba04] {
32433
+ .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-a4c73a6a] {
32228
32434
  margin-block-start: 0;
32229
32435
  padding-block-start: 0;
32230
32436
  border-block-start: none;
32231
32437
  }
32232
32438
 
32233
32439
  /* The checkbox at the start, the button at the end, as one row. */
32234
- .cn-timeline-manage__composer-foot[data-v-b7edba04] {
32440
+ .cn-timeline-manage__composer-foot[data-v-a4c73a6a] {
32235
32441
  display: flex;
32236
32442
  flex-wrap: wrap;
32237
32443
  align-items: center;
32238
32444
  justify-content: space-between;
32239
32445
  gap: 8px;
32240
32446
  }
32241
- .cn-timeline-manage__composer-title[data-v-b7edba04] {
32447
+ .cn-timeline-manage__composer-title[data-v-a4c73a6a] {
32242
32448
  margin: 0;
32243
32449
  font-size: 16px;
32244
32450
  font-weight: bold;
32245
32451
  }
32246
- .cn-timeline-manage__composer-hint[data-v-b7edba04] {
32452
+ .cn-timeline-manage__composer-hint[data-v-a4c73a6a] {
32247
32453
  margin: 0;
32248
32454
  color: var(--color-text-maxcontrast);
32249
32455
  }
32250
- .cn-timeline-manage__draft-label[data-v-b7edba04] {
32456
+ .cn-timeline-manage__draft-label[data-v-a4c73a6a] {
32251
32457
  font-weight: bold;
32252
32458
  }
32253
- .cn-timeline-manage__draft[data-v-b7edba04] {
32459
+ .cn-timeline-manage__draft[data-v-a4c73a6a] {
32254
32460
  width: 100%;
32255
32461
  min-height: 70px;
32256
32462
  }
32257
- .cn-timeline-manage__controls[data-v-b7edba04] {
32463
+ .cn-timeline-manage__controls[data-v-a4c73a6a] {
32258
32464
  display: flex;
32259
32465
  gap: 12px;
32260
32466
  flex-wrap: wrap;
32261
32467
  margin-block-end: 12px;
32262
32468
  }
32263
- .cn-timeline-manage__filter[data-v-b7edba04] {
32469
+ .cn-timeline-manage__filter[data-v-a4c73a6a] {
32264
32470
  min-width: 200px;
32265
32471
  }
32266
- .cn-timeline-manage__list[data-v-b7edba04] {
32472
+ .cn-timeline-manage__list[data-v-a4c73a6a] {
32267
32473
  list-style: none;
32268
32474
  margin: 0;
32269
32475
  padding: 0;
32270
32476
  }
32271
- .cn-timeline-manage__entry[data-v-b7edba04] {
32477
+ .cn-timeline-manage__entry[data-v-a4c73a6a] {
32272
32478
  border-block-end: 1px solid var(--color-border);
32273
32479
  padding-block: 12px;
32274
32480
  }
32275
- .cn-timeline-manage__entry--pinned[data-v-b7edba04] {
32481
+ .cn-timeline-manage__entry--pinned[data-v-a4c73a6a] {
32276
32482
  border-inline-start: 3px solid var(--color-primary-element);
32277
32483
  padding-inline-start: 8px;
32278
32484
  }
32279
- .cn-timeline-manage__head[data-v-b7edba04] {
32485
+ .cn-timeline-manage__head[data-v-a4c73a6a] {
32280
32486
  display: flex;
32281
32487
  gap: 8px;
32282
32488
  flex-wrap: wrap;
@@ -32284,29 +32490,29 @@ to { background-position: -200% 0;
32284
32490
  color: var(--color-text-maxcontrast);
32285
32491
  font-size: 0.9em;
32286
32492
  }
32287
- .cn-timeline-manage__kind[data-v-b7edba04] {
32493
+ .cn-timeline-manage__kind[data-v-a4c73a6a] {
32288
32494
  font-weight: bold;
32289
32495
  color: var(--color-main-text);
32290
32496
  }
32291
- .cn-timeline-manage__badge[data-v-b7edba04] {
32497
+ .cn-timeline-manage__badge[data-v-a4c73a6a] {
32292
32498
  border: 1px solid var(--color-border);
32293
32499
  border-radius: var(--border-radius);
32294
32500
  padding: 0 6px;
32295
32501
  }
32296
- .cn-timeline-manage__badge--open[data-v-b7edba04] {
32502
+ .cn-timeline-manage__badge--open[data-v-a4c73a6a] {
32297
32503
  border-color: var(--color-warning);
32298
32504
  color: var(--color-warning-text);
32299
32505
  }
32300
- .cn-timeline-manage__message[data-v-b7edba04] {
32506
+ .cn-timeline-manage__message[data-v-a4c73a6a] {
32301
32507
  margin-block: 4px 0;
32302
32508
  white-space: pre-wrap;
32303
32509
  }
32304
- .cn-timeline-manage__siblings[data-v-b7edba04] {
32510
+ .cn-timeline-manage__siblings[data-v-a4c73a6a] {
32305
32511
  margin-block: 4px 0;
32306
32512
  color: var(--color-text-maxcontrast);
32307
32513
  font-size: 0.9em;
32308
32514
  }
32309
- .cn-timeline-manage__actions[data-v-b7edba04] {
32515
+ .cn-timeline-manage__actions[data-v-a4c73a6a] {
32310
32516
  display: flex;
32311
32517
  gap: 8px;
32312
32518
  margin-block-start: 4px;
@@ -32904,15 +33110,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
32904
33110
 
32905
33111
  /* A leaf card in a narrow cell keeps its title and count: the title row
32906
33112
  wraps and the actions move under it instead of squeezing the title out. */
32907
- .cn-detail-page__leaf-card[data-v-c8d7bd10] .cn-widget-wrapper__header {
33113
+ .cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header {
32908
33114
  flex-wrap: wrap;
32909
33115
  }
32910
- .cn-detail-page__leaf-card[data-v-c8d7bd10] .cn-widget-wrapper__header-left {
33116
+ .cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header-left {
32911
33117
  flex: 1 0 auto;
32912
33118
  }
32913
33119
 
32914
33120
  /* The count beside a card title: the grey 20px badge of the tab strip. */
32915
- .cn-detail-page__catalog-count[data-v-c8d7bd10] {
33121
+ .cn-detail-page__catalog-count[data-v-32a82d6a] {
32916
33122
  background-color: var(--color-border);
32917
33123
  border-radius: 10px;
32918
33124
  box-sizing: border-box;
@@ -32925,19 +33131,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
32925
33131
  padding: 0 6px;
32926
33132
  text-align: center;
32927
33133
  }
32928
- .cn-detail-page__catalog-note[data-v-c8d7bd10] {
33134
+ .cn-detail-page__catalog-note[data-v-32a82d6a] {
32929
33135
  color: var(--color-text-maxcontrast);
32930
33136
  font-size: 14px;
32931
33137
  white-space: nowrap;
32932
33138
  }
32933
- .cn-detail-widget-host[data-v-c8d7bd10],
32934
- .cn-detail-widget-host[data-v-c8d7bd10] > * {
33139
+ .cn-detail-widget-host[data-v-32a82d6a],
33140
+ .cn-detail-widget-host[data-v-32a82d6a] > * {
32935
33141
  height: 100%;
32936
33142
  }
32937
33143
 
32938
33144
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
32939
33145
  scroll, rather than growing a second scroll region of its own. */
32940
- .cn-detail-widget-host--bare[data-v-c8d7bd10] {
33146
+ .cn-detail-widget-host--bare[data-v-32a82d6a] {
32941
33147
  min-height: 0;
32942
33148
  }
32943
33149
 
@@ -39128,40 +39334,40 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39128
39334
  }
39129
39335
 
39130
39336
 
39131
- .cn-working-calendar[data-v-5c34a46e] {
39337
+ .cn-working-calendar[data-v-23316897] {
39132
39338
  display: flex;
39133
39339
  flex-direction: column;
39134
39340
  gap: 12px;
39135
39341
  }
39136
- .cn-working-calendar__head[data-v-5c34a46e] {
39342
+ .cn-working-calendar__head[data-v-23316897] {
39137
39343
  align-items: center;
39138
39344
  display: flex;
39139
39345
  gap: 4px;
39140
39346
  }
39141
- .cn-working-calendar__title[data-v-5c34a46e] {
39347
+ .cn-working-calendar__title[data-v-23316897] {
39142
39348
  font-size: 15px;
39143
39349
  min-width: 9em;
39144
39350
  text-align: center;
39145
39351
  }
39146
- .cn-working-calendar__add[data-v-5c34a46e] {
39352
+ .cn-working-calendar__add[data-v-23316897] {
39147
39353
  margin-inline-start: auto;
39148
39354
  }
39149
- .cn-working-calendar__grid[data-v-5c34a46e] {
39355
+ .cn-working-calendar__grid[data-v-23316897] {
39150
39356
  display: flex;
39151
39357
  flex-direction: column;
39152
39358
  gap: 4px;
39153
39359
  }
39154
- .cn-working-calendar__row[data-v-5c34a46e] {
39360
+ .cn-working-calendar__row[data-v-23316897] {
39155
39361
  display: grid;
39156
39362
  gap: 4px;
39157
39363
  grid-template-columns: repeat(7, minmax(0, 1fr));
39158
39364
  }
39159
- .cn-working-calendar__weekday[data-v-5c34a46e] {
39365
+ .cn-working-calendar__weekday[data-v-23316897] {
39160
39366
  color: var(--color-text-maxcontrast);
39161
39367
  font-size: 12px;
39162
39368
  text-align: center;
39163
39369
  }
39164
- .cn-working-calendar__day[data-v-5c34a46e] {
39370
+ .cn-working-calendar__day[data-v-23316897] {
39165
39371
  align-items: center;
39166
39372
  background: var(--color-main-background);
39167
39373
  border: 1px solid var(--color-border);
@@ -39172,23 +39378,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39172
39378
  height: 34px;
39173
39379
  justify-content: center;
39174
39380
  }
39175
- .cn-working-calendar__day[data-v-5c34a46e]:focus-visible {
39381
+ .cn-working-calendar__day[data-v-23316897]:focus-visible {
39176
39382
  outline: 2px solid var(--color-primary-element);
39177
39383
  outline-offset: 1px;
39178
39384
  }
39179
- .cn-working-calendar__day--off[data-v-5c34a46e] {
39385
+ .cn-working-calendar__day--off[data-v-23316897] {
39180
39386
  background: var(--color-background-dark);
39181
39387
  }
39182
- .cn-working-calendar__day--closed[data-v-5c34a46e] {
39388
+ .cn-working-calendar__day--closed[data-v-23316897] {
39183
39389
  background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
39184
39390
  border-color: var(--color-error);
39185
39391
  color: var(--color-error-text, var(--color-main-text));
39186
39392
  font-weight: 600;
39187
39393
  }
39188
- .cn-working-calendar__day--today[data-v-5c34a46e] {
39394
+ .cn-working-calendar__day--today[data-v-23316897] {
39189
39395
  box-shadow: inset 0 0 0 2px var(--color-primary-element);
39190
39396
  }
39191
- .cn-working-calendar__live[data-v-5c34a46e] {
39397
+ .cn-working-calendar__live[data-v-23316897] {
39192
39398
  clip-path: inset(50%);
39193
39399
  height: 1px;
39194
39400
  overflow: hidden;
@@ -39196,34 +39402,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39196
39402
  white-space: nowrap;
39197
39403
  width: 1px;
39198
39404
  }
39199
- .cn-working-calendar__note[data-v-5c34a46e] {
39405
+
39406
+ /* A theme's paragraph rule sets every p's size and colour with !important
39407
+ (thematiq), so the note and the footnote also set its tokens.
39408
+ @spec openspec/changes/calendar-footnote-paragraph-tokens/specs/working-calendar-footnote/spec.md */
39409
+ .cn-working-calendar__note[data-v-23316897] {
39410
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
39200
39411
  color: var(--color-text-maxcontrast);
39201
39412
  margin: 0;
39202
39413
  }
39203
39414
 
39204
39415
  /* @spec openspec/changes/working-calendar-footnote/specs/working-calendar-footnote/spec.md */
39205
- .cn-working-calendar__footnote[data-v-5c34a46e] {
39416
+ .cn-working-calendar__footnote[data-v-23316897] {
39417
+ --nldesign-component-paragraph-font-size: 13px;
39418
+ --nldesign-component-paragraph-line-height: 1.3;
39419
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
39206
39420
  margin: 0;
39207
39421
  font-size: 13px;
39208
39422
  line-height: 1.3;
39209
39423
  color: var(--color-text-maxcontrast);
39210
39424
  }
39211
- .cn-working-calendar__form[data-v-5c34a46e] {
39425
+ .cn-working-calendar__form[data-v-23316897] {
39212
39426
  display: flex;
39213
39427
  flex-wrap: wrap;
39214
39428
  gap: 8px 12px;
39215
39429
  }
39216
- .cn-working-calendar__field[data-v-5c34a46e] {
39430
+ .cn-working-calendar__field[data-v-23316897] {
39217
39431
  display: flex;
39218
39432
  flex-direction: column;
39219
39433
  gap: 4px;
39220
39434
  }
39221
- .cn-working-calendar__form-actions[data-v-5c34a46e] {
39435
+ .cn-working-calendar__form-actions[data-v-23316897] {
39222
39436
  align-items: flex-end;
39223
39437
  display: flex;
39224
39438
  gap: 8px;
39225
39439
  }
39226
- .cn-working-calendar__error[data-v-5c34a46e] {
39440
+ .cn-working-calendar__error[data-v-23316897] {
39227
39441
  color: var(--color-error-text, var(--color-error));
39228
39442
  margin: 0;
39229
39443
  }
@@ -40187,20 +40401,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40187
40401
  }
40188
40402
 
40189
40403
 
40190
- .cn-record-list__checklist-bar[data-v-16c5db06] {
40404
+ .cn-record-list__checklist-bar[data-v-3c8e615c] {
40191
40405
  height: 8px;
40192
40406
  margin-block-end: 16px;
40193
40407
  border-radius: 4px;
40194
40408
  background: var(--color-background-dark);
40195
40409
  overflow: hidden;
40196
40410
  }
40197
- .cn-record-list__checklist-fill[data-v-16c5db06] {
40411
+ .cn-record-list__checklist-fill[data-v-3c8e615c] {
40198
40412
  display: block;
40199
40413
  height: 100%;
40200
40414
  border-radius: 4px;
40201
40415
  background: var(--color-primary-element);
40202
40416
  }
40203
- .cn-record-list__checklist[data-v-16c5db06] {
40417
+ .cn-record-list__checklist[data-v-3c8e615c] {
40204
40418
  display: grid;
40205
40419
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
40206
40420
  gap: 8px 16px;
@@ -40208,16 +40422,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40208
40422
  padding: 0;
40209
40423
  list-style: none;
40210
40424
  }
40211
- .cn-record-list__check[data-v-16c5db06] {
40425
+ .cn-record-list__check[data-v-3c8e615c] {
40212
40426
  display: flex;
40213
40427
  align-items: center;
40214
40428
  gap: 8px;
40215
40429
  min-height: 28px;
40216
40430
  }
40217
- .cn-record-list__check--done[data-v-16c5db06] {
40431
+ .cn-record-list__check--done[data-v-3c8e615c] {
40218
40432
  color: var(--color-text-maxcontrast);
40219
40433
  }
40220
- .cn-record-list__check-mark[data-v-16c5db06] {
40434
+ .cn-record-list__check-mark[data-v-3c8e615c] {
40221
40435
  display: inline-flex;
40222
40436
  flex: none;
40223
40437
  align-items: center;
@@ -40227,45 +40441,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40227
40441
  border: 2px solid var(--color-border-maxcontrast);
40228
40442
  border-radius: 50%;
40229
40443
  }
40230
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-16c5db06] {
40444
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-3c8e615c] {
40231
40445
  border-color: transparent;
40232
40446
  background: var(--color-success-hover, var(--color-background-dark));
40233
40447
  color: var(--color-success-text, var(--color-success));
40234
40448
  }
40235
40449
  @media (max-width: 640px) {
40236
- .cn-record-list__checklist[data-v-16c5db06] {
40450
+ .cn-record-list__checklist[data-v-3c8e615c] {
40237
40451
  grid-template-columns: minmax(0, 1fr);
40238
40452
  }
40239
40453
  }
40240
- .cn-record-list__set-field-done[data-v-16c5db06] {
40454
+ .cn-record-list__set-field-done[data-v-3c8e615c] {
40241
40455
  display: inline-flex;
40242
40456
  align-items: center;
40243
40457
  gap: 4px;
40244
40458
  color: var(--color-success-text, var(--color-success));
40245
40459
  font-weight: bold;
40246
40460
  }
40247
- .cn-record-list__list[data-v-16c5db06] {
40461
+ .cn-record-list__list[data-v-3c8e615c] {
40248
40462
  list-style: none;
40249
40463
  margin: 0;
40250
40464
  padding: 0;
40251
40465
  }
40252
- .cn-record-list__group-heading[data-v-16c5db06] {
40466
+ .cn-record-list__group-heading[data-v-3c8e615c] {
40253
40467
  margin: 6px 0 0;
40254
40468
  font-size: 15px;
40255
40469
  font-weight: 700;
40256
40470
  line-height: 1.4;
40257
40471
  }
40258
- .cn-record-list__group-head[data-v-16c5db06] {
40472
+ .cn-record-list__group-head[data-v-3c8e615c] {
40259
40473
  display: flex;
40260
40474
  align-items: center;
40261
40475
  justify-content: space-between;
40262
40476
  gap: 8px;
40263
40477
  margin-top: 6px;
40264
40478
  }
40265
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-16c5db06] {
40479
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-3c8e615c] {
40266
40480
  margin: 0;
40267
40481
  }
40268
- .cn-record-list__action--tonal.button-vue[data-v-16c5db06] {
40482
+ .cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
40269
40483
  min-height: 34px;
40270
40484
  height: 34px;
40271
40485
  padding: 0 12px;
@@ -40276,34 +40490,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40276
40490
  font-size: 13px;
40277
40491
  font-weight: 600;
40278
40492
  }
40279
- .cn-record-list__action--tonal.button-vue[data-v-16c5db06]:hover:not(:disabled) {
40493
+ .cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
40280
40494
  background-color: var(--color-primary-element-light-hover);
40281
40495
  }
40282
- .cn-record-list__footer[data-v-16c5db06] {
40496
+ .cn-record-list__footer[data-v-3c8e615c] {
40283
40497
  display: flex;
40284
40498
  flex-direction: column;
40285
40499
  align-items: flex-start;
40286
40500
  gap: 6px;
40287
40501
  margin-top: 10px;
40288
40502
  }
40289
- .cn-record-list__footer--wide[data-v-16c5db06] {
40503
+ .cn-record-list__footer--wide[data-v-3c8e615c] {
40290
40504
  align-items: stretch;
40291
40505
  }
40292
- .cn-record-list__footer-note[data-v-16c5db06] {
40506
+ .cn-record-list__footer-note[data-v-3c8e615c] {
40293
40507
  margin: 0 0 6px;
40294
40508
  color: var(--color-text-maxcontrast);
40295
40509
  font-size: 13px;
40296
40510
  }
40297
- .cn-record-list__footer-reason[data-v-16c5db06] {
40511
+ .cn-record-list__footer-reason[data-v-3c8e615c] {
40298
40512
  font-size: 13px;
40299
40513
  color: var(--color-text-maxcontrast);
40300
40514
  }
40301
- .cn-record-list__empty[data-v-16c5db06],
40302
- .cn-record-list__error[data-v-16c5db06] {
40515
+ .cn-record-list__empty[data-v-3c8e615c],
40516
+ .cn-record-list__error[data-v-3c8e615c] {
40303
40517
  color: var(--color-text-maxcontrast);
40304
40518
  margin: 0;
40305
40519
  }
40306
- .cn-record-list__notice[data-v-16c5db06] {
40520
+ .cn-record-list__notice[data-v-3c8e615c] {
40307
40521
  display: flex;
40308
40522
  gap: 10px;
40309
40523
  align-items: flex-start;
@@ -40312,38 +40526,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40312
40526
  background: var(--color-primary-element-light, var(--color-background-dark));
40313
40527
  color: var(--color-main-text);
40314
40528
  }
40315
- .cn-record-list__notice--warning[data-v-16c5db06] {
40529
+ .cn-record-list__notice--warning[data-v-3c8e615c] {
40316
40530
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
40317
40531
  color: var(--color-warning-text, var(--color-main-text));
40318
40532
  }
40319
- .cn-record-list__notice--error[data-v-16c5db06] {
40533
+ .cn-record-list__notice--error[data-v-3c8e615c] {
40320
40534
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
40321
40535
  color: var(--color-error-text, var(--color-main-text));
40322
40536
  }
40323
- .cn-record-list__notice-icon[data-v-16c5db06] {
40537
+ .cn-record-list__notice--footnote[data-v-3c8e615c] {
40538
+ margin-top: 12px;
40539
+ }
40540
+ .cn-record-list__notice-icon[data-v-3c8e615c] {
40324
40541
  flex: 0 0 auto;
40325
40542
  margin-top: 1px;
40326
40543
  }
40327
- .cn-record-list__notice-text[data-v-16c5db06] {
40544
+ .cn-record-list__notice-text[data-v-3c8e615c] {
40328
40545
  margin: 0;
40329
40546
  line-height: 1.5;
40330
40547
  }
40331
- .cn-record-list__loading[data-v-16c5db06] {
40548
+ .cn-record-list__loading[data-v-3c8e615c] {
40332
40549
  display: flex;
40333
40550
  justify-content: center;
40334
40551
  padding: 8px 0;
40335
40552
  }
40336
40553
 
40337
40554
  /* rows */
40338
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-16c5db06],
40339
- .cn-record-list--rule-above .cn-record-list__item[data-v-16c5db06]:first-child {
40555
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
40556
+ .cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
40340
40557
  border-top: 1px solid var(--color-border);
40341
40558
  }
40342
- .cn-record-list__pill-start[data-v-16c5db06] {
40559
+ .cn-record-list__pill-start[data-v-3c8e615c] {
40343
40560
  display: flex;
40344
40561
  flex: none;
40345
40562
  }
40346
- .cn-record-list__bar[data-v-16c5db06] {
40563
+ .cn-record-list__bar[data-v-3c8e615c] {
40347
40564
  background: var(--color-border);
40348
40565
  border-radius: 3px;
40349
40566
  display: block;
@@ -40351,15 +40568,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40351
40568
  margin: -6px 0 12px;
40352
40569
  overflow: hidden;
40353
40570
  }
40354
- .cn-record-list__bar-fill[data-v-16c5db06] {
40571
+ .cn-record-list__bar-fill[data-v-3c8e615c] {
40355
40572
  background: var(--color-primary-element);
40356
40573
  display: block;
40357
40574
  height: 100%;
40358
40575
  }
40359
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-16c5db06] {
40576
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
40360
40577
  background: var(--color-error);
40361
40578
  }
40362
- .cn-record-list__row[data-v-16c5db06] {
40579
+ .cn-record-list__row[data-v-3c8e615c] {
40363
40580
  align-items: center;
40364
40581
  color: var(--color-main-text);
40365
40582
  display: flex;
@@ -40367,22 +40584,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40367
40584
  padding: 12px 0;
40368
40585
  text-decoration: none;
40369
40586
  }
40370
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-16c5db06],
40371
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-16c5db06] {
40587
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-3c8e615c],
40588
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
40372
40589
  text-decoration: underline;
40373
40590
  }
40374
- .cn-record-list__dot[data-v-16c5db06] {
40591
+ .cn-record-list__dot[data-v-3c8e615c] {
40375
40592
  flex: 0 0 14px;
40376
40593
  width: 14px;
40377
40594
  height: 14px;
40378
40595
  border-radius: 50%;
40379
40596
  }
40380
- .cn-record-list__flag[data-v-16c5db06] {
40597
+ .cn-record-list__flag[data-v-3c8e615c] {
40381
40598
  color: var(--color-text-maxcontrast);
40382
40599
  font-size: 14px;
40383
40600
  white-space: nowrap;
40384
40601
  }
40385
- .cn-record-list__avatar[data-v-16c5db06] {
40602
+ .cn-record-list__avatar[data-v-3c8e615c] {
40386
40603
  align-items: center;
40387
40604
  background: var(--color-background-hover);
40388
40605
  border-radius: 50%;
@@ -40395,82 +40612,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40395
40612
  justify-content: center;
40396
40613
  width: 36px;
40397
40614
  }
40398
- .cn-record-list__main[data-v-16c5db06] {
40615
+ .cn-record-list__main[data-v-3c8e615c] {
40399
40616
  display: flex;
40400
40617
  flex: 1 1 auto;
40401
40618
  flex-direction: column;
40402
40619
  gap: 2px;
40403
40620
  min-width: 0;
40404
40621
  }
40405
- .cn-record-list__title[data-v-16c5db06] {
40622
+ .cn-record-list__title[data-v-3c8e615c] {
40406
40623
  font-size: 15px;
40407
40624
  font-weight: 700;
40408
40625
  }
40409
- .cn-record-list--compact .cn-record-list__row[data-v-16c5db06] {
40626
+ .cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
40410
40627
  box-sizing: border-box;
40411
40628
  min-height: 56px;
40412
40629
  padding: 10px 0;
40413
40630
  }
40414
- .cn-record-list--compact .cn-record-list__title[data-v-16c5db06] {
40631
+ .cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
40415
40632
  font-weight: 500;
40416
40633
  }
40417
- .cn-record-list__meta[data-v-16c5db06] {
40634
+ .cn-record-list__meta[data-v-3c8e615c] {
40418
40635
  color: var(--color-text-maxcontrast);
40419
40636
  font-size: 13px;
40420
40637
  }
40421
- .cn-record-list__aside[data-v-16c5db06] {
40638
+ .cn-record-list__aside[data-v-3c8e615c] {
40422
40639
  align-items: center;
40423
40640
  display: flex;
40424
40641
  flex: none;
40425
40642
  gap: 16px;
40426
40643
  }
40427
- .cn-record-list__leading[data-v-16c5db06] {
40644
+ .cn-record-list__leading[data-v-3c8e615c] {
40428
40645
  flex: 0 0 52px;
40429
40646
  color: var(--color-text-maxcontrast);
40430
40647
  font-size: 14px;
40431
40648
  font-weight: 600;
40432
40649
  font-variant-numeric: tabular-nums;
40433
40650
  }
40434
- .cn-record-list__trailing[data-v-16c5db06] {
40651
+ .cn-record-list__trailing[data-v-3c8e615c] {
40435
40652
  font-size: 14px;
40436
40653
  white-space: nowrap;
40437
40654
  }
40438
- .cn-record-list__due[data-v-16c5db06] {
40655
+ .cn-record-list__due[data-v-3c8e615c] {
40439
40656
  font-size: 14px;
40440
40657
  white-space: nowrap;
40441
40658
  }
40442
- .cn-record-list__due--danger[data-v-16c5db06] {
40659
+ .cn-record-list__due--danger[data-v-3c8e615c] {
40443
40660
  color: var(--color-text-error, var(--color-error-text));
40444
40661
  font-weight: 600;
40445
40662
  }
40446
- .cn-record-list__table[data-v-16c5db06] {
40663
+ .cn-record-list__table[data-v-3c8e615c] {
40447
40664
  width: 100%;
40448
40665
  border-collapse: collapse;
40449
40666
  font-size: 14px;
40450
40667
  }
40451
- .cn-record-list__table th[data-v-16c5db06] {
40668
+ .cn-record-list__table th[data-v-3c8e615c] {
40452
40669
  padding: 6px 0;
40453
40670
  border-bottom: 1px solid var(--color-border);
40454
40671
  color: var(--color-text-maxcontrast);
40455
40672
  font-weight: 600;
40456
40673
  text-align: start;
40457
40674
  }
40458
- .cn-record-list__table td[data-v-16c5db06] {
40675
+ .cn-record-list__table td[data-v-3c8e615c] {
40459
40676
  padding: 8px 0;
40460
40677
  border-bottom: 1px solid var(--color-border);
40461
40678
  }
40462
- .cn-record-list__cell-sub[data-v-16c5db06] {
40679
+ .cn-record-list__cell-sub[data-v-3c8e615c] {
40463
40680
  display: block;
40464
40681
  color: var(--color-text-maxcontrast);
40465
40682
  font-size: 13px;
40466
40683
  }
40467
- .cn-record-list__table .cn-record-list__cell--actions[data-v-16c5db06] {
40684
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
40468
40685
  width: 1%;
40469
40686
  padding-inline-start: 12px;
40470
40687
  text-align: end;
40471
40688
  white-space: nowrap;
40472
40689
  }
40473
- .cn-record-list__sort[data-v-16c5db06] {
40690
+ .cn-record-list__sort[data-v-3c8e615c] {
40474
40691
  display: inline-flex;
40475
40692
  gap: 4px;
40476
40693
  align-items: center;
@@ -40483,75 +40700,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40483
40700
  font: inherit;
40484
40701
  cursor: pointer;
40485
40702
  }
40486
- .cn-record-list__sort[data-v-16c5db06]:focus-visible {
40703
+ .cn-record-list__sort[data-v-3c8e615c]:focus-visible {
40487
40704
  outline: 2px solid var(--color-primary-element);
40488
40705
  outline-offset: 2px;
40489
40706
  }
40490
- .cn-record-list__sort-mark[data-v-16c5db06] {
40707
+ .cn-record-list__sort-mark[data-v-3c8e615c] {
40491
40708
  font-size: 10px;
40492
40709
  }
40493
- .cn-record-list__table .cn-record-list__cell--end[data-v-16c5db06] {
40710
+ .cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
40494
40711
  padding-inline-start: 12px;
40495
40712
  text-align: end;
40496
40713
  font-variant-numeric: tabular-nums;
40497
40714
  }
40498
- .cn-record-list__table .cn-record-list__cell--alert[data-v-16c5db06] {
40715
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
40499
40716
  color: var(--color-text-error, var(--color-error-text));
40500
40717
  font-weight: 700;
40501
40718
  }
40502
- .cn-record-list__intro[data-v-16c5db06] {
40719
+ .cn-record-list__intro[data-v-3c8e615c] {
40503
40720
  margin: 0 0 8px;
40504
40721
  color: var(--color-text-maxcontrast);
40505
40722
  }
40506
- .cn-record-list__footnote[data-v-16c5db06] {
40723
+ .cn-record-list__footnote[data-v-3c8e615c] {
40507
40724
  margin: 8px 0 0;
40508
40725
  color: var(--color-text-maxcontrast);
40509
40726
  font-size: 13px;
40510
40727
  }
40511
- .cn-record-list__due--soon[data-v-16c5db06] {
40728
+ .cn-record-list__due--soon[data-v-3c8e615c] {
40512
40729
  color: var(--color-text-warning, var(--color-warning-text));
40513
40730
  font-weight: 600;
40514
40731
  }
40515
- .cn-record-list__due--empty[data-v-16c5db06] {
40732
+ .cn-record-list__due--empty[data-v-3c8e615c] {
40516
40733
  color: var(--color-text-maxcontrast);
40517
40734
  }
40518
- .cn-record-list__row--action[data-v-16c5db06] {
40735
+ .cn-record-list__row--action[data-v-3c8e615c] {
40519
40736
  flex-wrap: wrap;
40520
40737
  gap: 8px 16px;
40521
40738
  padding: 14px 0;
40522
40739
  }
40523
- .cn-record-list__row--action .cn-record-list__main[data-v-16c5db06] {
40740
+ .cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
40524
40741
  flex: 1 1 280px;
40525
40742
  gap: 3px;
40526
40743
  }
40527
- .cn-record-list__title--link[data-v-16c5db06] {
40744
+ .cn-record-list__title--link[data-v-3c8e615c] {
40528
40745
  color: var(--color-main-text);
40529
40746
  text-decoration: underline;
40530
40747
  }
40531
- .cn-record-list__pills[data-v-16c5db06] {
40748
+ .cn-record-list__pills[data-v-3c8e615c] {
40532
40749
  display: flex;
40533
40750
  flex: 0 0 120px;
40534
40751
  gap: 6px;
40535
40752
  justify-content: flex-end;
40536
40753
  }
40537
- .cn-record-list__due--below[data-v-16c5db06] {
40754
+ .cn-record-list__due--below[data-v-3c8e615c] {
40538
40755
  font-size: 13px;
40539
40756
  font-weight: 600;
40540
40757
  white-space: normal;
40541
40758
  }
40542
- .cn-record-list__footer-link[data-v-16c5db06] {
40759
+ .cn-record-list__footer-link[data-v-3c8e615c] {
40543
40760
  align-self: flex-start;
40544
40761
  padding-top: 8px;
40545
40762
  font-size: 14px;
40546
40763
  font-weight: 600;
40547
40764
  text-decoration: underline;
40548
40765
  }
40549
- .cn-record-list__due--column[data-v-16c5db06] {
40766
+ .cn-record-list__due--column[data-v-3c8e615c] {
40550
40767
  flex: 0 0 96px;
40551
40768
  font-size: 13px;
40552
40769
  text-align: end;
40553
40770
  }
40554
- .cn-record-list__action[data-v-16c5db06] {
40771
+ .cn-record-list__action[data-v-3c8e615c] {
40555
40772
  align-items: center;
40556
40773
  background: var(--color-primary-element-light);
40557
40774
  border: 0;
@@ -40568,11 +40785,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40568
40785
  padding: 0 14px;
40569
40786
  text-decoration: none;
40570
40787
  }
40571
- .cn-record-list__action[data-v-16c5db06]:hover,
40572
- .cn-record-list__action[data-v-16c5db06]:focus-visible {
40788
+ .cn-record-list__action[data-v-3c8e615c]:hover,
40789
+ .cn-record-list__action[data-v-3c8e615c]:focus-visible {
40573
40790
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
40574
40791
  }
40575
- .cn-record-list__chevron[data-v-16c5db06] {
40792
+ .cn-record-list__chevron[data-v-3c8e615c] {
40576
40793
  color: var(--color-text-maxcontrast);
40577
40794
  flex: none;
40578
40795
  }
@@ -40580,15 +40797,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40580
40797
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
40581
40798
  tiles in a grid, the title at 14px regular. The selectors outrank the board
40582
40799
  look's list row rules. */
40583
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-16c5db06] {
40800
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-3c8e615c] {
40584
40801
  display: grid;
40585
40802
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
40586
40803
  gap: 8px;
40587
40804
  }
40588
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-16c5db06] {
40805
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-3c8e615c] {
40589
40806
  border-top: 0;
40590
40807
  }
40591
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-16c5db06] {
40808
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
40592
40809
  box-sizing: border-box;
40593
40810
  height: 100%;
40594
40811
  gap: 10px;
@@ -40597,19 +40814,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40597
40814
  border: 1px solid var(--cn-board-hairline, var(--color-border));
40598
40815
  border-radius: 8px;
40599
40816
  }
40600
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-16c5db06] {
40817
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-3c8e615c] {
40601
40818
  font-size: 14px;
40602
40819
  font-weight: 400;
40603
40820
  }
40604
40821
 
40605
40822
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
40606
- .cn-record-list--cards .cn-record-list__list[data-v-16c5db06] {
40823
+ .cn-record-list--cards .cn-record-list__list[data-v-3c8e615c] {
40607
40824
  align-items: start;
40608
40825
  display: grid;
40609
40826
  gap: 16px;
40610
40827
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
40611
40828
  }
40612
- .cn-record-list__card[data-v-16c5db06] {
40829
+ .cn-record-list__card[data-v-3c8e615c] {
40613
40830
  background: var(--color-main-background);
40614
40831
  border: 1px solid var(--color-border);
40615
40832
  border-radius: 12px;
@@ -40621,51 +40838,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40621
40838
  padding: 16px 18px;
40622
40839
  text-decoration: none;
40623
40840
  }
40624
- .cn-record-list__card--link[data-v-16c5db06]:hover,
40625
- .cn-record-list__card--link[data-v-16c5db06]:focus-visible {
40841
+ .cn-record-list__card--link[data-v-3c8e615c]:hover,
40842
+ .cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
40626
40843
  border-color: var(--color-border-dark, var(--color-border));
40627
40844
  }
40628
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-16c5db06],
40629
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-16c5db06] {
40845
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
40846
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
40630
40847
  text-decoration: underline;
40631
40848
  }
40632
- .cn-record-list__card-head[data-v-16c5db06] {
40849
+ .cn-record-list__card-head[data-v-3c8e615c] {
40633
40850
  align-items: center;
40634
40851
  display: flex;
40635
40852
  gap: 8px;
40636
40853
  justify-content: space-between;
40637
40854
  }
40638
- .cn-record-list__card-title[data-v-16c5db06] {
40855
+ .cn-record-list__card-title[data-v-3c8e615c] {
40639
40856
  align-items: center;
40640
40857
  display: flex;
40641
40858
  gap: 8px;
40642
40859
  min-width: 0;
40643
40860
  }
40644
- .cn-record-list__card-icon[data-v-16c5db06] {
40861
+ .cn-record-list__card-icon[data-v-3c8e615c] {
40645
40862
  color: var(--color-primary-element);
40646
40863
  flex: none;
40647
40864
  }
40648
- .cn-record-list__card-pills[data-v-16c5db06] {
40865
+ .cn-record-list__card-pills[data-v-3c8e615c] {
40649
40866
  display: flex;
40650
40867
  flex: none;
40651
40868
  gap: 6px;
40652
40869
  }
40653
- .cn-record-list__card-value[data-v-16c5db06] {
40870
+ .cn-record-list__card-value[data-v-3c8e615c] {
40654
40871
  font-size: 24px;
40655
40872
  font-weight: 700;
40656
40873
  }
40657
40874
 
40658
40875
  /* feed */
40659
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-16c5db06] {
40876
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
40660
40877
  border-top: 1px solid var(--color-border);
40661
40878
  }
40662
- .cn-record-list__feed-row[data-v-16c5db06] {
40879
+ .cn-record-list__feed-row[data-v-3c8e615c] {
40663
40880
  align-items: flex-start;
40664
40881
  display: flex;
40665
40882
  gap: 14px;
40666
40883
  padding: 12px 0;
40667
40884
  }
40668
- .cn-record-list__feed-icon[data-v-16c5db06] {
40885
+ .cn-record-list__feed-icon[data-v-3c8e615c] {
40669
40886
  align-items: center;
40670
40887
  background: var(--color-primary-element-light);
40671
40888
  border-radius: 50%;
@@ -40676,25 +40893,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40676
40893
  justify-content: center;
40677
40894
  width: 36px;
40678
40895
  }
40679
- .cn-record-list__text[data-v-16c5db06] {
40896
+ .cn-record-list__text[data-v-3c8e615c] {
40680
40897
  font-size: 15px;
40681
40898
  }
40682
- .cn-record-list--feed .cn-record-list__main[data-v-16c5db06] {
40899
+ .cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
40683
40900
  color: var(--color-main-text);
40684
40901
  text-decoration: none;
40685
40902
  }
40686
40903
 
40687
40904
  /* inline */
40688
- .cn-record-list__inline-row[data-v-16c5db06] {
40905
+ .cn-record-list__inline-row[data-v-3c8e615c] {
40689
40906
  padding: 4px 0;
40690
40907
  }
40691
- .cn-record-list__label[data-v-16c5db06] {
40908
+ .cn-record-list__label[data-v-3c8e615c] {
40692
40909
  margin-inline-end: 4px;
40693
40910
  }
40694
- .cn-record-list__inline-title[data-v-16c5db06] {
40911
+ .cn-record-list__inline-title[data-v-3c8e615c] {
40695
40912
  color: var(--color-main-text);
40696
40913
  }
40697
- a.cn-record-list__inline-title[data-v-16c5db06] {
40914
+ a.cn-record-list__inline-title[data-v-3c8e615c] {
40698
40915
  color: var(--color-primary-element);
40699
40916
  text-decoration: underline;
40700
40917
  }
@@ -45835,33 +46052,33 @@ to {
45835
46052
  }
45836
46053
 
45837
46054
 
45838
- .cn-admin-settings-shell[data-v-1c972024] {
46055
+ .cn-admin-settings-shell[data-v-447d33ea] {
45839
46056
  max-width: 900px;
45840
46057
  }
45841
46058
 
45842
46059
  /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
45843
46060
 
45844
46061
  /* A tab without a panel of its own: the cards below the strip carry the gap. */
45845
- .cn-admin-settings-shell__tabs--bare[data-v-1c972024] > .cn-tabs__content {
46062
+ .cn-admin-settings-shell__tabs--bare[data-v-447d33ea] > .cn-tabs__content {
45846
46063
  padding-top: 0;
45847
46064
  }
45848
- .cn-support-info[data-v-1c972024] {
46065
+ .cn-support-info[data-v-447d33ea] {
45849
46066
  margin-top: 16px;
45850
46067
  padding-top: 16px;
45851
46068
  border-top: 1px solid var(--color-border);
45852
46069
  }
45853
- .cn-support-info h4[data-v-1c972024] {
46070
+ .cn-support-info h4[data-v-447d33ea] {
45854
46071
  margin: 0 0 8px 0;
45855
46072
  font-size: 14px;
45856
46073
  font-weight: 600;
45857
46074
  color: var(--color-main-text);
45858
46075
  }
45859
- .cn-support-info p[data-v-1c972024] {
46076
+ .cn-support-info p[data-v-447d33ea] {
45860
46077
  margin: 4px 0;
45861
46078
  color: var(--color-text-maxcontrast);
45862
46079
  font-size: 14px;
45863
46080
  }
45864
- .cn-support-info a[data-v-1c972024] {
46081
+ .cn-support-info a[data-v-447d33ea] {
45865
46082
  color: var(--color-primary-element);
45866
46083
  }
45867
46084
 
@@ -46656,7 +46873,7 @@ to {
46656
46873
  }
46657
46874
 
46658
46875
 
46659
- .cn-saved-view-menu-settings__intro[data-v-71fee42c] {
46876
+ .cn-saved-view-menu-settings__intro[data-v-dfcd17c4] {
46660
46877
  margin: 0 0 12px;
46661
46878
  color: var(--color-text-maxcontrast);
46662
46879
  }
@@ -48363,30 +48580,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48363
48580
  }
48364
48581
 
48365
48582
 
48366
- .cn-register-mapping__group[data-v-75b309a6] {
48583
+ .cn-register-mapping__group[data-v-26243e0a] {
48367
48584
  margin-bottom: 24px;
48368
48585
  border: 1px solid var(--color-border);
48369
48586
  border-radius: var(--border-radius-large);
48370
48587
  padding: 20px;
48371
48588
  background: var(--color-background-hover);
48372
48589
  }
48373
- .cn-register-mapping__group[data-v-75b309a6]:last-child {
48590
+ .cn-register-mapping__group[data-v-26243e0a]:last-child {
48374
48591
  margin-bottom: 0;
48375
48592
  }
48376
- .cn-register-mapping__group-header[data-v-75b309a6] {
48593
+ .cn-register-mapping__group-header[data-v-26243e0a] {
48377
48594
  display: flex;
48378
48595
  align-items: center;
48379
48596
  justify-content: space-between;
48380
48597
  margin-bottom: 12px;
48381
48598
  }
48382
- .cn-register-mapping__group-heading[data-v-75b309a6] {
48599
+ .cn-register-mapping__group-heading[data-v-26243e0a] {
48383
48600
  margin: 0 0 12px;
48384
48601
  font: inherit;
48385
48602
  }
48386
- .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-75b309a6] {
48603
+ .cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-26243e0a] {
48387
48604
  margin-bottom: 0;
48388
48605
  }
48389
- .cn-register-mapping__group-toggle[data-v-75b309a6] {
48606
+ .cn-register-mapping__group-toggle[data-v-26243e0a] {
48390
48607
  box-sizing: border-box;
48391
48608
  display: flex;
48392
48609
  align-items: center;
@@ -48402,49 +48619,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48402
48619
  text-align: start;
48403
48620
  cursor: pointer;
48404
48621
  }
48405
- .cn-register-mapping__group-toggle[data-v-75b309a6]:focus-visible {
48622
+ .cn-register-mapping__group-toggle[data-v-26243e0a]:focus-visible {
48406
48623
  outline: 2px solid var(--color-primary-element);
48407
48624
  outline-offset: 2px;
48408
48625
  border-radius: var(--border-radius);
48409
48626
  }
48410
- .cn-register-mapping__group-chevron[data-v-75b309a6] {
48627
+ .cn-register-mapping__group-chevron[data-v-26243e0a] {
48411
48628
  display: inline-flex;
48412
48629
  flex: none;
48413
48630
  color: var(--color-text-maxcontrast);
48414
48631
  }
48415
- .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-75b309a6] {
48632
+ .cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-26243e0a] {
48416
48633
  flex: 1 1 auto;
48417
48634
  flex-wrap: wrap;
48418
48635
  gap: 4px 12px;
48419
48636
  min-width: 0;
48420
48637
  margin-bottom: 0;
48421
48638
  }
48422
- .cn-register-mapping__group-title[data-v-75b309a6] {
48639
+ .cn-register-mapping__group-title[data-v-26243e0a] {
48423
48640
  font-size: 16px;
48424
48641
  font-weight: 600;
48425
48642
  margin: 0;
48426
48643
  color: var(--color-main-text);
48427
48644
  }
48428
- .cn-register-mapping__group-status[data-v-75b309a6] {
48645
+ .cn-register-mapping__group-status[data-v-26243e0a] {
48429
48646
  font-size: 13px;
48430
48647
  color: var(--color-text-maxcontrast);
48431
48648
  }
48432
- .cn-register-mapping__group-description[data-v-75b309a6] {
48649
+ .cn-register-mapping__group-description[data-v-26243e0a] {
48433
48650
  color: var(--color-text-maxcontrast);
48434
48651
  font-size: 13px;
48435
48652
  margin: 0 0 12px 0;
48436
48653
  }
48437
- .cn-register-mapping__register-select[data-v-75b309a6] {
48654
+ .cn-register-mapping__register-select[data-v-26243e0a] {
48438
48655
  margin-bottom: 16px;
48439
48656
  max-width: 400px;
48440
48657
  }
48441
- .cn-register-mapping__type-list[data-v-75b309a6] {
48658
+ .cn-register-mapping__type-list[data-v-26243e0a] {
48442
48659
  border: 1px solid var(--color-border);
48443
48660
  border-radius: var(--border-radius);
48444
48661
  overflow: hidden;
48445
48662
  background: var(--color-main-background);
48446
48663
  }
48447
- .cn-register-mapping__type-list-header[data-v-75b309a6] {
48664
+ .cn-register-mapping__type-list-header[data-v-26243e0a] {
48448
48665
  display: grid;
48449
48666
  grid-template-columns: 1fr 1fr 40px 32px;
48450
48667
  align-items: center;
@@ -48457,7 +48674,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48457
48674
  border-bottom: 1px solid var(--color-border);
48458
48675
  background: var(--color-background-hover);
48459
48676
  }
48460
- .cn-register-mapping__type-row[data-v-75b309a6] {
48677
+ .cn-register-mapping__type-row[data-v-26243e0a] {
48461
48678
  display: grid;
48462
48679
  grid-template-columns: 1fr 1fr 40px 32px;
48463
48680
  align-items: center;
@@ -48466,59 +48683,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48466
48683
  cursor: pointer;
48467
48684
  transition: background-color 0.15s ease;
48468
48685
  }
48469
- .cn-register-mapping__type-row[data-v-75b309a6]:hover {
48686
+ .cn-register-mapping__type-row[data-v-26243e0a]:hover {
48470
48687
  background: var(--color-background-hover);
48471
48688
  }
48472
- .cn-register-mapping__type-row--expanded[data-v-75b309a6] {
48689
+ .cn-register-mapping__type-row--expanded[data-v-26243e0a] {
48473
48690
  background: var(--color-background-hover);
48474
48691
  }
48475
- .cn-register-mapping__type-name[data-v-75b309a6] {
48692
+ .cn-register-mapping__type-name[data-v-26243e0a] {
48476
48693
  font-weight: 500;
48477
48694
  color: var(--color-main-text);
48478
48695
  }
48479
- .cn-register-mapping__type-schema[data-v-75b309a6] {
48696
+ .cn-register-mapping__type-schema[data-v-26243e0a] {
48480
48697
  color: var(--color-text-maxcontrast);
48481
48698
  font-size: 13px;
48482
48699
  }
48483
- .cn-register-mapping__type-status[data-v-75b309a6] {
48700
+ .cn-register-mapping__type-status[data-v-26243e0a] {
48484
48701
  display: flex;
48485
48702
  justify-content: center;
48486
48703
  }
48487
- .cn-register-mapping__type-chevron[data-v-75b309a6] {
48704
+ .cn-register-mapping__type-chevron[data-v-26243e0a] {
48488
48705
  display: flex;
48489
48706
  justify-content: center;
48490
48707
  color: var(--color-text-maxcontrast);
48491
48708
  }
48492
- .cn-register-mapping__status-dot[data-v-75b309a6] {
48709
+ .cn-register-mapping__status-dot[data-v-26243e0a] {
48493
48710
  display: inline-block;
48494
48711
  width: 10px;
48495
48712
  height: 10px;
48496
48713
  border-radius: 50%;
48497
48714
  }
48498
- .cn-register-mapping__status-dot--configured[data-v-75b309a6] {
48715
+ .cn-register-mapping__status-dot--configured[data-v-26243e0a] {
48499
48716
  background-color: var(--color-success);
48500
48717
  }
48501
- .cn-register-mapping__status-dot--unconfigured[data-v-75b309a6] {
48718
+ .cn-register-mapping__status-dot--unconfigured[data-v-26243e0a] {
48502
48719
  background-color: var(--color-warning);
48503
48720
  }
48504
- .cn-register-mapping__type-detail[data-v-75b309a6] {
48721
+ .cn-register-mapping__type-detail[data-v-26243e0a] {
48505
48722
  padding: 12px 16px 16px;
48506
48723
  border-bottom: 1px solid var(--color-border);
48507
48724
  background: var(--color-main-background);
48508
48725
  }
48509
- .cn-register-mapping__type-description[data-v-75b309a6] {
48726
+ .cn-register-mapping__type-description[data-v-26243e0a] {
48510
48727
  color: var(--color-text-maxcontrast);
48511
48728
  font-size: 13px;
48512
48729
  margin: 0 0 8px 0;
48513
48730
  }
48514
48731
 
48515
48732
  /* Board look (PqBeheer): one open group, compact rows for the others. */
48516
- .cn-register-mapping--board[data-v-75b309a6] {
48733
+ .cn-register-mapping--board[data-v-26243e0a] {
48517
48734
  display: flex;
48518
48735
  flex-direction: column;
48519
48736
  gap: 14px;
48520
48737
  }
48521
- .cn-register-mapping__board-group[data-v-75b309a6] {
48738
+ .cn-register-mapping__board-group[data-v-26243e0a] {
48522
48739
  display: flex;
48523
48740
  flex-direction: column;
48524
48741
  gap: 10px;
@@ -48526,48 +48743,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48526
48743
  border: 1px solid var(--color-border);
48527
48744
  border-radius: var(--border-radius-large);
48528
48745
  }
48529
- .cn-register-mapping__board-head[data-v-75b309a6] {
48746
+ .cn-register-mapping__board-head[data-v-26243e0a] {
48530
48747
  display: flex;
48531
48748
  flex-wrap: wrap;
48532
48749
  align-items: flex-start;
48533
48750
  justify-content: space-between;
48534
48751
  gap: 10px 16px;
48535
48752
  }
48536
- .cn-register-mapping__board-title[data-v-75b309a6] {
48753
+ .cn-register-mapping__board-title[data-v-26243e0a] {
48537
48754
  margin: 0;
48538
48755
  font-size: 15px;
48539
48756
  font-weight: 700;
48540
48757
  }
48541
- .cn-register-mapping__selects-group[data-v-75b309a6] {
48758
+ .cn-register-mapping__selects-group[data-v-26243e0a] {
48542
48759
  display: flex;
48543
48760
  flex-direction: column;
48544
48761
  gap: 16px;
48545
48762
  }
48546
- .cn-register-mapping__selects-register[data-v-75b309a6] {
48763
+ .cn-register-mapping__selects-register[data-v-26243e0a] {
48547
48764
  max-width: 50%;
48548
48765
  }
48549
- .cn-register-mapping__select-grid[data-v-75b309a6] {
48766
+
48767
+ /* DqBeheerinstellingen: the register select fills its half of the card. */
48768
+ .cn-register-mapping__selects-register[data-v-26243e0a] .v-select {
48769
+ width: 100%;
48770
+ max-width: none;
48771
+ }
48772
+ .cn-register-mapping__select-grid[data-v-26243e0a] {
48550
48773
  display: grid;
48551
48774
  grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
48552
48775
  gap: 16px;
48553
48776
  }
48554
48777
  @media (max-width: 768px) {
48555
- .cn-register-mapping__selects-register[data-v-75b309a6] {
48778
+ .cn-register-mapping__selects-register[data-v-26243e0a] {
48556
48779
  max-width: none;
48557
48780
  }
48558
- .cn-register-mapping__select-grid[data-v-75b309a6] {
48781
+ .cn-register-mapping__select-grid[data-v-26243e0a] {
48559
48782
  grid-template-columns: minmax(0, 1fr);
48560
48783
  }
48561
48784
  }
48562
- .cn-register-mapping__board-select[data-v-75b309a6] {
48785
+ .cn-register-mapping__board-select[data-v-26243e0a] {
48563
48786
  max-width: 400px;
48564
48787
  margin-bottom: 0;
48565
48788
  }
48566
- .cn-register-mapping__board-table[data-v-75b309a6] {
48789
+ .cn-register-mapping__board-table[data-v-26243e0a] {
48567
48790
  width: 100%;
48568
48791
  border-collapse: collapse;
48569
48792
  }
48570
- .cn-register-mapping__board-table th[data-v-75b309a6] {
48793
+ .cn-register-mapping__board-table th[data-v-26243e0a] {
48571
48794
  padding: 8px 12px 8px 0;
48572
48795
  border-bottom: 1px solid var(--color-border);
48573
48796
  font-size: 13px;
@@ -48576,13 +48799,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48576
48799
  text-align: start;
48577
48800
  white-space: nowrap;
48578
48801
  }
48579
- .cn-register-mapping__board-table td[data-v-75b309a6] {
48802
+ .cn-register-mapping__board-table td[data-v-26243e0a] {
48580
48803
  padding: 10px 12px 10px 0;
48581
48804
  border-bottom: 1px solid var(--color-border);
48582
48805
  font-size: 14px;
48583
48806
  vertical-align: middle;
48584
48807
  }
48585
- .cn-register-mapping__board-schema[data-v-75b309a6] {
48808
+ .cn-register-mapping__board-schema[data-v-26243e0a] {
48586
48809
  display: inline-flex;
48587
48810
  align-items: center;
48588
48811
  gap: 6px;
@@ -48596,26 +48819,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48596
48819
  text-align: start;
48597
48820
  cursor: pointer;
48598
48821
  }
48599
- .cn-register-mapping__board-schema[data-v-75b309a6]:hover {
48822
+ .cn-register-mapping__board-schema[data-v-26243e0a]:hover {
48600
48823
  text-decoration: underline;
48601
48824
  }
48602
- .cn-register-mapping__board-schema[data-v-75b309a6]:focus-visible,
48603
- .cn-register-mapping__board-link[data-v-75b309a6]:focus-visible,
48604
- .cn-register-mapping__board-group-row[data-v-75b309a6]:focus-visible {
48825
+ .cn-register-mapping__board-schema[data-v-26243e0a]:focus-visible,
48826
+ .cn-register-mapping__board-link[data-v-26243e0a]:focus-visible,
48827
+ .cn-register-mapping__board-group-row[data-v-26243e0a]:focus-visible {
48605
48828
  outline: 2px solid var(--color-primary-element);
48606
48829
  outline-offset: 2px;
48607
48830
  border-radius: var(--border-radius);
48608
48831
  }
48609
- .cn-register-mapping__board-check[data-v-75b309a6] {
48832
+ .cn-register-mapping__board-check[data-v-26243e0a] {
48610
48833
  color: var(--color-success-text, var(--color-success));
48611
48834
  }
48612
- .cn-register-mapping__board-more[data-v-75b309a6] {
48835
+ .cn-register-mapping__board-more[data-v-26243e0a] {
48613
48836
  margin: 0;
48614
48837
  font-size: 13px;
48615
48838
  line-height: 1.4;
48616
48839
  color: var(--color-text-maxcontrast);
48617
48840
  }
48618
- .cn-register-mapping__board-link[data-v-75b309a6] {
48841
+ .cn-register-mapping__board-link[data-v-26243e0a] {
48619
48842
  margin: 0;
48620
48843
  padding: 0;
48621
48844
  border: 0;
@@ -48625,14 +48848,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48625
48848
  text-decoration: underline;
48626
48849
  cursor: pointer;
48627
48850
  }
48628
- .cn-register-mapping__board-groups[data-v-75b309a6] {
48851
+ .cn-register-mapping__board-groups[data-v-26243e0a] {
48629
48852
  display: flex;
48630
48853
  flex-direction: column;
48631
48854
  margin: 0;
48632
48855
  padding: 0;
48633
48856
  list-style: none;
48634
48857
  }
48635
- .cn-register-mapping__board-group-row[data-v-75b309a6] {
48858
+ .cn-register-mapping__board-group-row[data-v-26243e0a] {
48636
48859
  display: flex;
48637
48860
  align-items: center;
48638
48861
  gap: 10px;
@@ -48649,17 +48872,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48649
48872
  text-align: start;
48650
48873
  cursor: pointer;
48651
48874
  }
48652
- .cn-register-mapping__board-group-row[data-v-75b309a6]:hover {
48875
+ .cn-register-mapping__board-group-row[data-v-26243e0a]:hover {
48653
48876
  background: var(--color-background-hover);
48654
48877
  }
48655
- .cn-register-mapping__board-chevron[data-v-75b309a6],
48656
- .cn-register-mapping__board-group-count[data-v-75b309a6] {
48878
+ .cn-register-mapping__board-chevron[data-v-26243e0a],
48879
+ .cn-register-mapping__board-group-count[data-v-26243e0a] {
48657
48880
  color: var(--color-text-maxcontrast);
48658
48881
  }
48659
- .cn-register-mapping__board-group-name[data-v-75b309a6] {
48882
+ .cn-register-mapping__board-group-name[data-v-26243e0a] {
48660
48883
  flex: 1;
48661
48884
  }
48662
- .cn-register-mapping__board-save[data-v-75b309a6] {
48885
+ .cn-register-mapping__board-save[data-v-26243e0a] {
48663
48886
  display: flex;
48664
48887
  flex-wrap: wrap;
48665
48888
  align-items: center;
@@ -48668,14 +48891,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48668
48891
  }
48669
48892
 
48670
48893
  /* Slide transition */
48671
- .slide-enter-active[data-v-75b309a6],
48672
- .slide-leave-active[data-v-75b309a6] {
48894
+ .slide-enter-active[data-v-26243e0a],
48895
+ .slide-leave-active[data-v-26243e0a] {
48673
48896
  transition: all 0.2s ease;
48674
48897
  max-height: 200px;
48675
48898
  overflow: hidden;
48676
48899
  }
48677
- .slide-enter[data-v-75b309a6],
48678
- .slide-leave-to[data-v-75b309a6] {
48900
+ .slide-enter[data-v-26243e0a],
48901
+ .slide-leave-to[data-v-26243e0a] {
48679
48902
  max-height: 0;
48680
48903
  padding-top: 0;
48681
48904
  padding-bottom: 0;
@@ -48683,20 +48906,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
48683
48906
  }
48684
48907
 
48685
48908
  /* Last row in list should not have bottom border */
48686
- .cn-register-mapping__type-list[data-v-75b309a6] > :last-child {
48909
+ .cn-register-mapping__type-list[data-v-26243e0a] > :last-child {
48687
48910
  border-bottom: none;
48688
48911
  }
48689
48912
  @media (max-width: 768px) {
48690
- .cn-register-mapping__type-list-header[data-v-75b309a6] {
48913
+ .cn-register-mapping__type-list-header[data-v-26243e0a] {
48691
48914
  display: none;
48692
48915
  }
48693
- .cn-register-mapping__type-row[data-v-75b309a6] {
48916
+ .cn-register-mapping__type-row[data-v-26243e0a] {
48694
48917
  grid-template-columns: 1fr auto 32px;
48695
48918
  }
48696
- .cn-register-mapping__type-schema[data-v-75b309a6] {
48919
+ .cn-register-mapping__type-schema[data-v-26243e0a] {
48697
48920
  display: none;
48698
48921
  }
48699
- .cn-register-mapping__register-select[data-v-75b309a6] {
48922
+ .cn-register-mapping__register-select[data-v-26243e0a] {
48700
48923
  max-width: none;
48701
48924
  }
48702
48925
  }
@@ -49365,26 +49588,46 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
49365
49588
  }
49366
49589
 
49367
49590
 
49368
- .cn-action-dialog[data-v-7d4eaf3b] {
49591
+ .cn-action-dialog[data-v-a3810b54] {
49369
49592
  display: flex;
49370
49593
  flex-direction: column;
49371
49594
  gap: 16px;
49372
49595
  }
49373
- .cn-action-dialog__summary[data-v-7d4eaf3b] {
49596
+ .cn-action-dialog__summary[data-v-a3810b54] {
49374
49597
  display: flex;
49375
49598
  align-items: center;
49376
- gap: 10px;
49599
+ gap: 12px;
49377
49600
  padding: 12px 14px;
49378
49601
  border: 1px solid var(--color-border);
49379
- border-radius: var(--border-radius-large, 8px);
49602
+ border-radius: var(--border-radius-large, 10px);
49603
+ }
49604
+
49605
+ /* The record's icon on a tinted tile (DqArchiveren). */
49606
+ .cn-action-dialog__summary-icon[data-v-a3810b54] {
49607
+ display: flex;
49608
+ flex: none;
49609
+ align-items: center;
49610
+ justify-content: center;
49611
+ width: 36px;
49612
+ height: 36px;
49613
+ border-radius: 8px;
49614
+ background: var(--color-primary-element-light);
49615
+ color: var(--color-primary-element-light-text);
49616
+ }
49617
+ .cn-action-dialog__summary-text strong[data-v-a3810b54] {
49618
+ font-size: 15px;
49619
+ font-weight: 600;
49380
49620
  }
49381
- .cn-action-dialog__summary-text[data-v-7d4eaf3b] {
49621
+ .cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
49622
+ font-size: 13px;
49623
+ }
49624
+ .cn-action-dialog__summary-text[data-v-a3810b54] {
49382
49625
  display: flex;
49383
49626
  flex: 1 1 auto;
49384
49627
  flex-direction: column;
49385
49628
  min-width: 0;
49386
49629
  }
49387
- .cn-action-dialog__badge[data-v-7d4eaf3b] {
49630
+ .cn-action-dialog__badge[data-v-a3810b54] {
49388
49631
  padding: 3px 10px;
49389
49632
  border-radius: 12px;
49390
49633
  background: var(--color-background-dark);
@@ -49392,7 +49635,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
49392
49635
  font-weight: 600;
49393
49636
  white-space: nowrap;
49394
49637
  }
49395
- .cn-action-dialog__title[data-v-7d4eaf3b] {
49638
+ .cn-action-dialog__title[data-v-a3810b54] {
49396
49639
  margin: 0 0 8px;
49397
49640
  font-size: 14px;
49398
49641
  font-weight: 600;
@@ -49400,39 +49643,52 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
49400
49643
 
49401
49644
  /* Facts in columns of at least 200px, each a label over its value above a
49402
49645
  hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
49403
- .cn-action-dialog__facts[data-v-7d4eaf3b] {
49646
+ .cn-action-dialog__facts[data-v-a3810b54] {
49404
49647
  display: grid;
49405
49648
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
49406
49649
  gap: 12px 24px;
49407
49650
  margin: 0;
49408
49651
  }
49409
- .cn-action-dialog__fact[data-v-7d4eaf3b] {
49652
+ .cn-action-dialog__fact[data-v-a3810b54] {
49410
49653
  display: flex;
49411
49654
  flex-direction: column;
49412
49655
  gap: 3px;
49413
49656
  padding-bottom: 10px;
49414
49657
  border-bottom: 1px solid var(--color-border);
49415
49658
  }
49416
- .cn-action-dialog__facts dt[data-v-7d4eaf3b] {
49659
+
49660
+ /* The server draws every dt as a 130px right-aligned inline block and pads
49661
+ dt and dd 12px; a fact is a label over its value. */
49662
+ .cn-action-dialog__facts dt[data-v-a3810b54],
49663
+ .cn-action-dialog__facts dd[data-v-a3810b54] {
49664
+ display: block;
49665
+ width: auto;
49666
+ white-space: normal;
49667
+ text-align: start;
49668
+ }
49669
+ .cn-action-dialog__facts dt[data-v-a3810b54] {
49670
+ margin: 0;
49671
+ padding: 0;
49417
49672
  color: var(--color-text-maxcontrast);
49418
49673
  font-size: 13px;
49419
49674
  }
49420
- .cn-action-dialog__facts dd[data-v-7d4eaf3b] {
49675
+ .cn-action-dialog__facts dd[data-v-a3810b54] {
49421
49676
  margin: 0;
49677
+ padding: 0;
49422
49678
  font-size: 15px;
49423
49679
  font-weight: 500;
49424
49680
  }
49425
49681
 
49426
49682
  /* Checklist rows divided by hairlines, the detail at the row's end
49427
49683
  (DqArchiveren "Klaar om te archiveren"). */
49428
- .cn-action-dialog__checks[data-v-7d4eaf3b] {
49684
+ .cn-action-dialog__checks[data-v-a3810b54] {
49429
49685
  display: flex;
49430
49686
  flex-direction: column;
49431
49687
  margin: 0;
49432
49688
  padding: 0;
49433
49689
  list-style: none;
49434
49690
  }
49435
- .cn-action-dialog__check[data-v-7d4eaf3b] {
49691
+ .cn-action-dialog__check[data-v-a3810b54] {
49436
49692
  display: flex;
49437
49693
  flex-wrap: wrap;
49438
49694
  align-items: center;
@@ -49441,47 +49697,47 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
49441
49697
  border-top: 1px solid var(--color-border);
49442
49698
  font-size: 15px;
49443
49699
  }
49444
- .cn-action-dialog__check-label[data-v-7d4eaf3b] {
49700
+ .cn-action-dialog__check-label[data-v-a3810b54] {
49445
49701
  flex: 1 1 auto;
49446
49702
  font-weight: 600;
49447
49703
  }
49448
- .cn-action-dialog__check-icon[data-v-7d4eaf3b] {
49704
+ .cn-action-dialog__check-icon[data-v-a3810b54] {
49449
49705
  color: var(--color-text-maxcontrast);
49450
49706
  }
49451
- .cn-action-dialog__check-icon--met[data-v-7d4eaf3b] {
49707
+ .cn-action-dialog__check-icon--met[data-v-a3810b54] {
49452
49708
  color: var(--color-success-text, var(--color-success));
49453
49709
  }
49454
- .cn-action-dialog__muted[data-v-7d4eaf3b] {
49710
+ .cn-action-dialog__muted[data-v-a3810b54] {
49455
49711
  color: var(--color-text-maxcontrast);
49456
49712
  font-size: 14px;
49457
49713
  }
49458
49714
 
49459
49715
  /* A checkbox field is a tinted box with a 2px edge, its label bold and its
49460
49716
  hint under it (DqArchiveren). */
49461
- .cn-action-dialog__checkbox[data-v-7d4eaf3b] {
49717
+ .cn-action-dialog__checkbox[data-v-a3810b54] {
49462
49718
  padding: 12px 14px;
49463
49719
  border: 2px solid var(--color-primary-element);
49464
49720
  border-radius: var(--border-radius-element, 8px);
49465
49721
  background: var(--color-primary-element-light);
49466
49722
  }
49467
- .cn-action-dialog__checkbox-text[data-v-7d4eaf3b] {
49723
+ .cn-action-dialog__checkbox-text[data-v-a3810b54] {
49468
49724
  display: flex;
49469
49725
  flex-direction: column;
49470
49726
  gap: 2px;
49471
49727
  }
49472
- .cn-action-dialog__checkbox-label[data-v-7d4eaf3b] {
49728
+ .cn-action-dialog__checkbox-label[data-v-a3810b54] {
49473
49729
  font-size: 15px;
49474
49730
  font-weight: 600;
49475
49731
  }
49476
- .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-7d4eaf3b] {
49732
+ .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
49477
49733
  font-size: 13px;
49478
49734
  }
49479
- .cn-action-dialog__field[data-v-7d4eaf3b] {
49735
+ .cn-action-dialog__field[data-v-a3810b54] {
49480
49736
  display: flex;
49481
49737
  flex-direction: column;
49482
49738
  gap: 4px;
49483
49739
  }
49484
- .cn-action-dialog__error[data-v-7d4eaf3b] {
49740
+ .cn-action-dialog__error[data-v-a3810b54] {
49485
49741
  margin: 0;
49486
49742
  color: var(--color-error-text, var(--color-error));
49487
49743
  }