/* ── Field — number / number-period (мирор на същия left/center/right layout) ──── */

.field--number,
.field--number-period {
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-wrap:       wrap;
    cursor:          pointer;
}

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

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

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