/* «Передать особого клиента» — RefTeam (08.11.2026). Клавиатура, заголовки, кнопка отправки и подтверждение — классы pw-* из rt-wish.css. */
/* шторка одной высоты: при клавиатуре и раскрытии чипов ничего не прыгает */
.rt-sc:has(#raIn) { height: 88vh; height: min(88vh, calc(var(--tgh, 100dvh) - 24px)); }
.rt-sc:has(#raIn) .rt-sbody { flex: 1 1 auto; min-height: 0; transition: padding .3s ease; -webkit-user-select: none; user-select: none; }
.rt-sc.ra-kbon .rt-sbody { padding-bottom: 14px; }

/* кнопка-контейнер над списком клиентов: фон как у карточки лида, кислотная обводка, ширина как у карточки клиента */
.ra-ew { margin: 2px 0 12px; }
.ra-entry { display: flex !important; width: 100%; align-items: center; gap: 12px; padding: 11px 12px !important; border-radius: 19px; text-align: left !important; color: inherit !important; cursor: pointer;
  background: var(--rt-glass) !important; border: 1.5px solid var(--rt-lime, #d1e05a) !important; transition: transform .14s ease, background .2s ease; -webkit-tap-highlight-color: transparent; }
.ra-entry:active { transform: scale(.98); }
.ra-ei { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #0b0b0c; background: var(--rt-lime, #d1e05a); }
.ra-ei svg { width: 22px; height: 22px; }
.ra-et { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ra-et b { font-size: 15px; font-weight: 700; line-height: 1.2; }
.ra-et small { font-size: 12.5px; color: var(--rt-mist, rgba(237,234,226,.62)); }
.ra-ep { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid var(--rt-lime, #d1e05a); color: var(--rt-lime, #d1e05a); }
.ra-ep svg { width: 16px; height: 16px; stroke-width: 2.2; }

/* форма */
.ra-in { padding: 2px 0 8px; color: var(--pw-tx); }
.ra-in > * { animation: pwUp .5s cubic-bezier(.2,.8,.2,1) both; }
.ra-in > *:nth-child(2) { animation-delay: .05s; } .ra-in > *:nth-child(3) { animation-delay: .09s; } .ra-in > *:nth-child(4) { animation-delay: .12s; } .ra-in > *:nth-child(n+5) { animation-delay: .15s; }
.ra-in .pw-tag { margin-top: 2px; }

/* поля: одна карточка, строки не выпрыгивают */
.ra-box { border-radius: 17px; background: var(--pw-card); border: 1px solid var(--pw-line); overflow: hidden; }
.ra-f { position: relative; display: flex !important; width: 100%; align-items: flex-start; gap: 12px; min-height: 52px; padding: 15px 14px !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--pw-line) !important; border-radius: 0 !important;
  background: transparent !important; color: var(--pw-tx) !important; text-align: left !important; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: background .22s ease; }
.ra-box > .ra-f:first-child { border-top: 0 !important; }
.ra-f.on { background: rgba(209,224,90,.07) !important; }
.ra-fl { flex: 0 0 86px; padding-top: 1px; font-size: 13.5px; font-weight: 600; color: var(--pw-mist); transition: color .2s ease; }
.ra-f.on .ra-fl { color: var(--pw-lime); }
.ra-fv { flex: 1 1 auto; min-width: 0; font-size: 16px; line-height: 1.35; white-space: pre-wrap; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.ra-fn { min-height: 76px; }
.ra-ph { color: var(--pw-mist); opacity: .7; }
.ra-codes { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 13px 112px; margin-top: -4px; }
.ra-cd { min-height: 30px; padding: 0 11px !important; border-radius: 999px; font-size: 12.5px; font-weight: 600; cursor: pointer; background: var(--pw-card) !important; border: 1px solid var(--pw-line) !important; color: var(--pw-mist) !important; transition: background .22s ease, color .22s ease, border-color .22s ease, transform .14s ease; }
.ra-cd:active { transform: scale(.95); }
.ra-cd.on { background: var(--pw-lime) !important; color: #0b0b0c !important; border-color: transparent !important; }

/* чипы: в несколько строк, выбранные загораются фирменным кислотным */
.ra-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ra-c { display: inline-flex !important; align-items: center; gap: 0; min-height: 40px; padding: 0 14px !important; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1.15; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  background: var(--pw-card) !important; border: 1px solid var(--pw-line) !important; color: var(--pw-tx) !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .2s ease, opacity .2s ease, transform .14s ease; }
.ra-c:active { transform: scale(.96); }
/* галочка: место появляется сразу (соседи не ползут), сама галочка мягко вырастает */
.ra-ck { display: inline-grid; place-items: center; width: 0; height: 16px; overflow: hidden; }
.ra-ck svg { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; transform: scale(.4); opacity: 0; transition: transform .22s cubic-bezier(.2,.8,.2,1), opacity .16s ease; }
.ra-c.on .ra-ck svg { transform: none; opacity: 1; }
.ra-c.on { gap: 6px; background: var(--pw-lime) !important; color: #0b0b0c !important; border-color: transparent !important; box-shadow: 0 6px 18px rgba(209,224,90,.2); }
.ra-c.on .ra-ck { width: 16px; }
/* несовместимый вариант гаснет и не нажимается */
.ra-c.off { opacity: .3; pointer-events: none; }
/* «Как рассказали» раскрывается только по вертикали */
.ra-rev { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .42s cubic-bezier(.2,.8,.2,1), opacity .3s ease; }
.ra-rev.open { max-height: 260px; opacity: 1; }
.ra-rev-cat.open { max-height: 520px; }

/* согласие клиента */
.ra-ok { display: flex !important; width: 100%; align-items: center; gap: 12px; margin-top: 22px; padding: 13px 14px !important; border-radius: 17px; cursor: pointer; text-align: left !important; font-size: 14.5px; font-weight: 600; line-height: 1.3;
  background: var(--pw-card) !important; border: 1px solid var(--pw-line) !important; color: var(--pw-tx) !important; transition: border-color .22s ease; -webkit-tap-highlight-color: transparent; }
.ra-ok.on { border-color: rgba(209,224,90,.55) !important; }
.ra-sw { position: relative; flex: 0 0 46px; width: 46px; height: 28px; border-radius: 999px; background: var(--kkf); transition: background .22s ease; }
.ra-sw i { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.25); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.ra-ok.on .ra-sw { background: var(--pw-lime); }
.ra-ok.on .ra-sw i { transform: translateX(18px); }
.ra-miss { min-height: 17px; margin: 9px 4px 0; font-size: 12.5px; line-height: 1.35; text-align: center; color: var(--pw-mist); transition: opacity .2s ease; }
.ra-miss:empty { opacity: 0; }

/* цифровая клавиатура для телефона */
.ra-pr { gap: 7px !important; margin-bottom: 8px !important; padding: 0 6px !important; }
.ra-pr .kk { height: 46px !important; font-size: 23px !important; }
.pw-kbd .kk.ra-nx { flex: 0 0 auto; padding: 0 12px; font-size: 14px; }
html.pc-idle #rtSheet .ra-in *, html.pc-idle #rtSheet .ra-f .pw-caret { animation-play-state: paused !important; }
.ra-in .pw-send.on { background: var(--pw-lime) !important; box-shadow: 0 8px 24px rgba(209,224,90,.2); }