/* qa-tools — /users: вывод табличных данных.

   У .editor стоит overflow-wrap:anywhere — это верно для JWT и Base64,
   где вставляют строку без пробелов, и неверно здесь. Запись о человеке
   разной длины переносилась на две-три строки, и таблица переставала
   читаться столбцами: где кончается один человек и начинается другой,
   становилось не видно.
   Лечится white-space:pre — строка остаётся целой, а прокрутка появляется
   ВНУТРИ поля. Правило проекта «горизонтальной прокрутки не появилось»
   касается страницы, и оно не нарушено: сама страница не едет, замерено
   (1812px содержимого против 461px видимых, полоса у поля). */
.editor--rows{white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:normal}

/* Строка своей колонки: название, значение и «убрать». Кладём в сетку,
   а не во flex: у названия и значения должна быть одинаковая ширина в
   каждой строке, иначе поля скачут от длины введённого. */
.u-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:var(--space-5);align-items:center;margin-bottom:var(--space-5)}
.u-col input{min-width:0;
  padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);
  background:var(--surface-app);border:1px solid var(--border-hairline);
  color:var(--text-heading);outline:0;
  font:var(--fw-regular) var(--text-body-sm)/1.2 var(--font-ui);
  transition:background-color var(--dur-theme) var(--ease-theme),
             border-color var(--dur-theme) var(--ease-theme)}
.u-col input::placeholder{color:var(--text-ghost)}
.u-col input:focus-visible{border-color:var(--border-accent)}
/* Значение набираем моноширинным: там пишут null, true и пробелы, и
   разницу между «пусто» и «пробел» должно быть видно. */
.u-col__v{font-family:var(--font-mono)}

@media (max-width:640px){
  /* На узком экране три колонки не помещаются: название и значение
     встают друг под друга, кнопка уходит на свою строку. */
  .u-col{grid-template-columns:minmax(0,1fr)}
}

/* Курсор над полосой прокрутки. У поля стоит cursor:text, и он
   распространяется на полосу: наводишь на неё — видишь курсор набора
   текста вместо стрелки, и непонятно, можно ли тянуть. Замечание
   владельца. Полоса рисуется браузером, но её псевдоэлементы стилям
   поддаются — проверено, ::-webkit-scrollbar отвечает шириной 10px. */
.editor--rows::-webkit-scrollbar,
.editor--rows::-webkit-scrollbar-thumb,
.editor--rows::-webkit-scrollbar-track,
.editor--rows::-webkit-scrollbar-corner{cursor:default}