/* Экран «Настройка» пульта: список агентов карточками.
   На телефоне таблица такой ширины не помещается — колонки обрезаются справа,
   поэтому строки идут стопкой, и вся строка целиком кликабельна. */
.tune-list { display: grid; gap: var(--sp-2); }
.tune-item { display: block; padding: var(--sp-3); border: 1px solid var(--border); border-radius: var(--r-2);
  background: var(--surface-2); text-decoration: none; color: var(--text); }
.tune-item:hover { border-color: var(--accent); }
.tune-item:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.tune-item-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.tune-go { margin-top: 6px; font-size: var(--fs-2); color: var(--accent-text); font-weight: 600; }

/* Карточка агента: длинные тексты характера и памяти читаются на телефоне без горизонтльной прокрутки */
.tune-job { padding: var(--sp-3) 0; border-top: 1px solid var(--border); }
.tune-job:first-of-type { border-top: 0; }
.tune-job .row { gap: 6px; }
@media (max-width: 760px) {
  .tune-item { padding: var(--sp-2) var(--sp-3); }
  .tune-item-top b { flex: 1 1 100%; }
  /* нижнее меню перекрывало последнюю карточку списка — оставляем под неё место */
  #view { padding-bottom: 84px; }
}