/* ===========================================================================
   Borneo · блок .passkey (ТЗ 155, экран панели «Ключи входа»)

   Подключён отдельным <link> в root.html.heex, не через @import в app.css —
   app.css обязан побайтово совпадать с .claude/skills/borneo/assets/borneo.css
   (theme_test §5.8). Тот же приём, что у radio.css (109) и promo.css (155).

   Ни одного нового цвета: всё из переменных почерка и из стекла, уже описанного
   в borneo.css.

   Движения нет. Экран ключей человек открывает в двух случаях: заводит первый
   ключ и убирает потерянный телефон. В обоих ему нужно прочитать строки, а не
   посмотреть анимацию.
   =========================================================================== */

.passkey-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.passkey-list li{
  display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline;
  padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08);
}
.passkey-list li:last-child{border-bottom:0;padding-bottom:0}
.passkey-list .micro{grid-column:1 / -1}

.passkey-actions{display:flex;gap:8px;margin-top:14px}
.passkey-actions .btn[disabled]{opacity:.45;cursor:not-allowed}

/* Хук живёт в пустом узле: ему нужен только адрес для push_event, а не место
   на экране. Прятать его через display:none нельзя — LiveView перестанет
   считать узел смонтированным в некоторых браузерах. */
#passkey{width:0;height:0;overflow:hidden}