/* =====================================================================
   Акаунти, аватари, покани, поща (модул C) — префикс .ac-
   ===================================================================== */

/* ---------- общи ---------- */
.ac-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.ac-between{justify-content:space-between}
.ac-small{font-size:13px; margin:0}
.ac-mt{margin-top:14px}
.ac-opt{font-style:normal; font-weight:500; color:var(--pmuted)}
.ac-link{background:none; border:0; padding:6px 2px; color:var(--paccent); font:600 14px var(--body); cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,197,61,.4); min-height:32px}
.ac-link:hover{text-decoration-color:var(--paccent)}
.ac-link:disabled{color:var(--pmuted); cursor:default; text-decoration:none}
.ac-link:focus-visible,.ac-prov:focus-visible,.ac-me:focus-visible,.ac-av-tile:focus-visible,.ac-iitem:focus-visible,.ac-tpl:focus-visible,.ac-sw:focus-visible{outline:3px solid var(--paccent); outline-offset:2px}

/* ---------- страници вход/регистрация ---------- */
.ac-wrap{max-width:460px; margin:8px auto 0}
.ac-card{padding:26px 24px; border-radius:22px; box-shadow:var(--pshadow)}
@media (max-width:420px){ .ac-card{padding:22px 16px} }
.ac-perks{display:flex; justify-content:center; flex-wrap:wrap; gap:6px 14px; margin:16px 0 0; color:var(--pmuted); font-size:13px}
.ac-perks span{display:inline-flex; align-items:center; gap:5px; white-space:nowrap}
.ac-perks .pi{color:var(--pgood)}
.ac-already{text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px}
.ac-already .ac-row{justify-content:center; margin-top:8px}
.ac-already p{margin:0}

/* ---------- поток вход/регистрация ---------- */
.ac-auth{display:flex; flex-direction:column; gap:14px; animation:acIn .32s var(--pease)}
@keyframes acIn{from{opacity:0; transform:translateY(8px)}}
.ac-auth-modal{padding-top:0}
.pmodal.ac-authm .pmodal-head{padding-bottom:0}
.ac-head{text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px}
.ac-head p{margin:0}
.ac-badge{display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:linear-gradient(160deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink); font:700 28px/1 var(--vint); box-shadow:0 4px 0 var(--gold3); transform:rotate(-6deg); margin-bottom:4px; animation:acBadge .6s var(--pspring)}
@keyframes acBadge{from{transform:rotate(-30deg) scale(.4); opacity:0}}
.ac-reason{display:flex; gap:10px; align-items:flex-start; margin:4px 0 0; padding:10px 14px; border-radius:12px; background:rgba(255,197,61,.12); border:1px solid rgba(255,197,61,.35); color:var(--ptext); font-size:14px; text-align:left; line-height:1.45}
.ac-reason .pi{color:var(--paccent); margin-top:2px}
.ac-provs{display:flex; flex-direction:column; gap:10px}
.ac-prov{display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 16px; border-radius:14px; font:600 15px var(--body); cursor:pointer; border:1.5px solid transparent; transition:transform .15s, box-shadow .2s, filter .2s}
.ac-prov .pi{width:20px; height:20px}
.ac-prov:hover{filter:brightness(1.05); box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ac-prov:active{transform:scale(.98)}
.ac-prov-google{background:#fff; color:#1f1f1f; border-color:#dadce0}
.ac-prov-apple{background:#000; color:#fff; border-color:#333}
.ac-prov-facebook{background:#1877f2; color:#fff}
.ac-prov-facebook .pi path{fill:#fff}
.ac-or{display:flex; align-items:center; gap:12px; color:var(--pmuted); font-size:13px}
.ac-or::before,.ac-or::after{content:''; flex:1; height:1px; background:var(--pline)}
.ac-form{display:flex; flex-direction:column; gap:14px; margin:0}
.ac-form .pbtn .pi{margin-right:-4px}
.ac-switch{text-align:center; margin:0; color:var(--pmuted); font-size:14px}
.ac-guest{align-self:center; color:var(--pmuted); text-decoration-color:var(--pline2)}
.ac-back{align-self:flex-start; display:inline-flex; align-items:center; gap:6px; background:none; border:0; color:var(--pmuted); font:600 14px var(--body); cursor:pointer; padding:6px 8px 6px 0; min-height:36px}
.ac-back:hover{color:var(--ptext)}
.ac-title{margin:0}
.ac-sub{margin:0}
.ac-who{display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid var(--pline)}
.ac-who-ic{display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:rgba(255,197,61,.15); color:var(--paccent); flex:0 0 auto}
.ac-who-t{flex:1; min-width:0; display:flex; flex-direction:column}
.ac-who-t span,.ac-li-t span{color:var(--pmuted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-pw{position:relative; display:block}
.ac-pw input{padding-right:52px}
.ac-eye{position:absolute; right:4px; top:50%; transform:translateY(-50%); width:44px; height:40px; border:0; background:none; color:var(--pmuted); cursor:pointer; border-radius:10px}
.ac-eye[aria-pressed="true"]{color:var(--paccent)}
.ac-meter{display:flex; align-items:center; gap:10px; font-size:12px; color:var(--pmuted)}
.ac-meter i{flex:1; height:5px; border-radius:3px; background:rgba(255,255,255,.1); position:relative; overflow:hidden}
.ac-meter i::after{content:''; position:absolute; inset:0; transform-origin:left; transform:scaleX(0); background:var(--pbad); transition:transform .3s var(--pease), background .3s}
.ac-meter[data-meter="1"] i::after{transform:scaleX(.25); background:var(--pbad)}
.ac-meter[data-meter="2"] i::after{transform:scaleX(.5); background:var(--pwarn)}
.ac-meter[data-meter="3"] i::after{transform:scaleX(.75); background:var(--pgood)}
.ac-meter[data-meter="4"] i::after{transform:scaleX(1); background:var(--pgood)}
.ac-meter b{font-weight:600; min-width:88px; text-align:right}
.ac-consents{display:flex; flex-direction:column; gap:10px; padding:12px 14px; border-radius:14px; background:rgba(3,8,30,.3); border:1px solid var(--pline)}
.ac-consents .pcheck{min-height:28px}
.ac-consents .perr{font-size:13px; color:var(--pbad)}
.ac-alt{display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 12px}

/* код от 6 цифри */
.ac-code-ic{display:grid; place-items:center; width:56px; height:56px; border-radius:18px; background:rgba(255,197,61,.14); color:var(--paccent); font-size:26px; align-self:center}
.ac-auth[data-step="code"] .ac-title,.ac-auth[data-step="code"] .ac-sub,.ac-auth .ac-code-ic ~ .ac-title,.ac-auth .ac-code-ic ~ .ac-sub{text-align:center}
.ac-target{color:var(--ptext); display:inline-block; max-width:100%; overflow-wrap:anywhere; vertical-align:bottom}
.ac-code{display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:8px; max-width:360px; width:100%; margin:4px auto 0}
.ac-digit{width:100%; min-width:0; aspect-ratio:4/5; max-height:64px; box-sizing:border-box; text-align:center; font:700 26px var(--num); color:var(--ptext); background:rgba(3,8,30,.5); border:1.5px solid var(--pline2); border-radius:12px; padding:0; caret-color:var(--paccent); transition:border-color .2s, box-shadow .2s, transform .2s var(--pspring)}
.ac-digit:focus{outline:none; border-color:var(--paccent); box-shadow:0 0 0 4px rgba(255,197,61,.2)}
.ac-digit.on{border-color:rgba(255,197,61,.6); transform:translateY(-2px)}
.ac-code.bad .ac-digit{border-color:var(--pbad)}
.ac-code.bad{animation:acShake .4s ease}
@keyframes acShake{20%{transform:translateX(-6px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(3px)}}
.ac-code-err{text-align:center; margin:0; color:var(--pbad); font-size:14px}
.ac-resend{text-align:center; margin:0; color:var(--pmuted); font-size:14px}
.ac-wait{color:var(--pmuted)}
.ac-demo{display:flex; align-items:center; justify-content:center; gap:8px; margin:0 auto; padding:8px 14px; border-radius:99px; border:1px dashed rgba(255,197,61,.5); background:rgba(255,197,61,.06); color:var(--paccent); font:600 12px var(--body); cursor:pointer; min-height:36px}

/* ---------- симулирани OAuth листове ---------- */
.pmodal.ac-oauth .pmodal-head{padding:10px 10px 0}
.pmodal.ac-oauth .pmodal-body{padding:0 22px 20px}
.pmodal.ac-oauth-google .pmodal-sheet,.pmodal.ac-oauth-facebook .pmodal-sheet{background:#fff; color:#1f1f1f; border-color:#dadce0}
.pmodal.ac-oauth-google .pmodal-x,.pmodal.ac-oauth-facebook .pmodal-x{background:#f1f3f4; color:#3c4043; border-color:#dadce0}
.pmodal.ac-oauth-apple .pmodal-sheet{background:#000; color:#f5f5f7; border-color:#333}
.pmodal.ac-oauth-facebook .pmodal-sheet{overflow:hidden}
.ac-oa{display:flex; flex-direction:column; gap:10px; font-family:Roboto,'Segoe UI',Helvetica,Arial,sans-serif}
.ac-oa h3{margin:6px 0 0; font:400 24px/1.3 'Segoe UI',Roboto,Arial,sans-serif}
.ac-oa-sub{margin:0; font-size:14px; color:#5f6368}
.ac-oa-top{display:flex; align-items:center; gap:10px; font-size:14px; color:#3c4043; padding-bottom:12px; border-bottom:1px solid #e8eaed}
.ac-oa-top .pi{width:22px; height:22px}
.ac-oa-list{list-style:none; margin:6px 0 0; padding:0; border-top:1px solid #e8eaed}
.ac-oa-acc,.ac-oa-other{display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:8px 6px; border:0; border-bottom:1px solid #e8eaed; background:none; color:inherit; text-align:left; cursor:pointer; font:inherit}
.ac-oa-acc:hover,.ac-oa-other:hover{background:#f6f8fc}
.ac-oa-other{color:#3c4043; font-size:14px; font-weight:500}
.ac-oa-other .pi{width:28px; height:22px; color:#5f6368}
.ac-oa-av{display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:hsl(var(--h) 55% 45%); color:#fff; font:600 13px Roboto,Arial,sans-serif; flex:0 0 auto}
.ac-oa-who{display:flex; flex-direction:column; min-width:0}
.ac-oa-who b{font-weight:500; font-size:14px}
.ac-oa-who span{font-size:12px; color:#5f6368; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-oa-form{display:flex; flex-direction:column; gap:10px; margin-top:6px}
.ac-oa-field{display:flex; flex-direction:column; gap:4px; font-size:12px; color:#5f6368}
.ac-oa-field input{font:400 16px Roboto,Arial,sans-serif; padding:12px 14px; border:1px solid #dadce0; border-radius:6px; background:#fff; color:#1f1f1f}
.ac-oa-field input:focus{outline:none; border-color:#1a73e8; box-shadow:0 0 0 1px #1a73e8}
.ac-oa-btn{align-self:flex-end; min-height:40px; padding:0 24px; border:0; border-radius:20px; background:#1a73e8; color:#fff; font:500 14px Roboto,Arial,sans-serif; cursor:pointer}
.ac-oa-err{margin:0; color:#d93025; font-size:13px}
.ac-oa-fine{margin:6px 0 0; font-size:12px; line-height:1.5; color:#5f6368}
.ac-oa-fine a{color:#1a73e8}
.ac-oa-demo{margin:2px 0 0; padding:8px 10px; border-radius:8px; background:#fef7e0; color:#7a5a00; font-size:12px}
.ac-oa-a{align-items:stretch; text-align:center}
.ac-oa-a .ac-oa-logo{font-size:44px; color:#fff; margin:4px auto 0}
.ac-oa-a .ac-oa-sub{color:#a1a1a6}
.ac-oa-a .ac-oa-list{border-color:#333}
.ac-oa-a .ac-oa-acc,.ac-oa-a .ac-oa-other{border-color:#333; color:#f5f5f7}
.ac-oa-a .ac-oa-acc:hover,.ac-oa-a .ac-oa-other:hover{background:#1c1c1e}
.ac-oa-a .ac-oa-who span,.ac-oa-a .ac-oa-field{color:#a1a1a6}
.ac-oa-a .ac-oa-other .pi{color:#a1a1a6}
.ac-oa-a .ac-oa-field{text-align:left}
.ac-oa-a .ac-oa-field input{background:#1c1c1e; border-color:#3a3a3c; color:#fff; border-radius:10px}
.ac-oa-a .ac-oa-btn{align-self:stretch; background:#fff; color:#000; border-radius:10px; min-height:46px; font-weight:600}
.ac-oa-hide{border:1px solid #3a3a3c; border-radius:10px; padding:8px 12px; margin:0; display:flex; flex-direction:column; gap:6px; text-align:left; font-size:14px}
.ac-oa-hide legend{font-size:12px; color:#a1a1a6; padding:0 4px}
.ac-oa-hide label{display:flex; gap:8px; align-items:center; min-height:28px; cursor:pointer}
.ac-oa-a .ac-oa-demo{background:#1c1c1e; color:#ffd60a}
.ac-oa-f{margin:0 -22px -20px}
.ac-oa-f .ac-oa-top{background:#1877f2; color:#fff; border:0; padding:12px 20px; font:700 22px/1 Helvetica,Arial,sans-serif; letter-spacing:-.5px}
.ac-oa-fbody{padding:16px 22px 20px; display:flex; flex-direction:column; gap:10px; text-align:center}
.ac-oa-apps{display:flex; justify-content:center}
.ac-oa-app{display:grid; place-items:center; width:56px; height:56px; border-radius:14px; background:linear-gradient(160deg,#ffc53d,#f08c1a); color:#14161c; font:700 28px/1 Georgia,serif}
.ac-oa-f h3{font-weight:700; font-size:20px}
.ac-oa-f .ac-oa-sub{color:#65676b}
.ac-oa-f .ac-oa-list{text-align:left}
.ac-oa-f .ac-oa-btn{align-self:stretch; border-radius:6px; background:#1877f2; min-height:44px; font-weight:700; font-size:16px}
.ac-oa-f .ac-oa-field{text-align:left}
.ac-oa-f .ac-oa-field input:focus{border-color:#1877f2; box-shadow:0 0 0 1px #1877f2}

/* ---------- горна лента ---------- */
.ac-login{min-height:40px}
.ac-login .pi{width:18px; height:18px}
@media (max-width:420px){ .ac-login{padding:0 12px} }
.ac-me{position:relative; display:inline-grid; place-items:center; width:42px; height:42px; padding:0; border:0; border-radius:50%; background:none; cursor:pointer; transition:transform .2s var(--pspring)}
.ac-me:hover{transform:scale(1.06)}
.ac-me-dot{position:absolute; top:0; right:0; width:11px; height:11px; border-radius:50%; background:var(--pwarn); box-shadow:0 0 0 2px var(--pbg)}
.ac-menu{display:flex; flex-direction:column; gap:6px}
.ac-pop{position:fixed; z-index:60; width:280px; padding:12px; border-radius:18px; background:var(--pbg2); border:1px solid var(--pline2); box-shadow:0 24px 60px rgba(0,0,0,.5); animation:acPop .22s var(--pease); transform-origin:top right}
@keyframes acPop{from{opacity:0; transform:translateY(-6px) scale(.97)}}
.ac-menu-head{display:flex; align-items:center; gap:12px; padding:4px 4px 10px; border-bottom:1px solid var(--pline)}
.ac-menu-head > span:last-child{display:flex; flex-direction:column; gap:2px; min-width:0}
.ac-menu-head b{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-menu-head span span{color:var(--pmuted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-menu-head .pchip{align-self:flex-start; margin-top:2px}
.ac-menu-warn{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,176,32,.45); background:rgba(255,176,32,.12); color:var(--pwarn); font:600 14px var(--body); cursor:pointer; text-align:left}
.ac-menu-links{display:flex; flex-direction:column}
.ac-menu-links a,.ac-menu-links button{display:flex; align-items:center; gap:12px; min-height:44px; padding:0 10px; border-radius:10px; color:var(--ptext); text-decoration:none; font:600 14px var(--body); background:none; border:0; cursor:pointer; text-align:left}
.ac-menu-links a:hover,.ac-menu-links button:hover,.ac-menu-links a:focus-visible,.ac-menu-links button:focus-visible{background:rgba(255,255,255,.07); outline:none}
.ac-menu-links .pi{color:var(--paccent); width:20px; height:20px}
.ac-menu-links button{color:var(--pmuted); border-top:1px solid var(--pline); border-radius:0 0 10px 10px; margin-top:4px}

/* банер за потвърждение */
.ac-banner{position:relative; z-index:30; background:linear-gradient(90deg,rgba(255,176,32,.18),rgba(255,197,61,.08)); border-bottom:1px solid rgba(255,176,32,.35); animation:acIn .3s var(--pease)}
.ac-banner-in{max-width:var(--pmaxw); margin:0 auto; padding:8px 16px; display:flex; align-items:center; gap:12px; box-sizing:border-box}
.ac-banner-in > .pi{color:var(--pwarn); width:22px; height:22px}
.ac-banner-t{flex:1; min-width:0; font-size:14px}
.ac-banner-t span{color:var(--pmuted)}
.ac-banner-x{width:34px; height:34px}
@media (max-width:600px){ .ac-banner-t span{display:none} }
body[data-layout="game"] .ac-banner{display:none}

/* ---------- акаунт ---------- */
.ac-acc{display:flex; flex-direction:column; gap:18px}
.ac-acc-head{display:flex; align-items:center; gap:16px; min-width:0}
.ac-acc-head > div{min-width:0}
.ac-acc-head p{margin:4px 0 8px; overflow-wrap:anywhere}
.ac-acc-name{overflow-wrap:anywhere}
.ac-grid{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); align-items:start}
.ac-sec{display:flex; flex-direction:column; gap:12px}
.ac-sec h2{margin:0}
.ac-narrow{max-width:640px}
.ac-avrow{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.ac-inline{flex-direction:row; align-items:flex-end; gap:10px}
.ac-inline .pfield{flex:1}
@media (max-width:420px){ .ac-inline{flex-direction:column; align-items:stretch} }
.ac-li{display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--pline); min-height:44px; flex-wrap:wrap}
.ac-li:last-child{border-bottom:0}
.ac-li > .pi{color:var(--paccent); width:22px; height:22px}
.ac-li-t{flex:1; min-width:150px; display:flex; flex-direction:column; gap:2px}
.ac-li-t span{white-space:normal}
.ac-switch-row{cursor:pointer; flex-wrap:nowrap}
.ac-danger{border-color:rgba(255,93,108,.35)}
.ac-json{max-height:50vh; overflow:auto; margin:12px 0 0; padding:14px; border-radius:12px; background:rgba(3,8,30,.6); border:1px solid var(--pline); font:12px/1.5 ui-monospace,Menlo,Consolas,monospace; color:#d8e0ff; white-space:pre-wrap; word-break:break-word}

/* ---------- публичен профил ---------- */
.ac-pub{display:flex; flex-direction:column; gap:16px}
.ac-pub-hero{display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:24px; background:radial-gradient(120% 120% at 0% 0%, rgba(255,197,61,.14), transparent 60%), var(--pcard)}
.ac-pub-main{flex:1; min-width:220px; display:flex; flex-direction:column; gap:10px}
.ac-pub-main h1{overflow-wrap:anywhere}
.ac-kpis{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
@media (max-width:600px){ .ac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
.ac-kpi{display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px 8px; text-align:center; color:var(--pmuted); font-size:13px}
.ac-kpi-n{font-size:28px; color:var(--paccent); line-height:1.1}
.ac-gstats{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr)); gap:12px}
.ac-gstat{position:relative; display:flex; flex-direction:column; gap:2px; padding:14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--pline); overflow:hidden}
.ac-gstat .pnum{font-size:26px; color:var(--ptext)}
.ac-gstat small{color:var(--pmuted)}
.ac-gstat i{position:absolute; left:0; bottom:0; height:3px; width:var(--w); background:linear-gradient(90deg,var(--paccent),var(--paccent2)); transition:width .6s var(--pease)}

/* ---------- аватари ---------- */
.ac-page-head{margin-bottom:18px; display:flex; flex-direction:column; gap:8px}
.ac-studio{display:flex; flex-direction:column; gap:16px}
.ac-studio-prev{display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:18px; border-radius:var(--pr); background:rgba(255,255,255,.04); border:1px solid var(--pline)}
.ac-studio-prev p{margin:2px 0 10px}
.ac-studio-ava .pava{animation:acAva .45s var(--pspring)}
@keyframes acAva{from{transform:scale(.85)}}
.ac-studio-name{font:400 20px var(--display); overflow-wrap:anywhere}
.ac-av-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(76px,1fr)); gap:10px; margin-bottom:12px}
.ac-av-grid.prem{grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr))}
.ac-av-tile{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; padding:8px; border-radius:16px; border:2px solid transparent; background:rgba(255,255,255,.04); cursor:pointer; color:var(--ptext); transition:transform .2s var(--pspring), border-color .2s, background .2s}
.ac-av-tile:hover{transform:translateY(-2px); background:rgba(255,255,255,.08)}
.ac-av-tile.on{border-color:var(--paccent); background:rgba(255,197,61,.1)}
.ac-av-tile.prem{padding:12px 8px}
.ac-av-name{font:600 12px var(--body); text-align:center}
.ac-av-tile.locked .pava{filter:saturate(.55) brightness(.75)}
.ac-av-lock{position:absolute; top:8px; right:8px; display:inline-flex; align-items:center; gap:3px; padding:3px 8px; border-radius:99px; background:rgba(10,18,48,.85); color:var(--paccent); font:700 10px var(--body); letter-spacing:.06em}
.ac-av-lock .pi{width:11px; height:11px}
.ac-prem-note{display:flex; align-items:center; gap:8px; margin:0 0 12px}
.ac-char h4{margin:14px 0 8px; font:700 12px var(--body); letter-spacing:.12em; text-transform:uppercase; color:var(--pmuted)}
.ac-opts{display:flex; flex-wrap:wrap; gap:8px}
.ac-opts .pchip{min-height:36px; padding:0 14px; cursor:pointer}
.ac-sw{width:36px; height:36px; border-radius:50%; border:2px solid rgba(255,255,255,.25); cursor:pointer; transition:transform .2s var(--pspring)}
.ac-sw.on{border-color:var(--paccent); box-shadow:0 0 0 3px rgba(255,197,61,.35); transform:scale(1.1)}
.ac-studio.compact .ac-studio-prev{padding:12px}
.ac-lock{display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center}
.ac-lock p{margin:0; line-height:1.5}
.ac-lock-btns{display:flex; flex-direction:column; gap:8px; width:100%}
/* анимирана рамка на премиум аватарите */
.ac-pv-spin{transform-origin:50px 50px; animation:acSpin 4.5s linear infinite}
@keyframes acSpin{to{transform:rotate(360deg)}}
.ac-pv-tw{transform-box:fill-box; transform-origin:center; animation:acTw 2.4s ease-in-out infinite}
.ac-pv-tw2{animation-delay:-1.2s}
@keyframes acTw{50%{opacity:.2; transform:scale(.55)}}

/* ---------- покани ---------- */
.ac-inv{display:flex; flex-direction:column; gap:16px}
.ac-inv-hero{display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:22px; background:radial-gradient(100% 140% at 100% 0%, rgba(255,197,61,.18), transparent 60%), var(--pcard)}
.ac-inv-hero > div{flex:1; min-width:220px; display:flex; flex-direction:column; gap:6px}
.ac-inv-hero p{margin:0}
.ac-wrap .ac-inv-hero{flex-direction:column; text-align:center}
.ac-inv-art{position:relative; width:96px; height:96px; flex:0 0 auto}
.ac-inv-art span{position:absolute; display:grid; place-items:center}
.ac-inv-art .c1,.ac-inv-art .c2{width:52px; height:72px; border-radius:8px; background:#fffdf7; font:700 30px/1 var(--vint); box-shadow:0 8px 18px rgba(0,0,0,.35)}
.ac-inv-art .c1{left:6px; top:8px; color:#14161c; transform:rotate(-14deg); animation:acCard1 3.2s ease-in-out infinite}
.ac-inv-art .c2{right:6px; top:8px; color:#c8102e; transform:rotate(12deg); animation:acCard2 3.2s ease-in-out infinite}
@keyframes acCard1{50%{transform:rotate(-18deg) translateY(-3px)}}
@keyframes acCard2{50%{transform:rotate(16deg) translateY(-3px)}}
.ac-inv-gift{right:-4px; bottom:-4px; width:42px; height:42px; border-radius:50%; background:linear-gradient(160deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink); font-size:22px; box-shadow:0 3px 0 var(--gold3)}
.ac-inv-art .ac-inv-gift{position:absolute}
.ac-copyrow{display:flex; gap:8px; flex-wrap:wrap}
.ac-copyrow input{flex:1 1 200px; min-width:0; font:500 14px var(--body)}
.ac-code-big{font-size:18px; color:var(--paccent); letter-spacing:.12em}
.ac-share-text{margin:0; padding:12px 14px; border-radius:12px; background:rgba(3,8,30,.4); border:1px dashed var(--pline2); font-size:14px; line-height:1.5; overflow-wrap:anywhere; user-select:all}
.ac-invlist{list-style:none; margin:0; padding:0}
.ac-invlist li{display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--pline)}
.ac-invlist li:last-child{border-bottom:0}
.ac-landing{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; padding:30px 22px}
.ac-landing .plead{margin:0}
.ac-landing-ava{position:relative; margin-bottom:6px; animation:acBadge .6s var(--pspring)}
.ac-landing-ava .ac-inv-gift{position:absolute; display:grid; place-items:center}

/* ---------- входяща поща (демо) ---------- */
.ac-inbox-body{display:flex; flex-direction:column; min-height:0; flex:1}
.pmodal.full .pmodal-body.ac-inbox-body{overflow:hidden; padding-bottom:16px}
.ac-inbox{display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:14px; height:100%; min-height:0; flex:1}
.ac-inbox-list{display:flex; flex-direction:column; gap:10px; min-height:0; overflow:auto}
.ac-inbox-tools{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap}
.ac-inbox-tabs{flex:0 1 auto}
.ac-inbox-tabs button{padding:6px 12px; font-size:13px}
.ac-inbox-count{font-size:12px}
.ac-ilist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.ac-iitem{display:flex; align-items:center; gap:10px; width:100%; padding:10px; border-radius:12px; border:1px solid var(--pline); background:rgba(255,255,255,.03); color:var(--ptext); text-align:left; cursor:pointer; font:inherit}
.ac-iitem:hover{background:rgba(255,255,255,.07)}
.ac-iitem.on{border-color:var(--paccent); background:rgba(255,197,61,.08)}
.ac-iic{display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(111,168,255,.15); color:var(--pinfo); flex:0 0 auto}
.ac-iic.sms{background:rgba(63,210,138,.15); color:var(--pgood)}
.ac-imain{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px}
.ac-ito{font-size:12px; color:var(--pmuted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-isub{font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ac-imeta{font-size:11px; color:var(--pmuted)}
.ac-icode{flex:0 0 auto; padding:6px 9px; border-radius:9px; background:linear-gradient(180deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink); font:700 15px var(--num); letter-spacing:.08em; cursor:copy}
.ac-inbox-view{display:flex; flex-direction:column; min-height:0; border-radius:14px; border:1px solid var(--pline); background:rgba(3,8,30,.3); overflow:hidden}
.ac-iview-head{display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--pline); flex-wrap:wrap}
.ac-iview-meta{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; font-size:12px; color:var(--pmuted)}
.ac-iview-meta b{font-size:15px; color:var(--ptext)}
.ac-iview-meta span{overflow-wrap:anywhere}
.ac-iview-body{flex:1; overflow:auto; min-height:0}
.ac-iview-empty{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--pmuted); padding:40px}
.ac-iview-empty .pi{width:40px; height:40px; opacity:.5}
.ac-iback{display:none}
@media (max-width:760px){
  .ac-inbox{grid-template-columns:minmax(0,1fr)}
  .ac-inbox.has-sel .ac-inbox-list{display:none}
  .ac-inbox:not(.has-sel) .ac-inbox-view{display:none}
  .ac-iback{display:inline-flex}
}
.ac-mail-frame{display:block; width:100%; max-width:100%; overflow-x:auto}
.ac-sms{display:flex; flex-direction:column; gap:8px; padding:24px 18px; max-width:380px; margin:0 auto}
.ac-sms-from{display:flex; align-items:center; gap:8px; color:var(--pmuted); font-size:13px; font-weight:600}
.ac-sms-bubble{align-self:flex-start; max-width:90%; padding:12px 14px; border-radius:18px 18px 18px 4px; background:#e9e9eb; color:#111; font:15px/1.45 -apple-system,'Segoe UI',Roboto,sans-serif; overflow-wrap:anywhere}
.ac-sms-meta{font-size:11px; color:var(--pmuted)}
mark.ac-code-hl{background:#ffc53d; color:#14161c; padding:0 3px; border-radius:4px; font-weight:700}

/* ---------- админ: имейли ---------- */
.ac-adm{display:flex; flex-direction:column; gap:14px}
.ac-gallery{display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:14px; align-items:start}
@media (max-width:820px){ .ac-gallery{grid-template-columns:minmax(0,1fr)} }
.ac-tpl-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
@media (max-width:820px){ .ac-tpl-list{flex-direction:row; overflow-x:auto; padding-bottom:4px} .ac-tpl-list li{flex:0 0 210px} }
.ac-tpl{display:flex; flex-direction:column; gap:4px; width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--pline); background:rgba(255,255,255,.03); color:var(--ptext); text-align:left; cursor:pointer; font:inherit}
.ac-tpl span{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12px; color:var(--pmuted)}
.ac-tpl.on{border-color:var(--paccent); background:rgba(255,197,61,.08)}
.ac-tpl-view{display:flex; flex-direction:column; gap:12px; min-width:0}
.ac-tpl-subj{font-size:16px; overflow-wrap:anywhere}
.ac-tpl-pre{font-size:13px}
.ac-testsend{flex-wrap:wrap}
.ac-testsend .pinput{flex:1 1 200px; min-width:0}
.ac-tpl-prev{border-radius:12px; overflow:hidden; border:1px solid var(--pline)}
.ac-ofilters{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:8px}
.ac-ocount{margin:0; font-size:13px}
.ac-ellip{max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* подкана за вход */
.ac-prompt-in{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; padding:4px 4px 2px}
.ac-prompt-in .ph3{margin:4px 0 0}
.ac-prompt-in p{margin:0 0 6px; line-height:1.5}
.ac-prompt-ic{display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:linear-gradient(160deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink)}
.ac-prompt-ic .pi{width:32px; height:32px}
.ac-prompt-btns{display:flex; flex-direction:column; gap:8px; width:100%}
.pmodal.ac-promptm .pmodal-head{padding-bottom:0}