/* qa-tools — /time: выбор даты календарём рядом с текстовым полем.

   Календарь — родной `input[type=datetime-local]`, а не свой виджет:
   он уже знает локаль, умеет клавиатуру и на телефоне открывает
   системный выбор даты. Написать такое самим — это месяц работы и
   гарантированно хуже.
   Стоит РЯДОМ с текстовым полем, а не вместо него: календарём удобно
   ткнуть дату, но метку `1735689600` в него не вставить, а именно её
   чаще всего и приносят из лога. Поэтому текстовое поле остаётся
   главным, а календарь только пишет в него. */
.pick{flex:0 0 auto;max-width:50%;
  background:none;outline:0;cursor:pointer;
  color:var(--text-faint);
  font:var(--fw-regular) var(--text-caption)/1 var(--font-mono);
  /* Волосок слева: без него календарь стоял вплотную к значению и
     читался как его продолжение — «2025-03-03T12:00:00.000Z дд.мм.гггг».
     Видно это было только на скриншоте, замеры такое не ловят. */
  border:0;border-left:1px solid var(--border-subtle);
  padding-left:var(--space-5);margin-left:var(--space-5)}
.pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px;
  border-radius:var(--radius-sm)}

/* Иконка календаря у родного поля по умолчанию тёмная и на тёмной теме
   почти не видна. Инвертируем её только там — в светлой теме она и так
   на своём месте. */
[data-theme="dark"] .pick::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}
[data-theme="dark"] .pick::-webkit-calendar-picker-indicator:hover{opacity:.9}

/* Значение в таблице, которое можно забрать обратно в поле ввода.
   Это кнопка, а не ссылка: никуда не ведёт, а выполняет действие на
   странице — с клавиатуры должна работать пробелом, а не Enter'ом.
   Выглядит как обычный текст ячейки, подчёркивание появляется по
   наведению: иначе таблица превратилась бы в частокол ссылок. */
.adopt{padding:0;border:0;background:none;cursor:pointer;text-align:left;
  color:var(--text-heading);font:inherit;
  text-decoration:underline dotted var(--border-subtle);text-underline-offset:3px}
.adopt:hover{color:var(--accent-text);text-decoration-color:var(--accent)}
.adopt:focus-visible{outline:2px solid var(--accent);outline-offset:2px;
  border-radius:var(--radius-sm)}