@conduction/nextcloud-vue 2.141.0 → 2.143.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 (140) hide show
  1. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue.js +1 -1
  2. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js +27 -0
  3. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js.map +1 -1
  4. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js +1 -1
  5. package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js.map +1 -1
  6. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue2.js.map +1 -1
  7. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue3.js +2 -1
  8. package/dist/esm/components/CnAiCompanion/CnAiChatPanel.vue3.js.map +1 -1
  9. package/dist/esm/components/CnAiCompanion/CnAiInput.vue2.js +9 -0
  10. package/dist/esm/components/CnAiCompanion/CnAiInput.vue2.js.map +1 -1
  11. package/dist/esm/components/CnAiCompanion/CnAiInput.vue3.js +21 -22
  12. package/dist/esm/components/CnAiCompanion/CnAiInput.vue3.js.map +1 -1
  13. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
  14. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +29 -1
  15. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
  16. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js +28 -13
  17. package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js.map +1 -1
  18. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue.js +1 -1
  19. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js.map +1 -1
  20. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +2 -1
  21. package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
  22. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  23. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +13 -0
  24. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  25. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js +3 -3
  26. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  27. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
  28. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
  29. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
  30. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue.js +1 -1
  31. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js.map +1 -1
  32. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue3.js.map +1 -1
  33. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +21 -0
  34. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  35. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js +1 -1
  36. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  37. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  38. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  39. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +2 -1
  40. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  41. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  42. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +34 -3
  43. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  44. package/dist/esm/components/CnFactsWidget/CnFactsWidget.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 +70 -5
  47. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  48. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js +5 -3
  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 +36 -2
  55. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  56. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +2 -1
  57. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  58. package/dist/esm/components/CnIndexPage/useSelfFetchList.js +14 -0
  59. package/dist/esm/components/CnIndexPage/useSelfFetchList.js.map +1 -1
  60. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue.js +1 -1
  61. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js +3 -1
  62. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js.map +1 -1
  63. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js +2 -1
  64. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js.map +1 -1
  65. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js +6 -1
  66. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js.map +1 -1
  67. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue3.js.map +1 -1
  68. package/dist/esm/components/CnPartyPicker/CnPartyPicker.vue.js +1 -1
  69. package/dist/esm/components/CnPartyPicker/CnPartyPicker.vue2.js +31 -1
  70. package/dist/esm/components/CnPartyPicker/CnPartyPicker.vue2.js.map +1 -1
  71. package/dist/esm/components/CnPartyPicker/CnPartyPicker.vue3.js.map +1 -1
  72. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  73. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +12 -1
  74. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  75. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +2 -2
  76. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  77. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue.js +1 -1
  78. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue2.js.map +1 -1
  79. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue3.js.map +1 -1
  80. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +1 -1
  81. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +4 -0
  82. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -1
  83. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +18 -8
  84. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -1
  85. package/dist/esm/integrations/builtin/contacts/CnContactsTab.vue.js +1 -1
  86. package/dist/esm/integrations/builtin/contacts/CnContactsTab.vue2.js +52 -1
  87. package/dist/esm/integrations/builtin/contacts/CnContactsTab.vue2.js.map +1 -1
  88. package/dist/esm/integrations/builtin/contacts/CnContactsTab.vue3.js +119 -65
  89. package/dist/esm/integrations/builtin/contacts/CnContactsTab.vue3.js.map +1 -1
  90. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue.js +1 -1
  91. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js +86 -4
  92. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js.map +1 -1
  93. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js +67 -5
  94. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js.map +1 -1
  95. package/dist/esm/l10n/en.json.js +10 -1
  96. package/dist/esm/l10n/en.json.js.map +1 -1
  97. package/dist/esm/l10n/nl.json.js +12 -3
  98. package/dist/esm/l10n/nl.json.js.map +1 -1
  99. package/dist/esm/library-style.js +1 -1
  100. package/dist/esm/nextcloud-vue.css +976 -592
  101. package/dist/esm/utils/buildViewTree.js +23 -8
  102. package/dist/esm/utils/buildViewTree.js.map +1 -1
  103. package/dist/nextcloud-vue.cjs.js +1363 -734
  104. package/dist/nextcloud-vue.cjs.js.map +2 -2
  105. package/dist/nextcloud-vue.css +976 -592
  106. package/l10n/en.json +10 -1
  107. package/l10n/nl.json +12 -3
  108. package/package.json +1 -1
  109. package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue +28 -1
  110. package/src/components/CnAiCompanion/CnAiChatPanel.vue +12 -0
  111. package/src/components/CnAiCompanion/CnAiInput.vue +32 -1
  112. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +34 -4
  113. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +1 -0
  114. package/src/components/CnCellRenderer/CnCellRenderer.vue +15 -1
  115. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +8 -0
  116. package/src/components/CnChoiceCards/CnChoiceCards.vue +1 -0
  117. package/src/components/CnDataTable/CnDataTable.md +1 -0
  118. package/src/components/CnDataTable/CnDataTable.vue +22 -1
  119. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +1 -0
  120. package/src/components/CnFactsWidget/CnFactsWidget.vue +34 -3
  121. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +72 -7
  122. package/src/components/CnFilesBrowser/filesBrowser.js +17 -4
  123. package/src/components/CnFilesBrowser/filesBrowserColumns.js +20 -1
  124. package/src/components/CnIndexPage/CnIndexPage.vue +37 -2
  125. package/src/components/CnIndexPage/useSelfFetchList.js +14 -0
  126. package/src/components/CnObjectSidebar/CnFilesTab.vue +4 -1
  127. package/src/components/CnPageHeader/CnHeaderTrail.vue +6 -1
  128. package/src/components/CnPartyPicker/CnPartyPicker.vue +31 -1
  129. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +21 -1
  130. package/src/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue +6 -0
  131. package/src/components/CnTimelineWidget/CnTimelineManage.vue +10 -1
  132. package/src/css/dialog.css +18 -0
  133. package/src/css/look-board-detail.css +126 -0
  134. package/src/css/look-board-index.css +95 -1
  135. package/src/css/look-board.css +90 -1
  136. package/src/integrations/builtin/contacts/CnContactsTab.vue +101 -26
  137. package/src/integrations/builtin/contacts/__tests__/CnContactsTabBoardRows.spec.js +67 -0
  138. package/src/integrations/builtin/deck/CnDeckCard.vue +121 -2
  139. package/src/integrations/builtin/deck/__tests__/CnDeckCardHeaderActions.spec.js +68 -0
  140. package/src/utils/buildViewTree.js +23 -8
@@ -1525,6 +1525,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1525
1525
  connection's name opens its settings card). The underline marks the link.
1526
1526
  @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
1527
1527
  .cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
1528
+ /* thematiq colours every link with `!important` from these two tokens. */
1529
+ --nldesign-component-link-color: var(--color-main-text);
1530
+ --nldesign-color-on-surface: var(--color-main-text);
1528
1531
  color: var(--color-main-text);
1529
1532
  text-decoration: underline;
1530
1533
  }
@@ -1609,7 +1612,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1609
1612
  .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
1610
1613
  .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
1611
1614
  .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;
1615
+ /* 4px under the title and 14px above the content (PtBeheerinstellingen);
1616
+ the shell's `descGap` sets another gap, the content 10px further, as
1617
+ the boards drawn from NcBeheerInstellingen space them (6 and 16:
1618
+ DqBeheerinstellingen, LrBeheerinstellingen). The card's gap is 14px.
1619
+ @spec openspec/changes/board-settings-desc-spacing/specs/settings-board-look/spec.md */
1620
+ margin-top: calc(var(--cn-board-settings-desc-gap, 4px) - 14px);
1621
+ margin-bottom: calc(var(--cn-board-settings-desc-gap, 4px) - 4px);
1613
1622
  }
1614
1623
 
1615
1624
  .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
@@ -2189,6 +2198,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2189
2198
  padding: 20px var(--cn-board-dashboard-card-inset) calc(12px - var(--cn-board-first-line-leading, 0.15em));
2190
2199
  }
2191
2200
 
2201
+ /* Over a list that rules above its first row (record list ruleAbove, task
2202
+ list, decision list) the rule stands 6px under the title and the row's own
2203
+ 12px follows it: the boards' card is title, 6px, rule, row (DqMijnTeam
2204
+ "Vastgelopen zaken", DqMijnWerk "Zaken die u volgt").
2205
+ @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 */
2206
+ .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 {
2207
+ padding-bottom: 6px;
2208
+ }
2209
+
2192
2210
  /* ---- Macros rows (CnMacrosWidget) ---------------------------------------- */
2193
2211
  /* A macro reads as the boards draw a card's list row: the name at weight 500
2194
2212
  over its 13px line, both at the font's normal line height, 56px a row
@@ -2289,6 +2307,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
2289
2307
  line-height: normal;
2290
2308
  }
2291
2309
 
2310
+ /* A stacked audit row (DqTaak "Historie", `content.layout: "stacked"`): 12px
2311
+ above and below, the action 15px weight 600, the moment and who under it
2312
+ 13px muted, 2px apart.
2313
+ @spec openspec/changes/audit-card-stacked-rows/specs/audit-trail/spec.md#requirement-an-audit-row-can-put-its-moment-under-the-action */
2314
+ .cn-look-board .cn-audit-card__row--stacked:not(.cn-look-nextcloud *) {
2315
+ padding: 12px 0;
2316
+ }
2317
+
2318
+ .cn-look-board .cn-audit-card__row--stacked .cn-audit-card__action:not(.cn-look-nextcloud *) {
2319
+ font-size: 15px;
2320
+ font-weight: 600;
2321
+ }
2322
+
2323
+ .cn-look-board .cn-audit-card__row--stacked .cn-audit-card__when:not(.cn-look-nextcloud *) {
2324
+ color: var(--color-text-maxcontrast);
2325
+ }
2326
+
2292
2327
  /* ---- Managed timeline rows (DqZaakHistorie "Historie van de zaak") ------ */
2293
2328
  /* The board draws a timeline entry as a rail row: a 34px circle on a 2px
2294
2329
  line, the message first at 15px weight 600, the kind, author and moment
@@ -3182,6 +3217,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3182
3217
  background: var(--cn-board-sunken-ground);
3183
3218
  }
3184
3219
 
3220
+ /* An option's two lines at line height 1.2 and its icon at the top of the
3221
+ row, as DqVolgendeStap draws them (rows 60 high, not 70). */
3222
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row-title:not(.cn-look-nextcloud *),
3223
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row-description:not(.cn-look-nextcloud *) {
3224
+ line-height: 1.2;
3225
+ }
3226
+
3227
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row-icon:not(.cn-look-nextcloud *) {
3228
+ align-self: flex-start;
3229
+ }
3230
+
3231
+ /* The chosen option's fields start under its text: radio 18, icon 20 and
3232
+ two 12px gaps past the row's 14px inset. */
3233
+ .cn-look-board .cn-choice-cards .cn-choice-cards__cell--with-details:has(.cn-choice-cards__row-icon) .cn-choice-cards__details:not(.cn-look-nextcloud *) {
3234
+ padding-inline-start: 76px;
3235
+ }
3236
+
3185
3237
  /* A chosen option stays white under its primary edge, as every Dq dialog board
3186
3238
  draws it (design-system #371); the Nextcloud look keeps the tint.
3187
3239
  @spec openspec/changes/board-choice-row-chosen-white/specs/board-choice-row-chosen-white/spec.md#requirement-a-chosen-board-option-is-white */
@@ -3263,6 +3315,43 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3263
3315
  .cn-look-board .cn-map-widget .leaflet-bar a.cn-map-widget__control:not(.cn-look-nextcloud *):focus-visible {
3264
3316
  background: var(--color-background-hover);
3265
3317
  }
3318
+
3319
+ /* The manage timeline's lines as DqZaakHistorie draws them: the subtitle and
3320
+ the event count 14px muted (over a theme's paragraph tokens, which set a
3321
+ paragraph 15px ink), the count line under a hairline, and the note form
3322
+ card 12px under its heading with each label 6px over its field. */
3323
+ .cn-look-board .cn-timeline-manage__subtitle:not(.cn-look-nextcloud *),
3324
+ .cn-look-board .cn-timeline-manage__count:not(.cn-look-nextcloud *) {
3325
+ --nldesign-component-paragraph-font-size: 14px;
3326
+ --nldesign-component-paragraph-line-height: 1.2;
3327
+ --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
3328
+ font-size: 14px;
3329
+ line-height: 1.2;
3330
+ color: var(--color-text-maxcontrast);
3331
+ }
3332
+
3333
+ .cn-look-board .cn-timeline-manage__footer:not(.cn-look-nextcloud *) {
3334
+ padding-top: 12px;
3335
+ border-top: 1px solid var(--cn-board-hairline);
3336
+ }
3337
+
3338
+ .cn-look-board .cn-timeline-manage--composer-only .cn-timeline-manage__header:not(.cn-look-nextcloud *) {
3339
+ margin-block-end: 12px;
3340
+ }
3341
+
3342
+ .cn-look-board .cn-timeline-manage__composer:not(.cn-look-nextcloud *) {
3343
+ gap: 6px;
3344
+ }
3345
+
3346
+ .cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
3347
+ margin-block-start: 6px;
3348
+ font-size: 14px;
3349
+ font-weight: 600;
3350
+ }
3351
+
3352
+ .cn-look-board .cn-timeline-manage__draft-label:first-child:not(.cn-look-nextcloud *) {
3353
+ margin-block-start: 0;
3354
+ }
3266
3355
  /*
3267
3356
  * The board dialog (screens-dialog-parity, canon section 5).
3268
3357
  *
@@ -3433,13 +3522,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3433
3522
  goes to those tokens too (DqOverdragen, DqDocumentGenereren). */
3434
3523
  .cn-dialog-header__subtitle {
3435
3524
  --nldesign-component-paragraph-font-size: 14px;
3525
+ --nldesign-component-paragraph-line-height: 1.5;
3436
3526
  --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
3437
3527
  --nldesign-color-on-surface: var(--color-text-maxcontrast);
3438
3528
  margin: 4px 0 0;
3439
3529
  font-size: 14px;
3530
+ line-height: 1.5;
3440
3531
  color: var(--color-text-maxcontrast);
3441
3532
  }
3442
3533
 
3534
+ /* The saved-view edit and share forms start 22px under the subtitle, as
3535
+ the Dq dialog boards draw a first field: the body's 16px gap and 6px. */
3536
+ .cn-dialog-board .dialog__content .cn-edit-view,
3537
+ .cn-dialog-board .dialog__content .cn-share-view {
3538
+ padding-top: 6px;
3539
+ }
3540
+
3443
3541
  /* The close button is a 36px circle. NcButton sizes an icon-only button by
3444
3542
  --button-size with `!important`, so the size goes through that; the radius
3445
3543
  also goes to the nldesign theme's button radius token. */
@@ -3804,6 +3902,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3804
3902
  }
3805
3903
  }
3806
3904
 
3905
+ /* A choice legend in a board dialog is 14px/600 on the normal line height, as
3906
+ the dialog boards draw it (DqDocumentGenereren "Sjabloon").
3907
+ @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 */
3908
+ .cn-dialog-board .cn-choice-cards__legend {
3909
+ font-size: 14px;
3910
+ font-weight: 600;
3911
+ line-height: normal;
3912
+ }
3913
+
3807
3914
  /* Above a phone the boards top-align a dialog (DqNieuweZaak, DqUwWachtrij,
3808
3915
  DqVolgendeStap: the top edge sits about 90px down at 1440 wide) instead of
3809
3916
  centring it. `--cn-dialog-top` moves it. */
@@ -5224,6 +5331,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5224
5331
  padding: 10px 12px;
5225
5332
  }
5226
5333
 
5334
+ /* A table on a settings card draws its head 42.5px, as DqInstellingen and
5335
+ DqVthInstellingen do, also when no head cell carries a control that makes
5336
+ it that tall (the VTH tables read 37.5px).
5337
+ @spec openspec/changes/board-settings-table-head-height/specs/settings-board-look/spec.md */
5338
+ .cn-look-board .settings-section .cn-table-container--board .cn-data-table thead th:not(.cn-look-nextcloud *) {
5339
+ height: 42.5px;
5340
+ box-sizing: border-box;
5341
+ }
5342
+
5227
5343
  .cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table td {
5228
5344
  padding: 11px 12px;
5229
5345
  }
@@ -5300,11 +5416,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5300
5416
  `#content[class*="app-"]`, an id selector no class rule outranks, so a plain
5301
5417
  `content-box` here was ignored and the cell left 12px for the checkbox (the
5302
5418
  header's checkbox showed as a stray bracket). */
5419
+ /* The checkbox starts 20px in, as the boards draw a native checkbox (16px of
5420
+ cell padding and its 4px margin; DqZoekresultaten), in the same 60px. */
5303
5421
  .cn-look-board .cn-table-container--board .cn-data-table .cn-table-col--checkbox {
5304
5422
  box-sizing: border-box !important;
5305
5423
  width: 60px;
5306
5424
  min-width: 60px;
5307
- padding-inline: 16px;
5425
+ padding-inline: 20px 12px;
5308
5426
  text-align: start;
5309
5427
  }
5310
5428
 
@@ -5408,6 +5526,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5408
5526
  font-weight: 700;
5409
5527
  }
5410
5528
 
5529
+ /* `widgetProps.tone: "neutral"`: the grey person chip (DqContacten), 13px,
5530
+ 12px before the name.
5531
+ @spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
5532
+ .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
5533
+ background: var(--color-background-dark);
5534
+ color: var(--color-main-text);
5535
+ font-size: 13px;
5536
+ }
5537
+
5538
+ .cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
5539
+ gap: 12px;
5540
+ }
5541
+
5411
5542
  .cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title .cn-cell-renderer__avatar-name {
5412
5543
  text-decoration: underline;
5413
5544
  text-underline-offset: 2px;
@@ -6087,6 +6218,36 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6087
6218
  margin-bottom: 16px;
6088
6219
  }
6089
6220
 
6221
+ /* The heading sits above the list card, not inside it (DqAfdelingen: "Vergunningen"
6222
+ and its line, then the card): with a heading the list area is unframed and
6223
+ its table and footer carry the card.
6224
+ @spec openspec/changes/board-folder-scope-outside-card/specs/index-page/spec.md#requirement-the-selected-folder-heads-the-list-from-outside-its-card */
6225
+ .cn-look-board .cn-index-page__main.cn-index-page__main--table:has(> .cn-index-page__scope-heading) {
6226
+ border: 0;
6227
+ border-radius: 0;
6228
+ background: transparent;
6229
+ overflow: visible;
6230
+ }
6231
+
6232
+ .cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-table-container.cn-table-container--board {
6233
+ border: 1px solid var(--color-border);
6234
+ border-radius: var(--cn-board-card-radius, 12px);
6235
+ background: var(--color-main-background);
6236
+ overflow: hidden;
6237
+ }
6238
+
6239
+ .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 {
6240
+ border-bottom: 0;
6241
+ border-radius: var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) 0 0;
6242
+ }
6243
+
6244
+ .cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-index-page__pagination {
6245
+ border: 1px solid var(--color-border);
6246
+ border-top: 0;
6247
+ border-radius: 0 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
6248
+ background: var(--color-main-background);
6249
+ }
6250
+
6090
6251
  .cn-look-board .cn-index-page__scope-title {
6091
6252
  font-size: 20px;
6092
6253
  font-weight: 700;
@@ -6584,6 +6745,46 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6584
6745
  color: var(--color-text-maxcontrast);
6585
6746
  font-size: 13px;
6586
6747
  }
6748
+
6749
+ /* A table's leading icon on a 32px tile, radius 8, an 18px glyph, 12px
6750
+ before the title (DqOrganisaties, PqOrganisaties: teal; most boards: the
6751
+ light primary). The tile's tone is the page's `rowIconTone`.
6752
+ @spec openspec/changes/board-row-icon-tile/specs/data-table/spec.md#requirement-a-board-tables-leading-icon-sits-on-a-tile */
6753
+ .cn-look-board .cn-data-table td.cn-table-col--icon,
6754
+ .cn-look-board .cn-data-table th.cn-table-col--icon {
6755
+ width: 48px;
6756
+ padding-inline: 16px 0;
6757
+ }
6758
+
6759
+ .cn-look-board .cn-data-table td.cn-table-col--icon .material-design-icon {
6760
+ width: 32px;
6761
+ height: 32px;
6762
+ border-radius: 8px;
6763
+ justify-content: center;
6764
+ align-items: center;
6765
+ background: var(--color-primary-element-light);
6766
+ color: var(--color-primary-element-light-text);
6767
+ }
6768
+
6769
+ .cn-look-board .cn-data-table td.cn-table-col--icon-teal .material-design-icon {
6770
+ background: var(--cn-status-teal-bg);
6771
+ color: var(--cn-status-teal-text);
6772
+ }
6773
+
6774
+ .cn-look-board .cn-data-table td.cn-table-col--icon-neutral .material-design-icon {
6775
+ background: var(--color-background-dark);
6776
+ color: var(--color-main-text);
6777
+ }
6778
+
6779
+ .cn-look-board .cn-data-table td.cn-table-col--icon .material-design-icon svg {
6780
+ width: 18px;
6781
+ height: 18px;
6782
+ }
6783
+
6784
+ .cn-look-board .cn-data-table td.cn-table-col--icon + td,
6785
+ .cn-look-board .cn-data-table th.cn-table-col--icon + th {
6786
+ padding-inline-start: 12px;
6787
+ }
6587
6788
  /* ========================================
6588
6789
  @conduction/nextcloud-vue — Table Styles
6589
6790
  ======================================== */
@@ -11884,6 +12085,29 @@ li[data-cn-admin-tag] > .action-link::after {
11884
12085
  display: flex;
11885
12086
  }
11886
12087
 
12088
+ /* The assistant in the side column (DqZaakAssistent "Assistent") is a panel,
12089
+ not a label card: a 17px title over a hairline, 16px 18px in, its pill at
12090
+ the row's end, the chat flush under it. */
12091
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__header {
12092
+ padding: 16px 18px;
12093
+ border-bottom: 1px solid var(--color-border);
12094
+ }
12095
+
12096
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__title {
12097
+ color: var(--color-main-text) !important;
12098
+ font-size: var(--cn-board-heading-size, 17px);
12099
+ font-weight: 700;
12100
+ line-height: 1.2;
12101
+ }
12102
+
12103
+ .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) {
12104
+ display: flex;
12105
+ }
12106
+
12107
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__content {
12108
+ padding: 0;
12109
+ }
12110
+
11887
12111
  /* A widget-reported card header action in the main column is a neutral 40px
11888
12112
  control: the main background, the control border, the main text at
11889
12113
  14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -12473,6 +12697,14 @@ li[data-cn-admin-tag] > .action-link::after {
12473
12697
  display: none;
12474
12698
  }
12475
12699
 
12700
+ /* ---- A file list's trail at its root (CnFilesBrowser) ------------------- */
12701
+ /* At the browser's root the boards draw the bar's buttons only, no trail of
12702
+ one crumb naming the case (DqZaakDocumenten); in a subfolder the trail shows.
12703
+ @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 */
12704
+ .cn-look-board .cn-files-browser__crumbs--at-root:not(.cn-look-nextcloud *) {
12705
+ display: none;
12706
+ }
12707
+
12476
12708
  /* ---- A file list (CnFilesBrowser) --------------------------------------- */
12477
12709
  /* The board's compact card table (DqDocumentenBeheer): a near-white header at
12478
12710
  14px/600 in the muted ink, 10px 12px; 14px cells, 11px 12px, a hairline
@@ -12627,6 +12859,49 @@ li[data-cn-admin-tag] > .action-link::after {
12627
12859
  line-height: 1.2;
12628
12860
  }
12629
12861
 
12862
+ /* The contacts tab's rows as DqZaakBetrokkenen "Partijen" draws them: the
12863
+ role heading 15px bold ink in sentence case, each person on a row 12px
12864
+ high-padded under a hairline, the details and the period 13px muted.
12865
+ @spec openspec/changes/board-contacts-rows/specs/contacts/spec.md */
12866
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__group-title {
12867
+ margin: 6px 0 0;
12868
+ font-size: 15px;
12869
+ font-weight: 700;
12870
+ letter-spacing: 0;
12871
+ text-transform: none;
12872
+ color: var(--color-main-text);
12873
+ }
12874
+
12875
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__item {
12876
+ align-items: center;
12877
+ padding: 12px 0;
12878
+ border-top: 1px solid var(--cn-board-hairline);
12879
+ border-radius: 0;
12880
+ }
12881
+
12882
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__item:first-child {
12883
+ margin-top: 8px;
12884
+ }
12885
+
12886
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__name {
12887
+ font-size: 15px;
12888
+ font-weight: 600;
12889
+ }
12890
+
12891
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__meta,
12892
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__period {
12893
+ font-size: 13px;
12894
+ color: var(--color-text-maxcontrast);
12895
+ }
12896
+
12897
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__period {
12898
+ flex: none;
12899
+ }
12900
+
12901
+ .cn-look-board .cn-contacts-tab .cn-contacts-tab__group {
12902
+ margin-bottom: 8px;
12903
+ }
12904
+
12630
12905
  /* The contacts tab inside a detail card (DqZaakBetrokkenen "Partijen") takes
12631
12906
  the card's padding instead of its own, and its buttons start at the card's
12632
12907
  edge under the subtitle.
@@ -12638,6 +12913,58 @@ li[data-cn-admin-tag] > .action-link::after {
12638
12913
  .cn-look-board .cn-detail-page__leaf-card .cn-contacts-tab .cn-contacts-tab__header {
12639
12914
  justify-content: flex-start;
12640
12915
  }
12916
+
12917
+ /* A body card's subtitle as the Dq boards draw it: 14px muted at line
12918
+ height 1.2, 3px under the title, and the content 12px under it.
12919
+ @spec openspec/changes/board-card-subtitle-gaps/specs/board-card/spec.md */
12920
+ .cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *) .cn-widget-wrapper__title-stack:has(> .cn-widget-wrapper__subtitle) {
12921
+ gap: 3px;
12922
+ }
12923
+
12924
+ .cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *) .cn-widget-wrapper__subtitle {
12925
+ font-size: 14px;
12926
+ line-height: 1.2;
12927
+ }
12928
+
12929
+ .cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *):has(> .cn-widget-wrapper__header .cn-widget-wrapper__subtitle) > .cn-widget-wrapper__content {
12930
+ padding-top: 12px;
12931
+ }
12932
+
12933
+ /* A checklist (DqTaak): each item an 18-20px box at the card's own inset, the
12934
+ label 10px after it in weight 600, 12px between items, the list 2px below
12935
+ the title block. Nextcloud's checkbox pads its box 7px in and makes every row
12936
+ 34px tall, which put the list 7px right and 2px apart too far per item.
12937
+ @spec openspec/changes/board-checklist-rows/specs/checklist-widget/spec.md#requirement-a-board-checklist-sits-at-the-card-inset */
12938
+ .cn-look-board .cn-checklist-widget__items {
12939
+ display: flex;
12940
+ flex-direction: column;
12941
+ gap: 12px;
12942
+ margin-top: 2px;
12943
+ }
12944
+
12945
+ .cn-look-board .cn-checklist-widget__item .checkbox-content {
12946
+ padding: 0;
12947
+ gap: 10px;
12948
+ min-height: 20px;
12949
+ }
12950
+
12951
+ .cn-look-board .cn-checklist-widget__item .checkbox-content.checkbox-content .checkbox-content__icon {
12952
+ margin: 0;
12953
+ }
12954
+
12955
+ .cn-look-board .cn-checklist-widget__item .checkbox-radio-switch__input {
12956
+ min-height: 20px;
12957
+ }
12958
+
12959
+ .cn-look-board .cn-checklist-widget__item .checkbox-content__wrapper,
12960
+ .cn-look-board .cn-checklist-widget__item .checkbox-content__text {
12961
+ line-height: 18px;
12962
+ min-height: 0;
12963
+ }
12964
+
12965
+ .cn-look-board .cn-checklist-widget__item .checkbox-content__text {
12966
+ font-weight: 600;
12967
+ }
12641
12968
  /*
12642
12969
  * The reports page under the board look (screens-reports-page-board-look,
12643
12970
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -14533,6 +14860,25 @@ li[data-cn-admin-tag] > .action-link::after {
14533
14860
  gap: 8px;
14534
14861
  align-items: flex-end;
14535
14862
  }
14863
+
14864
+ /* `stacked`: in a card the box keeps the line, dictation and attach wrap
14865
+ under it (DqZaakAssistent "Vraag iets over deze zaak" + "Vragen"). */
14866
+ .cn-ai-input--stacked {
14867
+ padding: 12px 18px;
14868
+ }
14869
+ .cn-ai-input--stacked .cn-ai-input__row {
14870
+ flex-wrap: wrap;
14871
+ align-items: center;
14872
+ }
14873
+ .cn-ai-input--stacked .cn-ai-input__textarea {
14874
+ order: -2;
14875
+ flex: 1 1 calc(100% - 104px);
14876
+ min-width: 0;
14877
+ min-height: 40px;
14878
+ }
14879
+ .cn-ai-input--stacked .cn-ai-input__send-button {
14880
+ order: -1;
14881
+ }
14536
14882
  .cn-ai-input__file-input {
14537
14883
  display: none;
14538
14884
  }
@@ -15166,9 +15512,19 @@ li[data-cn-admin-tag] > .action-link::after {
15166
15512
  background: transparent;
15167
15513
  }
15168
15514
  .cn-ai-chat-window--titled .cn-ai-chat-window__input {
15515
+ padding: 0;
15516
+ border-top: 0;
15169
15517
  border-radius: 0;
15170
15518
  background: transparent;
15171
15519
  }
15520
+
15521
+ /* In a card the panel's body takes the card's 16px 18px inset. */
15522
+ .cn-ai-chat-window--titled .cn-ai-chat-window__messages {
15523
+ padding: 16px 18px;
15524
+ }
15525
+ .cn-ai-chat-window--titled .cn-ai-chat-window__note {
15526
+ margin: 0 18px 16px;
15527
+ }
15172
15528
  .cn-ai-chat-window__input {
15173
15529
  flex: 0 0 auto;
15174
15530
  padding: 8px;
@@ -17728,64 +18084,64 @@ svg.leaflet-image-layer.leaflet-interactive path {
17728
18084
  }
17729
18085
 
17730
18086
 
17731
- .cn-cell-renderer__actions[data-v-abd08d9e] {
18087
+ .cn-cell-renderer__actions[data-v-16a6d8b8] {
17732
18088
  display: inline-flex;
17733
18089
  flex-wrap: wrap;
17734
18090
  gap: 8px;
17735
18091
  }
17736
- .cn-cell-renderer__icon-label[data-v-abd08d9e] {
18092
+ .cn-cell-renderer__icon-label[data-v-16a6d8b8] {
17737
18093
  display: inline-flex;
17738
18094
  align-items: center;
17739
18095
  gap: 6px;
17740
18096
  font-weight: 600;
17741
18097
  }
17742
- .cn-cell-renderer__switch[data-v-abd08d9e] {
18098
+ .cn-cell-renderer__switch[data-v-16a6d8b8] {
17743
18099
  display: inline-flex;
17744
18100
  }
17745
- .cn-cell-renderer__mono[data-v-abd08d9e] {
18101
+ .cn-cell-renderer__mono[data-v-16a6d8b8] {
17746
18102
  font-family: monospace;
17747
18103
  font-size: 13px;
17748
18104
  color: var(--color-text-maxcontrast);
17749
18105
  }
17750
- .cn-cell-renderer--uuid[data-v-abd08d9e] {
18106
+ .cn-cell-renderer--uuid[data-v-16a6d8b8] {
17751
18107
  font-family: monospace;
17752
18108
  font-size: 13px;
17753
18109
  color: var(--color-text-maxcontrast);
17754
18110
  }
17755
- .cn-cell-renderer--number[data-v-abd08d9e] {
18111
+ .cn-cell-renderer--number[data-v-16a6d8b8] {
17756
18112
  font-variant-numeric: tabular-nums;
17757
18113
  }
17758
- .cn-cell-renderer--date[data-v-abd08d9e] {
18114
+ .cn-cell-renderer--date[data-v-16a6d8b8] {
17759
18115
  white-space: nowrap;
17760
18116
  }
17761
- .cn-cell-renderer__date-state[data-v-abd08d9e] {
18117
+ .cn-cell-renderer__date-state[data-v-16a6d8b8] {
17762
18118
  margin-inline-start: 8px;
17763
18119
  color: var(--color-success-text, var(--color-main-text));
17764
18120
  }
17765
- .cn-cell-renderer__date-state--past[data-v-abd08d9e] {
18121
+ .cn-cell-renderer__date-state--past[data-v-16a6d8b8] {
17766
18122
  color: var(--color-text-maxcontrast);
17767
18123
  }
17768
- .cn-cell-renderer__dash[data-v-abd08d9e] {
18124
+ .cn-cell-renderer__dash[data-v-16a6d8b8] {
17769
18125
  color: var(--color-text-maxcontrast);
17770
18126
  }
17771
- .cn-cell-renderer__avatar[data-v-abd08d9e] {
18127
+ .cn-cell-renderer__avatar[data-v-16a6d8b8] {
17772
18128
  display: inline-flex;
17773
18129
  align-items: center;
17774
18130
  gap: 8px;
17775
18131
  max-width: 100%;
17776
18132
  vertical-align: middle;
17777
18133
  }
17778
- .cn-cell-renderer__avatar-picture[data-v-abd08d9e] {
18134
+ .cn-cell-renderer__avatar-picture[data-v-16a6d8b8] {
17779
18135
  display: inline-flex;
17780
18136
  flex: none;
17781
18137
  }
17782
- .cn-cell-renderer__date-block[data-v-abd08d9e] {
18138
+ .cn-cell-renderer__date-block[data-v-16a6d8b8] {
17783
18139
  display: inline-flex;
17784
18140
  align-items: center;
17785
18141
  gap: 12px;
17786
18142
  white-space: nowrap;
17787
18143
  }
17788
- .cn-cell-renderer__date-tile[data-v-abd08d9e] {
18144
+ .cn-cell-renderer__date-tile[data-v-16a6d8b8] {
17789
18145
  display: flex;
17790
18146
  flex: 0 0 46px;
17791
18147
  flex-direction: column;
@@ -17795,26 +18151,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
17795
18151
  border-radius: 8px;
17796
18152
  background-color: var(--color-background-dark);
17797
18153
  }
17798
- .cn-cell-renderer__date-day[data-v-abd08d9e] {
18154
+ .cn-cell-renderer__date-day[data-v-16a6d8b8] {
17799
18155
  font-size: 17px;
17800
18156
  line-height: 1;
17801
18157
  }
17802
- .cn-cell-renderer__date-month[data-v-abd08d9e],
17803
- .cn-cell-renderer__date-time[data-v-abd08d9e] {
18158
+ .cn-cell-renderer__date-month[data-v-16a6d8b8],
18159
+ .cn-cell-renderer__date-time[data-v-16a6d8b8] {
17804
18160
  color: var(--color-text-maxcontrast);
17805
18161
  }
17806
- .cn-cell-renderer__date-month[data-v-abd08d9e] {
18162
+ .cn-cell-renderer__date-month[data-v-16a6d8b8] {
17807
18163
  font-size: 12px;
17808
18164
  }
17809
- .cn-cell-renderer__date-lines[data-v-abd08d9e] {
18165
+ .cn-cell-renderer__date-lines[data-v-16a6d8b8] {
17810
18166
  display: flex;
17811
18167
  flex-direction: column;
17812
18168
  gap: 2px;
17813
18169
  }
17814
- .cn-cell-renderer__date-weekday[data-v-abd08d9e] {
18170
+ .cn-cell-renderer__date-weekday[data-v-16a6d8b8] {
17815
18171
  font-weight: 600;
17816
18172
  }
17817
- .cn-cell-renderer__avatar-initials[data-v-abd08d9e] {
18173
+ .cn-cell-renderer__avatar-initials[data-v-16a6d8b8] {
17818
18174
  display: inline-flex;
17819
18175
  flex: none;
17820
18176
  align-items: center;
@@ -17826,12 +18182,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
17826
18182
  font-weight: 700;
17827
18183
  line-height: 1;
17828
18184
  }
17829
- .cn-cell-renderer__avatar-text[data-v-abd08d9e] {
18185
+ .cn-cell-renderer__avatar-text[data-v-16a6d8b8] {
17830
18186
  display: flex;
17831
18187
  flex-direction: column;
17832
18188
  min-width: 0;
17833
18189
  }
17834
- .cn-cell-renderer__avatar-name[data-v-abd08d9e] {
18190
+ .cn-cell-renderer__avatar-name[data-v-16a6d8b8] {
17835
18191
  min-width: 0;
17836
18192
  overflow: hidden;
17837
18193
  text-overflow: ellipsis;
@@ -17841,7 +18197,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
17841
18197
  font: inherit;
17842
18198
  color: inherit;
17843
18199
  }
17844
- .cn-cell-renderer__avatar-secondary[data-v-abd08d9e] {
18200
+ .cn-cell-renderer__avatar-secondary[data-v-16a6d8b8] {
17845
18201
  min-width: 0;
17846
18202
  overflow: hidden;
17847
18203
  color: var(--color-text-maxcontrast);
@@ -17855,34 +18211,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
17855
18211
 
17856
18212
  /* A date that matched a rule is also set in a heavier weight, so the signal
17857
18213
  does not rest on colour alone. */
17858
- .cn-cell-renderer__date--success[data-v-abd08d9e],
17859
- .cn-cell-renderer__date--warning[data-v-abd08d9e],
17860
- .cn-cell-renderer__date--error[data-v-abd08d9e],
17861
- .cn-cell-renderer__age--success[data-v-abd08d9e],
17862
- .cn-cell-renderer__age--warning[data-v-abd08d9e],
17863
- .cn-cell-renderer__age--error[data-v-abd08d9e] {
18214
+ .cn-cell-renderer__date--success[data-v-16a6d8b8],
18215
+ .cn-cell-renderer__date--warning[data-v-16a6d8b8],
18216
+ .cn-cell-renderer__date--error[data-v-16a6d8b8],
18217
+ .cn-cell-renderer__age--success[data-v-16a6d8b8],
18218
+ .cn-cell-renderer__age--warning[data-v-16a6d8b8],
18219
+ .cn-cell-renderer__age--error[data-v-16a6d8b8] {
17864
18220
  font-weight: 600;
17865
18221
  }
17866
- .cn-cell-renderer__age[data-v-abd08d9e] {
18222
+ .cn-cell-renderer__age[data-v-16a6d8b8] {
17867
18223
  white-space: nowrap;
17868
18224
  }
17869
18225
 
17870
18226
  /* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
17871
18227
  8px beside it in the bar's tone, and an optional age badge after them, as
17872
18228
  PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
17873
- .cn-cell-renderer__progress[data-v-abd08d9e] {
18229
+ .cn-cell-renderer__progress[data-v-16a6d8b8] {
17874
18230
  display: inline-flex;
17875
18231
  flex-wrap: wrap;
17876
18232
  align-items: center;
17877
18233
  gap: 4px 8px;
17878
18234
  }
17879
- .cn-cell-renderer__progress-line[data-v-abd08d9e] {
18235
+ .cn-cell-renderer__progress-line[data-v-16a6d8b8] {
17880
18236
  display: inline-flex;
17881
18237
  align-items: center;
17882
18238
  gap: 8px;
17883
18239
  white-space: nowrap;
17884
18240
  }
17885
- .cn-cell-renderer__progress-bar[data-v-abd08d9e] {
18241
+ .cn-cell-renderer__progress-bar[data-v-16a6d8b8] {
17886
18242
  display: inline-block;
17887
18243
  width: 56px;
17888
18244
  height: 8px;
@@ -17890,33 +18246,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
17890
18246
  background: var(--color-background-dark);
17891
18247
  overflow: hidden;
17892
18248
  }
17893
- .cn-cell-renderer__progress-fill[data-v-abd08d9e] {
18249
+ .cn-cell-renderer__progress-fill[data-v-16a6d8b8] {
17894
18250
  display: block;
17895
18251
  height: 100%;
17896
18252
  }
17897
- .cn-cell-renderer__progress-fill--success[data-v-abd08d9e] {
18253
+ .cn-cell-renderer__progress-fill--success[data-v-16a6d8b8] {
17898
18254
  background: var(--color-element-success, var(--color-success));
17899
18255
  }
17900
- .cn-cell-renderer__progress-fill--warning[data-v-abd08d9e] {
18256
+ .cn-cell-renderer__progress-fill--warning[data-v-16a6d8b8] {
17901
18257
  background: var(--color-element-warning, var(--color-warning));
17902
18258
  }
17903
- .cn-cell-renderer__progress-fill--error[data-v-abd08d9e] {
18259
+ .cn-cell-renderer__progress-fill--error[data-v-16a6d8b8] {
17904
18260
  background: var(--color-element-error, var(--color-error));
17905
18261
  }
17906
- .cn-cell-renderer__progress-value[data-v-abd08d9e] {
18262
+ .cn-cell-renderer__progress-value[data-v-16a6d8b8] {
17907
18263
  font-size: 14px;
17908
18264
  font-weight: 700;
17909
18265
  }
17910
- .cn-cell-renderer__progress-value--success[data-v-abd08d9e] {
18266
+ .cn-cell-renderer__progress-value--success[data-v-16a6d8b8] {
17911
18267
  color: var(--color-text-success, var(--color-success-text));
17912
18268
  }
17913
- .cn-cell-renderer__progress-value--warning[data-v-abd08d9e] {
18269
+ .cn-cell-renderer__progress-value--warning[data-v-16a6d8b8] {
17914
18270
  color: var(--color-text-warning, var(--color-warning-text));
17915
18271
  }
17916
- .cn-cell-renderer__progress-value--error[data-v-abd08d9e] {
18272
+ .cn-cell-renderer__progress-value--error[data-v-16a6d8b8] {
17917
18273
  color: var(--color-text-error, var(--color-error-text));
17918
18274
  }
17919
- .cn-cell-renderer__progress-badge[data-v-abd08d9e] {
18275
+ .cn-cell-renderer__progress-badge[data-v-16a6d8b8] {
17920
18276
  display: inline-block;
17921
18277
  padding: 3px 10px;
17922
18278
  border-radius: 12px;
@@ -17924,86 +18280,86 @@ svg.leaflet-image-layer.leaflet-interactive path {
17924
18280
  font-weight: 600;
17925
18281
  white-space: nowrap;
17926
18282
  }
17927
- .cn-cell-renderer__progress-badge--error[data-v-abd08d9e] {
18283
+ .cn-cell-renderer__progress-badge--error[data-v-16a6d8b8] {
17928
18284
  color: var(--color-text-error, var(--color-error-text));
17929
18285
  background: var(--color-error-hover, var(--color-background-dark));
17930
18286
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
17931
18287
  }
17932
- .cn-cell-renderer__progress-badge--warning[data-v-abd08d9e] {
18288
+ .cn-cell-renderer__progress-badge--warning[data-v-16a6d8b8] {
17933
18289
  color: var(--color-text-warning, var(--color-warning-text));
17934
18290
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
17935
18291
  }
17936
- .cn-cell-renderer__progress-badge--success[data-v-abd08d9e] {
18292
+ .cn-cell-renderer__progress-badge--success[data-v-16a6d8b8] {
17937
18293
  color: var(--color-text-success, var(--color-success-text));
17938
18294
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
17939
18295
  }
17940
- .cn-cell-renderer__age--success[data-v-abd08d9e] {
18296
+ .cn-cell-renderer__age--success[data-v-16a6d8b8] {
17941
18297
  color: var(--color-text-success, var(--color-success-text));
17942
18298
  }
17943
- .cn-cell-renderer__age--warning[data-v-abd08d9e] {
18299
+ .cn-cell-renderer__age--warning[data-v-16a6d8b8] {
17944
18300
  color: var(--color-text-warning, var(--color-warning-text));
17945
18301
  }
17946
- .cn-cell-renderer__age--error[data-v-abd08d9e] {
18302
+ .cn-cell-renderer__age--error[data-v-16a6d8b8] {
17947
18303
  color: var(--color-text-error, var(--color-error-text));
17948
18304
  }
17949
- .cn-cell-renderer__due--empty[data-v-abd08d9e] {
18305
+ .cn-cell-renderer__due--empty[data-v-16a6d8b8] {
17950
18306
  color: var(--color-text-maxcontrast);
17951
18307
  }
17952
18308
 
17953
18309
  /* A withheld value: the lock and the word in the muted text colour. */
17954
- .cn-cell-renderer__withheld[data-v-abd08d9e] {
18310
+ .cn-cell-renderer__withheld[data-v-16a6d8b8] {
17955
18311
  display: inline-flex;
17956
18312
  gap: 4px;
17957
18313
  align-items: center;
17958
18314
  color: var(--color-text-maxcontrast);
17959
18315
  }
17960
- .cn-cell-renderer__withheld-icon[data-v-abd08d9e] {
18316
+ .cn-cell-renderer__withheld-icon[data-v-16a6d8b8] {
17961
18317
  flex: 0 0 auto;
17962
18318
  }
17963
- .cn-cell-renderer__withheld-text[data-v-abd08d9e] {
18319
+ .cn-cell-renderer__withheld-text[data-v-16a6d8b8] {
17964
18320
  font-style: italic;
17965
18321
  }
17966
18322
 
17967
18323
  /* A number cell: the flagged number reads in its variant's text colour, with
17968
18324
  the chip saying why (never colour alone). */
17969
- .cn-cell-renderer__number[data-v-abd08d9e] {
18325
+ .cn-cell-renderer__number[data-v-16a6d8b8] {
17970
18326
  display: inline-flex;
17971
18327
  gap: 4px;
17972
18328
  align-items: center;
17973
18329
  white-space: nowrap;
17974
18330
  }
17975
- .cn-cell-renderer__number--warning[data-v-abd08d9e] {
18331
+ .cn-cell-renderer__number--warning[data-v-16a6d8b8] {
17976
18332
  color: var(--color-text-warning, var(--color-warning-text));
17977
18333
  font-weight: 600;
17978
18334
  }
17979
- .cn-cell-renderer__number--error[data-v-abd08d9e] {
18335
+ .cn-cell-renderer__number--error[data-v-16a6d8b8] {
17980
18336
  color: var(--color-text-error, var(--color-error-text));
17981
18337
  font-weight: 600;
17982
18338
  }
17983
- .cn-cell-renderer__date--success[data-v-abd08d9e] {
18339
+ .cn-cell-renderer__date--success[data-v-16a6d8b8] {
17984
18340
  color: var(--color-text-success, var(--color-success-text));
17985
18341
  }
17986
- .cn-cell-renderer__date--warning[data-v-abd08d9e] {
18342
+ .cn-cell-renderer__date--warning[data-v-16a6d8b8] {
17987
18343
  color: var(--color-text-warning, var(--color-warning-text));
17988
18344
  }
17989
- .cn-cell-renderer__date--error[data-v-abd08d9e] {
18345
+ .cn-cell-renderer__date--error[data-v-16a6d8b8] {
17990
18346
  color: var(--color-text-error, var(--color-error-text));
17991
18347
  }
17992
- .cn-cell-renderer__date--muted[data-v-abd08d9e] {
18348
+ .cn-cell-renderer__date--muted[data-v-16a6d8b8] {
17993
18349
  color: var(--color-text-maxcontrast);
17994
18350
  }
17995
18351
 
17996
18352
  /* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
17997
18353
  background colour and too pale for a 16px glyph on a light theme. */
17998
- .cn-cell-renderer__icon--success[data-v-abd08d9e] {
18354
+ .cn-cell-renderer__icon--success[data-v-16a6d8b8] {
17999
18355
  color: var(--color-text-success, var(--color-success-text, var(--color-success)));
18000
18356
  }
18001
- .cn-cell-renderer__swatch-wrap[data-v-abd08d9e] {
18357
+ .cn-cell-renderer__swatch-wrap[data-v-16a6d8b8] {
18002
18358
  display: inline-flex;
18003
18359
  align-items: center;
18004
18360
  gap: 8px;
18005
18361
  }
18006
- .cn-cell-renderer__swatch-dot[data-v-abd08d9e] {
18362
+ .cn-cell-renderer__swatch-dot[data-v-16a6d8b8] {
18007
18363
  display: inline-block;
18008
18364
  width: 12px;
18009
18365
  height: 12px;
@@ -19502,11 +19858,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
19502
19858
  }
19503
19859
 
19504
19860
 
19505
- .cn-party-picker__refusal[data-v-44764194] {
19861
+ .cn-party-picker__refusal[data-v-1b4d732c] {
19506
19862
  margin: 4px 0 0;
19507
19863
  color: var(--color-error-text, var(--color-error));
19508
19864
  }
19509
- .cn-party-picker__unavailable[data-v-44764194] {
19865
+ .cn-party-picker__unavailable[data-v-1b4d732c] {
19510
19866
  margin: 4px 0 0;
19511
19867
  color: var(--color-text-maxcontrast);
19512
19868
  }
@@ -20305,56 +20661,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20305
20661
  }
20306
20662
 
20307
20663
 
20308
- .cn-audit-card__list[data-v-834a0068] {
20664
+ .cn-audit-card__list[data-v-401394d1] {
20309
20665
  list-style: none;
20310
20666
  margin: 0;
20311
20667
  padding: 0;
20312
20668
  }
20313
- .cn-audit-card__row[data-v-834a0068] {
20669
+ .cn-audit-card__row[data-v-401394d1] {
20314
20670
  padding: 6px 0;
20315
20671
  border-bottom: 1px solid var(--color-border);
20316
20672
  }
20317
- .cn-audit-card__row[data-v-834a0068]:last-child {
20673
+ .cn-audit-card__row[data-v-401394d1]:last-child {
20318
20674
  border-bottom: none;
20319
20675
  }
20320
- .cn-audit-card__row-head[data-v-834a0068] {
20676
+ .cn-audit-card__row-head[data-v-401394d1] {
20321
20677
  display: flex;
20322
20678
  justify-content: space-between;
20323
20679
  gap: 8px;
20324
20680
  }
20325
- .cn-audit-card__action[data-v-834a0068] {
20681
+ .cn-audit-card__action[data-v-401394d1] {
20326
20682
  color: var(--color-main-text);
20327
20683
  }
20328
- .cn-audit-card__when[data-v-834a0068] {
20684
+ .cn-audit-card__when[data-v-401394d1] {
20329
20685
  color: var(--color-text-maxcontrast);
20330
20686
  font-size: 0.85em;
20331
20687
  white-space: nowrap;
20332
20688
  }
20333
- .cn-audit-card__row-body[data-v-834a0068] {
20689
+ .cn-audit-card__row-body[data-v-401394d1] {
20334
20690
  color: var(--color-text-maxcontrast);
20335
20691
  font-size: 0.9em;
20336
20692
  }
20337
- .cn-audit-card__refused[data-v-834a0068] {
20693
+ .cn-audit-card__refused[data-v-401394d1] {
20338
20694
  margin-inline-start: 6px;
20339
20695
  font-weight: 700;
20340
20696
  color: var(--color-error-text, var(--color-main-text));
20341
20697
  }
20342
- .cn-audit-card__reason[data-v-834a0068] {
20698
+ .cn-audit-card__reason[data-v-401394d1] {
20343
20699
  margin: 2px 0 0;
20344
20700
  font-size: 0.9em;
20345
20701
  overflow-wrap: anywhere;
20346
20702
  }
20347
- .cn-audit-card__empty[data-v-834a0068] {
20703
+ .cn-audit-card__empty[data-v-401394d1] {
20348
20704
  color: var(--color-text-maxcontrast);
20349
20705
  text-align: center;
20350
20706
  padding: 12px 0;
20351
20707
  }
20352
- .cn-audit-card__footnote[data-v-834a0068] {
20708
+ .cn-audit-card__footnote[data-v-401394d1] {
20353
20709
  margin: 12px 0 0;
20354
20710
  color: var(--color-text-maxcontrast);
20355
20711
  font-size: 13px;
20356
20712
  }
20357
- .cn-audit-card__show-all[data-v-834a0068] {
20713
+ .cn-audit-card__show-all[data-v-401394d1] {
20358
20714
  background: none;
20359
20715
  border: none;
20360
20716
  color: var(--color-primary-element);
@@ -20362,7 +20718,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20362
20718
  padding: 4px 0;
20363
20719
  font: inherit;
20364
20720
  }
20365
- .cn-audit-card__show-all[data-v-834a0068]:hover {
20721
+ .cn-audit-card__show-all[data-v-401394d1]:hover {
20366
20722
  text-decoration: underline;
20367
20723
  }
20368
20724
 
@@ -21742,21 +22098,21 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21742
22098
  }
21743
22099
 
21744
22100
 
21745
- .cn-contacts-tab[data-v-ec6b0008] {
22101
+ .cn-contacts-tab[data-v-a0d90184] {
21746
22102
  padding: 12px;
21747
22103
  overflow-x: hidden;
21748
22104
  }
21749
- .cn-contacts-tab__header[data-v-ec6b0008] {
22105
+ .cn-contacts-tab__header[data-v-a0d90184] {
21750
22106
  display: flex;
21751
22107
  justify-content: flex-end;
21752
22108
  gap: 8px;
21753
22109
  margin-bottom: 12px;
21754
22110
  flex-wrap: wrap;
21755
22111
  }
21756
- .cn-contacts-tab__group[data-v-ec6b0008] {
22112
+ .cn-contacts-tab__group[data-v-a0d90184] {
21757
22113
  margin-bottom: 16px;
21758
22114
  }
21759
- .cn-contacts-tab__group-title[data-v-ec6b0008] {
22115
+ .cn-contacts-tab__group-title[data-v-a0d90184] {
21760
22116
  display: flex;
21761
22117
  align-items: center;
21762
22118
  gap: 6px;
@@ -21767,7 +22123,7 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21767
22123
  text-transform: uppercase;
21768
22124
  letter-spacing: 0.5px;
21769
22125
  }
21770
- .cn-contacts-tab__group-count[data-v-ec6b0008] {
22126
+ .cn-contacts-tab__group-count[data-v-a0d90184] {
21771
22127
  font-weight: 600;
21772
22128
  font-size: 11px;
21773
22129
  min-width: 18px;
@@ -21779,14 +22135,14 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21779
22135
  background-color: var(--color-background-dark);
21780
22136
  color: var(--color-text-maxcontrast);
21781
22137
  }
21782
- .cn-contacts-tab__list[data-v-ec6b0008] {
22138
+ .cn-contacts-tab__list[data-v-a0d90184] {
21783
22139
  list-style: none;
21784
22140
  padding: 0;
21785
22141
  margin: 0;
21786
22142
  display: flex;
21787
22143
  flex-direction: column;
21788
22144
  }
21789
- .cn-contacts-tab__item[data-v-ec6b0008] {
22145
+ .cn-contacts-tab__item[data-v-a0d90184] {
21790
22146
  display: flex;
21791
22147
  align-items: flex-start;
21792
22148
  gap: 12px;
@@ -21795,16 +22151,16 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21795
22151
  cursor: pointer;
21796
22152
  transition: background-color 0.1s ease-in-out;
21797
22153
  }
21798
- .cn-contacts-tab__item[data-v-ec6b0008]:hover,
21799
- .cn-contacts-tab__item[data-v-ec6b0008]:focus-within {
22154
+ .cn-contacts-tab__item[data-v-a0d90184]:hover,
22155
+ .cn-contacts-tab__item[data-v-a0d90184]:focus-within {
21800
22156
  background-color: var(--color-background-hover);
21801
22157
  }
21802
- .cn-contacts-tab__avatar[data-v-ec6b0008] {
22158
+ .cn-contacts-tab__avatar[data-v-a0d90184] {
21803
22159
  flex-shrink: 0;
21804
22160
  display: flex;
21805
22161
  align-items: center;
21806
22162
  }
21807
- .cn-contacts-tab__details[data-v-ec6b0008] {
22163
+ .cn-contacts-tab__details[data-v-a0d90184] {
21808
22164
  flex: 1;
21809
22165
  min-width: 0;
21810
22166
  display: flex;
@@ -21812,13 +22168,13 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21812
22168
  gap: 2px;
21813
22169
  padding-top: 2px;
21814
22170
  }
21815
- .cn-contacts-tab__name-row[data-v-ec6b0008] {
22171
+ .cn-contacts-tab__name-row[data-v-a0d90184] {
21816
22172
  display: flex;
21817
22173
  align-items: center;
21818
22174
  gap: 8px;
21819
22175
  min-width: 0;
21820
22176
  }
21821
- .cn-contacts-tab__name[data-v-ec6b0008] {
22177
+ .cn-contacts-tab__name[data-v-a0d90184] {
21822
22178
  font-size: 14px;
21823
22179
  font-weight: 600;
21824
22180
  color: var(--color-main-text);
@@ -21826,7 +22182,7 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21826
22182
  overflow: hidden;
21827
22183
  text-overflow: ellipsis;
21828
22184
  }
21829
- .cn-contacts-tab__sub[data-v-ec6b0008] {
22185
+ .cn-contacts-tab__sub[data-v-a0d90184] {
21830
22186
  display: flex;
21831
22187
  align-items: center;
21832
22188
  gap: 5px;
@@ -21834,16 +22190,16 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21834
22190
  color: var(--color-text-maxcontrast);
21835
22191
  min-width: 0;
21836
22192
  }
21837
- .cn-contacts-tab__sub-icon[data-v-ec6b0008] {
22193
+ .cn-contacts-tab__sub-icon[data-v-a0d90184] {
21838
22194
  flex-shrink: 0;
21839
22195
  opacity: 0.7;
21840
22196
  }
21841
- .cn-contacts-tab__sub-text[data-v-ec6b0008] {
22197
+ .cn-contacts-tab__sub-text[data-v-a0d90184] {
21842
22198
  white-space: nowrap;
21843
22199
  overflow: hidden;
21844
22200
  text-overflow: ellipsis;
21845
22201
  }
21846
- .cn-contacts-tab__unlink[data-v-ec6b0008] {
22202
+ .cn-contacts-tab__unlink[data-v-a0d90184] {
21847
22203
  background: none;
21848
22204
  border: none;
21849
22205
  padding: 4px;
@@ -21856,8 +22212,8 @@ a.cn-collectives-card__title[data-v-563ff74c]:hover {
21856
22212
  flex-shrink: 0;
21857
22213
  align-self: center;
21858
22214
  }
21859
- .cn-contacts-tab__unlink[data-v-ec6b0008]:hover,
21860
- .cn-contacts-tab__unlink[data-v-ec6b0008]:focus {
22215
+ .cn-contacts-tab__unlink[data-v-a0d90184]:hover,
22216
+ .cn-contacts-tab__unlink[data-v-a0d90184]:focus {
21861
22217
  background-color: var(--color-background-dark);
21862
22218
  color: var(--color-error);
21863
22219
  }
@@ -22224,21 +22580,124 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22224
22580
  }
22225
22581
 
22226
22582
 
22227
- .cn-deck-card__empty[data-v-13f7eff5] {
22583
+ .cn-deck-card-create[data-v-7b2335ba] {
22584
+ display: flex;
22585
+ flex-direction: column;
22586
+ gap: 12px;
22587
+ padding: 4px 0;
22588
+ }
22589
+ .cn-deck-card-create__error[data-v-7b2335ba] {
22590
+ margin: 4px 0;
22591
+ }
22592
+ .cn-deck-card-create__date[data-v-7b2335ba] {
22593
+ display: flex;
22594
+ flex-direction: column;
22595
+ gap: 4px;
22596
+ }
22597
+ .cn-deck-card-create__date-label[data-v-7b2335ba] {
22598
+ font-size: 0.85em;
22599
+ color: var(--color-text-maxcontrast);
22600
+ }
22601
+ .cn-deck-card-create__date-input[data-v-7b2335ba] {
22602
+ border-radius: var(--border-radius);
22603
+ padding: 6px 8px;
22604
+ border: 1px solid var(--color-border);
22605
+ background: var(--color-main-background);
22606
+ color: var(--color-main-text);
22607
+ }
22608
+
22609
+
22610
+ .cn-deck-card-picker[data-v-7861e746] {
22611
+ display: flex;
22612
+ flex-direction: column;
22613
+ gap: 12px;
22614
+ padding: 4px 0;
22615
+ }
22616
+ .cn-deck-card-picker__steps[data-v-7861e746] {
22617
+ display: flex;
22618
+ gap: 16px;
22619
+ list-style: none;
22620
+ margin: 0;
22621
+ padding: 0 4px 8px;
22622
+ border-bottom: 1px solid var(--color-border);
22623
+ }
22624
+ .cn-deck-card-picker__step[data-v-7861e746] {
22625
+ font-size: 0.85em;
22626
+ color: var(--color-text-maxcontrast);
22627
+ }
22628
+ .cn-deck-card-picker__step--active[data-v-7861e746] {
22629
+ color: var(--color-main-text);
22630
+ font-weight: 600;
22631
+ }
22632
+ .cn-deck-card-picker__step--done[data-v-7861e746] {
22633
+ color: var(--color-success, #46ba61);
22634
+ }
22635
+ .cn-deck-card-picker__error[data-v-7861e746] {
22636
+ margin: 4px 0;
22637
+ }
22638
+ .cn-deck-card-picker__panel[data-v-7861e746] {
22639
+ min-height: 180px;
22640
+ }
22641
+ .cn-deck-card-picker__list[data-v-7861e746] {
22642
+ list-style: none;
22643
+ margin: 0;
22644
+ padding: 0;
22645
+ display: flex;
22646
+ flex-direction: column;
22647
+ gap: 4px;
22648
+ }
22649
+ .cn-deck-card-picker__row[data-v-7861e746] {
22650
+ border-radius: var(--border-radius);
22651
+ }
22652
+ .cn-deck-card-picker__row--selected[data-v-7861e746] {
22653
+ background: var(--color-primary-element-light);
22654
+ }
22655
+ .cn-deck-card-picker__row-button[data-v-7861e746] {
22656
+ display: flex;
22657
+ width: 100%;
22658
+ align-items: center;
22659
+ gap: 8px;
22660
+ padding: 8px 10px;
22661
+ background: transparent;
22662
+ border: 1px solid var(--color-border);
22663
+ border-radius: var(--border-radius);
22664
+ color: var(--color-main-text);
22665
+ cursor: pointer;
22666
+ text-align: left;
22667
+ }
22668
+ .cn-deck-card-picker__row-button[data-v-7861e746]:hover {
22669
+ background: var(--color-background-hover);
22670
+ }
22671
+ .cn-deck-card-picker__row--selected .cn-deck-card-picker__row-button[data-v-7861e746] {
22672
+ border-color: var(--color-primary-element);
22673
+ }
22674
+ .cn-deck-card-picker__row-label[data-v-7861e746] {
22675
+ flex: 1 1 auto;
22676
+ overflow: hidden;
22677
+ text-overflow: ellipsis;
22678
+ white-space: nowrap;
22679
+ }
22680
+
22681
+
22682
+ .cn-deck-card__action-error[data-v-d8cff1c2] {
22683
+ margin: 8px 0 0;
22684
+ color: var(--color-error-text, var(--color-error));
22685
+ }
22686
+ .cn-deck-card__empty[data-v-d8cff1c2] {
22228
22687
  color: var(--color-text-maxcontrast);
22229
22688
  font-size: 0.9em;
22230
22689
  padding: 8px 0;
22231
22690
  }
22232
- .cn-deck-card__headline[data-v-13f7eff5] {
22691
+ .cn-deck-card__headline[data-v-d8cff1c2] {
22233
22692
  display: flex;
22234
22693
  flex-direction: column;
22235
22694
  gap: 6px;
22236
22695
  }
22237
- .cn-deck-card__headline-line[data-v-13f7eff5] {
22696
+ .cn-deck-card__headline-line[data-v-d8cff1c2] {
22238
22697
  font-size: 1.1em;
22239
22698
  color: var(--color-main-text);
22240
22699
  }
22241
- .cn-deck-card__distribution[data-v-13f7eff5] {
22700
+ .cn-deck-card__distribution[data-v-d8cff1c2] {
22242
22701
  list-style: none;
22243
22702
  margin: 0;
22244
22703
  padding: 0;
@@ -22246,7 +22705,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22246
22705
  flex-direction: column;
22247
22706
  gap: 2px;
22248
22707
  }
22249
- .cn-deck-card__distribution-row[data-v-13f7eff5] {
22708
+ .cn-deck-card__distribution-row[data-v-d8cff1c2] {
22250
22709
  display: flex;
22251
22710
  align-items: center;
22252
22711
  justify-content: space-between;
@@ -22254,11 +22713,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22254
22713
  font-size: 0.85em;
22255
22714
  color: var(--color-text-maxcontrast);
22256
22715
  }
22257
- .cn-deck-card__distribution-count[data-v-13f7eff5] {
22716
+ .cn-deck-card__distribution-count[data-v-d8cff1c2] {
22258
22717
  font-weight: 600;
22259
22718
  color: var(--color-main-text);
22260
22719
  }
22261
- .cn-deck-card__headline-recent[data-v-13f7eff5] {
22720
+ .cn-deck-card__headline-recent[data-v-d8cff1c2] {
22262
22721
  display: flex;
22263
22722
  align-items: center;
22264
22723
  gap: 6px;
@@ -22268,14 +22727,14 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22268
22727
  text-overflow: ellipsis;
22269
22728
  white-space: nowrap;
22270
22729
  }
22271
- .cn-deck-card__headline-recent a[data-v-13f7eff5] {
22730
+ .cn-deck-card__headline-recent a[data-v-d8cff1c2] {
22272
22731
  color: var(--color-main-text);
22273
22732
  text-decoration: none;
22274
22733
  }
22275
- .cn-deck-card__headline-recent a[data-v-13f7eff5]:hover {
22734
+ .cn-deck-card__headline-recent a[data-v-d8cff1c2]:hover {
22276
22735
  text-decoration: underline;
22277
22736
  }
22278
- .cn-deck-card__chip[data-v-13f7eff5] {
22737
+ .cn-deck-card__chip[data-v-d8cff1c2] {
22279
22738
  display: inline-flex;
22280
22739
  align-items: center;
22281
22740
  gap: 6px;
@@ -22289,23 +22748,23 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22289
22748
  }
22290
22749
 
22291
22750
  /* stylelint-disable-next-line no-descending-specificity */
22292
- .cn-deck-card__chip a[data-v-13f7eff5] {
22751
+ .cn-deck-card__chip a[data-v-d8cff1c2] {
22293
22752
  color: var(--color-main-text);
22294
22753
  text-decoration: none;
22295
22754
  }
22296
- .cn-deck-card__chip a[data-v-13f7eff5]:hover {
22755
+ .cn-deck-card__chip a[data-v-d8cff1c2]:hover {
22297
22756
  text-decoration: underline;
22298
22757
  }
22299
- .cn-deck-card__chip-stack[data-v-13f7eff5] {
22758
+ .cn-deck-card__chip-stack[data-v-d8cff1c2] {
22300
22759
  color: var(--color-text-maxcontrast);
22301
22760
  font-size: 0.85em;
22302
22761
  }
22303
- .cn-deck-card__kanban[data-v-13f7eff5] {
22762
+ .cn-deck-card__kanban[data-v-d8cff1c2] {
22304
22763
  display: flex;
22305
22764
  gap: 8px;
22306
22765
  align-items: flex-start;
22307
22766
  }
22308
- .cn-deck-card__column[data-v-13f7eff5] {
22767
+ .cn-deck-card__column[data-v-d8cff1c2] {
22309
22768
  flex: 1;
22310
22769
  min-width: 0;
22311
22770
  display: flex;
@@ -22315,13 +22774,13 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22315
22774
  border-radius: var(--border-radius);
22316
22775
  background: var(--color-background-hover);
22317
22776
  }
22318
- .cn-deck-card__column-header[data-v-13f7eff5] {
22777
+ .cn-deck-card__column-header[data-v-d8cff1c2] {
22319
22778
  display: flex;
22320
22779
  align-items: center;
22321
22780
  justify-content: space-between;
22322
22781
  gap: 4px;
22323
22782
  }
22324
- .cn-deck-card__column-title[data-v-13f7eff5] {
22783
+ .cn-deck-card__column-title[data-v-d8cff1c2] {
22325
22784
  font-size: 0.85em;
22326
22785
  font-weight: 600;
22327
22786
  color: var(--color-main-text);
@@ -22329,11 +22788,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22329
22788
  text-overflow: ellipsis;
22330
22789
  white-space: nowrap;
22331
22790
  }
22332
- .cn-deck-card__column-count[data-v-13f7eff5] {
22791
+ .cn-deck-card__column-count[data-v-d8cff1c2] {
22333
22792
  font-size: 0.7em;
22334
22793
  color: var(--color-text-maxcontrast);
22335
22794
  }
22336
- .cn-deck-card__column-list[data-v-13f7eff5] {
22795
+ .cn-deck-card__column-list[data-v-d8cff1c2] {
22337
22796
  list-style: none;
22338
22797
  margin: 0;
22339
22798
  padding: 0;
@@ -22341,7 +22800,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22341
22800
  flex-direction: column;
22342
22801
  gap: 3px;
22343
22802
  }
22344
- .cn-deck-card__row[data-v-13f7eff5] {
22803
+ .cn-deck-card__row[data-v-d8cff1c2] {
22345
22804
  padding: 4px 6px;
22346
22805
  border-radius: 4px;
22347
22806
  background: var(--color-main-background);
@@ -22351,119 +22810,20 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22351
22810
  text-overflow: ellipsis;
22352
22811
  white-space: nowrap;
22353
22812
  }
22354
- .cn-deck-card__row--highlight[data-v-13f7eff5] {
22813
+ .cn-deck-card__row--highlight[data-v-d8cff1c2] {
22355
22814
  border-color: var(--color-primary-element, #21468B);
22356
22815
  background: var(--color-primary-element-light, var(--color-background-darker));
22357
22816
  font-weight: 600;
22358
22817
  }
22359
- .cn-deck-card__title[data-v-13f7eff5] {
22818
+ .cn-deck-card__title[data-v-d8cff1c2] {
22360
22819
  color: var(--color-main-text);
22361
22820
  text-decoration: none;
22362
22821
  }
22363
- a.cn-deck-card__title[data-v-13f7eff5]:hover {
22822
+ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22364
22823
  text-decoration: underline;
22365
22824
  }
22366
22825
 
22367
22826
 
22368
- .cn-deck-card-create[data-v-7b2335ba] {
22369
- display: flex;
22370
- flex-direction: column;
22371
- gap: 12px;
22372
- padding: 4px 0;
22373
- }
22374
- .cn-deck-card-create__error[data-v-7b2335ba] {
22375
- margin: 4px 0;
22376
- }
22377
- .cn-deck-card-create__date[data-v-7b2335ba] {
22378
- display: flex;
22379
- flex-direction: column;
22380
- gap: 4px;
22381
- }
22382
- .cn-deck-card-create__date-label[data-v-7b2335ba] {
22383
- font-size: 0.85em;
22384
- color: var(--color-text-maxcontrast);
22385
- }
22386
- .cn-deck-card-create__date-input[data-v-7b2335ba] {
22387
- border-radius: var(--border-radius);
22388
- padding: 6px 8px;
22389
- border: 1px solid var(--color-border);
22390
- background: var(--color-main-background);
22391
- color: var(--color-main-text);
22392
- }
22393
-
22394
-
22395
- .cn-deck-card-picker[data-v-7861e746] {
22396
- display: flex;
22397
- flex-direction: column;
22398
- gap: 12px;
22399
- padding: 4px 0;
22400
- }
22401
- .cn-deck-card-picker__steps[data-v-7861e746] {
22402
- display: flex;
22403
- gap: 16px;
22404
- list-style: none;
22405
- margin: 0;
22406
- padding: 0 4px 8px;
22407
- border-bottom: 1px solid var(--color-border);
22408
- }
22409
- .cn-deck-card-picker__step[data-v-7861e746] {
22410
- font-size: 0.85em;
22411
- color: var(--color-text-maxcontrast);
22412
- }
22413
- .cn-deck-card-picker__step--active[data-v-7861e746] {
22414
- color: var(--color-main-text);
22415
- font-weight: 600;
22416
- }
22417
- .cn-deck-card-picker__step--done[data-v-7861e746] {
22418
- color: var(--color-success, #46ba61);
22419
- }
22420
- .cn-deck-card-picker__error[data-v-7861e746] {
22421
- margin: 4px 0;
22422
- }
22423
- .cn-deck-card-picker__panel[data-v-7861e746] {
22424
- min-height: 180px;
22425
- }
22426
- .cn-deck-card-picker__list[data-v-7861e746] {
22427
- list-style: none;
22428
- margin: 0;
22429
- padding: 0;
22430
- display: flex;
22431
- flex-direction: column;
22432
- gap: 4px;
22433
- }
22434
- .cn-deck-card-picker__row[data-v-7861e746] {
22435
- border-radius: var(--border-radius);
22436
- }
22437
- .cn-deck-card-picker__row--selected[data-v-7861e746] {
22438
- background: var(--color-primary-element-light);
22439
- }
22440
- .cn-deck-card-picker__row-button[data-v-7861e746] {
22441
- display: flex;
22442
- width: 100%;
22443
- align-items: center;
22444
- gap: 8px;
22445
- padding: 8px 10px;
22446
- background: transparent;
22447
- border: 1px solid var(--color-border);
22448
- border-radius: var(--border-radius);
22449
- color: var(--color-main-text);
22450
- cursor: pointer;
22451
- text-align: left;
22452
- }
22453
- .cn-deck-card-picker__row-button[data-v-7861e746]:hover {
22454
- background: var(--color-background-hover);
22455
- }
22456
- .cn-deck-card-picker__row--selected .cn-deck-card-picker__row-button[data-v-7861e746] {
22457
- border-color: var(--color-primary-element);
22458
- }
22459
- .cn-deck-card-picker__row-label[data-v-7861e746] {
22460
- flex: 1 1 auto;
22461
- overflow: hidden;
22462
- text-overflow: ellipsis;
22463
- white-space: nowrap;
22464
- }
22465
-
22466
-
22467
22827
  .cn-deck-tab__actions[data-v-d4b5abb2] {
22468
22828
  display: flex;
22469
22829
  gap: 8px;
@@ -23388,7 +23748,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23388
23748
  }
23389
23749
 
23390
23750
 
23391
- .cn-files-browser[data-v-3a771a01] {
23751
+ .cn-files-browser[data-v-23ff0221] {
23392
23752
  display: flex;
23393
23753
  flex-direction: column;
23394
23754
  gap: 8px;
@@ -23396,22 +23756,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23396
23756
  position: relative;
23397
23757
  border-radius: var(--border-radius-large, 8px);
23398
23758
  }
23399
- .cn-files-browser--dragging[data-v-3a771a01] {
23759
+ .cn-files-browser--dragging[data-v-23ff0221] {
23400
23760
  outline: 2px dashed var(--color-primary-element);
23401
23761
  outline-offset: 4px;
23402
23762
  }
23403
23763
 
23404
23764
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
23405
23765
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
23406
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-3a771a01] {
23766
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-23ff0221] {
23407
23767
  min-height: max(320px, 100%);
23408
23768
  }
23409
- .cn-files-browser__drop-detail[data-v-3a771a01] {
23769
+ .cn-files-browser__drop-detail[data-v-23ff0221] {
23410
23770
  max-width: 520px;
23411
23771
  font-size: 14px;
23412
23772
  color: var(--color-main-text);
23413
23773
  }
23414
- .cn-files-browser__drop-overlay[data-v-3a771a01] {
23774
+ .cn-files-browser__drop-overlay[data-v-23ff0221] {
23415
23775
  position: absolute;
23416
23776
  inset: 0;
23417
23777
  z-index: 2;
@@ -23429,7 +23789,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23429
23789
  text-align: center;
23430
23790
  pointer-events: none;
23431
23791
  }
23432
- .cn-files-browser__drop-icon[data-v-3a771a01] {
23792
+ .cn-files-browser__drop-icon[data-v-23ff0221] {
23433
23793
  display: flex;
23434
23794
  align-items: center;
23435
23795
  justify-content: center;
@@ -23439,11 +23799,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23439
23799
  background: var(--color-main-background);
23440
23800
  color: var(--color-primary-element);
23441
23801
  }
23442
- .cn-files-browser__drop-label[data-v-3a771a01] {
23802
+ .cn-files-browser__drop-label[data-v-23ff0221] {
23443
23803
  font-size: 20px;
23444
23804
  font-weight: 700;
23445
23805
  }
23446
- .cn-files-browser__drop-hint[data-v-3a771a01] {
23806
+ .cn-files-browser__drop-hint[data-v-23ff0221] {
23447
23807
  display: flex;
23448
23808
  align-items: center;
23449
23809
  gap: 8px;
@@ -23453,14 +23813,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23453
23813
  font-size: 13px;
23454
23814
  color: var(--color-text-maxcontrast);
23455
23815
  }
23456
- .cn-files-browser__bar[data-v-3a771a01] {
23816
+ .cn-files-browser__bar[data-v-23ff0221] {
23457
23817
  display: flex;
23458
23818
  align-items: center;
23459
23819
  justify-content: space-between;
23460
23820
  gap: 8px;
23461
23821
  min-width: 0;
23462
23822
  }
23463
- .cn-files-browser__crumbs[data-v-3a771a01] {
23823
+ .cn-files-browser__crumbs[data-v-23ff0221] {
23464
23824
  min-width: 0;
23465
23825
  flex: 1 1 auto;
23466
23826
  }
@@ -23468,13 +23828,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23468
23828
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23469
23829
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23470
23830
  kept their width. */
23471
- .cn-files-browser__bar[data-v-3a771a01] > :not(.cn-files-browser__crumbs) {
23831
+ .cn-files-browser__bar[data-v-23ff0221] > :not(.cn-files-browser__crumbs) {
23472
23832
  flex-shrink: 0;
23473
23833
  }
23474
- .cn-files-browser__file-input[data-v-3a771a01] {
23834
+ .cn-files-browser__file-input[data-v-23ff0221] {
23475
23835
  display: none;
23476
23836
  }
23477
- .cn-files-browser__uploads[data-v-3a771a01] {
23837
+ .cn-files-browser__uploads[data-v-23ff0221] {
23478
23838
  list-style: none;
23479
23839
  margin: 0;
23480
23840
  padding: 0;
@@ -23482,35 +23842,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23482
23842
  flex-direction: column;
23483
23843
  gap: 4px;
23484
23844
  }
23485
- .cn-files-browser__upload[data-v-3a771a01] {
23845
+ .cn-files-browser__upload[data-v-23ff0221] {
23486
23846
  display: flex;
23487
23847
  flex-direction: column;
23488
23848
  gap: 2px;
23489
23849
  }
23490
- .cn-files-browser__upload-name[data-v-3a771a01] {
23850
+ .cn-files-browser__upload-name[data-v-23ff0221] {
23491
23851
  font-size: 13px;
23492
23852
  }
23493
- .cn-files-browser__upload-error[data-v-3a771a01] {
23853
+ .cn-files-browser__upload-error[data-v-23ff0221] {
23494
23854
  color: var(--color-error);
23495
23855
  font-size: 13px;
23496
23856
  }
23497
- .cn-files-browser__loading[data-v-3a771a01] {
23857
+ .cn-files-browser__loading[data-v-23ff0221] {
23498
23858
  padding: 24px 0;
23499
23859
  }
23500
23860
 
23501
23861
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23502
- .cn-files-browser__body--with-side[data-v-3a771a01] {
23862
+ .cn-files-browser__body--with-side[data-v-23ff0221] {
23503
23863
  display: grid;
23504
23864
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23505
23865
  align-items: start;
23506
23866
  gap: 16px;
23507
23867
  }
23508
23868
  @media (max-width: 900px) {
23509
- .cn-files-browser__body--with-side[data-v-3a771a01] {
23869
+ .cn-files-browser__body--with-side[data-v-23ff0221] {
23510
23870
  grid-template-columns: minmax(0, 1fr);
23511
23871
  }
23512
23872
  }
23513
- .cn-files-browser__side[data-v-3a771a01] {
23873
+ .cn-files-browser__side[data-v-23ff0221] {
23514
23874
  display: flex;
23515
23875
  flex-direction: column;
23516
23876
  gap: 12px;
@@ -23518,14 +23878,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23518
23878
 
23519
23879
  /* In the detail page's side column the cards take its gap and its card
23520
23880
  anatomy, as the page's own side cards are drawn. */
23521
- .cn-files-browser__side--in-page[data-v-3a771a01] {
23881
+ .cn-files-browser__side--in-page[data-v-23ff0221] {
23522
23882
  gap: calc(5 * var(--default-grid-baseline));
23523
23883
  }
23524
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-3a771a01] {
23884
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-23ff0221] {
23525
23885
  padding: var(--cn-board-card-padding, 16px 18px);
23526
23886
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23527
23887
  }
23528
- .cn-files-browser__side-card[data-v-3a771a01] {
23888
+ .cn-files-browser__side-card[data-v-23ff0221] {
23529
23889
  display: flex;
23530
23890
  flex-direction: column;
23531
23891
  gap: 10px;
@@ -23534,13 +23894,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23534
23894
  border-radius: var(--border-radius-large);
23535
23895
  background: var(--color-main-background);
23536
23896
  }
23537
- .cn-files-browser__side-title[data-v-3a771a01] {
23897
+ .cn-files-browser__side-title[data-v-23ff0221] {
23538
23898
  margin: 0;
23539
23899
  font-size: 15px;
23540
23900
  font-weight: 700;
23541
23901
  overflow-wrap: anywhere;
23542
23902
  }
23543
- .cn-files-browser__side-facts[data-v-3a771a01] {
23903
+ .cn-files-browser__side-facts[data-v-23ff0221] {
23544
23904
  display: grid;
23545
23905
  grid-template-columns: max-content minmax(0, 1fr);
23546
23906
  gap: 6px 12px;
@@ -23550,22 +23910,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23550
23910
 
23551
23911
  /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
23552
23912
  @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 */
23553
- .cn-files-browser__side-facts dt[data-v-3a771a01],
23554
- .cn-files-browser__side-facts dd[data-v-3a771a01] {
23913
+ .cn-files-browser__side-facts dt[data-v-23ff0221],
23914
+ .cn-files-browser__side-facts dd[data-v-23ff0221] {
23555
23915
  display: block;
23556
23916
  width: auto;
23557
23917
  padding: 0;
23558
23918
  text-align: start;
23559
23919
  white-space: normal;
23560
23920
  }
23561
- .cn-files-browser__side-facts dt[data-v-3a771a01] {
23921
+ .cn-files-browser__side-facts dt[data-v-23ff0221] {
23562
23922
  color: var(--color-text-maxcontrast);
23563
23923
  }
23564
- .cn-files-browser__side-facts dd[data-v-3a771a01] {
23924
+ .cn-files-browser__side-facts dd[data-v-23ff0221] {
23565
23925
  margin: 0;
23566
23926
  overflow-wrap: anywhere;
23567
23927
  }
23568
- .cn-files-browser__side-actions[data-v-3a771a01] {
23928
+ .cn-files-browser__side-actions[data-v-23ff0221] {
23569
23929
  display: flex;
23570
23930
  flex-wrap: wrap;
23571
23931
  gap: 8px;
@@ -23573,35 +23933,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23573
23933
 
23574
23934
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23575
23935
  text in the tone's colour, as the boards write a restricted level. */
23576
- .cn-files-browser__tone[data-v-3a771a01] {
23936
+ .cn-files-browser__tone[data-v-23ff0221] {
23577
23937
  font-weight: 600;
23578
23938
  }
23579
- .cn-files-browser__tone--success[data-v-3a771a01] {
23939
+ .cn-files-browser__tone--success[data-v-23ff0221] {
23580
23940
  color: var(--color-success-text, var(--color-success));
23581
23941
  }
23582
- .cn-files-browser__tone--warning[data-v-3a771a01] {
23942
+ .cn-files-browser__tone--warning[data-v-23ff0221] {
23583
23943
  color: var(--color-warning-text, var(--color-warning));
23584
23944
  }
23585
- .cn-files-browser__tone--error[data-v-3a771a01] {
23945
+ .cn-files-browser__tone--error[data-v-23ff0221] {
23586
23946
  color: var(--color-error-text, var(--color-error));
23587
23947
  }
23588
- .cn-files-browser__tone--primary[data-v-3a771a01],
23589
- .cn-files-browser__tone--info[data-v-3a771a01] {
23948
+ .cn-files-browser__tone--primary[data-v-23ff0221],
23949
+ .cn-files-browser__tone--info[data-v-23ff0221] {
23590
23950
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23591
23951
  }
23592
- .cn-files-browser__table[data-v-3a771a01] {
23952
+ .cn-files-browser__table[data-v-23ff0221] {
23593
23953
  width: 100%;
23594
23954
  border-collapse: collapse;
23595
23955
  table-layout: fixed;
23596
23956
  }
23597
- .cn-files-browser__table th[data-v-3a771a01] {
23957
+ .cn-files-browser__table th[data-v-23ff0221] {
23598
23958
  text-align: start;
23599
23959
  font-weight: normal;
23600
23960
  color: var(--color-text-maxcontrast);
23601
23961
  padding: 4px 8px;
23602
23962
  border-bottom: 1px solid var(--color-border);
23603
23963
  }
23604
- .cn-files-browser__sort[data-v-3a771a01] {
23964
+ .cn-files-browser__sort[data-v-23ff0221] {
23605
23965
  background: none;
23606
23966
  border: none;
23607
23967
  padding: 0;
@@ -23612,46 +23972,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23612
23972
  align-items: center;
23613
23973
  gap: 2px;
23614
23974
  }
23615
- .cn-files-browser__sort[data-v-3a771a01]:hover,
23616
- .cn-files-browser__sort[data-v-3a771a01]:focus-visible {
23975
+ .cn-files-browser__sort[data-v-23ff0221]:hover,
23976
+ .cn-files-browser__sort[data-v-23ff0221]:focus-visible {
23617
23977
  color: var(--color-main-text);
23618
23978
  }
23619
- .cn-files-browser__row[data-v-3a771a01] {
23979
+ .cn-files-browser__row[data-v-23ff0221] {
23620
23980
  cursor: pointer;
23621
23981
  }
23622
- .cn-files-browser__row[data-v-3a771a01]:hover,
23623
- .cn-files-browser__row[data-v-3a771a01]:focus-within {
23982
+ .cn-files-browser__row[data-v-23ff0221]:hover,
23983
+ .cn-files-browser__row[data-v-23ff0221]:focus-within {
23624
23984
  background-color: var(--color-background-hover);
23625
23985
  }
23626
- .cn-files-browser__table td[data-v-3a771a01] {
23986
+ .cn-files-browser__table td[data-v-23ff0221] {
23627
23987
  padding: 4px 8px;
23628
23988
  border-bottom: 1px solid var(--color-border);
23629
23989
  vertical-align: middle;
23630
23990
  }
23631
- .cn-files-browser__col-icon[data-v-3a771a01] {
23991
+ .cn-files-browser__col-icon[data-v-23ff0221] {
23632
23992
  width: 48px;
23633
23993
  }
23634
- .cn-files-browser__col-size[data-v-3a771a01] {
23994
+ .cn-files-browser__col-size[data-v-23ff0221] {
23635
23995
  width: 96px;
23636
23996
  white-space: nowrap;
23637
23997
  color: var(--color-text-maxcontrast);
23638
23998
  }
23639
- .cn-files-browser__col-mtime[data-v-3a771a01] {
23999
+ .cn-files-browser__col-mtime[data-v-23ff0221] {
23640
24000
  width: 140px;
23641
24001
  white-space: nowrap;
23642
24002
  color: var(--color-text-maxcontrast);
23643
24003
  }
23644
- .cn-files-browser__col-select[data-v-3a771a01] {
24004
+ .cn-files-browser__col-select[data-v-23ff0221] {
23645
24005
  width: 36px;
23646
24006
  text-align: center;
23647
24007
  }
23648
- .cn-files-browser__select[data-v-3a771a01] {
24008
+ .cn-files-browser__select[data-v-23ff0221] {
23649
24009
  width: 18px;
23650
24010
  height: 18px;
23651
24011
  margin: 0;
23652
24012
  accent-color: var(--color-primary-element);
23653
24013
  }
23654
- .cn-files-browser__bulk-bar[data-v-3a771a01] {
24014
+ .cn-files-browser__bulk-bar[data-v-23ff0221] {
23655
24015
  display: flex;
23656
24016
  flex-wrap: wrap;
23657
24017
  align-items: center;
@@ -23660,11 +24020,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23660
24020
  border-radius: var(--border-radius-large);
23661
24021
  background: var(--color-primary-element-light);
23662
24022
  }
23663
- .cn-files-browser__bulk-count[data-v-3a771a01] {
24023
+ .cn-files-browser__bulk-count[data-v-23ff0221] {
23664
24024
  font-weight: 600;
23665
24025
  margin-inline-end: 8px;
23666
24026
  }
23667
- .cn-files-browser__review[data-v-3a771a01] {
24027
+ .cn-files-browser__review[data-v-23ff0221] {
23668
24028
  display: flex;
23669
24029
  flex-direction: column;
23670
24030
  gap: 10px;
@@ -23673,28 +24033,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23673
24033
  border-radius: 10px;
23674
24034
  background: var(--color-background-hover);
23675
24035
  }
23676
- .cn-files-browser__review-head[data-v-3a771a01] {
24036
+ .cn-files-browser__review-head[data-v-23ff0221] {
23677
24037
  display: flex;
23678
24038
  flex-wrap: wrap;
23679
24039
  align-items: baseline;
23680
24040
  justify-content: space-between;
23681
24041
  gap: 8px;
23682
24042
  }
23683
- .cn-files-browser__review-title[data-v-3a771a01] {
24043
+ .cn-files-browser__review-title[data-v-23ff0221] {
23684
24044
  font-size: 15px;
23685
24045
  }
23686
- .cn-files-browser__review-sub[data-v-3a771a01] {
24046
+ .cn-files-browser__review-sub[data-v-23ff0221] {
23687
24047
  color: var(--color-text-maxcontrast);
23688
24048
  font-size: 13px;
23689
24049
  }
23690
- .cn-files-browser__review-bar[data-v-3a771a01] {
24050
+ .cn-files-browser__review-bar[data-v-23ff0221] {
23691
24051
  display: flex;
23692
24052
  height: 8px;
23693
24053
  overflow: hidden;
23694
24054
  border-radius: 4px;
23695
24055
  background: var(--color-border);
23696
24056
  }
23697
- .cn-files-browser__review-legend[data-v-3a771a01] {
24057
+ .cn-files-browser__review-legend[data-v-23ff0221] {
23698
24058
  display: flex;
23699
24059
  flex-wrap: wrap;
23700
24060
  gap: 8px 18px;
@@ -23703,48 +24063,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23703
24063
  font-size: 14px;
23704
24064
  list-style: none;
23705
24065
  }
23706
- .cn-files-browser__review-legend li[data-v-3a771a01] {
24066
+ .cn-files-browser__review-legend li[data-v-23ff0221] {
23707
24067
  display: inline-flex;
23708
24068
  align-items: center;
23709
24069
  gap: 8px;
23710
24070
  }
23711
- .cn-files-browser__review-dot[data-v-3a771a01] {
24071
+ .cn-files-browser__review-dot[data-v-23ff0221] {
23712
24072
  width: 10px;
23713
24073
  height: 10px;
23714
24074
  border-radius: 5px;
23715
24075
  }
23716
- .cn-files-browser__review-part--success[data-v-3a771a01] {
24076
+ .cn-files-browser__review-part--success[data-v-23ff0221] {
23717
24077
  background: var(--color-success-text, var(--color-success));
23718
24078
  }
23719
- .cn-files-browser__review-part--warning[data-v-3a771a01] {
24079
+ .cn-files-browser__review-part--warning[data-v-23ff0221] {
23720
24080
  background: var(--color-warning);
23721
24081
  }
23722
- .cn-files-browser__review-part--error[data-v-3a771a01] {
24082
+ .cn-files-browser__review-part--error[data-v-23ff0221] {
23723
24083
  background: var(--color-error-text, var(--color-error));
23724
24084
  }
23725
- .cn-files-browser__review-part--info[data-v-3a771a01] {
24085
+ .cn-files-browser__review-part--info[data-v-23ff0221] {
23726
24086
  background: var(--color-primary-element);
23727
24087
  }
23728
- .cn-files-browser__review-part--default[data-v-3a771a01] {
24088
+ .cn-files-browser__review-part--default[data-v-23ff0221] {
23729
24089
  background: var(--color-border-dark);
23730
24090
  }
23731
- .cn-files-browser__row-button[data-v-3a771a01] {
24091
+ .cn-files-browser__row-button[data-v-23ff0221] {
23732
24092
  display: inline-flex;
23733
24093
  margin-inline-end: 8px;
23734
24094
  vertical-align: middle;
23735
24095
  }
23736
- .cn-files-browser__facets[data-v-3a771a01] {
24096
+ .cn-files-browser__facets[data-v-23ff0221] {
23737
24097
  display: flex;
23738
24098
  flex-wrap: wrap;
23739
24099
  align-items: center;
23740
24100
  gap: 8px 16px;
23741
24101
  }
23742
- .cn-files-browser__facet[data-v-3a771a01] {
24102
+ .cn-files-browser__facet[data-v-23ff0221] {
23743
24103
  display: flex;
23744
24104
  flex-wrap: wrap;
23745
24105
  gap: 6px;
23746
24106
  }
23747
- .cn-files-browser__facet-chip[data-v-3a771a01] {
24107
+ .cn-files-browser__facet-chip[data-v-23ff0221] {
23748
24108
  display: inline-flex;
23749
24109
  align-items: center;
23750
24110
  gap: 6px;
@@ -23756,41 +24116,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23756
24116
  color: var(--color-main-text);
23757
24117
  cursor: pointer;
23758
24118
  }
23759
- .cn-files-browser__facet-chip--active[data-v-3a771a01] {
24119
+ .cn-files-browser__facet-chip--active[data-v-23ff0221] {
23760
24120
  border-color: var(--color-primary-element);
23761
24121
  background: var(--color-primary-element-light);
23762
24122
  }
23763
- .cn-files-browser__group-heading[data-v-3a771a01] {
24123
+ .cn-files-browser__group-heading[data-v-23ff0221] {
23764
24124
  padding: 12px 8px 4px;
23765
24125
  text-align: start;
23766
24126
  font-weight: 700;
23767
24127
  }
23768
- .cn-files-browser__group-count[data-v-3a771a01] {
24128
+ .cn-files-browser__group-count[data-v-23ff0221] {
23769
24129
  margin-inline-start: 6px;
23770
24130
  font-weight: 400;
23771
24131
  color: var(--color-text-maxcontrast);
23772
24132
  }
23773
- .cn-files-browser__no-match[data-v-3a771a01] {
24133
+ .cn-files-browser__no-match[data-v-23ff0221] {
23774
24134
  padding: 16px 8px;
23775
24135
  color: var(--color-text-maxcontrast);
23776
24136
  }
23777
- .cn-files-browser__col-actions[data-v-3a771a01] {
24137
+ .cn-files-browser__col-actions[data-v-23ff0221] {
23778
24138
  width: 48px;
23779
24139
  white-space: nowrap;
23780
24140
  }
23781
- .cn-files-browser__col-actions[data-v-3a771a01]:has(.cn-files-browser__row-button) {
24141
+ .cn-files-browser__col-actions[data-v-23ff0221]:has(.cn-files-browser__row-button) {
23782
24142
  width: auto;
23783
24143
  }
23784
- .cn-files-browser__col-name[data-v-3a771a01] {
24144
+ .cn-files-browser__col-name[data-v-23ff0221] {
23785
24145
  min-width: 0;
23786
24146
  }
23787
- .cn-files-browser__name[data-v-3a771a01] {
24147
+ .cn-files-browser__name[data-v-23ff0221] {
23788
24148
  display: block;
23789
24149
  overflow: hidden;
23790
24150
  text-overflow: ellipsis;
23791
24151
  white-space: nowrap;
23792
24152
  }
23793
- .cn-files-browser__name-secondary[data-v-3a771a01] {
24153
+ .cn-files-browser__name-secondary[data-v-23ff0221] {
23794
24154
  display: block;
23795
24155
  overflow: hidden;
23796
24156
  color: var(--color-text-maxcontrast);
@@ -23798,41 +24158,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23798
24158
  text-overflow: ellipsis;
23799
24159
  white-space: nowrap;
23800
24160
  }
23801
- .cn-files-browser__footnote[data-v-3a771a01] {
24161
+ .cn-files-browser__footnote[data-v-23ff0221] {
23802
24162
  margin: 0;
23803
24163
  padding-top: 12px;
23804
24164
  color: var(--color-text-maxcontrast);
23805
24165
  font-size: 13px;
23806
24166
  }
23807
- .cn-files-browser__row--linked[data-v-3a771a01] {
24167
+ .cn-files-browser__row--linked[data-v-23ff0221] {
23808
24168
  color: var(--color-text-maxcontrast);
23809
24169
  }
23810
- .cn-files-browser__note[data-v-3a771a01] {
24170
+ .cn-files-browser__note[data-v-23ff0221] {
23811
24171
  color: var(--color-text-maxcontrast);
23812
24172
  display: block;
23813
24173
  font-size: var(--font-size-small, 13px);
23814
24174
  }
23815
- .cn-files-browser__note-link[data-v-3a771a01] {
24175
+ .cn-files-browser__note-link[data-v-23ff0221] {
23816
24176
  color: inherit;
23817
24177
  text-decoration: underline;
23818
24178
  }
23819
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-3a771a01] {
24179
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-23ff0221] {
23820
24180
  font-weight: 600;
23821
24181
  }
23822
- .cn-files-browser__mime[data-v-3a771a01],
23823
- .cn-files-browser__thumb[data-v-3a771a01] {
24182
+ .cn-files-browser__mime[data-v-23ff0221],
24183
+ .cn-files-browser__thumb[data-v-23ff0221] {
23824
24184
  width: 32px;
23825
24185
  height: 32px;
23826
24186
  display: block;
23827
24187
  }
23828
- .cn-files-browser__thumb[data-v-3a771a01] {
24188
+ .cn-files-browser__thumb[data-v-23ff0221] {
23829
24189
  object-fit: cover;
23830
24190
  border-radius: var(--border-radius, 4px);
23831
24191
  }
23832
- .cn-files-browser__new-folder[data-v-3a771a01] {
24192
+ .cn-files-browser__new-folder[data-v-23ff0221] {
23833
24193
  padding: 8px 0;
23834
24194
  }
23835
- .hidden-visually[data-v-3a771a01] {
24195
+ .hidden-visually[data-v-23ff0221] {
23836
24196
  position: absolute;
23837
24197
  width: 1px;
23838
24198
  height: 1px;
@@ -23842,9 +24202,9 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23842
24202
  }
23843
24203
 
23844
24204
 
23845
- .cn-sidebar-tab[data-v-89d80864] { padding: 12px;
24205
+ .cn-sidebar-tab[data-v-569603d2] { padding: 12px;
23846
24206
  }
23847
- .cn-sidebar-tab__upload-error[data-v-89d80864] {
24207
+ .cn-sidebar-tab__upload-error[data-v-569603d2] {
23848
24208
  padding: 8px 12px;
23849
24209
  margin-bottom: 8px;
23850
24210
  border-radius: var(--border-radius, 4px);
@@ -23852,7 +24212,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23852
24212
  color: var(--color-error, #e53935);
23853
24213
  font-size: 13px;
23854
24214
  }
23855
- .cn-sidebar-tab__dropzone[data-v-89d80864] {
24215
+ .cn-sidebar-tab__dropzone[data-v-569603d2] {
23856
24216
  display: flex;
23857
24217
  flex-direction: column;
23858
24218
  align-items: center;
@@ -23865,46 +24225,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23865
24225
  cursor: pointer;
23866
24226
  transition: border-color 0.15s ease, background-color 0.15s ease;
23867
24227
  }
23868
- .cn-sidebar-tab__dropzone[data-v-89d80864]:hover {
24228
+ .cn-sidebar-tab__dropzone[data-v-569603d2]:hover {
23869
24229
  border-color: var(--color-primary-element);
23870
24230
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
23871
24231
  }
23872
- .cn-sidebar-tab__dropzone--active[data-v-89d80864] {
24232
+ .cn-sidebar-tab__dropzone--active[data-v-569603d2] {
23873
24233
  border-color: var(--color-primary-element);
23874
24234
  background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
23875
24235
  }
23876
- .cn-sidebar-tab__share[data-v-89d80864] { margin-bottom: 12px;
24236
+ .cn-sidebar-tab__share[data-v-569603d2] { margin-bottom: 12px;
23877
24237
  }
23878
- .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-text-maxcontrast);
24238
+ .cn-sidebar-tab__dropzone-icon[data-v-569603d2] { color: var(--color-text-maxcontrast);
23879
24239
  }
23880
- .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-89d80864],
23881
- .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-89d80864] { color: var(--color-primary-element);
24240
+ .cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-569603d2],
24241
+ .cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-569603d2] { color: var(--color-primary-element);
23882
24242
  }
23883
- .cn-sidebar-tab__dropzone-text[data-v-89d80864] { font-size: 13px; color: var(--color-text-maxcontrast);
24243
+ .cn-sidebar-tab__dropzone-text[data-v-569603d2] { font-size: 13px; color: var(--color-text-maxcontrast);
23884
24244
  }
23885
- .cn-sidebar-tab__file-input[data-v-89d80864] { display: none;
24245
+ .cn-sidebar-tab__file-input[data-v-569603d2] { display: none;
23886
24246
  }
23887
- .cn-sidebar-tab__empty[data-v-89d80864] {
24247
+ .cn-sidebar-tab__empty[data-v-569603d2] {
23888
24248
  text-align: center;
23889
24249
  padding: 24px 12px;
23890
24250
  color: var(--color-text-maxcontrast);
23891
24251
  font-size: 13px;
23892
24252
  }
23893
- .cn-sidebar-tab__list[data-v-89d80864] { display: flex; flex-direction: column; gap: 2px;
24253
+ .cn-sidebar-tab__list[data-v-569603d2] { display: flex; flex-direction: column; gap: 2px;
23894
24254
  }
23895
- .cn-sidebar-tab__mime[data-v-89d80864],
23896
- .cn-sidebar-tab__thumb[data-v-89d80864] {
24255
+ .cn-sidebar-tab__mime[data-v-569603d2],
24256
+ .cn-sidebar-tab__thumb[data-v-569603d2] {
23897
24257
  width: 32px;
23898
24258
  height: 32px;
23899
24259
  display: block;
23900
24260
  }
23901
- .cn-sidebar-tab__thumb[data-v-89d80864] {
24261
+ .cn-sidebar-tab__thumb[data-v-569603d2] {
23902
24262
  object-fit: cover;
23903
24263
  border-radius: var(--border-radius, 4px);
23904
24264
  }
23905
- .cn-sidebar-tab__meta[data-v-89d80864] { color: var(--color-text-maxcontrast);
24265
+ .cn-sidebar-tab__meta[data-v-569603d2] { color: var(--color-text-maxcontrast);
23906
24266
  }
23907
- .cn-sidebar-tab__load-more[data-v-89d80864] { margin-top: 8px;
24267
+ .cn-sidebar-tab__load-more[data-v-569603d2] { margin-top: 8px;
23908
24268
  }
23909
24269
 
23910
24270
 
@@ -31862,7 +32222,7 @@ to { background-position: -200% 0;
31862
32222
 
31863
32223
 
31864
32224
  /* The card keeps its own box, footnote included. */
31865
- .cn-audit-trail-widget[data-v-3f7bbf0c] {
32225
+ .cn-audit-trail-widget[data-v-6387051e] {
31866
32226
  display: contents;
31867
32227
  }
31868
32228
 
@@ -32625,13 +32985,14 @@ to { background-position: -200% 0;
32625
32985
  }
32626
32986
 
32627
32987
 
32628
- .cn-saved-view-alert[data-v-05cd7cb8] {
32988
+ .cn-saved-view-alert[data-v-5f54dc93] {
32629
32989
  display: flex;
32630
32990
  flex-direction: column;
32631
32991
  gap: 12px;
32632
32992
  font-size: 14px;
32633
32993
  }
32634
- .cn-saved-view-alert__facts[data-v-05cd7cb8] {
32994
+ .cn-saved-view-alert__facts[data-v-5f54dc93] {
32995
+ padding: 0;
32635
32996
  display: grid;
32636
32997
  grid-template-columns: max-content 1fr;
32637
32998
  gap: 6px 16px;
@@ -32639,8 +33000,8 @@ to { background-position: -200% 0;
32639
33000
  }
32640
33001
 
32641
33002
  /* Nextcloud core gives dt and dd inline-block, 12px padding and dt a 130px end-aligned box. */
32642
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8],
32643
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33003
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93],
33004
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32644
33005
  display: block;
32645
33006
  width: auto;
32646
33007
  margin: 0;
@@ -32649,36 +33010,41 @@ to { background-position: -200% 0;
32649
33010
  min-width: 0;
32650
33011
  overflow-wrap: anywhere;
32651
33012
  }
32652
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8] {
33013
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93] {
32653
33014
  color: var(--color-text-maxcontrast);
32654
33015
  white-space: nowrap;
32655
33016
  }
32656
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33017
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32657
33018
  font-weight: 600;
32658
33019
  }
32659
- .cn-saved-view-alert__field[data-v-05cd7cb8] {
33020
+ .cn-saved-view-alert__field[data-v-5f54dc93] {
32660
33021
  display: flex;
32661
33022
  flex-direction: column;
32662
33023
  gap: 6px;
32663
33024
  }
32664
- .cn-saved-view-alert__label[data-v-05cd7cb8] {
33025
+ .cn-saved-view-alert__label[data-v-5f54dc93] {
32665
33026
  font-weight: 600;
32666
33027
  }
32667
- .cn-saved-view-alert__switch-text[data-v-05cd7cb8] {
33028
+
33029
+ /* The switch sits flush with the card edge, as the board draws it. */
33030
+ .cn-saved-view-alert[data-v-5f54dc93] .checkbox-radio-switch__content {
33031
+ padding: 0;
33032
+ }
33033
+ .cn-saved-view-alert__switch-text[data-v-5f54dc93] {
32668
33034
  display: flex;
32669
33035
  flex-direction: column;
32670
33036
  gap: 2px;
32671
33037
  }
32672
- .cn-saved-view-alert__hint[data-v-05cd7cb8],
32673
- .cn-saved-view-alert__empty[data-v-05cd7cb8] {
33038
+ .cn-saved-view-alert__hint[data-v-5f54dc93],
33039
+ .cn-saved-view-alert__empty[data-v-5f54dc93] {
32674
33040
  color: var(--color-text-maxcontrast);
32675
33041
  font-size: 13px;
32676
33042
  }
32677
- .cn-saved-view-alert__empty[data-v-05cd7cb8],
32678
- .cn-saved-view-alert__error[data-v-05cd7cb8] {
33043
+ .cn-saved-view-alert__empty[data-v-5f54dc93],
33044
+ .cn-saved-view-alert__error[data-v-5f54dc93] {
32679
33045
  margin: 0;
32680
33046
  }
32681
- .cn-saved-view-alert__error[data-v-05cd7cb8] {
33047
+ .cn-saved-view-alert__error[data-v-5f54dc93] {
32682
33048
  color: var(--color-error-text, var(--color-error));
32683
33049
  font-size: 13px;
32684
33050
  }
@@ -32832,40 +33198,40 @@ to { background-position: -200% 0;
32832
33198
  }
32833
33199
 
32834
33200
 
32835
- .cn-timeline-manage__header[data-v-a4c73a6a] {
33201
+ .cn-timeline-manage__header[data-v-31e6673c] {
32836
33202
  display: flex;
32837
33203
  align-items: flex-start;
32838
33204
  justify-content: space-between;
32839
33205
  gap: 12px;
32840
33206
  margin-block-end: 16px;
32841
33207
  }
32842
- .cn-timeline-manage__heading[data-v-a4c73a6a] {
33208
+ .cn-timeline-manage__heading[data-v-31e6673c] {
32843
33209
  display: flex;
32844
33210
  flex-direction: column;
32845
33211
  gap: 4px;
32846
33212
  }
32847
- .cn-timeline-manage__header-actions[data-v-a4c73a6a] {
33213
+ .cn-timeline-manage__header-actions[data-v-31e6673c] {
32848
33214
  display: flex;
32849
33215
  gap: 8px;
32850
33216
  }
32851
- .cn-timeline-manage__title[data-v-a4c73a6a] {
33217
+ .cn-timeline-manage__title[data-v-31e6673c] {
32852
33218
  margin: 0;
32853
33219
  font-size: 17px;
32854
33220
  font-weight: 700;
32855
33221
  line-height: 1.2;
32856
33222
  }
32857
- .cn-timeline-manage__subtitle[data-v-a4c73a6a] {
33223
+ .cn-timeline-manage__subtitle[data-v-31e6673c] {
32858
33224
  margin: 0;
32859
33225
  color: var(--color-text-maxcontrast);
32860
33226
  font-size: 14px;
32861
33227
  }
32862
- .cn-timeline-manage__chips[data-v-a4c73a6a] {
33228
+ .cn-timeline-manage__chips[data-v-31e6673c] {
32863
33229
  display: flex;
32864
33230
  flex-wrap: wrap;
32865
33231
  gap: 8px;
32866
33232
  margin-block-end: 12px;
32867
33233
  }
32868
- .cn-timeline-manage__chip[data-v-a4c73a6a] {
33234
+ .cn-timeline-manage__chip[data-v-31e6673c] {
32869
33235
  display: inline-flex;
32870
33236
  align-items: center;
32871
33237
  gap: 8px;
@@ -32882,12 +33248,12 @@ to { background-position: -200% 0;
32882
33248
  }
32883
33249
 
32884
33250
  /* The chosen kind is a filled chip with no outline. */
32885
- .cn-timeline-manage__chip--active[data-v-a4c73a6a] {
33251
+ .cn-timeline-manage__chip--active[data-v-31e6673c] {
32886
33252
  border: 0;
32887
33253
  background: var(--color-main-text);
32888
33254
  color: var(--color-main-background);
32889
33255
  }
32890
- .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33256
+ .cn-timeline-manage__chip-count[data-v-31e6673c] {
32891
33257
  padding: 1px 7px;
32892
33258
  border-radius: 10px;
32893
33259
  background: var(--color-border);
@@ -32896,11 +33262,11 @@ to { background-position: -200% 0;
32896
33262
  }
32897
33263
 
32898
33264
  /* On the filled chip the count is a lighter ink bubble with light text. */
32899
- .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33265
+ .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-31e6673c] {
32900
33266
  background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
32901
33267
  color: var(--color-main-background);
32902
33268
  }
32903
- .cn-timeline-manage__footer[data-v-a4c73a6a] {
33269
+ .cn-timeline-manage__footer[data-v-31e6673c] {
32904
33270
  display: flex;
32905
33271
  flex-wrap: wrap;
32906
33272
  align-items: center;
@@ -32908,11 +33274,11 @@ to { background-position: -200% 0;
32908
33274
  gap: 8px;
32909
33275
  margin: 12px 0 0;
32910
33276
  }
32911
- .cn-timeline-manage__count[data-v-a4c73a6a] {
33277
+ .cn-timeline-manage__count[data-v-31e6673c] {
32912
33278
  margin: 0;
32913
33279
  color: var(--color-text-maxcontrast);
32914
33280
  }
32915
- .cn-timeline-manage__composer[data-v-a4c73a6a] {
33281
+ .cn-timeline-manage__composer[data-v-31e6673c] {
32916
33282
  display: flex;
32917
33283
  flex-direction: column;
32918
33284
  gap: 8px;
@@ -32920,59 +33286,59 @@ to { background-position: -200% 0;
32920
33286
  padding-block-start: 16px;
32921
33287
  border-block-start: 1px solid var(--color-border);
32922
33288
  }
32923
- .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-a4c73a6a] {
33289
+ .cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-31e6673c] {
32924
33290
  margin-block-start: 0;
32925
33291
  padding-block-start: 0;
32926
33292
  border-block-start: none;
32927
33293
  }
32928
33294
 
32929
33295
  /* The checkbox at the start, the button at the end, as one row. */
32930
- .cn-timeline-manage__composer-foot[data-v-a4c73a6a] {
33296
+ .cn-timeline-manage__composer-foot[data-v-31e6673c] {
32931
33297
  display: flex;
32932
33298
  flex-wrap: wrap;
32933
33299
  align-items: center;
32934
33300
  justify-content: space-between;
32935
33301
  gap: 8px;
32936
33302
  }
32937
- .cn-timeline-manage__composer-title[data-v-a4c73a6a] {
33303
+ .cn-timeline-manage__composer-title[data-v-31e6673c] {
32938
33304
  margin: 0;
32939
33305
  font-size: 16px;
32940
33306
  font-weight: bold;
32941
33307
  }
32942
- .cn-timeline-manage__composer-hint[data-v-a4c73a6a] {
33308
+ .cn-timeline-manage__composer-hint[data-v-31e6673c] {
32943
33309
  margin: 0;
32944
33310
  color: var(--color-text-maxcontrast);
32945
33311
  }
32946
- .cn-timeline-manage__draft-label[data-v-a4c73a6a] {
33312
+ .cn-timeline-manage__draft-label[data-v-31e6673c] {
32947
33313
  font-weight: bold;
32948
33314
  }
32949
- .cn-timeline-manage__draft[data-v-a4c73a6a] {
33315
+ .cn-timeline-manage__draft[data-v-31e6673c] {
32950
33316
  width: 100%;
32951
33317
  min-height: 70px;
32952
33318
  }
32953
- .cn-timeline-manage__controls[data-v-a4c73a6a] {
33319
+ .cn-timeline-manage__controls[data-v-31e6673c] {
32954
33320
  display: flex;
32955
33321
  gap: 12px;
32956
33322
  flex-wrap: wrap;
32957
33323
  margin-block-end: 12px;
32958
33324
  }
32959
- .cn-timeline-manage__filter[data-v-a4c73a6a] {
33325
+ .cn-timeline-manage__filter[data-v-31e6673c] {
32960
33326
  min-width: 200px;
32961
33327
  }
32962
- .cn-timeline-manage__list[data-v-a4c73a6a] {
33328
+ .cn-timeline-manage__list[data-v-31e6673c] {
32963
33329
  list-style: none;
32964
33330
  margin: 0;
32965
33331
  padding: 0;
32966
33332
  }
32967
- .cn-timeline-manage__entry[data-v-a4c73a6a] {
33333
+ .cn-timeline-manage__entry[data-v-31e6673c] {
32968
33334
  border-block-end: 1px solid var(--color-border);
32969
33335
  padding-block: 12px;
32970
33336
  }
32971
- .cn-timeline-manage__entry--pinned[data-v-a4c73a6a] {
33337
+ .cn-timeline-manage__entry--pinned[data-v-31e6673c] {
32972
33338
  border-inline-start: 3px solid var(--color-primary-element);
32973
33339
  padding-inline-start: 8px;
32974
33340
  }
32975
- .cn-timeline-manage__head[data-v-a4c73a6a] {
33341
+ .cn-timeline-manage__head[data-v-31e6673c] {
32976
33342
  display: flex;
32977
33343
  gap: 8px;
32978
33344
  flex-wrap: wrap;
@@ -32980,29 +33346,29 @@ to { background-position: -200% 0;
32980
33346
  color: var(--color-text-maxcontrast);
32981
33347
  font-size: 0.9em;
32982
33348
  }
32983
- .cn-timeline-manage__kind[data-v-a4c73a6a] {
33349
+ .cn-timeline-manage__kind[data-v-31e6673c] {
32984
33350
  font-weight: bold;
32985
33351
  color: var(--color-main-text);
32986
33352
  }
32987
- .cn-timeline-manage__badge[data-v-a4c73a6a] {
33353
+ .cn-timeline-manage__badge[data-v-31e6673c] {
32988
33354
  border: 1px solid var(--color-border);
32989
33355
  border-radius: var(--border-radius);
32990
33356
  padding: 0 6px;
32991
33357
  }
32992
- .cn-timeline-manage__badge--open[data-v-a4c73a6a] {
33358
+ .cn-timeline-manage__badge--open[data-v-31e6673c] {
32993
33359
  border-color: var(--color-warning);
32994
33360
  color: var(--color-warning-text);
32995
33361
  }
32996
- .cn-timeline-manage__message[data-v-a4c73a6a] {
33362
+ .cn-timeline-manage__message[data-v-31e6673c] {
32997
33363
  margin-block: 4px 0;
32998
33364
  white-space: pre-wrap;
32999
33365
  }
33000
- .cn-timeline-manage__siblings[data-v-a4c73a6a] {
33366
+ .cn-timeline-manage__siblings[data-v-31e6673c] {
33001
33367
  margin-block: 4px 0;
33002
33368
  color: var(--color-text-maxcontrast);
33003
33369
  font-size: 0.9em;
33004
33370
  }
33005
- .cn-timeline-manage__actions[data-v-a4c73a6a] {
33371
+ .cn-timeline-manage__actions[data-v-31e6673c] {
33006
33372
  display: flex;
33007
33373
  gap: 8px;
33008
33374
  margin-block-start: 4px;
@@ -33600,15 +33966,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33600
33966
 
33601
33967
  /* A leaf card in a narrow cell keeps its title and count: the title row
33602
33968
  wraps and the actions move under it instead of squeezing the title out. */
33603
- .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header {
33969
+ .cn-detail-page__leaf-card[data-v-38f1ce74] .cn-widget-wrapper__header {
33604
33970
  flex-wrap: wrap;
33605
33971
  }
33606
- .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header-left {
33972
+ .cn-detail-page__leaf-card[data-v-38f1ce74] .cn-widget-wrapper__header-left {
33607
33973
  flex: 1 0 auto;
33608
33974
  }
33609
33975
 
33610
33976
  /* The count beside a card title: the grey 20px badge of the tab strip. */
33611
- .cn-detail-page__catalog-count[data-v-10c797a6] {
33977
+ .cn-detail-page__catalog-count[data-v-38f1ce74] {
33612
33978
  background-color: var(--color-border);
33613
33979
  border-radius: 10px;
33614
33980
  box-sizing: border-box;
@@ -33621,19 +33987,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33621
33987
  padding: 0 6px;
33622
33988
  text-align: center;
33623
33989
  }
33624
- .cn-detail-page__catalog-note[data-v-10c797a6] {
33990
+ .cn-detail-page__catalog-note[data-v-38f1ce74] {
33625
33991
  color: var(--color-text-maxcontrast);
33626
33992
  font-size: 14px;
33627
33993
  white-space: nowrap;
33628
33994
  }
33629
- .cn-detail-widget-host[data-v-10c797a6],
33630
- .cn-detail-widget-host[data-v-10c797a6] > * {
33995
+ .cn-detail-widget-host[data-v-38f1ce74],
33996
+ .cn-detail-widget-host[data-v-38f1ce74] > * {
33631
33997
  height: 100%;
33632
33998
  }
33633
33999
 
33634
34000
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
33635
34001
  scroll, rather than growing a second scroll region of its own. */
33636
- .cn-detail-widget-host--bare[data-v-10c797a6] {
34002
+ .cn-detail-widget-host--bare[data-v-38f1ce74] {
33637
34003
  min-height: 0;
33638
34004
  }
33639
34005
 
@@ -39104,7 +39470,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39104
39470
  }
39105
39471
 
39106
39472
 
39107
- .cn-facts-widget[data-v-1b8f8e6f] {
39473
+ .cn-facts-widget[data-v-b1b0c69e] {
39108
39474
  display: flex;
39109
39475
  flex-direction: column;
39110
39476
  gap: 10px;
@@ -39114,7 +39480,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39114
39480
  /* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
39115
39481
  and bottom, which put a side card's facts 24px under its title, against
39116
39482
  the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
39117
- .cn-facts-widget__rows[data-v-1b8f8e6f] {
39483
+ .cn-facts-widget__rows[data-v-b1b0c69e] {
39118
39484
  display: grid;
39119
39485
  grid-template-columns: max-content 1fr;
39120
39486
  gap: 8px 16px;
@@ -39124,7 +39490,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39124
39490
  }
39125
39491
 
39126
39492
  /* Each row is a grid of its own children: the wrapper takes no box. */
39127
- .cn-facts-widget__row[data-v-1b8f8e6f] {
39493
+ .cn-facts-widget__row[data-v-b1b0c69e] {
39128
39494
  display: contents;
39129
39495
  }
39130
39496
 
@@ -39133,14 +39499,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39133
39499
  12px around both and widened the label column to 130px. The class is
39134
39500
  doubled so these resets outrank that rule, and a dossiq-style `:deep()`
39135
39501
  override in an app is not needed. */
39136
- .cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
39502
+ .cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
39137
39503
  width: auto;
39138
39504
  margin: 0;
39139
39505
  padding: 0;
39140
39506
  text-align: start;
39141
39507
  color: var(--color-text-maxcontrast);
39142
39508
  }
39143
- .cn-facts-widget__value.cn-facts-widget__value[data-v-1b8f8e6f] {
39509
+ .cn-facts-widget__value.cn-facts-widget__value[data-v-b1b0c69e] {
39144
39510
  margin: 0;
39145
39511
  padding: 0;
39146
39512
  text-align: start;
@@ -39148,56 +39514,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39148
39514
  min-width: 0;
39149
39515
  overflow-wrap: anywhere;
39150
39516
  }
39151
- .cn-facts-widget__title[data-v-1b8f8e6f] {
39517
+ .cn-facts-widget__title[data-v-b1b0c69e] {
39152
39518
  font-size: 15px;
39153
39519
  font-weight: 600;
39154
39520
  color: var(--color-main-text);
39155
39521
  }
39156
- .cn-facts-widget__line[data-v-1b8f8e6f] {
39522
+ .cn-facts-widget__line[data-v-b1b0c69e] {
39157
39523
  font-size: 13px;
39158
39524
  color: var(--color-text-maxcontrast);
39159
39525
  }
39160
- .cn-facts-widget__meter[data-v-1b8f8e6f] {
39526
+ .cn-facts-widget__meter[data-v-b1b0c69e] {
39161
39527
  display: flex;
39162
39528
  flex-direction: column;
39163
39529
  gap: 4px;
39164
39530
  font-size: 14px;
39165
39531
  }
39166
- .cn-facts-widget__meter-head[data-v-1b8f8e6f] {
39532
+ .cn-facts-widget__meter-head[data-v-b1b0c69e] {
39167
39533
  display: flex;
39168
39534
  justify-content: space-between;
39169
39535
  gap: 16px;
39170
39536
  }
39171
- .cn-facts-widget__meter-label[data-v-1b8f8e6f] {
39537
+ .cn-facts-widget__meter-label[data-v-b1b0c69e] {
39172
39538
  color: var(--color-text-maxcontrast);
39173
39539
  }
39174
- .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
39540
+ .cn-facts-widget__meter-value[data-v-b1b0c69e] {
39175
39541
  font-weight: 500;
39176
39542
  text-align: end;
39177
39543
  }
39178
- .cn-facts-widget__meter-track[data-v-1b8f8e6f] {
39544
+ .cn-facts-widget__meter-track[data-v-b1b0c69e] {
39179
39545
  height: 6px;
39180
39546
  border-radius: 3px;
39181
39547
  background: var(--color-background-darker);
39182
39548
  overflow: hidden;
39183
39549
  }
39184
- .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
39550
+ .cn-facts-widget__meter-bar[data-v-b1b0c69e] {
39185
39551
  display: block;
39186
39552
  height: 100%;
39187
39553
  border-radius: inherit;
39188
39554
  background: var(--color-primary-element);
39189
39555
  }
39190
- .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-1b8f8e6f] {
39556
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-b1b0c69e] {
39191
39557
  color: var(--color-error-text);
39192
39558
  }
39193
- .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-1b8f8e6f] {
39559
+ .cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-b1b0c69e] {
39194
39560
  background: var(--color-error);
39195
39561
  }
39196
- .cn-facts-widget__muted[data-v-1b8f8e6f] {
39562
+ .cn-facts-widget__muted[data-v-b1b0c69e] {
39197
39563
  margin: 0;
39198
39564
  color: var(--color-text-maxcontrast);
39199
39565
  }
39200
- .cn-facts-widget__label .hidden-visually[data-v-1b8f8e6f] {
39566
+ .cn-facts-widget__label .hidden-visually[data-v-b1b0c69e] {
39201
39567
  clip-path: inset(50%);
39202
39568
  height: 1px;
39203
39569
  overflow: hidden;
@@ -39205,27 +39571,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39205
39571
  white-space: nowrap;
39206
39572
  width: 1px;
39207
39573
  }
39208
- .cn-facts-widget__label--icon[data-v-1b8f8e6f] {
39574
+ .cn-facts-widget__label--icon[data-v-b1b0c69e] {
39209
39575
  align-items: center;
39210
39576
  display: flex;
39211
39577
  }
39212
- .cn-facts-widget__value-link[data-v-1b8f8e6f] {
39578
+ .cn-facts-widget__value-link[data-v-b1b0c69e] {
39213
39579
  color: var(--color-primary-element);
39214
39580
  text-decoration: underline;
39215
39581
  }
39216
- .cn-facts-widget__inline-button[data-v-1b8f8e6f],
39217
- .cn-facts-widget__icon-button[data-v-1b8f8e6f],
39218
- .cn-facts-widget__action[data-v-1b8f8e6f] {
39582
+ .cn-facts-widget__inline-button[data-v-b1b0c69e],
39583
+ .cn-facts-widget__icon-button[data-v-b1b0c69e],
39584
+ .cn-facts-widget__action[data-v-b1b0c69e] {
39219
39585
  align-items: center;
39220
39586
  cursor: pointer;
39221
39587
  display: inline-flex;
39222
39588
  font: inherit;
39223
39589
  }
39224
- .cn-facts-widget__reveal-error[data-v-1b8f8e6f] {
39590
+ .cn-facts-widget__reveal-error[data-v-b1b0c69e] {
39225
39591
  font-size: 13px;
39226
39592
  color: var(--color-text-error, var(--color-error));
39227
39593
  }
39228
- .cn-facts-widget__inline-button[data-v-1b8f8e6f] {
39594
+ .cn-facts-widget__inline-button[data-v-b1b0c69e] {
39229
39595
  background: var(--color-main-background);
39230
39596
  border: 1px solid var(--color-border-dark);
39231
39597
  border-radius: 16px;
@@ -39237,7 +39603,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39237
39603
  min-height: 30px;
39238
39604
  padding: 0 10px;
39239
39605
  }
39240
- .cn-facts-widget__icon-button[data-v-1b8f8e6f] {
39606
+ .cn-facts-widget__icon-button[data-v-b1b0c69e] {
39241
39607
  background: transparent;
39242
39608
  border: 0;
39243
39609
  border-radius: 6px;
@@ -39246,23 +39612,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39246
39612
  padding: 2px;
39247
39613
  vertical-align: middle;
39248
39614
  }
39249
- .cn-facts-widget__icon-button[data-v-1b8f8e6f]:hover,
39250
- .cn-facts-widget__icon-button[data-v-1b8f8e6f]:focus-visible {
39615
+ .cn-facts-widget__icon-button[data-v-b1b0c69e]:hover,
39616
+ .cn-facts-widget__icon-button[data-v-b1b0c69e]:focus-visible {
39251
39617
  background: var(--color-background-hover);
39252
39618
  color: var(--color-main-text);
39253
39619
  }
39254
- .cn-facts-widget__text[data-v-1b8f8e6f] {
39620
+ .cn-facts-widget__text[data-v-b1b0c69e] {
39255
39621
  color: var(--color-main-text);
39256
39622
  font-size: 15px;
39257
39623
  }
39258
39624
 
39259
39625
  /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
39260
- .cn-facts-widget__lead[data-v-1b8f8e6f] {
39626
+ .cn-facts-widget__lead[data-v-b1b0c69e] {
39261
39627
  align-items: center;
39262
39628
  display: flex;
39263
39629
  gap: 12px;
39264
39630
  }
39265
- .cn-facts-widget__lead-tile[data-v-1b8f8e6f] {
39631
+ .cn-facts-widget__lead-tile[data-v-b1b0c69e] {
39266
39632
  align-items: center;
39267
39633
  background: var(--color-background-dark);
39268
39634
  border-radius: 8px;
@@ -39277,32 +39643,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39277
39643
  }
39278
39644
 
39279
39645
  /* Initials stand for a person: round, as an avatar. */
39280
- .cn-facts-widget__lead-tile--initials[data-v-1b8f8e6f] {
39646
+ .cn-facts-widget__lead-tile--initials[data-v-b1b0c69e] {
39281
39647
  border-radius: 50%;
39282
39648
  }
39283
- .cn-facts-widget__lead-tile--success[data-v-1b8f8e6f] {
39649
+ .cn-facts-widget__lead-tile--success[data-v-b1b0c69e] {
39284
39650
  background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
39285
39651
  border-radius: 50%;
39286
39652
  color: var(--color-success-text, var(--color-success));
39287
39653
  }
39288
- .cn-facts-widget__lead-tile--info[data-v-1b8f8e6f] {
39654
+ .cn-facts-widget__lead-tile--info[data-v-b1b0c69e] {
39289
39655
  background: var(--color-primary-element-light);
39290
39656
  border-radius: 50%;
39291
39657
  color: var(--color-primary-element-light-text, var(--color-primary-element));
39292
39658
  }
39293
- .cn-facts-widget__lead-text[data-v-1b8f8e6f] {
39659
+ .cn-facts-widget__lead-text[data-v-b1b0c69e] {
39294
39660
  display: flex;
39295
39661
  flex-direction: column;
39296
39662
  min-width: 0;
39297
39663
  }
39298
- .cn-facts-widget__lead-title[data-v-1b8f8e6f] {
39664
+ .cn-facts-widget__lead-title[data-v-b1b0c69e] {
39299
39665
  font-size: 15px;
39300
39666
  }
39301
- .cn-facts-widget__lead-subtitle[data-v-1b8f8e6f] {
39667
+ .cn-facts-widget__lead-subtitle[data-v-b1b0c69e] {
39302
39668
  color: var(--color-text-maxcontrast);
39303
39669
  font-size: 13px;
39304
39670
  }
39305
- .cn-facts-widget__action[data-v-1b8f8e6f] {
39671
+ .cn-facts-widget__action[data-v-b1b0c69e] {
39306
39672
  align-self: flex-start;
39307
39673
  background: var(--color-primary-element-light);
39308
39674
  border: 0;
@@ -39314,20 +39680,20 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39314
39680
  min-height: 32px;
39315
39681
  padding: 0 14px;
39316
39682
  }
39317
- .cn-facts-widget__action[data-v-1b8f8e6f]:hover,
39318
- .cn-facts-widget__action[data-v-1b8f8e6f]:focus-visible {
39683
+ .cn-facts-widget__action[data-v-b1b0c69e]:hover,
39684
+ .cn-facts-widget__action[data-v-b1b0c69e]:focus-visible {
39319
39685
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
39320
39686
  }
39321
- .cn-facts-widget__notice[data-v-1b8f8e6f] {
39687
+ .cn-facts-widget__notice[data-v-b1b0c69e] {
39322
39688
  margin: 4px 0 0;
39323
39689
  }
39324
- .cn-facts-widget__link[data-v-1b8f8e6f] {
39690
+ .cn-facts-widget__link[data-v-b1b0c69e] {
39325
39691
  font-size: 14px;
39326
39692
  font-weight: 600;
39327
39693
  color: var(--color-primary-element);
39328
39694
  text-decoration: underline;
39329
39695
  }
39330
- .cn-facts-widget__link--button[data-v-1b8f8e6f] {
39696
+ .cn-facts-widget__link--button[data-v-b1b0c69e] {
39331
39697
  display: inline-flex;
39332
39698
  align-items: center;
39333
39699
  gap: 6px;
@@ -39342,12 +39708,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39342
39708
 
39343
39709
  /* `columns: 2` (board DqContact): two columns, the label above the value, a
39344
39710
  hairline under each fact; one column on a phone. */
39345
- .cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
39711
+ .cn-facts-widget__rows--columns[data-v-b1b0c69e] {
39346
39712
  grid-template-columns: repeat(2, minmax(0, 1fr));
39347
39713
  gap: 14px 24px;
39348
39714
  font-size: 15px;
39349
39715
  }
39350
- .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-1b8f8e6f] {
39716
+ .cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-b1b0c69e] {
39351
39717
  display: flex;
39352
39718
  flex-direction: column;
39353
39719
  gap: 3px;
@@ -39355,11 +39721,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
39355
39721
  padding-bottom: 10px;
39356
39722
  border-bottom: 1px solid var(--color-border);
39357
39723
  }
39358
- .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-1b8f8e6f] {
39724
+ .cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-b1b0c69e] {
39359
39725
  font-size: 13px;
39360
39726
  }
39361
39727
  @media (max-width: 640px) {
39362
- .cn-facts-widget__rows--columns[data-v-1b8f8e6f] {
39728
+ .cn-facts-widget__rows--columns[data-v-b1b0c69e] {
39363
39729
  grid-template-columns: minmax(0, 1fr);
39364
39730
  }
39365
39731
  }
@@ -39634,29 +40000,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39634
40000
  }
39635
40001
 
39636
40002
 
39637
- .cn-checklist-run__form[data-v-3d97a9f0] {
40003
+ .cn-checklist-run__form[data-v-dd87442e] {
39638
40004
  display: flex;
39639
40005
  flex-direction: column;
39640
40006
  gap: 12px;
39641
40007
  }
39642
- .cn-checklist-run__position[data-v-3d97a9f0] {
40008
+ .cn-checklist-run__position[data-v-dd87442e] {
39643
40009
  color: var(--color-text-maxcontrast);
39644
40010
  margin: 0;
39645
40011
  }
39646
- .cn-checklist-run__progress[data-v-3d97a9f0] {
40012
+ .cn-checklist-run__progress[data-v-dd87442e] {
39647
40013
  background: var(--color-border);
39648
40014
  border-radius: 3px;
39649
40015
  display: block;
39650
40016
  height: 6px;
39651
40017
  overflow: hidden;
39652
40018
  }
39653
- .cn-checklist-run__progress-fill[data-v-3d97a9f0] {
40019
+ .cn-checklist-run__progress-fill[data-v-dd87442e] {
39654
40020
  background: var(--color-primary-element);
39655
40021
  display: block;
39656
40022
  height: 100%;
39657
40023
  }
39658
- .cn-checklist-run__live[data-v-3d97a9f0],
39659
- .cn-checklist-run__sr[data-v-3d97a9f0] {
40024
+ .cn-checklist-run__live[data-v-dd87442e],
40025
+ .cn-checklist-run__sr[data-v-dd87442e] {
39660
40026
  clip-path: inset(50%);
39661
40027
  height: 1px;
39662
40028
  overflow: hidden;
@@ -39664,8 +40030,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39664
40030
  white-space: nowrap;
39665
40031
  width: 1px;
39666
40032
  }
39667
- .cn-checklist-run__question[data-v-3d97a9f0],
39668
- .cn-checklist-run__photos[data-v-3d97a9f0] {
40033
+ .cn-checklist-run__question[data-v-dd87442e],
40034
+ .cn-checklist-run__photos[data-v-dd87442e] {
39669
40035
  background: var(--color-main-background);
39670
40036
  border: 1px solid var(--color-border);
39671
40037
  border-radius: var(--border-radius-large, 12px);
@@ -39675,45 +40041,54 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39675
40041
  margin: 0;
39676
40042
  padding: 12px 14px;
39677
40043
  }
39678
- .cn-checklist-run__legend[data-v-3d97a9f0] {
40044
+ .cn-checklist-run__legend[data-v-dd87442e] {
40045
+ font-size: 15px;
39679
40046
  font-weight: 600;
40047
+ line-height: 1.2;
39680
40048
  padding: 0 4px;
39681
40049
  }
39682
- .cn-checklist-run__help[data-v-3d97a9f0] {
40050
+ .cn-checklist-run__help[data-v-dd87442e] {
39683
40051
  color: var(--color-text-maxcontrast);
40052
+ font-size: 14px;
39684
40053
  margin: 0;
39685
40054
  }
39686
- .cn-checklist-run__choice[data-v-3d97a9f0] {
40055
+
40056
+ /* An option reads as text, not as a field label (a theme makes every label
40057
+ bold); 15px as the board draws it (DqInspectie). */
40058
+ .cn-checklist-run__choice[data-v-dd87442e] {
39687
40059
  align-items: center;
39688
40060
  display: flex;
40061
+ font-size: 15px;
40062
+ font-weight: 400;
39689
40063
  gap: 10px;
39690
40064
  min-height: 34px;
39691
40065
  }
39692
- .cn-checklist-run__choice input[data-v-3d97a9f0] {
40066
+ .cn-checklist-run__choice input[data-v-dd87442e] {
39693
40067
  accent-color: var(--color-primary-element);
39694
40068
  height: 20px;
39695
40069
  margin: 0;
39696
40070
  width: 20px;
39697
40071
  }
39698
- .cn-checklist-run__text[data-v-3d97a9f0],
39699
- .cn-checklist-run__number[data-v-3d97a9f0] {
40072
+ .cn-checklist-run__text[data-v-dd87442e],
40073
+ .cn-checklist-run__number[data-v-dd87442e] {
39700
40074
  box-sizing: border-box;
39701
40075
  width: 100%;
39702
40076
  }
39703
- .cn-checklist-run__group[data-v-3d97a9f0] {
40077
+ .cn-checklist-run__group[data-v-dd87442e] {
40078
+ font-size: 14px;
39704
40079
  font-weight: 600;
39705
40080
  margin: 0;
39706
40081
  }
39707
- .cn-checklist-run__note-label[data-v-3d97a9f0] {
40082
+ .cn-checklist-run__note-label[data-v-dd87442e] {
39708
40083
  display: flex;
39709
40084
  flex-direction: column;
39710
40085
  gap: 4px;
39711
40086
  }
39712
- .cn-checklist-run__photo-list[data-v-3d97a9f0] {
40087
+ .cn-checklist-run__photo-list[data-v-dd87442e] {
39713
40088
  margin: 0;
39714
40089
  padding-inline-start: 18px;
39715
40090
  }
39716
- .cn-checklist-run__photo-button[data-v-3d97a9f0] {
40091
+ .cn-checklist-run__photo-button[data-v-dd87442e] {
39717
40092
  align-items: center;
39718
40093
  align-self: flex-start;
39719
40094
  border: 1px solid var(--color-border-dark);
@@ -39724,26 +40099,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39724
40099
  min-height: 34px;
39725
40100
  padding: 0 14px;
39726
40101
  }
39727
- .cn-checklist-run__photo-button[data-v-3d97a9f0]:focus-within {
40102
+ .cn-checklist-run__photo-button[data-v-dd87442e]:focus-within {
39728
40103
  outline: 2px solid var(--color-primary-element);
39729
40104
  outline-offset: 2px;
39730
40105
  }
39731
- .cn-checklist-run__photo-input[data-v-3d97a9f0] {
40106
+ .cn-checklist-run__photo-input[data-v-dd87442e] {
39732
40107
  clip-path: inset(50%);
39733
40108
  height: 1px;
39734
40109
  overflow: hidden;
39735
40110
  position: absolute;
39736
40111
  width: 1px;
39737
40112
  }
39738
- .cn-checklist-run__nav[data-v-3d97a9f0] {
40113
+ .cn-checklist-run__nav[data-v-dd87442e] {
39739
40114
  display: flex;
39740
40115
  justify-content: space-between;
39741
40116
  }
39742
- .cn-checklist-run__error[data-v-3d97a9f0] {
40117
+ .cn-checklist-run__error[data-v-dd87442e] {
39743
40118
  color: var(--color-error-text, var(--color-error));
39744
40119
  margin: 0;
39745
40120
  }
39746
- .cn-checklist-run__empty[data-v-3d97a9f0] {
40121
+ .cn-checklist-run__empty[data-v-dd87442e] {
39747
40122
  color: var(--color-text-maxcontrast);
39748
40123
  }
39749
40124
 
@@ -40905,20 +41280,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40905
41280
  }
40906
41281
 
40907
41282
 
40908
- .cn-record-list__checklist-bar[data-v-2c65cbc2] {
41283
+ .cn-record-list__checklist-bar[data-v-544b79cd] {
40909
41284
  height: 8px;
40910
41285
  margin-block-end: 16px;
40911
41286
  border-radius: 4px;
40912
41287
  background: var(--color-background-dark);
40913
41288
  overflow: hidden;
40914
41289
  }
40915
- .cn-record-list__checklist-fill[data-v-2c65cbc2] {
41290
+ .cn-record-list__checklist-fill[data-v-544b79cd] {
40916
41291
  display: block;
40917
41292
  height: 100%;
40918
41293
  border-radius: 4px;
40919
41294
  background: var(--color-primary-element);
40920
41295
  }
40921
- .cn-record-list__checklist[data-v-2c65cbc2] {
41296
+ .cn-record-list__checklist[data-v-544b79cd] {
40922
41297
  display: grid;
40923
41298
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
40924
41299
  gap: 8px 16px;
@@ -40926,16 +41301,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40926
41301
  padding: 0;
40927
41302
  list-style: none;
40928
41303
  }
40929
- .cn-record-list__check[data-v-2c65cbc2] {
41304
+ .cn-record-list__check[data-v-544b79cd] {
40930
41305
  display: flex;
40931
41306
  align-items: center;
40932
41307
  gap: 8px;
40933
41308
  min-height: 28px;
40934
41309
  }
40935
- .cn-record-list__check--done[data-v-2c65cbc2] {
41310
+ .cn-record-list__check--done[data-v-544b79cd] {
40936
41311
  color: var(--color-text-maxcontrast);
40937
41312
  }
40938
- .cn-record-list__check-mark[data-v-2c65cbc2] {
41313
+ .cn-record-list__check-mark[data-v-544b79cd] {
40939
41314
  display: inline-flex;
40940
41315
  flex: none;
40941
41316
  align-items: center;
@@ -40945,45 +41320,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40945
41320
  border: 2px solid var(--color-border-maxcontrast);
40946
41321
  border-radius: 50%;
40947
41322
  }
40948
- .cn-record-list__check--done .cn-record-list__check-mark[data-v-2c65cbc2] {
41323
+ .cn-record-list__check--done .cn-record-list__check-mark[data-v-544b79cd] {
40949
41324
  border-color: transparent;
40950
41325
  background: var(--color-success-hover, var(--color-background-dark));
40951
41326
  color: var(--color-success-text, var(--color-success));
40952
41327
  }
40953
41328
  @media (max-width: 640px) {
40954
- .cn-record-list__checklist[data-v-2c65cbc2] {
41329
+ .cn-record-list__checklist[data-v-544b79cd] {
40955
41330
  grid-template-columns: minmax(0, 1fr);
40956
41331
  }
40957
41332
  }
40958
- .cn-record-list__set-field-done[data-v-2c65cbc2] {
41333
+ .cn-record-list__set-field-done[data-v-544b79cd] {
40959
41334
  display: inline-flex;
40960
41335
  align-items: center;
40961
41336
  gap: 4px;
40962
41337
  color: var(--color-success-text, var(--color-success));
40963
41338
  font-weight: bold;
40964
41339
  }
40965
- .cn-record-list__list[data-v-2c65cbc2] {
41340
+ .cn-record-list__list[data-v-544b79cd] {
40966
41341
  list-style: none;
40967
41342
  margin: 0;
40968
41343
  padding: 0;
40969
41344
  }
40970
- .cn-record-list__group-heading[data-v-2c65cbc2] {
41345
+ .cn-record-list__group-heading[data-v-544b79cd] {
40971
41346
  margin: 6px 0 0;
40972
41347
  font-size: 15px;
40973
41348
  font-weight: 700;
40974
41349
  line-height: 1.4;
40975
41350
  }
40976
- .cn-record-list__group-head[data-v-2c65cbc2] {
41351
+ .cn-record-list__group-head[data-v-544b79cd] {
40977
41352
  display: flex;
40978
41353
  align-items: center;
40979
41354
  justify-content: space-between;
40980
41355
  gap: 8px;
40981
41356
  margin-top: 6px;
40982
41357
  }
40983
- .cn-record-list__group-head .cn-record-list__group-heading[data-v-2c65cbc2] {
41358
+ .cn-record-list__group-head .cn-record-list__group-heading[data-v-544b79cd] {
40984
41359
  margin: 0;
40985
41360
  }
40986
- .cn-record-list__action--tonal.button-vue[data-v-2c65cbc2] {
41361
+ .cn-record-list__action--tonal.button-vue[data-v-544b79cd] {
40987
41362
  min-height: 34px;
40988
41363
  height: 34px;
40989
41364
  padding: 0 12px;
@@ -40994,34 +41369,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
40994
41369
  font-size: 13px;
40995
41370
  font-weight: 600;
40996
41371
  }
40997
- .cn-record-list__action--tonal.button-vue[data-v-2c65cbc2]:hover:not(:disabled) {
41372
+ .cn-record-list__action--tonal.button-vue[data-v-544b79cd]:hover:not(:disabled) {
40998
41373
  background-color: var(--color-primary-element-light-hover);
40999
41374
  }
41000
- .cn-record-list__footer[data-v-2c65cbc2] {
41375
+ .cn-record-list__footer[data-v-544b79cd] {
41001
41376
  display: flex;
41002
41377
  flex-direction: column;
41003
41378
  align-items: flex-start;
41004
41379
  gap: 6px;
41005
41380
  margin-top: 10px;
41006
41381
  }
41007
- .cn-record-list__footer--wide[data-v-2c65cbc2] {
41382
+ .cn-record-list__footer--wide[data-v-544b79cd] {
41008
41383
  align-items: stretch;
41009
41384
  }
41010
- .cn-record-list__footer-note[data-v-2c65cbc2] {
41385
+ .cn-record-list__footer-note[data-v-544b79cd] {
41011
41386
  margin: 0 0 6px;
41012
41387
  color: var(--color-text-maxcontrast);
41013
41388
  font-size: 13px;
41014
41389
  }
41015
- .cn-record-list__footer-reason[data-v-2c65cbc2] {
41390
+ .cn-record-list__footer-reason[data-v-544b79cd] {
41016
41391
  font-size: 13px;
41017
41392
  color: var(--color-text-maxcontrast);
41018
41393
  }
41019
- .cn-record-list__empty[data-v-2c65cbc2],
41020
- .cn-record-list__error[data-v-2c65cbc2] {
41394
+ .cn-record-list__empty[data-v-544b79cd],
41395
+ .cn-record-list__error[data-v-544b79cd] {
41021
41396
  color: var(--color-text-maxcontrast);
41022
41397
  margin: 0;
41023
41398
  }
41024
- .cn-record-list__notice[data-v-2c65cbc2] {
41399
+ .cn-record-list__notice[data-v-544b79cd] {
41025
41400
  display: flex;
41026
41401
  gap: 10px;
41027
41402
  align-items: flex-start;
@@ -41030,41 +41405,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41030
41405
  background: var(--color-primary-element-light, var(--color-background-dark));
41031
41406
  color: var(--color-main-text);
41032
41407
  }
41033
- .cn-record-list__notice--warning[data-v-2c65cbc2] {
41408
+ .cn-record-list__notice--warning[data-v-544b79cd] {
41034
41409
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
41035
41410
  color: var(--color-warning-text, var(--color-main-text));
41036
41411
  }
41037
- .cn-record-list__notice--error[data-v-2c65cbc2] {
41412
+ .cn-record-list__notice--error[data-v-544b79cd] {
41038
41413
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
41039
41414
  color: var(--color-error-text, var(--color-main-text));
41040
41415
  }
41041
- .cn-record-list__notice--footnote[data-v-2c65cbc2] {
41416
+ .cn-record-list__notice--footnote[data-v-544b79cd] {
41042
41417
  margin-top: 12px;
41043
41418
  }
41044
- .cn-record-list__notice-icon[data-v-2c65cbc2] {
41419
+ .cn-record-list__notice-icon[data-v-544b79cd] {
41045
41420
  flex: 0 0 auto;
41046
41421
  margin-top: 1px;
41047
41422
  }
41048
- .cn-record-list__notice-text[data-v-2c65cbc2] {
41423
+ .cn-record-list__notice-text[data-v-544b79cd] {
41049
41424
  margin: 0;
41050
41425
  line-height: 1.5;
41051
41426
  }
41052
- .cn-record-list__loading[data-v-2c65cbc2] {
41427
+ .cn-record-list__loading[data-v-544b79cd] {
41053
41428
  display: flex;
41054
41429
  justify-content: center;
41055
41430
  padding: 8px 0;
41056
41431
  }
41057
41432
 
41058
41433
  /* rows */
41059
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2],
41060
- .cn-record-list--rule-above .cn-record-list__item[data-v-2c65cbc2]:first-child {
41434
+ .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-544b79cd],
41435
+ .cn-record-list--rule-above .cn-record-list__item[data-v-544b79cd]:first-child {
41061
41436
  border-top: 1px solid var(--color-border);
41062
41437
  }
41063
- .cn-record-list__pill-start[data-v-2c65cbc2] {
41438
+ .cn-record-list__pill-start[data-v-544b79cd] {
41064
41439
  display: flex;
41065
41440
  flex: none;
41066
41441
  }
41067
- .cn-record-list__bar[data-v-2c65cbc2] {
41442
+ .cn-record-list__bar[data-v-544b79cd] {
41068
41443
  background: var(--color-border);
41069
41444
  border-radius: 3px;
41070
41445
  display: block;
@@ -41072,15 +41447,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41072
41447
  margin: -6px 0 12px;
41073
41448
  overflow: hidden;
41074
41449
  }
41075
- .cn-record-list__bar-fill[data-v-2c65cbc2] {
41450
+ .cn-record-list__bar-fill[data-v-544b79cd] {
41076
41451
  background: var(--color-primary-element);
41077
41452
  display: block;
41078
41453
  height: 100%;
41079
41454
  }
41080
- .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-2c65cbc2] {
41455
+ .cn-record-list__bar--over .cn-record-list__bar-fill[data-v-544b79cd] {
41081
41456
  background: var(--color-error);
41082
41457
  }
41083
- .cn-record-list__row[data-v-2c65cbc2] {
41458
+ .cn-record-list__row[data-v-544b79cd] {
41084
41459
  align-items: center;
41085
41460
  color: var(--color-main-text);
41086
41461
  display: flex;
@@ -41088,22 +41463,30 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41088
41463
  padding: 12px 0;
41089
41464
  text-decoration: none;
41090
41465
  }
41091
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-2c65cbc2],
41092
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
41466
+ .cn-record-list__row--link:hover .cn-record-list__title[data-v-544b79cd],
41467
+ .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-544b79cd] {
41093
41468
  text-decoration: underline;
41094
41469
  }
41095
- .cn-record-list__dot[data-v-2c65cbc2] {
41470
+ .cn-record-list__dot[data-v-544b79cd] {
41096
41471
  flex: 0 0 14px;
41097
41472
  width: 14px;
41098
41473
  height: 14px;
41099
41474
  border-radius: 50%;
41100
41475
  }
41101
- .cn-record-list__flag[data-v-2c65cbc2] {
41476
+ .cn-record-list__flag[data-v-544b79cd] {
41102
41477
  color: var(--color-text-maxcontrast);
41103
41478
  font-size: 14px;
41104
41479
  white-space: nowrap;
41105
41480
  }
41106
- .cn-record-list__avatar[data-v-2c65cbc2] {
41481
+
41482
+ /* `avatar.size: 32`: the smaller circle, 12px from the title where the row
41483
+ keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
41484
+ .cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-544b79cd] {
41485
+ width: 32px;
41486
+ height: 32px;
41487
+ margin-inline-end: -4px;
41488
+ }
41489
+ .cn-record-list__avatar[data-v-544b79cd] {
41107
41490
  align-items: center;
41108
41491
  background: var(--color-background-hover);
41109
41492
  border-radius: 50%;
@@ -41116,97 +41499,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41116
41499
  justify-content: center;
41117
41500
  width: 36px;
41118
41501
  }
41119
- .cn-record-list__main[data-v-2c65cbc2] {
41502
+ .cn-record-list__main[data-v-544b79cd] {
41120
41503
  display: flex;
41121
41504
  flex: 1 1 auto;
41122
41505
  flex-direction: column;
41123
41506
  gap: 2px;
41124
41507
  min-width: 0;
41125
41508
  }
41126
- .cn-record-list__title[data-v-2c65cbc2] {
41509
+ .cn-record-list__title[data-v-544b79cd] {
41127
41510
  font-size: 15px;
41128
41511
  font-weight: 700;
41129
41512
  }
41130
- .cn-record-list--compact .cn-record-list__row[data-v-2c65cbc2] {
41513
+ .cn-record-list--compact .cn-record-list__row[data-v-544b79cd] {
41131
41514
  box-sizing: border-box;
41132
41515
  min-height: 56px;
41133
41516
  padding: 10px 0;
41134
41517
  }
41135
- .cn-record-list--compact .cn-record-list__title[data-v-2c65cbc2] {
41518
+ .cn-record-list--compact .cn-record-list__title[data-v-544b79cd] {
41136
41519
  font-weight: 500;
41137
41520
  }
41138
41521
 
41139
41522
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
41140
41523
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
41141
- .cn-record-list--stacked .cn-record-list__list[data-v-2c65cbc2] {
41524
+ .cn-record-list--stacked .cn-record-list__list[data-v-544b79cd] {
41142
41525
  display: flex;
41143
41526
  flex-direction: column;
41144
41527
  gap: 10px;
41145
41528
  }
41146
- .cn-record-list--stacked .cn-record-list__row[data-v-2c65cbc2] {
41529
+ .cn-record-list--stacked .cn-record-list__row[data-v-544b79cd] {
41147
41530
  min-height: 0;
41148
41531
  padding: 0;
41149
41532
  }
41150
- .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
41533
+ .cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-544b79cd] {
41151
41534
  border-top: 0;
41152
41535
  }
41153
- .cn-record-list__meta[data-v-2c65cbc2] {
41536
+ .cn-record-list__meta[data-v-544b79cd] {
41154
41537
  color: var(--color-text-maxcontrast);
41155
41538
  font-size: 13px;
41156
41539
  }
41157
- .cn-record-list__aside[data-v-2c65cbc2] {
41540
+ .cn-record-list__aside[data-v-544b79cd] {
41158
41541
  align-items: center;
41159
41542
  display: flex;
41160
41543
  flex: none;
41161
41544
  gap: 16px;
41162
41545
  }
41163
- .cn-record-list__leading[data-v-2c65cbc2] {
41546
+ .cn-record-list__leading[data-v-544b79cd] {
41164
41547
  flex: 0 0 52px;
41165
41548
  color: var(--color-text-maxcontrast);
41166
41549
  font-size: 14px;
41167
41550
  font-weight: 600;
41168
41551
  font-variant-numeric: tabular-nums;
41169
41552
  }
41170
- .cn-record-list__trailing[data-v-2c65cbc2] {
41553
+ .cn-record-list__trailing[data-v-544b79cd] {
41171
41554
  font-size: 14px;
41172
41555
  white-space: nowrap;
41173
41556
  }
41174
- .cn-record-list__due[data-v-2c65cbc2] {
41557
+ .cn-record-list__due[data-v-544b79cd] {
41175
41558
  font-size: 14px;
41176
41559
  white-space: nowrap;
41177
41560
  }
41178
- .cn-record-list__due--danger[data-v-2c65cbc2] {
41561
+ .cn-record-list__due--danger[data-v-544b79cd] {
41179
41562
  color: var(--color-text-error, var(--color-error-text));
41180
41563
  font-weight: 600;
41181
41564
  }
41182
- .cn-record-list__table[data-v-2c65cbc2] {
41565
+ .cn-record-list__table[data-v-544b79cd] {
41183
41566
  width: 100%;
41184
41567
  border-collapse: collapse;
41185
41568
  font-size: 14px;
41186
41569
  }
41187
- .cn-record-list__table th[data-v-2c65cbc2] {
41570
+ .cn-record-list__table th[data-v-544b79cd] {
41188
41571
  padding: 6px 0;
41189
41572
  border-bottom: 1px solid var(--color-border);
41190
41573
  color: var(--color-text-maxcontrast);
41191
41574
  font-weight: 600;
41192
41575
  text-align: start;
41193
41576
  }
41194
- .cn-record-list__table td[data-v-2c65cbc2] {
41577
+ .cn-record-list__table td[data-v-544b79cd] {
41195
41578
  padding: 8px 0;
41196
41579
  border-bottom: 1px solid var(--color-border);
41197
41580
  }
41198
- .cn-record-list__cell-sub[data-v-2c65cbc2] {
41581
+ .cn-record-list__cell-sub[data-v-544b79cd] {
41199
41582
  display: block;
41200
41583
  color: var(--color-text-maxcontrast);
41201
41584
  font-size: 13px;
41202
41585
  }
41203
- .cn-record-list__table .cn-record-list__cell--actions[data-v-2c65cbc2] {
41586
+ .cn-record-list__table .cn-record-list__cell--actions[data-v-544b79cd] {
41204
41587
  width: 1%;
41205
41588
  padding-inline-start: 12px;
41206
41589
  text-align: end;
41207
41590
  white-space: nowrap;
41208
41591
  }
41209
- .cn-record-list__sort[data-v-2c65cbc2] {
41592
+ .cn-record-list__sort[data-v-544b79cd] {
41210
41593
  display: inline-flex;
41211
41594
  gap: 4px;
41212
41595
  align-items: center;
@@ -41219,75 +41602,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41219
41602
  font: inherit;
41220
41603
  cursor: pointer;
41221
41604
  }
41222
- .cn-record-list__sort[data-v-2c65cbc2]:focus-visible {
41605
+ .cn-record-list__sort[data-v-544b79cd]:focus-visible {
41223
41606
  outline: 2px solid var(--color-primary-element);
41224
41607
  outline-offset: 2px;
41225
41608
  }
41226
- .cn-record-list__sort-mark[data-v-2c65cbc2] {
41609
+ .cn-record-list__sort-mark[data-v-544b79cd] {
41227
41610
  font-size: 10px;
41228
41611
  }
41229
- .cn-record-list__table .cn-record-list__cell--end[data-v-2c65cbc2] {
41612
+ .cn-record-list__table .cn-record-list__cell--end[data-v-544b79cd] {
41230
41613
  padding-inline-start: 12px;
41231
41614
  text-align: end;
41232
41615
  font-variant-numeric: tabular-nums;
41233
41616
  }
41234
- .cn-record-list__table .cn-record-list__cell--alert[data-v-2c65cbc2] {
41617
+ .cn-record-list__table .cn-record-list__cell--alert[data-v-544b79cd] {
41235
41618
  color: var(--color-text-error, var(--color-error-text));
41236
41619
  font-weight: 700;
41237
41620
  }
41238
- .cn-record-list__intro[data-v-2c65cbc2] {
41621
+ .cn-record-list__intro[data-v-544b79cd] {
41239
41622
  margin: 0 0 8px;
41240
41623
  color: var(--color-text-maxcontrast);
41241
41624
  }
41242
- .cn-record-list__footnote[data-v-2c65cbc2] {
41625
+ .cn-record-list__footnote[data-v-544b79cd] {
41243
41626
  margin: 8px 0 0;
41244
41627
  color: var(--color-text-maxcontrast);
41245
41628
  font-size: 13px;
41246
41629
  }
41247
- .cn-record-list__due--soon[data-v-2c65cbc2] {
41630
+ .cn-record-list__due--soon[data-v-544b79cd] {
41248
41631
  color: var(--color-text-warning, var(--color-warning-text));
41249
41632
  font-weight: 600;
41250
41633
  }
41251
- .cn-record-list__due--empty[data-v-2c65cbc2] {
41634
+ .cn-record-list__due--empty[data-v-544b79cd] {
41252
41635
  color: var(--color-text-maxcontrast);
41253
41636
  }
41254
- .cn-record-list__row--action[data-v-2c65cbc2] {
41637
+ .cn-record-list__row--action[data-v-544b79cd] {
41255
41638
  flex-wrap: wrap;
41256
41639
  gap: 8px 16px;
41257
41640
  padding: 14px 0;
41258
41641
  }
41259
- .cn-record-list__row--action .cn-record-list__main[data-v-2c65cbc2] {
41642
+ .cn-record-list__row--action .cn-record-list__main[data-v-544b79cd] {
41260
41643
  flex: 1 1 280px;
41261
41644
  gap: 3px;
41262
41645
  }
41263
- .cn-record-list__title--link[data-v-2c65cbc2] {
41646
+ .cn-record-list__title--link[data-v-544b79cd] {
41264
41647
  color: var(--color-main-text);
41265
41648
  text-decoration: underline;
41266
41649
  }
41267
- .cn-record-list__pills[data-v-2c65cbc2] {
41650
+ .cn-record-list__pills[data-v-544b79cd] {
41268
41651
  display: flex;
41269
41652
  flex: 0 0 120px;
41270
41653
  gap: 6px;
41271
41654
  justify-content: flex-end;
41272
41655
  }
41273
- .cn-record-list__due--below[data-v-2c65cbc2] {
41656
+ .cn-record-list__due--below[data-v-544b79cd] {
41274
41657
  font-size: 13px;
41275
41658
  font-weight: 600;
41276
41659
  white-space: normal;
41277
41660
  }
41278
- .cn-record-list__footer-link[data-v-2c65cbc2] {
41661
+ .cn-record-list__footer-link[data-v-544b79cd] {
41279
41662
  align-self: flex-start;
41280
41663
  padding-top: 8px;
41281
41664
  font-size: 14px;
41282
41665
  font-weight: 600;
41283
41666
  text-decoration: underline;
41284
41667
  }
41285
- .cn-record-list__due--column[data-v-2c65cbc2] {
41668
+ .cn-record-list__due--column[data-v-544b79cd] {
41286
41669
  flex: 0 0 96px;
41287
41670
  font-size: 13px;
41288
41671
  text-align: end;
41289
41672
  }
41290
- .cn-record-list__action[data-v-2c65cbc2] {
41673
+ .cn-record-list__action[data-v-544b79cd] {
41291
41674
  align-items: center;
41292
41675
  background: var(--color-primary-element-light);
41293
41676
  border: 0;
@@ -41304,11 +41687,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41304
41687
  padding: 0 14px;
41305
41688
  text-decoration: none;
41306
41689
  }
41307
- .cn-record-list__action[data-v-2c65cbc2]:hover,
41308
- .cn-record-list__action[data-v-2c65cbc2]:focus-visible {
41690
+ .cn-record-list__action[data-v-544b79cd]:hover,
41691
+ .cn-record-list__action[data-v-544b79cd]:focus-visible {
41309
41692
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
41310
41693
  }
41311
- .cn-record-list__chevron[data-v-2c65cbc2] {
41694
+ .cn-record-list__chevron[data-v-544b79cd] {
41312
41695
  color: var(--color-text-maxcontrast);
41313
41696
  flex: none;
41314
41697
  }
@@ -41316,15 +41699,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41316
41699
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
41317
41700
  tiles in a grid, the title at 14px regular. The selectors outrank the board
41318
41701
  look's list row rules. */
41319
- .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-2c65cbc2] {
41702
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-544b79cd] {
41320
41703
  display: grid;
41321
41704
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
41322
41705
  gap: 8px;
41323
41706
  }
41324
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-2c65cbc2] {
41707
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-544b79cd] {
41325
41708
  border-top: 0;
41326
41709
  }
41327
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-2c65cbc2] {
41710
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-544b79cd] {
41328
41711
  box-sizing: border-box;
41329
41712
  height: 100%;
41330
41713
  gap: 10px;
@@ -41333,19 +41716,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41333
41716
  border: 1px solid var(--cn-board-hairline, var(--color-border));
41334
41717
  border-radius: 8px;
41335
41718
  }
41336
- .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-2c65cbc2] {
41719
+ .cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-544b79cd] {
41337
41720
  font-size: 14px;
41338
41721
  font-weight: 400;
41339
41722
  }
41340
41723
 
41341
41724
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
41342
- .cn-record-list--cards .cn-record-list__list[data-v-2c65cbc2] {
41725
+ .cn-record-list--cards .cn-record-list__list[data-v-544b79cd] {
41343
41726
  align-items: start;
41344
41727
  display: grid;
41345
41728
  gap: 16px;
41346
41729
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
41347
41730
  }
41348
- .cn-record-list__card[data-v-2c65cbc2] {
41731
+ .cn-record-list__card[data-v-544b79cd] {
41349
41732
  background: var(--color-main-background);
41350
41733
  border: 1px solid var(--color-border);
41351
41734
  border-radius: 12px;
@@ -41357,51 +41740,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41357
41740
  padding: 16px 18px;
41358
41741
  text-decoration: none;
41359
41742
  }
41360
- .cn-record-list__card--link[data-v-2c65cbc2]:hover,
41361
- .cn-record-list__card--link[data-v-2c65cbc2]:focus-visible {
41743
+ .cn-record-list__card--link[data-v-544b79cd]:hover,
41744
+ .cn-record-list__card--link[data-v-544b79cd]:focus-visible {
41362
41745
  border-color: var(--color-border-dark, var(--color-border));
41363
41746
  }
41364
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-2c65cbc2],
41365
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
41747
+ .cn-record-list__card--link:hover .cn-record-list__title[data-v-544b79cd],
41748
+ .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-544b79cd] {
41366
41749
  text-decoration: underline;
41367
41750
  }
41368
- .cn-record-list__card-head[data-v-2c65cbc2] {
41751
+ .cn-record-list__card-head[data-v-544b79cd] {
41369
41752
  align-items: center;
41370
41753
  display: flex;
41371
41754
  gap: 8px;
41372
41755
  justify-content: space-between;
41373
41756
  }
41374
- .cn-record-list__card-title[data-v-2c65cbc2] {
41757
+ .cn-record-list__card-title[data-v-544b79cd] {
41375
41758
  align-items: center;
41376
41759
  display: flex;
41377
41760
  gap: 8px;
41378
41761
  min-width: 0;
41379
41762
  }
41380
- .cn-record-list__card-icon[data-v-2c65cbc2] {
41763
+ .cn-record-list__card-icon[data-v-544b79cd] {
41381
41764
  color: var(--color-primary-element);
41382
41765
  flex: none;
41383
41766
  }
41384
- .cn-record-list__card-pills[data-v-2c65cbc2] {
41767
+ .cn-record-list__card-pills[data-v-544b79cd] {
41385
41768
  display: flex;
41386
41769
  flex: none;
41387
41770
  gap: 6px;
41388
41771
  }
41389
- .cn-record-list__card-value[data-v-2c65cbc2] {
41772
+ .cn-record-list__card-value[data-v-544b79cd] {
41390
41773
  font-size: 24px;
41391
41774
  font-weight: 700;
41392
41775
  }
41393
41776
 
41394
41777
  /* feed */
41395
- .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2] {
41778
+ .cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-544b79cd] {
41396
41779
  border-top: 1px solid var(--color-border);
41397
41780
  }
41398
- .cn-record-list__feed-row[data-v-2c65cbc2] {
41781
+ .cn-record-list__feed-row[data-v-544b79cd] {
41399
41782
  align-items: flex-start;
41400
41783
  display: flex;
41401
41784
  gap: 14px;
41402
41785
  padding: 12px 0;
41403
41786
  }
41404
- .cn-record-list__feed-icon[data-v-2c65cbc2] {
41787
+ .cn-record-list__feed-icon[data-v-544b79cd] {
41405
41788
  align-items: center;
41406
41789
  background: var(--color-primary-element-light);
41407
41790
  border-radius: 50%;
@@ -41412,25 +41795,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41412
41795
  justify-content: center;
41413
41796
  width: 36px;
41414
41797
  }
41415
- .cn-record-list__text[data-v-2c65cbc2] {
41798
+ .cn-record-list__text[data-v-544b79cd] {
41416
41799
  font-size: 15px;
41417
41800
  }
41418
- .cn-record-list--feed .cn-record-list__main[data-v-2c65cbc2] {
41801
+ .cn-record-list--feed .cn-record-list__main[data-v-544b79cd] {
41419
41802
  color: var(--color-main-text);
41420
41803
  text-decoration: none;
41421
41804
  }
41422
41805
 
41423
41806
  /* inline */
41424
- .cn-record-list__inline-row[data-v-2c65cbc2] {
41807
+ .cn-record-list__inline-row[data-v-544b79cd] {
41425
41808
  padding: 4px 0;
41426
41809
  }
41427
- .cn-record-list__label[data-v-2c65cbc2] {
41810
+ .cn-record-list__label[data-v-544b79cd] {
41428
41811
  margin-inline-end: 4px;
41429
41812
  }
41430
- .cn-record-list__inline-title[data-v-2c65cbc2] {
41813
+ .cn-record-list__inline-title[data-v-544b79cd] {
41431
41814
  color: var(--color-main-text);
41432
41815
  }
41433
- a.cn-record-list__inline-title[data-v-2c65cbc2] {
41816
+ a.cn-record-list__inline-title[data-v-544b79cd] {
41434
41817
  color: var(--color-primary-element);
41435
41818
  text-decoration: underline;
41436
41819
  }
@@ -46261,26 +46644,26 @@ to {
46261
46644
  text-decoration: underline;
46262
46645
  }
46263
46646
  @charset "UTF-8";
46264
- .cn-choice-cards[data-v-cfc2a11a] {
46647
+ .cn-choice-cards[data-v-51150930] {
46265
46648
  border: none;
46266
46649
  padding: 0;
46267
46650
  margin: 0;
46268
46651
  min-inline-size: 0;
46269
46652
  }
46270
46653
 
46271
- .cn-choice-cards__legend[data-v-cfc2a11a] {
46654
+ .cn-choice-cards__legend[data-v-51150930] {
46272
46655
  padding: 0;
46273
46656
  margin-block-end: 8px;
46274
46657
  font-weight: bold;
46275
46658
  }
46276
46659
 
46277
- .cn-choice-cards__loading[data-v-cfc2a11a] {
46660
+ .cn-choice-cards__loading[data-v-51150930] {
46278
46661
  display: flex;
46279
46662
  justify-content: center;
46280
46663
  padding: 24px 0;
46281
46664
  }
46282
46665
 
46283
- .cn-choice-cards__grid[data-v-cfc2a11a] {
46666
+ .cn-choice-cards__grid[data-v-51150930] {
46284
46667
  display: grid;
46285
46668
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
46286
46669
  gap: 12px;
@@ -46292,26 +46675,26 @@ to {
46292
46675
  padding: 12px;
46293
46676
  }
46294
46677
 
46295
- .cn-choice-cards__cell[data-v-cfc2a11a] {
46678
+ .cn-choice-cards__cell[data-v-51150930] {
46296
46679
  display: flex;
46297
46680
  flex-direction: column;
46298
46681
  gap: 8px;
46299
46682
  min-inline-size: 0;
46300
46683
  }
46301
46684
 
46302
- .cn-choice-cards__actions[data-v-cfc2a11a] {
46685
+ .cn-choice-cards__actions[data-v-51150930] {
46303
46686
  display: flex;
46304
46687
  flex-direction: column;
46305
46688
  gap: 4px;
46306
46689
  }
46307
46690
 
46308
- .cn-choice-cards__option[data-v-cfc2a11a] {
46691
+ .cn-choice-cards__option[data-v-51150930] {
46309
46692
  position: relative;
46310
46693
  display: block;
46311
46694
  cursor: pointer;
46312
46695
  }
46313
46696
 
46314
- .cn-choice-cards__input[data-v-cfc2a11a] {
46697
+ .cn-choice-cards__input[data-v-51150930] {
46315
46698
  position: absolute;
46316
46699
  inset-block-start: 16px;
46317
46700
  inset-inline-end: 14px;
@@ -46321,7 +46704,7 @@ to {
46321
46704
  }
46322
46705
 
46323
46706
  /* Room for the input, so a long title never runs underneath it. */
46324
- .cn-choice-cards__option[data-v-cfc2a11a] .cn-card {
46707
+ .cn-choice-cards__option[data-v-51150930] .cn-card {
46325
46708
  padding-inline-end: 44px;
46326
46709
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
46327
46710
  }
@@ -46332,33 +46715,33 @@ to {
46332
46715
  touches a card, and the grid twitches. The border colour below already
46333
46716
  carries hover, so the scale is dropped: at (0,3,0) this beats the global
46334
46717
  `.cn-card:hover` at (0,2,0). */
46335
- .cn-choice-cards__option[data-v-cfc2a11a]:hover .cn-card {
46718
+ .cn-choice-cards__option[data-v-51150930]:hover .cn-card {
46336
46719
  border-color: var(--color-primary-element);
46337
46720
  transform: none;
46338
46721
  }
46339
46722
 
46340
46723
  /* The focus ring belongs on the card, not on the small input inside it. */
46341
- .cn-choice-cards__input[data-v-cfc2a11a]:focus-visible + .cn-card {
46724
+ .cn-choice-cards__input[data-v-51150930]:focus-visible + .cn-card {
46342
46725
  outline: 2px solid var(--color-primary-element);
46343
46726
  outline-offset: 2px;
46344
46727
  }
46345
46728
 
46346
- .cn-choice-cards__input[data-v-cfc2a11a]:disabled {
46729
+ .cn-choice-cards__input[data-v-51150930]:disabled {
46347
46730
  cursor: default;
46348
46731
  }
46349
46732
 
46350
- .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-cfc2a11a] + .cn-card {
46733
+ .cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-51150930] + .cn-card {
46351
46734
  opacity: 0.6;
46352
46735
  }
46353
46736
 
46354
- .cn-choice-cards__rows[data-v-cfc2a11a] {
46737
+ .cn-choice-cards__rows[data-v-51150930] {
46355
46738
  display: flex;
46356
46739
  flex-direction: column;
46357
46740
  gap: 8px;
46358
46741
  }
46359
46742
 
46360
46743
  /* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
46361
- .cn-choice-cards__row[data-v-cfc2a11a] {
46744
+ .cn-choice-cards__row[data-v-51150930] {
46362
46745
  display: flex;
46363
46746
  align-items: flex-start;
46364
46747
  gap: 12px;
@@ -46369,12 +46752,12 @@ to {
46369
46752
  cursor: pointer;
46370
46753
  }
46371
46754
 
46372
- .cn-choice-cards__row[data-v-cfc2a11a]:hover {
46755
+ .cn-choice-cards__row[data-v-51150930]:hover {
46373
46756
  border-color: var(--color-border-dark);
46374
46757
  }
46375
46758
 
46376
- .cn-choice-cards__row--selected[data-v-cfc2a11a],
46377
- .cn-choice-cards__row--selected[data-v-cfc2a11a]:hover {
46759
+ .cn-choice-cards__row--selected[data-v-51150930],
46760
+ .cn-choice-cards__row--selected[data-v-51150930]:hover {
46378
46761
  border-color: var(--color-primary-element);
46379
46762
  /* The second pixel of the 2px selected border, without moving the content. */
46380
46763
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
@@ -46383,8 +46766,8 @@ to {
46383
46766
 
46384
46767
  /* An option this record does not allow: the grey ground and the muted ink,
46385
46768
  still legible (DqVolgendeStap), not faded. */
46386
- .cn-choice-cards__row--disabled[data-v-cfc2a11a],
46387
- .cn-choice-cards__row--disabled[data-v-cfc2a11a]:hover {
46769
+ .cn-choice-cards__row--disabled[data-v-51150930],
46770
+ .cn-choice-cards__row--disabled[data-v-51150930]:hover {
46388
46771
  border-color: var(--color-border);
46389
46772
  background: var(--color-background-hover);
46390
46773
  color: var(--color-text-maxcontrast);
@@ -46393,80 +46776,81 @@ to {
46393
46776
 
46394
46777
  /* The title takes the muted ink itself: a theme that colours every label
46395
46778
  with `!important` (thematiq) would otherwise hand it the label colour. */
46396
- .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-cfc2a11a] {
46779
+ .cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-51150930] {
46397
46780
  color: var(--color-text-maxcontrast);
46398
46781
  }
46399
46782
 
46400
46783
  /* The chosen option's fields share the selected row's frame: the cell draws
46401
46784
  the 2px primary border and the ground, the row inside it draws none, and
46402
46785
  the fields sit under the text, indented to it (DqVolgendeStap). */
46403
- .cn-choice-cards__cell--with-details[data-v-cfc2a11a] {
46786
+ .cn-choice-cards__cell--with-details[data-v-51150930] {
46404
46787
  border: 1px solid var(--color-primary-element);
46405
46788
  border-radius: var(--border-radius-large, 8px);
46406
46789
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
46407
46790
  background: var(--color-primary-element-light);
46408
46791
  }
46409
46792
 
46410
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a],
46411
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a]:hover {
46793
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-51150930],
46794
+ .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-51150930]:hover {
46412
46795
  border-color: transparent;
46413
46796
  box-shadow: none;
46414
46797
  background: transparent;
46415
46798
  }
46416
46799
 
46417
- .cn-choice-cards__details[data-v-cfc2a11a] {
46800
+ .cn-choice-cards__details[data-v-51150930] {
46418
46801
  display: flex;
46419
46802
  flex-direction: column;
46420
46803
  gap: 14px;
46421
46804
  padding: 0 14px 14px 44px;
46422
46805
  }
46423
46806
 
46424
- .cn-choice-cards__row--readonly[data-v-cfc2a11a] {
46807
+ .cn-choice-cards__row--readonly[data-v-51150930] {
46425
46808
  cursor: default;
46426
46809
  }
46427
46810
 
46428
- .cn-choice-cards__row--readonly[data-v-cfc2a11a]:not(.cn-choice-cards__row--selected):hover {
46811
+ .cn-choice-cards__row--readonly[data-v-51150930]:not(.cn-choice-cards__row--selected):hover {
46429
46812
  border-color: var(--color-border);
46430
46813
  }
46431
46814
 
46432
- .cn-choice-cards__row[data-v-cfc2a11a]:has(.cn-choice-cards__row-input:focus-visible) {
46815
+ .cn-choice-cards__row[data-v-51150930]:has(.cn-choice-cards__row-input:focus-visible) {
46433
46816
  outline: 2px solid var(--color-primary-element);
46434
46817
  outline-offset: 2px;
46435
46818
  }
46436
46819
 
46437
- .cn-choice-cards__row-input[data-v-cfc2a11a] {
46820
+ .cn-choice-cards__row-input[data-v-51150930] {
46438
46821
  flex: none;
46439
46822
  margin: 2px 0 0;
46440
46823
  accent-color: var(--color-primary-element);
46441
46824
  cursor: inherit;
46442
46825
  }
46443
46826
 
46444
- .cn-choice-cards__row-icon[data-v-cfc2a11a] {
46827
+ .cn-choice-cards__row-icon[data-v-51150930] {
46445
46828
  flex: none;
46446
46829
  }
46447
46830
 
46448
- .cn-choice-cards__row-text[data-v-cfc2a11a] {
46831
+ .cn-choice-cards__row-text[data-v-51150930] {
46449
46832
  display: flex;
46450
46833
  flex-direction: column;
46451
46834
  gap: 2px;
46452
46835
  min-width: 0;
46453
46836
  }
46454
46837
 
46455
- .cn-choice-cards__row-title[data-v-cfc2a11a] {
46838
+ .cn-choice-cards__row-title[data-v-51150930] {
46456
46839
  font-size: 15px;
46457
46840
  font-weight: 600;
46841
+ line-height: 1.2;
46458
46842
  }
46459
46843
 
46460
46844
  /* Regular weight on the span itself: a theme that sets every label bold
46461
46845
  with `!important` (thematiq) reaches a span that only inherits. */
46462
- .cn-choice-cards__row-description[data-v-cfc2a11a],
46463
- .cn-choice-cards__reason[data-v-cfc2a11a] {
46846
+ .cn-choice-cards__row-description[data-v-51150930],
46847
+ .cn-choice-cards__reason[data-v-51150930] {
46464
46848
  font-size: 13px;
46465
46849
  font-weight: 400;
46466
46850
  color: var(--color-text-maxcontrast);
46467
46851
  }
46468
46852
 
46469
- .cn-choice-cards__reason--card[data-v-cfc2a11a] {
46853
+ .cn-choice-cards__reason--card[data-v-51150930] {
46470
46854
  display: block;
46471
46855
  margin-block-start: 4px;
46472
46856
  }
@@ -46571,33 +46955,33 @@ to {
46571
46955
  }
46572
46956
 
46573
46957
 
46574
- .cn-admin-settings-shell[data-v-447d33ea] {
46958
+ .cn-admin-settings-shell[data-v-69055093] {
46575
46959
  max-width: 900px;
46576
46960
  }
46577
46961
 
46578
46962
  /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
46579
46963
 
46580
46964
  /* A tab without a panel of its own: the cards below the strip carry the gap. */
46581
- .cn-admin-settings-shell__tabs--bare[data-v-447d33ea] > .cn-tabs__content {
46965
+ .cn-admin-settings-shell__tabs--bare[data-v-69055093] > .cn-tabs__content {
46582
46966
  padding-top: 0;
46583
46967
  }
46584
- .cn-support-info[data-v-447d33ea] {
46968
+ .cn-support-info[data-v-69055093] {
46585
46969
  margin-top: 16px;
46586
46970
  padding-top: 16px;
46587
46971
  border-top: 1px solid var(--color-border);
46588
46972
  }
46589
- .cn-support-info h4[data-v-447d33ea] {
46973
+ .cn-support-info h4[data-v-69055093] {
46590
46974
  margin: 0 0 8px 0;
46591
46975
  font-size: 14px;
46592
46976
  font-weight: 600;
46593
46977
  color: var(--color-main-text);
46594
46978
  }
46595
- .cn-support-info p[data-v-447d33ea] {
46979
+ .cn-support-info p[data-v-69055093] {
46596
46980
  margin: 4px 0;
46597
46981
  color: var(--color-text-maxcontrast);
46598
46982
  font-size: 14px;
46599
46983
  }
46600
- .cn-support-info a[data-v-447d33ea] {
46984
+ .cn-support-info a[data-v-69055093] {
46601
46985
  color: var(--color-primary-element);
46602
46986
  }
46603
46987