/*
 * RU: Стили раздела «Пригласить соседа» (БП9, подписка для бизнеса) нового кабинета /biz/app/. Правила — внутри body.bt-page и на
 *     токенах сайта (--k-*), без литералов цвета (храповик check:theme). Файл свой у каждой фазы — потоки не правят один файл.
 *     Ссылка — поле во всю ширину с кнопкой рядом (на телефоне — под ним); QR библиотека рисует тёмными модулями на своём
 *     белом поле, а рамка вокруг — отступ цвета поверхности.
 * EN: Styles of the "Invite a neighbour" section (БП9, business subscription) of the new /biz/app/ cabinet. Rules sit inside
 *     body.bt-page and use site tokens (--k-*), no colour literals (the check:theme ratchet). One file per phase. The link is a
 *     full-width field with a button beside it (below it on a phone); the QR library draws dark modules on its own white
 *     field, and the frame around it is padding in the surface colour.
 */

/* RU: П1: на экране только 400/500/600 — заголовки из общих стилей кабинета (там 700) сведены к 600 в пределах экрана.
   EN: П1: only 400/500/600 on screen — headings from the shared cabinet styles (700 there) are brought to 600 within the screen. */
body.bt-page .sc-invite b, body.bt-page .sc-invite h1, body.bt-page .sc-invite h2, body.bt-page .sc-invite h3 {font-weight: var(--k-fw-600);}

/* RU: Первый экран без ссылки — крупный призыв с акцентной рамкой. EN: The first screen without a link — a big call with an accent border. */
body.bt-page .iv-start {border-left: 4px solid var(--k-brand);}
body.bt-page .iv-start h2 {margin: var(--k-s-1) 0 var(--k-s-2);}

/* RU: Поле ссылки и кнопка: поле сжимается, адрес не выталкивает кнопку за край. EN: The link field and button: the field shrinks. */
body.bt-page .iv-url {display: flex; gap: var(--k-s-2); align-items: stretch;}
body.bt-page .iv-url .inp {flex: 1 1 auto; min-width: 0; font-family: var(--k-font-mono); font-size: var(--k-fs-sm); line-height: var(--k-lh-sm);}
body.bt-page .iv-share {flex-wrap: wrap;}
body.bt-page .iv-link .card-h {flex-wrap: wrap; gap: var(--k-s-2);}
body.bt-page .iv-link .pill {white-space: normal;}

/* RU: QR: отступ вокруг кода — «тихая зона», без неё сканер хуже находит край. EN: QR: a margin — the "quiet zone" scanners need. */
body.bt-page .iv-qr-card {display: grid; justify-items: start;}
body.bt-page .iv-qr {display: inline-grid; place-items: center; padding: var(--k-s-3); border-radius: var(--k-r-2); background: var(--k-surface);
  border: 1px solid var(--k-border); max-width: 100%;}
body.bt-page .iv-qr img, body.bt-page .iv-qr canvas {display: block; max-width: 100%; height: auto;}

/* RU: Шаги «как это работает» — нумерованный список с отступом под цифры. EN: "How it works" steps — a numbered list. */
body.bt-page .iv-steps {margin: 0 0 var(--k-s-2); padding-left: var(--k-s-5); display: grid; gap: var(--k-s-2);}

/* RU: Список приглашённых: название, статус, дата; статус подарка — цвет «хорошо», ожидание — приглушённый.
   EN: The invited list: name, status, date; a gift status is "good", waiting is muted. */
body.bt-page .iv-row {display: flex; flex-wrap: wrap; gap: var(--k-s-1) var(--k-s-3); align-items: baseline; padding: var(--k-s-2) 0; border-top: 1px solid var(--k-border);}
body.bt-page .iv-row:first-child {border-top: 0;}
body.bt-page .iv-name {font-weight: var(--k-fw-600); min-width: 0; overflow-wrap: anywhere; flex: 1 1 180px;}
body.bt-page .iv-status {color: var(--k-text-muted);}
body.bt-page .iv-row.is-credited .iv-status {color: var(--k-ok);}
body.bt-page .iv-row.is-rejected .iv-status {color: var(--k-warn);}

@media (max-width: 640px) {
  body.bt-page .iv-url {flex-direction: column;}
  body.bt-page .iv-url .btn {width: 100%;}
  /* RU: П4: кнопки «поделиться», «скачать QR» и перенос подарка — не меньше 40 px под палец.
     EN: П4: the share, QR download and gift-move buttons — at least 40 px for a finger. */
  body.bt-page .sc-invite .btn.is-sm {min-height: 40px;}
}
@media (pointer: coarse) {
  body.bt-page .sc-invite .btn.is-sm {min-height: var(--k-tap-min);}
}