@conduction/nextcloud-vue 2.90.0 → 2.92.0

package/dist/nextcloud-vue.css

@@ -20692,7 +20692,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 
 /* A select option breaks between words only, never inside one. */
-.cn-form-dialog__option[data-v-67b5cfd5] {
+.cn-form-dialog__option[data-v-b7ff10cc] {
 	display: block;
 	min-width: 0;
 	white-space: normal;
@@ -20700,7 +20700,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	word-break: normal;
 	hyphens: manual;
 }
-.cn-form-dialog__draft-actions[data-v-67b5cfd5] {
+.cn-form-dialog__draft-actions[data-v-b7ff10cc] {
 	display: flex;
 	gap: 8px;
 	margin-top: 8px;
@@ -20708,22 +20708,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* The state is announced in WORDS, and the colour only repeats them. A
    reader who cannot see it still hears "Draft saved" (WCAG 2.2 SC 1.4.1). */
-.cn-form-dialog__draft-state[data-v-67b5cfd5] {
+.cn-form-dialog__draft-state[data-v-b7ff10cc] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 	margin-inline-end: auto;
 }
-.cn-form-dialog__switch-wrapper[data-v-67b5cfd5] {
+.cn-form-dialog__switch-wrapper[data-v-b7ff10cc] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-form-dialog__form[data-v-67b5cfd5] {
+.cn-form-dialog__form[data-v-b7ff10cc] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-form-dialog__field[data-v-67b5cfd5] {
+.cn-form-dialog__field[data-v-b7ff10cc] {
 	margin-bottom: 8px;
 }
 
@@ -20735,39 +20735,39 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    from pushing its column past its share: a grid item's default `auto`
    minimum is its content, so without it one long option label widens the
    whole column and the two stop being equal. */
-.cn-form-dialog__form--two-column[data-v-67b5cfd5] {
+.cn-form-dialog__form--two-column[data-v-b7ff10cc] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	column-gap: 16px;
 	align-items: start;
 }
-.cn-form-dialog__form--two-column[data-v-67b5cfd5] > * {
+.cn-form-dialog__form--two-column[data-v-b7ff10cc] > * {
 	min-width: 0;
 }
 
 /* Anything that is not a field (the form-level error note, the slots above
    and below the fields) spans the full width, so a note card never sits in
    a half-width column beside an input. */
-.cn-form-dialog__form--two-column[data-v-67b5cfd5] > :not(.cn-form-dialog__field),
-.cn-form-dialog__form--two-column > .cn-form-dialog__field--wide[data-v-67b5cfd5] {
+.cn-form-dialog__form--two-column[data-v-b7ff10cc] > :not(.cn-form-dialog__field),
+.cn-form-dialog__form--two-column > .cn-form-dialog__field--wide[data-v-b7ff10cc] {
 	grid-column: 1 / -1;
 }
 
 /* A narrow viewport gets the single column back. Two columns of roughly
    150px each are worse than one readable one. */
 @media (max-width: 700px) {
-.cn-form-dialog__form--two-column[data-v-67b5cfd5] {
+.cn-form-dialog__form--two-column[data-v-b7ff10cc] {
 		display: block;
 }
 }
-.cn-form-dialog__textarea-wrapper[data-v-67b5cfd5],
-.cn-form-dialog__select-wrapper[data-v-67b5cfd5],
-.cn-form-dialog__json-wrapper[data-v-67b5cfd5] {
+.cn-form-dialog__textarea-wrapper[data-v-b7ff10cc],
+.cn-form-dialog__select-wrapper[data-v-b7ff10cc],
+.cn-form-dialog__json-wrapper[data-v-b7ff10cc] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-form-dialog__label[data-v-67b5cfd5] {
+.cn-form-dialog__label[data-v-b7ff10cc] {
 	font-weight: 600;
 	font-size: 0.9em;
 	color: var(--color-main-text);
@@ -20775,10 +20775,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 
 /* Cross-app semantic reference (ADR-048) whose provider isn't installed —
    rendered disabled; the wrapper carries the mouse-over tooltip. */
-.cn-form-dialog__semantic-unresolved[data-v-67b5cfd5] {
+.cn-form-dialog__semantic-unresolved[data-v-b7ff10cc] {
 	cursor: not-allowed;
 }
-.cn-form-dialog__textarea[data-v-67b5cfd5] {
+.cn-form-dialog__textarea[data-v-b7ff10cc] {
 	width: 100%;
 	min-height: 80px;
 	padding: 8px;
@@ -20790,22 +20790,22 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: inherit;
 	resize: vertical;
 }
-.cn-form-dialog__textarea[data-v-67b5cfd5]:focus {
+.cn-form-dialog__textarea[data-v-b7ff10cc]:focus {
 	border-color: var(--color-primary-element);
 	outline: none;
 }
-.cn-form-dialog__textarea[data-v-67b5cfd5]:disabled {
+.cn-form-dialog__textarea[data-v-b7ff10cc]:disabled {
 	opacity: 0.5;
 	cursor: not-allowed;
 }
-.cn-form-dialog__helper[data-v-67b5cfd5] {
+.cn-form-dialog__helper[data-v-b7ff10cc] {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-form-dialog__helper--error[data-v-67b5cfd5] {
+.cn-form-dialog__helper--error[data-v-b7ff10cc] {
 	color: var(--color-error);
 }
-.cn-form-dialog__dynamic-loading[data-v-67b5cfd5] {
+.cn-form-dialog__dynamic-loading[data-v-b7ff10cc] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -24381,12 +24381,12 @@ to { background-position: -200% 0;
 }
 
 
-.cn-text-widget[data-v-2d4184ef] {
+.cn-text-widget[data-v-f00a6820] {
 	width: 100%;
 	height: 100%;
 }
-.cn-text-widget__content[data-v-2d4184ef],
-.cn-text-widget__placeholder[data-v-2d4184ef] {
+.cn-text-widget__content[data-v-f00a6820],
+.cn-text-widget__placeholder[data-v-f00a6820] {
 	/* Safety net — ensures long URLs / words inside the sanitised HTML wrap
 	   rather than overflowing horizontally. */
 	overflow-wrap: break-word;
@@ -24397,13 +24397,13 @@ to { background-position: -200% 0;
    server CSS styles bare <em> as muted (var(--color-text-maxcontrast)) and can
    drop the italic, so `_x_` / `**_x_**` looked greyed-out and non-italic. Force
    italic <em> / bold <strong> that inherit the widget's own text colour. */
-.cn-text-widget[data-v-2d4184ef] em,
-.cn-text-widget[data-v-2d4184ef] i {
+.cn-text-widget[data-v-f00a6820] em,
+.cn-text-widget[data-v-f00a6820] i {
 	font-style: italic;
 	color: inherit;
 }
-.cn-text-widget[data-v-2d4184ef] strong,
-.cn-text-widget[data-v-2d4184ef] b {
+.cn-text-widget[data-v-f00a6820] strong,
+.cn-text-widget[data-v-f00a6820] b {
 	font-weight: bold;
 	color: inherit;
 }
@@ -24411,24 +24411,24 @@ to { background-position: -200% 0;
 /* Nextcloud's server CSS strips list markers/indent (`list-style: none`,
    no padding), so rendered `<ul>`/`<ol>` looked like plain text. Restore
    bullets/numbers and indentation, including nested levels. */
-.cn-text-widget[data-v-2d4184ef] ul,
-.cn-text-widget[data-v-2d4184ef] ol {
+.cn-text-widget[data-v-f00a6820] ul,
+.cn-text-widget[data-v-f00a6820] ol {
 	margin: 4px 0;
 	padding-left: 1.5em;
 }
-.cn-text-widget[data-v-2d4184ef] ul {
+.cn-text-widget[data-v-f00a6820] ul {
 	list-style: disc outside;
 }
-.cn-text-widget[data-v-2d4184ef] ol {
+.cn-text-widget[data-v-f00a6820] ol {
 	list-style: decimal outside;
 }
-.cn-text-widget[data-v-2d4184ef] ul ul {
+.cn-text-widget[data-v-f00a6820] ul ul {
 	list-style-type: circle;
 }
-.cn-text-widget[data-v-2d4184ef] ul ul ul {
+.cn-text-widget[data-v-f00a6820] ul ul ul {
 	list-style-type: square;
 }
-.cn-text-widget[data-v-2d4184ef] li {
+.cn-text-widget[data-v-f00a6820] li {
 	display: list-item;
 }
 
@@ -24436,84 +24436,97 @@ to { background-position: -200% 0;
    back to the ~14px body size while h2 stayed 1.8em), leaving them oddly
    scaled. Apply a consistent em-based scale that grows with the widget's own
    font size. */
-.cn-text-widget[data-v-2d4184ef] h1 {
+.cn-text-widget[data-v-f00a6820] h1 {
 	font-size: 2em;
 }
-.cn-text-widget[data-v-2d4184ef] h2 {
+.cn-text-widget[data-v-f00a6820] h2 {
 	font-size: 1.5em;
 }
-.cn-text-widget[data-v-2d4184ef] h3 {
+.cn-text-widget[data-v-f00a6820] h3 {
 	font-size: 1.25em;
 }
-.cn-text-widget[data-v-2d4184ef] h4 {
+.cn-text-widget[data-v-f00a6820] h4 {
 	font-size: 1.1em;
 }
-.cn-text-widget[data-v-2d4184ef] h5 {
+.cn-text-widget[data-v-f00a6820] h5 {
 	font-size: 1em;
 }
-.cn-text-widget[data-v-2d4184ef] h6 {
+.cn-text-widget[data-v-f00a6820] h6 {
 	font-size: 0.85em;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] h1,
-.cn-text-widget__content--markdown[data-v-2d4184ef] h2,
-.cn-text-widget__content--markdown[data-v-2d4184ef] h3,
-.cn-text-widget__content--markdown[data-v-2d4184ef] h4,
-.cn-text-widget__content--markdown[data-v-2d4184ef] h5,
-.cn-text-widget__content--markdown[data-v-2d4184ef] h6 {
+.cn-text-widget__content--markdown[data-v-f00a6820] h1,
+.cn-text-widget__content--markdown[data-v-f00a6820] h2,
+.cn-text-widget__content--markdown[data-v-f00a6820] h3,
+.cn-text-widget__content--markdown[data-v-f00a6820] h4,
+.cn-text-widget__content--markdown[data-v-f00a6820] h5,
+.cn-text-widget__content--markdown[data-v-f00a6820] h6 {
 	margin: 8px 0 4px;
 	font-weight: 600;
 	line-height: 1.3;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] p,
-.cn-text-widget__content--markdown[data-v-2d4184ef] ul,
-.cn-text-widget__content--markdown[data-v-2d4184ef] ol,
-.cn-text-widget__content--markdown[data-v-2d4184ef] blockquote {
+.cn-text-widget__content--markdown[data-v-f00a6820] p,
+.cn-text-widget__content--markdown[data-v-f00a6820] ul,
+.cn-text-widget__content--markdown[data-v-f00a6820] ol,
+.cn-text-widget__content--markdown[data-v-f00a6820] blockquote {
 	margin: 4px 0;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] code {
+.cn-text-widget__content--markdown[data-v-f00a6820] code {
 	padding: 1px 4px;
 	border-radius: 3px;
 	background: var(--color-background-hover);
 	font-family: var(--font-monospace, monospace);
 	font-size: 0.95em;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] pre {
+.cn-text-widget__content--markdown[data-v-f00a6820] pre {
 	padding: 8px;
 	border-radius: var(--border-radius);
 	background: var(--color-background-hover);
 	overflow: auto;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] pre code {
+.cn-text-widget__content--markdown[data-v-f00a6820] pre code {
 	padding: 0;
 	background: transparent;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] blockquote {
+.cn-text-widget__content--markdown[data-v-f00a6820] blockquote {
 	padding-left: 8px;
 	border-left: 3px solid var(--color-border);
 	color: var(--color-text-maxcontrast);
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] table {
+.cn-text-widget__content--markdown[data-v-f00a6820] table {
 	border-collapse: collapse;
 	margin: 4px 0;
 }
-.cn-text-widget__content--markdown[data-v-2d4184ef] th,
-.cn-text-widget__content--markdown[data-v-2d4184ef] td {
+.cn-text-widget__content--markdown[data-v-f00a6820] th,
+.cn-text-widget__content--markdown[data-v-f00a6820] td {
 	padding: 4px 8px;
 	border: 1px solid var(--color-border);
 }
-.cn-text-widget__table[data-v-2d4184ef] {
+.cn-text-widget__table[data-v-f00a6820] {
 	border-collapse: collapse;
 	width: 100%;
 }
-.cn-text-widget__table th[data-v-2d4184ef],
-.cn-text-widget__table td[data-v-2d4184ef] {
+.cn-text-widget__table th[data-v-f00a6820],
+.cn-text-widget__table td[data-v-f00a6820] {
 	overflow-wrap: break-word;
 	vertical-align: top;
 }
-.cn-text-widget__cell-placeholder[data-v-2d4184ef] {
+.cn-text-widget__cell-placeholder[data-v-f00a6820] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
+.cn-text-widget__link[data-v-f00a6820] {
+	display: inline-flex;
+	align-items: center;
+	gap: 2px;
+	font-size: 14px;
+	font-weight: 600;
+	color: var(--color-primary-element);
+	text-decoration: none;
+}
+.cn-text-widget__link[data-v-f00a6820]:hover,
+.cn-text-widget__link[data-v-f00a6820]:focus-visible {
+	text-decoration: underline;
+}
 
 
 .cn-timeline-widget[data-v-091aa98d] {
@@ -25077,7 +25090,7 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-detail-page__catalog-action[data-v-e7ff148e] {
+.cn-detail-page__catalog-action[data-v-47b3ec9e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -25093,19 +25106,19 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 14px;
 	white-space: nowrap;
 }
-.cn-detail-page__catalog-note[data-v-e7ff148e] {
+.cn-detail-page__catalog-note[data-v-47b3ec9e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-e7ff148e],
-.cn-detail-widget-host[data-v-e7ff148e] > * {
+.cn-detail-widget-host[data-v-47b3ec9e],
+.cn-detail-widget-host[data-v-47b3ec9e] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-e7ff148e] {
+.cn-detail-widget-host--bare[data-v-47b3ec9e] {
 	min-height: 0;
 }
 
@@ -25432,7 +25445,7 @@ button.cn-stepper__step[data-v-776581d4] {
 
 
 /* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
-.cn-tabs-widget__stack[data-v-f554c922] {
+.cn-tabs-widget__stack[data-v-febbfc68] {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
@@ -25441,19 +25454,19 @@ button.cn-stepper__step[data-v-776581d4] {
 /* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
    onto the next row, a row's cards as tall as the tallest. Narrow, it is the
    plain stack again. */
-.cn-tabs-widget__stack--grid[data-v-f554c922] {
+.cn-tabs-widget__stack--grid[data-v-febbfc68] {
 	display: grid;
 	grid-template-columns: repeat(12, minmax(0, 1fr));
 	align-items: stretch;
 }
-.cn-tabs-widget__stack--grid[data-v-f554c922] > * {
+.cn-tabs-widget__stack--grid[data-v-febbfc68] > * {
 	min-width: 0;
 }
 @media (max-width: 700px) {
-.cn-tabs-widget__stack--grid[data-v-f554c922] {
+.cn-tabs-widget__stack--grid[data-v-febbfc68] {
 		grid-template-columns: minmax(0, 1fr);
 }
-.cn-tabs-widget__stack--grid[data-v-f554c922] > * {
+.cn-tabs-widget__stack--grid[data-v-febbfc68] > * {
 		grid-column: auto !important;
 }
 }
@@ -25487,7 +25500,7 @@ button.cn-stepper__step[data-v-776581d4] {
    `!important` or on load order this library does not control. The same
    technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
    in CnTabs to beat Nextcloud's own button margin. */
-.cn-tabs-widget.cn-tabs-widget[data-v-f554c922] {
+.cn-tabs-widget.cn-tabs-widget[data-v-febbfc68] {
 	background-color: transparent;
 	border: 0;
 	border-radius: 0;
@@ -25511,12 +25524,12 @@ button.cn-stepper__step[data-v-776581d4] {
    below it: the rule ran straight on to the widget's edge and read as a
    border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
    where the curve begins makes the rule and the curve one continuous edge. */
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tabs__bar {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__bar {
 	border-bottom: none;
 	padding: 0;
 	position: relative;
 }
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tabs__bar::after {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__bar::after {
 	border-bottom: 1px solid var(--color-border);
 	content: '';
 	inset-block-end: 0;
@@ -25529,11 +25542,11 @@ button.cn-stepper__step[data-v-776581d4] {
    own background-coloured bottom edge, which only works if it paints ABOVE the
    pseudo-element: a positioned pseudo-element otherwise paints over every
    in-flow sibling, rule included. */
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tabs__nav-item--active {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__nav-item--active {
 	position: relative;
 	z-index: 1;
 }
-.cn-tabs-widget__tabs[data-v-f554c922] {
+.cn-tabs-widget__tabs[data-v-febbfc68] {
 	display: flex;
 	flex-direction: column;
 	/* Grow to the widget's height, so the panel fills the grid cell the
@@ -25551,7 +25564,7 @@ button.cn-stepper__step[data-v-776581d4] {
    the open tab, but padding sits inside the painted box — only a margin would
    have opened that gap, and a zero top put every panel's content against the
    strip. */
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tabs__content {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__content {
 	background-color: var(--color-main-background);
 	/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
 	   is this sheet's top edge, and the open tab erases the slice of it
@@ -25571,7 +25584,7 @@ button.cn-stepper__step[data-v-776581d4] {
 	overflow: auto;
 	padding: 12px;
 }
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tab {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tab {
 	height: 100%;
 }
 
@@ -25579,13 +25592,13 @@ button.cn-stepper__step[data-v-776581d4] {
    (margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
    holds the list directly the footer stuck out 4px on the right and at the
    bottom and made the panel scroll. It bleeds exactly the panel's padding. */
-.cn-tabs-widget__tabs[data-v-f554c922] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
+.cn-tabs-widget__tabs[data-v-febbfc68] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
 	margin: auto -12px -12px;
 }
 
 /* The open panel's header link, beside the strip. Same look and theme hooks
    as a card header link (CnWidgetWrapper). */
-.cn-tabs-widget__header-link[data-v-f554c922] {
+.cn-tabs-widget__header-link[data-v-febbfc68] {
 	align-self: center;
 	padding: 0 calc(1 * var(--default-grid-baseline));
 	color: var(--color-primary-element);
@@ -25594,21 +25607,21 @@ button.cn-stepper__step[data-v-776581d4] {
 	text-decoration: none;
 	white-space: nowrap;
 }
-.cn-tabs-widget__header-link[data-v-f554c922]:hover,
-.cn-tabs-widget__header-link[data-v-f554c922]:focus-visible {
+.cn-tabs-widget__header-link[data-v-febbfc68]:hover,
+.cn-tabs-widget__header-link[data-v-febbfc68]:focus-visible {
 	text-decoration: underline;
 }
-.cn-tabs-widget__header-link[data-v-f554c922]:focus-visible {
+.cn-tabs-widget__header-link[data-v-febbfc68]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 	border-radius: var(--border-radius-small, 4px);
 }
-.cn-tabs-widget__title[data-v-f554c922] {
+.cn-tabs-widget__title[data-v-febbfc68] {
 	align-items: center;
 	display: inline-flex;
 	gap: 6px;
 }
-.cn-tabs-widget__title-icon[data-v-f554c922] {
+.cn-tabs-widget__title-icon[data-v-febbfc68] {
 	flex: 0 0 auto;
 }
 
@@ -36057,14 +36070,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-index-page-widgets--stat-row[data-v-5e716bba] {
+.cn-index-page-widgets--stat-row[data-v-319129cb] {
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-index-page-widgets__cell[data-v-5e716bba] {
+.cn-index-page-widgets__cell[data-v-319129cb] {
 	display: flex;
 	min-width: 0;
 }
-.cn-index-page-widgets__cell[data-v-5e716bba] > * {
+.cn-index-page-widgets__cell[data-v-319129cb] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -36072,7 +36085,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its
    place beside the toolbar and the list is set by CnIndexPage
    (`cn-index-page--with-side-panel`, index-page.css). */
-.cn-index-page-widgets--side-panel[data-v-5e716bba] {
+.cn-index-page-widgets--side-panel[data-v-319129cb] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
@@ -40772,10 +40785,10 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
  * let the strip scroll horizontally once they no longer fit. `flex-basis: 0`
  * + equal grow keeps every tab the same width whether the row fits or scrolls.
  * Apps with longer labels can widen the floor via --cn-sidebar-tab-min-width. */
-[data-v-8b218df0] .app-sidebar-tabs__nav {
+[data-v-09402703] .app-sidebar-tabs__nav {
 	overflow-x: auto;
 }
-[data-v-8b218df0] .app-sidebar-tabs__nav .app-sidebar-tabs__tab {
+[data-v-09402703] .app-sidebar-tabs__nav .app-sidebar-tabs__tab {
 	flex-grow: 1;
 	flex-shrink: 0;
 	flex-basis: 0;
@@ -41332,7 +41345,104 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-link-cards-page[data-v-4d8cf2f8] {
+.cn-module-card[data-v-7cd47118] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 20px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-container-large, 12px);
+	background: var(--color-main-background);
+}
+.cn-module-card__head[data-v-7cd47118] {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+}
+.cn-module-card__icon[data-v-7cd47118] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 42px;
+	height: 42px;
+	border-radius: var(--border-radius-large, 10px);
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text, var(--color-primary-element));
+}
+.cn-module-card__title[data-v-7cd47118] {
+	flex: 1 1 auto;
+	margin: 0;
+	font-size: 17px;
+	font-weight: 700;
+}
+.cn-module-card__state[data-v-7cd47118] {
+	flex: none;
+}
+.cn-module-card__description[data-v-7cd47118] {
+	margin: 0;
+	font-size: 15px;
+	line-height: 1.5;
+}
+.cn-module-card__pages-line[data-v-7cd47118] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-module-card__pages[data-v-7cd47118] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 6px 12px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	font-size: 14px;
+}
+.cn-module-card__page[data-v-7cd47118] {
+	font-weight: 600;
+	color: var(--color-primary-element);
+}
+.cn-module-card__footer[data-v-7cd47118] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px 14px;
+	margin-top: auto;
+	padding-top: 4px;
+}
+.cn-module-card__open[data-v-7cd47118] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	box-sizing: border-box;
+	height: 36px;
+	padding: 0 14px;
+	font-size: 14px;
+	font-weight: 600;
+	text-decoration: none;
+}
+.cn-module-card__open[data-v-7cd47118] {
+	border: 1px solid var(--color-border-dark);
+	border-radius: var(--border-radius-element, 8px);
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+.cn-module-card__icon--off[data-v-7cd47118] {
+	background: var(--color-background-dark);
+	color: var(--color-main-text);
+}
+.cn-module-card__settings[data-v-7cd47118] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-module-card__open[data-v-7cd47118]:focus-visible,
+.cn-module-card__settings a[data-v-7cd47118]:focus-visible,
+.cn-module-card__page[data-v-7cd47118]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+
+
+.cn-link-cards-page[data-v-1a155b6c] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(6 * var(--default-grid-baseline));
@@ -41342,24 +41452,24 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 /* Clear the Nextcloud navigation toggle button (44px wide, absolutely
    positioned at the left edge of .app-content) plus 12px breathing room, as
    CnPageHeader does. Only the header shifts; the cards keep the full width. */
-.cn-link-cards-page__header[data-v-4d8cf2f8] {
+.cn-link-cards-page__header[data-v-1a155b6c] {
 	padding-inline-start: 56px;
 }
-.cn-link-cards-page__title[data-v-4d8cf2f8] {
+.cn-link-cards-page__title[data-v-1a155b6c] {
 	margin: 0 0 var(--default-grid-baseline);
 }
-.cn-link-cards-page__description[data-v-4d8cf2f8],
-.cn-link-cards-page__empty[data-v-4d8cf2f8] {
+.cn-link-cards-page__description[data-v-1a155b6c],
+.cn-link-cards-page__empty[data-v-1a155b6c] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 	max-width: 70ch;
 }
-.cn-link-cards-page__group[data-v-4d8cf2f8] {
+.cn-link-cards-page__group[data-v-1a155b6c] {
 	display: flex;
 	flex-direction: column;
 	gap: calc(3 * var(--default-grid-baseline));
 }
-.cn-link-cards-page__caption[data-v-4d8cf2f8] {
+.cn-link-cards-page__caption[data-v-1a155b6c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
@@ -41367,7 +41477,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	margin: 0;
 	text-transform: uppercase;
 }
-.cn-link-cards-page__grid[data-v-4d8cf2f8] {
+.cn-link-cards-page__grid[data-v-1a155b6c] {
 	display: grid;
 	gap: calc(3 * var(--default-grid-baseline));
 	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
@@ -41375,10 +41485,10 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	margin: 0;
 	padding: 0;
 }
-.cn-link-cards-page__cell[data-v-4d8cf2f8] {
+.cn-link-cards-page__cell[data-v-1a155b6c] {
 	display: flex;
 }
-.cn-link-cards-page__card[data-v-4d8cf2f8] {
+.cn-link-cards-page__card[data-v-1a155b6c] {
 	align-items: flex-start;
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
@@ -41397,34 +41507,34 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
    underline !important }`, specificity 0,0,1). Among `!important` rules the
    higher specificity wins, so this class rule has to carry it too; without it
    the label and the description both rendered underlined on a live Nextcloud. */
-.cn-link-cards-page__card[data-v-4d8cf2f8],
-.cn-link-cards-page__card[data-v-4d8cf2f8]:hover,
-.cn-link-cards-page__card[data-v-4d8cf2f8]:focus,
-.cn-link-cards-page__card[data-v-4d8cf2f8]:active {
+.cn-link-cards-page__card[data-v-1a155b6c],
+.cn-link-cards-page__card[data-v-1a155b6c]:hover,
+.cn-link-cards-page__card[data-v-1a155b6c]:focus,
+.cn-link-cards-page__card[data-v-1a155b6c]:active {
 	text-decoration: none !important;
 }
 
 /* Hover moves the whole card: border, background and a soft lift. */
-.cn-link-cards-page__card[data-v-4d8cf2f8]:hover {
+.cn-link-cards-page__card[data-v-1a155b6c]:hover {
 	background: var(--color-background-hover);
 	border-color: var(--color-primary-element);
 	box-shadow: 0 2px 6px var(--color-box-shadow);
 }
 @media (prefers-reduced-motion: reduce) {
-.cn-link-cards-page__card[data-v-4d8cf2f8] {
+.cn-link-cards-page__card[data-v-1a155b6c] {
 		transition: none;
 }
 }
-.cn-link-cards-page__card[data-v-4d8cf2f8]:focus-visible {
+.cn-link-cards-page__card[data-v-1a155b6c]:focus-visible {
 	border-color: var(--color-primary-element);
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-link-cards-page__icon[data-v-4d8cf2f8] {
+.cn-link-cards-page__icon[data-v-1a155b6c] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-link-cards-page__body[data-v-4d8cf2f8] {
+.cn-link-cards-page__body[data-v-1a155b6c] {
 	display: flex;
 	flex-direction: column;
 	gap: var(--default-grid-baseline);
@@ -41434,18 +41544,122 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 /* The label is the card's title. Its colour is set here, on the span, because
    a theme may force its link colour on the `a` itself; an inherited link
    colour made the title read as a hyperlink. */
-.cn-link-cards-page__label[data-v-4d8cf2f8] {
+.cn-link-cards-page__label[data-v-1a155b6c] {
 	color: var(--color-main-text);
 	font-size: 1.05em;
 	font-weight: 700;
 	line-height: 1.3;
 	overflow-wrap: anywhere;
 }
-.cn-link-cards-page__card-description[data-v-4d8cf2f8] {
+.cn-link-cards-page__card-description[data-v-1a155b6c] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.9em;
 	line-height: 1.4;
 }
+.cn-link-cards-page__group--list[data-v-1a155b6c] {
+	padding: 20px 22px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-container-large, 12px);
+	background: var(--color-main-background);
+	gap: 6px;
+}
+.cn-link-cards-page__group--list .cn-link-cards-page__caption[data-v-1a155b6c] {
+	margin: 0 0 8px;
+	color: var(--color-main-text);
+	font-size: 17px;
+	font-weight: 700;
+	letter-spacing: normal;
+	text-transform: none;
+}
+.cn-link-cards-page__list[data-v-1a155b6c] {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-link-cards-page__row[data-v-1a155b6c] {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	padding: 10px 0;
+	border-top: 1px solid var(--color-background-dark);
+	color: var(--color-main-text);
+}
+.cn-link-cards-page__row[data-v-1a155b6c],
+.cn-link-cards-page__row[data-v-1a155b6c]:hover,
+.cn-link-cards-page__row[data-v-1a155b6c]:focus,
+.cn-link-cards-page__row[data-v-1a155b6c]:active {
+	text-decoration: none !important;
+}
+.cn-link-cards-page__row[data-v-1a155b6c]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+.cn-link-cards-page__row-icon[data-v-1a155b6c] {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 34px;
+	height: 34px;
+	border-radius: var(--border-radius-element, 8px);
+	background: var(--color-background-dark);
+}
+.cn-link-cards-page__row-body[data-v-1a155b6c] {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-link-cards-page__row-label[data-v-1a155b6c] {
+	font-size: 15px;
+	font-weight: 600;
+}
+.cn-link-cards-page__row-description[data-v-1a155b6c] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-link-cards-page__row-trailing[data-v-1a155b6c] {
+	flex: none;
+	color: var(--color-text-maxcontrast);
+}
+.cn-link-cards-page__modules[data-v-1a155b6c] {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+}
+.cn-link-cards-page__modules-head[data-v-1a155b6c] {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: baseline;
+	gap: 8px;
+}
+.cn-link-cards-page__modules-title[data-v-1a155b6c] {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 700;
+}
+.cn-link-cards-page__modules-count[data-v-1a155b6c] {
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-link-cards-page__modules-grid[data-v-1a155b6c] {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+	gap: 16px;
+}
+.cn-link-cards-page__modules-note[data-v-1a155b6c] {
+	display: flex;
+	align-items: flex-start;
+	gap: 8px;
+	margin: 0;
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-link-cards-page__modules-note-icon[data-v-1a155b6c] {
+	flex: none;
+}
 
 
 /* NcDialog supplies the padding and the heading (via `name`); this div keeps only