/* css/components.css — 05.09.2026: общие компоненты сайта, вынесенные из копий по страницам.
   Подключается ОДИН раз в layout.php (pageHeader()) — грузится на каждой странице автоматически.

   .dev-card-btn — кнопки карточек «Разработки урока» (эталон — lesson_dev_hub.php, см. память
   feedback_reuse_card_design) — была дословно продублирована в 7 файлах (lesson_assign.php,
   lesson_dev_hub.php, quiz_bank_review.php, reset_results.php, scenario_master_test.php,
   sor_list.php, tests.php), с расхождениями не только в паддинге/шрифте (копипаст), но и в
   САМОЙ семантике цвета — 3 файла (lesson_dev_hub/quiz_bank_review/scenario_master_test) красили
   «создать» в сине-зелёный, 3 других (tests/sor_list/lesson_assign) — в фиолетово-серый под
   другим названием. Разобрано с пользователем 05.09.2026 (см. память
   feedback_unify_dont_copy_paste) — принята ОДНА таксономия классов на весь портал, независимая
   от того, что именно кнопка делает физически (создаёт/редактирует/назначает) — только от РОЛИ
   действия:

     .btn-primary   — синий  var(--ac)         — главное действие карточки (создать/открыть/
                                                  редактировать/назначить — то, ради чего карточка)
     .btn-download  — зелёный var(--bg-green)/var(--ac-green) — скачать / получить / выдать
     .btn-ai        — фиолетовый var(--ac-purple) — действие ИИ (перегенерировать и т.п.)
     .btn-danger    — красный  — удалить / необратимое действие
     .btn-secondary — серый    — второстепенное действие

   Классы объявлены как модификаторы ИМЕННО .dev-card-btn (составной селектор), а не голыми
   именами — на сайте уже есть глобальные .btn-primary/.btn-secondary/.btn-danger для обычных
   (не карточных) кнопок (layout.php, другая геометрия — не блочные, не 100% ширины). Бэйр-класс
   с теми же именами в этом файле переопределил бы их везде на сайте. Составной селектор
   .dev-card-btn.btn-primary даёт те же имена классов, что просил пользователь, без коллизии.

   Старые имена классов (.create/.download/.danger/.reset/.disabled) — ещё используются в 4 из
   7 файлов (lesson_dev_hub.php, quiz_bank_review.php, reset_results.php, scenario_master_test.php)
   — оставлены как алиасы, чтобы не трогать разметку этих 4 файлов в этом заходе (отдельный
   будущий шаг — перевести и их на новые имена и убрать алиасы). ВАЖНО: .create → .btn-primary
   (синий, там это тоже «создать» по смыслу), но .download → .btn-secondary (СЕРЫЙ), а не
   .btn-download (зелёный) — старое «.download» в реальной разметке означало не «скачать», а
   произвольное второстепенное действие (например tests.php использовал его для «Результаты»/
   «Просмотр»), и перекраска в зелёный без явного запроса была бы незапрошенным изменением.
   Разметка tests.php/sor_list.php/lesson_assign.php УЖЕ переведена на новые имена явно.

   .dev-card-status НЕ включена сюда намеренно — при сверке оказалось, что версия в tests.php
   заметно отличается от остальных не только цветом (другой font-size/padding/border-radius,
   плюс cursor:pointer/border:none/font-family — которых нет у lesson_dev_hub.php) — похоже на
   реальное отличие поведения (кликабельность), не просто разъехавшийся копипаст. Решать это
   отдельным заходом, не молча вместе с кнопками. */

.dev-card-btn {
  width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:600;
  text-decoration:none;text-align:center;border:none;cursor:pointer;transition:all .12s;display:block
}
.dev-card-btn.btn-primary, .dev-card-btn.create { background:var(--ac);color:#fff }
.dev-card-btn.btn-primary:hover, .dev-card-btn.create:hover { background:var(--ac2) }

.dev-card-btn.btn-download { background:var(--bg-green);color:var(--ac-green) }
.dev-card-btn.btn-download:hover { background:#a7f3d0 }

.dev-card-btn.btn-ai { background:var(--ac-purple);color:#fff }
.dev-card-btn.btn-ai:hover { background:#4c1d95 }

/* .danger и .reset — один и тот же «разрушительный» стиль под двумя именами класса (в разных
   файлах исторически называли по-разному) — оставлены оба алиасами .btn-danger. */
.dev-card-btn.btn-danger, .dev-card-btn.danger, .dev-card-btn.reset { background:#fee2e2;color:#991b1b;border:1.5px solid #fca5a5 }
.dev-card-btn.btn-danger:hover, .dev-card-btn.danger:hover, .dev-card-btn.reset:hover { background:#fecaca }

/* .download (старое имя) — это НЕ «скачать» по смыслу (та роль теперь у .btn-download,
   зелёный), а второстепенная серая кнопка (tests.php/sor_list.php: «📊 Результаты»,
   «👁️ Просмотр» и т.п.) — алиас на .btn-secondary с тем же серым, что был всегда, без
   визуального изменения. */
.dev-card-btn.btn-secondary, .dev-card-btn.download { background:#f1f5f9;color:#475569;border:1.5px solid var(--border) }
.dev-card-btn.btn-secondary:hover, .dev-card-btn.download:hover { background:#e2e8f0 }

/* 05.09.2026: 3 доп. семантических цвета — просмотр/аналитика (бирюзовый) и экспорт
   (янтарный), см. layout.php :root. Разбор смысла по всем страницам см. память
   feedback_unify_dont_copy_paste. */
.dev-card-btn.btn-preview, .dev-card-btn.btn-analytics { background:var(--bg-teal);color:var(--ac-teal) }
.dev-card-btn.btn-preview:hover, .dev-card-btn.btn-analytics:hover { background:#a5f3fc }

.dev-card-btn.btn-export { background:var(--bg-amber);color:var(--ac-amber) }
.dev-card-btn.btn-export:hover { background:#fde68a }

.dev-card-btn.disabled { background:#f1f5f9;color:#cbd5e1;cursor:not-allowed }