/* css/redesign-admin-marketing.css
   Фаза 11 редизайна (docs/REDESIGN_PLAN.md): Админка Desktop — Маркетинг.
   Модалки (editProgram, createProductSelectorModal, createGameSelectorModal
   в js/admin/marketing/*.js) переведены на класс .rd-modal (Фаза 4.10) —
   их форма/инпуты уже стилизуются общим правилом `.rd-modal .form-group
   input/select/textarea`, здесь только вкладки и таблицы. */

#adminPage .tabs#marketingTabs,
#adminPage .tabs#discountSubTabs {
  display: flex;
  gap: 4px;
  width: fit-content;
  background: var(--rd-panel-header);
  border-radius: 10px;
  padding: 4px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
#adminPage .tabs#marketingTabs .tab-btn,
#adminPage .tabs#discountSubTabs .tab-btn {
  border-radius: 8px;
  padding: 9px 20px;
  color: var(--rd-text-muted);
  font-weight: 700;
  font-size: 0.85em;
}
#adminPage .tabs#marketingTabs .tab-btn:hover,
#adminPage .tabs#discountSubTabs .tab-btn:hover {
  background: none;
  color: var(--rd-text);
}
#adminPage .tabs#marketingTabs .tab-btn.active,
#adminPage .tabs#discountSubTabs .tab-btn.active {
  background: var(--rd-gold);
  color: oklch(0.15 0.01 85);
}

/* .admin-table — общая легаси-таблица админки (css/base.css:299-306),
   использовалась в Фазах 6/10 (заказы до перехода на карточки, список
   пользователей) и здесь (уровни лояльности, активные программы), но
   нигде ещё не получала токенов Graphite/Gold — красим один раз тут,
   выигрыш общий на все страницы админки сразу. */
#adminPage .admin-table {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-card);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
#adminPage .admin-table th,
#adminPage .admin-table td {
  border-bottom: 1px solid var(--rd-border);
  color: var(--rd-text-muted);
}
#adminPage .admin-table th {
  background: var(--rd-panel-header);
  color: var(--rd-text);
  font-weight: 700;
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
#adminPage .admin-table td input,
#adminPage .admin-table td select,
#adminPage .admin-table td textarea {
  background: var(--rd-bg);
  border: 1px solid var(--rd-border);
  color: var(--rd-text);
  border-radius: 6px;
}
#adminPage .admin-table tr:last-child td {
  border-bottom: none;
}

/* ===== Горизонтальный скролл широких таблиц на мобильном (Фаза 14.2) =====
   Некоторые .admin-table шире 375px даже после переноса текста (активные
   программы маркетинга — 7 колонок, таблицы прокси/задач автофулфилмента
   в Настройках — 6-7 колонок). Раньше `overflow:hidden` на самой таблице
   (см. правило выше, нужен для скругления углов) на мобильном означал, что
   правые колонки/кнопки действий просто обрезались без какой-либо
   возможности их увидеть — не просто некрасиво, а функционально недоступно.
   Оборачивающий div с overflow-x:auto возвращает доступ через скролл,
   тот же приём, что и в .admin-product-variants (css/admin.css). */
@media (max-width: 768px) {
  #adminPage .admin-table-scroll {
    overflow-x: auto;
    border-radius: var(--rd-radius-card);
  }
  #adminPage .admin-table-scroll .admin-table {
    min-width: 560px;
  }
}