/* Inhaltsarbeit vor Strukturpflege; alle Zustände bleiben fachlich unverändert. */
.content-ux .content-ux-summary {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
    border: 0;
    background: transparent;
}

.content-ux .content-ux-summary > div {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    padding: 0;
    border: 0;
}

.content-ux .content-ux-summary > div + div { border: 0; }
.content-ux .content-ux-summary strong { font-size: 1rem; }
.content-ux .content-ux-summary span { font-size: .85rem; }

.content-ux-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    min-width: 0;
}

.content-ux-actions > .editor-dialog-trigger,
.content-ux-actions > .gallery-area-create > summary {
    min-height: 44px;
    padding: .65rem .85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-control);
    color: var(--green);
    background: var(--surface);
    text-decoration: none;
    text-align: start;
}

.content-ux-actions > .editor-dialog-trigger strong,
.content-ux-actions > .gallery-area-create strong {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.content-ux-actions > .editor-dialog-trigger small,
.content-ux-actions > .gallery-area-create small {
    display: block;
    margin-top: .15rem;
    color: var(--muted);
    font-weight: 400;
}

.content-ux-actions > .gallery-area-create { padding: 0; border: 0; }
.content-ux-actions > details[open] { flex-basis: 100%; }

.gallery-display-settings { padding: 0; }
.gallery-display-settings > summary {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 44px;
    padding: .85rem 1rem;
    cursor: pointer;
    list-style: none;
}
.gallery-display-settings > summary::-webkit-details-marker { display: none; }
.gallery-display-settings > summary > span { min-width: 0; flex: 1; }
.gallery-display-settings > summary small {
    display: block;
    margin-top: .15rem;
    color: var(--muted);
}
.gallery-display-settings > summary > .ui-icon:last-child { margin-inline-start: auto; }
.gallery-display-settings[open] > summary > .ui-icon:last-child { transform: rotate(180deg); }
.gallery-display-settings > form { margin: 0; padding: 1rem; border-top: 1px solid var(--line); }

.content-ux .form-section-heading h2 > .ui-icon,
.content-ux .event-toolbar p > .ui-icon { margin-inline-end: .4rem; }
.content-ux .empty-state > .ui-icon { width: 2rem; height: 2rem; color: var(--muted); }
.content-ux .event-row__actions .text-button,
.content-ux .event-series__actions .text-button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 44px;
}

.content-ux.event-shell { container: event-workspace / inline-size; }
.content-ux .hours-editor { container: hours-workspace / inline-size; }

@container event-workspace (max-width: 60rem) {
    .content-ux .event-row {
        grid-template-columns: 3.5rem minmax(0, 1fr);
        align-items: start;
    }
    .content-ux .event-row__actions {
        grid-column: 1 / -1;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .content-ux .event-row__actions > * {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .content-ux .event-series__list > li { grid-template-columns: minmax(0, 1fr) auto; }
    .content-ux .event-series__actions { grid-column: 1 / -1; }
    .content-ux .event-series__list time { overflow-wrap: anywhere; }
}

@container event-workspace (max-width: 30rem) {
    .content-ux .event-row { grid-template-columns: minmax(0, 1fr); }
    .content-ux .event-date {
        display: flex;
        align-items: center;
        gap: .5rem;
        min-height: 0;
        border-right: 0;
        text-align: start;
    }
    .content-ux .event-toolbar { flex-direction: column; align-items: stretch; }
}

/* Innenabstände begrenzen, damit Uhrzeit und Auswahlsymbol bei großer Schrift Platz behalten. */
@container hours-workspace (max-width: 32rem) {
    .content-ux .hours-editor > .form-panel { padding-inline: min(1.2rem, 4vw); }
}

@media (max-width: 38rem) {
    .content-ux .content-ux-actions { width: 100%; justify-content: flex-start; }
    .content-ux-actions > .editor-dialog-trigger,
    .content-ux-actions > .gallery-area-create { width: 100%; }
}

/* Vergrößerte Schrift darf den Wochentag nicht hinter den Ruhetag-Schalter drücken. */
@container (max-width: 24rem) {
    .content-ux .hours-editor .hours-table .hours-day {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .content-ux .hours-editor .hours-table .hours-day__name { flex: 1 0 auto; }
    .content-ux .hours-editor .hours-table .day-closed { margin-inline-start: auto; }
    .content-ux .hours-editor .hours-table .hours-windows,
    .content-ux .hours-editor .hours-table .hours-day__closed-note { flex-basis: 100%; }
}