@conduction/nextcloud-vue 2.142.0 → 2.144.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 (167) hide show
  1. package/dist/esm/components/CnActionDialog/CnActionDialog.vue.js +1 -1
  2. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js +7 -2
  3. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js.map +1 -1
  4. package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js.map +1 -1
  5. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue.js +1 -1
  6. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js +27 -0
  7. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js.map +1 -1
  8. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js +1 -1
  9. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js.map +1 -1
  10. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue2.js.map +1 -1
  11. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue3.js +2 -1
  12. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue3.js.map +1 -1
  13. package/dist/esm/components/CnAiCompanion/CnAiInput.vue2.js +9 -0
  14. package/dist/esm/components/CnAiCompanion/CnAiInput.vue2.js.map +1 -1
  15. package/dist/esm/components/CnAiCompanion/CnAiInput.vue3.js +21 -22
  16. package/dist/esm/components/CnAiCompanion/CnAiInput.vue3.js.map +1 -1
  17. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
  18. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +29 -1
  19. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
  20. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js +28 -13
  21. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js.map +1 -1
  22. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue.js +1 -1
  23. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js.map +1 -1
  24. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +2 -1
  25. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
  26. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
  27. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
  28. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
  29. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue.js +1 -1
  30. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js.map +1 -1
  31. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue3.js.map +1 -1
  32. package/dist/esm/components/CnConversationThread/CnConversationThread.vue.js +1 -1
  33. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js.map +1 -1
  34. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js +1 -1
  35. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js.map +1 -1
  36. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  37. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  38. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +2 -1
  39. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  40. package/dist/esm/components/CnEventsCard/CnEventsCard.vue.js +1 -1
  41. package/dist/esm/components/CnEventsCard/CnEventsCard.vue2.js +9 -0
  42. package/dist/esm/components/CnEventsCard/CnEventsCard.vue2.js.map +1 -1
  43. package/dist/esm/components/CnEventsCard/CnEventsCard.vue3.js +24 -13
  44. package/dist/esm/components/CnEventsCard/CnEventsCard.vue3.js.map +1 -1
  45. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  46. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +29 -3
  47. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  48. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js +4 -2
  49. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  50. package/dist/esm/components/CnFilesBrowser/filesBrowser.js +17 -4
  51. package/dist/esm/components/CnFilesBrowser/filesBrowser.js.map +1 -1
  52. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js +21 -1
  53. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js.map +1 -1
  54. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +18 -2
  55. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  56. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  57. package/dist/esm/components/CnNotesCard/CnNotesCard.vue.js +1 -1
  58. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js +3 -0
  59. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js.map +1 -1
  60. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js +19 -14
  61. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js.map +1 -1
  62. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue.js +1 -1
  63. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue2.js +30 -0
  64. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue2.js.map +1 -1
  65. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue3.js +158 -102
  66. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue3.js.map +1 -1
  67. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js +6 -1
  68. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js.map +1 -1
  69. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue3.js.map +1 -1
  70. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  71. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +12 -1
  72. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  73. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +2 -2
  74. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  75. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
  76. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
  77. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js +12 -0
  78. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
  79. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue.js +1 -1
  80. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue2.js.map +1 -1
  81. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue3.js.map +1 -1
  82. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue.js +1 -1
  83. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js +110 -2
  84. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js.map +1 -1
  85. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js +146 -80
  86. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js.map +1 -1
  87. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +1 -1
  88. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +4 -0
  89. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -1
  90. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +18 -8
  91. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -1
  92. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue.js +1 -1
  93. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue2.js +45 -0
  94. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue2.js.map +1 -1
  95. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue3.js +67 -34
  96. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue3.js.map +1 -1
  97. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue.js +1 -1
  98. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue2.js +3 -22
  99. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue2.js.map +1 -1
  100. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue3.js.map +1 -1
  101. package/dist/esm/integrations/builtin/calendar/eventStatus.js +67 -0
  102. package/dist/esm/integrations/builtin/calendar/eventStatus.js.map +1 -0
  103. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue.js +1 -1
  104. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js +39 -0
  105. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js.map +1 -1
  106. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js +81 -32
  107. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js.map +1 -1
  108. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue.js +1 -1
  109. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue2.js +5 -6
  110. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue2.js.map +1 -1
  111. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue3.js.map +1 -1
  112. package/dist/esm/integrations/builtin/deck/deckCardParts.js +59 -0
  113. package/dist/esm/integrations/builtin/deck/deckCardParts.js.map +1 -0
  114. package/dist/esm/l10n/en.json.js +6 -0
  115. package/dist/esm/l10n/en.json.js.map +1 -1
  116. package/dist/esm/l10n/nl.json.js +7 -1
  117. package/dist/esm/l10n/nl.json.js.map +1 -1
  118. package/dist/esm/library-style.js +1 -1
  119. package/dist/esm/nextcloud-vue.css +1264 -597
  120. package/dist/esm/utils/fetchFilterCounts.js +5 -2
  121. package/dist/esm/utils/fetchFilterCounts.js.map +1 -1
  122. package/dist/esm/utils/nextcloudDirectory.js +19 -6
  123. package/dist/esm/utils/nextcloudDirectory.js.map +1 -1
  124. package/dist/nextcloud-vue.cjs.js +1619 -849
  125. package/dist/nextcloud-vue.cjs.js.map +2 -2
  126. package/dist/nextcloud-vue.css +1264 -597
  127. package/l10n/en.json +6 -0
  128. package/l10n/nl.json +7 -1
  129. package/package.json +1 -1
  130. package/src/components/CnActionDialog/CnActionDialog.vue +28 -3
  131. package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue +28 -1
  132. package/src/components/CnAiCompanion/CnAiChatPanel.vue +12 -0
  133. package/src/components/CnAiCompanion/CnAiInput.vue +32 -1
  134. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +34 -4
  135. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +1 -0
  136. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +8 -0
  137. package/src/components/CnChoiceCards/CnChoiceCards.vue +1 -0
  138. package/src/components/CnConversationThread/CnConversationThread.vue +5 -2
  139. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +1 -0
  140. package/src/components/CnEventsCard/CnEventsCard.vue +27 -5
  141. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +43 -4
  142. package/src/components/CnFilesBrowser/filesBrowser.js +17 -4
  143. package/src/components/CnFilesBrowser/filesBrowserColumns.js +20 -1
  144. package/src/components/CnIndexPage/CnIndexPage.vue +18 -2
  145. package/src/components/CnNotesCard/CnNotesCard.vue +8 -0
  146. package/src/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue +114 -46
  147. package/src/components/CnPageHeader/CnHeaderTrail.vue +6 -1
  148. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +21 -1
  149. package/src/components/CnRetentionWidget/CnRetentionWidget.vue +26 -1
  150. package/src/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue +6 -0
  151. package/src/components/CnTasksWidget/CnTasksWidget.vue +170 -13
  152. package/src/components/CnTimelineWidget/CnTimelineManage.vue +10 -1
  153. package/src/css/dialog.css +25 -1
  154. package/src/css/kpi-card.css +3 -0
  155. package/src/css/look-board-detail.css +348 -0
  156. package/src/css/look-board-index.css +56 -1
  157. package/src/css/look-board.css +98 -1
  158. package/src/integrations/builtin/calendar/CnCalendarCard.vue +76 -11
  159. package/src/integrations/builtin/calendar/CnCalendarTab.vue +3 -22
  160. package/src/integrations/builtin/calendar/__tests__/CnCalendarCardBoardRows.spec.js +52 -0
  161. package/src/integrations/builtin/calendar/eventStatus.js +63 -0
  162. package/src/integrations/builtin/deck/CnDeckCard.vue +66 -0
  163. package/src/integrations/builtin/deck/CnDeckTab.vue +5 -6
  164. package/src/integrations/builtin/deck/__tests__/CnDeckCardBoardRows.spec.js +49 -0
  165. package/src/integrations/builtin/deck/deckCardParts.js +56 -0
  166. package/src/utils/fetchFilterCounts.js +5 -2
  167. package/src/utils/nextcloudDirectory.js +19 -6
@@ -396,9 +396,11 @@
396
396
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
397
397
  --nldesign-component-paragraph-font-size: 13px;
398
398
  --nldesign-component-paragraph-font-weight: 700;
399
+ --nldesign-component-paragraph-line-height: normal;
399
400
  font-size: 13px;
400
401
  font-weight: 700;
401
402
  letter-spacing: 0;
403
+ line-height: normal;
402
404
  text-transform: none;
403
405
  }
404
406
 
@@ -1525,6 +1527,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1525
1527
  connection's name opens its settings card). The underline marks the link.
1526
1528
  @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
1527
1529
  .cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
1530
+ /* thematiq colours every link with `!important` from these two tokens. */
1531
+ --nldesign-component-link-color: var(--color-main-text);
1532
+ --nldesign-color-on-surface: var(--color-main-text);
1528
1533
  color: var(--color-main-text);
1529
1534
  text-decoration: underline;
1530
1535
  }
@@ -1577,6 +1582,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1577
1582
  align-self: center;
1578
1583
  }
1579
1584
 
1585
+ /* Without a subtitle the title centres on the title-row buttons, as the boards
1586
+ draw the card head (DqVthInstellingen "Inspectiechecklists",
1587
+ DqInstellingenAlgemeen "Werkdagen en feestdagen": title 27.5px down, live 21).
1588
+ @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
1589
+ .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions):not(:has(> .settings-section__desc)) > .settings-section__name {
1590
+ align-self: center;
1591
+ }
1592
+
1593
+ /* The "Uitleg tonen" toggle is a text link flush with the card's right edge
1594
+ (DqBeheerinstellingen Zaak-e-mail), not a padded tertiary button.
1595
+ @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
1596
+ .cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) .button-vue {
1597
+ --button-padding: 0px;
1598
+ --button-padding-default: 0px;
1599
+ padding-inline: 0;
1600
+ min-width: 0;
1601
+ }
1602
+
1580
1603
  @container (max-width: 400px) {
1581
1604
  .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
1582
1605
  .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
@@ -1609,7 +1632,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1609
1632
  .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
1610
1633
  .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
1611
1634
  .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
1612
- margin-top: -10px;
1635
+ /* 4px under the title and 14px above the content (PtBeheerinstellingen);
1636
+ the shell's `descGap` sets another gap, the content 10px further, as
1637
+ the boards drawn from NcBeheerInstellingen space them (6 and 16:
1638
+ DqBeheerinstellingen, LrBeheerinstellingen). The card's gap is 14px.
1639
+ @spec openspec/changes/board-settings-desc-spacing/specs/settings-board-look/spec.md */
1640
+ margin-top: calc(var(--cn-board-settings-desc-gap, 4px) - 14px);
1641
+ margin-bottom: calc(var(--cn-board-settings-desc-gap, 4px) - 4px);
1613
1642
  }
1614
1643
 
1615
1644
  .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
@@ -2189,6 +2218,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2189
2218
  padding: 20px var(--cn-board-dashboard-card-inset) calc(12px - var(--cn-board-first-line-leading, 0.15em));
2190
2219
  }
2191
2220
 
2221
+ /* Over a list that rules above its first row (record list ruleAbove, task
2222
+ list, decision list) the rule stands 6px under the title and the row's own
2223
+ 12px follows it: the boards' card is title, 6px, rule, row (DqMijnTeam
2224
+ "Vastgelopen zaken", DqMijnWerk "Zaken die u volgt").
2225
+ @spec openspec/changes/board-card-title-above-ruled-list/specs/board-card-title-above-ruled-list/spec.md#requirement-a-ruled-list-starts-6px-under-the-card-title */
2226
+ .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--nc-dashboard):not(.cn-widget-wrapper--borderless):has(> .cn-widget-wrapper__content .cn-record-list--rule-above, > .cn-widget-wrapper__content .cn-tasks-widget__list, > .cn-widget-wrapper__content .cn-decision-list__rows) .cn-widget-wrapper__header {
2227
+ padding-bottom: 6px;
2228
+ }
2229
+
2192
2230
  /* ---- Macros rows (CnMacrosWidget) ---------------------------------------- */
2193
2231
  /* A macro reads as the boards draw a card's list row: the name at weight 500
2194
2232
  over its 13px line, both at the font's normal line height, 56px a row
@@ -2289,6 +2327,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2289
2327
  line-height: normal;
2290
2328
  }
2291
2329
 
2330
+ /* A stacked audit row (DqTaak "Historie", `content.layout: "stacked"`): 12px
2331
+ above and below, the action 15px weight 600, the moment and who under it
2332
+ 13px muted, 2px apart.
2333
+ @spec openspec/changes/audit-card-stacked-rows/specs/audit-trail/spec.md#requirement-an-audit-row-can-put-its-moment-under-the-action */
2334
+ .cn-look-board .cn-audit-card__row--stacked:not(.cn-look-nextcloud *) {
2335
+ padding: 12px 0;
2336
+ }
2337
+
2338
+ .cn-look-board .cn-audit-card__row--stacked .cn-audit-card__action:not(.cn-look-nextcloud *) {
2339
+ font-size: 15px;
2340
+ font-weight: 600;
2341
+ }
2342
+
2343
+ .cn-look-board .cn-audit-card__row--stacked .cn-audit-card__when:not(.cn-look-nextcloud *) {
2344
+ color: var(--color-text-maxcontrast);
2345
+ }
2346
+
2292
2347
  /* ---- Managed timeline rows (DqZaakHistorie "Historie van de zaak") ------ */
2293
2348
  /* The board draws a timeline entry as a rail row: a 34px circle on a 2px
2294
2349
  line, the message first at 15px weight 600, the kind, author and moment
@@ -3189,6 +3244,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3189
3244
  line-height: 1.2;
3190
3245
  }
3191
3246
 
3247
+ /* An option's title bold, as the dialog boards draw it (a <strong>). */
3248
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row-title:not(.cn-look-nextcloud *) {
3249
+ font-weight: 700;
3250
+ }
3251
+
3192
3252
  .cn-look-board .cn-choice-cards .cn-choice-cards__row-icon:not(.cn-look-nextcloud *) {
3193
3253
  align-self: flex-start;
3194
3254
  }
@@ -3280,6 +3340,43 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3280
3340
  .cn-look-board .cn-map-widget .leaflet-bar a.cn-map-widget__control:not(.cn-look-nextcloud *):focus-visible {
3281
3341
  background: var(--color-background-hover);
3282
3342
  }
3343
+
3344
+ /* The manage timeline's lines as DqZaakHistorie draws them: the subtitle and
3345
+ the event count 14px muted (over a theme's paragraph tokens, which set a
3346
+ paragraph 15px ink), the count line under a hairline, and the note form
3347
+ card 12px under its heading with each label 6px over its field. */
3348
+ .cn-look-board .cn-timeline-manage__subtitle:not(.cn-look-nextcloud *),
3349
+ .cn-look-board .cn-timeline-manage__count:not(.cn-look-nextcloud *) {
3350
+ --nldesign-component-paragraph-font-size: 14px;
3351
+ --nldesign-component-paragraph-line-height: 1.2;
3352
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
3353
+ font-size: 14px;
3354
+ line-height: 1.2;
3355
+ color: var(--color-text-maxcontrast);
3356
+ }
3357
+
3358
+ .cn-look-board .cn-timeline-manage__footer:not(.cn-look-nextcloud *) {
3359
+ padding-top: 12px;
3360
+ border-top: 1px solid var(--cn-board-hairline);
3361
+ }
3362
+
3363
+ .cn-look-board .cn-timeline-manage--composer-only .cn-timeline-manage__header:not(.cn-look-nextcloud *) {
3364
+ margin-block-end: 12px;
3365
+ }
3366
+
3367
+ .cn-look-board .cn-timeline-manage__composer:not(.cn-look-nextcloud *) {
3368
+ gap: 6px;
3369
+ }
3370
+
3371
+ .cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
3372
+ margin-block-start: 6px;
3373
+ font-size: 14px;
3374
+ font-weight: 600;
3375
+ }
3376
+
3377
+ .cn-look-board .cn-timeline-manage__draft-label:first-child:not(.cn-look-nextcloud *) {
3378
+ margin-block-start: 0;
3379
+ }
3283
3380
  /*
3284
3381
  * The board dialog (screens-dialog-parity, canon section 5).
3285
3382
  *
@@ -3450,13 +3547,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3450
3547
  goes to those tokens too (DqOverdragen, DqDocumentGenereren). */
3451
3548
  .cn-dialog-header__subtitle {
3452
3549
  --nldesign-component-paragraph-font-size: 14px;
3550
+ --nldesign-component-paragraph-line-height: 1.5;
3453
3551
  --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
3454
3552
  --nldesign-color-on-surface: var(--color-text-maxcontrast);
3455
3553
  margin: 4px 0 0;
3456
3554
  font-size: 14px;
3555
+ line-height: 1.5;
3457
3556
  color: var(--color-text-maxcontrast);
3458
3557
  }
3459
3558
 
3559
+ /* The saved-view edit and share forms start 22px under the subtitle, as
3560
+ the Dq dialog boards draw a first field: the body's 16px gap and 6px. */
3561
+ .cn-dialog-board .dialog__content .cn-edit-view,
3562
+ .cn-dialog-board .dialog__content .cn-share-view {
3563
+ padding-top: 6px;
3564
+ }
3565
+
3460
3566
  /* The close button is a 36px circle. NcButton sizes an icon-only button by
3461
3567
  --button-size with `!important`, so the size goes through that; the radius
3462
3568
  also goes to the nldesign theme's button radius token. */
@@ -3489,9 +3595,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3489
3595
  /* A choice card with a checkbox (CnAssignDialog's toggles) is as tight as
3490
3596
  the board draws it (DqOverdragen, 76px for a label and a two-line note):
3491
3597
  10px 14px padding, the checkbox row at the 24px minimum target instead of
3492
- NcCheckboxRadioSwitch's 34px, the note at 1.2 line height. */
3598
+ NcCheckboxRadioSwitch's 34px, the note at 1.2 line height; the card's
3599
+ corners 8px and the label on an 18px line, as the board draws them. */
3493
3600
  .cn-dialog-board .cn-assign-dialog__toggle {
3494
3601
  padding: 10px 14px;
3602
+ border-radius: 8px;
3603
+ }
3604
+
3605
+ .cn-dialog-board .cn-assign-dialog__toggle .checkbox-content__text {
3606
+ line-height: 18px;
3495
3607
  }
3496
3608
 
3497
3609
  .cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch-checkbox .checkbox-content,
@@ -3821,6 +3933,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3821
3933
  }
3822
3934
  }
3823
3935
 
3936
+ /* A choice legend in a board dialog is 14px/600 on the normal line height, as
3937
+ the dialog boards draw it (DqDocumentGenereren "Sjabloon").
3938
+ @spec openspec/changes/board-choice-legend-type/specs/board-choice-legend-type/spec.md#requirement-a-board-dialogs-choice-legend-is-14px-600-on-the-normal-line-height */
3939
+ .cn-dialog-board .cn-choice-cards__legend {
3940
+ font-size: 14px;
3941
+ font-weight: 600;
3942
+ line-height: normal;
3943
+ }
3944
+
3824
3945
  /* Above a phone the boards top-align a dialog (DqNieuweZaak, DqUwWachtrij,
3825
3946
  DqVolgendeStap: the top edge sits about 90px down at 1440 wide) instead of
3826
3947
  centring it. `--cn-dialog-top` moves it. */
@@ -5241,6 +5362,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5241
5362
  padding: 10px 12px;
5242
5363
  }
5243
5364
 
5365
+ /* A table on a settings card draws its head 42.5px, as DqInstellingen and
5366
+ DqVthInstellingen do, also when no head cell carries a control that makes
5367
+ it that tall (the VTH tables read 37.5px).
5368
+ @spec openspec/changes/board-settings-table-head-height/specs/settings-board-look/spec.md */
5369
+ .cn-look-board .settings-section .cn-table-container--board .cn-data-table thead th:not(.cn-look-nextcloud *) {
5370
+ height: 42.5px;
5371
+ box-sizing: border-box;
5372
+ }
5373
+
5244
5374
  .cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table td {
5245
5375
  padding: 11px 12px;
5246
5376
  }
@@ -5317,11 +5447,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5317
5447
  `#content[class*="app-"]`, an id selector no class rule outranks, so a plain
5318
5448
  `content-box` here was ignored and the cell left 12px for the checkbox (the
5319
5449
  header's checkbox showed as a stray bracket). */
5450
+ /* The checkbox starts 20px in, as the boards draw a native checkbox (16px of
5451
+ cell padding and its 4px margin; DqZoekresultaten), in the same 60px. */
5320
5452
  .cn-look-board .cn-table-container--board .cn-data-table .cn-table-col--checkbox {
5321
5453
  box-sizing: border-box !important;
5322
5454
  width: 60px;
5323
5455
  min-width: 60px;
5324
- padding-inline: 16px;
5456
+ padding-inline: 20px 12px;
5325
5457
  text-align: start;
5326
5458
  }
5327
5459
 
@@ -5397,6 +5529,20 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5397
5529
  text-decoration: none;
5398
5530
  }
5399
5531
 
5532
+ /* In such a plain log an icon-and-name cell is regular too (DqZaakContact
5533
+ Kanaal "Mijn Zuiddrecht"); elsewhere the icon label stays 600.
5534
+ @spec openspec/changes/board-log-table-icon-label-regular/specs/board-log-table-icon-label-regular/spec.md#requirement-a-plain-logs-icon-label-cell-is-regular */
5535
+ .cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-cell-renderer__icon-label:not(.cn-look-nextcloud *) {
5536
+ font-weight: 400;
5537
+ }
5538
+
5539
+ /* In such a plain log a wrapping prose cell runs at line height 1.45, as
5540
+ DqZaakContact draws the contact summary (rows 61.6 high, not 57).
5541
+ @spec openspec/changes/board-log-table-prose-line-height/specs/board-log-table-prose-line-height/spec.md#requirement-a-plain-logs-prose-cell-runs-at-line-height-1-45 */
5542
+ .cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-data-table td.cn-cell--wrap:not(.cn-look-nextcloud *) {
5543
+ line-height: 1.45;
5544
+ }
5545
+
5400
5546
  /* `rowTitle: "strong"` (DqZaaktypeStatussen "Statussen", "Resultaten"): the
5401
5547
  name column of a card's list, the cell's 14px at weight 600 in the main
5402
5548
  ink, no underline; the row stays a link.
@@ -6117,6 +6263,36 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6117
6263
  margin-bottom: 16px;
6118
6264
  }
6119
6265
 
6266
+ /* The heading sits above the list card, not inside it (DqAfdelingen: "Vergunningen"
6267
+ and its line, then the card): with a heading the list area is unframed and
6268
+ its table and footer carry the card.
6269
+ @spec openspec/changes/board-folder-scope-outside-card/specs/index-page/spec.md#requirement-the-selected-folder-heads-the-list-from-outside-its-card */
6270
+ .cn-look-board .cn-index-page__main.cn-index-page__main--table:has(> .cn-index-page__scope-heading) {
6271
+ border: 0;
6272
+ border-radius: 0;
6273
+ background: transparent;
6274
+ overflow: visible;
6275
+ }
6276
+
6277
+ .cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-table-container.cn-table-container--board {
6278
+ border: 1px solid var(--color-border);
6279
+ border-radius: var(--cn-board-card-radius, 12px);
6280
+ background: var(--color-main-background);
6281
+ overflow: hidden;
6282
+ }
6283
+
6284
+ .cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading):has(> .cn-index-page__pagination) > .cn-table-container.cn-table-container--board {
6285
+ border-bottom: 0;
6286
+ border-radius: var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) 0 0;
6287
+ }
6288
+
6289
+ .cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-index-page__pagination {
6290
+ border: 1px solid var(--color-border);
6291
+ border-top: 0;
6292
+ border-radius: 0 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
6293
+ background: var(--color-main-background);
6294
+ }
6295
+
6120
6296
  .cn-look-board .cn-index-page__scope-title {
6121
6297
  font-size: 20px;
6122
6298
  font-weight: 700;
@@ -8330,6 +8506,9 @@ a.cn-kpi-card--board * {
8330
8506
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) {
8331
8507
  --cn-kpi-stacked-padding: 20px 22px;
8332
8508
  --cn-kpi-stacked-gap: 8px;
8509
+ /* Its label is set at 600, as every board draws this tile (DqDashboard,
8510
+ DqMijnTeam, DqPersoonlijkeInstellingen); the plain stacked tile keeps 400. */
8511
+ --cn-kpi-stacked-title-weight: 600;
8333
8512
  }
8334
8513
 
8335
8514
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) .cn-kpi-card__value {
@@ -11954,6 +12133,29 @@ li[data-cn-admin-tag] > .action-link::after {
11954
12133
  display: flex;
11955
12134
  }
11956
12135
 
12136
+ /* The assistant in the side column (DqZaakAssistent "Assistent") is a panel,
12137
+ not a label card: a 17px title over a hairline, 16px 18px in, its pill at
12138
+ the row's end, the chat flush under it. */
12139
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__header {
12140
+ padding: 16px 18px;
12141
+ border-bottom: 1px solid var(--color-border);
12142
+ }
12143
+
12144
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__title {
12145
+ color: var(--color-main-text) !important;
12146
+ font-size: var(--cn-board-heading-size, 17px);
12147
+ font-weight: 700;
12148
+ line-height: 1.2;
12149
+ }
12150
+
12151
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__actions:has(.cn-detail-widget-header-items) {
12152
+ display: flex;
12153
+ }
12154
+
12155
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__content {
12156
+ padding: 0;
12157
+ }
12158
+
11957
12159
  /* A widget-reported card header action in the main column is a neutral 40px
11958
12160
  control: the main background, the control border, the main text at
11959
12161
  14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -12324,6 +12526,13 @@ li[data-cn-admin-tag] > .action-link::after {
12324
12526
 
12325
12527
  .cn-look-board .cn-retention .cn-retention__head-text .cn-retention__muted {
12326
12528
  font-size: 14px;
12529
+ line-height: 1.2;
12530
+ }
12531
+
12532
+ /* The board stacks the archiving card's parts 10px apart (r26a: the head
12533
+ row 45.9 vs 41 and the facts 55.9 vs 30 under the title). */
12534
+ .cn-look-board .cn-retention.cn-retention {
12535
+ gap: 10px;
12327
12536
  }
12328
12537
 
12329
12538
  .cn-look-board .cn-retention .cn-retention__fact {
@@ -12489,6 +12698,15 @@ li[data-cn-admin-tag] > .action-link::after {
12489
12698
  margin: 0;
12490
12699
  }
12491
12700
 
12701
+ /* ---- A sidebar tab standing in a page card --------------------------------- */
12702
+ /* The Files, Notes, Tasks... tabs pad themselves 12px for the sidebar. On a
12703
+ detail page the card around them already pads, and the boards draw their
12704
+ toolbar, table and rows flush with the card title (DqZaakDocumenten, DqZaakEmail).
12705
+ @spec openspec/changes/board-sidebar-tab-flush-in-card/specs/board-sidebar-tab-flush-in-card/spec.md#requirement-a-sidebar-tab-in-a-page-card-adds-no-padding-of-its-own */
12706
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab:not(.cn-look-nextcloud *) {
12707
+ padding: 0;
12708
+ }
12709
+
12492
12710
  /* ---- A file's side card (CnFilesBrowser) --------------------------------- */
12493
12711
  /* The board's side card: radius 12, 20px 22px of padding, the title a 15px
12494
12712
  muted heading at 600, the facts 8px 16px apart with the values at 500
@@ -12543,6 +12761,14 @@ li[data-cn-admin-tag] > .action-link::after {
12543
12761
  display: none;
12544
12762
  }
12545
12763
 
12764
+ /* ---- A file list's trail at its root (CnFilesBrowser) ------------------- */
12765
+ /* At the browser's root the boards draw the bar's buttons only, no trail of
12766
+ one crumb naming the case (DqZaakDocumenten); in a subfolder the trail shows.
12767
+ @spec openspec/changes/board-files-root-crumb/specs/board-files-root-crumb/spec.md#requirement-the-board-files-bar-draws-no-trail-at-the-root */
12768
+ .cn-look-board .cn-files-browser__crumbs--at-root:not(.cn-look-nextcloud *) {
12769
+ display: none;
12770
+ }
12771
+
12546
12772
  /* ---- A file list (CnFilesBrowser) --------------------------------------- */
12547
12773
  /* The board's compact card table (DqDocumentenBeheer): a near-white header at
12548
12774
  14px/600 in the muted ink, 10px 12px; 14px cells, 11px 12px, a hairline
@@ -12610,6 +12836,25 @@ li[data-cn-admin-tag] > .action-link::after {
12610
12836
  gap: 14px 16px;
12611
12837
  }
12612
12838
 
12839
+ /* In a page card the mail tab is the card's body: no padding of its own, 12px
12840
+ between its parts, the heading at the card title's 17px/700 and the
12841
+ description at 14px (DqZaakEmail "E-mail").
12842
+ @spec openspec/changes/board-mail-tab-in-card/specs/board-mail-tab-in-card/spec.md#requirement-a-mail-tab-in-a-page-card-reads-as-the-card */
12843
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab:not(.cn-look-nextcloud *) {
12844
+ gap: 12px;
12845
+ padding: 0;
12846
+ }
12847
+
12848
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab__title:not(.cn-look-nextcloud *) {
12849
+ font-size: 17px;
12850
+ font-weight: 700;
12851
+ line-height: 1.2;
12852
+ }
12853
+
12854
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab__subtitle:not(.cn-look-nextcloud *) {
12855
+ font-size: 14px;
12856
+ }
12857
+
12613
12858
  /* ---- The attention flag's buttons --------------------------------------- */
12614
12859
  /* The case boards draw "Markeer voor aandacht" and the flag's other labelled
12615
12860
  buttons at the 40px control height (DqZaak and the case tab boards);
@@ -12630,6 +12875,31 @@ li[data-cn-admin-tag] > .action-link::after {
12630
12875
  line-height: normal;
12631
12876
  }
12632
12877
 
12878
+ /* In a page card the notes tab's "Add note" stands at the end of the card's
12879
+ title row, and each note thread opens with a hairline (DqZaakEmail
12880
+ "Notities": the button beside the title, rows 12px 0 under a rule). The
12881
+ card (CnWidgetWrapper) is the positioned box; the add form, when open,
12882
+ stays in the body.
12883
+ @spec openspec/changes/board-notes-card-add-in-title-row/specs/board-notes-card-add-in-title-row/spec.md#requirement-a-notes-card-carries-its-add-in-the-title-row */
12884
+ .cn-look-board .cn-detail-widget-host .cn-widget-wrapper .cn-sidebar-tab__composer-toggle:not(.cn-look-nextcloud *) {
12885
+ position: absolute;
12886
+ top: 20px;
12887
+ inset-inline-end: var(--cn-board-card-inline-padding);
12888
+ }
12889
+
12890
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab__action:has(> .cn-sidebar-tab__composer-toggle):not(:has(.cn-sidebar-tab__composer)):not(.cn-look-nextcloud *) {
12891
+ margin-bottom: 0;
12892
+ }
12893
+
12894
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab__list:not(.cn-look-nextcloud *) {
12895
+ gap: 0;
12896
+ }
12897
+
12898
+ .cn-look-board .cn-detail-widget-host .cn-notes-tab__thread:not(.cn-look-nextcloud *) {
12899
+ padding: 12px 0;
12900
+ border-top: 1px solid var(--cn-board-hairline);
12901
+ }
12902
+
12633
12903
  /* The notes tab's "Add note" button, when the add form waits behind it, is
12634
12904
  the board's 40px control (DqZaakEmail "Notitie toevoegen").
12635
12905
  @spec openspec/changes/notes-tab-composer-button/specs/notes-tab-composer-button/spec.md#requirement-the-notes-tab-can-keep-its-composer-behind-a-button */
@@ -12803,6 +13073,263 @@ li[data-cn-admin-tag] > .action-link::after {
12803
13073
  .cn-look-board .cn-checklist-widget__item .checkbox-content__text {
12804
13074
  font-weight: 600;
12805
13075
  }
13076
+
13077
+ /* The parties widget's "Dit zaaktype accepteert" strip as DqZaakBetrokkenen
13078
+ draws it: a sunken strip rounded at 8px, the label 14px bold, the kinds
13079
+ as outlined 13px chips.
13080
+ @spec openspec/changes/board-parties-accepted-strip/specs/parties/spec.md */
13081
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted {
13082
+ gap: 6px 8px;
13083
+ padding: 8px 12px;
13084
+ border-radius: 8px;
13085
+ background-color: var(--cn-board-sunken-ground);
13086
+ }
13087
+
13088
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted-label {
13089
+ font-size: 14px;
13090
+ font-weight: 700;
13091
+ line-height: 1.2;
13092
+ }
13093
+
13094
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted-kind {
13095
+ padding: 2px 8px;
13096
+ border: 1px solid var(--color-border-maxcontrast);
13097
+ border-radius: 12px;
13098
+ font-size: 13px;
13099
+ font-weight: 600;
13100
+ }
13101
+
13102
+ /* A short side list (`density: "stacked"`, DqOrganisatie "Lopende zaken")
13103
+ starts 10px under the title with no hairline and no row padding; a main
13104
+ contact (DqOrganisatie "Hoofdcontact") starts 12px under it, its two lines
13105
+ at their normal height so they centre on the 40px tile.
13106
+ @spec openspec/changes/board-side-lead-gaps/specs/board-side-lead-gaps/spec.md#requirement-a-board-side-card-starts-a-stacked-list-or-main-contact-as-drawn */
13107
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-record-list--stacked) {
13108
+ padding-top: 10px;
13109
+ }
13110
+
13111
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-object-parties > .cn-object-parties__main-card) {
13112
+ padding-top: 12px;
13113
+ }
13114
+
13115
+ .cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__item {
13116
+ border-top: 0;
13117
+ }
13118
+
13119
+ .cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__row {
13120
+ padding: 0;
13121
+ }
13122
+
13123
+ .cn-look-board .cn-detail-page__side .cn-object-parties__main-text {
13124
+ line-height: normal;
13125
+ }
13126
+
13127
+ /* Appointment and note rows (DqTaak Afspraken, Notities): a hairline above
13128
+ every row including the first, 12px 0 padding, a 32px round tile (the day
13129
+ an appointment starts, the author's initials) 12px before the text, the
13130
+ title 15/600 and one 13px muted meta line joined with " · ".
13131
+ @spec openspec/changes/board-task-cards-rows/specs/task-cards/spec.md#requirement-board-appointment-and-note-rows-carry-a-tile-and-a-meta-line */
13132
+ .cn-look-board .cn-events-card__list {
13133
+ gap: 0;
13134
+ }
13135
+
13136
+ .cn-look-board .cn-events-card__event,
13137
+ .cn-look-board .cn-events-card__event:last-child,
13138
+ .cn-look-board .cn-notes-card__note,
13139
+ .cn-look-board .cn-notes-card__note:last-child {
13140
+ padding: 12px 0;
13141
+ border-top: 1px solid var(--cn-board-hairline);
13142
+ border-bottom: none;
13143
+ }
13144
+
13145
+ .cn-look-board .cn-events-card__day,
13146
+ .cn-look-board .cn-notes-card__initials {
13147
+ display: inline-flex;
13148
+ flex: 0 0 32px;
13149
+ align-items: center;
13150
+ justify-content: center;
13151
+ width: 32px;
13152
+ height: 32px;
13153
+ border-radius: 50%;
13154
+ background: var(--color-primary-element-light);
13155
+ color: var(--color-primary-element-light-text);
13156
+ font-size: 12px;
13157
+ font-weight: 700;
13158
+ }
13159
+
13160
+ .cn-look-board .cn-events-card__text {
13161
+ flex-flow: row wrap;
13162
+ row-gap: 2px;
13163
+ }
13164
+
13165
+ .cn-look-board .cn-events-card__summary,
13166
+ .cn-look-board .cn-notes-card__body {
13167
+ font-size: 15px;
13168
+ font-weight: 600;
13169
+ line-height: 1.35;
13170
+ }
13171
+
13172
+ .cn-look-board .cn-events-card__summary {
13173
+ flex-basis: 100%;
13174
+ }
13175
+
13176
+ .cn-look-board .cn-events-card__when,
13177
+ .cn-look-board .cn-events-card__where,
13178
+ .cn-look-board .cn-notes-card__author,
13179
+ .cn-look-board .cn-notes-card__time {
13180
+ color: var(--color-text-maxcontrast);
13181
+ font-size: 13px;
13182
+ font-weight: 400;
13183
+ }
13184
+
13185
+ .cn-look-board .cn-events-card__where::before,
13186
+ .cn-look-board .cn-notes-card__time::before {
13187
+ content: ' · ';
13188
+ white-space: pre;
13189
+ }
13190
+
13191
+ .cn-look-board .cn-notes-card__note {
13192
+ display: flex;
13193
+ flex-direction: column;
13194
+ gap: 2px;
13195
+ padding-inline-start: 44px;
13196
+ }
13197
+
13198
+ .cn-look-board .cn-notes-card__initials {
13199
+ position: absolute;
13200
+ top: 12px;
13201
+ inset-inline-start: 0;
13202
+ }
13203
+
13204
+ .cn-look-board .cn-notes-card__body {
13205
+ order: -1;
13206
+ }
13207
+
13208
+ .cn-look-board .cn-notes-card__note-header {
13209
+ justify-content: flex-start;
13210
+ margin-bottom: 0;
13211
+ }
13212
+
13213
+ .cn-look-board .cn-notes-card__time {
13214
+ margin-inline-start: 0;
13215
+ }
13216
+
13217
+ /* The parties widget's rows as DqZaakBetrokkenen "Rollen" draws them: one
13218
+ ruled row per party, a 32px initials tile, the name over a muted meta line
13219
+ that names the role, the pills at the end. The role headings stay for
13220
+ assistive tech only.
13221
+ @spec openspec/changes/board-parties-rows/specs/parties/spec.md */
13222
+ .cn-look-board .cn-object-parties--board .cn-object-parties__role-label {
13223
+ position: absolute;
13224
+ width: 1px;
13225
+ height: 1px;
13226
+ overflow: hidden;
13227
+ clip-path: inset(50%);
13228
+ white-space: nowrap;
13229
+ }
13230
+
13231
+ .cn-look-board .cn-object-parties--board .cn-object-parties__list {
13232
+ gap: 0;
13233
+ }
13234
+
13235
+ .cn-look-board .cn-object-parties--board .cn-object-parties__party {
13236
+ flex-wrap: nowrap;
13237
+ gap: 12px;
13238
+ padding: 12px 0;
13239
+ border-top: 1px solid var(--cn-board-hairline);
13240
+ border-radius: 0;
13241
+ }
13242
+
13243
+ .cn-look-board .cn-object-parties--board .cn-object-parties__tile {
13244
+ display: inline-flex;
13245
+ flex: none;
13246
+ align-items: center;
13247
+ justify-content: center;
13248
+ width: 32px;
13249
+ height: 32px;
13250
+ border-radius: 16px;
13251
+ background: var(--color-background-hover);
13252
+ color: var(--color-main-text);
13253
+ font-size: 12px;
13254
+ font-weight: 700;
13255
+ }
13256
+
13257
+ .cn-look-board .cn-object-parties--board .cn-object-parties__text {
13258
+ display: flex;
13259
+ flex: 1 1 auto;
13260
+ flex-direction: column;
13261
+ gap: 2px;
13262
+ min-width: 0;
13263
+ }
13264
+
13265
+ .cn-look-board .cn-object-parties--board .cn-object-parties__name {
13266
+ font-size: 15px;
13267
+ font-weight: 600;
13268
+ }
13269
+
13270
+ .cn-look-board .cn-object-parties--board .cn-object-parties__meta {
13271
+ font-size: 13px;
13272
+ color: var(--color-text-maxcontrast);
13273
+ }
13274
+
13275
+ /* The calendar and Deck cards' rows as DqZaakTaken "Afspraken" and "Kaarten"
13276
+ draw them: ruled rows, the title over a muted meta line, the pill at the
13277
+ end, and the link to the app under the rows.
13278
+ @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md */
13279
+ .cn-look-board .cn-detail-page .cn-calendar-card__row,
13280
+ .cn-look-board .cn-detail-page .cn-deck-card__row {
13281
+ display: flex;
13282
+ gap: 16px;
13283
+ align-items: center;
13284
+ justify-content: space-between;
13285
+ padding: 12px 0;
13286
+ border-top: 1px solid var(--cn-board-hairline);
13287
+ }
13288
+
13289
+ .cn-look-board .cn-detail-page .cn-calendar-card__row-main,
13290
+ .cn-look-board .cn-detail-page .cn-deck-card__row-main {
13291
+ display: flex;
13292
+ flex-direction: column;
13293
+ gap: 2px;
13294
+ min-width: 0;
13295
+ }
13296
+
13297
+ .cn-look-board .cn-detail-page .cn-calendar-card__title,
13298
+ .cn-look-board .cn-detail-page .cn-deck-card__row-title {
13299
+ font-size: 15px;
13300
+ font-weight: 600;
13301
+ color: var(--color-main-text);
13302
+ text-decoration: none;
13303
+ }
13304
+
13305
+ .cn-look-board .cn-detail-page .cn-calendar-card__meta,
13306
+ .cn-look-board .cn-detail-page .cn-deck-card__row-meta {
13307
+ font-size: 13px;
13308
+ color: var(--color-text-maxcontrast);
13309
+ }
13310
+
13311
+ .cn-look-board .cn-object-parties--board .cn-object-parties__end {
13312
+ display: flex;
13313
+ flex: none;
13314
+ flex-wrap: wrap;
13315
+ gap: 8px;
13316
+ align-items: center;
13317
+ }
13318
+
13319
+ .cn-look-board .cn-detail-page .cn-deck-card__row-list {
13320
+ margin: 0;
13321
+ padding: 0;
13322
+ list-style: none;
13323
+ }
13324
+
13325
+ .cn-look-board .cn-detail-page .cn-calendar-card__open,
13326
+ .cn-look-board .cn-detail-page .cn-deck-card__open {
13327
+ display: inline-block;
13328
+ margin-top: 12px;
13329
+ font-size: 14px;
13330
+ font-weight: 600;
13331
+ text-decoration: underline;
13332
+ }
12806
13333
  /*
12807
13334
  * The reports page under the board look (screens-reports-page-board-look,
12808
13335
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -14698,6 +15225,25 @@ li[data-cn-admin-tag] > .action-link::after {
14698
15225
  gap: 8px;
14699
15226
  align-items: flex-end;
14700
15227
  }
15228
+
15229
+ /* `stacked`: in a card the box keeps the line, dictation and attach wrap
15230
+ under it (DqZaakAssistent "Vraag iets over deze zaak" + "Vragen"). */
15231
+ .cn-ai-input--stacked {
15232
+ padding: 12px 18px;
15233
+ }
15234
+ .cn-ai-input--stacked .cn-ai-input__row {
15235
+ flex-wrap: wrap;
15236
+ align-items: center;
15237
+ }
15238
+ .cn-ai-input--stacked .cn-ai-input__textarea {
15239
+ order: -2;
15240
+ flex: 1 1 calc(100% - 104px);
15241
+ min-width: 0;
15242
+ min-height: 40px;
15243
+ }
15244
+ .cn-ai-input--stacked .cn-ai-input__send-button {
15245
+ order: -1;
15246
+ }
14701
15247
  .cn-ai-input__file-input {
14702
15248
  display: none;
14703
15249
  }
@@ -15331,9 +15877,19 @@ li[data-cn-admin-tag] > .action-link::after {
15331
15877
  background: transparent;
15332
15878
  }
15333
15879
  .cn-ai-chat-window--titled .cn-ai-chat-window__input {
15880
+ padding: 0;
15881
+ border-top: 0;
15334
15882
  border-radius: 0;
15335
15883
  background: transparent;
15336
15884
  }
15885
+
15886
+ /* In a card the panel's body takes the card's 16px 18px inset. */
15887
+ .cn-ai-chat-window--titled .cn-ai-chat-window__messages {
15888
+ padding: 16px 18px;
15889
+ }
15890
+ .cn-ai-chat-window--titled .cn-ai-chat-window__note {
15891
+ margin: 0 18px 16px;
15892
+ }
15337
15893
  .cn-ai-chat-window__input {
15338
15894
  flex: 0 0 auto;
15339
15895
  padding: 8px;
@@ -16237,66 +16793,67 @@ li[data-cn-admin-tag] > .action-link::after {
16237
16793
  }
16238
16794
 
16239
16795
 
16240
- .cn-conversation-thread[data-v-0d461ee4] {
16796
+ .cn-conversation-thread[data-v-e2600a68] {
16241
16797
  display: flex;
16242
16798
  flex-direction: column;
16243
16799
  gap: calc(3.5 * var(--default-grid-baseline));
16244
16800
  }
16245
- .cn-conversation-thread__status[data-v-0d461ee4] {
16801
+ .cn-conversation-thread__status[data-v-e2600a68] {
16246
16802
  color: var(--color-text-maxcontrast);
16247
16803
  font-weight: 700;
16248
16804
  }
16249
- .cn-conversation-thread__message-actions[data-v-0d461ee4] {
16805
+ .cn-conversation-thread__message-actions[data-v-e2600a68] {
16250
16806
  display: flex;
16251
16807
  flex-wrap: wrap;
16252
16808
  gap: calc(2 * var(--default-grid-baseline));
16253
16809
  margin-top: calc(2 * var(--default-grid-baseline));
16254
16810
  }
16255
- .cn-conversation-thread__header[data-v-0d461ee4] {
16811
+ .cn-conversation-thread__header[data-v-e2600a68] {
16256
16812
  align-items: flex-start;
16257
16813
  display: flex;
16258
16814
  flex-wrap: wrap;
16259
16815
  gap: calc(3 * var(--default-grid-baseline));
16260
16816
  justify-content: space-between;
16261
16817
  }
16262
- .cn-conversation-thread__header-actions[data-v-0d461ee4] {
16818
+ .cn-conversation-thread__header-actions[data-v-e2600a68] {
16263
16819
  display: flex;
16264
16820
  flex-wrap: wrap;
16265
16821
  gap: calc(2 * var(--default-grid-baseline));
16266
16822
  }
16267
- .cn-conversation-thread__title[data-v-0d461ee4] {
16823
+ .cn-conversation-thread__title[data-v-e2600a68] {
16268
16824
  font-size: 1.1em;
16269
16825
  font-weight: 700;
16270
16826
  margin: 0;
16271
16827
  }
16272
- .cn-conversation-thread__heading[data-v-0d461ee4] {
16828
+ .cn-conversation-thread__heading[data-v-e2600a68] {
16273
16829
  display: flex;
16274
16830
  flex: 1 1 260px;
16275
16831
  flex-direction: column;
16276
16832
  gap: 3px;
16277
16833
  min-width: 0;
16278
16834
  }
16279
- .cn-conversation-thread__subtitle[data-v-0d461ee4] {
16835
+ .cn-conversation-thread__subtitle[data-v-e2600a68] {
16280
16836
  color: var(--color-text-maxcontrast);
16281
16837
  font-size: 14px;
16838
+ line-height: normal;
16282
16839
  margin: 0;
16283
16840
  }
16284
- .cn-conversation-thread__direction[data-v-0d461ee4],
16285
- .cn-conversation-thread__meta time[data-v-0d461ee4] {
16841
+ .cn-conversation-thread__direction[data-v-e2600a68],
16842
+ .cn-conversation-thread__meta time[data-v-e2600a68] {
16286
16843
  color: var(--color-text-maxcontrast);
16287
16844
  }
16288
- .cn-conversation-thread__direction[data-v-0d461ee4]::after {
16845
+ .cn-conversation-thread__direction[data-v-e2600a68]::after {
16289
16846
  content: ' ·';
16290
16847
  }
16291
- .cn-conversation-thread__note[data-v-0d461ee4] {
16848
+ .cn-conversation-thread__note[data-v-e2600a68] {
16292
16849
  color: var(--color-text-maxcontrast);
16293
16850
  font-size: 13px;
16294
16851
  }
16295
- .cn-conversation-thread__empty[data-v-0d461ee4] {
16852
+ .cn-conversation-thread__empty[data-v-e2600a68] {
16296
16853
  color: var(--color-text-maxcontrast);
16297
16854
  margin: 0;
16298
16855
  }
16299
- .cn-conversation-thread__messages[data-v-0d461ee4] {
16856
+ .cn-conversation-thread__messages[data-v-e2600a68] {
16300
16857
  display: flex;
16301
16858
  flex-direction: column;
16302
16859
  gap: calc(3.5 * var(--default-grid-baseline));
@@ -16304,14 +16861,14 @@ li[data-cn-admin-tag] > .action-link::after {
16304
16861
  margin: 0;
16305
16862
  padding: 0;
16306
16863
  }
16307
- .cn-conversation-thread__message[data-v-0d461ee4] {
16864
+ .cn-conversation-thread__message[data-v-e2600a68] {
16308
16865
  display: flex;
16309
16866
  gap: calc(3 * var(--default-grid-baseline));
16310
16867
  }
16311
- .cn-conversation-thread__message--us[data-v-0d461ee4] {
16868
+ .cn-conversation-thread__message--us[data-v-e2600a68] {
16312
16869
  flex-direction: row-reverse;
16313
16870
  }
16314
- .cn-conversation-thread__avatar[data-v-0d461ee4] {
16871
+ .cn-conversation-thread__avatar[data-v-e2600a68] {
16315
16872
  align-items: center;
16316
16873
  background: var(--color-background-dark);
16317
16874
  border-radius: 50%;
@@ -16324,7 +16881,7 @@ li[data-cn-admin-tag] > .action-link::after {
16324
16881
  justify-content: center;
16325
16882
  width: 34px;
16326
16883
  }
16327
- .cn-conversation-thread__bubble[data-v-0d461ee4] {
16884
+ .cn-conversation-thread__bubble[data-v-e2600a68] {
16328
16885
  background: var(--color-background-hover);
16329
16886
  border-radius: var(--border-radius-large);
16330
16887
  border-start-start-radius: var(--border-radius-small, 4px);
@@ -16336,75 +16893,75 @@ li[data-cn-admin-tag] > .action-link::after {
16336
16893
  min-width: 0;
16337
16894
  padding: calc(3 * var(--default-grid-baseline)) calc(3.5 * var(--default-grid-baseline));
16338
16895
  }
16339
- .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-0d461ee4] {
16896
+ .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-e2600a68] {
16340
16897
  background: var(--color-primary-element-light);
16341
16898
  border-start-end-radius: var(--border-radius-small, 4px);
16342
16899
  border-start-start-radius: var(--border-radius-large);
16343
16900
  color: var(--color-primary-element-light-text);
16344
16901
  }
16345
- .cn-conversation-thread__meta[data-v-0d461ee4] {
16902
+ .cn-conversation-thread__meta[data-v-e2600a68] {
16346
16903
  align-items: center;
16347
16904
  display: flex;
16348
16905
  flex-wrap: wrap;
16349
16906
  font-size: 0.9em;
16350
16907
  gap: calc(2 * var(--default-grid-baseline));
16351
16908
  }
16352
- .cn-conversation-thread__author[data-v-0d461ee4] {
16909
+ .cn-conversation-thread__author[data-v-e2600a68] {
16353
16910
  font-weight: 600;
16354
16911
  }
16355
- .cn-conversation-thread__text[data-v-0d461ee4] {
16912
+ .cn-conversation-thread__text[data-v-e2600a68] {
16356
16913
  overflow-wrap: anywhere;
16357
16914
  white-space: pre-wrap;
16358
16915
  }
16359
- .cn-conversation-thread__reply[data-v-0d461ee4] {
16916
+ .cn-conversation-thread__reply[data-v-e2600a68] {
16360
16917
  display: flex;
16361
16918
  flex-direction: column;
16362
16919
  gap: calc(2 * var(--default-grid-baseline));
16363
16920
  }
16364
- .cn-conversation-thread__reply-head[data-v-0d461ee4] {
16921
+ .cn-conversation-thread__reply-head[data-v-e2600a68] {
16365
16922
  align-items: baseline;
16366
16923
  display: flex;
16367
16924
  flex-wrap: wrap;
16368
16925
  gap: calc(2 * var(--default-grid-baseline));
16369
16926
  justify-content: space-between;
16370
16927
  }
16371
- .cn-conversation-thread__reply-label[data-v-0d461ee4] {
16928
+ .cn-conversation-thread__reply-label[data-v-e2600a68] {
16372
16929
  font-weight: 600;
16373
16930
  }
16374
- .cn-conversation-thread__reply-hint[data-v-0d461ee4] {
16931
+ .cn-conversation-thread__reply-hint[data-v-e2600a68] {
16375
16932
  color: var(--color-text-maxcontrast);
16376
16933
  font-size: 13px;
16377
16934
  }
16378
- .cn-conversation-thread__reply-option[data-v-0d461ee4] {
16935
+ .cn-conversation-thread__reply-option[data-v-e2600a68] {
16379
16936
  align-items: center;
16380
16937
  display: flex;
16381
16938
  gap: calc(2 * var(--default-grid-baseline));
16382
16939
  }
16383
- .cn-conversation-thread__input[data-v-0d461ee4] {
16940
+ .cn-conversation-thread__input[data-v-e2600a68] {
16384
16941
  box-sizing: border-box;
16385
16942
  margin: 0;
16386
16943
  resize: vertical;
16387
16944
  width: 100%;
16388
16945
  }
16389
- .cn-conversation-thread__error[data-v-0d461ee4] {
16946
+ .cn-conversation-thread__error[data-v-e2600a68] {
16390
16947
  color: var(--color-error-text, var(--color-error));
16391
16948
  margin: 0;
16392
16949
  }
16393
- .cn-conversation-thread__reply-foot[data-v-0d461ee4] {
16950
+ .cn-conversation-thread__reply-foot[data-v-e2600a68] {
16394
16951
  align-items: center;
16395
16952
  display: flex;
16396
16953
  flex-wrap: wrap;
16397
16954
  gap: calc(2.5 * var(--default-grid-baseline));
16398
16955
  justify-content: space-between;
16399
16956
  }
16400
- .cn-conversation-thread__reply-actions[data-v-0d461ee4] {
16957
+ .cn-conversation-thread__reply-actions[data-v-e2600a68] {
16401
16958
  margin-inline-start: auto;
16402
16959
  display: flex;
16403
16960
  flex-wrap: wrap;
16404
16961
  gap: calc(2.5 * var(--default-grid-baseline));
16405
16962
  justify-content: flex-end;
16406
16963
  }
16407
- .cn-conversation-thread__channel[data-v-0d461ee4] {
16964
+ .cn-conversation-thread__channel[data-v-e2600a68] {
16408
16965
  color: var(--color-text-maxcontrast);
16409
16966
  }
16410
16967
 
@@ -16714,7 +17271,7 @@ a.cn-document-review-list__name[data-v-83ccc260] {
16714
17271
  }
16715
17272
 
16716
17273
 
16717
- .cn-events-card__list[data-v-079bed63] {
17274
+ .cn-events-card__list[data-v-bb3ee7b4] {
16718
17275
  display: flex;
16719
17276
  flex-direction: column;
16720
17277
  gap: 8px;
@@ -16722,26 +17279,34 @@ a.cn-document-review-list__name[data-v-83ccc260] {
16722
17279
  padding: 0;
16723
17280
  list-style: none;
16724
17281
  }
16725
- .cn-events-card__event[data-v-079bed63] {
17282
+ .cn-events-card__event[data-v-bb3ee7b4] {
16726
17283
  display: flex;
16727
- flex-direction: column;
16728
- gap: 2px;
17284
+ gap: 12px;
16729
17285
  padding-bottom: 8px;
16730
17286
  border-bottom: 1px solid var(--color-border);
16731
17287
  }
16732
- .cn-events-card__event[data-v-079bed63]:last-child {
17288
+ .cn-events-card__event[data-v-bb3ee7b4]:last-child {
16733
17289
  padding-bottom: 0;
16734
17290
  border-bottom: none;
16735
17291
  }
16736
- .cn-events-card__summary[data-v-079bed63] {
17292
+ .cn-events-card__day[data-v-bb3ee7b4] {
17293
+ display: none;
17294
+ }
17295
+ .cn-events-card__text[data-v-bb3ee7b4] {
17296
+ display: flex;
17297
+ flex-direction: column;
17298
+ gap: 2px;
17299
+ min-width: 0;
17300
+ }
17301
+ .cn-events-card__summary[data-v-bb3ee7b4] {
16737
17302
  font-weight: 600;
16738
17303
  }
16739
- .cn-events-card__when[data-v-079bed63],
16740
- .cn-events-card__where[data-v-079bed63],
16741
- .cn-events-card__muted[data-v-079bed63] {
17304
+ .cn-events-card__when[data-v-bb3ee7b4],
17305
+ .cn-events-card__where[data-v-bb3ee7b4],
17306
+ .cn-events-card__muted[data-v-bb3ee7b4] {
16742
17307
  color: var(--color-text-maxcontrast);
16743
17308
  }
16744
- .cn-events-card__muted[data-v-079bed63] {
17309
+ .cn-events-card__muted[data-v-bb3ee7b4] {
16745
17310
  margin: 0;
16746
17311
  }
16747
17312
 
@@ -20470,56 +21035,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20470
21035
  }
20471
21036
 
20472
21037
 
20473
- .cn-audit-card__list[data-v-834a0068] {
21038
+ .cn-audit-card__list[data-v-401394d1] {
20474
21039
  list-style: none;
20475
21040
  margin: 0;
20476
21041
  padding: 0;
20477
21042
  }
20478
- .cn-audit-card__row[data-v-834a0068] {
21043
+ .cn-audit-card__row[data-v-401394d1] {
20479
21044
  padding: 6px 0;
20480
21045
  border-bottom: 1px solid var(--color-border);
20481
21046
  }
20482
- .cn-audit-card__row[data-v-834a0068]:last-child {
21047
+ .cn-audit-card__row[data-v-401394d1]:last-child {
20483
21048
  border-bottom: none;
20484
21049
  }
20485
- .cn-audit-card__row-head[data-v-834a0068] {
21050
+ .cn-audit-card__row-head[data-v-401394d1] {
20486
21051
  display: flex;
20487
21052
  justify-content: space-between;
20488
21053
  gap: 8px;
20489
21054
  }
20490
- .cn-audit-card__action[data-v-834a0068] {
21055
+ .cn-audit-card__action[data-v-401394d1] {
20491
21056
  color: var(--color-main-text);
20492
21057
  }
20493
- .cn-audit-card__when[data-v-834a0068] {
21058
+ .cn-audit-card__when[data-v-401394d1] {
20494
21059
  color: var(--color-text-maxcontrast);
20495
21060
  font-size: 0.85em;
20496
21061
  white-space: nowrap;
20497
21062
  }
20498
- .cn-audit-card__row-body[data-v-834a0068] {
21063
+ .cn-audit-card__row-body[data-v-401394d1] {
20499
21064
  color: var(--color-text-maxcontrast);
20500
21065
  font-size: 0.9em;
20501
21066
  }
20502
- .cn-audit-card__refused[data-v-834a0068] {
21067
+ .cn-audit-card__refused[data-v-401394d1] {
20503
21068
  margin-inline-start: 6px;
20504
21069
  font-weight: 700;
20505
21070
  color: var(--color-error-text, var(--color-main-text));
20506
21071
  }
20507
- .cn-audit-card__reason[data-v-834a0068] {
21072
+ .cn-audit-card__reason[data-v-401394d1] {
20508
21073
  margin: 2px 0 0;
20509
21074
  font-size: 0.9em;
20510
21075
  overflow-wrap: anywhere;
20511
21076
  }
20512
- .cn-audit-card__empty[data-v-834a0068] {
21077
+ .cn-audit-card__empty[data-v-401394d1] {
20513
21078
  color: var(--color-text-maxcontrast);
20514
21079
  text-align: center;
20515
21080
  padding: 12px 0;
20516
21081
  }
20517
- .cn-audit-card__footnote[data-v-834a0068] {
21082
+ .cn-audit-card__footnote[data-v-401394d1] {
20518
21083
  margin: 12px 0 0;
20519
21084
  color: var(--color-text-maxcontrast);
20520
21085
  font-size: 13px;
20521
21086
  }
20522
- .cn-audit-card__show-all[data-v-834a0068] {
21087
+ .cn-audit-card__show-all[data-v-401394d1] {
20523
21088
  background: none;
20524
21089
  border: none;
20525
21090
  color: var(--color-primary-element);
@@ -20527,7 +21092,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20527
21092
  padding: 4px 0;
20528
21093
  font: inherit;
20529
21094
  }
20530
- .cn-audit-card__show-all[data-v-834a0068]:hover {
21095
+ .cn-audit-card__show-all[data-v-401394d1]:hover {
20531
21096
  text-decoration: underline;
20532
21097
  }
20533
21098
 
@@ -20983,44 +21548,44 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
20983
21548
  }
20984
21549
 
20985
21550
 
20986
- .cn-calendar-card__empty[data-v-25d68a70] {
21551
+ .cn-calendar-card__empty[data-v-6c15c681] {
20987
21552
  text-align: center;
20988
21553
  padding: 16px 12px;
20989
21554
  color: var(--color-text-maxcontrast);
20990
21555
  font-size: 13px;
20991
21556
  }
20992
- .cn-calendar-card__error[data-v-25d68a70] {
21557
+ .cn-calendar-card__error[data-v-6c15c681] {
20993
21558
  color: var(--color-error);
20994
21559
  padding: 8px 0;
20995
21560
  font-size: 13px;
20996
21561
  }
20997
- .cn-calendar-card__list[data-v-25d68a70] {
21562
+ .cn-calendar-card__list[data-v-6c15c681] {
20998
21563
  display: flex;
20999
21564
  flex-direction: column;
21000
21565
  }
21001
- .cn-calendar-card__row[data-v-25d68a70] {
21566
+ .cn-calendar-card__row[data-v-6c15c681] {
21002
21567
  display: flex;
21003
21568
  align-items: flex-start;
21004
21569
  gap: 10px;
21005
21570
  padding: 8px 0;
21006
21571
  border-bottom: 1px solid var(--color-border);
21007
21572
  }
21008
- .cn-calendar-card__row[data-v-25d68a70]:last-child {
21573
+ .cn-calendar-card__row[data-v-6c15c681]:last-child {
21009
21574
  border-bottom: none;
21010
21575
  }
21011
- .cn-calendar-card__row-icon[data-v-25d68a70] {
21576
+ .cn-calendar-card__row-icon[data-v-6c15c681] {
21012
21577
  flex-shrink: 0;
21013
21578
  padding-top: 1px;
21014
21579
  }
21015
- .cn-calendar-card__icon--upcoming[data-v-25d68a70] { color: var(--color-primary-element);
21580
+ .cn-calendar-card__icon--upcoming[data-v-6c15c681] { color: var(--color-primary-element);
21016
21581
  }
21017
- .cn-calendar-card__icon--past[data-v-25d68a70] { color: var(--color-text-maxcontrast);
21582
+ .cn-calendar-card__icon--past[data-v-6c15c681] { color: var(--color-text-maxcontrast);
21018
21583
  }
21019
- .cn-calendar-card__row-main[data-v-25d68a70] {
21584
+ .cn-calendar-card__row-main[data-v-6c15c681] {
21020
21585
  flex: 1;
21021
21586
  min-width: 0;
21022
21587
  }
21023
- .cn-calendar-card__title[data-v-25d68a70] {
21588
+ .cn-calendar-card__title[data-v-6c15c681] {
21024
21589
  display: block;
21025
21590
  font-size: 13px;
21026
21591
  font-weight: 500;
@@ -21028,7 +21593,7 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21028
21593
  overflow: hidden;
21029
21594
  text-overflow: ellipsis;
21030
21595
  }
21031
- .cn-calendar-card__meta[data-v-25d68a70] {
21596
+ .cn-calendar-card__meta[data-v-6c15c681] {
21032
21597
  display: flex;
21033
21598
  align-items: center;
21034
21599
  gap: 6px;
@@ -21036,15 +21601,15 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21036
21601
  font-size: 12px;
21037
21602
  color: var(--color-text-maxcontrast);
21038
21603
  }
21039
- .cn-calendar-card__when[data-v-25d68a70] {
21604
+ .cn-calendar-card__when[data-v-6c15c681] {
21040
21605
  white-space: nowrap;
21041
21606
  }
21042
- .cn-calendar-card__location[data-v-25d68a70] {
21607
+ .cn-calendar-card__location[data-v-6c15c681] {
21043
21608
  overflow: hidden;
21044
21609
  text-overflow: ellipsis;
21045
21610
  white-space: nowrap;
21046
21611
  }
21047
- .cn-calendar-card__chip[data-v-25d68a70] {
21612
+ .cn-calendar-card__chip[data-v-6c15c681] {
21048
21613
  display: inline-flex;
21049
21614
  align-items: center;
21050
21615
  gap: 6px;
@@ -21054,21 +21619,21 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21054
21619
  font-size: 13px;
21055
21620
  max-width: 100%;
21056
21621
  }
21057
- .cn-calendar-card__chip-icon[data-v-25d68a70] {
21622
+ .cn-calendar-card__chip-icon[data-v-6c15c681] {
21058
21623
  color: var(--color-primary-element);
21059
21624
  flex-shrink: 0;
21060
21625
  }
21061
- .cn-calendar-card__chip-title[data-v-25d68a70] {
21626
+ .cn-calendar-card__chip-title[data-v-6c15c681] {
21062
21627
  font-weight: 500;
21063
21628
  overflow: hidden;
21064
21629
  text-overflow: ellipsis;
21065
21630
  white-space: nowrap;
21066
21631
  }
21067
- .cn-calendar-card__chip-when[data-v-25d68a70] {
21632
+ .cn-calendar-card__chip-when[data-v-6c15c681] {
21068
21633
  color: var(--color-text-maxcontrast);
21069
21634
  white-space: nowrap;
21070
21635
  }
21071
- .cn-calendar-card__chip-status[data-v-25d68a70] {
21636
+ .cn-calendar-card__chip-status[data-v-6c15c681] {
21072
21637
  font-size: 11px;
21073
21638
  text-transform: uppercase;
21074
21639
  letter-spacing: 0.04em;
@@ -21076,14 +21641,14 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21076
21641
  border-radius: var(--border-radius-pill, 999px);
21077
21642
  background: var(--color-background-darker);
21078
21643
  }
21079
- .cn-calendar-card__chip-status--confirmed[data-v-25d68a70] { background: var(--color-success); color: var(--color-main-background);
21644
+ .cn-calendar-card__chip-status--confirmed[data-v-6c15c681] { background: var(--color-success); color: var(--color-main-background);
21080
21645
  }
21081
- .cn-calendar-card__chip-status--tentative[data-v-25d68a70] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
21646
+ .cn-calendar-card__chip-status--tentative[data-v-6c15c681] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
21082
21647
  }
21083
- .cn-calendar-card__chip-status--cancelled[data-v-25d68a70] { background: var(--color-error); color: var(--color-main-background);
21648
+ .cn-calendar-card__chip-status--cancelled[data-v-6c15c681] { background: var(--color-error); color: var(--color-main-background);
21084
21649
  }
21085
- .cn-calendar-card__cta[data-v-25d68a70],
21086
- .cn-calendar-card__show-all[data-v-25d68a70] {
21650
+ .cn-calendar-card__cta[data-v-6c15c681],
21651
+ .cn-calendar-card__show-all[data-v-6c15c681] {
21087
21652
  background: none;
21088
21653
  border: none;
21089
21654
  color: var(--color-primary-element);
@@ -21096,22 +21661,22 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21096
21661
  text-decoration: none;
21097
21662
  display: inline-block;
21098
21663
  }
21099
- .cn-calendar-card__cta[data-v-25d68a70]:hover,
21100
- .cn-calendar-card__show-all[data-v-25d68a70]:hover {
21664
+ .cn-calendar-card__cta[data-v-6c15c681]:hover,
21665
+ .cn-calendar-card__show-all[data-v-6c15c681]:hover {
21101
21666
  text-decoration: underline;
21102
21667
  }
21103
21668
 
21104
21669
 
21105
- .cn-calendar-tab[data-v-d6947736] {
21670
+ .cn-calendar-tab[data-v-44e2340e] {
21106
21671
  padding: 12px;
21107
21672
  overflow-x: hidden;
21108
21673
  }
21109
- .cn-calendar-tab__action-row[data-v-d6947736] {
21674
+ .cn-calendar-tab__action-row[data-v-44e2340e] {
21110
21675
  display: flex;
21111
21676
  gap: 8px;
21112
21677
  margin-bottom: 12px;
21113
21678
  }
21114
- .cn-calendar-tab__banner[data-v-d6947736] {
21679
+ .cn-calendar-tab__banner[data-v-44e2340e] {
21115
21680
  display: flex;
21116
21681
  align-items: center;
21117
21682
  gap: 8px;
@@ -21122,26 +21687,26 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21122
21687
  color: var(--color-main-background);
21123
21688
  font-size: 0.9em;
21124
21689
  }
21125
- .cn-calendar-tab__banner--error[data-v-d6947736] {
21690
+ .cn-calendar-tab__banner--error[data-v-44e2340e] {
21126
21691
  background: var(--color-error, #e9322d);
21127
21692
  }
21128
- .cn-calendar-tab__empty[data-v-d6947736] {
21693
+ .cn-calendar-tab__empty[data-v-44e2340e] {
21129
21694
  text-align: center;
21130
21695
  padding: 24px 12px;
21131
21696
  color: var(--color-text-maxcontrast);
21132
21697
  font-size: 13px;
21133
21698
  }
21134
- .cn-calendar-tab__agenda[data-v-d6947736] {
21699
+ .cn-calendar-tab__agenda[data-v-44e2340e] {
21135
21700
  display: flex;
21136
21701
  flex-direction: column;
21137
21702
  gap: 14px;
21138
21703
  }
21139
- .cn-calendar-tab__group[data-v-d6947736] {
21704
+ .cn-calendar-tab__group[data-v-44e2340e] {
21140
21705
  display: flex;
21141
21706
  flex-direction: column;
21142
21707
  gap: 4px;
21143
21708
  }
21144
- .cn-calendar-tab__group-title[data-v-d6947736] {
21709
+ .cn-calendar-tab__group-title[data-v-44e2340e] {
21145
21710
  margin: 0 0 4px 0;
21146
21711
  font-size: 12px;
21147
21712
  font-weight: 600;
@@ -21149,12 +21714,12 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21149
21714
  letter-spacing: 0.04em;
21150
21715
  color: var(--color-text-maxcontrast);
21151
21716
  }
21152
- .cn-calendar-tab__group-title--past[data-v-d6947736] {
21717
+ .cn-calendar-tab__group-title--past[data-v-44e2340e] {
21153
21718
  opacity: 0.7;
21154
21719
  }
21155
21720
 
21156
21721
  /* Event row */
21157
- .cn-calendar-tab__event[data-v-d6947736] {
21722
+ .cn-calendar-tab__event[data-v-44e2340e] {
21158
21723
  display: flex;
21159
21724
  align-items: flex-start;
21160
21725
  gap: 12px;
@@ -21163,17 +21728,17 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21163
21728
  border-left: 3px solid var(--color-primary-element);
21164
21729
  background: var(--color-background-hover);
21165
21730
  }
21166
- .cn-calendar-tab__event + .cn-calendar-tab__event[data-v-d6947736] {
21731
+ .cn-calendar-tab__event + .cn-calendar-tab__event[data-v-44e2340e] {
21167
21732
  margin-top: 4px;
21168
21733
  }
21169
- .cn-calendar-tab__event--past[data-v-d6947736] {
21734
+ .cn-calendar-tab__event--past[data-v-44e2340e] {
21170
21735
  border-left-color: var(--color-border-dark, var(--color-border));
21171
21736
  background: transparent;
21172
21737
  opacity: 0.72;
21173
21738
  }
21174
21739
 
21175
21740
  /* Date block */
21176
- .cn-calendar-tab__date[data-v-d6947736] {
21741
+ .cn-calendar-tab__date[data-v-44e2340e] {
21177
21742
  flex-shrink: 0;
21178
21743
  width: 44px;
21179
21744
  display: flex;
@@ -21186,36 +21751,36 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21186
21751
  color: var(--color-primary-element-text, #fff);
21187
21752
  line-height: 1.1;
21188
21753
  }
21189
- .cn-calendar-tab__date--past[data-v-d6947736] {
21754
+ .cn-calendar-tab__date--past[data-v-44e2340e] {
21190
21755
  background: var(--color-background-dark);
21191
21756
  color: var(--color-text-maxcontrast);
21192
21757
  }
21193
- .cn-calendar-tab__date-month[data-v-d6947736] {
21758
+ .cn-calendar-tab__date-month[data-v-44e2340e] {
21194
21759
  font-size: 10px;
21195
21760
  font-weight: 600;
21196
21761
  text-transform: uppercase;
21197
21762
  letter-spacing: 0.05em;
21198
21763
  }
21199
- .cn-calendar-tab__date-day[data-v-d6947736] {
21764
+ .cn-calendar-tab__date-day[data-v-44e2340e] {
21200
21765
  font-size: 18px;
21201
21766
  font-weight: 700;
21202
21767
  }
21203
21768
 
21204
21769
  /* Main column */
21205
- .cn-calendar-tab__main[data-v-d6947736] {
21770
+ .cn-calendar-tab__main[data-v-44e2340e] {
21206
21771
  flex: 1;
21207
21772
  min-width: 0;
21208
21773
  display: flex;
21209
21774
  flex-direction: column;
21210
21775
  gap: 3px;
21211
21776
  }
21212
- .cn-calendar-tab__title-row[data-v-d6947736] {
21777
+ .cn-calendar-tab__title-row[data-v-44e2340e] {
21213
21778
  display: flex;
21214
21779
  align-items: center;
21215
21780
  gap: 6px;
21216
21781
  min-width: 0;
21217
21782
  }
21218
- .cn-calendar-tab__title[data-v-d6947736] {
21783
+ .cn-calendar-tab__title[data-v-44e2340e] {
21219
21784
  font-size: 14px;
21220
21785
  font-weight: 600;
21221
21786
  color: var(--color-main-text);
@@ -21223,8 +21788,8 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21223
21788
  overflow: hidden;
21224
21789
  text-overflow: ellipsis;
21225
21790
  }
21226
- .cn-calendar-tab__when[data-v-d6947736],
21227
- .cn-calendar-tab__location[data-v-d6947736] {
21791
+ .cn-calendar-tab__when[data-v-44e2340e],
21792
+ .cn-calendar-tab__location[data-v-44e2340e] {
21228
21793
  display: flex;
21229
21794
  align-items: center;
21230
21795
  gap: 5px;
@@ -21232,23 +21797,23 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21232
21797
  color: var(--color-text-maxcontrast);
21233
21798
  min-width: 0;
21234
21799
  }
21235
- .cn-calendar-tab__meta-icon[data-v-d6947736] {
21800
+ .cn-calendar-tab__meta-icon[data-v-44e2340e] {
21236
21801
  flex-shrink: 0;
21237
21802
  color: var(--color-text-maxcontrast);
21238
21803
  }
21239
- .cn-calendar-tab__location-text[data-v-d6947736] {
21804
+ .cn-calendar-tab__location-text[data-v-44e2340e] {
21240
21805
  overflow: hidden;
21241
21806
  text-overflow: ellipsis;
21242
21807
  white-space: nowrap;
21243
21808
  }
21244
21809
 
21245
21810
  /* Attendees */
21246
- .cn-calendar-tab__attendees[data-v-d6947736] {
21811
+ .cn-calendar-tab__attendees[data-v-44e2340e] {
21247
21812
  display: flex;
21248
21813
  align-items: center;
21249
21814
  margin-top: 2px;
21250
21815
  }
21251
- .cn-calendar-tab__avatar[data-v-d6947736] {
21816
+ .cn-calendar-tab__avatar[data-v-44e2340e] {
21252
21817
  width: 24px;
21253
21818
  height: 24px;
21254
21819
  border-radius: 50%;
@@ -21263,16 +21828,16 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21263
21828
  margin-left: -6px;
21264
21829
  flex-shrink: 0;
21265
21830
  }
21266
- .cn-calendar-tab__avatar[data-v-d6947736]:first-child {
21831
+ .cn-calendar-tab__avatar[data-v-44e2340e]:first-child {
21267
21832
  margin-left: 0;
21268
21833
  }
21269
- .cn-calendar-tab__avatar--more[data-v-d6947736] {
21834
+ .cn-calendar-tab__avatar--more[data-v-44e2340e] {
21270
21835
  background: var(--color-background-dark);
21271
21836
  color: var(--color-text-maxcontrast);
21272
21837
  }
21273
21838
 
21274
21839
  /* Actions */
21275
- .cn-calendar-tab__actions[data-v-d6947736] {
21840
+ .cn-calendar-tab__actions[data-v-44e2340e] {
21276
21841
  flex-shrink: 0;
21277
21842
  }
21278
21843
 
@@ -22488,25 +23053,25 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22488
23053
  }
22489
23054
 
22490
23055
 
22491
- .cn-deck-card__action-error[data-v-d8cff1c2] {
23056
+ .cn-deck-card__action-error[data-v-68f05db0] {
22492
23057
  margin: 8px 0 0;
22493
23058
  color: var(--color-error-text, var(--color-error));
22494
23059
  }
22495
- .cn-deck-card__empty[data-v-d8cff1c2] {
23060
+ .cn-deck-card__empty[data-v-68f05db0] {
22496
23061
  color: var(--color-text-maxcontrast);
22497
23062
  font-size: 0.9em;
22498
23063
  padding: 8px 0;
22499
23064
  }
22500
- .cn-deck-card__headline[data-v-d8cff1c2] {
23065
+ .cn-deck-card__headline[data-v-68f05db0] {
22501
23066
  display: flex;
22502
23067
  flex-direction: column;
22503
23068
  gap: 6px;
22504
23069
  }
22505
- .cn-deck-card__headline-line[data-v-d8cff1c2] {
23070
+ .cn-deck-card__headline-line[data-v-68f05db0] {
22506
23071
  font-size: 1.1em;
22507
23072
  color: var(--color-main-text);
22508
23073
  }
22509
- .cn-deck-card__distribution[data-v-d8cff1c2] {
23074
+ .cn-deck-card__distribution[data-v-68f05db0] {
22510
23075
  list-style: none;
22511
23076
  margin: 0;
22512
23077
  padding: 0;
@@ -22514,7 +23079,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22514
23079
  flex-direction: column;
22515
23080
  gap: 2px;
22516
23081
  }
22517
- .cn-deck-card__distribution-row[data-v-d8cff1c2] {
23082
+ .cn-deck-card__distribution-row[data-v-68f05db0] {
22518
23083
  display: flex;
22519
23084
  align-items: center;
22520
23085
  justify-content: space-between;
@@ -22522,11 +23087,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22522
23087
  font-size: 0.85em;
22523
23088
  color: var(--color-text-maxcontrast);
22524
23089
  }
22525
- .cn-deck-card__distribution-count[data-v-d8cff1c2] {
23090
+ .cn-deck-card__distribution-count[data-v-68f05db0] {
22526
23091
  font-weight: 600;
22527
23092
  color: var(--color-main-text);
22528
23093
  }
22529
- .cn-deck-card__headline-recent[data-v-d8cff1c2] {
23094
+ .cn-deck-card__headline-recent[data-v-68f05db0] {
22530
23095
  display: flex;
22531
23096
  align-items: center;
22532
23097
  gap: 6px;
@@ -22536,14 +23101,14 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22536
23101
  text-overflow: ellipsis;
22537
23102
  white-space: nowrap;
22538
23103
  }
22539
- .cn-deck-card__headline-recent a[data-v-d8cff1c2] {
23104
+ .cn-deck-card__headline-recent a[data-v-68f05db0] {
22540
23105
  color: var(--color-main-text);
22541
23106
  text-decoration: none;
22542
23107
  }
22543
- .cn-deck-card__headline-recent a[data-v-d8cff1c2]:hover {
23108
+ .cn-deck-card__headline-recent a[data-v-68f05db0]:hover {
22544
23109
  text-decoration: underline;
22545
23110
  }
22546
- .cn-deck-card__chip[data-v-d8cff1c2] {
23111
+ .cn-deck-card__chip[data-v-68f05db0] {
22547
23112
  display: inline-flex;
22548
23113
  align-items: center;
22549
23114
  gap: 6px;
@@ -22557,23 +23122,23 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22557
23122
  }
22558
23123
 
22559
23124
  /* stylelint-disable-next-line no-descending-specificity */
22560
- .cn-deck-card__chip a[data-v-d8cff1c2] {
23125
+ .cn-deck-card__chip a[data-v-68f05db0] {
22561
23126
  color: var(--color-main-text);
22562
23127
  text-decoration: none;
22563
23128
  }
22564
- .cn-deck-card__chip a[data-v-d8cff1c2]:hover {
23129
+ .cn-deck-card__chip a[data-v-68f05db0]:hover {
22565
23130
  text-decoration: underline;
22566
23131
  }
22567
- .cn-deck-card__chip-stack[data-v-d8cff1c2] {
23132
+ .cn-deck-card__chip-stack[data-v-68f05db0] {
22568
23133
  color: var(--color-text-maxcontrast);
22569
23134
  font-size: 0.85em;
22570
23135
  }
22571
- .cn-deck-card__kanban[data-v-d8cff1c2] {
23136
+ .cn-deck-card__kanban[data-v-68f05db0] {
22572
23137
  display: flex;
22573
23138
  gap: 8px;
22574
23139
  align-items: flex-start;
22575
23140
  }
22576
- .cn-deck-card__column[data-v-d8cff1c2] {
23141
+ .cn-deck-card__column[data-v-68f05db0] {
22577
23142
  flex: 1;
22578
23143
  min-width: 0;
22579
23144
  display: flex;
@@ -22583,13 +23148,13 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22583
23148
  border-radius: var(--border-radius);
22584
23149
  background: var(--color-background-hover);
22585
23150
  }
22586
- .cn-deck-card__column-header[data-v-d8cff1c2] {
23151
+ .cn-deck-card__column-header[data-v-68f05db0] {
22587
23152
  display: flex;
22588
23153
  align-items: center;
22589
23154
  justify-content: space-between;
22590
23155
  gap: 4px;
22591
23156
  }
22592
- .cn-deck-card__column-title[data-v-d8cff1c2] {
23157
+ .cn-deck-card__column-title[data-v-68f05db0] {
22593
23158
  font-size: 0.85em;
22594
23159
  font-weight: 600;
22595
23160
  color: var(--color-main-text);
@@ -22597,11 +23162,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22597
23162
  text-overflow: ellipsis;
22598
23163
  white-space: nowrap;
22599
23164
  }
22600
- .cn-deck-card__column-count[data-v-d8cff1c2] {
23165
+ .cn-deck-card__column-count[data-v-68f05db0] {
22601
23166
  font-size: 0.7em;
22602
23167
  color: var(--color-text-maxcontrast);
22603
23168
  }
22604
- .cn-deck-card__column-list[data-v-d8cff1c2] {
23169
+ .cn-deck-card__column-list[data-v-68f05db0] {
22605
23170
  list-style: none;
22606
23171
  margin: 0;
22607
23172
  padding: 0;
@@ -22609,7 +23174,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22609
23174
  flex-direction: column;
22610
23175
  gap: 3px;
22611
23176
  }
22612
- .cn-deck-card__row[data-v-d8cff1c2] {
23177
+ .cn-deck-card__row[data-v-68f05db0] {
22613
23178
  padding: 4px 6px;
22614
23179
  border-radius: 4px;
22615
23180
  background: var(--color-main-background);
@@ -22619,27 +23184,27 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22619
23184
  text-overflow: ellipsis;
22620
23185
  white-space: nowrap;
22621
23186
  }
22622
- .cn-deck-card__row--highlight[data-v-d8cff1c2] {
23187
+ .cn-deck-card__row--highlight[data-v-68f05db0] {
22623
23188
  border-color: var(--color-primary-element, #21468B);
22624
23189
  background: var(--color-primary-element-light, var(--color-background-darker));
22625
23190
  font-weight: 600;
22626
23191
  }
22627
- .cn-deck-card__title[data-v-d8cff1c2] {
23192
+ .cn-deck-card__title[data-v-68f05db0] {
22628
23193
  color: var(--color-main-text);
22629
23194
  text-decoration: none;
22630
23195
  }
22631
- a.cn-deck-card__title[data-v-d8cff1c2]:hover {
23196
+ a.cn-deck-card__title[data-v-68f05db0]:hover {
22632
23197
  text-decoration: underline;
22633
23198
  }
22634
23199
 
22635
23200
 
22636
- .cn-deck-tab__actions[data-v-d4b5abb2] {
23201
+ .cn-deck-tab__actions[data-v-bf899238] {
22637
23202
  display: flex;
22638
23203
  gap: 8px;
22639
23204
  margin-bottom: 8px;
22640
23205
  flex-wrap: wrap;
22641
23206
  }
22642
- .cn-deck-tab__banner[data-v-d4b5abb2] {
23207
+ .cn-deck-tab__banner[data-v-bf899238] {
22643
23208
  display: flex;
22644
23209
  align-items: center;
22645
23210
  gap: 8px;
@@ -22650,12 +23215,12 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22650
23215
  color: var(--color-main-background);
22651
23216
  font-size: 0.9em;
22652
23217
  }
22653
- .cn-deck-tab__error[data-v-d4b5abb2] {
23218
+ .cn-deck-tab__error[data-v-bf899238] {
22654
23219
  color: var(--color-error);
22655
23220
  font-size: 0.9em;
22656
23221
  margin: 4px 0 8px;
22657
23222
  }
22658
- .cn-deck-tab__empty[data-v-d4b5abb2] {
23223
+ .cn-deck-tab__empty[data-v-bf899238] {
22659
23224
  display: flex;
22660
23225
  flex-direction: column;
22661
23226
  align-items: center;
@@ -22664,15 +23229,15 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22664
23229
  color: var(--color-text-maxcontrast);
22665
23230
  text-align: center;
22666
23231
  }
22667
- .cn-deck-tab__empty-icon[data-v-d4b5abb2] {
23232
+ .cn-deck-tab__empty-icon[data-v-bf899238] {
22668
23233
  color: var(--color-text-maxcontrast);
22669
23234
  }
22670
- .cn-deck-tab__kanban[data-v-d4b5abb2] {
23235
+ .cn-deck-tab__kanban[data-v-bf899238] {
22671
23236
  display: flex;
22672
23237
  flex-direction: column;
22673
23238
  gap: 12px;
22674
23239
  }
22675
- .cn-deck-tab__column[data-v-d4b5abb2] {
23240
+ .cn-deck-tab__column[data-v-bf899238] {
22676
23241
  display: flex;
22677
23242
  flex-direction: column;
22678
23243
  gap: 6px;
@@ -22680,25 +23245,25 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22680
23245
  border-radius: var(--border-radius);
22681
23246
  background: var(--color-background-hover);
22682
23247
  }
22683
- .cn-deck-tab__column-header[data-v-d4b5abb2] {
23248
+ .cn-deck-tab__column-header[data-v-bf899238] {
22684
23249
  display: flex;
22685
23250
  align-items: center;
22686
23251
  justify-content: space-between;
22687
23252
  gap: 8px;
22688
23253
  padding: 0 2px;
22689
23254
  }
22690
- .cn-deck-tab__column-title[data-v-d4b5abb2] {
23255
+ .cn-deck-tab__column-title[data-v-bf899238] {
22691
23256
  font-weight: 600;
22692
23257
  color: var(--color-main-text);
22693
23258
  }
22694
- .cn-deck-tab__column-count[data-v-d4b5abb2] {
23259
+ .cn-deck-tab__column-count[data-v-bf899238] {
22695
23260
  font-size: 0.75em;
22696
23261
  color: var(--color-text-maxcontrast);
22697
23262
  background: var(--color-background-dark);
22698
23263
  padding: 1px 6px;
22699
23264
  border-radius: 8px;
22700
23265
  }
22701
- .cn-deck-tab__column-list[data-v-d4b5abb2] {
23266
+ .cn-deck-tab__column-list[data-v-bf899238] {
22702
23267
  list-style: none;
22703
23268
  margin: 0;
22704
23269
  padding: 0;
@@ -22706,7 +23271,7 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22706
23271
  flex-direction: column;
22707
23272
  gap: 4px;
22708
23273
  }
22709
- .cn-deck-tab__card[data-v-d4b5abb2] {
23274
+ .cn-deck-tab__card[data-v-bf899238] {
22710
23275
  display: flex;
22711
23276
  flex-direction: column;
22712
23277
  gap: 5px;
@@ -22717,14 +23282,14 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22717
23282
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
22718
23283
  transition: box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;
22719
23284
  }
22720
- .cn-deck-tab__card[data-v-d4b5abb2]:hover {
23285
+ .cn-deck-tab__card[data-v-bf899238]:hover {
22721
23286
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
22722
23287
  border-color: var(--color-border-dark);
22723
23288
  }
22724
- .cn-deck-tab__card--overdue[data-v-d4b5abb2] {
23289
+ .cn-deck-tab__card--overdue[data-v-bf899238] {
22725
23290
  border-color: var(--color-error);
22726
23291
  }
22727
- .cn-deck-tab__card-board[data-v-d4b5abb2] {
23292
+ .cn-deck-tab__card-board[data-v-bf899238] {
22728
23293
  display: inline-flex;
22729
23294
  align-items: center;
22730
23295
  gap: 3px;
@@ -22740,7 +23305,7 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22740
23305
  text-overflow: ellipsis;
22741
23306
  white-space: nowrap;
22742
23307
  }
22743
- .cn-deck-tab__card-title[data-v-d4b5abb2] {
23308
+ .cn-deck-tab__card-title[data-v-bf899238] {
22744
23309
  color: var(--color-main-text);
22745
23310
  text-decoration: none;
22746
23311
  font-weight: 600;
@@ -22748,17 +23313,17 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22748
23313
  text-overflow: ellipsis;
22749
23314
  white-space: nowrap;
22750
23315
  }
22751
- a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
23316
+ a.cn-deck-tab__card-title[data-v-bf899238]:hover {
22752
23317
  text-decoration: underline;
22753
23318
  }
22754
- .cn-deck-tab__card-labels[data-v-d4b5abb2] {
23319
+ .cn-deck-tab__card-labels[data-v-bf899238] {
22755
23320
  display: flex;
22756
23321
  flex-wrap: wrap;
22757
23322
  gap: 4px;
22758
23323
  }
22759
23324
 
22760
23325
  /* Deck label chips: solid card-label colour with a readable text shade. */
22761
- .cn-deck-tab__chip[data-v-d4b5abb2] {
23326
+ .cn-deck-tab__chip[data-v-bf899238] {
22762
23327
  display: inline-block;
22763
23328
  max-width: 100%;
22764
23329
  padding: 1px 8px;
@@ -22772,7 +23337,7 @@ a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
22772
23337
  text-overflow: ellipsis;
22773
23338
  white-space: nowrap;
22774
23339
  }
22775
- .cn-deck-tab__card-footer[data-v-d4b5abb2] {
23340
+ .cn-deck-tab__card-footer[data-v-bf899238] {
22776
23341
  display: flex;
22777
23342
  align-items: center;
22778
23343
  justify-content: space-between;
@@ -22780,24 +23345,24 @@ a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
22780
23345
  flex-wrap: wrap;
22781
23346
  margin-top: 2px;
22782
23347
  }
22783
- .cn-deck-tab__due-icon[data-v-d4b5abb2] {
23348
+ .cn-deck-tab__due-icon[data-v-bf899238] {
22784
23349
  display: inline-flex;
22785
23350
  margin-right: 2px;
22786
23351
  vertical-align: text-bottom;
22787
23352
  }
22788
- .cn-deck-tab__avatars[data-v-d4b5abb2] {
23353
+ .cn-deck-tab__avatars[data-v-bf899238] {
22789
23354
  display: flex;
22790
23355
  align-items: center;
22791
23356
  margin-left: auto;
22792
23357
  }
22793
- .cn-deck-tab__avatar[data-v-d4b5abb2] {
23358
+ .cn-deck-tab__avatar[data-v-bf899238] {
22794
23359
  border: 2px solid var(--color-main-background);
22795
23360
  border-radius: 50%;
22796
23361
  }
22797
- .cn-deck-tab__avatar[data-v-d4b5abb2]:not(:first-child) {
23362
+ .cn-deck-tab__avatar[data-v-bf899238]:not(:first-child) {
22798
23363
  margin-left: -8px;
22799
23364
  }
22800
- .cn-deck-tab__avatar-overflow[data-v-d4b5abb2] {
23365
+ .cn-deck-tab__avatar-overflow[data-v-bf899238] {
22801
23366
  display: inline-flex;
22802
23367
  align-items: center;
22803
23368
  justify-content: center;
@@ -23557,7 +24122,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23557
24122
  }
23558
24123
 
23559
24124
 
23560
- .cn-files-browser[data-v-ebaa2c0e] {
24125
+ .cn-files-browser[data-v-5246192c] {
23561
24126
  display: flex;
23562
24127
  flex-direction: column;
23563
24128
  gap: 8px;
@@ -23565,22 +24130,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23565
24130
  position: relative;
23566
24131
  border-radius: var(--border-radius-large, 8px);
23567
24132
  }
23568
- .cn-files-browser--dragging[data-v-ebaa2c0e] {
24133
+ .cn-files-browser--dragging[data-v-5246192c] {
23569
24134
  outline: 2px dashed var(--color-primary-element);
23570
24135
  outline-offset: 4px;
23571
24136
  }
23572
24137
 
23573
24138
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
23574
24139
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
23575
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ebaa2c0e] {
24140
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-5246192c] {
23576
24141
  min-height: max(320px, 100%);
23577
24142
  }
23578
- .cn-files-browser__drop-detail[data-v-ebaa2c0e] {
24143
+ .cn-files-browser__drop-detail[data-v-5246192c] {
23579
24144
  max-width: 520px;
23580
24145
  font-size: 14px;
23581
24146
  color: var(--color-main-text);
23582
24147
  }
23583
- .cn-files-browser__drop-overlay[data-v-ebaa2c0e] {
24148
+ .cn-files-browser__drop-overlay[data-v-5246192c] {
23584
24149
  position: absolute;
23585
24150
  inset: 0;
23586
24151
  z-index: 2;
@@ -23598,7 +24163,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23598
24163
  text-align: center;
23599
24164
  pointer-events: none;
23600
24165
  }
23601
- .cn-files-browser__drop-icon[data-v-ebaa2c0e] {
24166
+ .cn-files-browser__drop-icon[data-v-5246192c] {
23602
24167
  display: flex;
23603
24168
  align-items: center;
23604
24169
  justify-content: center;
@@ -23608,11 +24173,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23608
24173
  background: var(--color-main-background);
23609
24174
  color: var(--color-primary-element);
23610
24175
  }
23611
- .cn-files-browser__drop-label[data-v-ebaa2c0e] {
24176
+ .cn-files-browser__drop-label[data-v-5246192c] {
23612
24177
  font-size: 20px;
23613
24178
  font-weight: 700;
23614
24179
  }
23615
- .cn-files-browser__drop-hint[data-v-ebaa2c0e] {
24180
+ .cn-files-browser__drop-hint[data-v-5246192c] {
23616
24181
  display: flex;
23617
24182
  align-items: center;
23618
24183
  gap: 8px;
@@ -23622,14 +24187,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23622
24187
  font-size: 13px;
23623
24188
  color: var(--color-text-maxcontrast);
23624
24189
  }
23625
- .cn-files-browser__bar[data-v-ebaa2c0e] {
24190
+ .cn-files-browser__bar[data-v-5246192c] {
23626
24191
  display: flex;
23627
24192
  align-items: center;
23628
24193
  justify-content: space-between;
23629
24194
  gap: 8px;
23630
24195
  min-width: 0;
23631
24196
  }
23632
- .cn-files-browser__crumbs[data-v-ebaa2c0e] {
24197
+ .cn-files-browser__crumbs[data-v-5246192c] {
23633
24198
  min-width: 0;
23634
24199
  flex: 1 1 auto;
23635
24200
  }
@@ -23637,13 +24202,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23637
24202
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23638
24203
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23639
24204
  kept their width. */
23640
- .cn-files-browser__bar[data-v-ebaa2c0e] > :not(.cn-files-browser__crumbs) {
24205
+ .cn-files-browser__bar[data-v-5246192c] > :not(.cn-files-browser__crumbs) {
23641
24206
  flex-shrink: 0;
23642
24207
  }
23643
- .cn-files-browser__file-input[data-v-ebaa2c0e] {
24208
+ .cn-files-browser__file-input[data-v-5246192c] {
23644
24209
  display: none;
23645
24210
  }
23646
- .cn-files-browser__uploads[data-v-ebaa2c0e] {
24211
+ .cn-files-browser__uploads[data-v-5246192c] {
23647
24212
  list-style: none;
23648
24213
  margin: 0;
23649
24214
  padding: 0;
@@ -23651,35 +24216,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23651
24216
  flex-direction: column;
23652
24217
  gap: 4px;
23653
24218
  }
23654
- .cn-files-browser__upload[data-v-ebaa2c0e] {
24219
+ .cn-files-browser__upload[data-v-5246192c] {
23655
24220
  display: flex;
23656
24221
  flex-direction: column;
23657
24222
  gap: 2px;
23658
24223
  }
23659
- .cn-files-browser__upload-name[data-v-ebaa2c0e] {
24224
+ .cn-files-browser__upload-name[data-v-5246192c] {
23660
24225
  font-size: 13px;
23661
24226
  }
23662
- .cn-files-browser__upload-error[data-v-ebaa2c0e] {
24227
+ .cn-files-browser__upload-error[data-v-5246192c] {
23663
24228
  color: var(--color-error);
23664
24229
  font-size: 13px;
23665
24230
  }
23666
- .cn-files-browser__loading[data-v-ebaa2c0e] {
24231
+ .cn-files-browser__loading[data-v-5246192c] {
23667
24232
  padding: 24px 0;
23668
24233
  }
23669
24234
 
23670
24235
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23671
- .cn-files-browser__body--with-side[data-v-ebaa2c0e] {
24236
+ .cn-files-browser__body--with-side[data-v-5246192c] {
23672
24237
  display: grid;
23673
24238
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23674
24239
  align-items: start;
23675
24240
  gap: 16px;
23676
24241
  }
23677
24242
  @media (max-width: 900px) {
23678
- .cn-files-browser__body--with-side[data-v-ebaa2c0e] {
24243
+ .cn-files-browser__body--with-side[data-v-5246192c] {
23679
24244
  grid-template-columns: minmax(0, 1fr);
23680
24245
  }
23681
24246
  }
23682
- .cn-files-browser__side[data-v-ebaa2c0e] {
24247
+ .cn-files-browser__side[data-v-5246192c] {
23683
24248
  display: flex;
23684
24249
  flex-direction: column;
23685
24250
  gap: 12px;
@@ -23687,14 +24252,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23687
24252
 
23688
24253
  /* In the detail page's side column the cards take its gap and its card
23689
24254
  anatomy, as the page's own side cards are drawn. */
23690
- .cn-files-browser__side--in-page[data-v-ebaa2c0e] {
24255
+ .cn-files-browser__side--in-page[data-v-5246192c] {
23691
24256
  gap: calc(5 * var(--default-grid-baseline));
23692
24257
  }
23693
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ebaa2c0e] {
24258
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-5246192c] {
23694
24259
  padding: var(--cn-board-card-padding, 16px 18px);
23695
24260
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23696
24261
  }
23697
- .cn-files-browser__side-card[data-v-ebaa2c0e] {
24262
+ .cn-files-browser__side-card[data-v-5246192c] {
23698
24263
  display: flex;
23699
24264
  flex-direction: column;
23700
24265
  gap: 10px;
@@ -23703,13 +24268,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23703
24268
  border-radius: var(--border-radius-large);
23704
24269
  background: var(--color-main-background);
23705
24270
  }
23706
- .cn-files-browser__side-title[data-v-ebaa2c0e] {
24271
+ .cn-files-browser__side-title[data-v-5246192c] {
23707
24272
  margin: 0;
23708
24273
  font-size: 15px;
23709
24274
  font-weight: 700;
23710
24275
  overflow-wrap: anywhere;
23711
24276
  }
23712
- .cn-files-browser__side-facts[data-v-ebaa2c0e] {
24277
+ .cn-files-browser__side-facts[data-v-5246192c] {
23713
24278
  display: grid;
23714
24279
  grid-template-columns: max-content minmax(0, 1fr);
23715
24280
  gap: 6px 12px;
@@ -23719,22 +24284,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23719
24284
 
23720
24285
  /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
23721
24286
  @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
23722
- .cn-files-browser__side-facts dt[data-v-ebaa2c0e],
23723
- .cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
24287
+ .cn-files-browser__side-facts dt[data-v-5246192c],
24288
+ .cn-files-browser__side-facts dd[data-v-5246192c] {
23724
24289
  display: block;
23725
24290
  width: auto;
23726
24291
  padding: 0;
23727
24292
  text-align: start;
23728
24293
  white-space: normal;
23729
24294
  }
23730
- .cn-files-browser__side-facts dt[data-v-ebaa2c0e] {
24295
+ .cn-files-browser__side-facts dt[data-v-5246192c] {
23731
24296
  color: var(--color-text-maxcontrast);
23732
24297
  }
23733
- .cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
24298
+ .cn-files-browser__side-facts dd[data-v-5246192c] {
23734
24299
  margin: 0;
23735
24300
  overflow-wrap: anywhere;
23736
24301
  }
23737
- .cn-files-browser__side-actions[data-v-ebaa2c0e] {
24302
+ .cn-files-browser__side-actions[data-v-5246192c] {
23738
24303
  display: flex;
23739
24304
  flex-wrap: wrap;
23740
24305
  gap: 8px;
@@ -23742,35 +24307,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23742
24307
 
23743
24308
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23744
24309
  text in the tone's colour, as the boards write a restricted level. */
23745
- .cn-files-browser__tone[data-v-ebaa2c0e] {
24310
+ .cn-files-browser__tone[data-v-5246192c] {
23746
24311
  font-weight: 600;
23747
24312
  }
23748
- .cn-files-browser__tone--success[data-v-ebaa2c0e] {
24313
+ .cn-files-browser__tone--success[data-v-5246192c] {
23749
24314
  color: var(--color-success-text, var(--color-success));
23750
24315
  }
23751
- .cn-files-browser__tone--warning[data-v-ebaa2c0e] {
24316
+ .cn-files-browser__tone--warning[data-v-5246192c] {
23752
24317
  color: var(--color-warning-text, var(--color-warning));
23753
24318
  }
23754
- .cn-files-browser__tone--error[data-v-ebaa2c0e] {
24319
+ .cn-files-browser__tone--error[data-v-5246192c] {
23755
24320
  color: var(--color-error-text, var(--color-error));
23756
24321
  }
23757
- .cn-files-browser__tone--primary[data-v-ebaa2c0e],
23758
- .cn-files-browser__tone--info[data-v-ebaa2c0e] {
24322
+ .cn-files-browser__tone--primary[data-v-5246192c],
24323
+ .cn-files-browser__tone--info[data-v-5246192c] {
23759
24324
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23760
24325
  }
23761
- .cn-files-browser__table[data-v-ebaa2c0e] {
24326
+ .cn-files-browser__table[data-v-5246192c] {
23762
24327
  width: 100%;
23763
24328
  border-collapse: collapse;
23764
24329
  table-layout: fixed;
23765
24330
  }
23766
- .cn-files-browser__table th[data-v-ebaa2c0e] {
24331
+ .cn-files-browser__table th[data-v-5246192c] {
23767
24332
  text-align: start;
23768
24333
  font-weight: normal;
23769
24334
  color: var(--color-text-maxcontrast);
23770
24335
  padding: 4px 8px;
23771
24336
  border-bottom: 1px solid var(--color-border);
23772
24337
  }
23773
- .cn-files-browser__sort[data-v-ebaa2c0e] {
24338
+ .cn-files-browser__sort[data-v-5246192c] {
23774
24339
  background: none;
23775
24340
  border: none;
23776
24341
  padding: 0;
@@ -23781,46 +24346,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23781
24346
  align-items: center;
23782
24347
  gap: 2px;
23783
24348
  }
23784
- .cn-files-browser__sort[data-v-ebaa2c0e]:hover,
23785
- .cn-files-browser__sort[data-v-ebaa2c0e]:focus-visible {
24349
+ .cn-files-browser__sort[data-v-5246192c]:hover,
24350
+ .cn-files-browser__sort[data-v-5246192c]:focus-visible {
23786
24351
  color: var(--color-main-text);
23787
24352
  }
23788
- .cn-files-browser__row[data-v-ebaa2c0e] {
24353
+ .cn-files-browser__row[data-v-5246192c] {
23789
24354
  cursor: pointer;
23790
24355
  }
23791
- .cn-files-browser__row[data-v-ebaa2c0e]:hover,
23792
- .cn-files-browser__row[data-v-ebaa2c0e]:focus-within {
24356
+ .cn-files-browser__row[data-v-5246192c]:hover,
24357
+ .cn-files-browser__row[data-v-5246192c]:focus-within {
23793
24358
  background-color: var(--color-background-hover);
23794
24359
  }
23795
- .cn-files-browser__table td[data-v-ebaa2c0e] {
24360
+ .cn-files-browser__table td[data-v-5246192c] {
23796
24361
  padding: 4px 8px;
23797
24362
  border-bottom: 1px solid var(--color-border);
23798
24363
  vertical-align: middle;
23799
24364
  }
23800
- .cn-files-browser__col-icon[data-v-ebaa2c0e] {
24365
+ .cn-files-browser__col-icon[data-v-5246192c] {
23801
24366
  width: 48px;
23802
24367
  }
23803
- .cn-files-browser__col-size[data-v-ebaa2c0e] {
24368
+ .cn-files-browser__col-size[data-v-5246192c] {
23804
24369
  width: 96px;
23805
24370
  white-space: nowrap;
23806
24371
  color: var(--color-text-maxcontrast);
23807
24372
  }
23808
- .cn-files-browser__col-mtime[data-v-ebaa2c0e] {
24373
+ .cn-files-browser__col-mtime[data-v-5246192c] {
23809
24374
  width: 140px;
23810
24375
  white-space: nowrap;
23811
24376
  color: var(--color-text-maxcontrast);
23812
24377
  }
23813
- .cn-files-browser__col-select[data-v-ebaa2c0e] {
24378
+ .cn-files-browser__col-select[data-v-5246192c] {
23814
24379
  width: 36px;
23815
24380
  text-align: center;
23816
24381
  }
23817
- .cn-files-browser__select[data-v-ebaa2c0e] {
24382
+ .cn-files-browser__select[data-v-5246192c] {
23818
24383
  width: 18px;
23819
24384
  height: 18px;
23820
24385
  margin: 0;
23821
24386
  accent-color: var(--color-primary-element);
23822
24387
  }
23823
- .cn-files-browser__bulk-bar[data-v-ebaa2c0e] {
24388
+ .cn-files-browser__bulk-bar[data-v-5246192c] {
23824
24389
  display: flex;
23825
24390
  flex-wrap: wrap;
23826
24391
  align-items: center;
@@ -23829,11 +24394,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23829
24394
  border-radius: var(--border-radius-large);
23830
24395
  background: var(--color-primary-element-light);
23831
24396
  }
23832
- .cn-files-browser__bulk-count[data-v-ebaa2c0e] {
24397
+ .cn-files-browser__bulk-count[data-v-5246192c] {
23833
24398
  font-weight: 600;
23834
24399
  margin-inline-end: 8px;
23835
24400
  }
23836
- .cn-files-browser__review[data-v-ebaa2c0e] {
24401
+ .cn-files-browser__review[data-v-5246192c] {
23837
24402
  display: flex;
23838
24403
  flex-direction: column;
23839
24404
  gap: 10px;
@@ -23842,28 +24407,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23842
24407
  border-radius: 10px;
23843
24408
  background: var(--color-background-hover);
23844
24409
  }
23845
- .cn-files-browser__review-head[data-v-ebaa2c0e] {
24410
+ .cn-files-browser__review-head[data-v-5246192c] {
23846
24411
  display: flex;
23847
24412
  flex-wrap: wrap;
23848
24413
  align-items: baseline;
23849
24414
  justify-content: space-between;
23850
24415
  gap: 8px;
23851
24416
  }
23852
- .cn-files-browser__review-title[data-v-ebaa2c0e] {
24417
+ .cn-files-browser__review-title[data-v-5246192c] {
23853
24418
  font-size: 15px;
23854
24419
  }
23855
- .cn-files-browser__review-sub[data-v-ebaa2c0e] {
24420
+ .cn-files-browser__review-sub[data-v-5246192c] {
23856
24421
  color: var(--color-text-maxcontrast);
23857
24422
  font-size: 13px;
23858
24423
  }
23859
- .cn-files-browser__review-bar[data-v-ebaa2c0e] {
24424
+ .cn-files-browser__review-bar[data-v-5246192c] {
23860
24425
  display: flex;
23861
24426
  height: 8px;
23862
24427
  overflow: hidden;
23863
24428
  border-radius: 4px;
23864
24429
  background: var(--color-border);
23865
24430
  }
23866
- .cn-files-browser__review-legend[data-v-ebaa2c0e] {
24431
+ .cn-files-browser__review-legend[data-v-5246192c] {
23867
24432
  display: flex;
23868
24433
  flex-wrap: wrap;
23869
24434
  gap: 8px 18px;
@@ -23872,48 +24437,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23872
24437
  font-size: 14px;
23873
24438
  list-style: none;
23874
24439
  }
23875
- .cn-files-browser__review-legend li[data-v-ebaa2c0e] {
24440
+ .cn-files-browser__review-legend li[data-v-5246192c] {
23876
24441
  display: inline-flex;
23877
24442
  align-items: center;
23878
24443
  gap: 8px;
23879
24444
  }
23880
- .cn-files-browser__review-dot[data-v-ebaa2c0e] {
24445
+ .cn-files-browser__review-dot[data-v-5246192c] {
23881
24446
  width: 10px;
23882
24447
  height: 10px;
23883
24448
  border-radius: 5px;
23884
24449
  }
23885
- .cn-files-browser__review-part--success[data-v-ebaa2c0e] {
24450
+ .cn-files-browser__review-part--success[data-v-5246192c] {
23886
24451
  background: var(--color-success-text, var(--color-success));
23887
24452
  }
23888
- .cn-files-browser__review-part--warning[data-v-ebaa2c0e] {
24453
+ .cn-files-browser__review-part--warning[data-v-5246192c] {
23889
24454
  background: var(--color-warning);
23890
24455
  }
23891
- .cn-files-browser__review-part--error[data-v-ebaa2c0e] {
24456
+ .cn-files-browser__review-part--error[data-v-5246192c] {
23892
24457
  background: var(--color-error-text, var(--color-error));
23893
24458
  }
23894
- .cn-files-browser__review-part--info[data-v-ebaa2c0e] {
24459
+ .cn-files-browser__review-part--info[data-v-5246192c] {
23895
24460
  background: var(--color-primary-element);
23896
24461
  }
23897
- .cn-files-browser__review-part--default[data-v-ebaa2c0e] {
24462
+ .cn-files-browser__review-part--default[data-v-5246192c] {
23898
24463
  background: var(--color-border-dark);
23899
24464
  }
23900
- .cn-files-browser__row-button[data-v-ebaa2c0e] {
24465
+ .cn-files-browser__row-button[data-v-5246192c] {
23901
24466
  display: inline-flex;
23902
24467
  margin-inline-end: 8px;
23903
24468
  vertical-align: middle;
23904
24469
  }
23905
- .cn-files-browser__facets[data-v-ebaa2c0e] {
24470
+ .cn-files-browser__facets[data-v-5246192c] {
23906
24471
  display: flex;
23907
24472
  flex-wrap: wrap;
23908
24473
  align-items: center;
23909
24474
  gap: 8px 16px;
23910
24475
  }
23911
- .cn-files-browser__facet[data-v-ebaa2c0e] {
24476
+ .cn-files-browser__facet[data-v-5246192c] {
23912
24477
  display: flex;
23913
24478
  flex-wrap: wrap;
23914
24479
  gap: 6px;
23915
24480
  }
23916
- .cn-files-browser__facet-chip[data-v-ebaa2c0e] {
24481
+ .cn-files-browser__facet-chip[data-v-5246192c] {
23917
24482
  display: inline-flex;
23918
24483
  align-items: center;
23919
24484
  gap: 6px;
@@ -23925,41 +24490,53 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23925
24490
  color: var(--color-main-text);
23926
24491
  cursor: pointer;
23927
24492
  }
23928
- .cn-files-browser__facet-chip--active[data-v-ebaa2c0e] {
24493
+ .cn-files-browser__facet-chip--active[data-v-5246192c] {
23929
24494
  border-color: var(--color-primary-element);
23930
24495
  background: var(--color-primary-element-light);
23931
24496
  }
23932
- .cn-files-browser__group-heading[data-v-ebaa2c0e] {
24497
+ .cn-files-browser__group-heading[data-v-5246192c] {
23933
24498
  padding: 12px 8px 4px;
23934
24499
  text-align: start;
23935
24500
  font-weight: 700;
23936
24501
  }
23937
- .cn-files-browser__group-count[data-v-ebaa2c0e] {
24502
+ .cn-files-browser__group-count[data-v-5246192c] {
23938
24503
  margin-inline-start: 6px;
23939
24504
  font-weight: 400;
23940
24505
  color: var(--color-text-maxcontrast);
23941
24506
  }
23942
- .cn-files-browser__no-match[data-v-ebaa2c0e] {
24507
+ .cn-files-browser__no-match[data-v-5246192c] {
23943
24508
  padding: 16px 8px;
23944
24509
  color: var(--color-text-maxcontrast);
23945
24510
  }
23946
- .cn-files-browser__col-actions[data-v-ebaa2c0e] {
24511
+ .cn-files-browser__col-actions[data-v-5246192c] {
23947
24512
  width: 48px;
23948
24513
  white-space: nowrap;
23949
24514
  }
23950
- .cn-files-browser__col-actions[data-v-ebaa2c0e]:has(.cn-files-browser__row-button) {
24515
+ .cn-files-browser__col-actions[data-v-5246192c]:has(.cn-files-browser__row-button) {
23951
24516
  width: auto;
23952
24517
  }
23953
- .cn-files-browser__col-name[data-v-ebaa2c0e] {
24518
+
24519
+ /* The row button and the row menu stand side by side on one line, not
24520
+ stacked (DqZaakDocumenten: Beoordelen, then the menu, 14px apart).
24521
+ @spec openspec/changes/files-row-button-beside-menu/specs/files-row-button-beside-menu/spec.md#requirement-a-files-row-button-stands-beside-the-row-menu */
24522
+ .cn-files-browser__col-actions > .cn-files-browser__row-button[data-v-5246192c],
24523
+ .cn-files-browser__col-actions > .cn-files-browser__row-menu[data-v-5246192c] {
24524
+ display: inline-flex;
24525
+ vertical-align: middle;
24526
+ }
24527
+ .cn-files-browser__col-actions > .cn-files-browser__row-button + .cn-files-browser__row-menu[data-v-5246192c] {
24528
+ margin-inline-start: 14px;
24529
+ }
24530
+ .cn-files-browser__col-name[data-v-5246192c] {
23954
24531
  min-width: 0;
23955
24532
  }
23956
- .cn-files-browser__name[data-v-ebaa2c0e] {
24533
+ .cn-files-browser__name[data-v-5246192c] {
23957
24534
  display: block;
23958
24535
  overflow: hidden;
23959
24536
  text-overflow: ellipsis;
23960
24537
  white-space: nowrap;
23961
24538
  }
23962
- .cn-files-browser__name-secondary[data-v-ebaa2c0e] {
24539
+ .cn-files-browser__name-secondary[data-v-5246192c] {
23963
24540
  display: block;
23964
24541
  overflow: hidden;
23965
24542
  color: var(--color-text-maxcontrast);
@@ -23967,41 +24544,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23967
24544
  text-overflow: ellipsis;
23968
24545
  white-space: nowrap;
23969
24546
  }
23970
- .cn-files-browser__footnote[data-v-ebaa2c0e] {
24547
+ .cn-files-browser__footnote[data-v-5246192c] {
23971
24548
  margin: 0;
23972
24549
  padding-top: 12px;
23973
24550
  color: var(--color-text-maxcontrast);
23974
24551
  font-size: 13px;
23975
24552
  }
23976
- .cn-files-browser__row--linked[data-v-ebaa2c0e] {
24553
+ .cn-files-browser__row--linked[data-v-5246192c] {
23977
24554
  color: var(--color-text-maxcontrast);
23978
24555
  }
23979
- .cn-files-browser__note[data-v-ebaa2c0e] {
24556
+ .cn-files-browser__note[data-v-5246192c] {
23980
24557
  color: var(--color-text-maxcontrast);
23981
24558
  display: block;
23982
24559
  font-size: var(--font-size-small, 13px);
23983
24560
  }
23984
- .cn-files-browser__note-link[data-v-ebaa2c0e] {
24561
+ .cn-files-browser__note-link[data-v-5246192c] {
23985
24562
  color: inherit;
23986
24563
  text-decoration: underline;
23987
24564
  }
23988
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-ebaa2c0e] {
24565
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-5246192c] {
23989
24566
  font-weight: 600;
23990
24567
  }
23991
- .cn-files-browser__mime[data-v-ebaa2c0e],
23992
- .cn-files-browser__thumb[data-v-ebaa2c0e] {
24568
+ .cn-files-browser__mime[data-v-5246192c],
24569
+ .cn-files-browser__thumb[data-v-5246192c] {
23993
24570
  width: 32px;
23994
24571
  height: 32px;
23995
24572
  display: block;
23996
24573
  }
23997
- .cn-files-browser__thumb[data-v-ebaa2c0e] {
24574
+ .cn-files-browser__thumb[data-v-5246192c] {
23998
24575
  object-fit: cover;
23999
24576
  border-radius: var(--border-radius, 4px);
24000
24577
  }
24001
- .cn-files-browser__new-folder[data-v-ebaa2c0e] {
24578
+ .cn-files-browser__new-folder[data-v-5246192c] {
24002
24579
  padding: 8px 0;
24003
24580
  }
24004
- .hidden-visually[data-v-ebaa2c0e] {
24581
+ .hidden-visually[data-v-5246192c] {
24005
24582
  position: absolute;
24006
24583
  width: 1px;
24007
24584
  height: 1px;
@@ -25199,91 +25776,94 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
25199
25776
  }
25200
25777
 
25201
25778
 
25202
- .cn-notes-card__add-form[data-v-c992fa30] {
25779
+ .cn-notes-card__add-form[data-v-b206c0bc] {
25203
25780
  margin-bottom: 12px;
25204
25781
  }
25205
- .cn-notes-card__textarea[data-v-c992fa30] {
25782
+ .cn-notes-card__textarea[data-v-b206c0bc] {
25206
25783
  width: 100%;
25207
25784
  margin-bottom: 8px;
25208
25785
  box-sizing: border-box;
25209
25786
  }
25210
- .cn-notes-card__replying[data-v-c992fa30] {
25787
+ .cn-notes-card__replying[data-v-b206c0bc] {
25211
25788
  display: flex;
25212
25789
  align-items: center;
25213
25790
  justify-content: space-between;
25214
25791
  margin: 0 0 4px;
25215
25792
  color: var(--color-text-maxcontrast);
25216
25793
  }
25217
- .cn-notes-card__note--reply[data-v-c992fa30] {
25794
+ .cn-notes-card__note--reply[data-v-b206c0bc] {
25218
25795
  margin-inline-start: 24px;
25219
25796
  }
25220
- .cn-notes-card__quote[data-v-c992fa30] {
25797
+ .cn-notes-card__quote[data-v-b206c0bc] {
25221
25798
  margin: 0 0 2px;
25222
25799
  padding-inline-start: 8px;
25223
25800
  border-inline-start: 2px solid var(--color-border-dark);
25224
25801
  color: var(--color-text-maxcontrast);
25225
25802
  font-size: 0.9em;
25226
25803
  }
25227
- .cn-notes-card__empty[data-v-c992fa30] {
25804
+ .cn-notes-card__empty[data-v-b206c0bc] {
25228
25805
  text-align: center;
25229
25806
  padding: 16px 12px;
25230
25807
  color: var(--color-text-maxcontrast);
25231
25808
  font-size: 13px;
25232
25809
  }
25233
- .cn-notes-card__list[data-v-c992fa30] {
25810
+ .cn-notes-card__list[data-v-b206c0bc] {
25234
25811
  display: flex;
25235
25812
  flex-direction: column;
25236
25813
  }
25237
- .cn-notes-card__note[data-v-c992fa30] {
25814
+ .cn-notes-card__note[data-v-b206c0bc] {
25238
25815
  padding: 10px 0;
25239
25816
  border-bottom: 1px solid var(--color-border);
25240
25817
  position: relative;
25241
25818
  }
25242
- .cn-notes-card__note[data-v-c992fa30]:last-child {
25819
+ .cn-notes-card__note[data-v-b206c0bc]:last-child {
25243
25820
  border-bottom: none;
25244
25821
  }
25245
- .cn-notes-card__note-header[data-v-c992fa30] {
25822
+ .cn-notes-card__initials[data-v-b206c0bc] {
25823
+ display: none;
25824
+ }
25825
+ .cn-notes-card__note-header[data-v-b206c0bc] {
25246
25826
  display: flex;
25247
25827
  justify-content: space-between;
25248
25828
  align-items: baseline;
25249
25829
  margin-bottom: 4px;
25250
25830
  }
25251
- .cn-notes-card__author[data-v-c992fa30] {
25831
+ .cn-notes-card__author[data-v-b206c0bc] {
25252
25832
  font-size: 13px;
25253
25833
  }
25254
- .cn-notes-card__author--self[data-v-c992fa30] {
25834
+ .cn-notes-card__author--self[data-v-b206c0bc] {
25255
25835
  color: var(--color-main-text);
25256
25836
  }
25257
- .cn-notes-card__visibility[data-v-c992fa30] {
25837
+ .cn-notes-card__visibility[data-v-b206c0bc] {
25258
25838
  display: flex;
25259
25839
  align-items: center;
25260
25840
  gap: 8px;
25261
25841
  margin-bottom: 4px;
25262
25842
  }
25263
- .cn-notes-card__time[data-v-c992fa30] {
25843
+ .cn-notes-card__time[data-v-b206c0bc] {
25264
25844
  font-size: 11px;
25265
25845
  color: var(--color-text-maxcontrast);
25266
25846
  flex-shrink: 0;
25267
25847
  margin-left: 8px;
25268
25848
  }
25269
- .cn-notes-card__body[data-v-c992fa30] {
25849
+ .cn-notes-card__body[data-v-b206c0bc] {
25270
25850
  font-size: 13px;
25271
25851
  margin: 0;
25272
25852
  white-space: pre-wrap;
25273
25853
  overflow-wrap: anywhere;
25274
25854
  padding-right: 32px;
25275
25855
  }
25276
- .cn-notes-card__delete-btn[data-v-c992fa30] {
25856
+ .cn-notes-card__delete-btn[data-v-b206c0bc] {
25277
25857
  position: absolute;
25278
25858
  top: 8px;
25279
25859
  right: -4px;
25280
25860
  opacity: 0;
25281
25861
  transition: opacity 0.15s ease;
25282
25862
  }
25283
- .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-c992fa30] {
25863
+ .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-b206c0bc] {
25284
25864
  opacity: 1;
25285
25865
  }
25286
- .cn-notes-card__show-all[data-v-c992fa30] {
25866
+ .cn-notes-card__show-all[data-v-b206c0bc] {
25287
25867
  background: none;
25288
25868
  border: none;
25289
25869
  color: var(--color-primary-element);
@@ -25294,7 +25874,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
25294
25874
  width: 100%;
25295
25875
  text-align: center;
25296
25876
  }
25297
- .cn-notes-card__show-all[data-v-c992fa30]:hover {
25877
+ .cn-notes-card__show-all[data-v-b206c0bc]:hover {
25298
25878
  text-decoration: underline;
25299
25879
  }
25300
25880
 
@@ -29395,35 +29975,35 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29395
29975
  }
29396
29976
 
29397
29977
 
29398
- .cn-retention[data-v-5415dbb4] {
29978
+ .cn-retention[data-v-912351be] {
29399
29979
  display: flex;
29400
29980
  flex-direction: column;
29401
29981
  gap: 16px;
29402
29982
  }
29403
- .cn-retention__head[data-v-5415dbb4] {
29983
+ .cn-retention__head[data-v-912351be] {
29404
29984
  display: flex;
29405
29985
  flex-wrap: wrap;
29406
29986
  align-items: flex-start;
29407
29987
  justify-content: space-between;
29408
29988
  gap: 10px 16px;
29409
29989
  }
29410
- .cn-retention__head-text[data-v-5415dbb4] {
29990
+ .cn-retention__head-text[data-v-912351be] {
29411
29991
  display: flex;
29412
29992
  flex: 1 1 260px;
29413
29993
  flex-direction: column;
29414
29994
  gap: 2px;
29415
29995
  min-width: 0;
29416
29996
  }
29417
- .cn-retention__title[data-v-5415dbb4] {
29997
+ .cn-retention__title[data-v-912351be] {
29418
29998
  margin: 0;
29419
29999
  font-size: 18px;
29420
30000
  font-weight: 700;
29421
30001
  }
29422
- .cn-retention__muted[data-v-5415dbb4] {
30002
+ .cn-retention__muted[data-v-912351be] {
29423
30003
  margin: 0;
29424
30004
  color: var(--color-text-maxcontrast);
29425
30005
  }
29426
- .cn-retention__facts[data-v-5415dbb4] {
30006
+ .cn-retention__facts[data-v-912351be] {
29427
30007
  display: grid;
29428
30008
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
29429
30009
  gap: 12px 24px;
@@ -29432,49 +30012,70 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29432
30012
 
29433
30013
  /* The server draws every dt as a 130px right-aligned inline block and pads
29434
30014
  dt and dd 12px; a fact is a label over its value. */
29435
- .cn-retention__fact dt[data-v-5415dbb4],
29436
- .cn-retention__fact dd[data-v-5415dbb4] {
30015
+ .cn-retention__fact dt[data-v-912351be],
30016
+ .cn-retention__fact dd[data-v-912351be] {
29437
30017
  display: block;
29438
30018
  width: auto;
29439
30019
  white-space: normal;
29440
30020
  text-align: start;
29441
30021
  }
29442
- .cn-retention__fact dt[data-v-5415dbb4] {
30022
+ .cn-retention__fact dt[data-v-912351be] {
29443
30023
  margin: 0;
29444
30024
  padding: 0;
29445
30025
  color: var(--color-text-maxcontrast);
29446
30026
  font-size: 13px;
29447
30027
  }
29448
- .cn-retention__fact dd[data-v-5415dbb4] {
30028
+ .cn-retention__fact dd[data-v-912351be] {
29449
30029
  margin: 0;
29450
30030
  padding: 0;
29451
30031
  font-weight: 600;
29452
30032
  }
29453
- .cn-retention__section[data-v-5415dbb4] {
30033
+ .cn-retention__section[data-v-912351be] {
29454
30034
  display: flex;
29455
30035
  flex-direction: column;
29456
30036
  gap: 4px;
29457
30037
  }
29458
- .cn-retention__rows[data-v-5415dbb4] {
30038
+ .cn-retention__rows[data-v-912351be] {
29459
30039
  margin: 0;
29460
30040
  padding: 0;
29461
30041
  list-style: none;
29462
30042
  }
29463
- .cn-retention__row[data-v-5415dbb4] {
30043
+ .cn-retention__row[data-v-912351be] {
29464
30044
  display: flex;
29465
30045
  align-items: center;
29466
30046
  justify-content: space-between;
29467
30047
  gap: 12px;
29468
- padding: 10px 0;
30048
+ padding: 12px 0;
29469
30049
  border-top: 1px solid var(--color-border);
29470
30050
  }
29471
- .cn-retention__row-text[data-v-5415dbb4] {
30051
+ .cn-retention__row-text[data-v-912351be] {
29472
30052
  display: flex;
30053
+ flex: 1 1 auto;
29473
30054
  flex-direction: column;
29474
30055
  gap: 2px;
29475
30056
  min-width: 0;
29476
30057
  }
29477
- .cn-retention__row-title[data-v-5415dbb4] {
30058
+
30059
+ /* A round mark before a hold or transfer row: LH (legal hold) on the error
30060
+ tint, ED (e-Depot) on the chip ground (DqZaakArchivering). */
30061
+ .cn-retention__mark[data-v-912351be] {
30062
+ display: inline-flex;
30063
+ flex: none;
30064
+ align-items: center;
30065
+ justify-content: center;
30066
+ width: 32px;
30067
+ height: 32px;
30068
+ border-radius: 16px;
30069
+ background: var(--color-background-dark);
30070
+ color: var(--color-text-maxcontrast);
30071
+ font-size: 12px;
30072
+ font-weight: 700;
30073
+ }
30074
+ .cn-retention__mark--hold[data-v-912351be] {
30075
+ background: var(--color-error-light, #fcedec);
30076
+ color: var(--color-error-text, #a30000);
30077
+ }
30078
+ .cn-retention__row-title[data-v-912351be] {
29478
30079
  font-weight: 600;
29479
30080
  }
29480
30081
 
@@ -30893,6 +31494,9 @@ a.cn-kpi-card--board * {
30893
31494
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) {
30894
31495
  --cn-kpi-stacked-padding: 20px 22px;
30895
31496
  --cn-kpi-stacked-gap: 8px;
31497
+ /* Its label is set at 600, as every board draws this tile (DqDashboard,
31498
+ DqMijnTeam, DqPersoonlijkeInstellingen); the plain stacked tile keeps 400. */
31499
+ --cn-kpi-stacked-title-weight: 600;
30896
31500
  }
30897
31501
 
30898
31502
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) .cn-kpi-card__value {
@@ -32031,7 +32635,7 @@ to { background-position: -200% 0;
32031
32635
 
32032
32636
 
32033
32637
  /* The card keeps its own box, footnote included. */
32034
- .cn-audit-trail-widget[data-v-3f7bbf0c] {
32638
+ .cn-audit-trail-widget[data-v-6387051e] {
32035
32639
  display: contents;
32036
32640
  }
32037
32641
 
@@ -32794,13 +33398,14 @@ to { background-position: -200% 0;
32794
33398
  }
32795
33399
 
32796
33400
 
32797
- .cn-saved-view-alert[data-v-05cd7cb8] {
33401
+ .cn-saved-view-alert[data-v-5f54dc93] {
32798
33402
  display: flex;
32799
33403
  flex-direction: column;
32800
33404
  gap: 12px;
32801
33405
  font-size: 14px;
32802
33406
  }
32803
- .cn-saved-view-alert__facts[data-v-05cd7cb8] {
33407
+ .cn-saved-view-alert__facts[data-v-5f54dc93] {
33408
+ padding: 0;
32804
33409
  display: grid;
32805
33410
  grid-template-columns: max-content 1fr;
32806
33411
  gap: 6px 16px;
@@ -32808,8 +33413,8 @@ to { background-position: -200% 0;
32808
33413
  }
32809
33414
 
32810
33415
  /* Nextcloud core gives dt and dd inline-block, 12px padding and dt a 130px end-aligned box. */
32811
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8],
32812
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33416
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93],
33417
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32813
33418
  display: block;
32814
33419
  width: auto;
32815
33420
  margin: 0;
@@ -32818,36 +33423,41 @@ to { background-position: -200% 0;
32818
33423
  min-width: 0;
32819
33424
  overflow-wrap: anywhere;
32820
33425
  }
32821
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8] {
33426
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93] {
32822
33427
  color: var(--color-text-maxcontrast);
32823
33428
  white-space: nowrap;
32824
33429
  }
32825
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33430
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32826
33431
  font-weight: 600;
32827
33432
  }
32828
- .cn-saved-view-alert__field[data-v-05cd7cb8] {
33433
+ .cn-saved-view-alert__field[data-v-5f54dc93] {
32829
33434
  display: flex;
32830
33435
  flex-direction: column;
32831
33436
  gap: 6px;
32832
33437
  }
32833
- .cn-saved-view-alert__label[data-v-05cd7cb8] {
33438
+ .cn-saved-view-alert__label[data-v-5f54dc93] {
32834
33439
  font-weight: 600;
32835
33440
  }
32836
- .cn-saved-view-alert__switch-text[data-v-05cd7cb8] {
33441
+
33442
+ /* The switch sits flush with the card edge, as the board draws it. */
33443
+ .cn-saved-view-alert[data-v-5f54dc93] .checkbox-radio-switch__content {
33444
+ padding: 0;
33445
+ }
33446
+ .cn-saved-view-alert__switch-text[data-v-5f54dc93] {
32837
33447
  display: flex;
32838
33448
  flex-direction: column;
32839
33449
  gap: 2px;
32840
33450
  }
32841
- .cn-saved-view-alert__hint[data-v-05cd7cb8],
32842
- .cn-saved-view-alert__empty[data-v-05cd7cb8] {
33451
+ .cn-saved-view-alert__hint[data-v-5f54dc93],
33452
+ .cn-saved-view-alert__empty[data-v-5f54dc93] {
32843
33453
  color: var(--color-text-maxcontrast);
32844
33454
  font-size: 13px;
32845
33455
  }
32846
- .cn-saved-view-alert__empty[data-v-05cd7cb8],
32847
- .cn-saved-view-alert__error[data-v-05cd7cb8] {
33456
+ .cn-saved-view-alert__empty[data-v-5f54dc93],
33457
+ .cn-saved-view-alert__error[data-v-5f54dc93] {
32848
33458
  margin: 0;
32849
33459
  }
32850
- .cn-saved-view-alert__error[data-v-05cd7cb8] {
33460
+ .cn-saved-view-alert__error[data-v-5f54dc93] {
32851
33461
  color: var(--color-error-text, var(--color-error));
32852
33462
  font-size: 13px;
32853
33463
  }
@@ -33001,40 +33611,40 @@ to { background-position: -200% 0;
33001
33611
  }
33002
33612
 
33003
33613
 
33004
- .cn-timeline-manage__header[data-v-a4c73a6a] {
33614
+ .cn-timeline-manage__header[data-v-31e6673c] {
33005
33615
  display: flex;
33006
33616
  align-items: flex-start;
33007
33617
  justify-content: space-between;
33008
33618
  gap: 12px;
33009
33619
  margin-block-end: 16px;
33010
33620
  }
33011
- .cn-timeline-manage__heading[data-v-a4c73a6a] {
33621
+ .cn-timeline-manage__heading[data-v-31e6673c] {
33012
33622
  display: flex;
33013
33623
  flex-direction: column;
33014
33624
  gap: 4px;
33015
33625
  }
33016
- .cn-timeline-manage__header-actions[data-v-a4c73a6a] {
33626
+ .cn-timeline-manage__header-actions[data-v-31e6673c] {
33017
33627
  display: flex;
33018
33628
  gap: 8px;
33019
33629
  }
33020
- .cn-timeline-manage__title[data-v-a4c73a6a] {
33630
+ .cn-timeline-manage__title[data-v-31e6673c] {
33021
33631
  margin: 0;
33022
33632
  font-size: 17px;
33023
33633
  font-weight: 700;
33024
33634
  line-height: 1.2;
33025
33635
  }
33026
- .cn-timeline-manage__subtitle[data-v-a4c73a6a] {
33636
+ .cn-timeline-manage__subtitle[data-v-31e6673c] {
33027
33637
  margin: 0;
33028
33638
  color: var(--color-text-maxcontrast);
33029
33639
  font-size: 14px;
33030
33640
  }
33031
- .cn-timeline-manage__chips[data-v-a4c73a6a] {
33641
+ .cn-timeline-manage__chips[data-v-31e6673c] {
33032
33642
  display: flex;
33033
33643
  flex-wrap: wrap;
33034
33644
  gap: 8px;
33035
33645
  margin-block-end: 12px;
33036
33646
  }
33037
- .cn-timeline-manage__chip[data-v-a4c73a6a] {
33647
+ .cn-timeline-manage__chip[data-v-31e6673c] {
33038
33648
  display: inline-flex;
33039
33649
  align-items: center;
33040
33650
  gap: 8px;
@@ -33051,12 +33661,12 @@ to { background-position: -200% 0;
33051
33661
  }
33052
33662
 
33053
33663
  /* The chosen kind is a filled chip with no outline. */
33054
- .cn-timeline-manage__chip--active[data-v-a4c73a6a] {
33664
+ .cn-timeline-manage__chip--active[data-v-31e6673c] {
33055
33665
  border: 0;
33056
33666
  background: var(--color-main-text);
33057
33667
  color: var(--color-main-background);
33058
33668
  }
33059
- .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33669
+ .cn-timeline-manage__chip-count[data-v-31e6673c] {
33060
33670
  padding: 1px 7px;
33061
33671
  border-radius: 10px;
33062
33672
  background: var(--color-border);
@@ -33065,11 +33675,11 @@ to { background-position: -200% 0;
33065
33675
  }
33066
33676
 
33067
33677
  /* On the filled chip the count is a lighter ink bubble with light text. */
33068
- .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33678
+ .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-31e6673c] {
33069
33679
  background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
33070
33680
  color: var(--color-main-background);
33071
33681
  }
33072
- .cn-timeline-manage__footer[data-v-a4c73a6a] {
33682
+ .cn-timeline-manage__footer[data-v-31e6673c] {
33073
33683
  display: flex;
33074
33684
  flex-wrap: wrap;
33075
33685
  align-items: center;
@@ -33077,11 +33687,11 @@ to { background-position: -200% 0;
33077
33687
  gap: 8px;
33078
33688
  margin: 12px 0 0;
33079
33689
  }
33080
- .cn-timeline-manage__count[data-v-a4c73a6a] {
33690
+ .cn-timeline-manage__count[data-v-31e6673c] {
33081
33691
  margin: 0;
33082
33692
  color: var(--color-text-maxcontrast);
33083
33693
  }
33084
- .cn-timeline-manage__composer[data-v-a4c73a6a] {
33694
+ .cn-timeline-manage__composer[data-v-31e6673c] {
33085
33695
  display: flex;
33086
33696
  flex-direction: column;
33087
33697
  gap: 8px;
@@ -33089,59 +33699,59 @@ to { background-position: -200% 0;
33089
33699
  padding-block-start: 16px;
33090
33700
  border-block-start: 1px solid var(--color-border);
33091
33701
  }
33092
- .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-a4c73a6a] {
33702
+ .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-31e6673c] {
33093
33703
  margin-block-start: 0;
33094
33704
  padding-block-start: 0;
33095
33705
  border-block-start: none;
33096
33706
  }
33097
33707
 
33098
33708
  /* The checkbox at the start, the button at the end, as one row. */
33099
- .cn-timeline-manage__composer-foot[data-v-a4c73a6a] {
33709
+ .cn-timeline-manage__composer-foot[data-v-31e6673c] {
33100
33710
  display: flex;
33101
33711
  flex-wrap: wrap;
33102
33712
  align-items: center;
33103
33713
  justify-content: space-between;
33104
33714
  gap: 8px;
33105
33715
  }
33106
- .cn-timeline-manage__composer-title[data-v-a4c73a6a] {
33716
+ .cn-timeline-manage__composer-title[data-v-31e6673c] {
33107
33717
  margin: 0;
33108
33718
  font-size: 16px;
33109
33719
  font-weight: bold;
33110
33720
  }
33111
- .cn-timeline-manage__composer-hint[data-v-a4c73a6a] {
33721
+ .cn-timeline-manage__composer-hint[data-v-31e6673c] {
33112
33722
  margin: 0;
33113
33723
  color: var(--color-text-maxcontrast);
33114
33724
  }
33115
- .cn-timeline-manage__draft-label[data-v-a4c73a6a] {
33725
+ .cn-timeline-manage__draft-label[data-v-31e6673c] {
33116
33726
  font-weight: bold;
33117
33727
  }
33118
- .cn-timeline-manage__draft[data-v-a4c73a6a] {
33728
+ .cn-timeline-manage__draft[data-v-31e6673c] {
33119
33729
  width: 100%;
33120
33730
  min-height: 70px;
33121
33731
  }
33122
- .cn-timeline-manage__controls[data-v-a4c73a6a] {
33732
+ .cn-timeline-manage__controls[data-v-31e6673c] {
33123
33733
  display: flex;
33124
33734
  gap: 12px;
33125
33735
  flex-wrap: wrap;
33126
33736
  margin-block-end: 12px;
33127
33737
  }
33128
- .cn-timeline-manage__filter[data-v-a4c73a6a] {
33738
+ .cn-timeline-manage__filter[data-v-31e6673c] {
33129
33739
  min-width: 200px;
33130
33740
  }
33131
- .cn-timeline-manage__list[data-v-a4c73a6a] {
33741
+ .cn-timeline-manage__list[data-v-31e6673c] {
33132
33742
  list-style: none;
33133
33743
  margin: 0;
33134
33744
  padding: 0;
33135
33745
  }
33136
- .cn-timeline-manage__entry[data-v-a4c73a6a] {
33746
+ .cn-timeline-manage__entry[data-v-31e6673c] {
33137
33747
  border-block-end: 1px solid var(--color-border);
33138
33748
  padding-block: 12px;
33139
33749
  }
33140
- .cn-timeline-manage__entry--pinned[data-v-a4c73a6a] {
33750
+ .cn-timeline-manage__entry--pinned[data-v-31e6673c] {
33141
33751
  border-inline-start: 3px solid var(--color-primary-element);
33142
33752
  padding-inline-start: 8px;
33143
33753
  }
33144
- .cn-timeline-manage__head[data-v-a4c73a6a] {
33754
+ .cn-timeline-manage__head[data-v-31e6673c] {
33145
33755
  display: flex;
33146
33756
  gap: 8px;
33147
33757
  flex-wrap: wrap;
@@ -33149,29 +33759,29 @@ to { background-position: -200% 0;
33149
33759
  color: var(--color-text-maxcontrast);
33150
33760
  font-size: 0.9em;
33151
33761
  }
33152
- .cn-timeline-manage__kind[data-v-a4c73a6a] {
33762
+ .cn-timeline-manage__kind[data-v-31e6673c] {
33153
33763
  font-weight: bold;
33154
33764
  color: var(--color-main-text);
33155
33765
  }
33156
- .cn-timeline-manage__badge[data-v-a4c73a6a] {
33766
+ .cn-timeline-manage__badge[data-v-31e6673c] {
33157
33767
  border: 1px solid var(--color-border);
33158
33768
  border-radius: var(--border-radius);
33159
33769
  padding: 0 6px;
33160
33770
  }
33161
- .cn-timeline-manage__badge--open[data-v-a4c73a6a] {
33771
+ .cn-timeline-manage__badge--open[data-v-31e6673c] {
33162
33772
  border-color: var(--color-warning);
33163
33773
  color: var(--color-warning-text);
33164
33774
  }
33165
- .cn-timeline-manage__message[data-v-a4c73a6a] {
33775
+ .cn-timeline-manage__message[data-v-31e6673c] {
33166
33776
  margin-block: 4px 0;
33167
33777
  white-space: pre-wrap;
33168
33778
  }
33169
- .cn-timeline-manage__siblings[data-v-a4c73a6a] {
33779
+ .cn-timeline-manage__siblings[data-v-31e6673c] {
33170
33780
  margin-block: 4px 0;
33171
33781
  color: var(--color-text-maxcontrast);
33172
33782
  font-size: 0.9em;
33173
33783
  }
33174
- .cn-timeline-manage__actions[data-v-a4c73a6a] {
33784
+ .cn-timeline-manage__actions[data-v-31e6673c] {
33175
33785
  display: flex;
33176
33786
  gap: 8px;
33177
33787
  margin-block-start: 4px;
@@ -33769,15 +34379,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33769
34379
 
33770
34380
  /* A leaf card in a narrow cell keeps its title and count: the title row
33771
34381
  wraps and the actions move under it instead of squeezing the title out. */
33772
- .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header {
34382
+ .cn-detail-page__leaf-card[data-v-38f1ce74] .cn-widget-wrapper__header {
33773
34383
  flex-wrap: wrap;
33774
34384
  }
33775
- .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header-left {
34385
+ .cn-detail-page__leaf-card[data-v-38f1ce74] .cn-widget-wrapper__header-left {
33776
34386
  flex: 1 0 auto;
33777
34387
  }
33778
34388
 
33779
34389
  /* The count beside a card title: the grey 20px badge of the tab strip. */
33780
- .cn-detail-page__catalog-count[data-v-10c797a6] {
34390
+ .cn-detail-page__catalog-count[data-v-38f1ce74] {
33781
34391
  background-color: var(--color-border);
33782
34392
  border-radius: 10px;
33783
34393
  box-sizing: border-box;
@@ -33790,19 +34400,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33790
34400
  padding: 0 6px;
33791
34401
  text-align: center;
33792
34402
  }
33793
- .cn-detail-page__catalog-note[data-v-10c797a6] {
34403
+ .cn-detail-page__catalog-note[data-v-38f1ce74] {
33794
34404
  color: var(--color-text-maxcontrast);
33795
34405
  font-size: 14px;
33796
34406
  white-space: nowrap;
33797
34407
  }
33798
- .cn-detail-widget-host[data-v-10c797a6],
33799
- .cn-detail-widget-host[data-v-10c797a6] > * {
34408
+ .cn-detail-widget-host[data-v-38f1ce74],
34409
+ .cn-detail-widget-host[data-v-38f1ce74] > * {
33800
34410
  height: 100%;
33801
34411
  }
33802
34412
 
33803
34413
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
33804
34414
  scroll, rather than growing a second scroll region of its own. */
33805
- .cn-detail-widget-host--bare[data-v-10c797a6] {
34415
+ .cn-detail-widget-host--bare[data-v-38f1ce74] {
33806
34416
  min-height: 0;
33807
34417
  }
33808
34418
 
@@ -38325,19 +38935,40 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38325
38935
  /* The record's task table (`variant: 'table'`, board DqZaakTaken): a head
38326
38936
  row of muted 14px labels on a near-white ground, rows divided by hairlines,
38327
38937
  the title at 600 over a muted line, a finished task struck through. */
38328
- .cn-tasks-widget__create[data-v-9804876c] {
38938
+ .cn-tasks-widget__create[data-v-7dc074ce] {
38329
38939
  display: flex;
38330
38940
  flex-wrap: wrap;
38331
38941
  align-items: flex-end;
38332
38942
  gap: 12px;
38333
38943
  margin-block-end: 12px;
38334
38944
  }
38335
- .cn-tasks-widget__table[data-v-9804876c] {
38945
+ .cn-tasks-widget__table[data-v-7dc074ce] {
38336
38946
  width: 100%;
38337
38947
  border-collapse: collapse;
38338
38948
  font-size: 14px;
38339
38949
  }
38340
- .cn-tasks-widget__table th[data-v-9804876c] {
38950
+ .cn-tasks-widget__head[data-v-7dc074ce] {
38951
+ display: inline-flex;
38952
+ align-items: center;
38953
+ gap: 4px;
38954
+ }
38955
+ .cn-tasks-widget__head-sort[data-v-7dc074ce] {
38956
+ display: inline-flex;
38957
+ align-items: center;
38958
+ gap: 4px;
38959
+ min-height: 0;
38960
+ margin: 0;
38961
+ padding: 0;
38962
+ border: 0;
38963
+ background: transparent;
38964
+ color: inherit;
38965
+ font: inherit;
38966
+ cursor: pointer;
38967
+ }
38968
+ .cn-tasks-widget__head-filter[data-v-7dc074ce] {
38969
+ --button-size: 22px;
38970
+ }
38971
+ .cn-tasks-widget__table th[data-v-7dc074ce] {
38341
38972
  padding: 12px 16px;
38342
38973
  background: color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background));
38343
38974
  color: var(--color-text-maxcontrast);
@@ -38345,24 +38976,24 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38345
38976
  text-align: start;
38346
38977
  white-space: nowrap;
38347
38978
  }
38348
- .cn-tasks-widget__table td[data-v-9804876c] {
38979
+ .cn-tasks-widget__table td[data-v-7dc074ce] {
38349
38980
  padding: 12px 16px;
38350
38981
  border-top: 1px solid var(--color-border);
38351
38982
  vertical-align: middle;
38352
38983
  }
38353
- .cn-tasks-widget__cell-task[data-v-9804876c] {
38984
+ .cn-tasks-widget__cell-task[data-v-7dc074ce] {
38354
38985
  display: flex;
38355
38986
  align-items: flex-start;
38356
38987
  gap: 12px;
38357
38988
  }
38358
- .cn-tasks-widget__state-icon[data-v-9804876c] {
38989
+ .cn-tasks-widget__state-icon[data-v-7dc074ce] {
38359
38990
  flex: none;
38360
38991
  color: var(--color-primary-element);
38361
38992
  }
38362
- .cn-tasks-widget__state-icon--done[data-v-9804876c] {
38993
+ .cn-tasks-widget__state-icon--done[data-v-7dc074ce] {
38363
38994
  color: var(--color-success-text, var(--color-success));
38364
38995
  }
38365
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c] {
38996
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce] {
38366
38997
  margin: 0;
38367
38998
  padding: 0;
38368
38999
  border: 0;
@@ -38374,59 +39005,59 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38374
39005
  text-align: start;
38375
39006
  cursor: pointer;
38376
39007
  }
38377
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c]:hover,
38378
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c]:focus-visible {
39008
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce]:hover,
39009
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce]:focus-visible {
38379
39010
  text-decoration: underline;
38380
39011
  }
38381
- .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-9804876c] {
39012
+ .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-7dc074ce] {
38382
39013
  text-decoration: line-through;
38383
39014
  }
38384
- .cn-tasks-widget__handler[data-v-9804876c] {
39015
+ .cn-tasks-widget__handler[data-v-7dc074ce] {
38385
39016
  display: inline-flex;
38386
39017
  align-items: center;
38387
39018
  gap: 8px;
38388
39019
  }
38389
- .cn-tasks-widget__cell-due[data-v-9804876c] {
39020
+ .cn-tasks-widget__cell-due[data-v-7dc074ce] {
38390
39021
  white-space: nowrap;
38391
39022
  }
38392
- .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-9804876c] {
39023
+ .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38393
39024
  color: var(--color-warning-text, var(--color-warning));
38394
39025
  font-weight: 600;
38395
39026
  }
38396
- .cn-tasks-widget__cell-actions[data-v-9804876c] {
39027
+ .cn-tasks-widget__cell-actions[data-v-7dc074ce] {
38397
39028
  text-align: end;
38398
39029
  white-space: nowrap;
38399
39030
  }
38400
- .cn-tasks-widget[data-v-9804876c] {
39031
+ .cn-tasks-widget[data-v-7dc074ce] {
38401
39032
  display: flex;
38402
39033
  flex-direction: column;
38403
39034
  gap: 2px;
38404
39035
  min-width: 0;
38405
39036
  }
38406
- .cn-tasks-widget__loading[data-v-9804876c] {
39037
+ .cn-tasks-widget__loading[data-v-7dc074ce] {
38407
39038
  display: flex;
38408
39039
  justify-content: center;
38409
39040
  padding: 8px 0;
38410
39041
  }
38411
- .cn-tasks-widget__view-all[data-v-9804876c] {
39042
+ .cn-tasks-widget__view-all[data-v-7dc074ce] {
38412
39043
  display: inline-block;
38413
39044
  margin-top: 8px;
38414
39045
  color: var(--color-primary-element-text, var(--color-primary-element));
38415
39046
  text-decoration: underline;
38416
39047
  }
38417
- .cn-tasks-widget__others[data-v-9804876c] {
39048
+ .cn-tasks-widget__others[data-v-7dc074ce] {
38418
39049
  margin-top: 12px;
38419
39050
  }
38420
- .cn-tasks-widget__others-title[data-v-9804876c] {
39051
+ .cn-tasks-widget__others-title[data-v-7dc074ce] {
38421
39052
  margin: 0 0 6px;
38422
39053
  font-size: 14px;
38423
39054
  }
38424
- .cn-tasks-widget__others-list[data-v-9804876c] {
39055
+ .cn-tasks-widget__others-list[data-v-7dc074ce] {
38425
39056
  margin: 0;
38426
39057
  padding: 0;
38427
39058
  list-style: none;
38428
39059
  }
38429
- .cn-tasks-widget__others-row[data-v-9804876c] {
39060
+ .cn-tasks-widget__others-row[data-v-7dc074ce] {
38430
39061
  display: flex;
38431
39062
  align-items: center;
38432
39063
  justify-content: space-between;
@@ -38434,22 +39065,22 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38434
39065
  padding: 6px 0;
38435
39066
  border-bottom: 1px solid var(--color-border);
38436
39067
  }
38437
- .cn-tasks-widget__others-actions[data-v-9804876c] {
39068
+ .cn-tasks-widget__others-actions[data-v-7dc074ce] {
38438
39069
  display: flex;
38439
39070
  flex-wrap: wrap;
38440
39071
  gap: 4px;
38441
39072
  }
38442
- .cn-tasks-widget__empty[data-v-9804876c],
38443
- .cn-tasks-widget__error[data-v-9804876c],
38444
- .cn-tasks-widget__more[data-v-9804876c] {
39073
+ .cn-tasks-widget__empty[data-v-7dc074ce],
39074
+ .cn-tasks-widget__error[data-v-7dc074ce],
39075
+ .cn-tasks-widget__more[data-v-7dc074ce] {
38445
39076
  margin: 0;
38446
39077
  color: var(--color-text-maxcontrast);
38447
39078
  font-size: 13px;
38448
39079
  }
38449
- .cn-tasks-widget__more[data-v-9804876c] {
39080
+ .cn-tasks-widget__more[data-v-7dc074ce] {
38450
39081
  padding-top: 4px;
38451
39082
  }
38452
- .cn-tasks-widget__count[data-v-9804876c] {
39083
+ .cn-tasks-widget__count[data-v-7dc074ce] {
38453
39084
  margin: 0;
38454
39085
  color: var(--color-text-maxcontrast);
38455
39086
  font-size: 12px;
@@ -38457,13 +39088,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38457
39088
  text-transform: uppercase;
38458
39089
  letter-spacing: 0.04em;
38459
39090
  }
38460
- .cn-tasks-widget__list[data-v-9804876c] {
39091
+ .cn-tasks-widget__list[data-v-7dc074ce] {
38461
39092
  list-style: none;
38462
39093
  margin: 0;
38463
39094
  padding: 0;
38464
39095
  min-width: 0;
38465
39096
  }
38466
- .cn-tasks-widget__row[data-v-9804876c] {
39097
+ .cn-tasks-widget__row[data-v-7dc074ce] {
38467
39098
  display: flex;
38468
39099
  align-items: center;
38469
39100
  gap: 10px;
@@ -38472,32 +39103,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38472
39103
  min-width: 0;
38473
39104
  cursor: pointer;
38474
39105
  }
38475
- .cn-tasks-widget__row[data-v-9804876c]:last-child {
39106
+ .cn-tasks-widget__row[data-v-7dc074ce]:last-child {
38476
39107
  border-bottom: none;
38477
39108
  }
38478
- .cn-tasks-widget__body[data-v-9804876c] {
39109
+ .cn-tasks-widget__body[data-v-7dc074ce] {
38479
39110
  display: flex;
38480
39111
  flex-direction: column;
38481
39112
  min-width: 0;
38482
39113
  flex: 1 1 auto;
38483
39114
  }
38484
- .cn-tasks-widget__name[data-v-9804876c] {
39115
+ .cn-tasks-widget__name[data-v-7dc074ce] {
38485
39116
  font-weight: 600;
38486
39117
  white-space: nowrap;
38487
39118
  overflow: hidden;
38488
39119
  text-overflow: ellipsis;
38489
39120
  }
38490
- .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-9804876c] {
39121
+ .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-7dc074ce] {
38491
39122
  text-decoration: underline;
38492
39123
  }
38493
- .cn-tasks-widget__meta[data-v-9804876c] {
39124
+ .cn-tasks-widget__meta[data-v-7dc074ce] {
38494
39125
  color: var(--color-text-maxcontrast);
38495
39126
  font-size: 12px;
38496
39127
  white-space: nowrap;
38497
39128
  overflow: hidden;
38498
39129
  text-overflow: ellipsis;
38499
39130
  }
38500
- .cn-tasks-widget__due[data-v-9804876c] {
39131
+ .cn-tasks-widget__due[data-v-7dc074ce] {
38501
39132
  flex: 0 0 auto;
38502
39133
  color: var(--color-text-maxcontrast);
38503
39134
  font-size: 12px;
@@ -38506,55 +39137,55 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38506
39137
 
38507
39138
  /* List variant, after the dashboard board's My tasks card: a checkbox, the
38508
39139
  title, the subject on a muted second line and the due date at its right. */
38509
- .cn-tasks-widget--list .cn-tasks-widget__row[data-v-9804876c] {
39140
+ .cn-tasks-widget--list .cn-tasks-widget__row[data-v-7dc074ce] {
38510
39141
  align-items: flex-start;
38511
39142
  gap: 12px;
38512
39143
  padding: 12px 0;
38513
39144
  }
38514
- .cn-tasks-widget--list .cn-tasks-widget__name[data-v-9804876c] {
39145
+ .cn-tasks-widget--list .cn-tasks-widget__name[data-v-7dc074ce] {
38515
39146
  font-weight: 400;
38516
39147
  font-size: 15px;
38517
39148
  line-height: 1.35;
38518
39149
  color: var(--color-main-text);
38519
39150
  }
38520
- .cn-tasks-widget__check[data-v-9804876c],
38521
- .cn-tasks-widget__check-spacer[data-v-9804876c] {
39151
+ .cn-tasks-widget__check[data-v-7dc074ce],
39152
+ .cn-tasks-widget__check-spacer[data-v-7dc074ce] {
38522
39153
  flex: none;
38523
39154
  width: 20px;
38524
39155
  height: 20px;
38525
39156
  margin: 1px 0 0;
38526
39157
  }
38527
- .cn-tasks-widget__check[data-v-9804876c] {
39158
+ .cn-tasks-widget__check[data-v-7dc074ce] {
38528
39159
  accent-color: var(--color-primary-element);
38529
39160
  cursor: pointer;
38530
39161
  }
38531
- .cn-tasks-widget__meta--split[data-v-9804876c] {
39162
+ .cn-tasks-widget__meta--split[data-v-7dc074ce] {
38532
39163
  display: flex;
38533
39164
  justify-content: space-between;
38534
39165
  gap: 8px;
38535
39166
  font-size: 13px;
38536
39167
  overflow: visible;
38537
39168
  }
38538
- .cn-tasks-widget__subject[data-v-9804876c] {
39169
+ .cn-tasks-widget__subject[data-v-7dc074ce] {
38539
39170
  min-width: 0;
38540
39171
  overflow: hidden;
38541
39172
  text-overflow: ellipsis;
38542
39173
  }
38543
- .cn-tasks-widget--list .cn-tasks-widget__due[data-v-9804876c] {
39174
+ .cn-tasks-widget--list .cn-tasks-widget__due[data-v-7dc074ce] {
38544
39175
  font-size: 13px;
38545
39176
  font-weight: 500;
38546
39177
  }
38547
- .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-9804876c] {
39178
+ .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38548
39179
  font-weight: 600;
38549
39180
  }
38550
39181
 
38551
39182
  /* Overdue: weight AND colour on top of the wording, which already says
38552
39183
  "Overdue by N days" — the signal survives monochrome. */
38553
- .cn-tasks-widget__due--overdue[data-v-9804876c] {
39184
+ .cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38554
39185
  color: var(--color-error, #d91f2d);
38555
39186
  font-weight: 600;
38556
39187
  }
38557
- .cn-tasks-widget__actions[data-v-9804876c] {
39188
+ .cn-tasks-widget__actions[data-v-7dc074ce] {
38558
39189
  flex: 0 0 auto;
38559
39190
  }
38560
39191
 
@@ -39803,29 +40434,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39803
40434
  }
39804
40435
 
39805
40436
 
39806
- .cn-checklist-run__form[data-v-3d97a9f0] {
40437
+ .cn-checklist-run__form[data-v-dd87442e] {
39807
40438
  display: flex;
39808
40439
  flex-direction: column;
39809
40440
  gap: 12px;
39810
40441
  }
39811
- .cn-checklist-run__position[data-v-3d97a9f0] {
40442
+ .cn-checklist-run__position[data-v-dd87442e] {
39812
40443
  color: var(--color-text-maxcontrast);
39813
40444
  margin: 0;
39814
40445
  }
39815
- .cn-checklist-run__progress[data-v-3d97a9f0] {
40446
+ .cn-checklist-run__progress[data-v-dd87442e] {
39816
40447
  background: var(--color-border);
39817
40448
  border-radius: 3px;
39818
40449
  display: block;
39819
40450
  height: 6px;
39820
40451
  overflow: hidden;
39821
40452
  }
39822
- .cn-checklist-run__progress-fill[data-v-3d97a9f0] {
40453
+ .cn-checklist-run__progress-fill[data-v-dd87442e] {
39823
40454
  background: var(--color-primary-element);
39824
40455
  display: block;
39825
40456
  height: 100%;
39826
40457
  }
39827
- .cn-checklist-run__live[data-v-3d97a9f0],
39828
- .cn-checklist-run__sr[data-v-3d97a9f0] {
40458
+ .cn-checklist-run__live[data-v-dd87442e],
40459
+ .cn-checklist-run__sr[data-v-dd87442e] {
39829
40460
  clip-path: inset(50%);
39830
40461
  height: 1px;
39831
40462
  overflow: hidden;
@@ -39833,8 +40464,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39833
40464
  white-space: nowrap;
39834
40465
  width: 1px;
39835
40466
  }
39836
- .cn-checklist-run__question[data-v-3d97a9f0],
39837
- .cn-checklist-run__photos[data-v-3d97a9f0] {
40467
+ .cn-checklist-run__question[data-v-dd87442e],
40468
+ .cn-checklist-run__photos[data-v-dd87442e] {
39838
40469
  background: var(--color-main-background);
39839
40470
  border: 1px solid var(--color-border);
39840
40471
  border-radius: var(--border-radius-large, 12px);
@@ -39844,45 +40475,54 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39844
40475
  margin: 0;
39845
40476
  padding: 12px 14px;
39846
40477
  }
39847
- .cn-checklist-run__legend[data-v-3d97a9f0] {
40478
+ .cn-checklist-run__legend[data-v-dd87442e] {
40479
+ font-size: 15px;
39848
40480
  font-weight: 600;
40481
+ line-height: 1.2;
39849
40482
  padding: 0 4px;
39850
40483
  }
39851
- .cn-checklist-run__help[data-v-3d97a9f0] {
40484
+ .cn-checklist-run__help[data-v-dd87442e] {
39852
40485
  color: var(--color-text-maxcontrast);
40486
+ font-size: 14px;
39853
40487
  margin: 0;
39854
40488
  }
39855
- .cn-checklist-run__choice[data-v-3d97a9f0] {
40489
+
40490
+ /* An option reads as text, not as a field label (a theme makes every label
40491
+ bold); 15px as the board draws it (DqInspectie). */
40492
+ .cn-checklist-run__choice[data-v-dd87442e] {
39856
40493
  align-items: center;
39857
40494
  display: flex;
40495
+ font-size: 15px;
40496
+ font-weight: 400;
39858
40497
  gap: 10px;
39859
40498
  min-height: 34px;
39860
40499
  }
39861
- .cn-checklist-run__choice input[data-v-3d97a9f0] {
40500
+ .cn-checklist-run__choice input[data-v-dd87442e] {
39862
40501
  accent-color: var(--color-primary-element);
39863
40502
  height: 20px;
39864
40503
  margin: 0;
39865
40504
  width: 20px;
39866
40505
  }
39867
- .cn-checklist-run__text[data-v-3d97a9f0],
39868
- .cn-checklist-run__number[data-v-3d97a9f0] {
40506
+ .cn-checklist-run__text[data-v-dd87442e],
40507
+ .cn-checklist-run__number[data-v-dd87442e] {
39869
40508
  box-sizing: border-box;
39870
40509
  width: 100%;
39871
40510
  }
39872
- .cn-checklist-run__group[data-v-3d97a9f0] {
40511
+ .cn-checklist-run__group[data-v-dd87442e] {
40512
+ font-size: 14px;
39873
40513
  font-weight: 600;
39874
40514
  margin: 0;
39875
40515
  }
39876
- .cn-checklist-run__note-label[data-v-3d97a9f0] {
40516
+ .cn-checklist-run__note-label[data-v-dd87442e] {
39877
40517
  display: flex;
39878
40518
  flex-direction: column;
39879
40519
  gap: 4px;
39880
40520
  }
39881
- .cn-checklist-run__photo-list[data-v-3d97a9f0] {
40521
+ .cn-checklist-run__photo-list[data-v-dd87442e] {
39882
40522
  margin: 0;
39883
40523
  padding-inline-start: 18px;
39884
40524
  }
39885
- .cn-checklist-run__photo-button[data-v-3d97a9f0] {
40525
+ .cn-checklist-run__photo-button[data-v-dd87442e] {
39886
40526
  align-items: center;
39887
40527
  align-self: flex-start;
39888
40528
  border: 1px solid var(--color-border-dark);
@@ -39893,26 +40533,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39893
40533
  min-height: 34px;
39894
40534
  padding: 0 14px;
39895
40535
  }
39896
- .cn-checklist-run__photo-button[data-v-3d97a9f0]:focus-within {
40536
+ .cn-checklist-run__photo-button[data-v-dd87442e]:focus-within {
39897
40537
  outline: 2px solid var(--color-primary-element);
39898
40538
  outline-offset: 2px;
39899
40539
  }
39900
- .cn-checklist-run__photo-input[data-v-3d97a9f0] {
40540
+ .cn-checklist-run__photo-input[data-v-dd87442e] {
39901
40541
  clip-path: inset(50%);
39902
40542
  height: 1px;
39903
40543
  overflow: hidden;
39904
40544
  position: absolute;
39905
40545
  width: 1px;
39906
40546
  }
39907
- .cn-checklist-run__nav[data-v-3d97a9f0] {
40547
+ .cn-checklist-run__nav[data-v-dd87442e] {
39908
40548
  display: flex;
39909
40549
  justify-content: space-between;
39910
40550
  }
39911
- .cn-checklist-run__error[data-v-3d97a9f0] {
40551
+ .cn-checklist-run__error[data-v-dd87442e] {
39912
40552
  color: var(--color-error-text, var(--color-error));
39913
40553
  margin: 0;
39914
40554
  }
39915
- .cn-checklist-run__empty[data-v-3d97a9f0] {
40555
+ .cn-checklist-run__empty[data-v-dd87442e] {
39916
40556
  color: var(--color-text-maxcontrast);
39917
40557
  }
39918
40558
 
@@ -41074,20 +41714,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41074
41714
  }
41075
41715
 
41076
41716
 
41077
- .cn-record-list__checklist-bar[data-v-2c65cbc2] {
41717
+ .cn-record-list__checklist-bar[data-v-544b79cd] {
41078
41718
  height: 8px;
41079
41719
  margin-block-end: 16px;
41080
41720
  border-radius: 4px;
41081
41721
  background: var(--color-background-dark);
41082
41722
  overflow: hidden;
41083
41723
  }
41084
- .cn-record-list__checklist-fill[data-v-2c65cbc2] {
41724
+ .cn-record-list__checklist-fill[data-v-544b79cd] {
41085
41725
  display: block;
41086
41726
  height: 100%;
41087
41727
  border-radius: 4px;
41088
41728
  background: var(--color-primary-element);
41089
41729
  }
41090
- .cn-record-list__checklist[data-v-2c65cbc2] {
41730
+ .cn-record-list__checklist[data-v-544b79cd] {
41091
41731
  display: grid;
41092
41732
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
41093
41733
  gap: 8px 16px;
@@ -41095,16 +41735,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41095
41735
  padding: 0;
41096
41736
  list-style: none;
41097
41737
  }
41098
- .cn-record-list__check[data-v-2c65cbc2] {
41738
+ .cn-record-list__check[data-v-544b79cd] {
41099
41739
  display: flex;
41100
41740
  align-items: center;
41101
41741
  gap: 8px;
41102
41742
  min-height: 28px;
41103
41743
  }
41104
- .cn-record-list__check--done[data-v-2c65cbc2] {
41744
+ .cn-record-list__check--done[data-v-544b79cd] {
41105
41745
  color: var(--color-text-maxcontrast);
41106
41746
  }
41107
- .cn-record-list__check-mark[data-v-2c65cbc2] {
41747
+ .cn-record-list__check-mark[data-v-544b79cd] {
41108
41748
  display: inline-flex;
41109
41749
  flex: none;
41110
41750
  align-items: center;
@@ -41114,45 +41754,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41114
41754
  border: 2px solid var(--color-border-maxcontrast);
41115
41755
  border-radius: 50%;
41116
41756
  }
41117
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-2c65cbc2] {
41757
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-544b79cd] {
41118
41758
  border-color: transparent;
41119
41759
  background: var(--color-success-hover, var(--color-background-dark));
41120
41760
  color: var(--color-success-text, var(--color-success));
41121
41761
  }
41122
41762
  @media (max-width: 640px) {
41123
- .cn-record-list__checklist[data-v-2c65cbc2] {
41763
+ .cn-record-list__checklist[data-v-544b79cd] {
41124
41764
  grid-template-columns: minmax(0, 1fr);
41125
41765
  }
41126
41766
  }
41127
- .cn-record-list__set-field-done[data-v-2c65cbc2] {
41767
+ .cn-record-list__set-field-done[data-v-544b79cd] {
41128
41768
  display: inline-flex;
41129
41769
  align-items: center;
41130
41770
  gap: 4px;
41131
41771
  color: var(--color-success-text, var(--color-success));
41132
41772
  font-weight: bold;
41133
41773
  }
41134
- .cn-record-list__list[data-v-2c65cbc2] {
41774
+ .cn-record-list__list[data-v-544b79cd] {
41135
41775
  list-style: none;
41136
41776
  margin: 0;
41137
41777
  padding: 0;
41138
41778
  }
41139
- .cn-record-list__group-heading[data-v-2c65cbc2] {
41779
+ .cn-record-list__group-heading[data-v-544b79cd] {
41140
41780
  margin: 6px 0 0;
41141
41781
  font-size: 15px;
41142
41782
  font-weight: 700;
41143
41783
  line-height: 1.4;
41144
41784
  }
41145
- .cn-record-list__group-head[data-v-2c65cbc2] {
41785
+ .cn-record-list__group-head[data-v-544b79cd] {
41146
41786
  display: flex;
41147
41787
  align-items: center;
41148
41788
  justify-content: space-between;
41149
41789
  gap: 8px;
41150
41790
  margin-top: 6px;
41151
41791
  }
41152
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-2c65cbc2] {
41792
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-544b79cd] {
41153
41793
  margin: 0;
41154
41794
  }
41155
- .cn-record-list__action--tonal.button-vue[data-v-2c65cbc2] {
41795
+ .cn-record-list__action--tonal.button-vue[data-v-544b79cd] {
41156
41796
  min-height: 34px;
41157
41797
  height: 34px;
41158
41798
  padding: 0 12px;
@@ -41163,34 +41803,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41163
41803
  font-size: 13px;
41164
41804
  font-weight: 600;
41165
41805
  }
41166
- .cn-record-list__action--tonal.button-vue[data-v-2c65cbc2]:hover:not(:disabled) {
41806
+ .cn-record-list__action--tonal.button-vue[data-v-544b79cd]:hover:not(:disabled) {
41167
41807
  background-color: var(--color-primary-element-light-hover);
41168
41808
  }
41169
- .cn-record-list__footer[data-v-2c65cbc2] {
41809
+ .cn-record-list__footer[data-v-544b79cd] {
41170
41810
  display: flex;
41171
41811
  flex-direction: column;
41172
41812
  align-items: flex-start;
41173
41813
  gap: 6px;
41174
41814
  margin-top: 10px;
41175
41815
  }
41176
- .cn-record-list__footer--wide[data-v-2c65cbc2] {
41816
+ .cn-record-list__footer--wide[data-v-544b79cd] {
41177
41817
  align-items: stretch;
41178
41818
  }
41179
- .cn-record-list__footer-note[data-v-2c65cbc2] {
41819
+ .cn-record-list__footer-note[data-v-544b79cd] {
41180
41820
  margin: 0 0 6px;
41181
41821
  color: var(--color-text-maxcontrast);
41182
41822
  font-size: 13px;
41183
41823
  }
41184
- .cn-record-list__footer-reason[data-v-2c65cbc2] {
41824
+ .cn-record-list__footer-reason[data-v-544b79cd] {
41185
41825
  font-size: 13px;
41186
41826
  color: var(--color-text-maxcontrast);
41187
41827
  }
41188
- .cn-record-list__empty[data-v-2c65cbc2],
41189
- .cn-record-list__error[data-v-2c65cbc2] {
41828
+ .cn-record-list__empty[data-v-544b79cd],
41829
+ .cn-record-list__error[data-v-544b79cd] {
41190
41830
  color: var(--color-text-maxcontrast);
41191
41831
  margin: 0;
41192
41832
  }
41193
- .cn-record-list__notice[data-v-2c65cbc2] {
41833
+ .cn-record-list__notice[data-v-544b79cd] {
41194
41834
  display: flex;
41195
41835
  gap: 10px;
41196
41836
  align-items: flex-start;
@@ -41199,41 +41839,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41199
41839
  background: var(--color-primary-element-light, var(--color-background-dark));
41200
41840
  color: var(--color-main-text);
41201
41841
  }
41202
- .cn-record-list__notice--warning[data-v-2c65cbc2] {
41842
+ .cn-record-list__notice--warning[data-v-544b79cd] {
41203
41843
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
41204
41844
  color: var(--color-warning-text, var(--color-main-text));
41205
41845
  }
41206
- .cn-record-list__notice--error[data-v-2c65cbc2] {
41846
+ .cn-record-list__notice--error[data-v-544b79cd] {
41207
41847
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
41208
41848
  color: var(--color-error-text, var(--color-main-text));
41209
41849
  }
41210
- .cn-record-list__notice--footnote[data-v-2c65cbc2] {
41850
+ .cn-record-list__notice--footnote[data-v-544b79cd] {
41211
41851
  margin-top: 12px;
41212
41852
  }
41213
- .cn-record-list__notice-icon[data-v-2c65cbc2] {
41853
+ .cn-record-list__notice-icon[data-v-544b79cd] {
41214
41854
  flex: 0 0 auto;
41215
41855
  margin-top: 1px;
41216
41856
  }
41217
- .cn-record-list__notice-text[data-v-2c65cbc2] {
41857
+ .cn-record-list__notice-text[data-v-544b79cd] {
41218
41858
  margin: 0;
41219
41859
  line-height: 1.5;
41220
41860
  }
41221
- .cn-record-list__loading[data-v-2c65cbc2] {
41861
+ .cn-record-list__loading[data-v-544b79cd] {
41222
41862
  display: flex;
41223
41863
  justify-content: center;
41224
41864
  padding: 8px 0;
41225
41865
  }
41226
41866
 
41227
41867
  /* rows */
41228
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2],
41229
- .cn-record-list--rule-above .cn-record-list__item[data-v-2c65cbc2]:first-child {
41868
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-544b79cd],
41869
+ .cn-record-list--rule-above .cn-record-list__item[data-v-544b79cd]:first-child {
41230
41870
  border-top: 1px solid var(--color-border);
41231
41871
  }
41232
- .cn-record-list__pill-start[data-v-2c65cbc2] {
41872
+ .cn-record-list__pill-start[data-v-544b79cd] {
41233
41873
  display: flex;
41234
41874
  flex: none;
41235
41875
  }
41236
- .cn-record-list__bar[data-v-2c65cbc2] {
41876
+ .cn-record-list__bar[data-v-544b79cd] {
41237
41877
  background: var(--color-border);
41238
41878
  border-radius: 3px;
41239
41879
  display: block;
@@ -41241,15 +41881,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41241
41881
  margin: -6px 0 12px;
41242
41882
  overflow: hidden;
41243
41883
  }
41244
- .cn-record-list__bar-fill[data-v-2c65cbc2] {
41884
+ .cn-record-list__bar-fill[data-v-544b79cd] {
41245
41885
  background: var(--color-primary-element);
41246
41886
  display: block;
41247
41887
  height: 100%;
41248
41888
  }
41249
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-2c65cbc2] {
41889
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-544b79cd] {
41250
41890
  background: var(--color-error);
41251
41891
  }
41252
- .cn-record-list__row[data-v-2c65cbc2] {
41892
+ .cn-record-list__row[data-v-544b79cd] {
41253
41893
  align-items: center;
41254
41894
  color: var(--color-main-text);
41255
41895
  display: flex;
@@ -41257,22 +41897,30 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41257
41897
  padding: 12px 0;
41258
41898
  text-decoration: none;
41259
41899
  }
41260
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-2c65cbc2],
41261
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
41900
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-544b79cd],
41901
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-544b79cd] {
41262
41902
  text-decoration: underline;
41263
41903
  }
41264
- .cn-record-list__dot[data-v-2c65cbc2] {
41904
+ .cn-record-list__dot[data-v-544b79cd] {
41265
41905
  flex: 0 0 14px;
41266
41906
  width: 14px;
41267
41907
  height: 14px;
41268
41908
  border-radius: 50%;
41269
41909
  }
41270
- .cn-record-list__flag[data-v-2c65cbc2] {
41910
+ .cn-record-list__flag[data-v-544b79cd] {
41271
41911
  color: var(--color-text-maxcontrast);
41272
41912
  font-size: 14px;
41273
41913
  white-space: nowrap;
41274
41914
  }
41275
- .cn-record-list__avatar[data-v-2c65cbc2] {
41915
+
41916
+ /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
41917
+ keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
41918
+ .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-544b79cd] {
41919
+ width: 32px;
41920
+ height: 32px;
41921
+ margin-inline-end: -4px;
41922
+ }
41923
+ .cn-record-list__avatar[data-v-544b79cd] {
41276
41924
  align-items: center;
41277
41925
  background: var(--color-background-hover);
41278
41926
  border-radius: 50%;
@@ -41285,97 +41933,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41285
41933
  justify-content: center;
41286
41934
  width: 36px;
41287
41935
  }
41288
- .cn-record-list__main[data-v-2c65cbc2] {
41936
+ .cn-record-list__main[data-v-544b79cd] {
41289
41937
  display: flex;
41290
41938
  flex: 1 1 auto;
41291
41939
  flex-direction: column;
41292
41940
  gap: 2px;
41293
41941
  min-width: 0;
41294
41942
  }
41295
- .cn-record-list__title[data-v-2c65cbc2] {
41943
+ .cn-record-list__title[data-v-544b79cd] {
41296
41944
  font-size: 15px;
41297
41945
  font-weight: 700;
41298
41946
  }
41299
- .cn-record-list--compact .cn-record-list__row[data-v-2c65cbc2] {
41947
+ .cn-record-list--compact .cn-record-list__row[data-v-544b79cd] {
41300
41948
  box-sizing: border-box;
41301
41949
  min-height: 56px;
41302
41950
  padding: 10px 0;
41303
41951
  }
41304
- .cn-record-list--compact .cn-record-list__title[data-v-2c65cbc2] {
41952
+ .cn-record-list--compact .cn-record-list__title[data-v-544b79cd] {
41305
41953
  font-weight: 500;
41306
41954
  }
41307
41955
 
41308
41956
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
41309
41957
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
41310
- .cn-record-list--stacked .cn-record-list__list[data-v-2c65cbc2] {
41958
+ .cn-record-list--stacked .cn-record-list__list[data-v-544b79cd] {
41311
41959
  display: flex;
41312
41960
  flex-direction: column;
41313
41961
  gap: 10px;
41314
41962
  }
41315
- .cn-record-list--stacked .cn-record-list__row[data-v-2c65cbc2] {
41963
+ .cn-record-list--stacked .cn-record-list__row[data-v-544b79cd] {
41316
41964
  min-height: 0;
41317
41965
  padding: 0;
41318
41966
  }
41319
- .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
41967
+ .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-544b79cd] {
41320
41968
  border-top: 0;
41321
41969
  }
41322
- .cn-record-list__meta[data-v-2c65cbc2] {
41970
+ .cn-record-list__meta[data-v-544b79cd] {
41323
41971
  color: var(--color-text-maxcontrast);
41324
41972
  font-size: 13px;
41325
41973
  }
41326
- .cn-record-list__aside[data-v-2c65cbc2] {
41974
+ .cn-record-list__aside[data-v-544b79cd] {
41327
41975
  align-items: center;
41328
41976
  display: flex;
41329
41977
  flex: none;
41330
41978
  gap: 16px;
41331
41979
  }
41332
- .cn-record-list__leading[data-v-2c65cbc2] {
41980
+ .cn-record-list__leading[data-v-544b79cd] {
41333
41981
  flex: 0 0 52px;
41334
41982
  color: var(--color-text-maxcontrast);
41335
41983
  font-size: 14px;
41336
41984
  font-weight: 600;
41337
41985
  font-variant-numeric: tabular-nums;
41338
41986
  }
41339
- .cn-record-list__trailing[data-v-2c65cbc2] {
41987
+ .cn-record-list__trailing[data-v-544b79cd] {
41340
41988
  font-size: 14px;
41341
41989
  white-space: nowrap;
41342
41990
  }
41343
- .cn-record-list__due[data-v-2c65cbc2] {
41991
+ .cn-record-list__due[data-v-544b79cd] {
41344
41992
  font-size: 14px;
41345
41993
  white-space: nowrap;
41346
41994
  }
41347
- .cn-record-list__due--danger[data-v-2c65cbc2] {
41995
+ .cn-record-list__due--danger[data-v-544b79cd] {
41348
41996
  color: var(--color-text-error, var(--color-error-text));
41349
41997
  font-weight: 600;
41350
41998
  }
41351
- .cn-record-list__table[data-v-2c65cbc2] {
41999
+ .cn-record-list__table[data-v-544b79cd] {
41352
42000
  width: 100%;
41353
42001
  border-collapse: collapse;
41354
42002
  font-size: 14px;
41355
42003
  }
41356
- .cn-record-list__table th[data-v-2c65cbc2] {
42004
+ .cn-record-list__table th[data-v-544b79cd] {
41357
42005
  padding: 6px 0;
41358
42006
  border-bottom: 1px solid var(--color-border);
41359
42007
  color: var(--color-text-maxcontrast);
41360
42008
  font-weight: 600;
41361
42009
  text-align: start;
41362
42010
  }
41363
- .cn-record-list__table td[data-v-2c65cbc2] {
42011
+ .cn-record-list__table td[data-v-544b79cd] {
41364
42012
  padding: 8px 0;
41365
42013
  border-bottom: 1px solid var(--color-border);
41366
42014
  }
41367
- .cn-record-list__cell-sub[data-v-2c65cbc2] {
42015
+ .cn-record-list__cell-sub[data-v-544b79cd] {
41368
42016
  display: block;
41369
42017
  color: var(--color-text-maxcontrast);
41370
42018
  font-size: 13px;
41371
42019
  }
41372
- .cn-record-list__table .cn-record-list__cell--actions[data-v-2c65cbc2] {
42020
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-544b79cd] {
41373
42021
  width: 1%;
41374
42022
  padding-inline-start: 12px;
41375
42023
  text-align: end;
41376
42024
  white-space: nowrap;
41377
42025
  }
41378
- .cn-record-list__sort[data-v-2c65cbc2] {
42026
+ .cn-record-list__sort[data-v-544b79cd] {
41379
42027
  display: inline-flex;
41380
42028
  gap: 4px;
41381
42029
  align-items: center;
@@ -41388,75 +42036,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41388
42036
  font: inherit;
41389
42037
  cursor: pointer;
41390
42038
  }
41391
- .cn-record-list__sort[data-v-2c65cbc2]:focus-visible {
42039
+ .cn-record-list__sort[data-v-544b79cd]:focus-visible {
41392
42040
  outline: 2px solid var(--color-primary-element);
41393
42041
  outline-offset: 2px;
41394
42042
  }
41395
- .cn-record-list__sort-mark[data-v-2c65cbc2] {
42043
+ .cn-record-list__sort-mark[data-v-544b79cd] {
41396
42044
  font-size: 10px;
41397
42045
  }
41398
- .cn-record-list__table .cn-record-list__cell--end[data-v-2c65cbc2] {
42046
+ .cn-record-list__table .cn-record-list__cell--end[data-v-544b79cd] {
41399
42047
  padding-inline-start: 12px;
41400
42048
  text-align: end;
41401
42049
  font-variant-numeric: tabular-nums;
41402
42050
  }
41403
- .cn-record-list__table .cn-record-list__cell--alert[data-v-2c65cbc2] {
42051
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-544b79cd] {
41404
42052
  color: var(--color-text-error, var(--color-error-text));
41405
42053
  font-weight: 700;
41406
42054
  }
41407
- .cn-record-list__intro[data-v-2c65cbc2] {
42055
+ .cn-record-list__intro[data-v-544b79cd] {
41408
42056
  margin: 0 0 8px;
41409
42057
  color: var(--color-text-maxcontrast);
41410
42058
  }
41411
- .cn-record-list__footnote[data-v-2c65cbc2] {
42059
+ .cn-record-list__footnote[data-v-544b79cd] {
41412
42060
  margin: 8px 0 0;
41413
42061
  color: var(--color-text-maxcontrast);
41414
42062
  font-size: 13px;
41415
42063
  }
41416
- .cn-record-list__due--soon[data-v-2c65cbc2] {
42064
+ .cn-record-list__due--soon[data-v-544b79cd] {
41417
42065
  color: var(--color-text-warning, var(--color-warning-text));
41418
42066
  font-weight: 600;
41419
42067
  }
41420
- .cn-record-list__due--empty[data-v-2c65cbc2] {
42068
+ .cn-record-list__due--empty[data-v-544b79cd] {
41421
42069
  color: var(--color-text-maxcontrast);
41422
42070
  }
41423
- .cn-record-list__row--action[data-v-2c65cbc2] {
42071
+ .cn-record-list__row--action[data-v-544b79cd] {
41424
42072
  flex-wrap: wrap;
41425
42073
  gap: 8px 16px;
41426
42074
  padding: 14px 0;
41427
42075
  }
41428
- .cn-record-list__row--action .cn-record-list__main[data-v-2c65cbc2] {
42076
+ .cn-record-list__row--action .cn-record-list__main[data-v-544b79cd] {
41429
42077
  flex: 1 1 280px;
41430
42078
  gap: 3px;
41431
42079
  }
41432
- .cn-record-list__title--link[data-v-2c65cbc2] {
42080
+ .cn-record-list__title--link[data-v-544b79cd] {
41433
42081
  color: var(--color-main-text);
41434
42082
  text-decoration: underline;
41435
42083
  }
41436
- .cn-record-list__pills[data-v-2c65cbc2] {
42084
+ .cn-record-list__pills[data-v-544b79cd] {
41437
42085
  display: flex;
41438
42086
  flex: 0 0 120px;
41439
42087
  gap: 6px;
41440
42088
  justify-content: flex-end;
41441
42089
  }
41442
- .cn-record-list__due--below[data-v-2c65cbc2] {
42090
+ .cn-record-list__due--below[data-v-544b79cd] {
41443
42091
  font-size: 13px;
41444
42092
  font-weight: 600;
41445
42093
  white-space: normal;
41446
42094
  }
41447
- .cn-record-list__footer-link[data-v-2c65cbc2] {
42095
+ .cn-record-list__footer-link[data-v-544b79cd] {
41448
42096
  align-self: flex-start;
41449
42097
  padding-top: 8px;
41450
42098
  font-size: 14px;
41451
42099
  font-weight: 600;
41452
42100
  text-decoration: underline;
41453
42101
  }
41454
- .cn-record-list__due--column[data-v-2c65cbc2] {
42102
+ .cn-record-list__due--column[data-v-544b79cd] {
41455
42103
  flex: 0 0 96px;
41456
42104
  font-size: 13px;
41457
42105
  text-align: end;
41458
42106
  }
41459
- .cn-record-list__action[data-v-2c65cbc2] {
42107
+ .cn-record-list__action[data-v-544b79cd] {
41460
42108
  align-items: center;
41461
42109
  background: var(--color-primary-element-light);
41462
42110
  border: 0;
@@ -41473,11 +42121,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41473
42121
  padding: 0 14px;
41474
42122
  text-decoration: none;
41475
42123
  }
41476
- .cn-record-list__action[data-v-2c65cbc2]:hover,
41477
- .cn-record-list__action[data-v-2c65cbc2]:focus-visible {
42124
+ .cn-record-list__action[data-v-544b79cd]:hover,
42125
+ .cn-record-list__action[data-v-544b79cd]:focus-visible {
41478
42126
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
41479
42127
  }
41480
- .cn-record-list__chevron[data-v-2c65cbc2] {
42128
+ .cn-record-list__chevron[data-v-544b79cd] {
41481
42129
  color: var(--color-text-maxcontrast);
41482
42130
  flex: none;
41483
42131
  }
@@ -41485,15 +42133,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41485
42133
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
41486
42134
  tiles in a grid, the title at 14px regular. The selectors outrank the board
41487
42135
  look's list row rules. */
41488
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-2c65cbc2] {
42136
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-544b79cd] {
41489
42137
  display: grid;
41490
42138
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
41491
42139
  gap: 8px;
41492
42140
  }
41493
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-2c65cbc2] {
42141
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-544b79cd] {
41494
42142
  border-top: 0;
41495
42143
  }
41496
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-2c65cbc2] {
42144
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-544b79cd] {
41497
42145
  box-sizing: border-box;
41498
42146
  height: 100%;
41499
42147
  gap: 10px;
@@ -41502,19 +42150,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41502
42150
  border: 1px solid var(--cn-board-hairline, var(--color-border));
41503
42151
  border-radius: 8px;
41504
42152
  }
41505
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-2c65cbc2] {
42153
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-544b79cd] {
41506
42154
  font-size: 14px;
41507
42155
  font-weight: 400;
41508
42156
  }
41509
42157
 
41510
42158
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
41511
- .cn-record-list--cards .cn-record-list__list[data-v-2c65cbc2] {
42159
+ .cn-record-list--cards .cn-record-list__list[data-v-544b79cd] {
41512
42160
  align-items: start;
41513
42161
  display: grid;
41514
42162
  gap: 16px;
41515
42163
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
41516
42164
  }
41517
- .cn-record-list__card[data-v-2c65cbc2] {
42165
+ .cn-record-list__card[data-v-544b79cd] {
41518
42166
  background: var(--color-main-background);
41519
42167
  border: 1px solid var(--color-border);
41520
42168
  border-radius: 12px;
@@ -41526,51 +42174,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41526
42174
  padding: 16px 18px;
41527
42175
  text-decoration: none;
41528
42176
  }
41529
- .cn-record-list__card--link[data-v-2c65cbc2]:hover,
41530
- .cn-record-list__card--link[data-v-2c65cbc2]:focus-visible {
42177
+ .cn-record-list__card--link[data-v-544b79cd]:hover,
42178
+ .cn-record-list__card--link[data-v-544b79cd]:focus-visible {
41531
42179
  border-color: var(--color-border-dark, var(--color-border));
41532
42180
  }
41533
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-2c65cbc2],
41534
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
42181
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-544b79cd],
42182
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-544b79cd] {
41535
42183
  text-decoration: underline;
41536
42184
  }
41537
- .cn-record-list__card-head[data-v-2c65cbc2] {
42185
+ .cn-record-list__card-head[data-v-544b79cd] {
41538
42186
  align-items: center;
41539
42187
  display: flex;
41540
42188
  gap: 8px;
41541
42189
  justify-content: space-between;
41542
42190
  }
41543
- .cn-record-list__card-title[data-v-2c65cbc2] {
42191
+ .cn-record-list__card-title[data-v-544b79cd] {
41544
42192
  align-items: center;
41545
42193
  display: flex;
41546
42194
  gap: 8px;
41547
42195
  min-width: 0;
41548
42196
  }
41549
- .cn-record-list__card-icon[data-v-2c65cbc2] {
42197
+ .cn-record-list__card-icon[data-v-544b79cd] {
41550
42198
  color: var(--color-primary-element);
41551
42199
  flex: none;
41552
42200
  }
41553
- .cn-record-list__card-pills[data-v-2c65cbc2] {
42201
+ .cn-record-list__card-pills[data-v-544b79cd] {
41554
42202
  display: flex;
41555
42203
  flex: none;
41556
42204
  gap: 6px;
41557
42205
  }
41558
- .cn-record-list__card-value[data-v-2c65cbc2] {
42206
+ .cn-record-list__card-value[data-v-544b79cd] {
41559
42207
  font-size: 24px;
41560
42208
  font-weight: 700;
41561
42209
  }
41562
42210
 
41563
42211
  /* feed */
41564
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
42212
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-544b79cd] {
41565
42213
  border-top: 1px solid var(--color-border);
41566
42214
  }
41567
- .cn-record-list__feed-row[data-v-2c65cbc2] {
42215
+ .cn-record-list__feed-row[data-v-544b79cd] {
41568
42216
  align-items: flex-start;
41569
42217
  display: flex;
41570
42218
  gap: 14px;
41571
42219
  padding: 12px 0;
41572
42220
  }
41573
- .cn-record-list__feed-icon[data-v-2c65cbc2] {
42221
+ .cn-record-list__feed-icon[data-v-544b79cd] {
41574
42222
  align-items: center;
41575
42223
  background: var(--color-primary-element-light);
41576
42224
  border-radius: 50%;
@@ -41581,25 +42229,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41581
42229
  justify-content: center;
41582
42230
  width: 36px;
41583
42231
  }
41584
- .cn-record-list__text[data-v-2c65cbc2] {
42232
+ .cn-record-list__text[data-v-544b79cd] {
41585
42233
  font-size: 15px;
41586
42234
  }
41587
- .cn-record-list--feed .cn-record-list__main[data-v-2c65cbc2] {
42235
+ .cn-record-list--feed .cn-record-list__main[data-v-544b79cd] {
41588
42236
  color: var(--color-main-text);
41589
42237
  text-decoration: none;
41590
42238
  }
41591
42239
 
41592
42240
  /* inline */
41593
- .cn-record-list__inline-row[data-v-2c65cbc2] {
42241
+ .cn-record-list__inline-row[data-v-544b79cd] {
41594
42242
  padding: 4px 0;
41595
42243
  }
41596
- .cn-record-list__label[data-v-2c65cbc2] {
42244
+ .cn-record-list__label[data-v-544b79cd] {
41597
42245
  margin-inline-end: 4px;
41598
42246
  }
41599
- .cn-record-list__inline-title[data-v-2c65cbc2] {
42247
+ .cn-record-list__inline-title[data-v-544b79cd] {
41600
42248
  color: var(--color-main-text);
41601
42249
  }
41602
- a.cn-record-list__inline-title[data-v-2c65cbc2] {
42250
+ a.cn-record-list__inline-title[data-v-544b79cd] {
41603
42251
  color: var(--color-primary-element);
41604
42252
  text-decoration: underline;
41605
42253
  }
@@ -42080,22 +42728,22 @@ a.cn-record-list__inline-title[data-v-2c65cbc2] {
42080
42728
  }
42081
42729
 
42082
42730
 
42083
- .cn-object-parties[data-v-0c4e5c0c] {
42731
+ .cn-object-parties[data-v-44731ec4] {
42084
42732
  display: flex;
42085
42733
  flex-direction: column;
42086
42734
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42087
42735
  }
42088
- .cn-object-parties__verdicts[data-v-0c4e5c0c] {
42736
+ .cn-object-parties__verdicts[data-v-44731ec4] {
42089
42737
  display: flex;
42090
42738
  flex-direction: column;
42091
42739
  gap: var(--default-grid-baseline, 4px);
42092
42740
  }
42093
- .cn-object-parties__role-label[data-v-0c4e5c0c] {
42741
+ .cn-object-parties__role-label[data-v-44731ec4] {
42094
42742
  margin: 0 0 var(--default-grid-baseline, 4px) 0;
42095
42743
  color: var(--color-text-maxcontrast);
42096
42744
  font-size: 0.9em;
42097
42745
  }
42098
- .cn-object-parties__list[data-v-0c4e5c0c] {
42746
+ .cn-object-parties__list[data-v-44731ec4] {
42099
42747
  display: flex;
42100
42748
  flex-direction: column;
42101
42749
  gap: var(--default-grid-baseline, 4px);
@@ -42103,7 +42751,7 @@ a.cn-record-list__inline-title[data-v-2c65cbc2] {
42103
42751
  padding: 0;
42104
42752
  list-style: none;
42105
42753
  }
42106
- .cn-object-parties__party[data-v-0c4e5c0c] {
42754
+ .cn-object-parties__party[data-v-44731ec4] {
42107
42755
  display: flex;
42108
42756
  flex-wrap: wrap;
42109
42757
  align-items: center;
@@ -42111,33 +42759,33 @@ a.cn-record-list__inline-title[data-v-2c65cbc2] {
42111
42759
  padding: var(--default-grid-baseline, 4px);
42112
42760
  border-radius: var(--border-radius, 4px);
42113
42761
  }
42114
- .cn-object-parties__party[data-v-0c4e5c0c]:hover {
42762
+ .cn-object-parties__party[data-v-44731ec4]:hover {
42115
42763
  background-color: var(--color-background-hover);
42116
42764
  }
42117
- .cn-object-parties__name[data-v-0c4e5c0c] {
42765
+ .cn-object-parties__name[data-v-44731ec4] {
42118
42766
  font-weight: bold;
42119
42767
  }
42120
- .cn-object-parties__muted[data-v-0c4e5c0c] {
42768
+ .cn-object-parties__muted[data-v-44731ec4] {
42121
42769
  color: var(--color-text-maxcontrast);
42122
42770
  }
42123
- .cn-object-parties__manage[data-v-0c4e5c0c] {
42771
+ .cn-object-parties__manage[data-v-44731ec4] {
42124
42772
  display: flex;
42125
42773
  justify-content: flex-end;
42126
42774
  }
42127
- .cn-object-parties__remove[data-v-0c4e5c0c] {
42775
+ .cn-object-parties__remove[data-v-44731ec4] {
42128
42776
  margin-inline-start: auto;
42129
42777
  }
42130
- .cn-object-parties__main-card[data-v-0c4e5c0c] {
42778
+ .cn-object-parties__main-card[data-v-44731ec4] {
42131
42779
  display: flex;
42132
42780
  flex-direction: column;
42133
42781
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42134
42782
  }
42135
- .cn-object-parties__main[data-v-0c4e5c0c] {
42783
+ .cn-object-parties__main[data-v-44731ec4] {
42136
42784
  display: flex;
42137
42785
  align-items: center;
42138
42786
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42139
42787
  }
42140
- .cn-object-parties__main-initials[data-v-0c4e5c0c] {
42788
+ .cn-object-parties__main-initials[data-v-44731ec4] {
42141
42789
  display: flex;
42142
42790
  flex: none;
42143
42791
  align-items: center;
@@ -42149,28 +42797,28 @@ a.cn-record-list__inline-title[data-v-2c65cbc2] {
42149
42797
  color: var(--color-main-text);
42150
42798
  font-weight: 700;
42151
42799
  }
42152
- .cn-object-parties__main-text[data-v-0c4e5c0c] {
42800
+ .cn-object-parties__main-text[data-v-44731ec4] {
42153
42801
  display: flex;
42154
42802
  flex-direction: column;
42155
42803
  }
42156
- .cn-object-parties__main-name[data-v-0c4e5c0c] {
42804
+ .cn-object-parties__main-name[data-v-44731ec4] {
42157
42805
  font-size: 15px;
42158
42806
  }
42159
- .cn-object-parties__main-role[data-v-0c4e5c0c] {
42807
+ .cn-object-parties__main-role[data-v-44731ec4] {
42160
42808
  font-size: 13px;
42161
42809
  }
42162
- .cn-object-parties__main-email[data-v-0c4e5c0c] {
42810
+ .cn-object-parties__main-email[data-v-44731ec4] {
42163
42811
  display: flex;
42164
42812
  align-items: center;
42165
42813
  gap: calc(var(--default-grid-baseline, 4px) * 2.5);
42166
42814
  color: var(--color-main-text);
42167
42815
  overflow-wrap: anywhere;
42168
42816
  }
42169
- .cn-object-parties__main-link[data-v-0c4e5c0c] {
42817
+ .cn-object-parties__main-link[data-v-44731ec4] {
42170
42818
  color: var(--color-primary-element);
42171
42819
  font-weight: 600;
42172
42820
  }
42173
- .cn-object-parties__accepted[data-v-0c4e5c0c] {
42821
+ .cn-object-parties__accepted[data-v-44731ec4] {
42174
42822
  display: flex;
42175
42823
  flex-wrap: wrap;
42176
42824
  align-items: center;
@@ -42179,10 +42827,10 @@ a.cn-record-list__inline-title[data-v-2c65cbc2] {
42179
42827
  border-radius: var(--border-radius-large, 10px);
42180
42828
  background-color: var(--color-background-hover);
42181
42829
  }
42182
- .cn-object-parties__accepted-label[data-v-0c4e5c0c] {
42830
+ .cn-object-parties__accepted-label[data-v-44731ec4] {
42183
42831
  font-weight: 600;
42184
42832
  }
42185
- .cn-object-parties__accepted-kind[data-v-0c4e5c0c] {
42833
+ .cn-object-parties__accepted-kind[data-v-44731ec4] {
42186
42834
  border: 1px solid var(--color-border-dark);
42187
42835
  }
42188
42836
 
@@ -46430,26 +47078,26 @@ to {
46430
47078
  text-decoration: underline;
46431
47079
  }
46432
47080
  @charset "UTF-8";
46433
- .cn-choice-cards[data-v-cfc2a11a] {
47081
+ .cn-choice-cards[data-v-51150930] {
46434
47082
  border: none;
46435
47083
  padding: 0;
46436
47084
  margin: 0;
46437
47085
  min-inline-size: 0;
46438
47086
  }
46439
47087
 
46440
- .cn-choice-cards__legend[data-v-cfc2a11a] {
47088
+ .cn-choice-cards__legend[data-v-51150930] {
46441
47089
  padding: 0;
46442
47090
  margin-block-end: 8px;
46443
47091
  font-weight: bold;
46444
47092
  }
46445
47093
 
46446
- .cn-choice-cards__loading[data-v-cfc2a11a] {
47094
+ .cn-choice-cards__loading[data-v-51150930] {
46447
47095
  display: flex;
46448
47096
  justify-content: center;
46449
47097
  padding: 24px 0;
46450
47098
  }
46451
47099
 
46452
- .cn-choice-cards__grid[data-v-cfc2a11a] {
47100
+ .cn-choice-cards__grid[data-v-51150930] {
46453
47101
  display: grid;
46454
47102
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
46455
47103
  gap: 12px;
@@ -46461,26 +47109,26 @@ to {
46461
47109
  padding: 12px;
46462
47110
  }
46463
47111
 
46464
- .cn-choice-cards__cell[data-v-cfc2a11a] {
47112
+ .cn-choice-cards__cell[data-v-51150930] {
46465
47113
  display: flex;
46466
47114
  flex-direction: column;
46467
47115
  gap: 8px;
46468
47116
  min-inline-size: 0;
46469
47117
  }
46470
47118
 
46471
- .cn-choice-cards__actions[data-v-cfc2a11a] {
47119
+ .cn-choice-cards__actions[data-v-51150930] {
46472
47120
  display: flex;
46473
47121
  flex-direction: column;
46474
47122
  gap: 4px;
46475
47123
  }
46476
47124
 
46477
- .cn-choice-cards__option[data-v-cfc2a11a] {
47125
+ .cn-choice-cards__option[data-v-51150930] {
46478
47126
  position: relative;
46479
47127
  display: block;
46480
47128
  cursor: pointer;
46481
47129
  }
46482
47130
 
46483
- .cn-choice-cards__input[data-v-cfc2a11a] {
47131
+ .cn-choice-cards__input[data-v-51150930] {
46484
47132
  position: absolute;
46485
47133
  inset-block-start: 16px;
46486
47134
  inset-inline-end: 14px;
@@ -46490,7 +47138,7 @@ to {
46490
47138
  }
46491
47139
 
46492
47140
  /* Room for the input, so a long title never runs underneath it. */
46493
- .cn-choice-cards__option[data-v-cfc2a11a] .cn-card {
47141
+ .cn-choice-cards__option[data-v-51150930] .cn-card {
46494
47142
  padding-inline-end: 44px;
46495
47143
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
46496
47144
  }
@@ -46501,33 +47149,33 @@ to {
46501
47149
  touches a card, and the grid twitches. The border colour below already
46502
47150
  carries hover, so the scale is dropped: at (0,3,0) this beats the global
46503
47151
  `.cn-card:hover` at (0,2,0). */
46504
- .cn-choice-cards__option[data-v-cfc2a11a]:hover .cn-card {
47152
+ .cn-choice-cards__option[data-v-51150930]:hover .cn-card {
46505
47153
  border-color: var(--color-primary-element);
46506
47154
  transform: none;
46507
47155
  }
46508
47156
 
46509
47157
  /* The focus ring belongs on the card, not on the small input inside it. */
46510
- .cn-choice-cards__input[data-v-cfc2a11a]:focus-visible + .cn-card {
47158
+ .cn-choice-cards__input[data-v-51150930]:focus-visible + .cn-card {
46511
47159
  outline: 2px solid var(--color-primary-element);
46512
47160
  outline-offset: 2px;
46513
47161
  }
46514
47162
 
46515
- .cn-choice-cards__input[data-v-cfc2a11a]:disabled {
47163
+ .cn-choice-cards__input[data-v-51150930]:disabled {
46516
47164
  cursor: default;
46517
47165
  }
46518
47166
 
46519
- .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-cfc2a11a] + .cn-card {
47167
+ .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-51150930] + .cn-card {
46520
47168
  opacity: 0.6;
46521
47169
  }
46522
47170
 
46523
- .cn-choice-cards__rows[data-v-cfc2a11a] {
47171
+ .cn-choice-cards__rows[data-v-51150930] {
46524
47172
  display: flex;
46525
47173
  flex-direction: column;
46526
47174
  gap: 8px;
46527
47175
  }
46528
47176
 
46529
47177
  /* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
46530
- .cn-choice-cards__row[data-v-cfc2a11a] {
47178
+ .cn-choice-cards__row[data-v-51150930] {
46531
47179
  display: flex;
46532
47180
  align-items: flex-start;
46533
47181
  gap: 12px;
@@ -46538,12 +47186,12 @@ to {
46538
47186
  cursor: pointer;
46539
47187
  }
46540
47188
 
46541
- .cn-choice-cards__row[data-v-cfc2a11a]:hover {
47189
+ .cn-choice-cards__row[data-v-51150930]:hover {
46542
47190
  border-color: var(--color-border-dark);
46543
47191
  }
46544
47192
 
46545
- .cn-choice-cards__row--selected[data-v-cfc2a11a],
46546
- .cn-choice-cards__row--selected[data-v-cfc2a11a]:hover {
47193
+ .cn-choice-cards__row--selected[data-v-51150930],
47194
+ .cn-choice-cards__row--selected[data-v-51150930]:hover {
46547
47195
  border-color: var(--color-primary-element);
46548
47196
  /* The second pixel of the 2px selected border, without moving the content. */
46549
47197
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
@@ -46552,8 +47200,8 @@ to {
46552
47200
 
46553
47201
  /* An option this record does not allow: the grey ground and the muted ink,
46554
47202
  still legible (DqVolgendeStap), not faded. */
46555
- .cn-choice-cards__row--disabled[data-v-cfc2a11a],
46556
- .cn-choice-cards__row--disabled[data-v-cfc2a11a]:hover {
47203
+ .cn-choice-cards__row--disabled[data-v-51150930],
47204
+ .cn-choice-cards__row--disabled[data-v-51150930]:hover {
46557
47205
  border-color: var(--color-border);
46558
47206
  background: var(--color-background-hover);
46559
47207
  color: var(--color-text-maxcontrast);
@@ -46562,80 +47210,81 @@ to {
46562
47210
 
46563
47211
  /* The title takes the muted ink itself: a theme that colours every label
46564
47212
  with `!important` (thematiq) would otherwise hand it the label colour. */
46565
- .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-cfc2a11a] {
47213
+ .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-51150930] {
46566
47214
  color: var(--color-text-maxcontrast);
46567
47215
  }
46568
47216
 
46569
47217
  /* The chosen option's fields share the selected row's frame: the cell draws
46570
47218
  the 2px primary border and the ground, the row inside it draws none, and
46571
47219
  the fields sit under the text, indented to it (DqVolgendeStap). */
46572
- .cn-choice-cards__cell--with-details[data-v-cfc2a11a] {
47220
+ .cn-choice-cards__cell--with-details[data-v-51150930] {
46573
47221
  border: 1px solid var(--color-primary-element);
46574
47222
  border-radius: var(--border-radius-large, 8px);
46575
47223
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
46576
47224
  background: var(--color-primary-element-light);
46577
47225
  }
46578
47226
 
46579
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a],
46580
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a]:hover {
47227
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-51150930],
47228
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-51150930]:hover {
46581
47229
  border-color: transparent;
46582
47230
  box-shadow: none;
46583
47231
  background: transparent;
46584
47232
  }
46585
47233
 
46586
- .cn-choice-cards__details[data-v-cfc2a11a] {
47234
+ .cn-choice-cards__details[data-v-51150930] {
46587
47235
  display: flex;
46588
47236
  flex-direction: column;
46589
47237
  gap: 14px;
46590
47238
  padding: 0 14px 14px 44px;
46591
47239
  }
46592
47240
 
46593
- .cn-choice-cards__row--readonly[data-v-cfc2a11a] {
47241
+ .cn-choice-cards__row--readonly[data-v-51150930] {
46594
47242
  cursor: default;
46595
47243
  }
46596
47244
 
46597
- .cn-choice-cards__row--readonly[data-v-cfc2a11a]:not(.cn-choice-cards__row--selected):hover {
47245
+ .cn-choice-cards__row--readonly[data-v-51150930]:not(.cn-choice-cards__row--selected):hover {
46598
47246
  border-color: var(--color-border);
46599
47247
  }
46600
47248
 
46601
- .cn-choice-cards__row[data-v-cfc2a11a]:has(.cn-choice-cards__row-input:focus-visible) {
47249
+ .cn-choice-cards__row[data-v-51150930]:has(.cn-choice-cards__row-input:focus-visible) {
46602
47250
  outline: 2px solid var(--color-primary-element);
46603
47251
  outline-offset: 2px;
46604
47252
  }
46605
47253
 
46606
- .cn-choice-cards__row-input[data-v-cfc2a11a] {
47254
+ .cn-choice-cards__row-input[data-v-51150930] {
46607
47255
  flex: none;
46608
47256
  margin: 2px 0 0;
46609
47257
  accent-color: var(--color-primary-element);
46610
47258
  cursor: inherit;
46611
47259
  }
46612
47260
 
46613
- .cn-choice-cards__row-icon[data-v-cfc2a11a] {
47261
+ .cn-choice-cards__row-icon[data-v-51150930] {
46614
47262
  flex: none;
46615
47263
  }
46616
47264
 
46617
- .cn-choice-cards__row-text[data-v-cfc2a11a] {
47265
+ .cn-choice-cards__row-text[data-v-51150930] {
46618
47266
  display: flex;
46619
47267
  flex-direction: column;
46620
47268
  gap: 2px;
46621
47269
  min-width: 0;
46622
47270
  }
46623
47271
 
46624
- .cn-choice-cards__row-title[data-v-cfc2a11a] {
47272
+ .cn-choice-cards__row-title[data-v-51150930] {
46625
47273
  font-size: 15px;
46626
47274
  font-weight: 600;
47275
+ line-height: 1.2;
46627
47276
  }
46628
47277
 
46629
47278
  /* Regular weight on the span itself: a theme that sets every label bold
46630
47279
  with `!important` (thematiq) reaches a span that only inherits. */
46631
- .cn-choice-cards__row-description[data-v-cfc2a11a],
46632
- .cn-choice-cards__reason[data-v-cfc2a11a] {
47280
+ .cn-choice-cards__row-description[data-v-51150930],
47281
+ .cn-choice-cards__reason[data-v-51150930] {
46633
47282
  font-size: 13px;
46634
47283
  font-weight: 400;
46635
47284
  color: var(--color-text-maxcontrast);
46636
47285
  }
46637
47286
 
46638
- .cn-choice-cards__reason--card[data-v-cfc2a11a] {
47287
+ .cn-choice-cards__reason--card[data-v-51150930] {
46639
47288
  display: block;
46640
47289
  margin-block-start: 4px;
46641
47290
  }
@@ -46740,33 +47389,33 @@ to {
46740
47389
  }
46741
47390
 
46742
47391
 
46743
- .cn-admin-settings-shell[data-v-447d33ea] {
47392
+ .cn-admin-settings-shell[data-v-69055093] {
46744
47393
  max-width: 900px;
46745
47394
  }
46746
47395
 
46747
47396
  /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
46748
47397
 
46749
47398
  /* A tab without a panel of its own: the cards below the strip carry the gap. */
46750
- .cn-admin-settings-shell__tabs--bare[data-v-447d33ea] > .cn-tabs__content {
47399
+ .cn-admin-settings-shell__tabs--bare[data-v-69055093] > .cn-tabs__content {
46751
47400
  padding-top: 0;
46752
47401
  }
46753
- .cn-support-info[data-v-447d33ea] {
47402
+ .cn-support-info[data-v-69055093] {
46754
47403
  margin-top: 16px;
46755
47404
  padding-top: 16px;
46756
47405
  border-top: 1px solid var(--color-border);
46757
47406
  }
46758
- .cn-support-info h4[data-v-447d33ea] {
47407
+ .cn-support-info h4[data-v-69055093] {
46759
47408
  margin: 0 0 8px 0;
46760
47409
  font-size: 14px;
46761
47410
  font-weight: 600;
46762
47411
  color: var(--color-main-text);
46763
47412
  }
46764
- .cn-support-info p[data-v-447d33ea] {
47413
+ .cn-support-info p[data-v-69055093] {
46765
47414
  margin: 4px 0;
46766
47415
  color: var(--color-text-maxcontrast);
46767
47416
  font-size: 14px;
46768
47417
  }
46769
- .cn-support-info a[data-v-447d33ea] {
47418
+ .cn-support-info a[data-v-69055093] {
46770
47419
  color: var(--color-primary-element);
46771
47420
  }
46772
47421
 
@@ -50276,12 +50925,12 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50276
50925
  }
50277
50926
 
50278
50927
 
50279
- .cn-action-dialog[data-v-a3810b54] {
50928
+ .cn-action-dialog[data-v-60a1dc8f] {
50280
50929
  display: flex;
50281
50930
  flex-direction: column;
50282
50931
  gap: 16px;
50283
50932
  }
50284
- .cn-action-dialog__summary[data-v-a3810b54] {
50933
+ .cn-action-dialog__summary[data-v-60a1dc8f] {
50285
50934
  display: flex;
50286
50935
  align-items: center;
50287
50936
  gap: 12px;
@@ -50291,7 +50940,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50291
50940
  }
50292
50941
 
50293
50942
  /* The record's icon on a tinted tile (DqArchiveren). */
50294
- .cn-action-dialog__summary-icon[data-v-a3810b54] {
50943
+ .cn-action-dialog__summary-icon[data-v-60a1dc8f] {
50295
50944
  display: flex;
50296
50945
  flex: none;
50297
50946
  align-items: center;
@@ -50302,20 +50951,21 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50302
50951
  background: var(--color-primary-element-light);
50303
50952
  color: var(--color-primary-element-light-text);
50304
50953
  }
50305
- .cn-action-dialog__summary-text strong[data-v-a3810b54] {
50954
+ .cn-action-dialog__summary-text strong[data-v-60a1dc8f] {
50306
50955
  font-size: 15px;
50307
50956
  font-weight: 600;
50957
+ line-height: 1.2;
50308
50958
  }
50309
- .cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
50959
+ .cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-60a1dc8f] {
50310
50960
  font-size: 13px;
50311
50961
  }
50312
- .cn-action-dialog__summary-text[data-v-a3810b54] {
50962
+ .cn-action-dialog__summary-text[data-v-60a1dc8f] {
50313
50963
  display: flex;
50314
50964
  flex: 1 1 auto;
50315
50965
  flex-direction: column;
50316
50966
  min-width: 0;
50317
50967
  }
50318
- .cn-action-dialog__badge[data-v-a3810b54] {
50968
+ .cn-action-dialog__badge[data-v-60a1dc8f] {
50319
50969
  padding: 3px 10px;
50320
50970
  border-radius: 12px;
50321
50971
  background: var(--color-background-dark);
@@ -50323,7 +50973,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50323
50973
  font-weight: 600;
50324
50974
  white-space: nowrap;
50325
50975
  }
50326
- .cn-action-dialog__title[data-v-a3810b54] {
50976
+ .cn-action-dialog__title[data-v-60a1dc8f] {
50327
50977
  margin: 0 0 8px;
50328
50978
  font-size: 14px;
50329
50979
  font-weight: 600;
@@ -50331,13 +50981,13 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50331
50981
 
50332
50982
  /* Facts in columns of at least 200px, each a label over its value above a
50333
50983
  hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
50334
- .cn-action-dialog__facts[data-v-a3810b54] {
50984
+ .cn-action-dialog__facts[data-v-60a1dc8f] {
50335
50985
  display: grid;
50336
50986
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
50337
50987
  gap: 12px 24px;
50338
50988
  margin: 0;
50339
50989
  }
50340
- .cn-action-dialog__fact[data-v-a3810b54] {
50990
+ .cn-action-dialog__fact[data-v-60a1dc8f] {
50341
50991
  display: flex;
50342
50992
  flex-direction: column;
50343
50993
  gap: 3px;
@@ -50347,20 +50997,20 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50347
50997
 
50348
50998
  /* The server draws every dt as a 130px right-aligned inline block and pads
50349
50999
  dt and dd 12px; a fact is a label over its value. */
50350
- .cn-action-dialog__facts dt[data-v-a3810b54],
50351
- .cn-action-dialog__facts dd[data-v-a3810b54] {
51000
+ .cn-action-dialog__facts dt[data-v-60a1dc8f],
51001
+ .cn-action-dialog__facts dd[data-v-60a1dc8f] {
50352
51002
  display: block;
50353
51003
  width: auto;
50354
51004
  white-space: normal;
50355
51005
  text-align: start;
50356
51006
  }
50357
- .cn-action-dialog__facts dt[data-v-a3810b54] {
51007
+ .cn-action-dialog__facts dt[data-v-60a1dc8f] {
50358
51008
  margin: 0;
50359
51009
  padding: 0;
50360
51010
  color: var(--color-text-maxcontrast);
50361
51011
  font-size: 13px;
50362
51012
  }
50363
- .cn-action-dialog__facts dd[data-v-a3810b54] {
51013
+ .cn-action-dialog__facts dd[data-v-60a1dc8f] {
50364
51014
  margin: 0;
50365
51015
  padding: 0;
50366
51016
  font-size: 15px;
@@ -50369,14 +51019,14 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50369
51019
 
50370
51020
  /* Checklist rows divided by hairlines, the detail at the row's end
50371
51021
  (DqArchiveren "Klaar om te archiveren"). */
50372
- .cn-action-dialog__checks[data-v-a3810b54] {
51022
+ .cn-action-dialog__checks[data-v-60a1dc8f] {
50373
51023
  display: flex;
50374
51024
  flex-direction: column;
50375
51025
  margin: 0;
50376
51026
  padding: 0;
50377
51027
  list-style: none;
50378
51028
  }
50379
- .cn-action-dialog__check[data-v-a3810b54] {
51029
+ .cn-action-dialog__check[data-v-60a1dc8f] {
50380
51030
  display: flex;
50381
51031
  flex-wrap: wrap;
50382
51032
  align-items: center;
@@ -50385,47 +51035,64 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50385
51035
  border-top: 1px solid var(--color-border);
50386
51036
  font-size: 15px;
50387
51037
  }
50388
- .cn-action-dialog__check-label[data-v-a3810b54] {
51038
+ .cn-action-dialog__check-label[data-v-60a1dc8f] {
50389
51039
  flex: 1 1 auto;
50390
51040
  font-weight: 600;
50391
51041
  }
50392
- .cn-action-dialog__check-icon[data-v-a3810b54] {
51042
+ .cn-action-dialog__check-icon[data-v-60a1dc8f] {
50393
51043
  color: var(--color-text-maxcontrast);
50394
51044
  }
50395
- .cn-action-dialog__check-icon--met[data-v-a3810b54] {
51045
+ .cn-action-dialog__check-icon--met[data-v-60a1dc8f] {
50396
51046
  color: var(--color-success-text, var(--color-success));
50397
51047
  }
50398
- .cn-action-dialog__muted[data-v-a3810b54] {
51048
+ .cn-action-dialog__muted[data-v-60a1dc8f] {
50399
51049
  color: var(--color-text-maxcontrast);
50400
51050
  font-size: 14px;
50401
51051
  }
50402
51052
 
50403
51053
  /* A checkbox field is a tinted box with a 2px edge, its label bold and its
50404
51054
  hint under it (DqArchiveren). */
50405
- .cn-action-dialog__checkbox[data-v-a3810b54] {
51055
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] {
50406
51056
  padding: 12px 14px;
50407
51057
  border: 2px solid var(--color-primary-element);
50408
51058
  border-radius: var(--border-radius-element, 8px);
50409
- background: var(--color-primary-element-light);
51059
+ background: var(--color-main-background);
50410
51060
  }
50411
- .cn-action-dialog__checkbox-text[data-v-a3810b54] {
51061
+
51062
+ /* The box sits at the card's inset, 12px before the label, the label on
51063
+ its first line (DqArchiveren "Sanne de Vries laten weten ..."):
51064
+ NcCheckboxRadioSwitch pads its row and centres a 34px target. */
51065
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-content {
51066
+ padding: 0;
51067
+ gap: 12px;
51068
+ align-items: flex-start;
51069
+ min-height: 0;
51070
+ }
51071
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-content__icon {
51072
+ margin: 0;
51073
+ }
51074
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-radio-switch__input {
51075
+ min-height: 0;
51076
+ }
51077
+ .cn-action-dialog__checkbox-text[data-v-60a1dc8f] {
50412
51078
  display: flex;
50413
51079
  flex-direction: column;
50414
51080
  gap: 2px;
50415
51081
  }
50416
- .cn-action-dialog__checkbox-label[data-v-a3810b54] {
51082
+ .cn-action-dialog__checkbox-label[data-v-60a1dc8f] {
50417
51083
  font-size: 15px;
50418
51084
  font-weight: 600;
51085
+ line-height: 1.2;
50419
51086
  }
50420
- .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
51087
+ .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-60a1dc8f] {
50421
51088
  font-size: 13px;
50422
51089
  }
50423
- .cn-action-dialog__field[data-v-a3810b54] {
51090
+ .cn-action-dialog__field[data-v-60a1dc8f] {
50424
51091
  display: flex;
50425
51092
  flex-direction: column;
50426
51093
  gap: 4px;
50427
51094
  }
50428
- .cn-action-dialog__error[data-v-a3810b54] {
51095
+ .cn-action-dialog__error[data-v-60a1dc8f] {
50429
51096
  margin: 0;
50430
51097
  color: var(--color-error-text, var(--color-error));
50431
51098
  }