/*
 * delivery_tabs_one_row.css
 * Вкладки в окне "Калькулятор доставки — настройки" (Тарифы / Транспорт /
 * Скидки / Сборный груз / Тестовый расчёт / История расчётов / Журнал
 * изменений) раньше растягивались на всю ширину и переносились по одной
 * в строку из-за накопленных общих правил "кнопка на всю ширину".
 * Подключается последним, чтобы гарантированно побеждать эти правила.
 */

#deliverySettingsModal .delivery-tabs-row {
    flex-wrap: nowrap !important;
}

#deliverySettingsModal .delivery-tab-btn {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

#deliverySettingsModal .delivery-tab-btn.active {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

#deliverySettingsModal .delivery-subtab-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
}

#deliverySettingsModal .delivery-subtab-btn.active {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

/* Фиксированная высота области с контентом вкладок — при переключении
   между "Тарифы" (короткая форма) и "История расчётов" (длинная таблица)
   окно раньше "прыгало" по высоте. Внутри — своя прокрутка. */
#deliveryTabsContent {
    height: 480px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

@media (max-width: 700px) {
    #deliveryTabsContent {
        height: 60vh !important;
    }
}
@media (max-width: 700px) {
    #deliverySettingsModal .delivery-tabs-row {
        flex-wrap: wrap !important;
    }

    #deliverySettingsModal .delivery-tab-btn {
        flex: 1 1 auto !important;
        font-size: 13px !important;
    }
}