/* Загальні стилі */
body {
    background-color: #f5f5f5;
}

.navbar {
    margin-bottom: 20px;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 20px;
}

/* Карточки на панелі управління */
.card-body .display-4 {
    font-size: 2.5rem;
    font-weight: 300;
}
/* ========================================= */
/* Стили для таблицы товаров (Products Table) */
/* ========================================= */

/* Единый размер шрифта для ячеек и заголовков таблицы */
.products-table th,
.products-table td {
    font-size: 0.9rem; /* Устанавливаем единый размер шрифта */
    vertical-align: middle; /* Вертикальное выравнивание */
}

/* Объединенный контейнер для горизонтальной/вертикальной прокрутки + фиксации заголовка */
.table-scroll-container { /* Или можно было стилизовать .table-responsive напрямую */
  max-height: 75vh; /* Максимальная высота таблицы */
  overflow-y: auto; /* Включаем вертикальный скролл */
  /* position: relative; Убрал, т.к. для sticky Thead он не нужен на контейнере */
}

/* Фиксация заголовка таблицы (без изменений) */
.products-table thead.sticky-header th {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f8f9fa;
}

/* Фиксация первой колонки (Название товара) */
.products-table th.sticky-column-header,
.products-table td.sticky-column-cell {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #ffffff; /* Явный белый фон */
  /* --- ДОБАВЛЕНО: Минимальная ширина для колонки Назва товару --- */
  min-width: 250px;
  /* -------------------------------------------------------------- */
}
/* Фон для нечетных строк (без изменений) */
.table-striped > tbody > tr:nth-of-type(odd) > td.sticky-column-cell {
   background-color: #f8f9fa;
}
/* Фон при наведении (без изменений) */
.table-hover > tbody > tr:hover > td.sticky-column-cell,
.table-hover > tbody > tr:hover > th.sticky-column-header {
    background-color: #e9ecef;
}

/* Стили для иконки-кнопки ссылки на магазин (без изменений) */
.store-link-icon {
  padding: 0.15rem 0.4rem;
  line-height: 1;
  min-width: 2.1em;
  display: inline-block;
  text-align: center;
}

/* Стили для контейнера кнопок действий (без изменений) */
.action-buttons-container {
  white-space: nowrap;
}

/* =========================================================== */
/* Зеленый цвет для иконок-ссылок и кнопки масс. поиска (v3) */
/* =========================================================== */

/* Применяем стили к иконкам И к кнопке по ID */
.store-link-icon.btn-secondary,
#bulkFindSaveUrlsBtn {
    background-color: #d1e7dd; /* Новый бледно-зеленый фон */
    border-color: #a3cfbb;   /* Соответствующая граница */
    color: #0a3622;           /* Темно-зеленый для иконки/текста */
    text-decoration: none;
}

/* Стиль при наведении мыши */
.store-link-icon.btn-secondary:hover,
#bulkFindSaveUrlsBtn:not(:disabled):hover {
    background-color: #a3cfbb; /* Фон при наведении (темнее) */
    border-color: #87bba2;   /* Граница при наведении */
    color: #051b11;           /* Очень темно-зеленый текст/иконка */
}

/* Стиль для НЕАКТИВНОЙ кнопки массового поиска */
#bulkFindSaveUrlsBtn:disabled {
    background-color: #d1e7dd; /* Используем тот же фон, что и у активных иконок */
    border-color: #a3cfbb;   /* Используем ту же рамку, что и у активных иконок */
    color: #0a3622;           /* Используем тот же цвет текста/иконки, что и у активных иконок */
    opacity: 0.65;           /* Сделаем ее полупрозрачной вместо изменения цвета (стандартный способ Bootstrap) */
    /* Убери эту строку, если хочешь ПОЛНУЮ непрозрачность: */
    /* opacity: 1; */
}