@conduction/nextcloud-vue 2.143.0 → 2.144.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/esm/components/CnActionDialog/CnActionDialog.vue.js +1 -1
  2. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js +7 -2
  3. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js.map +1 -1
  4. package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js.map +1 -1
  5. package/dist/esm/components/CnConversationThread/CnConversationThread.vue.js +1 -1
  6. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js.map +1 -1
  7. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js +1 -1
  8. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js.map +1 -1
  9. package/dist/esm/components/CnEventsCard/CnEventsCard.vue.js +1 -1
  10. package/dist/esm/components/CnEventsCard/CnEventsCard.vue2.js +9 -0
  11. package/dist/esm/components/CnEventsCard/CnEventsCard.vue2.js.map +1 -1
  12. package/dist/esm/components/CnEventsCard/CnEventsCard.vue3.js +24 -13
  13. package/dist/esm/components/CnEventsCard/CnEventsCard.vue3.js.map +1 -1
  14. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  15. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +2 -1
  16. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  17. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  18. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +3 -1
  19. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  20. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  21. package/dist/esm/components/CnNotesCard/CnNotesCard.vue.js +1 -1
  22. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js +3 -0
  23. package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js.map +1 -1
  24. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js +19 -14
  25. package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js.map +1 -1
  26. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue.js +1 -1
  27. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue2.js +30 -0
  28. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue2.js.map +1 -1
  29. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue3.js +158 -102
  30. package/dist/esm/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue3.js.map +1 -1
  31. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
  32. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
  33. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js +12 -0
  34. package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
  35. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue.js +1 -1
  36. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js +110 -2
  37. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js.map +1 -1
  38. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js +146 -80
  39. package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js.map +1 -1
  40. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue.js +1 -1
  41. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue2.js +45 -0
  42. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue2.js.map +1 -1
  43. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue3.js +67 -34
  44. package/dist/esm/integrations/builtin/calendar/CnCalendarCard.vue3.js.map +1 -1
  45. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue.js +1 -1
  46. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue2.js +3 -22
  47. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue2.js.map +1 -1
  48. package/dist/esm/integrations/builtin/calendar/CnCalendarTab.vue3.js.map +1 -1
  49. package/dist/esm/integrations/builtin/calendar/eventStatus.js +67 -0
  50. package/dist/esm/integrations/builtin/calendar/eventStatus.js.map +1 -0
  51. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue.js +1 -1
  52. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js +39 -0
  53. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue2.js.map +1 -1
  54. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js +81 -32
  55. package/dist/esm/integrations/builtin/deck/CnDeckCard.vue3.js.map +1 -1
  56. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue.js +1 -1
  57. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue2.js +5 -6
  58. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue2.js.map +1 -1
  59. package/dist/esm/integrations/builtin/deck/CnDeckTab.vue3.js.map +1 -1
  60. package/dist/esm/integrations/builtin/deck/deckCardParts.js +59 -0
  61. package/dist/esm/integrations/builtin/deck/deckCardParts.js.map +1 -0
  62. package/dist/esm/l10n/en.json.js +6 -0
  63. package/dist/esm/l10n/en.json.js.map +1 -1
  64. package/dist/esm/l10n/nl.json.js +6 -0
  65. package/dist/esm/l10n/nl.json.js.map +1 -1
  66. package/dist/esm/library-style.js +1 -1
  67. package/dist/esm/nextcloud-vue.css +815 -363
  68. package/dist/esm/utils/fetchFilterCounts.js +5 -2
  69. package/dist/esm/utils/fetchFilterCounts.js.map +1 -1
  70. package/dist/esm/utils/nextcloudDirectory.js +19 -6
  71. package/dist/esm/utils/nextcloudDirectory.js.map +1 -1
  72. package/dist/nextcloud-vue.cjs.js +1347 -758
  73. package/dist/nextcloud-vue.cjs.js.map +2 -2
  74. package/dist/nextcloud-vue.css +815 -363
  75. package/l10n/en.json +6 -0
  76. package/l10n/nl.json +6 -0
  77. package/package.json +1 -1
  78. package/src/components/CnActionDialog/CnActionDialog.vue +28 -3
  79. package/src/components/CnConversationThread/CnConversationThread.vue +5 -2
  80. package/src/components/CnEventsCard/CnEventsCard.vue +27 -5
  81. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +15 -1
  82. package/src/components/CnIndexPage/CnIndexPage.vue +3 -1
  83. package/src/components/CnNotesCard/CnNotesCard.vue +8 -0
  84. package/src/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue +114 -46
  85. package/src/components/CnRetentionWidget/CnRetentionWidget.vue +26 -1
  86. package/src/components/CnTasksWidget/CnTasksWidget.vue +170 -13
  87. package/src/css/dialog.css +7 -1
  88. package/src/css/kpi-card.css +3 -0
  89. package/src/css/look-board-detail.css +317 -0
  90. package/src/css/look-board-index.css +14 -0
  91. package/src/css/look-board.css +25 -0
  92. package/src/integrations/builtin/calendar/CnCalendarCard.vue +76 -11
  93. package/src/integrations/builtin/calendar/CnCalendarTab.vue +3 -22
  94. package/src/integrations/builtin/calendar/__tests__/CnCalendarCardBoardRows.spec.js +52 -0
  95. package/src/integrations/builtin/calendar/eventStatus.js +63 -0
  96. package/src/integrations/builtin/deck/CnDeckCard.vue +66 -0
  97. package/src/integrations/builtin/deck/CnDeckTab.vue +5 -6
  98. package/src/integrations/builtin/deck/__tests__/CnDeckCardBoardRows.spec.js +49 -0
  99. package/src/integrations/builtin/deck/deckCardParts.js +56 -0
  100. package/src/utils/fetchFilterCounts.js +5 -2
  101. package/src/utils/nextcloudDirectory.js +19 -6
@@ -396,9 +396,11 @@
396
396
  .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
397
397
  --nldesign-component-paragraph-font-size: 13px;
398
398
  --nldesign-component-paragraph-font-weight: 700;
399
+ --nldesign-component-paragraph-line-height: normal;
399
400
  font-size: 13px;
400
401
  font-weight: 700;
401
402
  letter-spacing: 0;
403
+ line-height: normal;
402
404
  text-transform: none;
403
405
  }
404
406
 
@@ -1580,6 +1582,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
1580
1582
  align-self: center;
1581
1583
  }
1582
1584
 
1585
+ /* Without a subtitle the title centres on the title-row buttons, as the boards
1586
+ draw the card head (DqVthInstellingen "Inspectiechecklists",
1587
+ DqInstellingenAlgemeen "Werkdagen en feestdagen": title 27.5px down, live 21).
1588
+ @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
1589
+ .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions):not(:has(> .settings-section__desc)) > .settings-section__name {
1590
+ align-self: center;
1591
+ }
1592
+
1593
+ /* The "Uitleg tonen" toggle is a text link flush with the card's right edge
1594
+ (DqBeheerinstellingen Zaak-e-mail), not a padded tertiary button.
1595
+ @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
1596
+ .cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) .button-vue {
1597
+ --button-padding: 0px;
1598
+ --button-padding-default: 0px;
1599
+ padding-inline: 0;
1600
+ min-width: 0;
1601
+ }
1602
+
1583
1603
  @container (max-width: 400px) {
1584
1604
  .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
1585
1605
  .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
@@ -3224,6 +3244,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
3224
3244
  line-height: 1.2;
3225
3245
  }
3226
3246
 
3247
+ /* An option's title bold, as the dialog boards draw it (a <strong>). */
3248
+ .cn-look-board .cn-choice-cards .cn-choice-cards__row-title:not(.cn-look-nextcloud *) {
3249
+ font-weight: 700;
3250
+ }
3251
+
3227
3252
  .cn-look-board .cn-choice-cards .cn-choice-cards__row-icon:not(.cn-look-nextcloud *) {
3228
3253
  align-self: flex-start;
3229
3254
  }
@@ -3570,9 +3595,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
3570
3595
  /* A choice card with a checkbox (CnAssignDialog's toggles) is as tight as
3571
3596
  the board draws it (DqOverdragen, 76px for a label and a two-line note):
3572
3597
  10px 14px padding, the checkbox row at the 24px minimum target instead of
3573
- NcCheckboxRadioSwitch's 34px, the note at 1.2 line height. */
3598
+ NcCheckboxRadioSwitch's 34px, the note at 1.2 line height; the card's
3599
+ corners 8px and the label on an 18px line, as the board draws them. */
3574
3600
  .cn-dialog-board .cn-assign-dialog__toggle {
3575
3601
  padding: 10px 14px;
3602
+ border-radius: 8px;
3603
+ }
3604
+
3605
+ .cn-dialog-board .cn-assign-dialog__toggle .checkbox-content__text {
3606
+ line-height: 18px;
3576
3607
  }
3577
3608
 
3578
3609
  .cn-dialog-board .cn-assign-dialog__toggle .checkbox-radio-switch-checkbox .checkbox-content,
@@ -5498,6 +5529,20 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
5498
5529
  text-decoration: none;
5499
5530
  }
5500
5531
 
5532
+ /* In such a plain log an icon-and-name cell is regular too (DqZaakContact
5533
+ Kanaal "Mijn Zuiddrecht"); elsewhere the icon label stays 600.
5534
+ @spec openspec/changes/board-log-table-icon-label-regular/specs/board-log-table-icon-label-regular/spec.md#requirement-a-plain-logs-icon-label-cell-is-regular */
5535
+ .cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-cell-renderer__icon-label:not(.cn-look-nextcloud *) {
5536
+ font-weight: 400;
5537
+ }
5538
+
5539
+ /* In such a plain log a wrapping prose cell runs at line height 1.45, as
5540
+ DqZaakContact draws the contact summary (rows 61.6 high, not 57).
5541
+ @spec openspec/changes/board-log-table-prose-line-height/specs/board-log-table-prose-line-height/spec.md#requirement-a-plain-logs-prose-cell-runs-at-line-height-1-45 */
5542
+ .cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-data-table td.cn-cell--wrap:not(.cn-look-nextcloud *) {
5543
+ line-height: 1.45;
5544
+ }
5545
+
5501
5546
  /* `rowTitle: "strong"` (DqZaaktypeStatussen "Statussen", "Resultaten"): the
5502
5547
  name column of a card's list, the cell's 14px at weight 600 in the main
5503
5548
  ink, no underline; the row stays a link.
@@ -8461,6 +8506,9 @@ a.cn-kpi-card--board * {
8461
8506
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) {
8462
8507
  --cn-kpi-stacked-padding: 20px 22px;
8463
8508
  --cn-kpi-stacked-gap: 8px;
8509
+ /* Its label is set at 600, as every board draws this tile (DqDashboard,
8510
+ DqMijnTeam, DqPersoonlijkeInstellingen); the plain stacked tile keeps 400. */
8511
+ --cn-kpi-stacked-title-weight: 600;
8464
8512
  }
8465
8513
 
8466
8514
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) .cn-kpi-card__value {
@@ -12478,6 +12526,13 @@ li[data-cn-admin-tag] > .action-link::after {
12478
12526
 
12479
12527
  .cn-look-board .cn-retention .cn-retention__head-text .cn-retention__muted {
12480
12528
  font-size: 14px;
12529
+ line-height: 1.2;
12530
+ }
12531
+
12532
+ /* The board stacks the archiving card's parts 10px apart (r26a: the head
12533
+ row 45.9 vs 41 and the facts 55.9 vs 30 under the title). */
12534
+ .cn-look-board .cn-retention.cn-retention {
12535
+ gap: 10px;
12481
12536
  }
12482
12537
 
12483
12538
  .cn-look-board .cn-retention .cn-retention__fact {
@@ -12643,6 +12698,15 @@ li[data-cn-admin-tag] > .action-link::after {
12643
12698
  margin: 0;
12644
12699
  }
12645
12700
 
12701
+ /* ---- A sidebar tab standing in a page card --------------------------------- */
12702
+ /* The Files, Notes, Tasks... tabs pad themselves 12px for the sidebar. On a
12703
+ detail page the card around them already pads, and the boards draw their
12704
+ toolbar, table and rows flush with the card title (DqZaakDocumenten, DqZaakEmail).
12705
+ @spec openspec/changes/board-sidebar-tab-flush-in-card/specs/board-sidebar-tab-flush-in-card/spec.md#requirement-a-sidebar-tab-in-a-page-card-adds-no-padding-of-its-own */
12706
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab:not(.cn-look-nextcloud *) {
12707
+ padding: 0;
12708
+ }
12709
+
12646
12710
  /* ---- A file's side card (CnFilesBrowser) --------------------------------- */
12647
12711
  /* The board's side card: radius 12, 20px 22px of padding, the title a 15px
12648
12712
  muted heading at 600, the facts 8px 16px apart with the values at 500
@@ -12772,6 +12836,25 @@ li[data-cn-admin-tag] > .action-link::after {
12772
12836
  gap: 14px 16px;
12773
12837
  }
12774
12838
 
12839
+ /* In a page card the mail tab is the card's body: no padding of its own, 12px
12840
+ between its parts, the heading at the card title's 17px/700 and the
12841
+ description at 14px (DqZaakEmail "E-mail").
12842
+ @spec openspec/changes/board-mail-tab-in-card/specs/board-mail-tab-in-card/spec.md#requirement-a-mail-tab-in-a-page-card-reads-as-the-card */
12843
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab:not(.cn-look-nextcloud *) {
12844
+ gap: 12px;
12845
+ padding: 0;
12846
+ }
12847
+
12848
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab__title:not(.cn-look-nextcloud *) {
12849
+ font-size: 17px;
12850
+ font-weight: 700;
12851
+ line-height: 1.2;
12852
+ }
12853
+
12854
+ .cn-look-board .cn-detail-widget-host .cn-mail-tab__subtitle:not(.cn-look-nextcloud *) {
12855
+ font-size: 14px;
12856
+ }
12857
+
12775
12858
  /* ---- The attention flag's buttons --------------------------------------- */
12776
12859
  /* The case boards draw "Markeer voor aandacht" and the flag's other labelled
12777
12860
  buttons at the 40px control height (DqZaak and the case tab boards);
@@ -12792,6 +12875,31 @@ li[data-cn-admin-tag] > .action-link::after {
12792
12875
  line-height: normal;
12793
12876
  }
12794
12877
 
12878
+ /* In a page card the notes tab's "Add note" stands at the end of the card's
12879
+ title row, and each note thread opens with a hairline (DqZaakEmail
12880
+ "Notities": the button beside the title, rows 12px 0 under a rule). The
12881
+ card (CnWidgetWrapper) is the positioned box; the add form, when open,
12882
+ stays in the body.
12883
+ @spec openspec/changes/board-notes-card-add-in-title-row/specs/board-notes-card-add-in-title-row/spec.md#requirement-a-notes-card-carries-its-add-in-the-title-row */
12884
+ .cn-look-board .cn-detail-widget-host .cn-widget-wrapper .cn-sidebar-tab__composer-toggle:not(.cn-look-nextcloud *) {
12885
+ position: absolute;
12886
+ top: 20px;
12887
+ inset-inline-end: var(--cn-board-card-inline-padding);
12888
+ }
12889
+
12890
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab__action:has(> .cn-sidebar-tab__composer-toggle):not(:has(.cn-sidebar-tab__composer)):not(.cn-look-nextcloud *) {
12891
+ margin-bottom: 0;
12892
+ }
12893
+
12894
+ .cn-look-board .cn-detail-widget-host .cn-sidebar-tab__list:not(.cn-look-nextcloud *) {
12895
+ gap: 0;
12896
+ }
12897
+
12898
+ .cn-look-board .cn-detail-widget-host .cn-notes-tab__thread:not(.cn-look-nextcloud *) {
12899
+ padding: 12px 0;
12900
+ border-top: 1px solid var(--cn-board-hairline);
12901
+ }
12902
+
12795
12903
  /* The notes tab's "Add note" button, when the add form waits behind it, is
12796
12904
  the board's 40px control (DqZaakEmail "Notitie toevoegen").
12797
12905
  @spec openspec/changes/notes-tab-composer-button/specs/notes-tab-composer-button/spec.md#requirement-the-notes-tab-can-keep-its-composer-behind-a-button */
@@ -12965,6 +13073,263 @@ li[data-cn-admin-tag] > .action-link::after {
12965
13073
  .cn-look-board .cn-checklist-widget__item .checkbox-content__text {
12966
13074
  font-weight: 600;
12967
13075
  }
13076
+
13077
+ /* The parties widget's "Dit zaaktype accepteert" strip as DqZaakBetrokkenen
13078
+ draws it: a sunken strip rounded at 8px, the label 14px bold, the kinds
13079
+ as outlined 13px chips.
13080
+ @spec openspec/changes/board-parties-accepted-strip/specs/parties/spec.md */
13081
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted {
13082
+ gap: 6px 8px;
13083
+ padding: 8px 12px;
13084
+ border-radius: 8px;
13085
+ background-color: var(--cn-board-sunken-ground);
13086
+ }
13087
+
13088
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted-label {
13089
+ font-size: 14px;
13090
+ font-weight: 700;
13091
+ line-height: 1.2;
13092
+ }
13093
+
13094
+ .cn-look-board .cn-object-parties .cn-object-parties__accepted-kind {
13095
+ padding: 2px 8px;
13096
+ border: 1px solid var(--color-border-maxcontrast);
13097
+ border-radius: 12px;
13098
+ font-size: 13px;
13099
+ font-weight: 600;
13100
+ }
13101
+
13102
+ /* A short side list (`density: "stacked"`, DqOrganisatie "Lopende zaken")
13103
+ starts 10px under the title with no hairline and no row padding; a main
13104
+ contact (DqOrganisatie "Hoofdcontact") starts 12px under it, its two lines
13105
+ at their normal height so they centre on the 40px tile.
13106
+ @spec openspec/changes/board-side-lead-gaps/specs/board-side-lead-gaps/spec.md#requirement-a-board-side-card-starts-a-stacked-list-or-main-contact-as-drawn */
13107
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-record-list--stacked) {
13108
+ padding-top: 10px;
13109
+ }
13110
+
13111
+ .cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-object-parties > .cn-object-parties__main-card) {
13112
+ padding-top: 12px;
13113
+ }
13114
+
13115
+ .cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__item {
13116
+ border-top: 0;
13117
+ }
13118
+
13119
+ .cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__row {
13120
+ padding: 0;
13121
+ }
13122
+
13123
+ .cn-look-board .cn-detail-page__side .cn-object-parties__main-text {
13124
+ line-height: normal;
13125
+ }
13126
+
13127
+ /* Appointment and note rows (DqTaak Afspraken, Notities): a hairline above
13128
+ every row including the first, 12px 0 padding, a 32px round tile (the day
13129
+ an appointment starts, the author's initials) 12px before the text, the
13130
+ title 15/600 and one 13px muted meta line joined with " · ".
13131
+ @spec openspec/changes/board-task-cards-rows/specs/task-cards/spec.md#requirement-board-appointment-and-note-rows-carry-a-tile-and-a-meta-line */
13132
+ .cn-look-board .cn-events-card__list {
13133
+ gap: 0;
13134
+ }
13135
+
13136
+ .cn-look-board .cn-events-card__event,
13137
+ .cn-look-board .cn-events-card__event:last-child,
13138
+ .cn-look-board .cn-notes-card__note,
13139
+ .cn-look-board .cn-notes-card__note:last-child {
13140
+ padding: 12px 0;
13141
+ border-top: 1px solid var(--cn-board-hairline);
13142
+ border-bottom: none;
13143
+ }
13144
+
13145
+ .cn-look-board .cn-events-card__day,
13146
+ .cn-look-board .cn-notes-card__initials {
13147
+ display: inline-flex;
13148
+ flex: 0 0 32px;
13149
+ align-items: center;
13150
+ justify-content: center;
13151
+ width: 32px;
13152
+ height: 32px;
13153
+ border-radius: 50%;
13154
+ background: var(--color-primary-element-light);
13155
+ color: var(--color-primary-element-light-text);
13156
+ font-size: 12px;
13157
+ font-weight: 700;
13158
+ }
13159
+
13160
+ .cn-look-board .cn-events-card__text {
13161
+ flex-flow: row wrap;
13162
+ row-gap: 2px;
13163
+ }
13164
+
13165
+ .cn-look-board .cn-events-card__summary,
13166
+ .cn-look-board .cn-notes-card__body {
13167
+ font-size: 15px;
13168
+ font-weight: 600;
13169
+ line-height: 1.35;
13170
+ }
13171
+
13172
+ .cn-look-board .cn-events-card__summary {
13173
+ flex-basis: 100%;
13174
+ }
13175
+
13176
+ .cn-look-board .cn-events-card__when,
13177
+ .cn-look-board .cn-events-card__where,
13178
+ .cn-look-board .cn-notes-card__author,
13179
+ .cn-look-board .cn-notes-card__time {
13180
+ color: var(--color-text-maxcontrast);
13181
+ font-size: 13px;
13182
+ font-weight: 400;
13183
+ }
13184
+
13185
+ .cn-look-board .cn-events-card__where::before,
13186
+ .cn-look-board .cn-notes-card__time::before {
13187
+ content: ' · ';
13188
+ white-space: pre;
13189
+ }
13190
+
13191
+ .cn-look-board .cn-notes-card__note {
13192
+ display: flex;
13193
+ flex-direction: column;
13194
+ gap: 2px;
13195
+ padding-inline-start: 44px;
13196
+ }
13197
+
13198
+ .cn-look-board .cn-notes-card__initials {
13199
+ position: absolute;
13200
+ top: 12px;
13201
+ inset-inline-start: 0;
13202
+ }
13203
+
13204
+ .cn-look-board .cn-notes-card__body {
13205
+ order: -1;
13206
+ }
13207
+
13208
+ .cn-look-board .cn-notes-card__note-header {
13209
+ justify-content: flex-start;
13210
+ margin-bottom: 0;
13211
+ }
13212
+
13213
+ .cn-look-board .cn-notes-card__time {
13214
+ margin-inline-start: 0;
13215
+ }
13216
+
13217
+ /* The parties widget's rows as DqZaakBetrokkenen "Rollen" draws them: one
13218
+ ruled row per party, a 32px initials tile, the name over a muted meta line
13219
+ that names the role, the pills at the end. The role headings stay for
13220
+ assistive tech only.
13221
+ @spec openspec/changes/board-parties-rows/specs/parties/spec.md */
13222
+ .cn-look-board .cn-object-parties--board .cn-object-parties__role-label {
13223
+ position: absolute;
13224
+ width: 1px;
13225
+ height: 1px;
13226
+ overflow: hidden;
13227
+ clip-path: inset(50%);
13228
+ white-space: nowrap;
13229
+ }
13230
+
13231
+ .cn-look-board .cn-object-parties--board .cn-object-parties__list {
13232
+ gap: 0;
13233
+ }
13234
+
13235
+ .cn-look-board .cn-object-parties--board .cn-object-parties__party {
13236
+ flex-wrap: nowrap;
13237
+ gap: 12px;
13238
+ padding: 12px 0;
13239
+ border-top: 1px solid var(--cn-board-hairline);
13240
+ border-radius: 0;
13241
+ }
13242
+
13243
+ .cn-look-board .cn-object-parties--board .cn-object-parties__tile {
13244
+ display: inline-flex;
13245
+ flex: none;
13246
+ align-items: center;
13247
+ justify-content: center;
13248
+ width: 32px;
13249
+ height: 32px;
13250
+ border-radius: 16px;
13251
+ background: var(--color-background-hover);
13252
+ color: var(--color-main-text);
13253
+ font-size: 12px;
13254
+ font-weight: 700;
13255
+ }
13256
+
13257
+ .cn-look-board .cn-object-parties--board .cn-object-parties__text {
13258
+ display: flex;
13259
+ flex: 1 1 auto;
13260
+ flex-direction: column;
13261
+ gap: 2px;
13262
+ min-width: 0;
13263
+ }
13264
+
13265
+ .cn-look-board .cn-object-parties--board .cn-object-parties__name {
13266
+ font-size: 15px;
13267
+ font-weight: 600;
13268
+ }
13269
+
13270
+ .cn-look-board .cn-object-parties--board .cn-object-parties__meta {
13271
+ font-size: 13px;
13272
+ color: var(--color-text-maxcontrast);
13273
+ }
13274
+
13275
+ /* The calendar and Deck cards' rows as DqZaakTaken "Afspraken" and "Kaarten"
13276
+ draw them: ruled rows, the title over a muted meta line, the pill at the
13277
+ end, and the link to the app under the rows.
13278
+ @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md */
13279
+ .cn-look-board .cn-detail-page .cn-calendar-card__row,
13280
+ .cn-look-board .cn-detail-page .cn-deck-card__row {
13281
+ display: flex;
13282
+ gap: 16px;
13283
+ align-items: center;
13284
+ justify-content: space-between;
13285
+ padding: 12px 0;
13286
+ border-top: 1px solid var(--cn-board-hairline);
13287
+ }
13288
+
13289
+ .cn-look-board .cn-detail-page .cn-calendar-card__row-main,
13290
+ .cn-look-board .cn-detail-page .cn-deck-card__row-main {
13291
+ display: flex;
13292
+ flex-direction: column;
13293
+ gap: 2px;
13294
+ min-width: 0;
13295
+ }
13296
+
13297
+ .cn-look-board .cn-detail-page .cn-calendar-card__title,
13298
+ .cn-look-board .cn-detail-page .cn-deck-card__row-title {
13299
+ font-size: 15px;
13300
+ font-weight: 600;
13301
+ color: var(--color-main-text);
13302
+ text-decoration: none;
13303
+ }
13304
+
13305
+ .cn-look-board .cn-detail-page .cn-calendar-card__meta,
13306
+ .cn-look-board .cn-detail-page .cn-deck-card__row-meta {
13307
+ font-size: 13px;
13308
+ color: var(--color-text-maxcontrast);
13309
+ }
13310
+
13311
+ .cn-look-board .cn-object-parties--board .cn-object-parties__end {
13312
+ display: flex;
13313
+ flex: none;
13314
+ flex-wrap: wrap;
13315
+ gap: 8px;
13316
+ align-items: center;
13317
+ }
13318
+
13319
+ .cn-look-board .cn-detail-page .cn-deck-card__row-list {
13320
+ margin: 0;
13321
+ padding: 0;
13322
+ list-style: none;
13323
+ }
13324
+
13325
+ .cn-look-board .cn-detail-page .cn-calendar-card__open,
13326
+ .cn-look-board .cn-detail-page .cn-deck-card__open {
13327
+ display: inline-block;
13328
+ margin-top: 12px;
13329
+ font-size: 14px;
13330
+ font-weight: 600;
13331
+ text-decoration: underline;
13332
+ }
12968
13333
  /*
12969
13334
  * The reports page under the board look (screens-reports-page-board-look,
12970
13335
  * board DcRapportages): a 28px title over a muted lead, one section per
@@ -16428,66 +16793,67 @@ li[data-cn-admin-tag] > .action-link::after {
16428
16793
  }
16429
16794
 
16430
16795
 
16431
- .cn-conversation-thread[data-v-0d461ee4] {
16796
+ .cn-conversation-thread[data-v-e2600a68] {
16432
16797
  display: flex;
16433
16798
  flex-direction: column;
16434
16799
  gap: calc(3.5 * var(--default-grid-baseline));
16435
16800
  }
16436
- .cn-conversation-thread__status[data-v-0d461ee4] {
16801
+ .cn-conversation-thread__status[data-v-e2600a68] {
16437
16802
  color: var(--color-text-maxcontrast);
16438
16803
  font-weight: 700;
16439
16804
  }
16440
- .cn-conversation-thread__message-actions[data-v-0d461ee4] {
16805
+ .cn-conversation-thread__message-actions[data-v-e2600a68] {
16441
16806
  display: flex;
16442
16807
  flex-wrap: wrap;
16443
16808
  gap: calc(2 * var(--default-grid-baseline));
16444
16809
  margin-top: calc(2 * var(--default-grid-baseline));
16445
16810
  }
16446
- .cn-conversation-thread__header[data-v-0d461ee4] {
16811
+ .cn-conversation-thread__header[data-v-e2600a68] {
16447
16812
  align-items: flex-start;
16448
16813
  display: flex;
16449
16814
  flex-wrap: wrap;
16450
16815
  gap: calc(3 * var(--default-grid-baseline));
16451
16816
  justify-content: space-between;
16452
16817
  }
16453
- .cn-conversation-thread__header-actions[data-v-0d461ee4] {
16818
+ .cn-conversation-thread__header-actions[data-v-e2600a68] {
16454
16819
  display: flex;
16455
16820
  flex-wrap: wrap;
16456
16821
  gap: calc(2 * var(--default-grid-baseline));
16457
16822
  }
16458
- .cn-conversation-thread__title[data-v-0d461ee4] {
16823
+ .cn-conversation-thread__title[data-v-e2600a68] {
16459
16824
  font-size: 1.1em;
16460
16825
  font-weight: 700;
16461
16826
  margin: 0;
16462
16827
  }
16463
- .cn-conversation-thread__heading[data-v-0d461ee4] {
16828
+ .cn-conversation-thread__heading[data-v-e2600a68] {
16464
16829
  display: flex;
16465
16830
  flex: 1 1 260px;
16466
16831
  flex-direction: column;
16467
16832
  gap: 3px;
16468
16833
  min-width: 0;
16469
16834
  }
16470
- .cn-conversation-thread__subtitle[data-v-0d461ee4] {
16835
+ .cn-conversation-thread__subtitle[data-v-e2600a68] {
16471
16836
  color: var(--color-text-maxcontrast);
16472
16837
  font-size: 14px;
16838
+ line-height: normal;
16473
16839
  margin: 0;
16474
16840
  }
16475
- .cn-conversation-thread__direction[data-v-0d461ee4],
16476
- .cn-conversation-thread__meta time[data-v-0d461ee4] {
16841
+ .cn-conversation-thread__direction[data-v-e2600a68],
16842
+ .cn-conversation-thread__meta time[data-v-e2600a68] {
16477
16843
  color: var(--color-text-maxcontrast);
16478
16844
  }
16479
- .cn-conversation-thread__direction[data-v-0d461ee4]::after {
16845
+ .cn-conversation-thread__direction[data-v-e2600a68]::after {
16480
16846
  content: ' ·';
16481
16847
  }
16482
- .cn-conversation-thread__note[data-v-0d461ee4] {
16848
+ .cn-conversation-thread__note[data-v-e2600a68] {
16483
16849
  color: var(--color-text-maxcontrast);
16484
16850
  font-size: 13px;
16485
16851
  }
16486
- .cn-conversation-thread__empty[data-v-0d461ee4] {
16852
+ .cn-conversation-thread__empty[data-v-e2600a68] {
16487
16853
  color: var(--color-text-maxcontrast);
16488
16854
  margin: 0;
16489
16855
  }
16490
- .cn-conversation-thread__messages[data-v-0d461ee4] {
16856
+ .cn-conversation-thread__messages[data-v-e2600a68] {
16491
16857
  display: flex;
16492
16858
  flex-direction: column;
16493
16859
  gap: calc(3.5 * var(--default-grid-baseline));
@@ -16495,14 +16861,14 @@ li[data-cn-admin-tag] > .action-link::after {
16495
16861
  margin: 0;
16496
16862
  padding: 0;
16497
16863
  }
16498
- .cn-conversation-thread__message[data-v-0d461ee4] {
16864
+ .cn-conversation-thread__message[data-v-e2600a68] {
16499
16865
  display: flex;
16500
16866
  gap: calc(3 * var(--default-grid-baseline));
16501
16867
  }
16502
- .cn-conversation-thread__message--us[data-v-0d461ee4] {
16868
+ .cn-conversation-thread__message--us[data-v-e2600a68] {
16503
16869
  flex-direction: row-reverse;
16504
16870
  }
16505
- .cn-conversation-thread__avatar[data-v-0d461ee4] {
16871
+ .cn-conversation-thread__avatar[data-v-e2600a68] {
16506
16872
  align-items: center;
16507
16873
  background: var(--color-background-dark);
16508
16874
  border-radius: 50%;
@@ -16515,7 +16881,7 @@ li[data-cn-admin-tag] > .action-link::after {
16515
16881
  justify-content: center;
16516
16882
  width: 34px;
16517
16883
  }
16518
- .cn-conversation-thread__bubble[data-v-0d461ee4] {
16884
+ .cn-conversation-thread__bubble[data-v-e2600a68] {
16519
16885
  background: var(--color-background-hover);
16520
16886
  border-radius: var(--border-radius-large);
16521
16887
  border-start-start-radius: var(--border-radius-small, 4px);
@@ -16527,75 +16893,75 @@ li[data-cn-admin-tag] > .action-link::after {
16527
16893
  min-width: 0;
16528
16894
  padding: calc(3 * var(--default-grid-baseline)) calc(3.5 * var(--default-grid-baseline));
16529
16895
  }
16530
- .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-0d461ee4] {
16896
+ .cn-conversation-thread__message--us .cn-conversation-thread__bubble[data-v-e2600a68] {
16531
16897
  background: var(--color-primary-element-light);
16532
16898
  border-start-end-radius: var(--border-radius-small, 4px);
16533
16899
  border-start-start-radius: var(--border-radius-large);
16534
16900
  color: var(--color-primary-element-light-text);
16535
16901
  }
16536
- .cn-conversation-thread__meta[data-v-0d461ee4] {
16902
+ .cn-conversation-thread__meta[data-v-e2600a68] {
16537
16903
  align-items: center;
16538
16904
  display: flex;
16539
16905
  flex-wrap: wrap;
16540
16906
  font-size: 0.9em;
16541
16907
  gap: calc(2 * var(--default-grid-baseline));
16542
16908
  }
16543
- .cn-conversation-thread__author[data-v-0d461ee4] {
16909
+ .cn-conversation-thread__author[data-v-e2600a68] {
16544
16910
  font-weight: 600;
16545
16911
  }
16546
- .cn-conversation-thread__text[data-v-0d461ee4] {
16912
+ .cn-conversation-thread__text[data-v-e2600a68] {
16547
16913
  overflow-wrap: anywhere;
16548
16914
  white-space: pre-wrap;
16549
16915
  }
16550
- .cn-conversation-thread__reply[data-v-0d461ee4] {
16916
+ .cn-conversation-thread__reply[data-v-e2600a68] {
16551
16917
  display: flex;
16552
16918
  flex-direction: column;
16553
16919
  gap: calc(2 * var(--default-grid-baseline));
16554
16920
  }
16555
- .cn-conversation-thread__reply-head[data-v-0d461ee4] {
16921
+ .cn-conversation-thread__reply-head[data-v-e2600a68] {
16556
16922
  align-items: baseline;
16557
16923
  display: flex;
16558
16924
  flex-wrap: wrap;
16559
16925
  gap: calc(2 * var(--default-grid-baseline));
16560
16926
  justify-content: space-between;
16561
16927
  }
16562
- .cn-conversation-thread__reply-label[data-v-0d461ee4] {
16928
+ .cn-conversation-thread__reply-label[data-v-e2600a68] {
16563
16929
  font-weight: 600;
16564
16930
  }
16565
- .cn-conversation-thread__reply-hint[data-v-0d461ee4] {
16931
+ .cn-conversation-thread__reply-hint[data-v-e2600a68] {
16566
16932
  color: var(--color-text-maxcontrast);
16567
16933
  font-size: 13px;
16568
16934
  }
16569
- .cn-conversation-thread__reply-option[data-v-0d461ee4] {
16935
+ .cn-conversation-thread__reply-option[data-v-e2600a68] {
16570
16936
  align-items: center;
16571
16937
  display: flex;
16572
16938
  gap: calc(2 * var(--default-grid-baseline));
16573
16939
  }
16574
- .cn-conversation-thread__input[data-v-0d461ee4] {
16940
+ .cn-conversation-thread__input[data-v-e2600a68] {
16575
16941
  box-sizing: border-box;
16576
16942
  margin: 0;
16577
16943
  resize: vertical;
16578
16944
  width: 100%;
16579
16945
  }
16580
- .cn-conversation-thread__error[data-v-0d461ee4] {
16946
+ .cn-conversation-thread__error[data-v-e2600a68] {
16581
16947
  color: var(--color-error-text, var(--color-error));
16582
16948
  margin: 0;
16583
16949
  }
16584
- .cn-conversation-thread__reply-foot[data-v-0d461ee4] {
16950
+ .cn-conversation-thread__reply-foot[data-v-e2600a68] {
16585
16951
  align-items: center;
16586
16952
  display: flex;
16587
16953
  flex-wrap: wrap;
16588
16954
  gap: calc(2.5 * var(--default-grid-baseline));
16589
16955
  justify-content: space-between;
16590
16956
  }
16591
- .cn-conversation-thread__reply-actions[data-v-0d461ee4] {
16957
+ .cn-conversation-thread__reply-actions[data-v-e2600a68] {
16592
16958
  margin-inline-start: auto;
16593
16959
  display: flex;
16594
16960
  flex-wrap: wrap;
16595
16961
  gap: calc(2.5 * var(--default-grid-baseline));
16596
16962
  justify-content: flex-end;
16597
16963
  }
16598
- .cn-conversation-thread__channel[data-v-0d461ee4] {
16964
+ .cn-conversation-thread__channel[data-v-e2600a68] {
16599
16965
  color: var(--color-text-maxcontrast);
16600
16966
  }
16601
16967
 
@@ -16905,7 +17271,7 @@ a.cn-document-review-list__name[data-v-83ccc260] {
16905
17271
  }
16906
17272
 
16907
17273
 
16908
- .cn-events-card__list[data-v-079bed63] {
17274
+ .cn-events-card__list[data-v-bb3ee7b4] {
16909
17275
  display: flex;
16910
17276
  flex-direction: column;
16911
17277
  gap: 8px;
@@ -16913,26 +17279,34 @@ a.cn-document-review-list__name[data-v-83ccc260] {
16913
17279
  padding: 0;
16914
17280
  list-style: none;
16915
17281
  }
16916
- .cn-events-card__event[data-v-079bed63] {
17282
+ .cn-events-card__event[data-v-bb3ee7b4] {
16917
17283
  display: flex;
16918
- flex-direction: column;
16919
- gap: 2px;
17284
+ gap: 12px;
16920
17285
  padding-bottom: 8px;
16921
17286
  border-bottom: 1px solid var(--color-border);
16922
17287
  }
16923
- .cn-events-card__event[data-v-079bed63]:last-child {
17288
+ .cn-events-card__event[data-v-bb3ee7b4]:last-child {
16924
17289
  padding-bottom: 0;
16925
17290
  border-bottom: none;
16926
17291
  }
16927
- .cn-events-card__summary[data-v-079bed63] {
17292
+ .cn-events-card__day[data-v-bb3ee7b4] {
17293
+ display: none;
17294
+ }
17295
+ .cn-events-card__text[data-v-bb3ee7b4] {
17296
+ display: flex;
17297
+ flex-direction: column;
17298
+ gap: 2px;
17299
+ min-width: 0;
17300
+ }
17301
+ .cn-events-card__summary[data-v-bb3ee7b4] {
16928
17302
  font-weight: 600;
16929
17303
  }
16930
- .cn-events-card__when[data-v-079bed63],
16931
- .cn-events-card__where[data-v-079bed63],
16932
- .cn-events-card__muted[data-v-079bed63] {
17304
+ .cn-events-card__when[data-v-bb3ee7b4],
17305
+ .cn-events-card__where[data-v-bb3ee7b4],
17306
+ .cn-events-card__muted[data-v-bb3ee7b4] {
16933
17307
  color: var(--color-text-maxcontrast);
16934
17308
  }
16935
- .cn-events-card__muted[data-v-079bed63] {
17309
+ .cn-events-card__muted[data-v-bb3ee7b4] {
16936
17310
  margin: 0;
16937
17311
  }
16938
17312
 
@@ -21174,44 +21548,44 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21174
21548
  }
21175
21549
 
21176
21550
 
21177
- .cn-calendar-card__empty[data-v-25d68a70] {
21551
+ .cn-calendar-card__empty[data-v-6c15c681] {
21178
21552
  text-align: center;
21179
21553
  padding: 16px 12px;
21180
21554
  color: var(--color-text-maxcontrast);
21181
21555
  font-size: 13px;
21182
21556
  }
21183
- .cn-calendar-card__error[data-v-25d68a70] {
21557
+ .cn-calendar-card__error[data-v-6c15c681] {
21184
21558
  color: var(--color-error);
21185
21559
  padding: 8px 0;
21186
21560
  font-size: 13px;
21187
21561
  }
21188
- .cn-calendar-card__list[data-v-25d68a70] {
21562
+ .cn-calendar-card__list[data-v-6c15c681] {
21189
21563
  display: flex;
21190
21564
  flex-direction: column;
21191
21565
  }
21192
- .cn-calendar-card__row[data-v-25d68a70] {
21566
+ .cn-calendar-card__row[data-v-6c15c681] {
21193
21567
  display: flex;
21194
21568
  align-items: flex-start;
21195
21569
  gap: 10px;
21196
21570
  padding: 8px 0;
21197
21571
  border-bottom: 1px solid var(--color-border);
21198
21572
  }
21199
- .cn-calendar-card__row[data-v-25d68a70]:last-child {
21573
+ .cn-calendar-card__row[data-v-6c15c681]:last-child {
21200
21574
  border-bottom: none;
21201
21575
  }
21202
- .cn-calendar-card__row-icon[data-v-25d68a70] {
21576
+ .cn-calendar-card__row-icon[data-v-6c15c681] {
21203
21577
  flex-shrink: 0;
21204
21578
  padding-top: 1px;
21205
21579
  }
21206
- .cn-calendar-card__icon--upcoming[data-v-25d68a70] { color: var(--color-primary-element);
21580
+ .cn-calendar-card__icon--upcoming[data-v-6c15c681] { color: var(--color-primary-element);
21207
21581
  }
21208
- .cn-calendar-card__icon--past[data-v-25d68a70] { color: var(--color-text-maxcontrast);
21582
+ .cn-calendar-card__icon--past[data-v-6c15c681] { color: var(--color-text-maxcontrast);
21209
21583
  }
21210
- .cn-calendar-card__row-main[data-v-25d68a70] {
21584
+ .cn-calendar-card__row-main[data-v-6c15c681] {
21211
21585
  flex: 1;
21212
21586
  min-width: 0;
21213
21587
  }
21214
- .cn-calendar-card__title[data-v-25d68a70] {
21588
+ .cn-calendar-card__title[data-v-6c15c681] {
21215
21589
  display: block;
21216
21590
  font-size: 13px;
21217
21591
  font-weight: 500;
@@ -21219,7 +21593,7 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21219
21593
  overflow: hidden;
21220
21594
  text-overflow: ellipsis;
21221
21595
  }
21222
- .cn-calendar-card__meta[data-v-25d68a70] {
21596
+ .cn-calendar-card__meta[data-v-6c15c681] {
21223
21597
  display: flex;
21224
21598
  align-items: center;
21225
21599
  gap: 6px;
@@ -21227,15 +21601,15 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21227
21601
  font-size: 12px;
21228
21602
  color: var(--color-text-maxcontrast);
21229
21603
  }
21230
- .cn-calendar-card__when[data-v-25d68a70] {
21604
+ .cn-calendar-card__when[data-v-6c15c681] {
21231
21605
  white-space: nowrap;
21232
21606
  }
21233
- .cn-calendar-card__location[data-v-25d68a70] {
21607
+ .cn-calendar-card__location[data-v-6c15c681] {
21234
21608
  overflow: hidden;
21235
21609
  text-overflow: ellipsis;
21236
21610
  white-space: nowrap;
21237
21611
  }
21238
- .cn-calendar-card__chip[data-v-25d68a70] {
21612
+ .cn-calendar-card__chip[data-v-6c15c681] {
21239
21613
  display: inline-flex;
21240
21614
  align-items: center;
21241
21615
  gap: 6px;
@@ -21245,21 +21619,21 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21245
21619
  font-size: 13px;
21246
21620
  max-width: 100%;
21247
21621
  }
21248
- .cn-calendar-card__chip-icon[data-v-25d68a70] {
21622
+ .cn-calendar-card__chip-icon[data-v-6c15c681] {
21249
21623
  color: var(--color-primary-element);
21250
21624
  flex-shrink: 0;
21251
21625
  }
21252
- .cn-calendar-card__chip-title[data-v-25d68a70] {
21626
+ .cn-calendar-card__chip-title[data-v-6c15c681] {
21253
21627
  font-weight: 500;
21254
21628
  overflow: hidden;
21255
21629
  text-overflow: ellipsis;
21256
21630
  white-space: nowrap;
21257
21631
  }
21258
- .cn-calendar-card__chip-when[data-v-25d68a70] {
21632
+ .cn-calendar-card__chip-when[data-v-6c15c681] {
21259
21633
  color: var(--color-text-maxcontrast);
21260
21634
  white-space: nowrap;
21261
21635
  }
21262
- .cn-calendar-card__chip-status[data-v-25d68a70] {
21636
+ .cn-calendar-card__chip-status[data-v-6c15c681] {
21263
21637
  font-size: 11px;
21264
21638
  text-transform: uppercase;
21265
21639
  letter-spacing: 0.04em;
@@ -21267,14 +21641,14 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21267
21641
  border-radius: var(--border-radius-pill, 999px);
21268
21642
  background: var(--color-background-darker);
21269
21643
  }
21270
- .cn-calendar-card__chip-status--confirmed[data-v-25d68a70] { background: var(--color-success); color: var(--color-main-background);
21644
+ .cn-calendar-card__chip-status--confirmed[data-v-6c15c681] { background: var(--color-success); color: var(--color-main-background);
21271
21645
  }
21272
- .cn-calendar-card__chip-status--tentative[data-v-25d68a70] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
21646
+ .cn-calendar-card__chip-status--tentative[data-v-6c15c681] { background: var(--color-warning, #e9a40f); color: var(--color-main-background);
21273
21647
  }
21274
- .cn-calendar-card__chip-status--cancelled[data-v-25d68a70] { background: var(--color-error); color: var(--color-main-background);
21648
+ .cn-calendar-card__chip-status--cancelled[data-v-6c15c681] { background: var(--color-error); color: var(--color-main-background);
21275
21649
  }
21276
- .cn-calendar-card__cta[data-v-25d68a70],
21277
- .cn-calendar-card__show-all[data-v-25d68a70] {
21650
+ .cn-calendar-card__cta[data-v-6c15c681],
21651
+ .cn-calendar-card__show-all[data-v-6c15c681] {
21278
21652
  background: none;
21279
21653
  border: none;
21280
21654
  color: var(--color-primary-element);
@@ -21287,22 +21661,22 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21287
21661
  text-decoration: none;
21288
21662
  display: inline-block;
21289
21663
  }
21290
- .cn-calendar-card__cta[data-v-25d68a70]:hover,
21291
- .cn-calendar-card__show-all[data-v-25d68a70]:hover {
21664
+ .cn-calendar-card__cta[data-v-6c15c681]:hover,
21665
+ .cn-calendar-card__show-all[data-v-6c15c681]:hover {
21292
21666
  text-decoration: underline;
21293
21667
  }
21294
21668
 
21295
21669
 
21296
- .cn-calendar-tab[data-v-d6947736] {
21670
+ .cn-calendar-tab[data-v-44e2340e] {
21297
21671
  padding: 12px;
21298
21672
  overflow-x: hidden;
21299
21673
  }
21300
- .cn-calendar-tab__action-row[data-v-d6947736] {
21674
+ .cn-calendar-tab__action-row[data-v-44e2340e] {
21301
21675
  display: flex;
21302
21676
  gap: 8px;
21303
21677
  margin-bottom: 12px;
21304
21678
  }
21305
- .cn-calendar-tab__banner[data-v-d6947736] {
21679
+ .cn-calendar-tab__banner[data-v-44e2340e] {
21306
21680
  display: flex;
21307
21681
  align-items: center;
21308
21682
  gap: 8px;
@@ -21313,26 +21687,26 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21313
21687
  color: var(--color-main-background);
21314
21688
  font-size: 0.9em;
21315
21689
  }
21316
- .cn-calendar-tab__banner--error[data-v-d6947736] {
21690
+ .cn-calendar-tab__banner--error[data-v-44e2340e] {
21317
21691
  background: var(--color-error, #e9322d);
21318
21692
  }
21319
- .cn-calendar-tab__empty[data-v-d6947736] {
21693
+ .cn-calendar-tab__empty[data-v-44e2340e] {
21320
21694
  text-align: center;
21321
21695
  padding: 24px 12px;
21322
21696
  color: var(--color-text-maxcontrast);
21323
21697
  font-size: 13px;
21324
21698
  }
21325
- .cn-calendar-tab__agenda[data-v-d6947736] {
21699
+ .cn-calendar-tab__agenda[data-v-44e2340e] {
21326
21700
  display: flex;
21327
21701
  flex-direction: column;
21328
21702
  gap: 14px;
21329
21703
  }
21330
- .cn-calendar-tab__group[data-v-d6947736] {
21704
+ .cn-calendar-tab__group[data-v-44e2340e] {
21331
21705
  display: flex;
21332
21706
  flex-direction: column;
21333
21707
  gap: 4px;
21334
21708
  }
21335
- .cn-calendar-tab__group-title[data-v-d6947736] {
21709
+ .cn-calendar-tab__group-title[data-v-44e2340e] {
21336
21710
  margin: 0 0 4px 0;
21337
21711
  font-size: 12px;
21338
21712
  font-weight: 600;
@@ -21340,12 +21714,12 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21340
21714
  letter-spacing: 0.04em;
21341
21715
  color: var(--color-text-maxcontrast);
21342
21716
  }
21343
- .cn-calendar-tab__group-title--past[data-v-d6947736] {
21717
+ .cn-calendar-tab__group-title--past[data-v-44e2340e] {
21344
21718
  opacity: 0.7;
21345
21719
  }
21346
21720
 
21347
21721
  /* Event row */
21348
- .cn-calendar-tab__event[data-v-d6947736] {
21722
+ .cn-calendar-tab__event[data-v-44e2340e] {
21349
21723
  display: flex;
21350
21724
  align-items: flex-start;
21351
21725
  gap: 12px;
@@ -21354,17 +21728,17 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21354
21728
  border-left: 3px solid var(--color-primary-element);
21355
21729
  background: var(--color-background-hover);
21356
21730
  }
21357
- .cn-calendar-tab__event + .cn-calendar-tab__event[data-v-d6947736] {
21731
+ .cn-calendar-tab__event + .cn-calendar-tab__event[data-v-44e2340e] {
21358
21732
  margin-top: 4px;
21359
21733
  }
21360
- .cn-calendar-tab__event--past[data-v-d6947736] {
21734
+ .cn-calendar-tab__event--past[data-v-44e2340e] {
21361
21735
  border-left-color: var(--color-border-dark, var(--color-border));
21362
21736
  background: transparent;
21363
21737
  opacity: 0.72;
21364
21738
  }
21365
21739
 
21366
21740
  /* Date block */
21367
- .cn-calendar-tab__date[data-v-d6947736] {
21741
+ .cn-calendar-tab__date[data-v-44e2340e] {
21368
21742
  flex-shrink: 0;
21369
21743
  width: 44px;
21370
21744
  display: flex;
@@ -21377,36 +21751,36 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21377
21751
  color: var(--color-primary-element-text, #fff);
21378
21752
  line-height: 1.1;
21379
21753
  }
21380
- .cn-calendar-tab__date--past[data-v-d6947736] {
21754
+ .cn-calendar-tab__date--past[data-v-44e2340e] {
21381
21755
  background: var(--color-background-dark);
21382
21756
  color: var(--color-text-maxcontrast);
21383
21757
  }
21384
- .cn-calendar-tab__date-month[data-v-d6947736] {
21758
+ .cn-calendar-tab__date-month[data-v-44e2340e] {
21385
21759
  font-size: 10px;
21386
21760
  font-weight: 600;
21387
21761
  text-transform: uppercase;
21388
21762
  letter-spacing: 0.05em;
21389
21763
  }
21390
- .cn-calendar-tab__date-day[data-v-d6947736] {
21764
+ .cn-calendar-tab__date-day[data-v-44e2340e] {
21391
21765
  font-size: 18px;
21392
21766
  font-weight: 700;
21393
21767
  }
21394
21768
 
21395
21769
  /* Main column */
21396
- .cn-calendar-tab__main[data-v-d6947736] {
21770
+ .cn-calendar-tab__main[data-v-44e2340e] {
21397
21771
  flex: 1;
21398
21772
  min-width: 0;
21399
21773
  display: flex;
21400
21774
  flex-direction: column;
21401
21775
  gap: 3px;
21402
21776
  }
21403
- .cn-calendar-tab__title-row[data-v-d6947736] {
21777
+ .cn-calendar-tab__title-row[data-v-44e2340e] {
21404
21778
  display: flex;
21405
21779
  align-items: center;
21406
21780
  gap: 6px;
21407
21781
  min-width: 0;
21408
21782
  }
21409
- .cn-calendar-tab__title[data-v-d6947736] {
21783
+ .cn-calendar-tab__title[data-v-44e2340e] {
21410
21784
  font-size: 14px;
21411
21785
  font-weight: 600;
21412
21786
  color: var(--color-main-text);
@@ -21414,8 +21788,8 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21414
21788
  overflow: hidden;
21415
21789
  text-overflow: ellipsis;
21416
21790
  }
21417
- .cn-calendar-tab__when[data-v-d6947736],
21418
- .cn-calendar-tab__location[data-v-d6947736] {
21791
+ .cn-calendar-tab__when[data-v-44e2340e],
21792
+ .cn-calendar-tab__location[data-v-44e2340e] {
21419
21793
  display: flex;
21420
21794
  align-items: center;
21421
21795
  gap: 5px;
@@ -21423,23 +21797,23 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21423
21797
  color: var(--color-text-maxcontrast);
21424
21798
  min-width: 0;
21425
21799
  }
21426
- .cn-calendar-tab__meta-icon[data-v-d6947736] {
21800
+ .cn-calendar-tab__meta-icon[data-v-44e2340e] {
21427
21801
  flex-shrink: 0;
21428
21802
  color: var(--color-text-maxcontrast);
21429
21803
  }
21430
- .cn-calendar-tab__location-text[data-v-d6947736] {
21804
+ .cn-calendar-tab__location-text[data-v-44e2340e] {
21431
21805
  overflow: hidden;
21432
21806
  text-overflow: ellipsis;
21433
21807
  white-space: nowrap;
21434
21808
  }
21435
21809
 
21436
21810
  /* Attendees */
21437
- .cn-calendar-tab__attendees[data-v-d6947736] {
21811
+ .cn-calendar-tab__attendees[data-v-44e2340e] {
21438
21812
  display: flex;
21439
21813
  align-items: center;
21440
21814
  margin-top: 2px;
21441
21815
  }
21442
- .cn-calendar-tab__avatar[data-v-d6947736] {
21816
+ .cn-calendar-tab__avatar[data-v-44e2340e] {
21443
21817
  width: 24px;
21444
21818
  height: 24px;
21445
21819
  border-radius: 50%;
@@ -21454,16 +21828,16 @@ a.cn-bookmarks-card__title[data-v-6296b268]:hover {
21454
21828
  margin-left: -6px;
21455
21829
  flex-shrink: 0;
21456
21830
  }
21457
- .cn-calendar-tab__avatar[data-v-d6947736]:first-child {
21831
+ .cn-calendar-tab__avatar[data-v-44e2340e]:first-child {
21458
21832
  margin-left: 0;
21459
21833
  }
21460
- .cn-calendar-tab__avatar--more[data-v-d6947736] {
21834
+ .cn-calendar-tab__avatar--more[data-v-44e2340e] {
21461
21835
  background: var(--color-background-dark);
21462
21836
  color: var(--color-text-maxcontrast);
21463
21837
  }
21464
21838
 
21465
21839
  /* Actions */
21466
- .cn-calendar-tab__actions[data-v-d6947736] {
21840
+ .cn-calendar-tab__actions[data-v-44e2340e] {
21467
21841
  flex-shrink: 0;
21468
21842
  }
21469
21843
 
@@ -22679,25 +23053,25 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22679
23053
  }
22680
23054
 
22681
23055
 
22682
- .cn-deck-card__action-error[data-v-d8cff1c2] {
23056
+ .cn-deck-card__action-error[data-v-68f05db0] {
22683
23057
  margin: 8px 0 0;
22684
23058
  color: var(--color-error-text, var(--color-error));
22685
23059
  }
22686
- .cn-deck-card__empty[data-v-d8cff1c2] {
23060
+ .cn-deck-card__empty[data-v-68f05db0] {
22687
23061
  color: var(--color-text-maxcontrast);
22688
23062
  font-size: 0.9em;
22689
23063
  padding: 8px 0;
22690
23064
  }
22691
- .cn-deck-card__headline[data-v-d8cff1c2] {
23065
+ .cn-deck-card__headline[data-v-68f05db0] {
22692
23066
  display: flex;
22693
23067
  flex-direction: column;
22694
23068
  gap: 6px;
22695
23069
  }
22696
- .cn-deck-card__headline-line[data-v-d8cff1c2] {
23070
+ .cn-deck-card__headline-line[data-v-68f05db0] {
22697
23071
  font-size: 1.1em;
22698
23072
  color: var(--color-main-text);
22699
23073
  }
22700
- .cn-deck-card__distribution[data-v-d8cff1c2] {
23074
+ .cn-deck-card__distribution[data-v-68f05db0] {
22701
23075
  list-style: none;
22702
23076
  margin: 0;
22703
23077
  padding: 0;
@@ -22705,7 +23079,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22705
23079
  flex-direction: column;
22706
23080
  gap: 2px;
22707
23081
  }
22708
- .cn-deck-card__distribution-row[data-v-d8cff1c2] {
23082
+ .cn-deck-card__distribution-row[data-v-68f05db0] {
22709
23083
  display: flex;
22710
23084
  align-items: center;
22711
23085
  justify-content: space-between;
@@ -22713,11 +23087,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22713
23087
  font-size: 0.85em;
22714
23088
  color: var(--color-text-maxcontrast);
22715
23089
  }
22716
- .cn-deck-card__distribution-count[data-v-d8cff1c2] {
23090
+ .cn-deck-card__distribution-count[data-v-68f05db0] {
22717
23091
  font-weight: 600;
22718
23092
  color: var(--color-main-text);
22719
23093
  }
22720
- .cn-deck-card__headline-recent[data-v-d8cff1c2] {
23094
+ .cn-deck-card__headline-recent[data-v-68f05db0] {
22721
23095
  display: flex;
22722
23096
  align-items: center;
22723
23097
  gap: 6px;
@@ -22727,14 +23101,14 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22727
23101
  text-overflow: ellipsis;
22728
23102
  white-space: nowrap;
22729
23103
  }
22730
- .cn-deck-card__headline-recent a[data-v-d8cff1c2] {
23104
+ .cn-deck-card__headline-recent a[data-v-68f05db0] {
22731
23105
  color: var(--color-main-text);
22732
23106
  text-decoration: none;
22733
23107
  }
22734
- .cn-deck-card__headline-recent a[data-v-d8cff1c2]:hover {
23108
+ .cn-deck-card__headline-recent a[data-v-68f05db0]:hover {
22735
23109
  text-decoration: underline;
22736
23110
  }
22737
- .cn-deck-card__chip[data-v-d8cff1c2] {
23111
+ .cn-deck-card__chip[data-v-68f05db0] {
22738
23112
  display: inline-flex;
22739
23113
  align-items: center;
22740
23114
  gap: 6px;
@@ -22748,23 +23122,23 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22748
23122
  }
22749
23123
 
22750
23124
  /* stylelint-disable-next-line no-descending-specificity */
22751
- .cn-deck-card__chip a[data-v-d8cff1c2] {
23125
+ .cn-deck-card__chip a[data-v-68f05db0] {
22752
23126
  color: var(--color-main-text);
22753
23127
  text-decoration: none;
22754
23128
  }
22755
- .cn-deck-card__chip a[data-v-d8cff1c2]:hover {
23129
+ .cn-deck-card__chip a[data-v-68f05db0]:hover {
22756
23130
  text-decoration: underline;
22757
23131
  }
22758
- .cn-deck-card__chip-stack[data-v-d8cff1c2] {
23132
+ .cn-deck-card__chip-stack[data-v-68f05db0] {
22759
23133
  color: var(--color-text-maxcontrast);
22760
23134
  font-size: 0.85em;
22761
23135
  }
22762
- .cn-deck-card__kanban[data-v-d8cff1c2] {
23136
+ .cn-deck-card__kanban[data-v-68f05db0] {
22763
23137
  display: flex;
22764
23138
  gap: 8px;
22765
23139
  align-items: flex-start;
22766
23140
  }
22767
- .cn-deck-card__column[data-v-d8cff1c2] {
23141
+ .cn-deck-card__column[data-v-68f05db0] {
22768
23142
  flex: 1;
22769
23143
  min-width: 0;
22770
23144
  display: flex;
@@ -22774,13 +23148,13 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22774
23148
  border-radius: var(--border-radius);
22775
23149
  background: var(--color-background-hover);
22776
23150
  }
22777
- .cn-deck-card__column-header[data-v-d8cff1c2] {
23151
+ .cn-deck-card__column-header[data-v-68f05db0] {
22778
23152
  display: flex;
22779
23153
  align-items: center;
22780
23154
  justify-content: space-between;
22781
23155
  gap: 4px;
22782
23156
  }
22783
- .cn-deck-card__column-title[data-v-d8cff1c2] {
23157
+ .cn-deck-card__column-title[data-v-68f05db0] {
22784
23158
  font-size: 0.85em;
22785
23159
  font-weight: 600;
22786
23160
  color: var(--color-main-text);
@@ -22788,11 +23162,11 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22788
23162
  text-overflow: ellipsis;
22789
23163
  white-space: nowrap;
22790
23164
  }
22791
- .cn-deck-card__column-count[data-v-d8cff1c2] {
23165
+ .cn-deck-card__column-count[data-v-68f05db0] {
22792
23166
  font-size: 0.7em;
22793
23167
  color: var(--color-text-maxcontrast);
22794
23168
  }
22795
- .cn-deck-card__column-list[data-v-d8cff1c2] {
23169
+ .cn-deck-card__column-list[data-v-68f05db0] {
22796
23170
  list-style: none;
22797
23171
  margin: 0;
22798
23172
  padding: 0;
@@ -22800,7 +23174,7 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22800
23174
  flex-direction: column;
22801
23175
  gap: 3px;
22802
23176
  }
22803
- .cn-deck-card__row[data-v-d8cff1c2] {
23177
+ .cn-deck-card__row[data-v-68f05db0] {
22804
23178
  padding: 4px 6px;
22805
23179
  border-radius: 4px;
22806
23180
  background: var(--color-main-background);
@@ -22810,27 +23184,27 @@ a.cn-cospend-card__title[data-v-187e2336]:hover {
22810
23184
  text-overflow: ellipsis;
22811
23185
  white-space: nowrap;
22812
23186
  }
22813
- .cn-deck-card__row--highlight[data-v-d8cff1c2] {
23187
+ .cn-deck-card__row--highlight[data-v-68f05db0] {
22814
23188
  border-color: var(--color-primary-element, #21468B);
22815
23189
  background: var(--color-primary-element-light, var(--color-background-darker));
22816
23190
  font-weight: 600;
22817
23191
  }
22818
- .cn-deck-card__title[data-v-d8cff1c2] {
23192
+ .cn-deck-card__title[data-v-68f05db0] {
22819
23193
  color: var(--color-main-text);
22820
23194
  text-decoration: none;
22821
23195
  }
22822
- a.cn-deck-card__title[data-v-d8cff1c2]:hover {
23196
+ a.cn-deck-card__title[data-v-68f05db0]:hover {
22823
23197
  text-decoration: underline;
22824
23198
  }
22825
23199
 
22826
23200
 
22827
- .cn-deck-tab__actions[data-v-d4b5abb2] {
23201
+ .cn-deck-tab__actions[data-v-bf899238] {
22828
23202
  display: flex;
22829
23203
  gap: 8px;
22830
23204
  margin-bottom: 8px;
22831
23205
  flex-wrap: wrap;
22832
23206
  }
22833
- .cn-deck-tab__banner[data-v-d4b5abb2] {
23207
+ .cn-deck-tab__banner[data-v-bf899238] {
22834
23208
  display: flex;
22835
23209
  align-items: center;
22836
23210
  gap: 8px;
@@ -22841,12 +23215,12 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22841
23215
  color: var(--color-main-background);
22842
23216
  font-size: 0.9em;
22843
23217
  }
22844
- .cn-deck-tab__error[data-v-d4b5abb2] {
23218
+ .cn-deck-tab__error[data-v-bf899238] {
22845
23219
  color: var(--color-error);
22846
23220
  font-size: 0.9em;
22847
23221
  margin: 4px 0 8px;
22848
23222
  }
22849
- .cn-deck-tab__empty[data-v-d4b5abb2] {
23223
+ .cn-deck-tab__empty[data-v-bf899238] {
22850
23224
  display: flex;
22851
23225
  flex-direction: column;
22852
23226
  align-items: center;
@@ -22855,15 +23229,15 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22855
23229
  color: var(--color-text-maxcontrast);
22856
23230
  text-align: center;
22857
23231
  }
22858
- .cn-deck-tab__empty-icon[data-v-d4b5abb2] {
23232
+ .cn-deck-tab__empty-icon[data-v-bf899238] {
22859
23233
  color: var(--color-text-maxcontrast);
22860
23234
  }
22861
- .cn-deck-tab__kanban[data-v-d4b5abb2] {
23235
+ .cn-deck-tab__kanban[data-v-bf899238] {
22862
23236
  display: flex;
22863
23237
  flex-direction: column;
22864
23238
  gap: 12px;
22865
23239
  }
22866
- .cn-deck-tab__column[data-v-d4b5abb2] {
23240
+ .cn-deck-tab__column[data-v-bf899238] {
22867
23241
  display: flex;
22868
23242
  flex-direction: column;
22869
23243
  gap: 6px;
@@ -22871,25 +23245,25 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22871
23245
  border-radius: var(--border-radius);
22872
23246
  background: var(--color-background-hover);
22873
23247
  }
22874
- .cn-deck-tab__column-header[data-v-d4b5abb2] {
23248
+ .cn-deck-tab__column-header[data-v-bf899238] {
22875
23249
  display: flex;
22876
23250
  align-items: center;
22877
23251
  justify-content: space-between;
22878
23252
  gap: 8px;
22879
23253
  padding: 0 2px;
22880
23254
  }
22881
- .cn-deck-tab__column-title[data-v-d4b5abb2] {
23255
+ .cn-deck-tab__column-title[data-v-bf899238] {
22882
23256
  font-weight: 600;
22883
23257
  color: var(--color-main-text);
22884
23258
  }
22885
- .cn-deck-tab__column-count[data-v-d4b5abb2] {
23259
+ .cn-deck-tab__column-count[data-v-bf899238] {
22886
23260
  font-size: 0.75em;
22887
23261
  color: var(--color-text-maxcontrast);
22888
23262
  background: var(--color-background-dark);
22889
23263
  padding: 1px 6px;
22890
23264
  border-radius: 8px;
22891
23265
  }
22892
- .cn-deck-tab__column-list[data-v-d4b5abb2] {
23266
+ .cn-deck-tab__column-list[data-v-bf899238] {
22893
23267
  list-style: none;
22894
23268
  margin: 0;
22895
23269
  padding: 0;
@@ -22897,7 +23271,7 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22897
23271
  flex-direction: column;
22898
23272
  gap: 4px;
22899
23273
  }
22900
- .cn-deck-tab__card[data-v-d4b5abb2] {
23274
+ .cn-deck-tab__card[data-v-bf899238] {
22901
23275
  display: flex;
22902
23276
  flex-direction: column;
22903
23277
  gap: 5px;
@@ -22908,14 +23282,14 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22908
23282
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
22909
23283
  transition: box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;
22910
23284
  }
22911
- .cn-deck-tab__card[data-v-d4b5abb2]:hover {
23285
+ .cn-deck-tab__card[data-v-bf899238]:hover {
22912
23286
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
22913
23287
  border-color: var(--color-border-dark);
22914
23288
  }
22915
- .cn-deck-tab__card--overdue[data-v-d4b5abb2] {
23289
+ .cn-deck-tab__card--overdue[data-v-bf899238] {
22916
23290
  border-color: var(--color-error);
22917
23291
  }
22918
- .cn-deck-tab__card-board[data-v-d4b5abb2] {
23292
+ .cn-deck-tab__card-board[data-v-bf899238] {
22919
23293
  display: inline-flex;
22920
23294
  align-items: center;
22921
23295
  gap: 3px;
@@ -22931,7 +23305,7 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22931
23305
  text-overflow: ellipsis;
22932
23306
  white-space: nowrap;
22933
23307
  }
22934
- .cn-deck-tab__card-title[data-v-d4b5abb2] {
23308
+ .cn-deck-tab__card-title[data-v-bf899238] {
22935
23309
  color: var(--color-main-text);
22936
23310
  text-decoration: none;
22937
23311
  font-weight: 600;
@@ -22939,17 +23313,17 @@ a.cn-deck-card__title[data-v-d8cff1c2]:hover {
22939
23313
  text-overflow: ellipsis;
22940
23314
  white-space: nowrap;
22941
23315
  }
22942
- a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
23316
+ a.cn-deck-tab__card-title[data-v-bf899238]:hover {
22943
23317
  text-decoration: underline;
22944
23318
  }
22945
- .cn-deck-tab__card-labels[data-v-d4b5abb2] {
23319
+ .cn-deck-tab__card-labels[data-v-bf899238] {
22946
23320
  display: flex;
22947
23321
  flex-wrap: wrap;
22948
23322
  gap: 4px;
22949
23323
  }
22950
23324
 
22951
23325
  /* Deck label chips: solid card-label colour with a readable text shade. */
22952
- .cn-deck-tab__chip[data-v-d4b5abb2] {
23326
+ .cn-deck-tab__chip[data-v-bf899238] {
22953
23327
  display: inline-block;
22954
23328
  max-width: 100%;
22955
23329
  padding: 1px 8px;
@@ -22963,7 +23337,7 @@ a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
22963
23337
  text-overflow: ellipsis;
22964
23338
  white-space: nowrap;
22965
23339
  }
22966
- .cn-deck-tab__card-footer[data-v-d4b5abb2] {
23340
+ .cn-deck-tab__card-footer[data-v-bf899238] {
22967
23341
  display: flex;
22968
23342
  align-items: center;
22969
23343
  justify-content: space-between;
@@ -22971,24 +23345,24 @@ a.cn-deck-tab__card-title[data-v-d4b5abb2]:hover {
22971
23345
  flex-wrap: wrap;
22972
23346
  margin-top: 2px;
22973
23347
  }
22974
- .cn-deck-tab__due-icon[data-v-d4b5abb2] {
23348
+ .cn-deck-tab__due-icon[data-v-bf899238] {
22975
23349
  display: inline-flex;
22976
23350
  margin-right: 2px;
22977
23351
  vertical-align: text-bottom;
22978
23352
  }
22979
- .cn-deck-tab__avatars[data-v-d4b5abb2] {
23353
+ .cn-deck-tab__avatars[data-v-bf899238] {
22980
23354
  display: flex;
22981
23355
  align-items: center;
22982
23356
  margin-left: auto;
22983
23357
  }
22984
- .cn-deck-tab__avatar[data-v-d4b5abb2] {
23358
+ .cn-deck-tab__avatar[data-v-bf899238] {
22985
23359
  border: 2px solid var(--color-main-background);
22986
23360
  border-radius: 50%;
22987
23361
  }
22988
- .cn-deck-tab__avatar[data-v-d4b5abb2]:not(:first-child) {
23362
+ .cn-deck-tab__avatar[data-v-bf899238]:not(:first-child) {
22989
23363
  margin-left: -8px;
22990
23364
  }
22991
- .cn-deck-tab__avatar-overflow[data-v-d4b5abb2] {
23365
+ .cn-deck-tab__avatar-overflow[data-v-bf899238] {
22992
23366
  display: inline-flex;
22993
23367
  align-items: center;
22994
23368
  justify-content: center;
@@ -23748,7 +24122,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23748
24122
  }
23749
24123
 
23750
24124
 
23751
- .cn-files-browser[data-v-23ff0221] {
24125
+ .cn-files-browser[data-v-5246192c] {
23752
24126
  display: flex;
23753
24127
  flex-direction: column;
23754
24128
  gap: 8px;
@@ -23756,22 +24130,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23756
24130
  position: relative;
23757
24131
  border-radius: var(--border-radius-large, 8px);
23758
24132
  }
23759
- .cn-files-browser--dragging[data-v-23ff0221] {
24133
+ .cn-files-browser--dragging[data-v-5246192c] {
23760
24134
  outline: 2px dashed var(--color-primary-element);
23761
24135
  outline-offset: 4px;
23762
24136
  }
23763
24137
 
23764
24138
  /* With a `dropDetail` the drop state fills the panel it sits in, as the
23765
24139
  board draws it (DqZaakDocumentenSlepen), not only the list's own height. */
23766
- .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-23ff0221] {
24140
+ .cn-files-browser--dragging.cn-files-browser--drop-panel[data-v-5246192c] {
23767
24141
  min-height: max(320px, 100%);
23768
24142
  }
23769
- .cn-files-browser__drop-detail[data-v-23ff0221] {
24143
+ .cn-files-browser__drop-detail[data-v-5246192c] {
23770
24144
  max-width: 520px;
23771
24145
  font-size: 14px;
23772
24146
  color: var(--color-main-text);
23773
24147
  }
23774
- .cn-files-browser__drop-overlay[data-v-23ff0221] {
24148
+ .cn-files-browser__drop-overlay[data-v-5246192c] {
23775
24149
  position: absolute;
23776
24150
  inset: 0;
23777
24151
  z-index: 2;
@@ -23789,7 +24163,7 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23789
24163
  text-align: center;
23790
24164
  pointer-events: none;
23791
24165
  }
23792
- .cn-files-browser__drop-icon[data-v-23ff0221] {
24166
+ .cn-files-browser__drop-icon[data-v-5246192c] {
23793
24167
  display: flex;
23794
24168
  align-items: center;
23795
24169
  justify-content: center;
@@ -23799,11 +24173,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23799
24173
  background: var(--color-main-background);
23800
24174
  color: var(--color-primary-element);
23801
24175
  }
23802
- .cn-files-browser__drop-label[data-v-23ff0221] {
24176
+ .cn-files-browser__drop-label[data-v-5246192c] {
23803
24177
  font-size: 20px;
23804
24178
  font-weight: 700;
23805
24179
  }
23806
- .cn-files-browser__drop-hint[data-v-23ff0221] {
24180
+ .cn-files-browser__drop-hint[data-v-5246192c] {
23807
24181
  display: flex;
23808
24182
  align-items: center;
23809
24183
  gap: 8px;
@@ -23813,14 +24187,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23813
24187
  font-size: 13px;
23814
24188
  color: var(--color-text-maxcontrast);
23815
24189
  }
23816
- .cn-files-browser__bar[data-v-23ff0221] {
24190
+ .cn-files-browser__bar[data-v-5246192c] {
23817
24191
  display: flex;
23818
24192
  align-items: center;
23819
24193
  justify-content: space-between;
23820
24194
  gap: 8px;
23821
24195
  min-width: 0;
23822
24196
  }
23823
- .cn-files-browser__crumbs[data-v-23ff0221] {
24197
+ .cn-files-browser__crumbs[data-v-5246192c] {
23824
24198
  min-width: 0;
23825
24199
  flex: 1 1 auto;
23826
24200
  }
@@ -23828,13 +24202,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23828
24202
  /* The crumbs give way, the controls do not: a long crumb (a folder named
23829
24203
  after a uuid) shrank the upload button to "Bestanden..." while the crumbs
23830
24204
  kept their width. */
23831
- .cn-files-browser__bar[data-v-23ff0221] > :not(.cn-files-browser__crumbs) {
24205
+ .cn-files-browser__bar[data-v-5246192c] > :not(.cn-files-browser__crumbs) {
23832
24206
  flex-shrink: 0;
23833
24207
  }
23834
- .cn-files-browser__file-input[data-v-23ff0221] {
24208
+ .cn-files-browser__file-input[data-v-5246192c] {
23835
24209
  display: none;
23836
24210
  }
23837
- .cn-files-browser__uploads[data-v-23ff0221] {
24211
+ .cn-files-browser__uploads[data-v-5246192c] {
23838
24212
  list-style: none;
23839
24213
  margin: 0;
23840
24214
  padding: 0;
@@ -23842,35 +24216,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23842
24216
  flex-direction: column;
23843
24217
  gap: 4px;
23844
24218
  }
23845
- .cn-files-browser__upload[data-v-23ff0221] {
24219
+ .cn-files-browser__upload[data-v-5246192c] {
23846
24220
  display: flex;
23847
24221
  flex-direction: column;
23848
24222
  gap: 2px;
23849
24223
  }
23850
- .cn-files-browser__upload-name[data-v-23ff0221] {
24224
+ .cn-files-browser__upload-name[data-v-5246192c] {
23851
24225
  font-size: 13px;
23852
24226
  }
23853
- .cn-files-browser__upload-error[data-v-23ff0221] {
24227
+ .cn-files-browser__upload-error[data-v-5246192c] {
23854
24228
  color: var(--color-error);
23855
24229
  font-size: 13px;
23856
24230
  }
23857
- .cn-files-browser__loading[data-v-23ff0221] {
24231
+ .cn-files-browser__loading[data-v-5246192c] {
23858
24232
  padding: 24px 0;
23859
24233
  }
23860
24234
 
23861
24235
  /* `sideCards`: the list and, while a file is selected, a column of cards. */
23862
- .cn-files-browser__body--with-side[data-v-23ff0221] {
24236
+ .cn-files-browser__body--with-side[data-v-5246192c] {
23863
24237
  display: grid;
23864
24238
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
23865
24239
  align-items: start;
23866
24240
  gap: 16px;
23867
24241
  }
23868
24242
  @media (max-width: 900px) {
23869
- .cn-files-browser__body--with-side[data-v-23ff0221] {
24243
+ .cn-files-browser__body--with-side[data-v-5246192c] {
23870
24244
  grid-template-columns: minmax(0, 1fr);
23871
24245
  }
23872
24246
  }
23873
- .cn-files-browser__side[data-v-23ff0221] {
24247
+ .cn-files-browser__side[data-v-5246192c] {
23874
24248
  display: flex;
23875
24249
  flex-direction: column;
23876
24250
  gap: 12px;
@@ -23878,14 +24252,14 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23878
24252
 
23879
24253
  /* In the detail page's side column the cards take its gap and its card
23880
24254
  anatomy, as the page's own side cards are drawn. */
23881
- .cn-files-browser__side--in-page[data-v-23ff0221] {
24255
+ .cn-files-browser__side--in-page[data-v-5246192c] {
23882
24256
  gap: calc(5 * var(--default-grid-baseline));
23883
24257
  }
23884
- .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-23ff0221] {
24258
+ .cn-files-browser__side--in-page .cn-files-browser__side-card[data-v-5246192c] {
23885
24259
  padding: var(--cn-board-card-padding, 16px 18px);
23886
24260
  border-radius: var(--cn-board-card-radius, var(--border-radius-large));
23887
24261
  }
23888
- .cn-files-browser__side-card[data-v-23ff0221] {
24262
+ .cn-files-browser__side-card[data-v-5246192c] {
23889
24263
  display: flex;
23890
24264
  flex-direction: column;
23891
24265
  gap: 10px;
@@ -23894,13 +24268,13 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23894
24268
  border-radius: var(--border-radius-large);
23895
24269
  background: var(--color-main-background);
23896
24270
  }
23897
- .cn-files-browser__side-title[data-v-23ff0221] {
24271
+ .cn-files-browser__side-title[data-v-5246192c] {
23898
24272
  margin: 0;
23899
24273
  font-size: 15px;
23900
24274
  font-weight: 700;
23901
24275
  overflow-wrap: anywhere;
23902
24276
  }
23903
- .cn-files-browser__side-facts[data-v-23ff0221] {
24277
+ .cn-files-browser__side-facts[data-v-5246192c] {
23904
24278
  display: grid;
23905
24279
  grid-template-columns: max-content minmax(0, 1fr);
23906
24280
  gap: 6px 12px;
@@ -23910,22 +24284,22 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23910
24284
 
23911
24285
  /* Core's apps.css draws every dt/dd inline-block with a fixed, end-aligned dt.
23912
24286
  @spec openspec/changes/files-side-facts-core-dl/specs/files-side-facts-core-dl/spec.md#requirement-a-file-side-cards-facts-are-not-drawn-by-cores-dl-rules */
23913
- .cn-files-browser__side-facts dt[data-v-23ff0221],
23914
- .cn-files-browser__side-facts dd[data-v-23ff0221] {
24287
+ .cn-files-browser__side-facts dt[data-v-5246192c],
24288
+ .cn-files-browser__side-facts dd[data-v-5246192c] {
23915
24289
  display: block;
23916
24290
  width: auto;
23917
24291
  padding: 0;
23918
24292
  text-align: start;
23919
24293
  white-space: normal;
23920
24294
  }
23921
- .cn-files-browser__side-facts dt[data-v-23ff0221] {
24295
+ .cn-files-browser__side-facts dt[data-v-5246192c] {
23922
24296
  color: var(--color-text-maxcontrast);
23923
24297
  }
23924
- .cn-files-browser__side-facts dd[data-v-23ff0221] {
24298
+ .cn-files-browser__side-facts dd[data-v-5246192c] {
23925
24299
  margin: 0;
23926
24300
  overflow-wrap: anywhere;
23927
24301
  }
23928
- .cn-files-browser__side-actions[data-v-23ff0221] {
24302
+ .cn-files-browser__side-actions[data-v-5246192c] {
23929
24303
  display: flex;
23930
24304
  flex-wrap: wrap;
23931
24305
  gap: 8px;
@@ -23933,35 +24307,35 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23933
24307
 
23934
24308
  /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
23935
24309
  text in the tone's colour, as the boards write a restricted level. */
23936
- .cn-files-browser__tone[data-v-23ff0221] {
24310
+ .cn-files-browser__tone[data-v-5246192c] {
23937
24311
  font-weight: 600;
23938
24312
  }
23939
- .cn-files-browser__tone--success[data-v-23ff0221] {
24313
+ .cn-files-browser__tone--success[data-v-5246192c] {
23940
24314
  color: var(--color-success-text, var(--color-success));
23941
24315
  }
23942
- .cn-files-browser__tone--warning[data-v-23ff0221] {
24316
+ .cn-files-browser__tone--warning[data-v-5246192c] {
23943
24317
  color: var(--color-warning-text, var(--color-warning));
23944
24318
  }
23945
- .cn-files-browser__tone--error[data-v-23ff0221] {
24319
+ .cn-files-browser__tone--error[data-v-5246192c] {
23946
24320
  color: var(--color-error-text, var(--color-error));
23947
24321
  }
23948
- .cn-files-browser__tone--primary[data-v-23ff0221],
23949
- .cn-files-browser__tone--info[data-v-23ff0221] {
24322
+ .cn-files-browser__tone--primary[data-v-5246192c],
24323
+ .cn-files-browser__tone--info[data-v-5246192c] {
23950
24324
  color: var(--color-primary-element-light-text, var(--color-primary-element));
23951
24325
  }
23952
- .cn-files-browser__table[data-v-23ff0221] {
24326
+ .cn-files-browser__table[data-v-5246192c] {
23953
24327
  width: 100%;
23954
24328
  border-collapse: collapse;
23955
24329
  table-layout: fixed;
23956
24330
  }
23957
- .cn-files-browser__table th[data-v-23ff0221] {
24331
+ .cn-files-browser__table th[data-v-5246192c] {
23958
24332
  text-align: start;
23959
24333
  font-weight: normal;
23960
24334
  color: var(--color-text-maxcontrast);
23961
24335
  padding: 4px 8px;
23962
24336
  border-bottom: 1px solid var(--color-border);
23963
24337
  }
23964
- .cn-files-browser__sort[data-v-23ff0221] {
24338
+ .cn-files-browser__sort[data-v-5246192c] {
23965
24339
  background: none;
23966
24340
  border: none;
23967
24341
  padding: 0;
@@ -23972,46 +24346,46 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
23972
24346
  align-items: center;
23973
24347
  gap: 2px;
23974
24348
  }
23975
- .cn-files-browser__sort[data-v-23ff0221]:hover,
23976
- .cn-files-browser__sort[data-v-23ff0221]:focus-visible {
24349
+ .cn-files-browser__sort[data-v-5246192c]:hover,
24350
+ .cn-files-browser__sort[data-v-5246192c]:focus-visible {
23977
24351
  color: var(--color-main-text);
23978
24352
  }
23979
- .cn-files-browser__row[data-v-23ff0221] {
24353
+ .cn-files-browser__row[data-v-5246192c] {
23980
24354
  cursor: pointer;
23981
24355
  }
23982
- .cn-files-browser__row[data-v-23ff0221]:hover,
23983
- .cn-files-browser__row[data-v-23ff0221]:focus-within {
24356
+ .cn-files-browser__row[data-v-5246192c]:hover,
24357
+ .cn-files-browser__row[data-v-5246192c]:focus-within {
23984
24358
  background-color: var(--color-background-hover);
23985
24359
  }
23986
- .cn-files-browser__table td[data-v-23ff0221] {
24360
+ .cn-files-browser__table td[data-v-5246192c] {
23987
24361
  padding: 4px 8px;
23988
24362
  border-bottom: 1px solid var(--color-border);
23989
24363
  vertical-align: middle;
23990
24364
  }
23991
- .cn-files-browser__col-icon[data-v-23ff0221] {
24365
+ .cn-files-browser__col-icon[data-v-5246192c] {
23992
24366
  width: 48px;
23993
24367
  }
23994
- .cn-files-browser__col-size[data-v-23ff0221] {
24368
+ .cn-files-browser__col-size[data-v-5246192c] {
23995
24369
  width: 96px;
23996
24370
  white-space: nowrap;
23997
24371
  color: var(--color-text-maxcontrast);
23998
24372
  }
23999
- .cn-files-browser__col-mtime[data-v-23ff0221] {
24373
+ .cn-files-browser__col-mtime[data-v-5246192c] {
24000
24374
  width: 140px;
24001
24375
  white-space: nowrap;
24002
24376
  color: var(--color-text-maxcontrast);
24003
24377
  }
24004
- .cn-files-browser__col-select[data-v-23ff0221] {
24378
+ .cn-files-browser__col-select[data-v-5246192c] {
24005
24379
  width: 36px;
24006
24380
  text-align: center;
24007
24381
  }
24008
- .cn-files-browser__select[data-v-23ff0221] {
24382
+ .cn-files-browser__select[data-v-5246192c] {
24009
24383
  width: 18px;
24010
24384
  height: 18px;
24011
24385
  margin: 0;
24012
24386
  accent-color: var(--color-primary-element);
24013
24387
  }
24014
- .cn-files-browser__bulk-bar[data-v-23ff0221] {
24388
+ .cn-files-browser__bulk-bar[data-v-5246192c] {
24015
24389
  display: flex;
24016
24390
  flex-wrap: wrap;
24017
24391
  align-items: center;
@@ -24020,11 +24394,11 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
24020
24394
  border-radius: var(--border-radius-large);
24021
24395
  background: var(--color-primary-element-light);
24022
24396
  }
24023
- .cn-files-browser__bulk-count[data-v-23ff0221] {
24397
+ .cn-files-browser__bulk-count[data-v-5246192c] {
24024
24398
  font-weight: 600;
24025
24399
  margin-inline-end: 8px;
24026
24400
  }
24027
- .cn-files-browser__review[data-v-23ff0221] {
24401
+ .cn-files-browser__review[data-v-5246192c] {
24028
24402
  display: flex;
24029
24403
  flex-direction: column;
24030
24404
  gap: 10px;
@@ -24033,28 +24407,28 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
24033
24407
  border-radius: 10px;
24034
24408
  background: var(--color-background-hover);
24035
24409
  }
24036
- .cn-files-browser__review-head[data-v-23ff0221] {
24410
+ .cn-files-browser__review-head[data-v-5246192c] {
24037
24411
  display: flex;
24038
24412
  flex-wrap: wrap;
24039
24413
  align-items: baseline;
24040
24414
  justify-content: space-between;
24041
24415
  gap: 8px;
24042
24416
  }
24043
- .cn-files-browser__review-title[data-v-23ff0221] {
24417
+ .cn-files-browser__review-title[data-v-5246192c] {
24044
24418
  font-size: 15px;
24045
24419
  }
24046
- .cn-files-browser__review-sub[data-v-23ff0221] {
24420
+ .cn-files-browser__review-sub[data-v-5246192c] {
24047
24421
  color: var(--color-text-maxcontrast);
24048
24422
  font-size: 13px;
24049
24423
  }
24050
- .cn-files-browser__review-bar[data-v-23ff0221] {
24424
+ .cn-files-browser__review-bar[data-v-5246192c] {
24051
24425
  display: flex;
24052
24426
  height: 8px;
24053
24427
  overflow: hidden;
24054
24428
  border-radius: 4px;
24055
24429
  background: var(--color-border);
24056
24430
  }
24057
- .cn-files-browser__review-legend[data-v-23ff0221] {
24431
+ .cn-files-browser__review-legend[data-v-5246192c] {
24058
24432
  display: flex;
24059
24433
  flex-wrap: wrap;
24060
24434
  gap: 8px 18px;
@@ -24063,48 +24437,48 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
24063
24437
  font-size: 14px;
24064
24438
  list-style: none;
24065
24439
  }
24066
- .cn-files-browser__review-legend li[data-v-23ff0221] {
24440
+ .cn-files-browser__review-legend li[data-v-5246192c] {
24067
24441
  display: inline-flex;
24068
24442
  align-items: center;
24069
24443
  gap: 8px;
24070
24444
  }
24071
- .cn-files-browser__review-dot[data-v-23ff0221] {
24445
+ .cn-files-browser__review-dot[data-v-5246192c] {
24072
24446
  width: 10px;
24073
24447
  height: 10px;
24074
24448
  border-radius: 5px;
24075
24449
  }
24076
- .cn-files-browser__review-part--success[data-v-23ff0221] {
24450
+ .cn-files-browser__review-part--success[data-v-5246192c] {
24077
24451
  background: var(--color-success-text, var(--color-success));
24078
24452
  }
24079
- .cn-files-browser__review-part--warning[data-v-23ff0221] {
24453
+ .cn-files-browser__review-part--warning[data-v-5246192c] {
24080
24454
  background: var(--color-warning);
24081
24455
  }
24082
- .cn-files-browser__review-part--error[data-v-23ff0221] {
24456
+ .cn-files-browser__review-part--error[data-v-5246192c] {
24083
24457
  background: var(--color-error-text, var(--color-error));
24084
24458
  }
24085
- .cn-files-browser__review-part--info[data-v-23ff0221] {
24459
+ .cn-files-browser__review-part--info[data-v-5246192c] {
24086
24460
  background: var(--color-primary-element);
24087
24461
  }
24088
- .cn-files-browser__review-part--default[data-v-23ff0221] {
24462
+ .cn-files-browser__review-part--default[data-v-5246192c] {
24089
24463
  background: var(--color-border-dark);
24090
24464
  }
24091
- .cn-files-browser__row-button[data-v-23ff0221] {
24465
+ .cn-files-browser__row-button[data-v-5246192c] {
24092
24466
  display: inline-flex;
24093
24467
  margin-inline-end: 8px;
24094
24468
  vertical-align: middle;
24095
24469
  }
24096
- .cn-files-browser__facets[data-v-23ff0221] {
24470
+ .cn-files-browser__facets[data-v-5246192c] {
24097
24471
  display: flex;
24098
24472
  flex-wrap: wrap;
24099
24473
  align-items: center;
24100
24474
  gap: 8px 16px;
24101
24475
  }
24102
- .cn-files-browser__facet[data-v-23ff0221] {
24476
+ .cn-files-browser__facet[data-v-5246192c] {
24103
24477
  display: flex;
24104
24478
  flex-wrap: wrap;
24105
24479
  gap: 6px;
24106
24480
  }
24107
- .cn-files-browser__facet-chip[data-v-23ff0221] {
24481
+ .cn-files-browser__facet-chip[data-v-5246192c] {
24108
24482
  display: inline-flex;
24109
24483
  align-items: center;
24110
24484
  gap: 6px;
@@ -24116,41 +24490,53 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
24116
24490
  color: var(--color-main-text);
24117
24491
  cursor: pointer;
24118
24492
  }
24119
- .cn-files-browser__facet-chip--active[data-v-23ff0221] {
24493
+ .cn-files-browser__facet-chip--active[data-v-5246192c] {
24120
24494
  border-color: var(--color-primary-element);
24121
24495
  background: var(--color-primary-element-light);
24122
24496
  }
24123
- .cn-files-browser__group-heading[data-v-23ff0221] {
24497
+ .cn-files-browser__group-heading[data-v-5246192c] {
24124
24498
  padding: 12px 8px 4px;
24125
24499
  text-align: start;
24126
24500
  font-weight: 700;
24127
24501
  }
24128
- .cn-files-browser__group-count[data-v-23ff0221] {
24502
+ .cn-files-browser__group-count[data-v-5246192c] {
24129
24503
  margin-inline-start: 6px;
24130
24504
  font-weight: 400;
24131
24505
  color: var(--color-text-maxcontrast);
24132
24506
  }
24133
- .cn-files-browser__no-match[data-v-23ff0221] {
24507
+ .cn-files-browser__no-match[data-v-5246192c] {
24134
24508
  padding: 16px 8px;
24135
24509
  color: var(--color-text-maxcontrast);
24136
24510
  }
24137
- .cn-files-browser__col-actions[data-v-23ff0221] {
24511
+ .cn-files-browser__col-actions[data-v-5246192c] {
24138
24512
  width: 48px;
24139
24513
  white-space: nowrap;
24140
24514
  }
24141
- .cn-files-browser__col-actions[data-v-23ff0221]:has(.cn-files-browser__row-button) {
24515
+ .cn-files-browser__col-actions[data-v-5246192c]:has(.cn-files-browser__row-button) {
24142
24516
  width: auto;
24143
24517
  }
24144
- .cn-files-browser__col-name[data-v-23ff0221] {
24518
+
24519
+ /* The row button and the row menu stand side by side on one line, not
24520
+ stacked (DqZaakDocumenten: Beoordelen, then the menu, 14px apart).
24521
+ @spec openspec/changes/files-row-button-beside-menu/specs/files-row-button-beside-menu/spec.md#requirement-a-files-row-button-stands-beside-the-row-menu */
24522
+ .cn-files-browser__col-actions > .cn-files-browser__row-button[data-v-5246192c],
24523
+ .cn-files-browser__col-actions > .cn-files-browser__row-menu[data-v-5246192c] {
24524
+ display: inline-flex;
24525
+ vertical-align: middle;
24526
+ }
24527
+ .cn-files-browser__col-actions > .cn-files-browser__row-button + .cn-files-browser__row-menu[data-v-5246192c] {
24528
+ margin-inline-start: 14px;
24529
+ }
24530
+ .cn-files-browser__col-name[data-v-5246192c] {
24145
24531
  min-width: 0;
24146
24532
  }
24147
- .cn-files-browser__name[data-v-23ff0221] {
24533
+ .cn-files-browser__name[data-v-5246192c] {
24148
24534
  display: block;
24149
24535
  overflow: hidden;
24150
24536
  text-overflow: ellipsis;
24151
24537
  white-space: nowrap;
24152
24538
  }
24153
- .cn-files-browser__name-secondary[data-v-23ff0221] {
24539
+ .cn-files-browser__name-secondary[data-v-5246192c] {
24154
24540
  display: block;
24155
24541
  overflow: hidden;
24156
24542
  color: var(--color-text-maxcontrast);
@@ -24158,41 +24544,41 @@ button.cn-files-card__open[data-v-1a7b9224]:hover {
24158
24544
  text-overflow: ellipsis;
24159
24545
  white-space: nowrap;
24160
24546
  }
24161
- .cn-files-browser__footnote[data-v-23ff0221] {
24547
+ .cn-files-browser__footnote[data-v-5246192c] {
24162
24548
  margin: 0;
24163
24549
  padding-top: 12px;
24164
24550
  color: var(--color-text-maxcontrast);
24165
24551
  font-size: 13px;
24166
24552
  }
24167
- .cn-files-browser__row--linked[data-v-23ff0221] {
24553
+ .cn-files-browser__row--linked[data-v-5246192c] {
24168
24554
  color: var(--color-text-maxcontrast);
24169
24555
  }
24170
- .cn-files-browser__note[data-v-23ff0221] {
24556
+ .cn-files-browser__note[data-v-5246192c] {
24171
24557
  color: var(--color-text-maxcontrast);
24172
24558
  display: block;
24173
24559
  font-size: var(--font-size-small, 13px);
24174
24560
  }
24175
- .cn-files-browser__note-link[data-v-23ff0221] {
24561
+ .cn-files-browser__note-link[data-v-5246192c] {
24176
24562
  color: inherit;
24177
24563
  text-decoration: underline;
24178
24564
  }
24179
- .cn-files-browser__row--folder .cn-files-browser__name[data-v-23ff0221] {
24565
+ .cn-files-browser__row--folder .cn-files-browser__name[data-v-5246192c] {
24180
24566
  font-weight: 600;
24181
24567
  }
24182
- .cn-files-browser__mime[data-v-23ff0221],
24183
- .cn-files-browser__thumb[data-v-23ff0221] {
24568
+ .cn-files-browser__mime[data-v-5246192c],
24569
+ .cn-files-browser__thumb[data-v-5246192c] {
24184
24570
  width: 32px;
24185
24571
  height: 32px;
24186
24572
  display: block;
24187
24573
  }
24188
- .cn-files-browser__thumb[data-v-23ff0221] {
24574
+ .cn-files-browser__thumb[data-v-5246192c] {
24189
24575
  object-fit: cover;
24190
24576
  border-radius: var(--border-radius, 4px);
24191
24577
  }
24192
- .cn-files-browser__new-folder[data-v-23ff0221] {
24578
+ .cn-files-browser__new-folder[data-v-5246192c] {
24193
24579
  padding: 8px 0;
24194
24580
  }
24195
- .hidden-visually[data-v-23ff0221] {
24581
+ .hidden-visually[data-v-5246192c] {
24196
24582
  position: absolute;
24197
24583
  width: 1px;
24198
24584
  height: 1px;
@@ -25390,91 +25776,94 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
25390
25776
  }
25391
25777
 
25392
25778
 
25393
- .cn-notes-card__add-form[data-v-c992fa30] {
25779
+ .cn-notes-card__add-form[data-v-b206c0bc] {
25394
25780
  margin-bottom: 12px;
25395
25781
  }
25396
- .cn-notes-card__textarea[data-v-c992fa30] {
25782
+ .cn-notes-card__textarea[data-v-b206c0bc] {
25397
25783
  width: 100%;
25398
25784
  margin-bottom: 8px;
25399
25785
  box-sizing: border-box;
25400
25786
  }
25401
- .cn-notes-card__replying[data-v-c992fa30] {
25787
+ .cn-notes-card__replying[data-v-b206c0bc] {
25402
25788
  display: flex;
25403
25789
  align-items: center;
25404
25790
  justify-content: space-between;
25405
25791
  margin: 0 0 4px;
25406
25792
  color: var(--color-text-maxcontrast);
25407
25793
  }
25408
- .cn-notes-card__note--reply[data-v-c992fa30] {
25794
+ .cn-notes-card__note--reply[data-v-b206c0bc] {
25409
25795
  margin-inline-start: 24px;
25410
25796
  }
25411
- .cn-notes-card__quote[data-v-c992fa30] {
25797
+ .cn-notes-card__quote[data-v-b206c0bc] {
25412
25798
  margin: 0 0 2px;
25413
25799
  padding-inline-start: 8px;
25414
25800
  border-inline-start: 2px solid var(--color-border-dark);
25415
25801
  color: var(--color-text-maxcontrast);
25416
25802
  font-size: 0.9em;
25417
25803
  }
25418
- .cn-notes-card__empty[data-v-c992fa30] {
25804
+ .cn-notes-card__empty[data-v-b206c0bc] {
25419
25805
  text-align: center;
25420
25806
  padding: 16px 12px;
25421
25807
  color: var(--color-text-maxcontrast);
25422
25808
  font-size: 13px;
25423
25809
  }
25424
- .cn-notes-card__list[data-v-c992fa30] {
25810
+ .cn-notes-card__list[data-v-b206c0bc] {
25425
25811
  display: flex;
25426
25812
  flex-direction: column;
25427
25813
  }
25428
- .cn-notes-card__note[data-v-c992fa30] {
25814
+ .cn-notes-card__note[data-v-b206c0bc] {
25429
25815
  padding: 10px 0;
25430
25816
  border-bottom: 1px solid var(--color-border);
25431
25817
  position: relative;
25432
25818
  }
25433
- .cn-notes-card__note[data-v-c992fa30]:last-child {
25819
+ .cn-notes-card__note[data-v-b206c0bc]:last-child {
25434
25820
  border-bottom: none;
25435
25821
  }
25436
- .cn-notes-card__note-header[data-v-c992fa30] {
25822
+ .cn-notes-card__initials[data-v-b206c0bc] {
25823
+ display: none;
25824
+ }
25825
+ .cn-notes-card__note-header[data-v-b206c0bc] {
25437
25826
  display: flex;
25438
25827
  justify-content: space-between;
25439
25828
  align-items: baseline;
25440
25829
  margin-bottom: 4px;
25441
25830
  }
25442
- .cn-notes-card__author[data-v-c992fa30] {
25831
+ .cn-notes-card__author[data-v-b206c0bc] {
25443
25832
  font-size: 13px;
25444
25833
  }
25445
- .cn-notes-card__author--self[data-v-c992fa30] {
25834
+ .cn-notes-card__author--self[data-v-b206c0bc] {
25446
25835
  color: var(--color-main-text);
25447
25836
  }
25448
- .cn-notes-card__visibility[data-v-c992fa30] {
25837
+ .cn-notes-card__visibility[data-v-b206c0bc] {
25449
25838
  display: flex;
25450
25839
  align-items: center;
25451
25840
  gap: 8px;
25452
25841
  margin-bottom: 4px;
25453
25842
  }
25454
- .cn-notes-card__time[data-v-c992fa30] {
25843
+ .cn-notes-card__time[data-v-b206c0bc] {
25455
25844
  font-size: 11px;
25456
25845
  color: var(--color-text-maxcontrast);
25457
25846
  flex-shrink: 0;
25458
25847
  margin-left: 8px;
25459
25848
  }
25460
- .cn-notes-card__body[data-v-c992fa30] {
25849
+ .cn-notes-card__body[data-v-b206c0bc] {
25461
25850
  font-size: 13px;
25462
25851
  margin: 0;
25463
25852
  white-space: pre-wrap;
25464
25853
  overflow-wrap: anywhere;
25465
25854
  padding-right: 32px;
25466
25855
  }
25467
- .cn-notes-card__delete-btn[data-v-c992fa30] {
25856
+ .cn-notes-card__delete-btn[data-v-b206c0bc] {
25468
25857
  position: absolute;
25469
25858
  top: 8px;
25470
25859
  right: -4px;
25471
25860
  opacity: 0;
25472
25861
  transition: opacity 0.15s ease;
25473
25862
  }
25474
- .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-c992fa30] {
25863
+ .cn-notes-card__note:hover .cn-notes-card__delete-btn[data-v-b206c0bc] {
25475
25864
  opacity: 1;
25476
25865
  }
25477
- .cn-notes-card__show-all[data-v-c992fa30] {
25866
+ .cn-notes-card__show-all[data-v-b206c0bc] {
25478
25867
  background: none;
25479
25868
  border: none;
25480
25869
  color: var(--color-primary-element);
@@ -25485,7 +25874,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
25485
25874
  width: 100%;
25486
25875
  text-align: center;
25487
25876
  }
25488
- .cn-notes-card__show-all[data-v-c992fa30]:hover {
25877
+ .cn-notes-card__show-all[data-v-b206c0bc]:hover {
25489
25878
  text-decoration: underline;
25490
25879
  }
25491
25880
 
@@ -29586,35 +29975,35 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29586
29975
  }
29587
29976
 
29588
29977
 
29589
- .cn-retention[data-v-5415dbb4] {
29978
+ .cn-retention[data-v-912351be] {
29590
29979
  display: flex;
29591
29980
  flex-direction: column;
29592
29981
  gap: 16px;
29593
29982
  }
29594
- .cn-retention__head[data-v-5415dbb4] {
29983
+ .cn-retention__head[data-v-912351be] {
29595
29984
  display: flex;
29596
29985
  flex-wrap: wrap;
29597
29986
  align-items: flex-start;
29598
29987
  justify-content: space-between;
29599
29988
  gap: 10px 16px;
29600
29989
  }
29601
- .cn-retention__head-text[data-v-5415dbb4] {
29990
+ .cn-retention__head-text[data-v-912351be] {
29602
29991
  display: flex;
29603
29992
  flex: 1 1 260px;
29604
29993
  flex-direction: column;
29605
29994
  gap: 2px;
29606
29995
  min-width: 0;
29607
29996
  }
29608
- .cn-retention__title[data-v-5415dbb4] {
29997
+ .cn-retention__title[data-v-912351be] {
29609
29998
  margin: 0;
29610
29999
  font-size: 18px;
29611
30000
  font-weight: 700;
29612
30001
  }
29613
- .cn-retention__muted[data-v-5415dbb4] {
30002
+ .cn-retention__muted[data-v-912351be] {
29614
30003
  margin: 0;
29615
30004
  color: var(--color-text-maxcontrast);
29616
30005
  }
29617
- .cn-retention__facts[data-v-5415dbb4] {
30006
+ .cn-retention__facts[data-v-912351be] {
29618
30007
  display: grid;
29619
30008
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
29620
30009
  gap: 12px 24px;
@@ -29623,49 +30012,70 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
29623
30012
 
29624
30013
  /* The server draws every dt as a 130px right-aligned inline block and pads
29625
30014
  dt and dd 12px; a fact is a label over its value. */
29626
- .cn-retention__fact dt[data-v-5415dbb4],
29627
- .cn-retention__fact dd[data-v-5415dbb4] {
30015
+ .cn-retention__fact dt[data-v-912351be],
30016
+ .cn-retention__fact dd[data-v-912351be] {
29628
30017
  display: block;
29629
30018
  width: auto;
29630
30019
  white-space: normal;
29631
30020
  text-align: start;
29632
30021
  }
29633
- .cn-retention__fact dt[data-v-5415dbb4] {
30022
+ .cn-retention__fact dt[data-v-912351be] {
29634
30023
  margin: 0;
29635
30024
  padding: 0;
29636
30025
  color: var(--color-text-maxcontrast);
29637
30026
  font-size: 13px;
29638
30027
  }
29639
- .cn-retention__fact dd[data-v-5415dbb4] {
30028
+ .cn-retention__fact dd[data-v-912351be] {
29640
30029
  margin: 0;
29641
30030
  padding: 0;
29642
30031
  font-weight: 600;
29643
30032
  }
29644
- .cn-retention__section[data-v-5415dbb4] {
30033
+ .cn-retention__section[data-v-912351be] {
29645
30034
  display: flex;
29646
30035
  flex-direction: column;
29647
30036
  gap: 4px;
29648
30037
  }
29649
- .cn-retention__rows[data-v-5415dbb4] {
30038
+ .cn-retention__rows[data-v-912351be] {
29650
30039
  margin: 0;
29651
30040
  padding: 0;
29652
30041
  list-style: none;
29653
30042
  }
29654
- .cn-retention__row[data-v-5415dbb4] {
30043
+ .cn-retention__row[data-v-912351be] {
29655
30044
  display: flex;
29656
30045
  align-items: center;
29657
30046
  justify-content: space-between;
29658
30047
  gap: 12px;
29659
- padding: 10px 0;
30048
+ padding: 12px 0;
29660
30049
  border-top: 1px solid var(--color-border);
29661
30050
  }
29662
- .cn-retention__row-text[data-v-5415dbb4] {
30051
+ .cn-retention__row-text[data-v-912351be] {
29663
30052
  display: flex;
30053
+ flex: 1 1 auto;
29664
30054
  flex-direction: column;
29665
30055
  gap: 2px;
29666
30056
  min-width: 0;
29667
30057
  }
29668
- .cn-retention__row-title[data-v-5415dbb4] {
30058
+
30059
+ /* A round mark before a hold or transfer row: LH (legal hold) on the error
30060
+ tint, ED (e-Depot) on the chip ground (DqZaakArchivering). */
30061
+ .cn-retention__mark[data-v-912351be] {
30062
+ display: inline-flex;
30063
+ flex: none;
30064
+ align-items: center;
30065
+ justify-content: center;
30066
+ width: 32px;
30067
+ height: 32px;
30068
+ border-radius: 16px;
30069
+ background: var(--color-background-dark);
30070
+ color: var(--color-text-maxcontrast);
30071
+ font-size: 12px;
30072
+ font-weight: 700;
30073
+ }
30074
+ .cn-retention__mark--hold[data-v-912351be] {
30075
+ background: var(--color-error-light, #fcedec);
30076
+ color: var(--color-error-text, #a30000);
30077
+ }
30078
+ .cn-retention__row-title[data-v-912351be] {
29669
30079
  font-weight: 600;
29670
30080
  }
29671
30081
 
@@ -31084,6 +31494,9 @@ a.cn-kpi-card--board * {
31084
31494
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) {
31085
31495
  --cn-kpi-stacked-padding: 20px 22px;
31086
31496
  --cn-kpi-stacked-gap: 8px;
31497
+ /* Its label is set at 600, as every board draws this tile (DqDashboard,
31498
+ DqMijnTeam, DqPersoonlijkeInstellingen); the plain stacked tile keeps 400. */
31499
+ --cn-kpi-stacked-title-weight: 600;
31087
31500
  }
31088
31501
 
31089
31502
  .cn-kpi-card--board.cn-kpi-card--stacked:has(.cn-kpi-card__title--badge-end) .cn-kpi-card__value {
@@ -38522,19 +38935,40 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38522
38935
  /* The record's task table (`variant: 'table'`, board DqZaakTaken): a head
38523
38936
  row of muted 14px labels on a near-white ground, rows divided by hairlines,
38524
38937
  the title at 600 over a muted line, a finished task struck through. */
38525
- .cn-tasks-widget__create[data-v-9804876c] {
38938
+ .cn-tasks-widget__create[data-v-7dc074ce] {
38526
38939
  display: flex;
38527
38940
  flex-wrap: wrap;
38528
38941
  align-items: flex-end;
38529
38942
  gap: 12px;
38530
38943
  margin-block-end: 12px;
38531
38944
  }
38532
- .cn-tasks-widget__table[data-v-9804876c] {
38945
+ .cn-tasks-widget__table[data-v-7dc074ce] {
38533
38946
  width: 100%;
38534
38947
  border-collapse: collapse;
38535
38948
  font-size: 14px;
38536
38949
  }
38537
- .cn-tasks-widget__table th[data-v-9804876c] {
38950
+ .cn-tasks-widget__head[data-v-7dc074ce] {
38951
+ display: inline-flex;
38952
+ align-items: center;
38953
+ gap: 4px;
38954
+ }
38955
+ .cn-tasks-widget__head-sort[data-v-7dc074ce] {
38956
+ display: inline-flex;
38957
+ align-items: center;
38958
+ gap: 4px;
38959
+ min-height: 0;
38960
+ margin: 0;
38961
+ padding: 0;
38962
+ border: 0;
38963
+ background: transparent;
38964
+ color: inherit;
38965
+ font: inherit;
38966
+ cursor: pointer;
38967
+ }
38968
+ .cn-tasks-widget__head-filter[data-v-7dc074ce] {
38969
+ --button-size: 22px;
38970
+ }
38971
+ .cn-tasks-widget__table th[data-v-7dc074ce] {
38538
38972
  padding: 12px 16px;
38539
38973
  background: color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background));
38540
38974
  color: var(--color-text-maxcontrast);
@@ -38542,24 +38976,24 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38542
38976
  text-align: start;
38543
38977
  white-space: nowrap;
38544
38978
  }
38545
- .cn-tasks-widget__table td[data-v-9804876c] {
38979
+ .cn-tasks-widget__table td[data-v-7dc074ce] {
38546
38980
  padding: 12px 16px;
38547
38981
  border-top: 1px solid var(--color-border);
38548
38982
  vertical-align: middle;
38549
38983
  }
38550
- .cn-tasks-widget__cell-task[data-v-9804876c] {
38984
+ .cn-tasks-widget__cell-task[data-v-7dc074ce] {
38551
38985
  display: flex;
38552
38986
  align-items: flex-start;
38553
38987
  gap: 12px;
38554
38988
  }
38555
- .cn-tasks-widget__state-icon[data-v-9804876c] {
38989
+ .cn-tasks-widget__state-icon[data-v-7dc074ce] {
38556
38990
  flex: none;
38557
38991
  color: var(--color-primary-element);
38558
38992
  }
38559
- .cn-tasks-widget__state-icon--done[data-v-9804876c] {
38993
+ .cn-tasks-widget__state-icon--done[data-v-7dc074ce] {
38560
38994
  color: var(--color-success-text, var(--color-success));
38561
38995
  }
38562
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c] {
38996
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce] {
38563
38997
  margin: 0;
38564
38998
  padding: 0;
38565
38999
  border: 0;
@@ -38571,59 +39005,59 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38571
39005
  text-align: start;
38572
39006
  cursor: pointer;
38573
39007
  }
38574
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c]:hover,
38575
- .cn-tasks-widget__table .cn-tasks-widget__name[data-v-9804876c]:focus-visible {
39008
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce]:hover,
39009
+ .cn-tasks-widget__table .cn-tasks-widget__name[data-v-7dc074ce]:focus-visible {
38576
39010
  text-decoration: underline;
38577
39011
  }
38578
- .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-9804876c] {
39012
+ .cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-7dc074ce] {
38579
39013
  text-decoration: line-through;
38580
39014
  }
38581
- .cn-tasks-widget__handler[data-v-9804876c] {
39015
+ .cn-tasks-widget__handler[data-v-7dc074ce] {
38582
39016
  display: inline-flex;
38583
39017
  align-items: center;
38584
39018
  gap: 8px;
38585
39019
  }
38586
- .cn-tasks-widget__cell-due[data-v-9804876c] {
39020
+ .cn-tasks-widget__cell-due[data-v-7dc074ce] {
38587
39021
  white-space: nowrap;
38588
39022
  }
38589
- .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-9804876c] {
39023
+ .cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38590
39024
  color: var(--color-warning-text, var(--color-warning));
38591
39025
  font-weight: 600;
38592
39026
  }
38593
- .cn-tasks-widget__cell-actions[data-v-9804876c] {
39027
+ .cn-tasks-widget__cell-actions[data-v-7dc074ce] {
38594
39028
  text-align: end;
38595
39029
  white-space: nowrap;
38596
39030
  }
38597
- .cn-tasks-widget[data-v-9804876c] {
39031
+ .cn-tasks-widget[data-v-7dc074ce] {
38598
39032
  display: flex;
38599
39033
  flex-direction: column;
38600
39034
  gap: 2px;
38601
39035
  min-width: 0;
38602
39036
  }
38603
- .cn-tasks-widget__loading[data-v-9804876c] {
39037
+ .cn-tasks-widget__loading[data-v-7dc074ce] {
38604
39038
  display: flex;
38605
39039
  justify-content: center;
38606
39040
  padding: 8px 0;
38607
39041
  }
38608
- .cn-tasks-widget__view-all[data-v-9804876c] {
39042
+ .cn-tasks-widget__view-all[data-v-7dc074ce] {
38609
39043
  display: inline-block;
38610
39044
  margin-top: 8px;
38611
39045
  color: var(--color-primary-element-text, var(--color-primary-element));
38612
39046
  text-decoration: underline;
38613
39047
  }
38614
- .cn-tasks-widget__others[data-v-9804876c] {
39048
+ .cn-tasks-widget__others[data-v-7dc074ce] {
38615
39049
  margin-top: 12px;
38616
39050
  }
38617
- .cn-tasks-widget__others-title[data-v-9804876c] {
39051
+ .cn-tasks-widget__others-title[data-v-7dc074ce] {
38618
39052
  margin: 0 0 6px;
38619
39053
  font-size: 14px;
38620
39054
  }
38621
- .cn-tasks-widget__others-list[data-v-9804876c] {
39055
+ .cn-tasks-widget__others-list[data-v-7dc074ce] {
38622
39056
  margin: 0;
38623
39057
  padding: 0;
38624
39058
  list-style: none;
38625
39059
  }
38626
- .cn-tasks-widget__others-row[data-v-9804876c] {
39060
+ .cn-tasks-widget__others-row[data-v-7dc074ce] {
38627
39061
  display: flex;
38628
39062
  align-items: center;
38629
39063
  justify-content: space-between;
@@ -38631,22 +39065,22 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38631
39065
  padding: 6px 0;
38632
39066
  border-bottom: 1px solid var(--color-border);
38633
39067
  }
38634
- .cn-tasks-widget__others-actions[data-v-9804876c] {
39068
+ .cn-tasks-widget__others-actions[data-v-7dc074ce] {
38635
39069
  display: flex;
38636
39070
  flex-wrap: wrap;
38637
39071
  gap: 4px;
38638
39072
  }
38639
- .cn-tasks-widget__empty[data-v-9804876c],
38640
- .cn-tasks-widget__error[data-v-9804876c],
38641
- .cn-tasks-widget__more[data-v-9804876c] {
39073
+ .cn-tasks-widget__empty[data-v-7dc074ce],
39074
+ .cn-tasks-widget__error[data-v-7dc074ce],
39075
+ .cn-tasks-widget__more[data-v-7dc074ce] {
38642
39076
  margin: 0;
38643
39077
  color: var(--color-text-maxcontrast);
38644
39078
  font-size: 13px;
38645
39079
  }
38646
- .cn-tasks-widget__more[data-v-9804876c] {
39080
+ .cn-tasks-widget__more[data-v-7dc074ce] {
38647
39081
  padding-top: 4px;
38648
39082
  }
38649
- .cn-tasks-widget__count[data-v-9804876c] {
39083
+ .cn-tasks-widget__count[data-v-7dc074ce] {
38650
39084
  margin: 0;
38651
39085
  color: var(--color-text-maxcontrast);
38652
39086
  font-size: 12px;
@@ -38654,13 +39088,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38654
39088
  text-transform: uppercase;
38655
39089
  letter-spacing: 0.04em;
38656
39090
  }
38657
- .cn-tasks-widget__list[data-v-9804876c] {
39091
+ .cn-tasks-widget__list[data-v-7dc074ce] {
38658
39092
  list-style: none;
38659
39093
  margin: 0;
38660
39094
  padding: 0;
38661
39095
  min-width: 0;
38662
39096
  }
38663
- .cn-tasks-widget__row[data-v-9804876c] {
39097
+ .cn-tasks-widget__row[data-v-7dc074ce] {
38664
39098
  display: flex;
38665
39099
  align-items: center;
38666
39100
  gap: 10px;
@@ -38669,32 +39103,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38669
39103
  min-width: 0;
38670
39104
  cursor: pointer;
38671
39105
  }
38672
- .cn-tasks-widget__row[data-v-9804876c]:last-child {
39106
+ .cn-tasks-widget__row[data-v-7dc074ce]:last-child {
38673
39107
  border-bottom: none;
38674
39108
  }
38675
- .cn-tasks-widget__body[data-v-9804876c] {
39109
+ .cn-tasks-widget__body[data-v-7dc074ce] {
38676
39110
  display: flex;
38677
39111
  flex-direction: column;
38678
39112
  min-width: 0;
38679
39113
  flex: 1 1 auto;
38680
39114
  }
38681
- .cn-tasks-widget__name[data-v-9804876c] {
39115
+ .cn-tasks-widget__name[data-v-7dc074ce] {
38682
39116
  font-weight: 600;
38683
39117
  white-space: nowrap;
38684
39118
  overflow: hidden;
38685
39119
  text-overflow: ellipsis;
38686
39120
  }
38687
- .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-9804876c] {
39121
+ .cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-7dc074ce] {
38688
39122
  text-decoration: underline;
38689
39123
  }
38690
- .cn-tasks-widget__meta[data-v-9804876c] {
39124
+ .cn-tasks-widget__meta[data-v-7dc074ce] {
38691
39125
  color: var(--color-text-maxcontrast);
38692
39126
  font-size: 12px;
38693
39127
  white-space: nowrap;
38694
39128
  overflow: hidden;
38695
39129
  text-overflow: ellipsis;
38696
39130
  }
38697
- .cn-tasks-widget__due[data-v-9804876c] {
39131
+ .cn-tasks-widget__due[data-v-7dc074ce] {
38698
39132
  flex: 0 0 auto;
38699
39133
  color: var(--color-text-maxcontrast);
38700
39134
  font-size: 12px;
@@ -38703,55 +39137,55 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
38703
39137
 
38704
39138
  /* List variant, after the dashboard board's My tasks card: a checkbox, the
38705
39139
  title, the subject on a muted second line and the due date at its right. */
38706
- .cn-tasks-widget--list .cn-tasks-widget__row[data-v-9804876c] {
39140
+ .cn-tasks-widget--list .cn-tasks-widget__row[data-v-7dc074ce] {
38707
39141
  align-items: flex-start;
38708
39142
  gap: 12px;
38709
39143
  padding: 12px 0;
38710
39144
  }
38711
- .cn-tasks-widget--list .cn-tasks-widget__name[data-v-9804876c] {
39145
+ .cn-tasks-widget--list .cn-tasks-widget__name[data-v-7dc074ce] {
38712
39146
  font-weight: 400;
38713
39147
  font-size: 15px;
38714
39148
  line-height: 1.35;
38715
39149
  color: var(--color-main-text);
38716
39150
  }
38717
- .cn-tasks-widget__check[data-v-9804876c],
38718
- .cn-tasks-widget__check-spacer[data-v-9804876c] {
39151
+ .cn-tasks-widget__check[data-v-7dc074ce],
39152
+ .cn-tasks-widget__check-spacer[data-v-7dc074ce] {
38719
39153
  flex: none;
38720
39154
  width: 20px;
38721
39155
  height: 20px;
38722
39156
  margin: 1px 0 0;
38723
39157
  }
38724
- .cn-tasks-widget__check[data-v-9804876c] {
39158
+ .cn-tasks-widget__check[data-v-7dc074ce] {
38725
39159
  accent-color: var(--color-primary-element);
38726
39160
  cursor: pointer;
38727
39161
  }
38728
- .cn-tasks-widget__meta--split[data-v-9804876c] {
39162
+ .cn-tasks-widget__meta--split[data-v-7dc074ce] {
38729
39163
  display: flex;
38730
39164
  justify-content: space-between;
38731
39165
  gap: 8px;
38732
39166
  font-size: 13px;
38733
39167
  overflow: visible;
38734
39168
  }
38735
- .cn-tasks-widget__subject[data-v-9804876c] {
39169
+ .cn-tasks-widget__subject[data-v-7dc074ce] {
38736
39170
  min-width: 0;
38737
39171
  overflow: hidden;
38738
39172
  text-overflow: ellipsis;
38739
39173
  }
38740
- .cn-tasks-widget--list .cn-tasks-widget__due[data-v-9804876c] {
39174
+ .cn-tasks-widget--list .cn-tasks-widget__due[data-v-7dc074ce] {
38741
39175
  font-size: 13px;
38742
39176
  font-weight: 500;
38743
39177
  }
38744
- .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-9804876c] {
39178
+ .cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38745
39179
  font-weight: 600;
38746
39180
  }
38747
39181
 
38748
39182
  /* Overdue: weight AND colour on top of the wording, which already says
38749
39183
  "Overdue by N days" — the signal survives monochrome. */
38750
- .cn-tasks-widget__due--overdue[data-v-9804876c] {
39184
+ .cn-tasks-widget__due--overdue[data-v-7dc074ce] {
38751
39185
  color: var(--color-error, #d91f2d);
38752
39186
  font-weight: 600;
38753
39187
  }
38754
- .cn-tasks-widget__actions[data-v-9804876c] {
39188
+ .cn-tasks-widget__actions[data-v-7dc074ce] {
38755
39189
  flex: 0 0 auto;
38756
39190
  }
38757
39191
 
@@ -42294,22 +42728,22 @@ a.cn-record-list__inline-title[data-v-544b79cd] {
42294
42728
  }
42295
42729
 
42296
42730
 
42297
- .cn-object-parties[data-v-0c4e5c0c] {
42731
+ .cn-object-parties[data-v-44731ec4] {
42298
42732
  display: flex;
42299
42733
  flex-direction: column;
42300
42734
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42301
42735
  }
42302
- .cn-object-parties__verdicts[data-v-0c4e5c0c] {
42736
+ .cn-object-parties__verdicts[data-v-44731ec4] {
42303
42737
  display: flex;
42304
42738
  flex-direction: column;
42305
42739
  gap: var(--default-grid-baseline, 4px);
42306
42740
  }
42307
- .cn-object-parties__role-label[data-v-0c4e5c0c] {
42741
+ .cn-object-parties__role-label[data-v-44731ec4] {
42308
42742
  margin: 0 0 var(--default-grid-baseline, 4px) 0;
42309
42743
  color: var(--color-text-maxcontrast);
42310
42744
  font-size: 0.9em;
42311
42745
  }
42312
- .cn-object-parties__list[data-v-0c4e5c0c] {
42746
+ .cn-object-parties__list[data-v-44731ec4] {
42313
42747
  display: flex;
42314
42748
  flex-direction: column;
42315
42749
  gap: var(--default-grid-baseline, 4px);
@@ -42317,7 +42751,7 @@ a.cn-record-list__inline-title[data-v-544b79cd] {
42317
42751
  padding: 0;
42318
42752
  list-style: none;
42319
42753
  }
42320
- .cn-object-parties__party[data-v-0c4e5c0c] {
42754
+ .cn-object-parties__party[data-v-44731ec4] {
42321
42755
  display: flex;
42322
42756
  flex-wrap: wrap;
42323
42757
  align-items: center;
@@ -42325,33 +42759,33 @@ a.cn-record-list__inline-title[data-v-544b79cd] {
42325
42759
  padding: var(--default-grid-baseline, 4px);
42326
42760
  border-radius: var(--border-radius, 4px);
42327
42761
  }
42328
- .cn-object-parties__party[data-v-0c4e5c0c]:hover {
42762
+ .cn-object-parties__party[data-v-44731ec4]:hover {
42329
42763
  background-color: var(--color-background-hover);
42330
42764
  }
42331
- .cn-object-parties__name[data-v-0c4e5c0c] {
42765
+ .cn-object-parties__name[data-v-44731ec4] {
42332
42766
  font-weight: bold;
42333
42767
  }
42334
- .cn-object-parties__muted[data-v-0c4e5c0c] {
42768
+ .cn-object-parties__muted[data-v-44731ec4] {
42335
42769
  color: var(--color-text-maxcontrast);
42336
42770
  }
42337
- .cn-object-parties__manage[data-v-0c4e5c0c] {
42771
+ .cn-object-parties__manage[data-v-44731ec4] {
42338
42772
  display: flex;
42339
42773
  justify-content: flex-end;
42340
42774
  }
42341
- .cn-object-parties__remove[data-v-0c4e5c0c] {
42775
+ .cn-object-parties__remove[data-v-44731ec4] {
42342
42776
  margin-inline-start: auto;
42343
42777
  }
42344
- .cn-object-parties__main-card[data-v-0c4e5c0c] {
42778
+ .cn-object-parties__main-card[data-v-44731ec4] {
42345
42779
  display: flex;
42346
42780
  flex-direction: column;
42347
42781
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42348
42782
  }
42349
- .cn-object-parties__main[data-v-0c4e5c0c] {
42783
+ .cn-object-parties__main[data-v-44731ec4] {
42350
42784
  display: flex;
42351
42785
  align-items: center;
42352
42786
  gap: calc(var(--default-grid-baseline, 4px) * 3);
42353
42787
  }
42354
- .cn-object-parties__main-initials[data-v-0c4e5c0c] {
42788
+ .cn-object-parties__main-initials[data-v-44731ec4] {
42355
42789
  display: flex;
42356
42790
  flex: none;
42357
42791
  align-items: center;
@@ -42363,28 +42797,28 @@ a.cn-record-list__inline-title[data-v-544b79cd] {
42363
42797
  color: var(--color-main-text);
42364
42798
  font-weight: 700;
42365
42799
  }
42366
- .cn-object-parties__main-text[data-v-0c4e5c0c] {
42800
+ .cn-object-parties__main-text[data-v-44731ec4] {
42367
42801
  display: flex;
42368
42802
  flex-direction: column;
42369
42803
  }
42370
- .cn-object-parties__main-name[data-v-0c4e5c0c] {
42804
+ .cn-object-parties__main-name[data-v-44731ec4] {
42371
42805
  font-size: 15px;
42372
42806
  }
42373
- .cn-object-parties__main-role[data-v-0c4e5c0c] {
42807
+ .cn-object-parties__main-role[data-v-44731ec4] {
42374
42808
  font-size: 13px;
42375
42809
  }
42376
- .cn-object-parties__main-email[data-v-0c4e5c0c] {
42810
+ .cn-object-parties__main-email[data-v-44731ec4] {
42377
42811
  display: flex;
42378
42812
  align-items: center;
42379
42813
  gap: calc(var(--default-grid-baseline, 4px) * 2.5);
42380
42814
  color: var(--color-main-text);
42381
42815
  overflow-wrap: anywhere;
42382
42816
  }
42383
- .cn-object-parties__main-link[data-v-0c4e5c0c] {
42817
+ .cn-object-parties__main-link[data-v-44731ec4] {
42384
42818
  color: var(--color-primary-element);
42385
42819
  font-weight: 600;
42386
42820
  }
42387
- .cn-object-parties__accepted[data-v-0c4e5c0c] {
42821
+ .cn-object-parties__accepted[data-v-44731ec4] {
42388
42822
  display: flex;
42389
42823
  flex-wrap: wrap;
42390
42824
  align-items: center;
@@ -42393,10 +42827,10 @@ a.cn-record-list__inline-title[data-v-544b79cd] {
42393
42827
  border-radius: var(--border-radius-large, 10px);
42394
42828
  background-color: var(--color-background-hover);
42395
42829
  }
42396
- .cn-object-parties__accepted-label[data-v-0c4e5c0c] {
42830
+ .cn-object-parties__accepted-label[data-v-44731ec4] {
42397
42831
  font-weight: 600;
42398
42832
  }
42399
- .cn-object-parties__accepted-kind[data-v-0c4e5c0c] {
42833
+ .cn-object-parties__accepted-kind[data-v-44731ec4] {
42400
42834
  border: 1px solid var(--color-border-dark);
42401
42835
  }
42402
42836
 
@@ -50491,12 +50925,12 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50491
50925
  }
50492
50926
 
50493
50927
 
50494
- .cn-action-dialog[data-v-a3810b54] {
50928
+ .cn-action-dialog[data-v-60a1dc8f] {
50495
50929
  display: flex;
50496
50930
  flex-direction: column;
50497
50931
  gap: 16px;
50498
50932
  }
50499
- .cn-action-dialog__summary[data-v-a3810b54] {
50933
+ .cn-action-dialog__summary[data-v-60a1dc8f] {
50500
50934
  display: flex;
50501
50935
  align-items: center;
50502
50936
  gap: 12px;
@@ -50506,7 +50940,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50506
50940
  }
50507
50941
 
50508
50942
  /* The record's icon on a tinted tile (DqArchiveren). */
50509
- .cn-action-dialog__summary-icon[data-v-a3810b54] {
50943
+ .cn-action-dialog__summary-icon[data-v-60a1dc8f] {
50510
50944
  display: flex;
50511
50945
  flex: none;
50512
50946
  align-items: center;
@@ -50517,20 +50951,21 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50517
50951
  background: var(--color-primary-element-light);
50518
50952
  color: var(--color-primary-element-light-text);
50519
50953
  }
50520
- .cn-action-dialog__summary-text strong[data-v-a3810b54] {
50954
+ .cn-action-dialog__summary-text strong[data-v-60a1dc8f] {
50521
50955
  font-size: 15px;
50522
50956
  font-weight: 600;
50957
+ line-height: 1.2;
50523
50958
  }
50524
- .cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
50959
+ .cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-60a1dc8f] {
50525
50960
  font-size: 13px;
50526
50961
  }
50527
- .cn-action-dialog__summary-text[data-v-a3810b54] {
50962
+ .cn-action-dialog__summary-text[data-v-60a1dc8f] {
50528
50963
  display: flex;
50529
50964
  flex: 1 1 auto;
50530
50965
  flex-direction: column;
50531
50966
  min-width: 0;
50532
50967
  }
50533
- .cn-action-dialog__badge[data-v-a3810b54] {
50968
+ .cn-action-dialog__badge[data-v-60a1dc8f] {
50534
50969
  padding: 3px 10px;
50535
50970
  border-radius: 12px;
50536
50971
  background: var(--color-background-dark);
@@ -50538,7 +50973,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50538
50973
  font-weight: 600;
50539
50974
  white-space: nowrap;
50540
50975
  }
50541
- .cn-action-dialog__title[data-v-a3810b54] {
50976
+ .cn-action-dialog__title[data-v-60a1dc8f] {
50542
50977
  margin: 0 0 8px;
50543
50978
  font-size: 14px;
50544
50979
  font-weight: 600;
@@ -50546,13 +50981,13 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50546
50981
 
50547
50982
  /* Facts in columns of at least 200px, each a label over its value above a
50548
50983
  hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
50549
- .cn-action-dialog__facts[data-v-a3810b54] {
50984
+ .cn-action-dialog__facts[data-v-60a1dc8f] {
50550
50985
  display: grid;
50551
50986
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
50552
50987
  gap: 12px 24px;
50553
50988
  margin: 0;
50554
50989
  }
50555
- .cn-action-dialog__fact[data-v-a3810b54] {
50990
+ .cn-action-dialog__fact[data-v-60a1dc8f] {
50556
50991
  display: flex;
50557
50992
  flex-direction: column;
50558
50993
  gap: 3px;
@@ -50562,20 +50997,20 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50562
50997
 
50563
50998
  /* The server draws every dt as a 130px right-aligned inline block and pads
50564
50999
  dt and dd 12px; a fact is a label over its value. */
50565
- .cn-action-dialog__facts dt[data-v-a3810b54],
50566
- .cn-action-dialog__facts dd[data-v-a3810b54] {
51000
+ .cn-action-dialog__facts dt[data-v-60a1dc8f],
51001
+ .cn-action-dialog__facts dd[data-v-60a1dc8f] {
50567
51002
  display: block;
50568
51003
  width: auto;
50569
51004
  white-space: normal;
50570
51005
  text-align: start;
50571
51006
  }
50572
- .cn-action-dialog__facts dt[data-v-a3810b54] {
51007
+ .cn-action-dialog__facts dt[data-v-60a1dc8f] {
50573
51008
  margin: 0;
50574
51009
  padding: 0;
50575
51010
  color: var(--color-text-maxcontrast);
50576
51011
  font-size: 13px;
50577
51012
  }
50578
- .cn-action-dialog__facts dd[data-v-a3810b54] {
51013
+ .cn-action-dialog__facts dd[data-v-60a1dc8f] {
50579
51014
  margin: 0;
50580
51015
  padding: 0;
50581
51016
  font-size: 15px;
@@ -50584,14 +51019,14 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50584
51019
 
50585
51020
  /* Checklist rows divided by hairlines, the detail at the row's end
50586
51021
  (DqArchiveren "Klaar om te archiveren"). */
50587
- .cn-action-dialog__checks[data-v-a3810b54] {
51022
+ .cn-action-dialog__checks[data-v-60a1dc8f] {
50588
51023
  display: flex;
50589
51024
  flex-direction: column;
50590
51025
  margin: 0;
50591
51026
  padding: 0;
50592
51027
  list-style: none;
50593
51028
  }
50594
- .cn-action-dialog__check[data-v-a3810b54] {
51029
+ .cn-action-dialog__check[data-v-60a1dc8f] {
50595
51030
  display: flex;
50596
51031
  flex-wrap: wrap;
50597
51032
  align-items: center;
@@ -50600,47 +51035,64 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
50600
51035
  border-top: 1px solid var(--color-border);
50601
51036
  font-size: 15px;
50602
51037
  }
50603
- .cn-action-dialog__check-label[data-v-a3810b54] {
51038
+ .cn-action-dialog__check-label[data-v-60a1dc8f] {
50604
51039
  flex: 1 1 auto;
50605
51040
  font-weight: 600;
50606
51041
  }
50607
- .cn-action-dialog__check-icon[data-v-a3810b54] {
51042
+ .cn-action-dialog__check-icon[data-v-60a1dc8f] {
50608
51043
  color: var(--color-text-maxcontrast);
50609
51044
  }
50610
- .cn-action-dialog__check-icon--met[data-v-a3810b54] {
51045
+ .cn-action-dialog__check-icon--met[data-v-60a1dc8f] {
50611
51046
  color: var(--color-success-text, var(--color-success));
50612
51047
  }
50613
- .cn-action-dialog__muted[data-v-a3810b54] {
51048
+ .cn-action-dialog__muted[data-v-60a1dc8f] {
50614
51049
  color: var(--color-text-maxcontrast);
50615
51050
  font-size: 14px;
50616
51051
  }
50617
51052
 
50618
51053
  /* A checkbox field is a tinted box with a 2px edge, its label bold and its
50619
51054
  hint under it (DqArchiveren). */
50620
- .cn-action-dialog__checkbox[data-v-a3810b54] {
51055
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] {
50621
51056
  padding: 12px 14px;
50622
51057
  border: 2px solid var(--color-primary-element);
50623
51058
  border-radius: var(--border-radius-element, 8px);
50624
- background: var(--color-primary-element-light);
51059
+ background: var(--color-main-background);
51060
+ }
51061
+
51062
+ /* The box sits at the card's inset, 12px before the label, the label on
51063
+ its first line (DqArchiveren "Sanne de Vries laten weten ..."):
51064
+ NcCheckboxRadioSwitch pads its row and centres a 34px target. */
51065
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-content {
51066
+ padding: 0;
51067
+ gap: 12px;
51068
+ align-items: flex-start;
51069
+ min-height: 0;
50625
51070
  }
50626
- .cn-action-dialog__checkbox-text[data-v-a3810b54] {
51071
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-content__icon {
51072
+ margin: 0;
51073
+ }
51074
+ .cn-action-dialog__checkbox[data-v-60a1dc8f] .checkbox-radio-switch__input {
51075
+ min-height: 0;
51076
+ }
51077
+ .cn-action-dialog__checkbox-text[data-v-60a1dc8f] {
50627
51078
  display: flex;
50628
51079
  flex-direction: column;
50629
51080
  gap: 2px;
50630
51081
  }
50631
- .cn-action-dialog__checkbox-label[data-v-a3810b54] {
51082
+ .cn-action-dialog__checkbox-label[data-v-60a1dc8f] {
50632
51083
  font-size: 15px;
50633
51084
  font-weight: 600;
51085
+ line-height: 1.2;
50634
51086
  }
50635
- .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
51087
+ .cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-60a1dc8f] {
50636
51088
  font-size: 13px;
50637
51089
  }
50638
- .cn-action-dialog__field[data-v-a3810b54] {
51090
+ .cn-action-dialog__field[data-v-60a1dc8f] {
50639
51091
  display: flex;
50640
51092
  flex-direction: column;
50641
51093
  gap: 4px;
50642
51094
  }
50643
- .cn-action-dialog__error[data-v-a3810b54] {
51095
+ .cn-action-dialog__error[data-v-60a1dc8f] {
50644
51096
  margin: 0;
50645
51097
  color: var(--color-error-text, var(--color-error));
50646
51098
  }