/* css/redesign-admin-products.css
   Фаза 9 редизайна (docs/REDESIGN_PLAN.md): Админка Desktop — Товары.
   Переопределения поверх css/admin.css (аккордеон по играм, строки
   товаров) и модалок "Карточка"/"Добавить игру" (js/admin/products/*.js —
   там основные цвета уже переведены на var(--rd-*) прямо в инлайн-стилях,
   этот файл — точечная докраска классов из css/admin.css). */

#adminPage .admin-section {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-card);
}
#adminPage .admin-section h3,
#adminPage .admin-section h4 {
  color: var(--rd-text);
}
#adminContent > .tabs .tab-btn.active {
  background: var(--rd-gold);
  color: oklch(0.15 0.01 85);
}

#adminPage .admin-game-proxy {
  background: var(--rd-panel-header);
  border: 1px solid var(--rd-border);
  color: var(--rd-text-muted);
}

#adminPage .admin-product-row {
  background: var(--rd-panel-header);
  border: 1px solid var(--rd-border);
}
#adminPage .admin-product-row[open] {
  border-color: var(--rd-border-gold);
}
#adminPage .admin-product-row.is-drag-over {
  border-color: var(--rd-gold);
}
#adminPage details.admin-product-row > .admin-product-summary::marker {
  color: var(--rd-gold);
}
#adminPage .admin-product-drag-handle {
  background:
    radial-gradient(circle, var(--rd-text-muted) 1.7px, transparent 2px) 7px 9px / 8px 8px repeat,
    rgba(255,255,255,0.03);
}
#adminPage .admin-product-drag-handle:hover,
#adminPage .admin-product-drag-handle:focus-visible {
  border-color: var(--rd-border-gold);
  background:
    radial-gradient(circle, var(--rd-gold) 1.7px, transparent 2px) 7px 9px / 8px 8px repeat,
    var(--rd-panel);
}
#adminPage .admin-product-name {
  color: var(--rd-text);
}
#adminPage .admin-product-meta {
  color: var(--rd-text-muted);
}
#adminPage .admin-product-meta span,
#adminPage .admin-product-badge {
  background: var(--rd-panel);
  color: var(--rd-text-muted);
}
#adminPage .admin-product-badge.success {
  background: oklch(0.6 0.13 150 / 0.18);
  color: var(--rd-status-done);
}
#adminPage .admin-product-badge.muted {
  background: var(--rd-panel);
  color: var(--rd-text-muted);
}

/* Индикатор QuickBuy (9.1) — раньше был безликим текстом "quick buy" в
   общем списке meta-пилюль, теперь отдельный акцентный бейдж. */
#adminPage .admin-product-badge-quickbuy {
  background: oklch(0.78 0.1 85 / 0.18);
  color: var(--rd-gold);
  font-weight: 700;
}

/* Индикатор/тоггл "Автооплата" — 3 состояния (9.1): включена и настроена
   (on), выключена (off), включена, но не хватает goodsId (pending) —
   см. getAutomationState() в productsGamesList.js. */
#adminPage .admin-product-automation-on {
  background: oklch(0.6 0.13 150 / 0.18);
  color: var(--rd-status-done);
}
#adminPage .admin-product-automation-off {
  background: var(--rd-panel);
  color: var(--rd-text-muted);
}
#adminPage .admin-product-automation-pending {
  background: oklch(0.65 0.15 55 / 0.2);
  color: var(--rd-status-pending);
}
#adminPage .admin-product-automation-btn {
  border: none;
  font-weight: 600;
}

#adminPage .admin-product-variants {
  border: 1px solid var(--rd-border);
}
#adminPage .admin-product-variants-head,
#adminPage .admin-product-variant-row {
  border-color: var(--rd-border);
}
#adminPage .admin-product-variants-head {
  background: var(--rd-panel);
  color: var(--rd-gold);
}
#adminPage .admin-product-variant-row {
  color: var(--rd-text-muted);
}
#adminPage .admin-product-variant-row strong {
  color: var(--rd-text);
}
#adminPage .admin-product-variant-row code {
  color: var(--rd-text-muted);
}

/* ===== Заголовок игры в аккордеоне (9.1) =====
   Раньше это был безымянный inline-flex div + h4 с кнопками прямо внутри
   текста заголовка (см. js/admin/products/productsGamesList.js) — на узкой
   ширине кнопки переносились вплотную под название без какой-либо
   структуры. Теперь есть классы, десктопное поведение то же самое
   (flex-строка), на мобильном (Фаза 14.2) кнопки уходят на отдельную
   полноширинную строку под названием. */
#adminPage .admin-game-header {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
#adminPage .admin-game-drag-icon {
  cursor: grab;
  font-size: 1.5em;
  opacity: 0.5;
}
#adminPage .admin-game-title {
  margin: 0;
  flex: 1;
  min-width: 120px;
  color: var(--rd-text);
}
#adminPage .admin-game-header-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  #adminPage .admin-game-header-actions {
    flex-basis: 100%;
  }
  /* Бейдж QuickBuy (9.1) раньше зажимал название товара в узкую колонку
     на одной строке с собой (.admin-product-title без flex-wrap) — теперь
     переносится под название, если не помещается, вместо сдавливания
     текста. */
  #adminPage .admin-product-title {
    flex-wrap: wrap;
  }
}