/* css/redesign-admin-moderation.css
   Фаза 7 редизайна (docs/REDESIGN_PLAN.md): Админка Desktop — Модерация.
   Переиспользует карточный паттерн Фазы 6 (.admin-order-card,
   .admin-order-toolbar/.admin-order-select-all, .admin-nav-badge-*) —
   заявки модерации визуально та же "карточка со статусной рамкой слева",
   что и заказы, только добавлен инлайн-разворот детали внутри карточки
   (.moderation-detail) вместо старой модалки. Статус-ключи — НЕ status-*
   (заняты легаси-классами css/base.css, см. заметку по Фазе 6 в плане) и
   НЕ admin-order-status-* (другая сущность/набор статусов) — отдельный
   префикс moderation-status-*. */

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

#adminPage .moderation-select-info {
  color: var(--rd-text-muted);
  font-size: 0.85em;
}
#adminPage .moderation-empty {
  text-align: center;
  padding: 40px 0;
  color: var(--rd-text-muted);
}

#adminPage .moderation-item.moderation-status-pending { border-left-color: var(--rd-status-pending); }
#adminPage .moderation-item.moderation-status-inwork { border-left-color: var(--rd-status-new); }
#adminPage .moderation-item.moderation-status-rework { border-left-color: var(--rd-status-error); }
#adminPage .moderation-item.moderation-status-approved { border-left-color: var(--rd-status-done); }
#adminPage .moderation-item.moderation-status-rejected,
#adminPage .moderation-item.moderation-status-cancelled { border-left-color: var(--rd-status-cancelled); }

#adminPage .moderation-status-pill {
  margin-left: auto;
  font-size: 0.78em;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
}
#adminPage .moderation-status-pill.moderation-status-pending { background: oklch(0.65 0.15 55 / 0.25); color: var(--rd-status-pending); }
#adminPage .moderation-status-pill.moderation-status-inwork { background: oklch(0.6 0.14 240 / 0.25); color: var(--rd-status-new); }
#adminPage .moderation-status-pill.moderation-status-rework { background: oklch(0.55 0.17 25 / 0.25); color: var(--rd-status-error); }
#adminPage .moderation-status-pill.moderation-status-approved { background: oklch(0.6 0.13 150 / 0.25); color: var(--rd-status-done); }
#adminPage .moderation-status-pill.moderation-status-rejected,
#adminPage .moderation-status-pill.moderation-status-cancelled { background: oklch(0.5 0.006 260 / 0.3); color: var(--rd-status-cancelled); }

#adminPage .moderation-item-body {
  font-size: 0.9em;
  color: var(--rd-text-muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}
#adminPage .moderation-item-body strong {
  color: var(--rd-text);
}

/* ===== Инлайн-деталь заявки (Фаза 7: не модалка) ===== */
#adminPage .moderation-detail {
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--rd-border);
}
#adminPage .moderation-detail-fields {
  font-size: 0.9em;
  color: var(--rd-text-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
#adminPage .moderation-detail-fields strong {
  color: var(--rd-text);
}
#adminPage .moderation-field {
  padding-left: 8px;
}
#adminPage .moderation-detail-empty {
  color: var(--rd-text-muted);
  font-style: italic;
}
#adminPage .moderation-detail-image {
  max-width: 200px;
  max-height: 200px;
  border-radius: 8px;
  margin-top: 5px;
}
#adminPage .moderation-detail-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#adminPage .moderation-detail-actions .chat-order-btn {
  position: relative;
}