body .event-dialog.ui-dialog {
    width: min(42rem, calc(100vw - 2rem)) !important;
}

body .event-dialog .ui-dialog-titlebar {
    padding: 1rem 1.25rem;
}

body .event-dialog .ui-dialog-content {
    max-height: calc(100vh - 8rem);
    padding: 0 1.25rem 1.25rem;
    overflow-y: auto;
}

.event-dialog-content .stacked-form {
    margin-top: 0;
}

.event-form textarea {
    min-height: 7rem;
}

.event-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-small);
    margin-top: var(--space-small);
}

.event-dialog-actions .delete-event-button {
    margin-left: auto;
}

.event-details h2,
.event-details p {
    margin: 0;
}

.event-details h2 {
    font-size: 1.35rem;
}

.event-details-schedule {
    margin-top: var(--space-extra-small) !important;
    color: var(--color-text-muted);
    line-height: 1.55;
}

.event-details .description-text {
    margin-top: var(--space-medium);
    padding: var(--space-medium);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-medium);
    background: var(--color-canvas-muted);
    color: var(--color-text-muted);
    line-height: 1.6;
}

@media (width <= 36rem) {
    body .event-dialog.ui-dialog {
        width: calc(100vw - 1rem) !important;
    }

    body .event-dialog .ui-dialog-titlebar {
        padding: 0.9rem 1rem;
    }

    body .event-dialog .ui-dialog-content {
        max-height: calc(100vh - 6rem);
        padding: 0 1rem 1rem;
    }

    .event-dialog-actions,
    .event-dialog-actions .ui-button {
        width: 100%;
    }

    .event-dialog-actions .delete-event-button {
        margin-left: 0;
    }
}