/* ===== تم v1.1.1: تیره + نیلی (اپلیکیشنی) ===== */
:root{--bg:#06060b;--card:#0f0f18;--card2:#171726;--line:#25253b;--tx:#f2f2fb;--mu:#8e8fa9;--a1:#5b50e8;--a2:#b9aaff;--pr:#6c63f5;--gold:#c9bcff;--ok:#38d996;--bad:#ff6b7d;--side:#0b0b13;--side2:#171726;--green:#8f84ff;--g:linear-gradient(90deg,var(--a1),var(--a2))}
html[data-accent=teal]{--a1:#0e9f9a;--a2:#8af5df;--pr:#17bdb6;--green:#4fe3d0}
html[data-accent=rose]{--a1:#d81b73;--a2:#ffa5cf;--pr:#ea3d8d;--green:#ff7fb8}
html[data-accent=amber]{--a1:#d97706;--a2:#ffd98a;--pr:#f0a020;--green:#ffc857}
body{background:radial-gradient(900px 480px at 85% -8%,color-mix(in srgb,var(--a1) 30%,transparent),transparent),radial-gradient(700px 400px at -10% 110%,color-mix(in srgb,var(--a1) 16%,transparent),transparent),var(--bg)}
.card{border-radius:28px;background:linear-gradient(160deg,#12121d,#0d0d15)}
.btn{background:var(--g);color:#0d0b24;border-radius:999px;padding:14px 26px;font-weight:800}
.btn.gold{background:var(--g);color:#0d0b24}
.btn.ghost{background:transparent;color:var(--a2);border:1px solid var(--line)}
aside .foot .btn.gold{background:var(--g);color:#0d0b24;border-radius:999px}
input,select,textarea{background:#0a0a12;border-radius:20px;border-color:var(--line);padding:14px 18px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pr)}
.chip{border-radius:999px;padding:9px 22px;background:#0f0f18}.chip.on{background:var(--g);border-color:transparent;color:#0d0b24;font-weight:800}
.gw{border-radius:20px}
.tile,.tx,.wcard{border-radius:26px}
.wcard{background:radial-gradient(260px 200px at 90% 0,color-mix(in srgb,var(--a1) 45%,transparent),transparent),linear-gradient(160deg,#1a1840,#0e0d1f);border-color:#34325f}
.tile{background:#0f0f18}.tx{background:#0f0f18}
.chip-bal{background:#12121d;color:var(--a2)}
.st-card{border-radius:26px}.c1{background:#a6d9c0}.c2{background:#a9c4f5}.c3{background:#c9b4f0}.c4{background:var(--a2)}
.bars i{background:linear-gradient(var(--a2),var(--a1))}
details{background:#12121d;border-radius:18px}
.toast{background:#171726;border-color:var(--a1);border-radius:999px}
/* هدر اپلیکیشنی */
.apphd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.who{display:flex;align-items:center;gap:14px}
.av{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#14142a;color:var(--a2);font-size:1.6rem;border:1px solid var(--line);flex:none}
.who b{display:block;font-size:1.25rem}.who small{color:var(--mu)}
.vp{background:#14141f;border:1px solid var(--line);border-radius:999px;padding:6px 16px;color:var(--mu);font-size:.9rem}
.acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}
.rbtn{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#101019;border:1px solid var(--line);color:var(--tx);cursor:pointer;flex:none}
.rbtn .bd{position:absolute;top:-6px;left:-4px;min-width:24px;height:24px;border-radius:12px;background:var(--a1);color:#fff;font-size:.78rem;display:grid;place-items:center;font-weight:700;padding:0 6px}
.pillbtn{display:flex;align-items:center;gap:10px;margin-inline-start:auto;height:58px;padding:0 10px 0 22px;border-radius:999px;background:#101019;border:1px solid var(--line);color:var(--a2);font-weight:700}
.pillbtn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g);color:#0d0b24;font-style:normal;font-size:1.6rem;line-height:1}
.pgt{font-size:1.5rem;margin:14px 2px 4px}

/* کارت پروفایل */
.pcard{background:radial-gradient(300px 220px at 85% 0,color-mix(in srgb,var(--a1) 40%,transparent),transparent),linear-gradient(160deg,#1b1946,#0e0d20);border:1px solid #34325f;border-radius:34px;padding:22px}
.pcard .ph{display:flex;align-items:center;gap:14px;justify-content:space-between}
.pcard .pu{display:flex;align-items:center;gap:14px}.pcard .av{width:60px;height:60px;background:var(--g);color:#0d0b24;font-weight:800;border:0}
.pcard .pu b{display:block;font-size:1.2rem}.pcard .pu small{color:#b4b4d0}
.on-dot{color:#9fe8c8;font-size:.85rem}.on-dot::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#38d996;margin-left:6px}
.pcard .idr{display:flex;justify-content:space-between;align-items:center;background:#0b0b18a8;border:1px solid #2a2a4a;border-radius:22px;padding:14px 18px;margin:18px 0;color:#b4b4d0}
.pcard .bl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pcard .bl small{color:#b4b4d0}.pcard .bl .big{font-size:2.1rem;margin:2px 0;line-height:1.3}
.ring{--p:0;position:relative;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--a2) calc(var(--p)*1%),#26264a 0);display:grid;place-items:center;flex:none}
.ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#12112a}.ring span{position:relative;text-align:center;font-weight:800;line-height:1.3}.ring small{display:block;font-weight:400;color:#b4b4d0;font-size:.78rem}
.pcard .btn{display:block;width:100%;text-align:center}
.inv{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#2a2766,#171538);border:1px solid #3a3873;border-radius:34px;padding:20px 22px}
.inv h3{margin:0}.inv p{color:#c0c0dc;font-size:.9rem}.inv .ib{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#13122e;color:var(--a2);flex:none}
.sc2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc2 a{background:#0f0f18;border:1px solid var(--line);border-radius:26px;padding:16px 10px;text-align:center;display:block}.sc2 a b{display:block;font-size:1.25rem}.sc2 a small{color:var(--mu);font-size:.8rem}
/* نوار پایین شناور */
.tabbar{display:none}
.fnav{position:fixed;z-index:15;bottom:calc(14px + env(safe-area-inset-bottom));right:14px;left:14px;max-width:560px;margin:auto;height:82px;border-radius:44px;background:#111119ee;backdrop-filter:blur(14px);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:0 10px;box-shadow:0 14px 40px #000a}
.fnav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mu);font-size:.85rem;padding:9px 14px;border-radius:26px;min-width:64px}
.fnav a.on{background:#1b1b33;color:var(--a2)}
.fnav .fab{display:grid;place-items:center;width:72px;height:72px;min-width:72px;padding:0;border-radius:50%;background:var(--g);color:#0d0b24;margin-top:-44px;border:7px solid var(--bg);box-shadow:0 8px 24px color-mix(in srgb,var(--a1) 55%,transparent)}
@media(min-width:900px){.fnav{display:none}main{padding:24px 32px}.acts{width:auto}}
@media(max-width:899px){main{padding:18px 16px 130px}}
.pghd .x{border-radius:50%}
.coming{border-style:dashed}
/* کلید روشن/خاموش */
.tg{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:26px;padding:14px 18px;margin-bottom:10px;background:#0a0a12}
.tg small{display:block;color:var(--mu)}
.sw{position:relative;width:64px;height:36px;border-radius:18px;background:#3a3a4e;border:0;cursor:pointer;flex:none;transition:.2s}
.sw::after{content:"";position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#fff;transition:.2s}
.sw.on{background:var(--a1)}.sw.on::after{right:32px}
.rbtn{width:50px;height:50px}.pillbtn{height:50px;padding:0 8px 0 18px;gap:8px;font-size:.92rem}.pillbtn i{width:36px;height:36px;font-size:1.4rem}
.acts{gap:8px;flex-wrap:nowrap}
.fnav a{white-space:nowrap;padding:8px 10px;min-width:58px;font-size:.8rem}
.sw:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:900px){.mbtn2{display:none}}

/* v1.2.3: لوگو و autofill در همهٔ صفحه‌ها */
html{color-scheme:dark}
.mk{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g);color:#0d0b24;font-style:normal;flex:none}
.mk svg{width:24px;height:24px;display:block}
aside .logo .mk{width:40px;height:40px}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{
 -webkit-text-fill-color:var(--tx)!important;-webkit-box-shadow:0 0 0 1000px #0a0a12 inset!important;box-shadow:0 0 0 1000px #0a0a12 inset!important;caret-color:#fff;transition:background-color 99999s ease-out 0s}

.who .av{background:var(--g);color:#0d0b24;border:0}

.vbn{border-color:#f0b34a66;background:linear-gradient(160deg,#1b1710,#0f0f18);margin-bottom:14px}.vbn b{color:#f0b34a}.vbn .btn{margin-top:8px}
