/*
  Стили страницы пользователей, перенесённые дословно из инлайнового
  <style> в kg-design/admin/users.html. В макете они жили в самой
  странице; у нас страница React-овая, поэтому блок вынесен в файл и
  подключается статикой рядом с console.css.
*/
html { color-scheme: dark; }
  .adminbar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; padding: 14px 23px;
  }
  .adminbar .left { display: flex; align-items: center; gap: 12px; }
  .adminbar .tag { font-size: 13px; color: var(--muted); }
  .filters { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
  .filters .search { position: relative; flex: 1; min-width: 240px; max-width: 380px; }
  .filters .search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); }
  .filters .search input { padding-left: 36px; }
  .filters select { width: auto; }
  tr.urow { cursor: pointer; transition: background-color 0.12s ease; }
  tr.urow:hover td { background: var(--well); }
  .plat-b { display: inline-flex; gap: 5px; }
  .plat-b i {
    width: 22px; height: 22px; border-radius: 6px; font-style: normal;
    background: var(--well); border: 1px solid var(--border);
    display: inline-flex; align-items: center; justify-content: center;
    font-family: "Space Grotesk", "Inter", sans-serif; font-size: 10.5px; font-weight: 600; color: var(--text-soft);
  }
  .plat-b i.off { opacity: 0.32; }

  /* drawer */
  .drawer-ov { position: fixed; inset: 0; background: rgba(8, 8, 10, 0.55); opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 90; }
  .drawer-ov.open { opacity: 1; pointer-events: auto; }
  .drawer {
    position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 92vw); z-index: 95;
    background: var(--card); border-left: 1px solid var(--border);
    transform: translateX(102%);
    transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: flex; flex-direction: column;
  }
  .drawer.open { transform: none; }
  .drawer .dh { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 22px 24px 16px; border-bottom: 1px solid var(--border); }
  .drawer .dh h2 { font-size: 17px; margin: 0 0 4px; word-break: break-all; }
  .drawer .db { flex: 1; overflow-y: auto; padding: 20px 24px 30px; display: flex; flex-direction: column; gap: 22px; }
  .kv { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; }
  .kv .l { font-size: 11.5px; color: var(--muted); margin-bottom: 3px; }
  .kv .v { font-size: 13.5px; font-weight: 500; }
  .dsec h3 { font-size: 13px; font-weight: 600; margin: 0 0 10px; }
  .extend-row { display: flex; gap: 8px; flex-wrap: wrap; }
  .extend-row input { width: 110px; }