.ahr-manage-schedule-block__summary {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

/* Duration sits directly under the location, italic and not bold. */
.ahr-manage-schedule-block__summary .ahr-manage-schedule-block__duration {
    font-style: italic;
}

/* Double-line-break separation before the days/time block. */
.ahr-manage-schedule-block__summary-group {
    margin-top: 16px;
}

/* One recurring break: start, end, label and remove on a row. */
.ahr-manage-schedule-break {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.ahr-manage-schedule-break__field {
    flex: 1;
    min-width: 0;
}

/* On a phone the two time fields share a row and the label moves under them, so neither clips. */
@media (max-width: 639px) {
    .ahr-manage-schedule-break {
        display: grid;
        grid-template-columns: 1fr 1fr auto;
    }

    .ahr-manage-schedule-break__label {
        grid-column: 1 / 3;
    }
}