/* ── Field — date-period (мирор на number.css left/right layout) ─────────── */

.field--date-period {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    cursor:          pointer;
}

.field--date-period:not(.field--focused):not(.field--invalid):not(.field--valid):hover {
    border-color: var(--field-border-hover);
}

.field__date-period-left,
.field__date-period-right {
    display:     flex;
    align-items: center;
}

.field__date-period-text {
    color:       var(--field-text-muted, #6b7280);
    font-size:   .875rem;
    white-space: nowrap;
}

.field--date-period .field__feedback {
    flex: 0 0 100%;
}