@conduction/nextcloud-vue 2.142.0 → 2.144.0

package/src/css/look-board-detail.css

@@ -842,6 +842,29 @@
 	display: flex;
 }
 
+/* The assistant in the side column (DqZaakAssistent "Assistent") is a panel,
+   not a label card: a 17px title over a hairline, 16px 18px in, its pill at
+   the row's end, the chat flush under it. */
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__header {
+	padding: 16px 18px;
+	border-bottom: 1px solid var(--color-border);
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__title {
+	color: var(--color-main-text) !important;
+	font-size: var(--cn-board-heading-size, 17px);
+	font-weight: 700;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__actions:has(.cn-detail-widget-header-items) {
+	display: flex;
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__content {
+	padding: 0;
+}
+
 /* A widget-reported card header action in the main column is a neutral 40px
    control: the main background, the control border, the main text at
    14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -1212,6 +1235,13 @@
 
 .cn-look-board .cn-retention .cn-retention__head-text .cn-retention__muted {
 	font-size: 14px;
+	line-height: 1.2;
+}
+
+/* The board stacks the archiving card's parts 10px apart (r26a: the head
+   row 45.9 vs 41 and the facts 55.9 vs 30 under the title). */
+.cn-look-board .cn-retention.cn-retention {
+	gap: 10px;
 }
 
 .cn-look-board .cn-retention .cn-retention__fact {
@@ -1377,6 +1407,15 @@
 	margin: 0;
 }
 
+/* ---- A sidebar tab standing in a page card --------------------------------- */
+/* The Files, Notes, Tasks... tabs pad themselves 12px for the sidebar. On a
+   detail page the card around them already pads, and the boards draw their
+   toolbar, table and rows flush with the card title (DqZaakDocumenten, DqZaakEmail).
+   @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 */
+.cn-look-board .cn-detail-widget-host .cn-sidebar-tab:not(.cn-look-nextcloud *) {
+	padding: 0;
+}
+
 /* ---- A file's side card (CnFilesBrowser) --------------------------------- */
 /* The board's side card: radius 12, 20px 22px of padding, the title a 15px
    muted heading at 600, the facts 8px 16px apart with the values at 500
@@ -1431,6 +1470,14 @@
 	display: none;
 }
 
+/* ---- A file list's trail at its root (CnFilesBrowser) ------------------- */
+/* At the browser's root the boards draw the bar's buttons only, no trail of
+   one crumb naming the case (DqZaakDocumenten); in a subfolder the trail shows.
+   @spec openspec/changes/board-files-root-crumb/specs/board-files-root-crumb/spec.md#requirement-the-board-files-bar-draws-no-trail-at-the-root */
+.cn-look-board .cn-files-browser__crumbs--at-root:not(.cn-look-nextcloud *) {
+	display: none;
+}
+
 /* ---- A file list (CnFilesBrowser) --------------------------------------- */
 /* The board's compact card table (DqDocumentenBeheer): a near-white header at
    14px/600 in the muted ink, 10px 12px; 14px cells, 11px 12px, a hairline
@@ -1498,6 +1545,25 @@
 	gap: 14px 16px;
 }
 
+/* In a page card the mail tab is the card's body: no padding of its own, 12px
+   between its parts, the heading at the card title's 17px/700 and the
+   description at 14px (DqZaakEmail "E-mail").
+   @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 */
+.cn-look-board .cn-detail-widget-host .cn-mail-tab:not(.cn-look-nextcloud *) {
+	gap: 12px;
+	padding: 0;
+}
+
+.cn-look-board .cn-detail-widget-host .cn-mail-tab__title:not(.cn-look-nextcloud *) {
+	font-size: 17px;
+	font-weight: 700;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-detail-widget-host .cn-mail-tab__subtitle:not(.cn-look-nextcloud *) {
+	font-size: 14px;
+}
+
 /* ---- The attention flag's buttons --------------------------------------- */
 /* The case boards draw "Markeer voor aandacht" and the flag's other labelled
    buttons at the 40px control height (DqZaak and the case tab boards);
@@ -1518,6 +1584,31 @@
 	line-height: normal;
 }
 
+/* In a page card the notes tab's "Add note" stands at the end of the card's
+   title row, and each note thread opens with a hairline (DqZaakEmail
+   "Notities": the button beside the title, rows 12px 0 under a rule). The
+   card (CnWidgetWrapper) is the positioned box; the add form, when open,
+   stays in the body.
+   @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 */
+.cn-look-board .cn-detail-widget-host .cn-widget-wrapper .cn-sidebar-tab__composer-toggle:not(.cn-look-nextcloud *) {
+	position: absolute;
+	top: 20px;
+	inset-inline-end: var(--cn-board-card-inline-padding);
+}
+
+.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 *) {
+	margin-bottom: 0;
+}
+
+.cn-look-board .cn-detail-widget-host .cn-sidebar-tab__list:not(.cn-look-nextcloud *) {
+	gap: 0;
+}
+
+.cn-look-board .cn-detail-widget-host .cn-notes-tab__thread:not(.cn-look-nextcloud *) {
+	padding: 12px 0;
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
 /* The notes tab's "Add note" button, when the add form waits behind it, is
    the board's 40px control (DqZaakEmail "Notitie toevoegen").
    @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 */
@@ -1691,3 +1782,260 @@
 .cn-look-board .cn-checklist-widget__item .checkbox-content__text {
 	font-weight: 600;
 }
+
+/* The parties widget's "Dit zaaktype accepteert" strip as DqZaakBetrokkenen
+   draws it: a sunken strip rounded at 8px, the label 14px bold, the kinds
+   as outlined 13px chips.
+   @spec openspec/changes/board-parties-accepted-strip/specs/parties/spec.md */
+.cn-look-board .cn-object-parties .cn-object-parties__accepted {
+	gap: 6px 8px;
+	padding: 8px 12px;
+	border-radius: 8px;
+	background-color: var(--cn-board-sunken-ground);
+}
+
+.cn-look-board .cn-object-parties .cn-object-parties__accepted-label {
+	font-size: 14px;
+	font-weight: 700;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-object-parties .cn-object-parties__accepted-kind {
+	padding: 2px 8px;
+	border: 1px solid var(--color-border-maxcontrast);
+	border-radius: 12px;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+/* A short side list (`density: "stacked"`, DqOrganisatie "Lopende zaken")
+   starts 10px under the title with no hairline and no row padding; a main
+   contact (DqOrganisatie "Hoofdcontact") starts 12px under it, its two lines
+   at their normal height so they centre on the 40px tile.
+   @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 */
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-record-list--stacked) {
+	padding-top: 10px;
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper__content:has(> .cn-object-parties > .cn-object-parties__main-card) {
+	padding-top: 12px;
+}
+
+.cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__item {
+	border-top: 0;
+}
+
+.cn-look-board .cn-detail-page__side .cn-record-list--stacked.cn-record-list--rows:not(.cn-look-nextcloud *) .cn-record-list__row {
+	padding: 0;
+}
+
+.cn-look-board .cn-detail-page__side .cn-object-parties__main-text {
+	line-height: normal;
+}
+
+/* Appointment and note rows (DqTaak Afspraken, Notities): a hairline above
+   every row including the first, 12px 0 padding, a 32px round tile (the day
+   an appointment starts, the author's initials) 12px before the text, the
+   title 15/600 and one 13px muted meta line joined with " · ".
+   @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 */
+.cn-look-board .cn-events-card__list {
+	gap: 0;
+}
+
+.cn-look-board .cn-events-card__event,
+.cn-look-board .cn-events-card__event:last-child,
+.cn-look-board .cn-notes-card__note,
+.cn-look-board .cn-notes-card__note:last-child {
+	padding: 12px 0;
+	border-top: 1px solid var(--cn-board-hairline);
+	border-bottom: none;
+}
+
+.cn-look-board .cn-events-card__day,
+.cn-look-board .cn-notes-card__initials {
+	display: inline-flex;
+	flex: 0 0 32px;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	font-size: 12px;
+	font-weight: 700;
+}
+
+.cn-look-board .cn-events-card__text {
+	flex-flow: row wrap;
+	row-gap: 2px;
+}
+
+.cn-look-board .cn-events-card__summary,
+.cn-look-board .cn-notes-card__body {
+	font-size: 15px;
+	font-weight: 600;
+	line-height: 1.35;
+}
+
+.cn-look-board .cn-events-card__summary {
+	flex-basis: 100%;
+}
+
+.cn-look-board .cn-events-card__when,
+.cn-look-board .cn-events-card__where,
+.cn-look-board .cn-notes-card__author,
+.cn-look-board .cn-notes-card__time {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	font-weight: 400;
+}
+
+.cn-look-board .cn-events-card__where::before,
+.cn-look-board .cn-notes-card__time::before {
+	content: ' · ';
+	white-space: pre;
+}
+
+.cn-look-board .cn-notes-card__note {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	padding-inline-start: 44px;
+}
+
+.cn-look-board .cn-notes-card__initials {
+	position: absolute;
+	top: 12px;
+	inset-inline-start: 0;
+}
+
+.cn-look-board .cn-notes-card__body {
+	order: -1;
+}
+
+.cn-look-board .cn-notes-card__note-header {
+	justify-content: flex-start;
+	margin-bottom: 0;
+}
+
+.cn-look-board .cn-notes-card__time {
+	margin-inline-start: 0;
+}
+
+/* The parties widget's rows as DqZaakBetrokkenen "Rollen" draws them: one
+   ruled row per party, a 32px initials tile, the name over a muted meta line
+   that names the role, the pills at the end. The role headings stay for
+   assistive tech only.
+   @spec openspec/changes/board-parties-rows/specs/parties/spec.md */
+.cn-look-board .cn-object-parties--board .cn-object-parties__role-label {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	clip-path: inset(50%);
+	white-space: nowrap;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__list {
+	gap: 0;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__party {
+	flex-wrap: nowrap;
+	gap: 12px;
+	padding: 12px 0;
+	border-top: 1px solid var(--cn-board-hairline);
+	border-radius: 0;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__tile {
+	display: inline-flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	border-radius: 16px;
+	background: var(--color-background-hover);
+	color: var(--color-main-text);
+	font-size: 12px;
+	font-weight: 700;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__text {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__name {
+	font-size: 15px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__meta {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+
+/* The calendar and Deck cards' rows as DqZaakTaken "Afspraken" and "Kaarten"
+   draw them: ruled rows, the title over a muted meta line, the pill at the
+   end, and the link to the app under the rows.
+   @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md */
+.cn-look-board .cn-detail-page .cn-calendar-card__row,
+.cn-look-board .cn-detail-page .cn-deck-card__row {
+	display: flex;
+	gap: 16px;
+	align-items: center;
+	justify-content: space-between;
+	padding: 12px 0;
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
+.cn-look-board .cn-detail-page .cn-calendar-card__row-main,
+.cn-look-board .cn-detail-page .cn-deck-card__row-main {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+
+.cn-look-board .cn-detail-page .cn-calendar-card__title,
+.cn-look-board .cn-detail-page .cn-deck-card__row-title {
+	font-size: 15px;
+	font-weight: 600;
+	color: var(--color-main-text);
+	text-decoration: none;
+}
+
+.cn-look-board .cn-detail-page .cn-calendar-card__meta,
+.cn-look-board .cn-detail-page .cn-deck-card__row-meta {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-object-parties--board .cn-object-parties__end {
+	display: flex;
+	flex: none;
+	flex-wrap: wrap;
+	gap: 8px;
+	align-items: center;
+}
+
+.cn-look-board .cn-detail-page .cn-deck-card__row-list {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.cn-look-board .cn-detail-page .cn-calendar-card__open,
+.cn-look-board .cn-detail-page .cn-deck-card__open {
+	display: inline-block;
+	margin-top: 12px;
+	font-size: 14px;
+	font-weight: 600;
+	text-decoration: underline;
+}

package/src/css/look-board-index.css

@@ -824,6 +824,15 @@
 	padding: 10px 12px;
 }
 
+/* A table on a settings card draws its head 42.5px, as DqInstellingen and
+   DqVthInstellingen do, also when no head cell carries a control that makes
+   it that tall (the VTH tables read 37.5px).
+   @spec openspec/changes/board-settings-table-head-height/specs/settings-board-look/spec.md */
+.cn-look-board .settings-section .cn-table-container--board .cn-data-table thead th:not(.cn-look-nextcloud *) {
+	height: 42.5px;
+	box-sizing: border-box;
+}
+
 .cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table td {
 	padding: 11px 12px;
 }
@@ -900,11 +909,13 @@
    `#content[class*="app-"]`, an id selector no class rule outranks, so a plain
    `content-box` here was ignored and the cell left 12px for the checkbox (the
    header's checkbox showed as a stray bracket). */
+/* The checkbox starts 20px in, as the boards draw a native checkbox (16px of
+   cell padding and its 4px margin; DqZoekresultaten), in the same 60px. */
 .cn-look-board .cn-table-container--board .cn-data-table .cn-table-col--checkbox {
 	box-sizing: border-box !important;
 	width: 60px;
 	min-width: 60px;
-	padding-inline: 16px;
+	padding-inline: 20px 12px;
 	text-align: start;
 }
 
@@ -980,6 +991,20 @@
 	text-decoration: none;
 }
 
+/* In such a plain log an icon-and-name cell is regular too (DqZaakContact
+   Kanaal "Mijn Zuiddrecht"); elsewhere the icon label stays 600.
+   @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 */
+.cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-cell-renderer__icon-label:not(.cn-look-nextcloud *) {
+	font-weight: 400;
+}
+
+/* In such a plain log a wrapping prose cell runs at line height 1.45, as
+   DqZaakContact draws the contact summary (rows 61.6 high, not 57).
+   @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 */
+.cn-look-board .cn-table-container--board.cn-table-container--title-text .cn-data-table td.cn-cell--wrap:not(.cn-look-nextcloud *) {
+	line-height: 1.45;
+}
+
 /* `rowTitle: "strong"` (DqZaaktypeStatussen "Statussen", "Resultaten"): the
    name column of a card's list, the cell's 14px at weight 600 in the main
    ink, no underline; the row stays a link.
@@ -1700,6 +1725,36 @@
 	margin-bottom: 16px;
 }
 
+/* The heading sits above the list card, not inside it (DqAfdelingen: "Vergunningen"
+   and its line, then the card): with a heading the list area is unframed and
+   its table and footer carry the card.
+   @spec openspec/changes/board-folder-scope-outside-card/specs/index-page/spec.md#requirement-the-selected-folder-heads-the-list-from-outside-its-card */
+.cn-look-board .cn-index-page__main.cn-index-page__main--table:has(> .cn-index-page__scope-heading) {
+	border: 0;
+	border-radius: 0;
+	background: transparent;
+	overflow: visible;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-table-container.cn-table-container--board {
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+	overflow: hidden;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading):has(> .cn-index-page__pagination) > .cn-table-container.cn-table-container--board {
+	border-bottom: 0;
+	border-radius: var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) 0 0;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-index-page__pagination {
+	border: 1px solid var(--color-border);
+	border-top: 0;
+	border-radius: 0 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+
 .cn-look-board .cn-index-page__scope-title {
 	font-size: 20px;
 	font-weight: 700;

package/src/css/look-board.css

@@ -329,9 +329,11 @@
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-banner-widget__kicker {
 	--nldesign-component-paragraph-font-size: 13px;
 	--nldesign-component-paragraph-font-weight: 700;
+	--nldesign-component-paragraph-line-height: normal;
 	font-size: 13px;
 	font-weight: 700;
 	letter-spacing: 0;
+	line-height: normal;
 	text-transform: none;
 }
 
@@ -1458,6 +1460,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    connection's name opens its settings card). The underline marks the link.
    @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
 .cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
+	/* thematiq colours every link with `!important` from these two tokens. */
+	--nldesign-component-link-color: var(--color-main-text);
+	--nldesign-color-on-surface: var(--color-main-text);
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
@@ -1510,6 +1515,24 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	align-self: center;
 }
 
+/* Without a subtitle the title centres on the title-row buttons, as the boards
+   draw the card head (DqVthInstellingen "Inspectiechecklists",
+   DqInstellingenAlgemeen "Werkdagen en feestdagen": title 27.5px down, live 21).
+   @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions):not(:has(> .settings-section__desc)) > .settings-section__name {
+	align-self: center;
+}
+
+/* The "Uitleg tonen" toggle is a text link flush with the card's right edge
+   (DqBeheerinstellingen Zaak-e-mail), not a padded tertiary button.
+   @spec openspec/changes/board-settings-title-centred-and-link-flush/specs/settings-board-look/spec.md */
+.cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) .button-vue {
+	--button-padding: 0px;
+	--button-padding-default: 0px;
+	padding-inline: 0;
+	min-width: 0;
+}
+
 @container (max-width: 400px) {
 	.cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
 	.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
@@ -1542,7 +1565,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
-	margin-top: -10px;
+	/* 4px under the title and 14px above the content (PtBeheerinstellingen);
+	   the shell's `descGap` sets another gap, the content 10px further, as
+	   the boards drawn from NcBeheerInstellingen space them (6 and 16:
+	   DqBeheerinstellingen, LrBeheerinstellingen). The card's gap is 14px.
+	   @spec openspec/changes/board-settings-desc-spacing/specs/settings-board-look/spec.md */
+	margin-top: calc(var(--cn-board-settings-desc-gap, 4px) - 14px);
+	margin-bottom: calc(var(--cn-board-settings-desc-gap, 4px) - 4px);
 }
 
 .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
@@ -2122,6 +2151,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	padding: 20px var(--cn-board-dashboard-card-inset) calc(12px - var(--cn-board-first-line-leading, 0.15em));
 }
 
+/* Over a list that rules above its first row (record list ruleAbove, task
+   list, decision list) the rule stands 6px under the title and the row's own
+   12px follows it: the boards' card is title, 6px, rule, row (DqMijnTeam
+   "Vastgelopen zaken", DqMijnWerk "Zaken die u volgt").
+   @spec openspec/changes/board-card-title-above-ruled-list/specs/board-card-title-above-ruled-list/spec.md#requirement-a-ruled-list-starts-6px-under-the-card-title */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--nc-dashboard):not(.cn-widget-wrapper--borderless):has(> .cn-widget-wrapper__content .cn-record-list--rule-above, > .cn-widget-wrapper__content .cn-tasks-widget__list, > .cn-widget-wrapper__content .cn-decision-list__rows) .cn-widget-wrapper__header {
+	padding-bottom: 6px;
+}
+
 /* ---- Macros rows (CnMacrosWidget) ---------------------------------------- */
 /* A macro reads as the boards draw a card's list row: the name at weight 500
    over its 13px line, both at the font's normal line height, 56px a row
@@ -2222,6 +2260,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: normal;
 }
 
+/* A stacked audit row (DqTaak "Historie", `content.layout: "stacked"`): 12px
+   above and below, the action 15px weight 600, the moment and who under it
+   13px muted, 2px apart.
+   @spec openspec/changes/audit-card-stacked-rows/specs/audit-trail/spec.md#requirement-an-audit-row-can-put-its-moment-under-the-action */
+.cn-look-board .cn-audit-card__row--stacked:not(.cn-look-nextcloud *) {
+	padding: 12px 0;
+}
+
+.cn-look-board .cn-audit-card__row--stacked .cn-audit-card__action:not(.cn-look-nextcloud *) {
+	font-size: 15px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-audit-card__row--stacked .cn-audit-card__when:not(.cn-look-nextcloud *) {
+	color: var(--color-text-maxcontrast);
+}
+
 /* ---- Managed timeline rows (DqZaakHistorie "Historie van de zaak") ------ */
 /* The board draws a timeline entry as a rail row: a 34px circle on a 2px
    line, the message first at 15px weight 600, the kind, author and moment
@@ -3122,6 +3177,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: 1.2;
 }
 
+/* An option's title bold, as the dialog boards draw it (a <strong>). */
+.cn-look-board .cn-choice-cards .cn-choice-cards__row-title:not(.cn-look-nextcloud *) {
+	font-weight: 700;
+}
+
 .cn-look-board .cn-choice-cards .cn-choice-cards__row-icon:not(.cn-look-nextcloud *) {
 	align-self: flex-start;
 }
@@ -3213,3 +3273,40 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
 .cn-look-board .cn-map-widget .leaflet-bar a.cn-map-widget__control:not(.cn-look-nextcloud *):focus-visible {
 	background: var(--color-background-hover);
 }
+
+/* The manage timeline's lines as DqZaakHistorie draws them: the subtitle and
+   the event count 14px muted (over a theme's paragraph tokens, which set a
+   paragraph 15px ink), the count line under a hairline, and the note form
+   card 12px under its heading with each label 6px over its field. */
+.cn-look-board .cn-timeline-manage__subtitle:not(.cn-look-nextcloud *),
+.cn-look-board .cn-timeline-manage__count:not(.cn-look-nextcloud *) {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: 1.2;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
+	font-size: 14px;
+	line-height: 1.2;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-timeline-manage__footer:not(.cn-look-nextcloud *) {
+	padding-top: 12px;
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
+.cn-look-board .cn-timeline-manage--composer-only .cn-timeline-manage__header:not(.cn-look-nextcloud *) {
+	margin-block-end: 12px;
+}
+
+.cn-look-board .cn-timeline-manage__composer:not(.cn-look-nextcloud *) {
+	gap: 6px;
+}
+
+.cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
+	margin-block-start: 6px;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-timeline-manage__draft-label:first-child:not(.cn-look-nextcloud *) {
+	margin-block-start: 0;
+}