/* Выравнивание текста в колонке SKU */
#priceBody .col-sku {
    text-align: center;
}

/* Выравнивание текста в колонках с суммами */
#priceBody .col-vp,
#priceBody .col-price {
    text-align: right;
}

.col-sku {
    width: 80px;
}

.col-qty {
    width: 160px;
}

.col-vp {
    width: 120px;
}

.col-price {
    width: 120px;
}

.formula {
    font-size: small;
    color: #7f7f7f;
    margin-bottom: -6px;
}

/* Чип с типом цен в заголовке таблицы */
#priceTypeTitle {
    border-radius: 20px;
}

/* Убираем стрелки внутри инпутов */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
    /* Иногда помогает явное скрытие */
}

input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
    appearance: textfield;
}

/* Фон кнопок при наведении */
.btn-outline-secondary:hover {
    background-color: #e9ecef;
    /* Светло-серый фон при наведении */
    color: #495057;
    /* Тёмный цвет текста для контраста */
}

.btn-outline-secondary:active {
    background-color: #a5a5a5 !important;
}

th.category:hover {
    cursor: pointer;
}

/* Убираем уголок у кнопки меню */
#menuBtn.dropdown-toggle::after {
    display: none;
}

/* Делаем тост немного резиновым */
#toast {
    min-width: 250px;
    max-width: 700px;
    width: auto;
}