/* ==================================================================
   ОБЩИЕ СТИЛИ ДЛЯ ФОРМ И КОМПОНЕНТОВ
   Этот файл используется в библиотеке и на проде
   ================================================================== */

/* Контейнер для всех полей формы с gap между группами */
.form-fields-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Обертка для группы чекбоксов */
.chekbox-block-wrapper,
.pay-met-block-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Обертка для группы полей шин */
.tire-input-fields-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Обертка для группы кнопок и списка шин */
.tire-actions-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Обертка для полей клиента с gap */
.client-fields-gap-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Обертка для header клиента */
.client-header-wrapper {
    /* Стили при необходимости */
}

/* Обертка для всего search_client поля */
.search-client-field-wrapper {
    /* Стили при необходимости */
}