/* «Скажите, чего вам не хватает» — RefTeam (08.11.2026), перенос из кабинета партнёра v27 (pcb-wish.css). Правки делать в обоих. */
#rtSheet { --pw-tx: var(--rt-tx, #edeae2); --pw-mist: var(--rt-mist, rgba(237,234,226,.62)); --pw-line: rgba(237,234,226,.1); --pw-card: rgba(237,234,226,.05); --pw-bg: #0b0b0c; --pw-lime: #d1e05a;
  --kk: #2a2a2e; --kkd: #48484d; --kkf: rgba(237,234,226,.13); --kkfd: rgba(237,234,226,.24); --kbg: #17171a; }
html.light #rtSheet { --pw-tx: #141416; --pw-mist: rgba(20,20,22,.6); --pw-line: rgba(20,20,22,.1); --pw-card: rgba(20,20,22,.04); --pw-bg: #f5f5f7; --pw-lime: #a8b81e;
  --kk: #fff; --kkd: #d4d4cf; --kkf: rgba(20,20,22,.1); --kkfd: rgba(20,20,22,.2); --kbg: #e3e3de; }

/* шторка Профиля одной высоты, чтобы при переходе ничего не прыгало */
.rt-sc:has(#pwSw) { height: 88vh; height: min(88vh, calc(var(--tgh, 100dvh) - 24px)); }
.rt-sc:has(#pwSw) .rt-sbody { flex: 1 1 auto; min-height: 0; transition: padding .3s ease; }
.rt-sc.pw-kbon .rt-sbody { padding-bottom: 14px; }

/* две панели: Профиль и мнение, переход вбок как в «Знаниях» */
.pw-sw { display: flex; align-items: flex-start; overflow: hidden; margin: 0 -18px; }
.pw-pl, .pw-pr { flex: 0 0 100%; min-width: 0; box-sizing: border-box; padding: 0 18px; transition: transform .42s cubic-bezier(.2,.8,.2,1), opacity .32s ease; }
.pw-pr { opacity: 0; }
.pw-sw.in .pw-pl { transform: translateX(-100%); opacity: 0; }
.pw-sw.in .pw-pr { transform: translateX(-100%); opacity: 1; }
.pw-pl.gone { height: 0; overflow: hidden; }
.pw-sw:not(.in) .pw-pr { height: 0; overflow: hidden; }

/* кнопка в Профиле */
.pw-pw { margin: 22px 0 6px; }
.pw-btn { display: flex !important; width: 100%; align-items: center; gap: 12px; padding: 13px 14px; border-radius: 18px; text-align: left !important; color: var(--pw-tx) !important; cursor: pointer;
  border: 1.5px solid transparent !important; background: linear-gradient(var(--pw-bg), var(--pw-bg)) padding-box, linear-gradient(100deg, #4285f4, #9b72cb 40%, #d96570 75%, #f06cb4) border-box !important; transition: transform .14s ease; }
.pw-btn:active { transform: scale(.98); }
.pw-bi { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #4285f4, #9b72cb 50%, #f06cb4); box-shadow: 0 6px 18px rgba(155,114,203,.35); }
.pw-bi svg { width: 22px; height: 22px; }
.pw-bt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pw-bt b { font-size: 15px; font-weight: 700; line-height: 1.2; }
.pw-bt small { font-size: 12.5px; color: var(--pw-mist); }
.pw-ba { flex: 0 0 18px; width: 18px; height: 18px; color: var(--pw-mist); }

/* окно мнения */
.pw-in { padding: 2px 0 8px; color: var(--pw-tx); }
.pw-back { display: inline-flex !important; align-items: center; gap: 4px; height: 34px; padding: 0 14px 0 8px; border-radius: 999px; background: var(--rt-glass2, rgba(237,234,226,.06)) !important; color: var(--pw-tx) !important; font-size: 14px; font-weight: 600; cursor: pointer; }
.pw-back svg { width: 18px; height: 18px; }
.pw-hero, .pw-sub { overflow: hidden; max-height: 260px; transition: max-height .32s cubic-bezier(.2,.8,.2,1), opacity .22s ease, margin .32s cubic-bezier(.2,.8,.2,1); }
.pw-hero { margin: 4px -4px 0; }
.pw-art { display: block; width: 100%; height: auto; }
.pw-bub { animation: pwFloat 4.2s ease-in-out infinite; }
.pw-sp1 { animation: pwFloat 3.4s ease-in-out infinite .4s; }
.pw-sp2 { animation: pwFloat 3.8s ease-in-out infinite 1.1s; }
.pw-tap circle:first-child { animation: pwTap 2.4s ease-out infinite; transform-origin: 186px 149px; }
.pw-dash { animation: pwDash 6s linear infinite; }
@keyframes pwFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes pwTap { 0% { transform: scale(.5); opacity: 1; } 70%, 100% { transform: scale(1.5); opacity: 0; } }
@keyframes pwDash { to { stroke-dashoffset: -48; } }
.pw-tag { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--pw-lime); }
.pw-tag i { width: 7px; height: 7px; border-radius: 50%; background: var(--pw-lime); box-shadow: 0 0 10px var(--pw-lime); }
.pw-h { margin: 8px 0 0; font-size: 22px; line-height: 1.17; font-weight: 700; letter-spacing: -.015em; transition: font-size .3s ease; }
.pw-sub { margin: 8px 0 0; font-size: 14px; line-height: 1.42; color: var(--pw-mist); }
.pw-lab { margin: 20px 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pw-mist); }
/* клавиатура открыта: картинка и подзаголовок складываются — всё уезжает вверх одним блоком */
.pw-pr.kb .pw-hero { max-height: 0; opacity: 0; margin-top: 0; }
.pw-pr.kb .pw-sub { max-height: 0; opacity: 0; margin-top: 0; }
.pw-pr.kb .pw-h { font-size: 18px; }
.pw-pr.kb .pw-note { opacity: 0; }
/* появление — только вертикально */
.pw-sw.in .pw-in > * { animation: pwUp .5s cubic-bezier(.2,.8,.2,1) both; }
.pw-sw.in .pw-in > *:nth-child(2) { animation-delay: .06s; } .pw-sw.in .pw-in > *:nth-child(3) { animation-delay: .1s; } .pw-sw.in .pw-in > *:nth-child(4) { animation-delay: .13s; }
.pw-sw.in .pw-in > *:nth-child(n+5) { animation-delay: .16s; }
@keyframes pwUp { from { opacity: 0; transform: translateY(14px); } }

/* тема */
.pw-sel { display: flex !important; width: 100%; align-items: center; gap: 12px; padding: 11px 14px 11px 11px; border-radius: 17px; background: var(--pw-card) !important; border: 1px solid var(--pw-line) !important; color: var(--pw-tx) !important; text-align: left !important; cursor: pointer; transition: border-color .2s ease, transform .14s ease; }
.pw-sel:active { transform: scale(.985); }
.pw-sel.on { border-color: rgba(209,224,90,.45) !important; }
.pw-st { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pw-st b { font-size: 15px; font-weight: 700; }
.pw-st small { font-size: 12.5px; color: var(--pw-mist); }
.pw-chev { flex: 0 0 20px; width: 20px; height: 20px; color: var(--pw-mist); }
.pw-ti { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: #0b0b0c; background: var(--tc, #94a3b8); }
.pw-ti svg { width: 21px; height: 21px; }
.pw-ti.pw-q { background: var(--pw-card); color: var(--pw-mist); border: 1px dashed var(--pw-line); }

/* поле (своя клавиатура, системная не вызывается) */
.pw-fld { position: relative; height: 104px; box-sizing: border-box; padding: 13px 14px 30px; border-radius: 17px; background: var(--pw-card); border: 1px solid var(--pw-line); cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; overflow: hidden; transition: height .22s cubic-bezier(.2,.8,.2,1), border-color .2s ease; -webkit-user-select: none; user-select: none; }
.pw-fld.on { border-color: rgba(209,224,90,.5); }
.pw-ft { font-size: 16px; line-height: 1.42; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; }
.pw-ph { color: var(--pw-mist); opacity: .75; }
.pw-caret { display: inline-block; width: 2px; height: 1.15em; margin: 0 1px -3px; background: var(--pw-lime); border-radius: 1px; animation: pwCaret 1s steps(1) infinite; }
@keyframes pwCaret { 50% { opacity: 0; } }
.pw-cnt { position: absolute; right: 12px; bottom: 9px; font-size: 11.5px; font-weight: 600; color: var(--pw-mist); font-variant-numeric: tabular-nums; transition: color .2s ease; }
.pw-cnt.warn { color: #f5c84b; } .pw-cnt.full { color: #f25c5c; }

/* отправка */
.pw-send { position: relative; display: flex !important; width: 100%; align-items: center; justify-content: center; gap: 8px; min-height: 52px; margin-top: 16px; border-radius: 16px; font-size: 16px; font-weight: 700; cursor: pointer;
  background: var(--pw-card) !important; color: var(--pw-mist) !important; border: 1px solid var(--pw-line) !important; transition: background .25s ease, color .25s ease, transform .14s ease; }
.pw-send.on { background: linear-gradient(100deg, #d1e05a, #9be15d) !important; color: #0b0b0c !important; border-color: transparent !important; box-shadow: 0 8px 24px rgba(209,224,90,.22); }
.pw-send.on:active { transform: scale(.98); }
.pw-spin { display: none; width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid rgba(11,11,12,.25); border-top-color: #0b0b0c; animation: pwSpin .8s linear infinite; }
.pw-send.busy .pw-spin { display: inline-block; }
@keyframes pwSpin { to { transform: rotate(360deg); } }
.pw-err { margin-top: 8px; font-size: 13px; line-height: 1.35; color: #f2876b; text-align: center; }
.pw-err:empty { display: none; }
.pw-note { margin: 12px 4px 0; font-size: 12px; line-height: 1.4; color: var(--pw-mist); opacity: .8; text-align: center; transition: opacity .2s ease; }


/* своя клавиатура: низ шторки, выезжает и поднимает всё содержимое */
.pw-kbw { flex: 0 0 auto; height: 0; overflow: hidden; transition: height .3s cubic-bezier(.2,.8,.2,1); }
.pw-kbd { padding: 7px 4px calc(8px + env(safe-area-inset-bottom, 0px)); background: var(--kbg); border-top: 1px solid var(--pw-line); touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; color: var(--pw-tx); }
.pw-k-row { display: flex; justify-content: center; gap: 5px; padding: 0 2px; margin-bottom: 9px; }
.pw-k-row:last-child { margin-bottom: 0; }
.pw-kbd .kk { flex: 1 1 0; min-width: 0; height: 42px; padding: 0; border: 0; border-radius: 8px; background: var(--kk) !important; color: var(--pw-tx) !important; font: inherit; font-size: 19px; font-weight: 500; line-height: 1; display: grid; place-items: center; box-shadow: 0 1px 0 rgba(0,0,0,.35); transition: background .08s; touch-action: manipulation; -webkit-tap-highlight-color: transparent; text-align: center; cursor: pointer; }
.pw-kbd .kk.dn { background: var(--kkd) !important; }
.pw-kbd .kk svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pw-kbd .kk.fn { background: var(--kkf) !important; font-size: 14px; font-weight: 600; }
.pw-kbd .kk.fn.dn { background: var(--kkfd) !important; }
.pw-k-row.r2 .kk.sh, .pw-k-row.r2 .kk.bs { flex: 1.4 1 0; }
.pw-kbd .kk.sh.on { background: var(--pw-tx) !important; color: var(--pw-bg) !important; }
.pw-kbd .kk.sh.on svg { fill: currentColor; }
.pw-k-row.r3 .kk.fn { flex: 0 0 12%; }
.pw-kbd .kk.sp { flex: 1 1 auto; font-size: 14px; color: var(--pw-mist) !important; }
.pw-kbd .kk.go { background: var(--pw-lime) !important; color: #0b0b0c !important; }
.pw-kbd .kk.go svg { width: 19px; height: 19px; stroke-width: 2.2; }
.pw-k-row.r1:not(:has(.kk:nth-child(10))) { padding: 0 5%; }
.pw-k-emo { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; height: 153px; overflow-y: auto; padding: 0 4px; margin-bottom: 9px; scrollbar-width: none; }
.pw-k-emo::-webkit-scrollbar { display: none; }
.pw-kbd .kk.em { height: 36px; font-size: 24px; background: none !important; box-shadow: none; }
.pw-k-pv { position: fixed; z-index: 70; left: 0; top: 0; min-width: 46px; height: 54px; padding: 0 8px; margin-top: -60px; transform: translateX(-50%) scale(.6); opacity: 0; display: grid; place-items: center; border-radius: 12px; background: #3a3a3f; color: #fff; font: 600 30px/1 var(--f-ui, system-ui, sans-serif); box-shadow: 0 8px 24px rgba(0,0,0,.5); pointer-events: none; transition: transform .08s ease, opacity .08s ease; }
.pw-k-pv.on { transform: translateX(-50%) scale(1); opacity: 1; }
.pw-k-pv.alt { background: #d1e05a; color: #0b0b0c; }

/* барабан тем — внутри шторки */
.pw-pk { position: absolute; inset: 0; z-index: 5; display: none; }
.pw-pkbg { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .28s ease; }
.pw-pkp { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 0 calc(env(safe-area-inset-bottom, 0px) + 14px); border-radius: 26px 26px 0 0; background: #141417; border-top: 1px solid var(--pw-line); color: var(--pw-tx); transform: translateY(100%); transition: transform .34s cubic-bezier(.2,.8,.2,1); }
html.light .pw-pkp { background: #fff; }
.pw-pk.in .pw-pkbg { opacity: 1; } .pw-pk.in .pw-pkp { transform: none; }
.pw-pk.out .pw-pkbg { opacity: 0; } .pw-pk.out .pw-pkp { transform: translateY(100%); }
.pw-pkh { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px 4px; }
.pw-pkh b { font-size: 15px; font-weight: 700; }
.pw-pkh button { min-width: 74px; padding: 8px 6px; font-size: 15px; font-weight: 600; background: none !important; border: 0 !important; cursor: pointer; }
.pw-pkc { color: var(--pw-mist) !important; text-align: left !important; }
.pw-pko { color: var(--pw-lime) !important; text-align: right !important; }
.pw-wh { position: relative; height: 280px; perspective: 700px; -webkit-mask: linear-gradient(transparent, #000 26%, #000 74%, transparent); mask: linear-gradient(transparent, #000 26%, #000 74%, transparent); }
.pw-band { position: absolute; left: 12px; right: 12px; top: 112px; height: 56px; border-radius: 16px; background: rgba(209,224,90,.08); border: 1px solid rgba(209,224,90,.35); pointer-events: none; }
.pw-wl { position: absolute; inset: 0; overflow-y: auto; scroll-snap-type: y mandatory; padding: 112px 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.pw-wl::-webkit-scrollbar { display: none; }
.pw-wi { height: 56px; scroll-snap-align: center; display: flex; align-items: center; gap: 12px; padding: 0 26px; transform-origin: 50% 50%; will-change: transform, opacity; cursor: pointer; }
.pw-wi .pw-ti { flex-basis: 36px; width: 36px; height: 36px; border-radius: 11px; }
.pw-wt { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pw-wt b { font-size: 15.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-wt small { font-size: 12px; color: var(--pw-mist); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-wi:not(.on) .pw-wt small { opacity: .6; }
html.pc-idle #rtSheet .pw-in *, html.pc-idle .pw-caret { animation-play-state: paused !important; }

/* благодарность после отправки (Артур 08.11, 14:30): фон темнеет, текст и кнопка без плашки и рамки; появляется и уходит плавно, только по вертикали */
.pw-ty { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 24px 28px calc(24px + env(safe-area-inset-bottom)); background: rgba(5,5,7,0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: background .5s ease, -webkit-backdrop-filter .5s ease, backdrop-filter .5s ease; -webkit-tap-highlight-color: transparent; font-family: var(--f-ui, "Tilda Sans", system-ui, sans-serif); }
.pw-ty.on { background: rgba(5,5,7,.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.pw-ty.off { background: rgba(5,5,7,0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: background .75s ease .1s, -webkit-backdrop-filter .75s ease .1s, backdrop-filter .75s ease .1s; }
.pw-tyc { max-width: 340px; text-align: center; color: #edeae2; opacity: 0; transform: translateY(18px); transition: opacity .5s ease .08s, transform .65s cubic-bezier(.2,.8,.2,1) .08s; }
.pw-ty.on .pw-tyc { opacity: 1; transform: none; }
.pw-ty.off .pw-tyc { opacity: 0; transform: translateY(-12px); transition: opacity .6s ease, transform .75s ease; }
.pw-tyh { display: block; width: 46px; height: 46px; margin: 0 auto 16px; fill: none; stroke: #d1e05a; stroke-width: 1.6; stroke-linejoin: round; }
.pw-tyc h3 { margin: 0 0 8px; font-size: 24px; line-height: 1.22; font-weight: 700; letter-spacing: -.01em; color: #edeae2; }
.pw-tyc p { margin: 0; font-size: 16px; line-height: 1.4; color: rgba(237,234,226,.72); }
.pw-tyb { margin-top: 26px; min-height: 48px; padding: 0 32px; border: 0; border-radius: 999px; background: linear-gradient(90deg, #d1e05a, #9be15d); color: #0b0b0c; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; transition: transform .15s ease; }
.pw-tyb:active { transform: scale(.97); }