/* css/redesign-admin-users.css
   Фаза 10 редизайна (docs/REDESIGN_PLAN.md): Админка Desktop — Пользователи.
   Поиск переведён с 10 отдельных инпутов на дропдаун-поле+значение
   (js/admin/usersManager.js) — здесь только его стилизация. Карточка
   пользователя (#userCardModal, js/core/userCard.js) — общий компонент вне
   #adminPage (живёт в index.html как модалка верхнего уровня, как и
   #chatModal из Фазы 4.8), поэтому стилизуется по id напрямую, без скоупа
   по странице — сейчас вызывается только из админки. */

#adminPage .admin-user-search-field,
#adminPage .admin-user-search-value {
  background: var(--rd-bg);
  border: 1px solid var(--rd-border);
  color: var(--rd-text);
  border-radius: 8px;
  padding: 8px 12px;
  font-family: var(--rd-font-family);
}

#userCardModal {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border-gold);
  font-family: var(--rd-font-family);
}
#userCardModal h2 {
  color: var(--rd-text);
}
#userCardTabs button {
  color: var(--rd-text-muted);
  font-weight: 600;
}
#userCardTabs button.active {
  color: var(--rd-gold);
  border-bottom-color: var(--rd-gold);
}
#userCardContent .form-group label {
  color: var(--rd-text-muted);
  font-size: 0.85em;
}
#userCardContent .form-group input,
#userCardContent .form-group textarea {
  background: var(--rd-panel-header);
  border: 1px solid var(--rd-border);
  color: var(--rd-text);
  border-radius: 8px;
}

/* ===== Мобильная карточка пользователя (Фаза 14.2) =====
   Таблица (.admin-table) на узкой ширине заменяется карточками
   (js/admin/usersManager.js, .mobile-user-card) — это оправданная
   структурная разница (не дублирование одного и того же UI, как было с
   заказами в Фазе 14.2, а таблица объективно не читается на 375px).
   Раньше карточка была на легаси-хексах (см. старое правило в
   css/admin.css) — здесь перевод на --rd-*. */
@media (max-width: 768px) {
  #adminPage .mobile-user-card {
    background: var(--rd-panel);
    border: 1px solid var(--rd-border);
    border-radius: var(--rd-radius-card);
    padding: 14px 16px;
  }
  #adminPage .mobile-user-card > div {
    color: var(--rd-text-muted);
    font-size: 0.9em;
  }
  #adminPage .mobile-user-card strong {
    color: var(--rd-text);
  }
}