.field-label-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 1.55rem;
}

.availability-status {
    font-size: 0.82rem;
    font-weight: 800;
    text-align: end;
}

.availability-status--checking {
    color: var(--muted);
}

.availability-status--free {
    color: var(--success);
}

.availability-status--taken {
    color: var(--danger);
}

@media (max-width: 520px) {
    .field-label-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.15rem;
    }

    .availability-status {
        text-align: start;
    }
}