/* ===== FLEX VPN — личный кабинет: сцены по макетам (десктоп 1440×800, мобила 390) ===== */
.cabp{background:#0b0b0b;margin:0;font-family:"Epilepsy Sans",system-ui,sans-serif;color:#fff}
.cw-m{display:none}
@media (max-width:760px){.cw-d{display:none}.cw-m{display:block}}
.cs{display:none;position:relative;width:100%;overflow:hidden;background:#0b0b0b}
body[data-scene="auth"] .sc-auth,body[data-scene="cab"] .sc-cab,body[data-scene="pay"] .sc-pay{display:block}
.cst{position:relative;margin:0 auto;transform-origin:0 0;overflow:hidden}
.sbg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
.cs .t{position:absolute;margin:0;padding:0;line-height:1;white-space:nowrap;color:#fff;font-weight:400;text-decoration:none;z-index:2;background:none;border:0;font-family:inherit}
.cs .t.b{font-weight:700}.cs .t b{font-weight:inherit}.cs .t.c{text-align:center}
.cs .nm{max-width:560px;overflow:hidden;text-overflow:ellipsis}
.cw-m .nm{max-width:350px}
.cs .lo{cursor:pointer;z-index:6}
.cs .lo:hover{color:#E6178A !important}

/* кнопки: обводка через evenodd-кольцо */
.cs .pb .o,.mmenu .pb .o{fill:var(--bd);stroke:none}
.cs .pb .f{fill:var(--bg)}
.cs .pb.white .s,.cs .pb.pink .s{pointer-events:none}

/* почтовые ящики-кнопки: .hz из home.css (клик и обводка по контуру ящика) */
.cs .hz .hit{cursor:pointer}

/* состояние подписки */
.st-off,.ym-off{display:none}
.cabp.inactive .st-on,.cabp.inactive .ym-on{display:none}
.cabp.inactive .st-off,.cabp.inactive .ym-off{display:block}
.cabp.nomobile .ym-on{display:none}.cabp.nomobile .ym-off{display:block}
.gbar{position:absolute;z-index:2;background:#1D1D1D;border:2px solid #E9E9E9;box-sizing:border-box;
  clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}
.gbar i{position:absolute;left:2px;top:2px;bottom:2px;width:0;background:#46A4B9;transition:width .6s ease}
.cs .gb{color:#46A4B9}

/* VPN-ссылка */
.pb.link{--bg:transparent;--bd:#fff;--fg:#fff;text-align:left}
.pb.link:hover{--bd:#E6178A}
.pb.link .lk{position:absolute;left:10px;right:28px;top:50%;transform:translateY(-50%);font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase}
.cw-m .pb.link .lk{font-size:12px}
.pb.link .cp{position:absolute;right:10px;top:50%;width:10px;height:12px;margin-top:-6px;border:1.5px solid #fff;border-radius:2px;box-sizing:border-box}
.pb.link .cp::after{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:9px;border-left:1.5px solid #fff;border-top:1.5px solid #fff}

/* устройства */
.devs{position:absolute;z-index:3}
.devs.d{left:324px;top:620px;width:760px;height:72px}
.devs.m{left:20px;top:800px;width:350px;height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff transparent}
.dv{position:absolute;height:44px;font-family:inherit}
.devs.d .dv{width:338px}
.devs.m .dv{position:relative;width:330px;height:50px}
.dv .dot{position:absolute;left:0;top:7px;width:6px;height:6px;background:#EEE0BB}
.dv.on .dot{background:#E6178A}
.dv .dn{position:absolute;left:18px;top:2px;font-size:18px;line-height:1;white-space:nowrap;max-width:270px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.dv .ds{position:absolute;left:18px;top:20px;font-size:12px;line-height:1;color:#E3D6C4;white-space:nowrap}
.dv .del{position:absolute;right:4px;top:4px;width:13px;height:15px;padding:0;border:0;cursor:pointer;background:#fff;
  -webkit-mask:url(assets/icons/carbon_trash-can.svg) center/contain no-repeat;mask:url(assets/icons/carbon_trash-can.svg) center/contain no-repeat}
.dv .del:hover{background:#E6178A}
.dv::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:rgba(238,224,187,.28)}
.devs.d .dv.c1{left:408px}
.dev-empty,.add0,.graf{display:none}
.graf{position:absolute;z-index:1;pointer-events:none}
.cabp.nodev .dev-empty,.cabp.nodev .add0,.cabp.nodev .graf{display:block}
.cabp.nodev .add1{display:none}
.cs .dl{color:#bdbdbd;font-weight:400;font-size:13px}

/* оплата: экран телевизора */
.ps{display:none}
.cabp[data-ps="pick"] .ps-pick,.cabp[data-ps="wait"] .ps-wait,.cabp[data-ps="ok"] .ps-ok,.cabp[data-ps="fail"] .ps-fail{display:block}
.opt{position:absolute;padding:0;margin:0;border:0;background:none;cursor:pointer;z-index:3;font-family:inherit;--bg:#151515;--bd:#5f5f5f;color:#fff;-webkit-tap-highlight-color:transparent}
.opt .fr{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.opt .f{fill:var(--bg);transition:fill .15s}.opt .o{fill:var(--bd)}.opt .s{opacity:0}
.opt:hover{--bd:#bdbdbd}
.opt.sel{--bg:#F2F2F2;--bd:#F2F2F2;color:#1D1D1D}.opt.sel .s{opacity:1}
.opt .t{color:inherit !important}
.opt .ot2{color:inherit !important;opacity:.85}
.opt[hidden]{display:none}
.opt.dis{cursor:not-allowed;opacity:.45}
.opt.dis:hover{--bd:#5f5f5f;filter:none}
.pmi{position:absolute;left:8px;top:6px;width:30px;height:30px;background:center/100% 100% no-repeat}
.pm-sbp{background-image:url(assets/cab/pm-sbp-d.png)}
.pm-card{background-image:url(assets/cab/pm-card-d.png)}
.pm-crypto{background-image:url(assets/cab/pm-crypto-d.png)}
.pm-balance{background:#1D1D1D;border-radius:3px}
.pm-balance::after{content:"₽";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:700 20px "Epilepsy Sans",system-ui}
.opt.sel .pm-crypto{filter:none}
.pdiv{position:absolute;height:1px;background:#4a4a4a;z-index:2}
.pic{position:absolute;z-index:3;image-rendering:pixelated}
.pic.spin{animation:pspin 1.6s steps(8) infinite}
@keyframes pspin{to{transform:rotate(360deg)}}
.cs .t.r{text-align:right}

/* тост и модалка входа */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);opacity:0;z-index:300;background:#1D1D1D;color:#fff;
  border:1px solid #E6178A;padding:12px 18px;font:14px/1.3 "Epilepsy Sans",system-ui;max-width:min(90vw,420px);text-align:center;transition:all .25s;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.lg{text-align:center}
.lg .code{font:700 44px/1 "Epilepsy Sans",system-ui;letter-spacing:6px;color:#fff;margin:6px 0 14px}
.lg p{color:#bdbdbd;font-size:14px;line-height:1.45;margin:0 0 16px}
.lg .wait{color:#9a9a9a;font-size:12px;margin-top:12px}
.lg .wait i{display:inline-block;width:8px;height:8px;background:#E6178A;margin-right:6px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.amt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px}
.amt button{font:16px "Epilepsy Sans",system-ui;background:#1D1D1D;color:#fff;border:1px solid #676767;padding:10px 14px;cursor:pointer}
.amt button.sel,.amt button:hover{border-color:#E6178A;color:#fff;background:#2a0f1d}
.amt input{font:16px "Epilepsy Sans",system-ui;background:#111;color:#fff;border:1px solid #676767;padding:10px;width:120px;text-align:center}

.cs .gbl{font-size:calc(13.68em/17.84);font-weight:400}
.cs .t .gb{font-weight:700;color:#46A4B9}