/* qr.css — QR-код в модалках «Ссылка-приглашение» и «Твой вход».

   Отдельным листом по той же причине, что и call.css: components.css 46 КБ, и патч везёт файл
   целиком. Подключается списком надстроек в index.php. */

.qr-box{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  margin:14px 0 4px;
}

/* Белая подложка ВСЕГДА, и в тёмной теме тоже. Инверсия читается далеко не всеми камерами:
   декодер ищет тёмные модули на светлом, и «умная» тёмная тема здесь ломает работу, а не украшает.
   Рамка из того же белого — это тихая зона: без неё камера не находит границу кода. */
.qr-svg{
  display:block; width:200px; height:200px; max-width:100%;
  background:#fff; border-radius:10px; padding:0;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}

.qr-hint{
  font-size:12.5px; color:var(--text2); text-align:center; max-width:250px; line-height:1.4;
}

@media(max-width:420px){ .qr-svg{ width:170px; height:170px } }