/* Дополнительные стили поверх main.min.css */

/* Инпут комментария в корзине (step1): без рамки */
.notepad-item__name .js_chg_values_order_data {
    border: none;
}

/* Регистрация в модалке (#popup__reg): убираем любые фоновые картинки/псевдо-иконки у инпутов */
#popup__reg .account__item-coment,
#popup__reg .reg_form_block,
#popup__reg .reg_form_block_row,
#popup__reg .reg_form_label {
    background: none !important;
    background-image: none !important;
}

#popup__reg .account__item-coment::before,
#popup__reg .account__item-coment::after,
#popup__reg .reg_form_label::before,
#popup__reg .reg_form_label::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
}

#popup__reg .account__item-coment {
    display: block;
    padding: 0;
}

#popup__reg input.slyle_input {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background-color: #f3f3f3 !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: auto !important;
}

#popup__reg input.slyle_input:hover,
#popup__reg input.slyle_input:focus {
    background-color: #fff !important;
}

/* Меню личного кабинета: исправление перекрытия футером */
.lk_menu.main_lk_menu {
    margin-top: 100px !important;
    margin-bottom: 60px !important;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

/* Стили для элементов меню личного кабинета */
.lk_menu.main_lk_menu .list-group-item {
    padding: 0.5rem 0;
}

.lk_menu.main_lk_menu .list-group-item a {
    text-decoration: none;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
}

.lk_menu.main_lk_menu .list-group-item a:hover {
    opacity: 0.7;
}

.lk_menu.main_lk_menu .list-group-item a.selected {
    color: inherit;
    font-weight: bold;
}

/* Контейнер сообщений: фиксированная высота и скролл */
/* #messages_modal .chat-modal-corres {
    display: flex;
    flex-direction: column;
    height: calc(90vh - 200px);
    max-height: calc(90vh - 200px);
} */

#messages_modal .js_msg_main_div.messages_lk {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
    scroll-behavior: smooth;
    display: flex;
    flex-direction: column; /* Используем column вместо column-reverse для упрощения логики */
}

/* Стилизация скроллбара для WebKit браузеров */
.js_msg_main_div.messages_lk::-webkit-scrollbar {
    width: 8px;
}

.js_msg_main_div.messages_lk::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.js_msg_main_div.messages_lk::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.js_msg_main_div.messages_lk::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Убираем подчеркивание и выделение синим для ссылок в списке контактов чата */
.chat-modal-contacts__name a {
    text-decoration: none !important;
    color: inherit !important;
}

.chat-modal-contacts__name a:hover {
    text-decoration: none !important;
    color: inherit !important;
}

/* Модалка наценки: убираем иконку лупы у инпута и добавляем отступ кнопке */
#nacenka_modal .fiter-search input {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}

#nacenka_modal .fiter-search::before,
#nacenka_modal .fiter-search::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
}

#nacenka_modal .js_save_nacenka {
    margin-top: 15px;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.4;
}

/* Кнопка переключения колонки поставщика: голубая когда активна (как при ховере) */
.header-manag__button.js_toggle_seller_column.active,
.header-manag__button.js_toggle_seller_column.active:hover {
    background-color: #53bcad !important;
}