/* css/redesign-admin-settings.css
   Фаза 13 редизайна (docs/REDESIGN_PLAN.md): Админка Desktop — Настройки.
   7 вкладок (план перечисляет 6 — Автофулфилмент не упомянут явно, но
   рендерится тем же `#adminContent > .tabs` рядом с остальными; оставить
   её на легаси-стиле означало бы смешение старого/нового в одном общем
   переключателе — включил в объём фазы, см. заметку в плане).
   Активный цвет вкладок первого уровня (#adminContent > .tabs) уже
   красится золотым генерическим правилом из Фазы 9 — здесь добавлена
   капсула-подложка вокруг самой строки вкладок, т.к. в Фазе 9 она не была
   добавлена (там это не потребовалось так явно). */

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

#adminPage .admin-settings-hint {
  color: var(--rd-text-muted);
  font-size: 0.85em;
  margin: -8px 0 16px;
  max-width: 640px;
  line-height: 1.5;
}

/* ===== Строка статической страницы (Фаза 13) =====
   Кнопки действий были на margin-right вместо gap — переведено на flex+gap
   здесь, чтобы на мобильном (Фаза 14.2) строка могла переноситься в 2 ряда
   без обрезки крайней кнопки (было: ряд не переносился и "Удалить" уходило
   за край экрана на 375px). */
#adminPage .admin-static-page-actions {
  display: flex;
  gap: 5px;
}
@media (max-width: 768px) {
  #adminPage .admin-static-page-row {
    flex-wrap: wrap;
  }
  #adminPage .admin-static-page-info {
    flex-basis: 100%;
  }
  #adminPage .admin-static-page-actions {
    flex-basis: 100%;
  }
  #adminPage .admin-static-page-actions .btn-small {
    flex: 1 1 auto;
  }
}