@conduction/nextcloud-vue 2.142.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 (87) 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/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
  23. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
  24. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
  25. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue.js +1 -1
  26. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js.map +1 -1
  27. package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue3.js.map +1 -1
  28. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  29. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  30. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +2 -1
  31. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  32. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  33. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +27 -2
  34. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  35. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js +4 -2
  36. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  37. package/dist/esm/components/CnFilesBrowser/filesBrowser.js +17 -4
  38. package/dist/esm/components/CnFilesBrowser/filesBrowser.js.map +1 -1
  39. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js +21 -1
  40. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js.map +1 -1
  41. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +15 -1
  42. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  43. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  44. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js +6 -1
  45. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue2.js.map +1 -1
  46. package/dist/esm/components/CnPageHeader/CnHeaderTrail.vue3.js.map +1 -1
  47. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  48. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +12 -1
  49. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  50. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +2 -2
  51. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  52. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue.js +1 -1
  53. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue2.js.map +1 -1
  54. package/dist/esm/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue3.js.map +1 -1
  55. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +1 -1
  56. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +4 -0
  57. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -1
  58. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +18 -8
  59. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -1
  60. package/dist/esm/l10n/nl.json.js +1 -1
  61. package/dist/esm/library-style.js +1 -1
  62. package/dist/esm/nextcloud-vue.css +537 -322
  63. package/dist/nextcloud-vue.cjs.js +300 -119
  64. package/dist/nextcloud-vue.cjs.js.map +2 -2
  65. package/dist/nextcloud-vue.css +537 -322
  66. package/l10n/nl.json +1 -1
  67. package/package.json +1 -1
  68. package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue +28 -1
  69. package/src/components/CnAiCompanion/CnAiChatPanel.vue +12 -0
  70. package/src/components/CnAiCompanion/CnAiInput.vue +32 -1
  71. package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +34 -4
  72. package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +1 -0
  73. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +8 -0
  74. package/src/components/CnChoiceCards/CnChoiceCards.vue +1 -0
  75. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +1 -0
  76. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +28 -3
  77. package/src/components/CnFilesBrowser/filesBrowser.js +17 -4
  78. package/src/components/CnFilesBrowser/filesBrowserColumns.js +20 -1
  79. package/src/components/CnIndexPage/CnIndexPage.vue +15 -1
  80. package/src/components/CnPageHeader/CnHeaderTrail.vue +6 -1
  81. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +21 -1
  82. package/src/components/CnSavedViewAlertWidget/CnSavedViewAlertWidget.vue +6 -0
  83. package/src/components/CnTimelineWidget/CnTimelineManage.vue +10 -1
  84. package/src/css/dialog.css +18 -0
  85. package/src/css/look-board-detail.css +31 -0
  86. package/src/css/look-board-index.css +42 -1
  87. package/src/css/look-board.css +73 -1
@@ -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
@@ -3280,6 +3315,43 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
3280
3315
  .cn-look-board .cn-map-widget .leaflet-bar a.cn-map-widget__control:not(.cn-look-nextcloud *):focus-visible {
3281
3316
  background: var(--color-background-hover);
3282
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
+ }
3283
3355
  /*
3284
3356
  * The board dialog (screens-dialog-parity, canon section 5).
3285
3357
  *
@@ -3450,13 +3522,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3450
3522
  goes to those tokens too (DqOverdragen, DqDocumentGenereren). */
3451
3523
  .cn-dialog-header__subtitle {
3452
3524
  --nldesign-component-paragraph-font-size: 14px;
3525
+ --nldesign-component-paragraph-line-height: 1.5;
3453
3526
  --nldesign-component-paragraph-color: var(--color-text-maxcontrast);
3454
3527
  --nldesign-color-on-surface: var(--color-text-maxcontrast);
3455
3528
  margin: 4px 0 0;
3456
3529
  font-size: 14px;
3530
+ line-height: 1.5;
3457
3531
  color: var(--color-text-maxcontrast);
3458
3532
  }
3459
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
+
3460
3541
  /* The close button is a 36px circle. NcButton sizes an icon-only button by
3461
3542
  --button-size with `!important`, so the size goes through that; the radius
3462
3543
  also goes to the nldesign theme's button radius token. */
@@ -3821,6 +3902,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3821
3902
  }
3822
3903
  }
3823
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
+
3824
3914
  /* Above a phone the boards top-align a dialog (DqNieuweZaak, DqUwWachtrij,
3825
3915
  DqVolgendeStap: the top edge sits about 90px down at 1440 wide) instead of
3826
3916
  centring it. `--cn-dialog-top` moves it. */
@@ -5241,6 +5331,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5241
5331
  padding: 10px 12px;
5242
5332
  }
5243
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
+
5244
5343
  .cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table td {
5245
5344
  padding: 11px 12px;
5246
5345
  }
@@ -5317,11 +5416,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5317
5416
  `#content[class*="app-"]`, an id selector no class rule outranks, so a plain
5318
5417
  `content-box` here was ignored and the cell left 12px for the checkbox (the
5319
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. */
5320
5421
  .cn-look-board .cn-table-container--board .cn-data-table .cn-table-col--checkbox {
5321
5422
  box-sizing: border-box !important;
5322
5423
  width: 60px;
5323
5424
  min-width: 60px;
5324
- padding-inline: 16px;
5425
+ padding-inline: 20px 12px;
5325
5426
  text-align: start;
5326
5427
  }
5327
5428
 
@@ -6117,6 +6218,36 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
6117
6218
  margin-bottom: 16px;
6118
6219
  }
6119
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
+
6120
6251
  .cn-look-board .cn-index-page__scope-title {
6121
6252
  font-size: 20px;
6122
6253
  font-weight: 700;
@@ -11954,6 +12085,29 @@ li[data-cn-admin-tag] > .action-link::after {
11954
12085
  display: flex;
11955
12086
  }
11956
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
+
11957
12111
  /* A widget-reported card header action in the main column is a neutral 40px
11958
12112
  control: the main background, the control border, the main text at
11959
12113
  14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -12543,6 +12697,14 @@ li[data-cn-admin-tag] > .action-link::after {
12543
12697
  display: none;
12544
12698
  }
12545
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
+
12546
12708
  /* ---- A file list (CnFilesBrowser) --------------------------------------- */
12547
12709
  /* The board's compact card table (DqDocumentenBeheer): a near-white header at
12548
12710
  14px/600 in the muted ink, 10px 12px; 14px cells, 11px 12px, a hairline
@@ -14698,6 +14860,25 @@ li[data-cn-admin-tag] > .action-link::after {
14698
14860
  gap: 8px;
14699
14861
  align-items: flex-end;
14700
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
+ }
14701
14882
  .cn-ai-input__file-input {
14702
14883
  display: none;
14703
14884
  }
@@ -15331,9 +15512,19 @@ li[data-cn-admin-tag] > .action-link::after {
15331
15512
  background: transparent;
15332
15513
  }
15333
15514
  .cn-ai-chat-window--titled .cn-ai-chat-window__input {
15515
+ padding: 0;
15516
+ border-top: 0;
15334
15517
  border-radius: 0;
15335
15518
  background: transparent;
15336
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
+ }
15337
15528
  .cn-ai-chat-window__input {
15338
15529
  flex: 0 0 auto;
15339
15530
  padding: 8px;
@@ -20470,56 +20661,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20470
20661
  }
20471
20662
 
20472
20663
 
20473
- .cn-audit-card__list[data-v-834a0068] {
20664
+ .cn-audit-card__list[data-v-401394d1] {
20474
20665
  list-style: none;
20475
20666
  margin: 0;
20476
20667
  padding: 0;
20477
20668
  }
20478
- .cn-audit-card__row[data-v-834a0068] {
20669
+ .cn-audit-card__row[data-v-401394d1] {
20479
20670
  padding: 6px 0;
20480
20671
  border-bottom: 1px solid var(--color-border);
20481
20672
  }
20482
- .cn-audit-card__row[data-v-834a0068]:last-child {
20673
+ .cn-audit-card__row[data-v-401394d1]:last-child {
20483
20674
  border-bottom: none;
20484
20675
  }
20485
- .cn-audit-card__row-head[data-v-834a0068] {
20676
+ .cn-audit-card__row-head[data-v-401394d1] {
20486
20677
  display: flex;
20487
20678
  justify-content: space-between;
20488
20679
  gap: 8px;
20489
20680
  }
20490
- .cn-audit-card__action[data-v-834a0068] {
20681
+ .cn-audit-card__action[data-v-401394d1] {
20491
20682
  color: var(--color-main-text);
20492
20683
  }
20493
- .cn-audit-card__when[data-v-834a0068] {
20684
+ .cn-audit-card__when[data-v-401394d1] {
20494
20685
  color: var(--color-text-maxcontrast);
20495
20686
  font-size: 0.85em;
20496
20687
  white-space: nowrap;
20497
20688
  }
20498
- .cn-audit-card__row-body[data-v-834a0068] {
20689
+ .cn-audit-card__row-body[data-v-401394d1] {
20499
20690
  color: var(--color-text-maxcontrast);
20500
20691
  font-size: 0.9em;
20501
20692
  }
20502
- .cn-audit-card__refused[data-v-834a0068] {
20693
+ .cn-audit-card__refused[data-v-401394d1] {
20503
20694
  margin-inline-start: 6px;
20504
20695
  font-weight: 700;
20505
20696
  color: var(--color-error-text, var(--color-main-text));
20506
20697
  }
20507
- .cn-audit-card__reason[data-v-834a0068] {
20698
+ .cn-audit-card__reason[data-v-401394d1] {
20508
20699
  margin: 2px 0 0;
20509
20700
  font-size: 0.9em;
20510
20701
  overflow-wrap: anywhere;
20511
20702
  }
20512
- .cn-audit-card__empty[data-v-834a0068] {
20703
+ .cn-audit-card__empty[data-v-401394d1] {
20513
20704
  color: var(--color-text-maxcontrast);
20514
20705
  text-align: center;
20515
20706
  padding: 12px 0;
20516
20707
  }
20517
- .cn-audit-card__footnote[data-v-834a0068] {
20708
+ .cn-audit-card__footnote[data-v-401394d1] {
20518
20709
  margin: 12px 0 0;
20519
20710
  color: var(--color-text-maxcontrast);
20520
20711
  font-size: 13px;
20521
20712
  }
20522
- .cn-audit-card__show-all[data-v-834a0068] {
20713
+ .cn-audit-card__show-all[data-v-401394d1] {
20523
20714
  background: none;
20524
20715
  border: none;
20525
20716
  color: var(--color-primary-element);
@@ -20527,7 +20718,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
20527
20718
  padding: 4px 0;
20528
20719
  font: inherit;
20529
20720
  }
20530
- .cn-audit-card__show-all[data-v-834a0068]:hover {
20721
+ .cn-audit-card__show-all[data-v-401394d1]:hover {
20531
20722
  text-decoration: underline;
20532
20723
  }
20533
20724
 
@@ -23557,7 +23748,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23557
23748
  }
23558
23749
 
23559
23750
 
23560
- .cn-files-browser[data-v-ebaa2c0e] {
23751
+ .cn-files-browser[data-v-23ff0221] {
23561
23752
  display: flex;
23562
23753
  flex-direction: column;
23563
23754
  gap: 8px;
@@ -23565,22 +23756,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23565
23756
  position: relative;
23566
23757
  border-radius: var(--border-radius-large, 8px);
23567
23758
  }
23568
- .cn-files-browser--dragging[data-v-ebaa2c0e] {
23759
+ .cn-files-browser--dragging[data-v-23ff0221] {
23569
23760
  outline: 2px dashed var(--color-primary-element);
23570
23761
  outline-offset: 4px;
23571
23762
  }
23572
23763
 
23573
23764
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
23574
23765
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
23575
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-ebaa2c0e] {
23766
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-23ff0221] {
23576
23767
  min-height: max(320px, 100%);
23577
23768
  }
23578
- .cn-files-browser__drop-detail[data-v-ebaa2c0e] {
23769
+ .cn-files-browser__drop-detail[data-v-23ff0221] {
23579
23770
  max-width: 520px;
23580
23771
  font-size: 14px;
23581
23772
  color: var(--color-main-text);
23582
23773
  }
23583
- .cn-files-browser__drop-overlay[data-v-ebaa2c0e] {
23774
+ .cn-files-browser__drop-overlay[data-v-23ff0221] {
23584
23775
  position: absolute;
23585
23776
  inset: 0;
23586
23777
  z-index: 2;
@@ -23598,7 +23789,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23598
23789
  text-align: center;
23599
23790
  pointer-events: none;
23600
23791
  }
23601
- .cn-files-browser__drop-icon[data-v-ebaa2c0e] {
23792
+ .cn-files-browser__drop-icon[data-v-23ff0221] {
23602
23793
  display: flex;
23603
23794
  align-items: center;
23604
23795
  justify-content: center;
@@ -23608,11 +23799,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23608
23799
  background: var(--color-main-background);
23609
23800
  color: var(--color-primary-element);
23610
23801
  }
23611
- .cn-files-browser__drop-label[data-v-ebaa2c0e] {
23802
+ .cn-files-browser__drop-label[data-v-23ff0221] {
23612
23803
  font-size: 20px;
23613
23804
  font-weight: 700;
23614
23805
  }
23615
- .cn-files-browser__drop-hint[data-v-ebaa2c0e] {
23806
+ .cn-files-browser__drop-hint[data-v-23ff0221] {
23616
23807
  display: flex;
23617
23808
  align-items: center;
23618
23809
  gap: 8px;
@@ -23622,14 +23813,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23622
23813
  font-size: 13px;
23623
23814
  color: var(--color-text-maxcontrast);
23624
23815
  }
23625
- .cn-files-browser__bar[data-v-ebaa2c0e] {
23816
+ .cn-files-browser__bar[data-v-23ff0221] {
23626
23817
  display: flex;
23627
23818
  align-items: center;
23628
23819
  justify-content: space-between;
23629
23820
  gap: 8px;
23630
23821
  min-width: 0;
23631
23822
  }
23632
- .cn-files-browser__crumbs[data-v-ebaa2c0e] {
23823
+ .cn-files-browser__crumbs[data-v-23ff0221] {
23633
23824
  min-width: 0;
23634
23825
  flex: 1 1 auto;
23635
23826
  }
@@ -23637,13 +23828,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23637
23828
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23638
23829
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23639
23830
  kept their width. */
23640
- .cn-files-browser__bar[data-v-ebaa2c0e] > :not(.cn-files-browser__crumbs) {
23831
+ .cn-files-browser__bar[data-v-23ff0221] > :not(.cn-files-browser__crumbs) {
23641
23832
  flex-shrink: 0;
23642
23833
  }
23643
- .cn-files-browser__file-input[data-v-ebaa2c0e] {
23834
+ .cn-files-browser__file-input[data-v-23ff0221] {
23644
23835
  display: none;
23645
23836
  }
23646
- .cn-files-browser__uploads[data-v-ebaa2c0e] {
23837
+ .cn-files-browser__uploads[data-v-23ff0221] {
23647
23838
  list-style: none;
23648
23839
  margin: 0;
23649
23840
  padding: 0;
@@ -23651,35 +23842,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23651
23842
  flex-direction: column;
23652
23843
  gap: 4px;
23653
23844
  }
23654
- .cn-files-browser__upload[data-v-ebaa2c0e] {
23845
+ .cn-files-browser__upload[data-v-23ff0221] {
23655
23846
  display: flex;
23656
23847
  flex-direction: column;
23657
23848
  gap: 2px;
23658
23849
  }
23659
- .cn-files-browser__upload-name[data-v-ebaa2c0e] {
23850
+ .cn-files-browser__upload-name[data-v-23ff0221] {
23660
23851
  font-size: 13px;
23661
23852
  }
23662
- .cn-files-browser__upload-error[data-v-ebaa2c0e] {
23853
+ .cn-files-browser__upload-error[data-v-23ff0221] {
23663
23854
  color: var(--color-error);
23664
23855
  font-size: 13px;
23665
23856
  }
23666
- .cn-files-browser__loading[data-v-ebaa2c0e] {
23857
+ .cn-files-browser__loading[data-v-23ff0221] {
23667
23858
  padding: 24px 0;
23668
23859
  }
23669
23860
 
23670
23861
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23671
- .cn-files-browser__body--with-side[data-v-ebaa2c0e] {
23862
+ .cn-files-browser__body--with-side[data-v-23ff0221] {
23672
23863
  display: grid;
23673
23864
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23674
23865
  align-items: start;
23675
23866
  gap: 16px;
23676
23867
  }
23677
23868
  @media (max-width: 900px) {
23678
- .cn-files-browser__body--with-side[data-v-ebaa2c0e] {
23869
+ .cn-files-browser__body--with-side[data-v-23ff0221] {
23679
23870
  grid-template-columns: minmax(0, 1fr);
23680
23871
  }
23681
23872
  }
23682
- .cn-files-browser__side[data-v-ebaa2c0e] {
23873
+ .cn-files-browser__side[data-v-23ff0221] {
23683
23874
  display: flex;
23684
23875
  flex-direction: column;
23685
23876
  gap: 12px;
@@ -23687,14 +23878,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23687
23878
 
23688
23879
  /* In the detail page's side column the cards take its gap and its card
23689
23880
  anatomy, as the page's own side cards are drawn. */
23690
- .cn-files-browser__side--in-page[data-v-ebaa2c0e] {
23881
+ .cn-files-browser__side--in-page[data-v-23ff0221] {
23691
23882
  gap: calc(5 * var(--default-grid-baseline));
23692
23883
  }
23693
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-ebaa2c0e] {
23884
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-23ff0221] {
23694
23885
  padding: var(--cn-board-card-padding, 16px 18px);
23695
23886
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23696
23887
  }
23697
- .cn-files-browser__side-card[data-v-ebaa2c0e] {
23888
+ .cn-files-browser__side-card[data-v-23ff0221] {
23698
23889
  display: flex;
23699
23890
  flex-direction: column;
23700
23891
  gap: 10px;
@@ -23703,13 +23894,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23703
23894
  border-radius: var(--border-radius-large);
23704
23895
  background: var(--color-main-background);
23705
23896
  }
23706
- .cn-files-browser__side-title[data-v-ebaa2c0e] {
23897
+ .cn-files-browser__side-title[data-v-23ff0221] {
23707
23898
  margin: 0;
23708
23899
  font-size: 15px;
23709
23900
  font-weight: 700;
23710
23901
  overflow-wrap: anywhere;
23711
23902
  }
23712
- .cn-files-browser__side-facts[data-v-ebaa2c0e] {
23903
+ .cn-files-browser__side-facts[data-v-23ff0221] {
23713
23904
  display: grid;
23714
23905
  grid-template-columns: max-content minmax(0, 1fr);
23715
23906
  gap: 6px 12px;
@@ -23719,22 +23910,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23719
23910
 
23720
23911
  /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
23721
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 */
23722
- .cn-files-browser__side-facts dt[data-v-ebaa2c0e],
23723
- .cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
23913
+ .cn-files-browser__side-facts dt[data-v-23ff0221],
23914
+ .cn-files-browser__side-facts dd[data-v-23ff0221] {
23724
23915
  display: block;
23725
23916
  width: auto;
23726
23917
  padding: 0;
23727
23918
  text-align: start;
23728
23919
  white-space: normal;
23729
23920
  }
23730
- .cn-files-browser__side-facts dt[data-v-ebaa2c0e] {
23921
+ .cn-files-browser__side-facts dt[data-v-23ff0221] {
23731
23922
  color: var(--color-text-maxcontrast);
23732
23923
  }
23733
- .cn-files-browser__side-facts dd[data-v-ebaa2c0e] {
23924
+ .cn-files-browser__side-facts dd[data-v-23ff0221] {
23734
23925
  margin: 0;
23735
23926
  overflow-wrap: anywhere;
23736
23927
  }
23737
- .cn-files-browser__side-actions[data-v-ebaa2c0e] {
23928
+ .cn-files-browser__side-actions[data-v-23ff0221] {
23738
23929
  display: flex;
23739
23930
  flex-wrap: wrap;
23740
23931
  gap: 8px;
@@ -23742,35 +23933,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23742
23933
 
23743
23934
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23744
23935
  text in the tone's colour, as the boards write a restricted level. */
23745
- .cn-files-browser__tone[data-v-ebaa2c0e] {
23936
+ .cn-files-browser__tone[data-v-23ff0221] {
23746
23937
  font-weight: 600;
23747
23938
  }
23748
- .cn-files-browser__tone--success[data-v-ebaa2c0e] {
23939
+ .cn-files-browser__tone--success[data-v-23ff0221] {
23749
23940
  color: var(--color-success-text, var(--color-success));
23750
23941
  }
23751
- .cn-files-browser__tone--warning[data-v-ebaa2c0e] {
23942
+ .cn-files-browser__tone--warning[data-v-23ff0221] {
23752
23943
  color: var(--color-warning-text, var(--color-warning));
23753
23944
  }
23754
- .cn-files-browser__tone--error[data-v-ebaa2c0e] {
23945
+ .cn-files-browser__tone--error[data-v-23ff0221] {
23755
23946
  color: var(--color-error-text, var(--color-error));
23756
23947
  }
23757
- .cn-files-browser__tone--primary[data-v-ebaa2c0e],
23758
- .cn-files-browser__tone--info[data-v-ebaa2c0e] {
23948
+ .cn-files-browser__tone--primary[data-v-23ff0221],
23949
+ .cn-files-browser__tone--info[data-v-23ff0221] {
23759
23950
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23760
23951
  }
23761
- .cn-files-browser__table[data-v-ebaa2c0e] {
23952
+ .cn-files-browser__table[data-v-23ff0221] {
23762
23953
  width: 100%;
23763
23954
  border-collapse: collapse;
23764
23955
  table-layout: fixed;
23765
23956
  }
23766
- .cn-files-browser__table th[data-v-ebaa2c0e] {
23957
+ .cn-files-browser__table th[data-v-23ff0221] {
23767
23958
  text-align: start;
23768
23959
  font-weight: normal;
23769
23960
  color: var(--color-text-maxcontrast);
23770
23961
  padding: 4px 8px;
23771
23962
  border-bottom: 1px solid var(--color-border);
23772
23963
  }
23773
- .cn-files-browser__sort[data-v-ebaa2c0e] {
23964
+ .cn-files-browser__sort[data-v-23ff0221] {
23774
23965
  background: none;
23775
23966
  border: none;
23776
23967
  padding: 0;
@@ -23781,46 +23972,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23781
23972
  align-items: center;
23782
23973
  gap: 2px;
23783
23974
  }
23784
- .cn-files-browser__sort[data-v-ebaa2c0e]:hover,
23785
- .cn-files-browser__sort[data-v-ebaa2c0e]:focus-visible {
23975
+ .cn-files-browser__sort[data-v-23ff0221]:hover,
23976
+ .cn-files-browser__sort[data-v-23ff0221]:focus-visible {
23786
23977
  color: var(--color-main-text);
23787
23978
  }
23788
- .cn-files-browser__row[data-v-ebaa2c0e] {
23979
+ .cn-files-browser__row[data-v-23ff0221] {
23789
23980
  cursor: pointer;
23790
23981
  }
23791
- .cn-files-browser__row[data-v-ebaa2c0e]:hover,
23792
- .cn-files-browser__row[data-v-ebaa2c0e]:focus-within {
23982
+ .cn-files-browser__row[data-v-23ff0221]:hover,
23983
+ .cn-files-browser__row[data-v-23ff0221]:focus-within {
23793
23984
  background-color: var(--color-background-hover);
23794
23985
  }
23795
- .cn-files-browser__table td[data-v-ebaa2c0e] {
23986
+ .cn-files-browser__table td[data-v-23ff0221] {
23796
23987
  padding: 4px 8px;
23797
23988
  border-bottom: 1px solid var(--color-border);
23798
23989
  vertical-align: middle;
23799
23990
  }
23800
- .cn-files-browser__col-icon[data-v-ebaa2c0e] {
23991
+ .cn-files-browser__col-icon[data-v-23ff0221] {
23801
23992
  width: 48px;
23802
23993
  }
23803
- .cn-files-browser__col-size[data-v-ebaa2c0e] {
23994
+ .cn-files-browser__col-size[data-v-23ff0221] {
23804
23995
  width: 96px;
23805
23996
  white-space: nowrap;
23806
23997
  color: var(--color-text-maxcontrast);
23807
23998
  }
23808
- .cn-files-browser__col-mtime[data-v-ebaa2c0e] {
23999
+ .cn-files-browser__col-mtime[data-v-23ff0221] {
23809
24000
  width: 140px;
23810
24001
  white-space: nowrap;
23811
24002
  color: var(--color-text-maxcontrast);
23812
24003
  }
23813
- .cn-files-browser__col-select[data-v-ebaa2c0e] {
24004
+ .cn-files-browser__col-select[data-v-23ff0221] {
23814
24005
  width: 36px;
23815
24006
  text-align: center;
23816
24007
  }
23817
- .cn-files-browser__select[data-v-ebaa2c0e] {
24008
+ .cn-files-browser__select[data-v-23ff0221] {
23818
24009
  width: 18px;
23819
24010
  height: 18px;
23820
24011
  margin: 0;
23821
24012
  accent-color: var(--color-primary-element);
23822
24013
  }
23823
- .cn-files-browser__bulk-bar[data-v-ebaa2c0e] {
24014
+ .cn-files-browser__bulk-bar[data-v-23ff0221] {
23824
24015
  display: flex;
23825
24016
  flex-wrap: wrap;
23826
24017
  align-items: center;
@@ -23829,11 +24020,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23829
24020
  border-radius: var(--border-radius-large);
23830
24021
  background: var(--color-primary-element-light);
23831
24022
  }
23832
- .cn-files-browser__bulk-count[data-v-ebaa2c0e] {
24023
+ .cn-files-browser__bulk-count[data-v-23ff0221] {
23833
24024
  font-weight: 600;
23834
24025
  margin-inline-end: 8px;
23835
24026
  }
23836
- .cn-files-browser__review[data-v-ebaa2c0e] {
24027
+ .cn-files-browser__review[data-v-23ff0221] {
23837
24028
  display: flex;
23838
24029
  flex-direction: column;
23839
24030
  gap: 10px;
@@ -23842,28 +24033,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23842
24033
  border-radius: 10px;
23843
24034
  background: var(--color-background-hover);
23844
24035
  }
23845
- .cn-files-browser__review-head[data-v-ebaa2c0e] {
24036
+ .cn-files-browser__review-head[data-v-23ff0221] {
23846
24037
  display: flex;
23847
24038
  flex-wrap: wrap;
23848
24039
  align-items: baseline;
23849
24040
  justify-content: space-between;
23850
24041
  gap: 8px;
23851
24042
  }
23852
- .cn-files-browser__review-title[data-v-ebaa2c0e] {
24043
+ .cn-files-browser__review-title[data-v-23ff0221] {
23853
24044
  font-size: 15px;
23854
24045
  }
23855
- .cn-files-browser__review-sub[data-v-ebaa2c0e] {
24046
+ .cn-files-browser__review-sub[data-v-23ff0221] {
23856
24047
  color: var(--color-text-maxcontrast);
23857
24048
  font-size: 13px;
23858
24049
  }
23859
- .cn-files-browser__review-bar[data-v-ebaa2c0e] {
24050
+ .cn-files-browser__review-bar[data-v-23ff0221] {
23860
24051
  display: flex;
23861
24052
  height: 8px;
23862
24053
  overflow: hidden;
23863
24054
  border-radius: 4px;
23864
24055
  background: var(--color-border);
23865
24056
  }
23866
- .cn-files-browser__review-legend[data-v-ebaa2c0e] {
24057
+ .cn-files-browser__review-legend[data-v-23ff0221] {
23867
24058
  display: flex;
23868
24059
  flex-wrap: wrap;
23869
24060
  gap: 8px 18px;
@@ -23872,48 +24063,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23872
24063
  font-size: 14px;
23873
24064
  list-style: none;
23874
24065
  }
23875
- .cn-files-browser__review-legend li[data-v-ebaa2c0e] {
24066
+ .cn-files-browser__review-legend li[data-v-23ff0221] {
23876
24067
  display: inline-flex;
23877
24068
  align-items: center;
23878
24069
  gap: 8px;
23879
24070
  }
23880
- .cn-files-browser__review-dot[data-v-ebaa2c0e] {
24071
+ .cn-files-browser__review-dot[data-v-23ff0221] {
23881
24072
  width: 10px;
23882
24073
  height: 10px;
23883
24074
  border-radius: 5px;
23884
24075
  }
23885
- .cn-files-browser__review-part--success[data-v-ebaa2c0e] {
24076
+ .cn-files-browser__review-part--success[data-v-23ff0221] {
23886
24077
  background: var(--color-success-text, var(--color-success));
23887
24078
  }
23888
- .cn-files-browser__review-part--warning[data-v-ebaa2c0e] {
24079
+ .cn-files-browser__review-part--warning[data-v-23ff0221] {
23889
24080
  background: var(--color-warning);
23890
24081
  }
23891
- .cn-files-browser__review-part--error[data-v-ebaa2c0e] {
24082
+ .cn-files-browser__review-part--error[data-v-23ff0221] {
23892
24083
  background: var(--color-error-text, var(--color-error));
23893
24084
  }
23894
- .cn-files-browser__review-part--info[data-v-ebaa2c0e] {
24085
+ .cn-files-browser__review-part--info[data-v-23ff0221] {
23895
24086
  background: var(--color-primary-element);
23896
24087
  }
23897
- .cn-files-browser__review-part--default[data-v-ebaa2c0e] {
24088
+ .cn-files-browser__review-part--default[data-v-23ff0221] {
23898
24089
  background: var(--color-border-dark);
23899
24090
  }
23900
- .cn-files-browser__row-button[data-v-ebaa2c0e] {
24091
+ .cn-files-browser__row-button[data-v-23ff0221] {
23901
24092
  display: inline-flex;
23902
24093
  margin-inline-end: 8px;
23903
24094
  vertical-align: middle;
23904
24095
  }
23905
- .cn-files-browser__facets[data-v-ebaa2c0e] {
24096
+ .cn-files-browser__facets[data-v-23ff0221] {
23906
24097
  display: flex;
23907
24098
  flex-wrap: wrap;
23908
24099
  align-items: center;
23909
24100
  gap: 8px 16px;
23910
24101
  }
23911
- .cn-files-browser__facet[data-v-ebaa2c0e] {
24102
+ .cn-files-browser__facet[data-v-23ff0221] {
23912
24103
  display: flex;
23913
24104
  flex-wrap: wrap;
23914
24105
  gap: 6px;
23915
24106
  }
23916
- .cn-files-browser__facet-chip[data-v-ebaa2c0e] {
24107
+ .cn-files-browser__facet-chip[data-v-23ff0221] {
23917
24108
  display: inline-flex;
23918
24109
  align-items: center;
23919
24110
  gap: 6px;
@@ -23925,41 +24116,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23925
24116
  color: var(--color-main-text);
23926
24117
  cursor: pointer;
23927
24118
  }
23928
- .cn-files-browser__facet-chip--active[data-v-ebaa2c0e] {
24119
+ .cn-files-browser__facet-chip--active[data-v-23ff0221] {
23929
24120
  border-color: var(--color-primary-element);
23930
24121
  background: var(--color-primary-element-light);
23931
24122
  }
23932
- .cn-files-browser__group-heading[data-v-ebaa2c0e] {
24123
+ .cn-files-browser__group-heading[data-v-23ff0221] {
23933
24124
  padding: 12px 8px 4px;
23934
24125
  text-align: start;
23935
24126
  font-weight: 700;
23936
24127
  }
23937
- .cn-files-browser__group-count[data-v-ebaa2c0e] {
24128
+ .cn-files-browser__group-count[data-v-23ff0221] {
23938
24129
  margin-inline-start: 6px;
23939
24130
  font-weight: 400;
23940
24131
  color: var(--color-text-maxcontrast);
23941
24132
  }
23942
- .cn-files-browser__no-match[data-v-ebaa2c0e] {
24133
+ .cn-files-browser__no-match[data-v-23ff0221] {
23943
24134
  padding: 16px 8px;
23944
24135
  color: var(--color-text-maxcontrast);
23945
24136
  }
23946
- .cn-files-browser__col-actions[data-v-ebaa2c0e] {
24137
+ .cn-files-browser__col-actions[data-v-23ff0221] {
23947
24138
  width: 48px;
23948
24139
  white-space: nowrap;
23949
24140
  }
23950
- .cn-files-browser__col-actions[data-v-ebaa2c0e]:has(.cn-files-browser__row-button) {
24141
+ .cn-files-browser__col-actions[data-v-23ff0221]:has(.cn-files-browser__row-button) {
23951
24142
  width: auto;
23952
24143
  }
23953
- .cn-files-browser__col-name[data-v-ebaa2c0e] {
24144
+ .cn-files-browser__col-name[data-v-23ff0221] {
23954
24145
  min-width: 0;
23955
24146
  }
23956
- .cn-files-browser__name[data-v-ebaa2c0e] {
24147
+ .cn-files-browser__name[data-v-23ff0221] {
23957
24148
  display: block;
23958
24149
  overflow: hidden;
23959
24150
  text-overflow: ellipsis;
23960
24151
  white-space: nowrap;
23961
24152
  }
23962
- .cn-files-browser__name-secondary[data-v-ebaa2c0e] {
24153
+ .cn-files-browser__name-secondary[data-v-23ff0221] {
23963
24154
  display: block;
23964
24155
  overflow: hidden;
23965
24156
  color: var(--color-text-maxcontrast);
@@ -23967,41 +24158,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23967
24158
  text-overflow: ellipsis;
23968
24159
  white-space: nowrap;
23969
24160
  }
23970
- .cn-files-browser__footnote[data-v-ebaa2c0e] {
24161
+ .cn-files-browser__footnote[data-v-23ff0221] {
23971
24162
  margin: 0;
23972
24163
  padding-top: 12px;
23973
24164
  color: var(--color-text-maxcontrast);
23974
24165
  font-size: 13px;
23975
24166
  }
23976
- .cn-files-browser__row--linked[data-v-ebaa2c0e] {
24167
+ .cn-files-browser__row--linked[data-v-23ff0221] {
23977
24168
  color: var(--color-text-maxcontrast);
23978
24169
  }
23979
- .cn-files-browser__note[data-v-ebaa2c0e] {
24170
+ .cn-files-browser__note[data-v-23ff0221] {
23980
24171
  color: var(--color-text-maxcontrast);
23981
24172
  display: block;
23982
24173
  font-size: var(--font-size-small, 13px);
23983
24174
  }
23984
- .cn-files-browser__note-link[data-v-ebaa2c0e] {
24175
+ .cn-files-browser__note-link[data-v-23ff0221] {
23985
24176
  color: inherit;
23986
24177
  text-decoration: underline;
23987
24178
  }
23988
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-ebaa2c0e] {
24179
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-23ff0221] {
23989
24180
  font-weight: 600;
23990
24181
  }
23991
- .cn-files-browser__mime[data-v-ebaa2c0e],
23992
- .cn-files-browser__thumb[data-v-ebaa2c0e] {
24182
+ .cn-files-browser__mime[data-v-23ff0221],
24183
+ .cn-files-browser__thumb[data-v-23ff0221] {
23993
24184
  width: 32px;
23994
24185
  height: 32px;
23995
24186
  display: block;
23996
24187
  }
23997
- .cn-files-browser__thumb[data-v-ebaa2c0e] {
24188
+ .cn-files-browser__thumb[data-v-23ff0221] {
23998
24189
  object-fit: cover;
23999
24190
  border-radius: var(--border-radius, 4px);
24000
24191
  }
24001
- .cn-files-browser__new-folder[data-v-ebaa2c0e] {
24192
+ .cn-files-browser__new-folder[data-v-23ff0221] {
24002
24193
  padding: 8px 0;
24003
24194
  }
24004
- .hidden-visually[data-v-ebaa2c0e] {
24195
+ .hidden-visually[data-v-23ff0221] {
24005
24196
  position: absolute;
24006
24197
  width: 1px;
24007
24198
  height: 1px;
@@ -32031,7 +32222,7 @@ to { background-position: -200% 0;
32031
32222
 
32032
32223
 
32033
32224
  /* The card keeps its own box, footnote included. */
32034
- .cn-audit-trail-widget[data-v-3f7bbf0c] {
32225
+ .cn-audit-trail-widget[data-v-6387051e] {
32035
32226
  display: contents;
32036
32227
  }
32037
32228
 
@@ -32794,13 +32985,14 @@ to { background-position: -200% 0;
32794
32985
  }
32795
32986
 
32796
32987
 
32797
- .cn-saved-view-alert[data-v-05cd7cb8] {
32988
+ .cn-saved-view-alert[data-v-5f54dc93] {
32798
32989
  display: flex;
32799
32990
  flex-direction: column;
32800
32991
  gap: 12px;
32801
32992
  font-size: 14px;
32802
32993
  }
32803
- .cn-saved-view-alert__facts[data-v-05cd7cb8] {
32994
+ .cn-saved-view-alert__facts[data-v-5f54dc93] {
32995
+ padding: 0;
32804
32996
  display: grid;
32805
32997
  grid-template-columns: max-content 1fr;
32806
32998
  gap: 6px 16px;
@@ -32808,8 +33000,8 @@ to { background-position: -200% 0;
32808
33000
  }
32809
33001
 
32810
33002
  /* Nextcloud core gives dt and dd inline-block, 12px padding and dt a 130px end-aligned box. */
32811
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8],
32812
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33003
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93],
33004
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32813
33005
  display: block;
32814
33006
  width: auto;
32815
33007
  margin: 0;
@@ -32818,36 +33010,41 @@ to { background-position: -200% 0;
32818
33010
  min-width: 0;
32819
33011
  overflow-wrap: anywhere;
32820
33012
  }
32821
- .cn-saved-view-alert__facts dt[data-v-05cd7cb8] {
33013
+ .cn-saved-view-alert__facts dt[data-v-5f54dc93] {
32822
33014
  color: var(--color-text-maxcontrast);
32823
33015
  white-space: nowrap;
32824
33016
  }
32825
- .cn-saved-view-alert__facts dd[data-v-05cd7cb8] {
33017
+ .cn-saved-view-alert__facts dd[data-v-5f54dc93] {
32826
33018
  font-weight: 600;
32827
33019
  }
32828
- .cn-saved-view-alert__field[data-v-05cd7cb8] {
33020
+ .cn-saved-view-alert__field[data-v-5f54dc93] {
32829
33021
  display: flex;
32830
33022
  flex-direction: column;
32831
33023
  gap: 6px;
32832
33024
  }
32833
- .cn-saved-view-alert__label[data-v-05cd7cb8] {
33025
+ .cn-saved-view-alert__label[data-v-5f54dc93] {
32834
33026
  font-weight: 600;
32835
33027
  }
32836
- .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] {
32837
33034
  display: flex;
32838
33035
  flex-direction: column;
32839
33036
  gap: 2px;
32840
33037
  }
32841
- .cn-saved-view-alert__hint[data-v-05cd7cb8],
32842
- .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] {
32843
33040
  color: var(--color-text-maxcontrast);
32844
33041
  font-size: 13px;
32845
33042
  }
32846
- .cn-saved-view-alert__empty[data-v-05cd7cb8],
32847
- .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] {
32848
33045
  margin: 0;
32849
33046
  }
32850
- .cn-saved-view-alert__error[data-v-05cd7cb8] {
33047
+ .cn-saved-view-alert__error[data-v-5f54dc93] {
32851
33048
  color: var(--color-error-text, var(--color-error));
32852
33049
  font-size: 13px;
32853
33050
  }
@@ -33001,40 +33198,40 @@ to { background-position: -200% 0;
33001
33198
  }
33002
33199
 
33003
33200
 
33004
- .cn-timeline-manage__header[data-v-a4c73a6a] {
33201
+ .cn-timeline-manage__header[data-v-31e6673c] {
33005
33202
  display: flex;
33006
33203
  align-items: flex-start;
33007
33204
  justify-content: space-between;
33008
33205
  gap: 12px;
33009
33206
  margin-block-end: 16px;
33010
33207
  }
33011
- .cn-timeline-manage__heading[data-v-a4c73a6a] {
33208
+ .cn-timeline-manage__heading[data-v-31e6673c] {
33012
33209
  display: flex;
33013
33210
  flex-direction: column;
33014
33211
  gap: 4px;
33015
33212
  }
33016
- .cn-timeline-manage__header-actions[data-v-a4c73a6a] {
33213
+ .cn-timeline-manage__header-actions[data-v-31e6673c] {
33017
33214
  display: flex;
33018
33215
  gap: 8px;
33019
33216
  }
33020
- .cn-timeline-manage__title[data-v-a4c73a6a] {
33217
+ .cn-timeline-manage__title[data-v-31e6673c] {
33021
33218
  margin: 0;
33022
33219
  font-size: 17px;
33023
33220
  font-weight: 700;
33024
33221
  line-height: 1.2;
33025
33222
  }
33026
- .cn-timeline-manage__subtitle[data-v-a4c73a6a] {
33223
+ .cn-timeline-manage__subtitle[data-v-31e6673c] {
33027
33224
  margin: 0;
33028
33225
  color: var(--color-text-maxcontrast);
33029
33226
  font-size: 14px;
33030
33227
  }
33031
- .cn-timeline-manage__chips[data-v-a4c73a6a] {
33228
+ .cn-timeline-manage__chips[data-v-31e6673c] {
33032
33229
  display: flex;
33033
33230
  flex-wrap: wrap;
33034
33231
  gap: 8px;
33035
33232
  margin-block-end: 12px;
33036
33233
  }
33037
- .cn-timeline-manage__chip[data-v-a4c73a6a] {
33234
+ .cn-timeline-manage__chip[data-v-31e6673c] {
33038
33235
  display: inline-flex;
33039
33236
  align-items: center;
33040
33237
  gap: 8px;
@@ -33051,12 +33248,12 @@ to { background-position: -200% 0;
33051
33248
  }
33052
33249
 
33053
33250
  /* The chosen kind is a filled chip with no outline. */
33054
- .cn-timeline-manage__chip--active[data-v-a4c73a6a] {
33251
+ .cn-timeline-manage__chip--active[data-v-31e6673c] {
33055
33252
  border: 0;
33056
33253
  background: var(--color-main-text);
33057
33254
  color: var(--color-main-background);
33058
33255
  }
33059
- .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33256
+ .cn-timeline-manage__chip-count[data-v-31e6673c] {
33060
33257
  padding: 1px 7px;
33061
33258
  border-radius: 10px;
33062
33259
  background: var(--color-border);
@@ -33065,11 +33262,11 @@ to { background-position: -200% 0;
33065
33262
  }
33066
33263
 
33067
33264
  /* On the filled chip the count is a lighter ink bubble with light text. */
33068
- .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
33265
+ .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-31e6673c] {
33069
33266
  background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
33070
33267
  color: var(--color-main-background);
33071
33268
  }
33072
- .cn-timeline-manage__footer[data-v-a4c73a6a] {
33269
+ .cn-timeline-manage__footer[data-v-31e6673c] {
33073
33270
  display: flex;
33074
33271
  flex-wrap: wrap;
33075
33272
  align-items: center;
@@ -33077,11 +33274,11 @@ to { background-position: -200% 0;
33077
33274
  gap: 8px;
33078
33275
  margin: 12px 0 0;
33079
33276
  }
33080
- .cn-timeline-manage__count[data-v-a4c73a6a] {
33277
+ .cn-timeline-manage__count[data-v-31e6673c] {
33081
33278
  margin: 0;
33082
33279
  color: var(--color-text-maxcontrast);
33083
33280
  }
33084
- .cn-timeline-manage__composer[data-v-a4c73a6a] {
33281
+ .cn-timeline-manage__composer[data-v-31e6673c] {
33085
33282
  display: flex;
33086
33283
  flex-direction: column;
33087
33284
  gap: 8px;
@@ -33089,59 +33286,59 @@ to { background-position: -200% 0;
33089
33286
  padding-block-start: 16px;
33090
33287
  border-block-start: 1px solid var(--color-border);
33091
33288
  }
33092
- .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] {
33093
33290
  margin-block-start: 0;
33094
33291
  padding-block-start: 0;
33095
33292
  border-block-start: none;
33096
33293
  }
33097
33294
 
33098
33295
  /* The checkbox at the start, the button at the end, as one row. */
33099
- .cn-timeline-manage__composer-foot[data-v-a4c73a6a] {
33296
+ .cn-timeline-manage__composer-foot[data-v-31e6673c] {
33100
33297
  display: flex;
33101
33298
  flex-wrap: wrap;
33102
33299
  align-items: center;
33103
33300
  justify-content: space-between;
33104
33301
  gap: 8px;
33105
33302
  }
33106
- .cn-timeline-manage__composer-title[data-v-a4c73a6a] {
33303
+ .cn-timeline-manage__composer-title[data-v-31e6673c] {
33107
33304
  margin: 0;
33108
33305
  font-size: 16px;
33109
33306
  font-weight: bold;
33110
33307
  }
33111
- .cn-timeline-manage__composer-hint[data-v-a4c73a6a] {
33308
+ .cn-timeline-manage__composer-hint[data-v-31e6673c] {
33112
33309
  margin: 0;
33113
33310
  color: var(--color-text-maxcontrast);
33114
33311
  }
33115
- .cn-timeline-manage__draft-label[data-v-a4c73a6a] {
33312
+ .cn-timeline-manage__draft-label[data-v-31e6673c] {
33116
33313
  font-weight: bold;
33117
33314
  }
33118
- .cn-timeline-manage__draft[data-v-a4c73a6a] {
33315
+ .cn-timeline-manage__draft[data-v-31e6673c] {
33119
33316
  width: 100%;
33120
33317
  min-height: 70px;
33121
33318
  }
33122
- .cn-timeline-manage__controls[data-v-a4c73a6a] {
33319
+ .cn-timeline-manage__controls[data-v-31e6673c] {
33123
33320
  display: flex;
33124
33321
  gap: 12px;
33125
33322
  flex-wrap: wrap;
33126
33323
  margin-block-end: 12px;
33127
33324
  }
33128
- .cn-timeline-manage__filter[data-v-a4c73a6a] {
33325
+ .cn-timeline-manage__filter[data-v-31e6673c] {
33129
33326
  min-width: 200px;
33130
33327
  }
33131
- .cn-timeline-manage__list[data-v-a4c73a6a] {
33328
+ .cn-timeline-manage__list[data-v-31e6673c] {
33132
33329
  list-style: none;
33133
33330
  margin: 0;
33134
33331
  padding: 0;
33135
33332
  }
33136
- .cn-timeline-manage__entry[data-v-a4c73a6a] {
33333
+ .cn-timeline-manage__entry[data-v-31e6673c] {
33137
33334
  border-block-end: 1px solid var(--color-border);
33138
33335
  padding-block: 12px;
33139
33336
  }
33140
- .cn-timeline-manage__entry--pinned[data-v-a4c73a6a] {
33337
+ .cn-timeline-manage__entry--pinned[data-v-31e6673c] {
33141
33338
  border-inline-start: 3px solid var(--color-primary-element);
33142
33339
  padding-inline-start: 8px;
33143
33340
  }
33144
- .cn-timeline-manage__head[data-v-a4c73a6a] {
33341
+ .cn-timeline-manage__head[data-v-31e6673c] {
33145
33342
  display: flex;
33146
33343
  gap: 8px;
33147
33344
  flex-wrap: wrap;
@@ -33149,29 +33346,29 @@ to { background-position: -200% 0;
33149
33346
  color: var(--color-text-maxcontrast);
33150
33347
  font-size: 0.9em;
33151
33348
  }
33152
- .cn-timeline-manage__kind[data-v-a4c73a6a] {
33349
+ .cn-timeline-manage__kind[data-v-31e6673c] {
33153
33350
  font-weight: bold;
33154
33351
  color: var(--color-main-text);
33155
33352
  }
33156
- .cn-timeline-manage__badge[data-v-a4c73a6a] {
33353
+ .cn-timeline-manage__badge[data-v-31e6673c] {
33157
33354
  border: 1px solid var(--color-border);
33158
33355
  border-radius: var(--border-radius);
33159
33356
  padding: 0 6px;
33160
33357
  }
33161
- .cn-timeline-manage__badge--open[data-v-a4c73a6a] {
33358
+ .cn-timeline-manage__badge--open[data-v-31e6673c] {
33162
33359
  border-color: var(--color-warning);
33163
33360
  color: var(--color-warning-text);
33164
33361
  }
33165
- .cn-timeline-manage__message[data-v-a4c73a6a] {
33362
+ .cn-timeline-manage__message[data-v-31e6673c] {
33166
33363
  margin-block: 4px 0;
33167
33364
  white-space: pre-wrap;
33168
33365
  }
33169
- .cn-timeline-manage__siblings[data-v-a4c73a6a] {
33366
+ .cn-timeline-manage__siblings[data-v-31e6673c] {
33170
33367
  margin-block: 4px 0;
33171
33368
  color: var(--color-text-maxcontrast);
33172
33369
  font-size: 0.9em;
33173
33370
  }
33174
- .cn-timeline-manage__actions[data-v-a4c73a6a] {
33371
+ .cn-timeline-manage__actions[data-v-31e6673c] {
33175
33372
  display: flex;
33176
33373
  gap: 8px;
33177
33374
  margin-block-start: 4px;
@@ -33769,15 +33966,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33769
33966
 
33770
33967
  /* A leaf card in a narrow cell keeps its title and count: the title row
33771
33968
  wraps and the actions move under it instead of squeezing the title out. */
33772
- .cn-detail-page__leaf-card[data-v-10c797a6] .cn-widget-wrapper__header {
33969
+ .cn-detail-page__leaf-card[data-v-38f1ce74] .cn-widget-wrapper__header {
33773
33970
  flex-wrap: wrap;
33774
33971
  }
33775
- .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 {
33776
33973
  flex: 1 0 auto;
33777
33974
  }
33778
33975
 
33779
33976
  /* The count beside a card title: the grey 20px badge of the tab strip. */
33780
- .cn-detail-page__catalog-count[data-v-10c797a6] {
33977
+ .cn-detail-page__catalog-count[data-v-38f1ce74] {
33781
33978
  background-color: var(--color-border);
33782
33979
  border-radius: 10px;
33783
33980
  box-sizing: border-box;
@@ -33790,19 +33987,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
33790
33987
  padding: 0 6px;
33791
33988
  text-align: center;
33792
33989
  }
33793
- .cn-detail-page__catalog-note[data-v-10c797a6] {
33990
+ .cn-detail-page__catalog-note[data-v-38f1ce74] {
33794
33991
  color: var(--color-text-maxcontrast);
33795
33992
  font-size: 14px;
33796
33993
  white-space: nowrap;
33797
33994
  }
33798
- .cn-detail-widget-host[data-v-10c797a6],
33799
- .cn-detail-widget-host[data-v-10c797a6] > * {
33995
+ .cn-detail-widget-host[data-v-38f1ce74],
33996
+ .cn-detail-widget-host[data-v-38f1ce74] > * {
33800
33997
  height: 100%;
33801
33998
  }
33802
33999
 
33803
34000
  /* A bare host is a tab panel's body: it fills the panel and lets the panel
33804
34001
  scroll, rather than growing a second scroll region of its own. */
33805
- .cn-detail-widget-host--bare[data-v-10c797a6] {
34002
+ .cn-detail-widget-host--bare[data-v-38f1ce74] {
33806
34003
  min-height: 0;
33807
34004
  }
33808
34005
 
@@ -39803,29 +40000,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39803
40000
  }
39804
40001
 
39805
40002
 
39806
- .cn-checklist-run__form[data-v-3d97a9f0] {
40003
+ .cn-checklist-run__form[data-v-dd87442e] {
39807
40004
  display: flex;
39808
40005
  flex-direction: column;
39809
40006
  gap: 12px;
39810
40007
  }
39811
- .cn-checklist-run__position[data-v-3d97a9f0] {
40008
+ .cn-checklist-run__position[data-v-dd87442e] {
39812
40009
  color: var(--color-text-maxcontrast);
39813
40010
  margin: 0;
39814
40011
  }
39815
- .cn-checklist-run__progress[data-v-3d97a9f0] {
40012
+ .cn-checklist-run__progress[data-v-dd87442e] {
39816
40013
  background: var(--color-border);
39817
40014
  border-radius: 3px;
39818
40015
  display: block;
39819
40016
  height: 6px;
39820
40017
  overflow: hidden;
39821
40018
  }
39822
- .cn-checklist-run__progress-fill[data-v-3d97a9f0] {
40019
+ .cn-checklist-run__progress-fill[data-v-dd87442e] {
39823
40020
  background: var(--color-primary-element);
39824
40021
  display: block;
39825
40022
  height: 100%;
39826
40023
  }
39827
- .cn-checklist-run__live[data-v-3d97a9f0],
39828
- .cn-checklist-run__sr[data-v-3d97a9f0] {
40024
+ .cn-checklist-run__live[data-v-dd87442e],
40025
+ .cn-checklist-run__sr[data-v-dd87442e] {
39829
40026
  clip-path: inset(50%);
39830
40027
  height: 1px;
39831
40028
  overflow: hidden;
@@ -39833,8 +40030,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39833
40030
  white-space: nowrap;
39834
40031
  width: 1px;
39835
40032
  }
39836
- .cn-checklist-run__question[data-v-3d97a9f0],
39837
- .cn-checklist-run__photos[data-v-3d97a9f0] {
40033
+ .cn-checklist-run__question[data-v-dd87442e],
40034
+ .cn-checklist-run__photos[data-v-dd87442e] {
39838
40035
  background: var(--color-main-background);
39839
40036
  border: 1px solid var(--color-border);
39840
40037
  border-radius: var(--border-radius-large, 12px);
@@ -39844,45 +40041,54 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39844
40041
  margin: 0;
39845
40042
  padding: 12px 14px;
39846
40043
  }
39847
- .cn-checklist-run__legend[data-v-3d97a9f0] {
40044
+ .cn-checklist-run__legend[data-v-dd87442e] {
40045
+ font-size: 15px;
39848
40046
  font-weight: 600;
40047
+ line-height: 1.2;
39849
40048
  padding: 0 4px;
39850
40049
  }
39851
- .cn-checklist-run__help[data-v-3d97a9f0] {
40050
+ .cn-checklist-run__help[data-v-dd87442e] {
39852
40051
  color: var(--color-text-maxcontrast);
40052
+ font-size: 14px;
39853
40053
  margin: 0;
39854
40054
  }
39855
- .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] {
39856
40059
  align-items: center;
39857
40060
  display: flex;
40061
+ font-size: 15px;
40062
+ font-weight: 400;
39858
40063
  gap: 10px;
39859
40064
  min-height: 34px;
39860
40065
  }
39861
- .cn-checklist-run__choice input[data-v-3d97a9f0] {
40066
+ .cn-checklist-run__choice input[data-v-dd87442e] {
39862
40067
  accent-color: var(--color-primary-element);
39863
40068
  height: 20px;
39864
40069
  margin: 0;
39865
40070
  width: 20px;
39866
40071
  }
39867
- .cn-checklist-run__text[data-v-3d97a9f0],
39868
- .cn-checklist-run__number[data-v-3d97a9f0] {
40072
+ .cn-checklist-run__text[data-v-dd87442e],
40073
+ .cn-checklist-run__number[data-v-dd87442e] {
39869
40074
  box-sizing: border-box;
39870
40075
  width: 100%;
39871
40076
  }
39872
- .cn-checklist-run__group[data-v-3d97a9f0] {
40077
+ .cn-checklist-run__group[data-v-dd87442e] {
40078
+ font-size: 14px;
39873
40079
  font-weight: 600;
39874
40080
  margin: 0;
39875
40081
  }
39876
- .cn-checklist-run__note-label[data-v-3d97a9f0] {
40082
+ .cn-checklist-run__note-label[data-v-dd87442e] {
39877
40083
  display: flex;
39878
40084
  flex-direction: column;
39879
40085
  gap: 4px;
39880
40086
  }
39881
- .cn-checklist-run__photo-list[data-v-3d97a9f0] {
40087
+ .cn-checklist-run__photo-list[data-v-dd87442e] {
39882
40088
  margin: 0;
39883
40089
  padding-inline-start: 18px;
39884
40090
  }
39885
- .cn-checklist-run__photo-button[data-v-3d97a9f0] {
40091
+ .cn-checklist-run__photo-button[data-v-dd87442e] {
39886
40092
  align-items: center;
39887
40093
  align-self: flex-start;
39888
40094
  border: 1px solid var(--color-border-dark);
@@ -39893,26 +40099,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
39893
40099
  min-height: 34px;
39894
40100
  padding: 0 14px;
39895
40101
  }
39896
- .cn-checklist-run__photo-button[data-v-3d97a9f0]:focus-within {
40102
+ .cn-checklist-run__photo-button[data-v-dd87442e]:focus-within {
39897
40103
  outline: 2px solid var(--color-primary-element);
39898
40104
  outline-offset: 2px;
39899
40105
  }
39900
- .cn-checklist-run__photo-input[data-v-3d97a9f0] {
40106
+ .cn-checklist-run__photo-input[data-v-dd87442e] {
39901
40107
  clip-path: inset(50%);
39902
40108
  height: 1px;
39903
40109
  overflow: hidden;
39904
40110
  position: absolute;
39905
40111
  width: 1px;
39906
40112
  }
39907
- .cn-checklist-run__nav[data-v-3d97a9f0] {
40113
+ .cn-checklist-run__nav[data-v-dd87442e] {
39908
40114
  display: flex;
39909
40115
  justify-content: space-between;
39910
40116
  }
39911
- .cn-checklist-run__error[data-v-3d97a9f0] {
40117
+ .cn-checklist-run__error[data-v-dd87442e] {
39912
40118
  color: var(--color-error-text, var(--color-error));
39913
40119
  margin: 0;
39914
40120
  }
39915
- .cn-checklist-run__empty[data-v-3d97a9f0] {
40121
+ .cn-checklist-run__empty[data-v-dd87442e] {
39916
40122
  color: var(--color-text-maxcontrast);
39917
40123
  }
39918
40124
 
@@ -41074,20 +41280,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41074
41280
  }
41075
41281
 
41076
41282
 
41077
- .cn-record-list__checklist-bar[data-v-2c65cbc2] {
41283
+ .cn-record-list__checklist-bar[data-v-544b79cd] {
41078
41284
  height: 8px;
41079
41285
  margin-block-end: 16px;
41080
41286
  border-radius: 4px;
41081
41287
  background: var(--color-background-dark);
41082
41288
  overflow: hidden;
41083
41289
  }
41084
- .cn-record-list__checklist-fill[data-v-2c65cbc2] {
41290
+ .cn-record-list__checklist-fill[data-v-544b79cd] {
41085
41291
  display: block;
41086
41292
  height: 100%;
41087
41293
  border-radius: 4px;
41088
41294
  background: var(--color-primary-element);
41089
41295
  }
41090
- .cn-record-list__checklist[data-v-2c65cbc2] {
41296
+ .cn-record-list__checklist[data-v-544b79cd] {
41091
41297
  display: grid;
41092
41298
  grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
41093
41299
  gap: 8px 16px;
@@ -41095,16 +41301,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41095
41301
  padding: 0;
41096
41302
  list-style: none;
41097
41303
  }
41098
- .cn-record-list__check[data-v-2c65cbc2] {
41304
+ .cn-record-list__check[data-v-544b79cd] {
41099
41305
  display: flex;
41100
41306
  align-items: center;
41101
41307
  gap: 8px;
41102
41308
  min-height: 28px;
41103
41309
  }
41104
- .cn-record-list__check--done[data-v-2c65cbc2] {
41310
+ .cn-record-list__check--done[data-v-544b79cd] {
41105
41311
  color: var(--color-text-maxcontrast);
41106
41312
  }
41107
- .cn-record-list__check-mark[data-v-2c65cbc2] {
41313
+ .cn-record-list__check-mark[data-v-544b79cd] {
41108
41314
  display: inline-flex;
41109
41315
  flex: none;
41110
41316
  align-items: center;
@@ -41114,45 +41320,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41114
41320
  border: 2px solid var(--color-border-maxcontrast);
41115
41321
  border-radius: 50%;
41116
41322
  }
41117
- .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] {
41118
41324
  border-color: transparent;
41119
41325
  background: var(--color-success-hover, var(--color-background-dark));
41120
41326
  color: var(--color-success-text, var(--color-success));
41121
41327
  }
41122
41328
  @media (max-width: 640px) {
41123
- .cn-record-list__checklist[data-v-2c65cbc2] {
41329
+ .cn-record-list__checklist[data-v-544b79cd] {
41124
41330
  grid-template-columns: minmax(0, 1fr);
41125
41331
  }
41126
41332
  }
41127
- .cn-record-list__set-field-done[data-v-2c65cbc2] {
41333
+ .cn-record-list__set-field-done[data-v-544b79cd] {
41128
41334
  display: inline-flex;
41129
41335
  align-items: center;
41130
41336
  gap: 4px;
41131
41337
  color: var(--color-success-text, var(--color-success));
41132
41338
  font-weight: bold;
41133
41339
  }
41134
- .cn-record-list__list[data-v-2c65cbc2] {
41340
+ .cn-record-list__list[data-v-544b79cd] {
41135
41341
  list-style: none;
41136
41342
  margin: 0;
41137
41343
  padding: 0;
41138
41344
  }
41139
- .cn-record-list__group-heading[data-v-2c65cbc2] {
41345
+ .cn-record-list__group-heading[data-v-544b79cd] {
41140
41346
  margin: 6px 0 0;
41141
41347
  font-size: 15px;
41142
41348
  font-weight: 700;
41143
41349
  line-height: 1.4;
41144
41350
  }
41145
- .cn-record-list__group-head[data-v-2c65cbc2] {
41351
+ .cn-record-list__group-head[data-v-544b79cd] {
41146
41352
  display: flex;
41147
41353
  align-items: center;
41148
41354
  justify-content: space-between;
41149
41355
  gap: 8px;
41150
41356
  margin-top: 6px;
41151
41357
  }
41152
- .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] {
41153
41359
  margin: 0;
41154
41360
  }
41155
- .cn-record-list__action--tonal.button-vue[data-v-2c65cbc2] {
41361
+ .cn-record-list__action--tonal.button-vue[data-v-544b79cd] {
41156
41362
  min-height: 34px;
41157
41363
  height: 34px;
41158
41364
  padding: 0 12px;
@@ -41163,34 +41369,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41163
41369
  font-size: 13px;
41164
41370
  font-weight: 600;
41165
41371
  }
41166
- .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) {
41167
41373
  background-color: var(--color-primary-element-light-hover);
41168
41374
  }
41169
- .cn-record-list__footer[data-v-2c65cbc2] {
41375
+ .cn-record-list__footer[data-v-544b79cd] {
41170
41376
  display: flex;
41171
41377
  flex-direction: column;
41172
41378
  align-items: flex-start;
41173
41379
  gap: 6px;
41174
41380
  margin-top: 10px;
41175
41381
  }
41176
- .cn-record-list__footer--wide[data-v-2c65cbc2] {
41382
+ .cn-record-list__footer--wide[data-v-544b79cd] {
41177
41383
  align-items: stretch;
41178
41384
  }
41179
- .cn-record-list__footer-note[data-v-2c65cbc2] {
41385
+ .cn-record-list__footer-note[data-v-544b79cd] {
41180
41386
  margin: 0 0 6px;
41181
41387
  color: var(--color-text-maxcontrast);
41182
41388
  font-size: 13px;
41183
41389
  }
41184
- .cn-record-list__footer-reason[data-v-2c65cbc2] {
41390
+ .cn-record-list__footer-reason[data-v-544b79cd] {
41185
41391
  font-size: 13px;
41186
41392
  color: var(--color-text-maxcontrast);
41187
41393
  }
41188
- .cn-record-list__empty[data-v-2c65cbc2],
41189
- .cn-record-list__error[data-v-2c65cbc2] {
41394
+ .cn-record-list__empty[data-v-544b79cd],
41395
+ .cn-record-list__error[data-v-544b79cd] {
41190
41396
  color: var(--color-text-maxcontrast);
41191
41397
  margin: 0;
41192
41398
  }
41193
- .cn-record-list__notice[data-v-2c65cbc2] {
41399
+ .cn-record-list__notice[data-v-544b79cd] {
41194
41400
  display: flex;
41195
41401
  gap: 10px;
41196
41402
  align-items: flex-start;
@@ -41199,41 +41405,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41199
41405
  background: var(--color-primary-element-light, var(--color-background-dark));
41200
41406
  color: var(--color-main-text);
41201
41407
  }
41202
- .cn-record-list__notice--warning[data-v-2c65cbc2] {
41408
+ .cn-record-list__notice--warning[data-v-544b79cd] {
41203
41409
  background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
41204
41410
  color: var(--color-warning-text, var(--color-main-text));
41205
41411
  }
41206
- .cn-record-list__notice--error[data-v-2c65cbc2] {
41412
+ .cn-record-list__notice--error[data-v-544b79cd] {
41207
41413
  background: var(--color-error-light, rgba(219, 0, 0, 0.08));
41208
41414
  color: var(--color-error-text, var(--color-main-text));
41209
41415
  }
41210
- .cn-record-list__notice--footnote[data-v-2c65cbc2] {
41416
+ .cn-record-list__notice--footnote[data-v-544b79cd] {
41211
41417
  margin-top: 12px;
41212
41418
  }
41213
- .cn-record-list__notice-icon[data-v-2c65cbc2] {
41419
+ .cn-record-list__notice-icon[data-v-544b79cd] {
41214
41420
  flex: 0 0 auto;
41215
41421
  margin-top: 1px;
41216
41422
  }
41217
- .cn-record-list__notice-text[data-v-2c65cbc2] {
41423
+ .cn-record-list__notice-text[data-v-544b79cd] {
41218
41424
  margin: 0;
41219
41425
  line-height: 1.5;
41220
41426
  }
41221
- .cn-record-list__loading[data-v-2c65cbc2] {
41427
+ .cn-record-list__loading[data-v-544b79cd] {
41222
41428
  display: flex;
41223
41429
  justify-content: center;
41224
41430
  padding: 8px 0;
41225
41431
  }
41226
41432
 
41227
41433
  /* rows */
41228
- .cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-2c65cbc2],
41229
- .cn-record-list--rule-above .cn-record-list__item[data-v-2c65cbc2]:first-child {
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 {
41230
41436
  border-top: 1px solid var(--color-border);
41231
41437
  }
41232
- .cn-record-list__pill-start[data-v-2c65cbc2] {
41438
+ .cn-record-list__pill-start[data-v-544b79cd] {
41233
41439
  display: flex;
41234
41440
  flex: none;
41235
41441
  }
41236
- .cn-record-list__bar[data-v-2c65cbc2] {
41442
+ .cn-record-list__bar[data-v-544b79cd] {
41237
41443
  background: var(--color-border);
41238
41444
  border-radius: 3px;
41239
41445
  display: block;
@@ -41241,15 +41447,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41241
41447
  margin: -6px 0 12px;
41242
41448
  overflow: hidden;
41243
41449
  }
41244
- .cn-record-list__bar-fill[data-v-2c65cbc2] {
41450
+ .cn-record-list__bar-fill[data-v-544b79cd] {
41245
41451
  background: var(--color-primary-element);
41246
41452
  display: block;
41247
41453
  height: 100%;
41248
41454
  }
41249
- .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] {
41250
41456
  background: var(--color-error);
41251
41457
  }
41252
- .cn-record-list__row[data-v-2c65cbc2] {
41458
+ .cn-record-list__row[data-v-544b79cd] {
41253
41459
  align-items: center;
41254
41460
  color: var(--color-main-text);
41255
41461
  display: flex;
@@ -41257,22 +41463,30 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41257
41463
  padding: 12px 0;
41258
41464
  text-decoration: none;
41259
41465
  }
41260
- .cn-record-list__row--link:hover .cn-record-list__title[data-v-2c65cbc2],
41261
- .cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
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] {
41262
41468
  text-decoration: underline;
41263
41469
  }
41264
- .cn-record-list__dot[data-v-2c65cbc2] {
41470
+ .cn-record-list__dot[data-v-544b79cd] {
41265
41471
  flex: 0 0 14px;
41266
41472
  width: 14px;
41267
41473
  height: 14px;
41268
41474
  border-radius: 50%;
41269
41475
  }
41270
- .cn-record-list__flag[data-v-2c65cbc2] {
41476
+ .cn-record-list__flag[data-v-544b79cd] {
41271
41477
  color: var(--color-text-maxcontrast);
41272
41478
  font-size: 14px;
41273
41479
  white-space: nowrap;
41274
41480
  }
41275
- .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] {
41276
41490
  align-items: center;
41277
41491
  background: var(--color-background-hover);
41278
41492
  border-radius: 50%;
@@ -41285,97 +41499,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41285
41499
  justify-content: center;
41286
41500
  width: 36px;
41287
41501
  }
41288
- .cn-record-list__main[data-v-2c65cbc2] {
41502
+ .cn-record-list__main[data-v-544b79cd] {
41289
41503
  display: flex;
41290
41504
  flex: 1 1 auto;
41291
41505
  flex-direction: column;
41292
41506
  gap: 2px;
41293
41507
  min-width: 0;
41294
41508
  }
41295
- .cn-record-list__title[data-v-2c65cbc2] {
41509
+ .cn-record-list__title[data-v-544b79cd] {
41296
41510
  font-size: 15px;
41297
41511
  font-weight: 700;
41298
41512
  }
41299
- .cn-record-list--compact .cn-record-list__row[data-v-2c65cbc2] {
41513
+ .cn-record-list--compact .cn-record-list__row[data-v-544b79cd] {
41300
41514
  box-sizing: border-box;
41301
41515
  min-height: 56px;
41302
41516
  padding: 10px 0;
41303
41517
  }
41304
- .cn-record-list--compact .cn-record-list__title[data-v-2c65cbc2] {
41518
+ .cn-record-list--compact .cn-record-list__title[data-v-544b79cd] {
41305
41519
  font-weight: 500;
41306
41520
  }
41307
41521
 
41308
41522
  /* `density: "stacked"`: the rows stand 10px apart with no rule and no row
41309
41523
  padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
41310
- .cn-record-list--stacked .cn-record-list__list[data-v-2c65cbc2] {
41524
+ .cn-record-list--stacked .cn-record-list__list[data-v-544b79cd] {
41311
41525
  display: flex;
41312
41526
  flex-direction: column;
41313
41527
  gap: 10px;
41314
41528
  }
41315
- .cn-record-list--stacked .cn-record-list__row[data-v-2c65cbc2] {
41529
+ .cn-record-list--stacked .cn-record-list__row[data-v-544b79cd] {
41316
41530
  min-height: 0;
41317
41531
  padding: 0;
41318
41532
  }
41319
- .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] {
41320
41534
  border-top: 0;
41321
41535
  }
41322
- .cn-record-list__meta[data-v-2c65cbc2] {
41536
+ .cn-record-list__meta[data-v-544b79cd] {
41323
41537
  color: var(--color-text-maxcontrast);
41324
41538
  font-size: 13px;
41325
41539
  }
41326
- .cn-record-list__aside[data-v-2c65cbc2] {
41540
+ .cn-record-list__aside[data-v-544b79cd] {
41327
41541
  align-items: center;
41328
41542
  display: flex;
41329
41543
  flex: none;
41330
41544
  gap: 16px;
41331
41545
  }
41332
- .cn-record-list__leading[data-v-2c65cbc2] {
41546
+ .cn-record-list__leading[data-v-544b79cd] {
41333
41547
  flex: 0 0 52px;
41334
41548
  color: var(--color-text-maxcontrast);
41335
41549
  font-size: 14px;
41336
41550
  font-weight: 600;
41337
41551
  font-variant-numeric: tabular-nums;
41338
41552
  }
41339
- .cn-record-list__trailing[data-v-2c65cbc2] {
41553
+ .cn-record-list__trailing[data-v-544b79cd] {
41340
41554
  font-size: 14px;
41341
41555
  white-space: nowrap;
41342
41556
  }
41343
- .cn-record-list__due[data-v-2c65cbc2] {
41557
+ .cn-record-list__due[data-v-544b79cd] {
41344
41558
  font-size: 14px;
41345
41559
  white-space: nowrap;
41346
41560
  }
41347
- .cn-record-list__due--danger[data-v-2c65cbc2] {
41561
+ .cn-record-list__due--danger[data-v-544b79cd] {
41348
41562
  color: var(--color-text-error, var(--color-error-text));
41349
41563
  font-weight: 600;
41350
41564
  }
41351
- .cn-record-list__table[data-v-2c65cbc2] {
41565
+ .cn-record-list__table[data-v-544b79cd] {
41352
41566
  width: 100%;
41353
41567
  border-collapse: collapse;
41354
41568
  font-size: 14px;
41355
41569
  }
41356
- .cn-record-list__table th[data-v-2c65cbc2] {
41570
+ .cn-record-list__table th[data-v-544b79cd] {
41357
41571
  padding: 6px 0;
41358
41572
  border-bottom: 1px solid var(--color-border);
41359
41573
  color: var(--color-text-maxcontrast);
41360
41574
  font-weight: 600;
41361
41575
  text-align: start;
41362
41576
  }
41363
- .cn-record-list__table td[data-v-2c65cbc2] {
41577
+ .cn-record-list__table td[data-v-544b79cd] {
41364
41578
  padding: 8px 0;
41365
41579
  border-bottom: 1px solid var(--color-border);
41366
41580
  }
41367
- .cn-record-list__cell-sub[data-v-2c65cbc2] {
41581
+ .cn-record-list__cell-sub[data-v-544b79cd] {
41368
41582
  display: block;
41369
41583
  color: var(--color-text-maxcontrast);
41370
41584
  font-size: 13px;
41371
41585
  }
41372
- .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] {
41373
41587
  width: 1%;
41374
41588
  padding-inline-start: 12px;
41375
41589
  text-align: end;
41376
41590
  white-space: nowrap;
41377
41591
  }
41378
- .cn-record-list__sort[data-v-2c65cbc2] {
41592
+ .cn-record-list__sort[data-v-544b79cd] {
41379
41593
  display: inline-flex;
41380
41594
  gap: 4px;
41381
41595
  align-items: center;
@@ -41388,75 +41602,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41388
41602
  font: inherit;
41389
41603
  cursor: pointer;
41390
41604
  }
41391
- .cn-record-list__sort[data-v-2c65cbc2]:focus-visible {
41605
+ .cn-record-list__sort[data-v-544b79cd]:focus-visible {
41392
41606
  outline: 2px solid var(--color-primary-element);
41393
41607
  outline-offset: 2px;
41394
41608
  }
41395
- .cn-record-list__sort-mark[data-v-2c65cbc2] {
41609
+ .cn-record-list__sort-mark[data-v-544b79cd] {
41396
41610
  font-size: 10px;
41397
41611
  }
41398
- .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] {
41399
41613
  padding-inline-start: 12px;
41400
41614
  text-align: end;
41401
41615
  font-variant-numeric: tabular-nums;
41402
41616
  }
41403
- .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] {
41404
41618
  color: var(--color-text-error, var(--color-error-text));
41405
41619
  font-weight: 700;
41406
41620
  }
41407
- .cn-record-list__intro[data-v-2c65cbc2] {
41621
+ .cn-record-list__intro[data-v-544b79cd] {
41408
41622
  margin: 0 0 8px;
41409
41623
  color: var(--color-text-maxcontrast);
41410
41624
  }
41411
- .cn-record-list__footnote[data-v-2c65cbc2] {
41625
+ .cn-record-list__footnote[data-v-544b79cd] {
41412
41626
  margin: 8px 0 0;
41413
41627
  color: var(--color-text-maxcontrast);
41414
41628
  font-size: 13px;
41415
41629
  }
41416
- .cn-record-list__due--soon[data-v-2c65cbc2] {
41630
+ .cn-record-list__due--soon[data-v-544b79cd] {
41417
41631
  color: var(--color-text-warning, var(--color-warning-text));
41418
41632
  font-weight: 600;
41419
41633
  }
41420
- .cn-record-list__due--empty[data-v-2c65cbc2] {
41634
+ .cn-record-list__due--empty[data-v-544b79cd] {
41421
41635
  color: var(--color-text-maxcontrast);
41422
41636
  }
41423
- .cn-record-list__row--action[data-v-2c65cbc2] {
41637
+ .cn-record-list__row--action[data-v-544b79cd] {
41424
41638
  flex-wrap: wrap;
41425
41639
  gap: 8px 16px;
41426
41640
  padding: 14px 0;
41427
41641
  }
41428
- .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] {
41429
41643
  flex: 1 1 280px;
41430
41644
  gap: 3px;
41431
41645
  }
41432
- .cn-record-list__title--link[data-v-2c65cbc2] {
41646
+ .cn-record-list__title--link[data-v-544b79cd] {
41433
41647
  color: var(--color-main-text);
41434
41648
  text-decoration: underline;
41435
41649
  }
41436
- .cn-record-list__pills[data-v-2c65cbc2] {
41650
+ .cn-record-list__pills[data-v-544b79cd] {
41437
41651
  display: flex;
41438
41652
  flex: 0 0 120px;
41439
41653
  gap: 6px;
41440
41654
  justify-content: flex-end;
41441
41655
  }
41442
- .cn-record-list__due--below[data-v-2c65cbc2] {
41656
+ .cn-record-list__due--below[data-v-544b79cd] {
41443
41657
  font-size: 13px;
41444
41658
  font-weight: 600;
41445
41659
  white-space: normal;
41446
41660
  }
41447
- .cn-record-list__footer-link[data-v-2c65cbc2] {
41661
+ .cn-record-list__footer-link[data-v-544b79cd] {
41448
41662
  align-self: flex-start;
41449
41663
  padding-top: 8px;
41450
41664
  font-size: 14px;
41451
41665
  font-weight: 600;
41452
41666
  text-decoration: underline;
41453
41667
  }
41454
- .cn-record-list__due--column[data-v-2c65cbc2] {
41668
+ .cn-record-list__due--column[data-v-544b79cd] {
41455
41669
  flex: 0 0 96px;
41456
41670
  font-size: 13px;
41457
41671
  text-align: end;
41458
41672
  }
41459
- .cn-record-list__action[data-v-2c65cbc2] {
41673
+ .cn-record-list__action[data-v-544b79cd] {
41460
41674
  align-items: center;
41461
41675
  background: var(--color-primary-element-light);
41462
41676
  border: 0;
@@ -41473,11 +41687,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41473
41687
  padding: 0 14px;
41474
41688
  text-decoration: none;
41475
41689
  }
41476
- .cn-record-list__action[data-v-2c65cbc2]:hover,
41477
- .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 {
41478
41692
  background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
41479
41693
  }
41480
- .cn-record-list__chevron[data-v-2c65cbc2] {
41694
+ .cn-record-list__chevron[data-v-544b79cd] {
41481
41695
  color: var(--color-text-maxcontrast);
41482
41696
  flex: none;
41483
41697
  }
@@ -41485,15 +41699,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41485
41699
  /* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
41486
41700
  tiles in a grid, the title at 14px regular. The selectors outrank the board
41487
41701
  look's list row rules. */
41488
- .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] {
41489
41703
  display: grid;
41490
41704
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
41491
41705
  gap: 8px;
41492
41706
  }
41493
- .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] {
41494
41708
  border-top: 0;
41495
41709
  }
41496
- .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] {
41497
41711
  box-sizing: border-box;
41498
41712
  height: 100%;
41499
41713
  gap: 10px;
@@ -41502,19 +41716,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41502
41716
  border: 1px solid var(--cn-board-hairline, var(--color-border));
41503
41717
  border-radius: 8px;
41504
41718
  }
41505
- .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] {
41506
41720
  font-size: 14px;
41507
41721
  font-weight: 400;
41508
41722
  }
41509
41723
 
41510
41724
  /* cards (board ShBank): a grid of framed cards, 240px at the least. */
41511
- .cn-record-list--cards .cn-record-list__list[data-v-2c65cbc2] {
41725
+ .cn-record-list--cards .cn-record-list__list[data-v-544b79cd] {
41512
41726
  align-items: start;
41513
41727
  display: grid;
41514
41728
  gap: 16px;
41515
41729
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
41516
41730
  }
41517
- .cn-record-list__card[data-v-2c65cbc2] {
41731
+ .cn-record-list__card[data-v-544b79cd] {
41518
41732
  background: var(--color-main-background);
41519
41733
  border: 1px solid var(--color-border);
41520
41734
  border-radius: 12px;
@@ -41526,51 +41740,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41526
41740
  padding: 16px 18px;
41527
41741
  text-decoration: none;
41528
41742
  }
41529
- .cn-record-list__card--link[data-v-2c65cbc2]:hover,
41530
- .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 {
41531
41745
  border-color: var(--color-border-dark, var(--color-border));
41532
41746
  }
41533
- .cn-record-list__card--link:hover .cn-record-list__title[data-v-2c65cbc2],
41534
- .cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-2c65cbc2] {
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] {
41535
41749
  text-decoration: underline;
41536
41750
  }
41537
- .cn-record-list__card-head[data-v-2c65cbc2] {
41751
+ .cn-record-list__card-head[data-v-544b79cd] {
41538
41752
  align-items: center;
41539
41753
  display: flex;
41540
41754
  gap: 8px;
41541
41755
  justify-content: space-between;
41542
41756
  }
41543
- .cn-record-list__card-title[data-v-2c65cbc2] {
41757
+ .cn-record-list__card-title[data-v-544b79cd] {
41544
41758
  align-items: center;
41545
41759
  display: flex;
41546
41760
  gap: 8px;
41547
41761
  min-width: 0;
41548
41762
  }
41549
- .cn-record-list__card-icon[data-v-2c65cbc2] {
41763
+ .cn-record-list__card-icon[data-v-544b79cd] {
41550
41764
  color: var(--color-primary-element);
41551
41765
  flex: none;
41552
41766
  }
41553
- .cn-record-list__card-pills[data-v-2c65cbc2] {
41767
+ .cn-record-list__card-pills[data-v-544b79cd] {
41554
41768
  display: flex;
41555
41769
  flex: none;
41556
41770
  gap: 6px;
41557
41771
  }
41558
- .cn-record-list__card-value[data-v-2c65cbc2] {
41772
+ .cn-record-list__card-value[data-v-544b79cd] {
41559
41773
  font-size: 24px;
41560
41774
  font-weight: 700;
41561
41775
  }
41562
41776
 
41563
41777
  /* feed */
41564
- .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] {
41565
41779
  border-top: 1px solid var(--color-border);
41566
41780
  }
41567
- .cn-record-list__feed-row[data-v-2c65cbc2] {
41781
+ .cn-record-list__feed-row[data-v-544b79cd] {
41568
41782
  align-items: flex-start;
41569
41783
  display: flex;
41570
41784
  gap: 14px;
41571
41785
  padding: 12px 0;
41572
41786
  }
41573
- .cn-record-list__feed-icon[data-v-2c65cbc2] {
41787
+ .cn-record-list__feed-icon[data-v-544b79cd] {
41574
41788
  align-items: center;
41575
41789
  background: var(--color-primary-element-light);
41576
41790
  border-radius: 50%;
@@ -41581,25 +41795,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
41581
41795
  justify-content: center;
41582
41796
  width: 36px;
41583
41797
  }
41584
- .cn-record-list__text[data-v-2c65cbc2] {
41798
+ .cn-record-list__text[data-v-544b79cd] {
41585
41799
  font-size: 15px;
41586
41800
  }
41587
- .cn-record-list--feed .cn-record-list__main[data-v-2c65cbc2] {
41801
+ .cn-record-list--feed .cn-record-list__main[data-v-544b79cd] {
41588
41802
  color: var(--color-main-text);
41589
41803
  text-decoration: none;
41590
41804
  }
41591
41805
 
41592
41806
  /* inline */
41593
- .cn-record-list__inline-row[data-v-2c65cbc2] {
41807
+ .cn-record-list__inline-row[data-v-544b79cd] {
41594
41808
  padding: 4px 0;
41595
41809
  }
41596
- .cn-record-list__label[data-v-2c65cbc2] {
41810
+ .cn-record-list__label[data-v-544b79cd] {
41597
41811
  margin-inline-end: 4px;
41598
41812
  }
41599
- .cn-record-list__inline-title[data-v-2c65cbc2] {
41813
+ .cn-record-list__inline-title[data-v-544b79cd] {
41600
41814
  color: var(--color-main-text);
41601
41815
  }
41602
- a.cn-record-list__inline-title[data-v-2c65cbc2] {
41816
+ a.cn-record-list__inline-title[data-v-544b79cd] {
41603
41817
  color: var(--color-primary-element);
41604
41818
  text-decoration: underline;
41605
41819
  }
@@ -46430,26 +46644,26 @@ to {
46430
46644
  text-decoration: underline;
46431
46645
  }
46432
46646
  @charset "UTF-8";
46433
- .cn-choice-cards[data-v-cfc2a11a] {
46647
+ .cn-choice-cards[data-v-51150930] {
46434
46648
  border: none;
46435
46649
  padding: 0;
46436
46650
  margin: 0;
46437
46651
  min-inline-size: 0;
46438
46652
  }
46439
46653
 
46440
- .cn-choice-cards__legend[data-v-cfc2a11a] {
46654
+ .cn-choice-cards__legend[data-v-51150930] {
46441
46655
  padding: 0;
46442
46656
  margin-block-end: 8px;
46443
46657
  font-weight: bold;
46444
46658
  }
46445
46659
 
46446
- .cn-choice-cards__loading[data-v-cfc2a11a] {
46660
+ .cn-choice-cards__loading[data-v-51150930] {
46447
46661
  display: flex;
46448
46662
  justify-content: center;
46449
46663
  padding: 24px 0;
46450
46664
  }
46451
46665
 
46452
- .cn-choice-cards__grid[data-v-cfc2a11a] {
46666
+ .cn-choice-cards__grid[data-v-51150930] {
46453
46667
  display: grid;
46454
46668
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
46455
46669
  gap: 12px;
@@ -46461,26 +46675,26 @@ to {
46461
46675
  padding: 12px;
46462
46676
  }
46463
46677
 
46464
- .cn-choice-cards__cell[data-v-cfc2a11a] {
46678
+ .cn-choice-cards__cell[data-v-51150930] {
46465
46679
  display: flex;
46466
46680
  flex-direction: column;
46467
46681
  gap: 8px;
46468
46682
  min-inline-size: 0;
46469
46683
  }
46470
46684
 
46471
- .cn-choice-cards__actions[data-v-cfc2a11a] {
46685
+ .cn-choice-cards__actions[data-v-51150930] {
46472
46686
  display: flex;
46473
46687
  flex-direction: column;
46474
46688
  gap: 4px;
46475
46689
  }
46476
46690
 
46477
- .cn-choice-cards__option[data-v-cfc2a11a] {
46691
+ .cn-choice-cards__option[data-v-51150930] {
46478
46692
  position: relative;
46479
46693
  display: block;
46480
46694
  cursor: pointer;
46481
46695
  }
46482
46696
 
46483
- .cn-choice-cards__input[data-v-cfc2a11a] {
46697
+ .cn-choice-cards__input[data-v-51150930] {
46484
46698
  position: absolute;
46485
46699
  inset-block-start: 16px;
46486
46700
  inset-inline-end: 14px;
@@ -46490,7 +46704,7 @@ to {
46490
46704
  }
46491
46705
 
46492
46706
  /* Room for the input, so a long title never runs underneath it. */
46493
- .cn-choice-cards__option[data-v-cfc2a11a] .cn-card {
46707
+ .cn-choice-cards__option[data-v-51150930] .cn-card {
46494
46708
  padding-inline-end: 44px;
46495
46709
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
46496
46710
  }
@@ -46501,33 +46715,33 @@ to {
46501
46715
  touches a card, and the grid twitches. The border colour below already
46502
46716
  carries hover, so the scale is dropped: at (0,3,0) this beats the global
46503
46717
  `.cn-card:hover` at (0,2,0). */
46504
- .cn-choice-cards__option[data-v-cfc2a11a]:hover .cn-card {
46718
+ .cn-choice-cards__option[data-v-51150930]:hover .cn-card {
46505
46719
  border-color: var(--color-primary-element);
46506
46720
  transform: none;
46507
46721
  }
46508
46722
 
46509
46723
  /* The focus ring belongs on the card, not on the small input inside it. */
46510
- .cn-choice-cards__input[data-v-cfc2a11a]:focus-visible + .cn-card {
46724
+ .cn-choice-cards__input[data-v-51150930]:focus-visible + .cn-card {
46511
46725
  outline: 2px solid var(--color-primary-element);
46512
46726
  outline-offset: 2px;
46513
46727
  }
46514
46728
 
46515
- .cn-choice-cards__input[data-v-cfc2a11a]:disabled {
46729
+ .cn-choice-cards__input[data-v-51150930]:disabled {
46516
46730
  cursor: default;
46517
46731
  }
46518
46732
 
46519
- .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 {
46520
46734
  opacity: 0.6;
46521
46735
  }
46522
46736
 
46523
- .cn-choice-cards__rows[data-v-cfc2a11a] {
46737
+ .cn-choice-cards__rows[data-v-51150930] {
46524
46738
  display: flex;
46525
46739
  flex-direction: column;
46526
46740
  gap: 8px;
46527
46741
  }
46528
46742
 
46529
46743
  /* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
46530
- .cn-choice-cards__row[data-v-cfc2a11a] {
46744
+ .cn-choice-cards__row[data-v-51150930] {
46531
46745
  display: flex;
46532
46746
  align-items: flex-start;
46533
46747
  gap: 12px;
@@ -46538,12 +46752,12 @@ to {
46538
46752
  cursor: pointer;
46539
46753
  }
46540
46754
 
46541
- .cn-choice-cards__row[data-v-cfc2a11a]:hover {
46755
+ .cn-choice-cards__row[data-v-51150930]:hover {
46542
46756
  border-color: var(--color-border-dark);
46543
46757
  }
46544
46758
 
46545
- .cn-choice-cards__row--selected[data-v-cfc2a11a],
46546
- .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 {
46547
46761
  border-color: var(--color-primary-element);
46548
46762
  /* The second pixel of the 2px selected border, without moving the content. */
46549
46763
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
@@ -46552,8 +46766,8 @@ to {
46552
46766
 
46553
46767
  /* An option this record does not allow: the grey ground and the muted ink,
46554
46768
  still legible (DqVolgendeStap), not faded. */
46555
- .cn-choice-cards__row--disabled[data-v-cfc2a11a],
46556
- .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 {
46557
46771
  border-color: var(--color-border);
46558
46772
  background: var(--color-background-hover);
46559
46773
  color: var(--color-text-maxcontrast);
@@ -46562,80 +46776,81 @@ to {
46562
46776
 
46563
46777
  /* The title takes the muted ink itself: a theme that colours every label
46564
46778
  with `!important` (thematiq) would otherwise hand it the label colour. */
46565
- .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] {
46566
46780
  color: var(--color-text-maxcontrast);
46567
46781
  }
46568
46782
 
46569
46783
  /* The chosen option's fields share the selected row's frame: the cell draws
46570
46784
  the 2px primary border and the ground, the row inside it draws none, and
46571
46785
  the fields sit under the text, indented to it (DqVolgendeStap). */
46572
- .cn-choice-cards__cell--with-details[data-v-cfc2a11a] {
46786
+ .cn-choice-cards__cell--with-details[data-v-51150930] {
46573
46787
  border: 1px solid var(--color-primary-element);
46574
46788
  border-radius: var(--border-radius-large, 8px);
46575
46789
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
46576
46790
  background: var(--color-primary-element-light);
46577
46791
  }
46578
46792
 
46579
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a],
46580
- .cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-cfc2a11a]:hover {
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 {
46581
46795
  border-color: transparent;
46582
46796
  box-shadow: none;
46583
46797
  background: transparent;
46584
46798
  }
46585
46799
 
46586
- .cn-choice-cards__details[data-v-cfc2a11a] {
46800
+ .cn-choice-cards__details[data-v-51150930] {
46587
46801
  display: flex;
46588
46802
  flex-direction: column;
46589
46803
  gap: 14px;
46590
46804
  padding: 0 14px 14px 44px;
46591
46805
  }
46592
46806
 
46593
- .cn-choice-cards__row--readonly[data-v-cfc2a11a] {
46807
+ .cn-choice-cards__row--readonly[data-v-51150930] {
46594
46808
  cursor: default;
46595
46809
  }
46596
46810
 
46597
- .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 {
46598
46812
  border-color: var(--color-border);
46599
46813
  }
46600
46814
 
46601
- .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) {
46602
46816
  outline: 2px solid var(--color-primary-element);
46603
46817
  outline-offset: 2px;
46604
46818
  }
46605
46819
 
46606
- .cn-choice-cards__row-input[data-v-cfc2a11a] {
46820
+ .cn-choice-cards__row-input[data-v-51150930] {
46607
46821
  flex: none;
46608
46822
  margin: 2px 0 0;
46609
46823
  accent-color: var(--color-primary-element);
46610
46824
  cursor: inherit;
46611
46825
  }
46612
46826
 
46613
- .cn-choice-cards__row-icon[data-v-cfc2a11a] {
46827
+ .cn-choice-cards__row-icon[data-v-51150930] {
46614
46828
  flex: none;
46615
46829
  }
46616
46830
 
46617
- .cn-choice-cards__row-text[data-v-cfc2a11a] {
46831
+ .cn-choice-cards__row-text[data-v-51150930] {
46618
46832
  display: flex;
46619
46833
  flex-direction: column;
46620
46834
  gap: 2px;
46621
46835
  min-width: 0;
46622
46836
  }
46623
46837
 
46624
- .cn-choice-cards__row-title[data-v-cfc2a11a] {
46838
+ .cn-choice-cards__row-title[data-v-51150930] {
46625
46839
  font-size: 15px;
46626
46840
  font-weight: 600;
46841
+ line-height: 1.2;
46627
46842
  }
46628
46843
 
46629
46844
  /* Regular weight on the span itself: a theme that sets every label bold
46630
46845
  with `!important` (thematiq) reaches a span that only inherits. */
46631
- .cn-choice-cards__row-description[data-v-cfc2a11a],
46632
- .cn-choice-cards__reason[data-v-cfc2a11a] {
46846
+ .cn-choice-cards__row-description[data-v-51150930],
46847
+ .cn-choice-cards__reason[data-v-51150930] {
46633
46848
  font-size: 13px;
46634
46849
  font-weight: 400;
46635
46850
  color: var(--color-text-maxcontrast);
46636
46851
  }
46637
46852
 
46638
- .cn-choice-cards__reason--card[data-v-cfc2a11a] {
46853
+ .cn-choice-cards__reason--card[data-v-51150930] {
46639
46854
  display: block;
46640
46855
  margin-block-start: 4px;
46641
46856
  }
@@ -46740,33 +46955,33 @@ to {
46740
46955
  }
46741
46956
 
46742
46957
 
46743
- .cn-admin-settings-shell[data-v-447d33ea] {
46958
+ .cn-admin-settings-shell[data-v-69055093] {
46744
46959
  max-width: 900px;
46745
46960
  }
46746
46961
 
46747
46962
  /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
46748
46963
 
46749
46964
  /* A tab without a panel of its own: the cards below the strip carry the gap. */
46750
- .cn-admin-settings-shell__tabs--bare[data-v-447d33ea] > .cn-tabs__content {
46965
+ .cn-admin-settings-shell__tabs--bare[data-v-69055093] > .cn-tabs__content {
46751
46966
  padding-top: 0;
46752
46967
  }
46753
- .cn-support-info[data-v-447d33ea] {
46968
+ .cn-support-info[data-v-69055093] {
46754
46969
  margin-top: 16px;
46755
46970
  padding-top: 16px;
46756
46971
  border-top: 1px solid var(--color-border);
46757
46972
  }
46758
- .cn-support-info h4[data-v-447d33ea] {
46973
+ .cn-support-info h4[data-v-69055093] {
46759
46974
  margin: 0 0 8px 0;
46760
46975
  font-size: 14px;
46761
46976
  font-weight: 600;
46762
46977
  color: var(--color-main-text);
46763
46978
  }
46764
- .cn-support-info p[data-v-447d33ea] {
46979
+ .cn-support-info p[data-v-69055093] {
46765
46980
  margin: 4px 0;
46766
46981
  color: var(--color-text-maxcontrast);
46767
46982
  font-size: 14px;
46768
46983
  }
46769
- .cn-support-info a[data-v-447d33ea] {
46984
+ .cn-support-info a[data-v-69055093] {
46770
46985
  color: var(--color-primary-element);
46771
46986
  }
46772
46987