/* Verlauf: verfügbare Inhaltsbreite statt allein Fensterbreite berücksichtigen. */
.activity-page { container: activity-workspace / inline-size; }
.activity-page .activity-filters > div { min-width: 0; max-width: 100%; }
.activity-page .activity-filters select { min-width: 0; max-width: 100%; }
.activity-page .activity-filters .button { max-width: 100%; white-space: normal; }
.activity-page .activity-area { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.activity-page .activity-card .section-heading > div { min-width: 0; }
.activity-page .activity-copy strong { overflow-wrap: anywhere; }

@container activity-workspace (max-width: 60rem) {
    .activity-page .activity-entry,
    .activity-page .activity-group > summary {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-1) var(--space-3);
    }
    .activity-page .activity-entry--group { display: block; }
    .activity-page .activity-copy { flex: 1 1 100%; order: -1; }
    .activity-page .activity-entry > time,
    .activity-page .activity-group > summary > time,
    .activity-page .activity-actor { padding-top: 0; }
    .activity-page .activity-list--nested { margin-left: var(--space-2); }
}

/* Vertragsansicht: die Einstellungen-Navigation darf den Inhalt nicht zusammendrücken. */
.app-content:has(> .settings-workspace .contract-page) {
    container: contract-workspace / inline-size;
}
.settings-workspace:has(.contract-page) .settings-workspace-content {
    container: contract-content / inline-size;
}
.contract-page .step-flow--inline {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
}
.contract-page .step-flow > li { min-width: 0; overflow-wrap: anywhere; }
.contract-page .contract-empty > * { min-width: 0; }
.contract-page .contract-actions .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

@container contract-workspace (max-width: 64rem) {
    .settings-workspace:has(.contract-page) { grid-template-columns: minmax(0, 1fr); }
    .settings-workspace:has(.contract-page) .settings-navigation {
        position: static;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .settings-workspace:has(.contract-page) .settings-navigation nav {
        display: flex;
        width: max-content;
        min-width: 100%;
    }
    .settings-workspace:has(.contract-page) .settings-navigation a { flex: 0 0 auto; }
    .settings-workspace:has(.contract-page) .settings-navigation-copy small { display: none; }
}

@container contract-content (max-width: 52rem) {
    .contract-page .contract-empty { grid-template-columns: 4rem minmax(0, 1fr); }
    .contract-page .contract-empty-facts {
        grid-column: 2;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    }
    .contract-page .contract-empty-facts li + li { padding-left: 0; border-left: 0; }
}

@container contract-content (max-width: 30rem) {
    .contract-page .contract-empty { grid-template-columns: minmax(0, 1fr); }
    .contract-page .contract-empty-facts { grid-column: 1; grid-template-columns: minmax(0, 1fr); }
}