/* پاول ۸ — سیستم طراحی */
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
/* وزیرمتن با ارقام فارسی (برای اعداد، مبلغ‌ها و جدول‌ها؛ فقط وقتی لازم شود بارگذاری می‌شود) */
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Regular.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Bold.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Black.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#f5f0e8;--bg2:#ece5d9;--card:#fffdf9;--ink:#1c1a17;--ink2:#4f4940;--mute:#6a6359;--line:#e3dbce;--line2:#cfc6b8;
  --pri:#b23a0e;--pri2:#8f2d0a;--pri-s:#f6e4d9;--ok:#2f7a3e;--ok-s:#e3efdf;--bad:#b4232c;--bad-s:#f8e1df;--warn:#93600a;--warn-s:#f6ead2;--info:#1f5f99;--info-s:#e2ebf3;
  --r:8px;--r2:6px;--sh:none;--sh2:0 14px 40px rgba(28,26,23,.16);--disp:Vazirmatn,Tahoma,sans-serif;
  --side:256px;--top:60px;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#171512;--bg2:#211e1a;--card:#1f1c18;--ink:#f2ede4;--ink2:#cbc3b6;--mute:#a39a8c;--line:#332e28;--line2:#453f37;
  --pri:#f0784a;--pri2:#ff9468;--pri-s:#3a2419;--ok:#6cc183;--ok-s:#1d3022;--bad:#f2777b;--bad-s:#3a1c1c;--warn:#e4ac4b;--warn-s:#3a2c12;--info:#7fb3e6;--info-s:#18283a;
  --sh:none;--sh2:0 14px 40px rgba(0,0,0,.5);color-scheme:dark}}
:root[data-theme=dark]{--bg:#171512;--bg2:#211e1a;--card:#1f1c18;--ink:#f2ede4;--ink2:#cbc3b6;--mute:#a39a8c;--line:#332e28;--line2:#453f37;
  --pri:#f0784a;--pri2:#ff9468;--pri-s:#3a2419;--ok:#6cc183;--ok-s:#1d3022;--bad:#f2777b;--bad-s:#3a1c1c;--warn:#e4ac4b;--warn-s:#3a2c12;--info:#7fb3e6;--info-s:#18283a;
  --sh:none;--sh2:0 14px 40px rgba(0,0,0,.5);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 14.5px/1.7 Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--ink);font-feature-settings:"ss01"}
a{color:var(--pri);text-decoration:none}a:hover{color:var(--pri2)}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.35;font-weight:800}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}
p{margin:0 0 .8em}small,.muted{color:var(--mute)}.ink2{color:var(--ink2)}
hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ltr{direction:ltr;unicode-bidi:embed}.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.pos{color:var(--ok)}.neg{color:var(--bad)}.c{text-align:center}.e{text-align:left}
.hide{display:none!important}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}

/* ── چیدمان ── */
.shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;overflow:auto;background:var(--card);border-left:1px solid var(--line);padding:14px 12px 30px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;font-weight:900;font-size:1.15rem;color:var(--ink)}
.brand-logo{width:34px;height:34px;border-radius:6px;background:var(--ink);display:grid;place-items:center;color:var(--bg);font:900 1.25rem/1 var(--disp);font-synthesis:none;padding-top:3px}
.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--mute);margin-top:-3px}
.nav-h{font-size:.72rem;color:var(--mute);font-weight:700;padding:14px 10px 4px}
.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--ink2);font-weight:500}
.nav a:hover{background:var(--bg);color:var(--ink)}
.nav a.is-on{background:var(--pri-s);color:var(--pri);font-weight:700}
.nav a .ic{width:19px;height:19px;opacity:.85}
.main{min-width:0;display:flex;flex-direction:column}
.top{height:var(--top);position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:0 22px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line)}
.top .title{font-weight:800;font-size:1.05rem}
.page{padding:22px;max-width:1240px;width:100%;margin:0 auto}
.page-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.page-h h1{margin:0}.page-h .sp{flex:1}
.crumb{font-size:.82rem;color:var(--mute);margin-bottom:2px}.crumb a{color:var(--mute)}

/* ── کارت و شبکه ── */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.card-b{padding:18px}.card-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.card-h h2,.card-h h3{margin:0;font-size:1rem}.card-h .sp{flex:1}
.card+.card,.card+.grid,.grid+.card,.grid+.grid{margin-top:16px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-side{grid-template-columns:minmax(0,1fr) 340px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}

/* ── آمار ── */
.stat{padding:16px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.stat .k{font-size:.8rem;color:var(--mute);font-weight:600;display:flex;align-items:center;gap:6px}
.stat .v{font-size:1.45rem;font-weight:900;letter-spacing:-.01em}.stat .v small{font-size:.75rem;font-weight:500}
.stat .ic-b{position:absolute;left:14px;top:14px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--pri-s);color:var(--pri)}
.stat.ok .ic-b{background:var(--ok-s);color:var(--ok)}.stat.bad .ic-b{background:var(--bad-s);color:var(--bad)}.stat.warn .ic-b{background:var(--warn-s);color:var(--warn)}

/* ── دکمه ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s;text-decoration:none}
.btn:hover{border-color:var(--pri);color:var(--pri)}
.btn-p{background:var(--pri);border-color:var(--pri);color:#fff}.btn-p:hover{background:var(--pri2);border-color:var(--pri2);color:#fff}
.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover{filter:brightness(1.07);color:#fff;border-color:var(--ok)}
.btn-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.btn-bad:hover{background:var(--bad);color:#fff;border-color:var(--bad)}
.btn-g{border-color:transparent;background:transparent}.btn-g:hover{background:var(--bg2);border-color:transparent;color:var(--ink)}
.btn-sm{height:32px;padding:0 11px;font-size:.85rem;border-radius:9px}.btn-lg{height:48px;padding:0 22px;font-size:1rem}.btn-i{width:40px;padding:0}.btn-sm.btn-i{width:32px}
.btn-w{width:100%}.btn .ic{width:18px;height:18px}.is-dis{pointer-events:none;opacity:.45}
.btn[disabled]{opacity:.5;pointer-events:none}

/* ── فرم ── */
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;min-width:0}
.field>span,.lbl{font-size:.83rem;font-weight:600;color:var(--ink2)}.field .hint{font-size:.76rem;color:var(--mute)}
.input,select.input,textarea.input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line2);border-radius:var(--r2);background:var(--card);color:var(--ink);font:inherit;outline:none;transition:.15s}
textarea.input{height:auto;min-height:84px;padding:10px 12px;resize:vertical}
.input:focus{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 18%,transparent)}
.input[readonly]{background:var(--bg)}
.input-sm{height:34px;font-size:.88rem;padding:0 9px;border-radius:8px}
.fg{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.fg .wide{grid-column:1/-1}
.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.check input{width:18px;height:18px;accent-color:var(--pri)}
.seg{display:inline-flex;background:var(--bg2);border-radius:11px;padding:3px;gap:2px}
.seg a,.seg label{padding:5px 13px;border-radius:9px;color:var(--ink2);font-weight:600;font-size:.86rem;cursor:pointer}
.seg a.is-on,.seg input:checked+span{background:var(--card);color:var(--ink);box-shadow:var(--sh)}
.seg input{display:none}.seg label span{display:block;padding:0;border-radius:9px}

/* ── جدول ── */
.tbl-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{font-size:.76rem;font-weight:700;color:var(--mute);text-align:right;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--card);position:sticky;top:0}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td{background:color-mix(in srgb,var(--pri-s) 45%,transparent)}
.tbl tfoot td{font-weight:800;border-top:2px solid var(--line2);background:var(--bg)}
.tbl .n{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}
.tbl a.rowlink{color:var(--ink);font-weight:600}.tbl a.rowlink:hover{color:var(--pri)}
.tbl td.act{width:1%;white-space:nowrap}
.tbl.compact td,.tbl.compact th{padding:7px 10px}
tr.lvl1 td{font-weight:800;background:var(--bg)}tr.lvl2 td{font-weight:700}tr.lvl2 td:nth-child(2){padding-right:24px}tr.lvl3 td:nth-child(2){padding-right:44px}

/* ── نشان ── */
.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;border-radius:99px;font-size:.74rem;font-weight:700;background:var(--bg2);color:var(--ink2);white-space:nowrap}
.b-ok{background:var(--ok-s);color:var(--ok)}.b-bad{background:var(--bad-s);color:var(--bad)}.b-warn{background:var(--warn-s);color:var(--warn)}.b-info{background:var(--info-s);color:var(--info)}.b-pri{background:var(--pri-s);color:var(--pri)}

/* ── پیام ── */
.flashes{position:fixed;z-index:100;top:14px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;width:min(480px,calc(100% - 24px))}
.flash{padding:12px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh2);display:flex;gap:10px;align-items:flex-start;animation:fin .3s ease;font-weight:500}
.flash.ok{border-color:var(--ok);background:var(--ok-s)}.flash.bad{border-color:var(--bad);background:var(--bad-s)}.flash.info{border-color:var(--info);background:var(--info-s)}
.flash button{margin-right:auto;background:none;border:0;cursor:pointer;color:var(--mute);font-size:18px;line-height:1}
@keyframes fin{from{opacity:0;transform:translateY(-8px)}}
.note{padding:12px 14px;border-radius:12px;background:var(--info-s);color:var(--ink);font-size:.9rem;border:1px solid color-mix(in srgb,var(--info) 25%,transparent)}
.note.warn{background:var(--warn-s);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.note.bad{background:var(--bad-s);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}
.empty{text-align:center;padding:46px 20px;color:var(--mute)}.empty .ic{width:46px;height:46px;stroke-width:1.3;margin-bottom:8px;color:var(--line2)}.empty h3{color:var(--ink2)}

/* ── ابزار ── */
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.toolbar .input{width:auto;min-width:150px;height:36px}
.search{position:relative;flex:1;min-width:180px}.search .ic{position:absolute;right:11px;top:9px;width:18px;height:18px;color:var(--mute)}.search .input{padding-right:36px;width:100%}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:14px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.92rem}.kv dt{color:var(--mute)}.kv dd{margin:0;font-weight:600}
.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}
.menu-p{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);padding:6px;z-index:50}
.menu-p.r{left:auto;right:0}
.menu-p a,.menu-p button{display:flex;width:100%;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--ink);background:none;border:0;font:inherit;cursor:pointer;text-align:right}
.menu-p a:hover,.menu-p button:hover{background:var(--bg)}.menu-p hr{margin:5px 0}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--pri-s);color:var(--pri);display:grid;place-items:center;font-weight:800}
.chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;max-width:240px}
.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── فاکتور ── */
.lines{width:100%;border-collapse:separate;border-spacing:0}
.lines th{font-size:.75rem;color:var(--mute);font-weight:700;text-align:right;padding:6px 6px;white-space:nowrap}
.lines td{padding:4px 3px;vertical-align:top}
.lines .input{height:38px;padding:0 8px;border-radius:8px}
.lines td.tot{padding-top:12px;font-weight:700;text-align:left;white-space:nowrap;min-width:110px}
.lines .rm{color:var(--mute)}.lines .rm:hover{color:var(--bad)}
.totals{display:grid;grid-template-columns:1fr auto;gap:6px 24px;font-size:.95rem;min-width:280px}
.totals .grand{font-size:1.2rem;font-weight:900;padding-top:8px;border-top:1px dashed var(--line2)}
.combo{position:relative}.combo-l{position:absolute;inset-inline:0;top:calc(100% + 3px);max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh2);z-index:60;padding:4px}
.combo-l div{padding:7px 10px;border-radius:7px;cursor:pointer;display:flex;gap:8px;align-items:center}.combo-l div.on,.combo-l div:hover{background:var(--pri-s)}
.combo-l small{margin-right:auto}

/* ── تقویم ── */
.dp{position:absolute;z-index:70;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:10px;width:280px;user-select:none}
.dp-h{display:flex;align-items:center;justify-content:space-between;font-weight:800;margin-bottom:6px}.dp-h button{border:0;background:var(--bg);border-radius:8px;width:30px;height:30px;cursor:pointer;color:var(--ink)}
.dp-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.dp-g b{font-size:.7rem;color:var(--mute);padding:4px 0}
.dp-g button{border:0;background:none;height:34px;border-radius:8px;cursor:pointer;color:var(--ink);font:inherit}.dp-g button:hover{background:var(--bg2)}
.dp-g button.t{color:var(--pri);font-weight:800}.dp-g button.s{background:var(--pri);color:#fff}.dp-f{display:flex;justify-content:space-between;margin-top:6px}

/* ── ورود ── */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr}
.auth-f{display:flex;align-items:center;justify-content:center;padding:30px 20px}
.auth-box{width:100%;max-width:400px}
.auth-art{background:radial-gradient(1200px 500px at 10% 10%,#7a5cff 0,transparent 60%),radial-gradient(900px 600px at 90% 90%,#2bc7a8 0,transparent 55%),#1b1f4b;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.auth-art h2{font-size:2rem;font-weight:900;line-height:1.4}.auth-art p{opacity:.8;font-size:1.02rem;max-width:460px}
.auth-art .feat{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.auth-art .feat span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:5px 12px;border-radius:99px;font-size:.85rem}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs a,.tabs button{padding:9px 14px;border:0;background:none;font:inherit;font-weight:700;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.tabs a.is-on,.tabs button.is-on{color:var(--pri);border-color:var(--pri)}
.otp{letter-spacing:.6em;text-align:center;font-size:1.3rem;font-weight:800;direction:ltr}

/* ── موبایل ── */
.bnav{display:none}
.scrim{display:none}
.savebar{border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card);border-radius:0 0 var(--r) var(--r);z-index:5}
.mtoggle{display:none}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-side{grid-template-columns:1fr}}
@media (max-width:860px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:0 0 0 auto;width:min(300px,86vw);z-index:90;transform:translateX(105%);transition:transform .25s;box-shadow:var(--sh2)}
  body.nav-open .side{transform:none}body.nav-open .scrim{display:block}
  .scrim{display:none;position:fixed;inset:0;background:rgba(10,12,25,.45);z-index:80}
  .mtoggle{display:inline-flex}
  .top{padding:0 12px}.page{padding:14px 12px 96px}
  .g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat .v{font-size:1.15rem}.stat .ic-b{display:none}
  .bnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.68rem;color:var(--mute);padding:4px 8px;border-radius:10px;min-width:58px}
  .bnav a.is-on{color:var(--pri)}.bnav .plus{background:var(--pri);color:#fff;width:48px;height:48px;border-radius:15px;justify-content:center;margin-top:-18px;box-shadow:0 6px 18px rgba(75,79,224,.4);min-width:0}
  .auth{grid-template-columns:1fr}.auth-art{display:none}
  .hide-m{display:none!important}
  .tbl.cards thead{display:none}.tbl.cards tr{display:block;border-bottom:1px solid var(--line);padding:8px 4px}.tbl.cards td{display:flex;justify-content:space-between;border:0;padding:3px 10px}
  .tbl.cards td[data-l]::before{content:attr(data-l);color:var(--mute);font-size:.8rem;font-weight:600}
  .savebar{bottom:calc(62px + env(safe-area-inset-bottom));border-radius:0;box-shadow:0 -6px 16px rgba(0,0,0,.06)}
  .lines thead{display:none}.lines tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 0;border-bottom:1px dashed var(--line2)}.lines td{padding:0}
  .lines td.wide-m{grid-column:1/-1}.lines td.tot{padding-top:8px}
}

/* ── چاپ ── */
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff;color:#000;font-size:12px}
  .side,.top,.bnav,.no-print,.flashes{display:none!important}
  .shell{display:block}.page{padding:0;max-width:none}.card{box-shadow:none;border-color:#bbb}
}
/* ۸.۹: نوار پشتیبانی و اطلاعیهٔ سراسری */
.sup-bar{background:#fef3c7;color:#78350f;padding:8px 16px;display:flex;align-items:center;gap:12px;font-size:.88rem;font-weight:600}.sup-bar form{margin-inline-start:auto}
.ann-bar{padding:9px 16px;display:flex;align-items:center;gap:10px;font-size:.88rem;background:var(--info-s);color:var(--info)}.ann-bar.k-warn{background:var(--warn-s);color:var(--warn)}.ann-bar.k-ok{background:var(--ok-s);color:var(--ok)}
.ann-bar button{margin-inline-start:auto;border:0;background:none;color:inherit;cursor:pointer;font-size:1rem}.ann-bar[hidden]{display:none}
/* ───── ابزارک‌های فوتر (صفحهٔ اول سامانه و فروشگاه‌ها) ───── */
.fw-top{display:grid;gap:16px;margin-bottom:26px}.fw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.fw-col{display:flex;flex-direction:column;gap:22px;min-width:0}.fw h4{margin:0 0 12px;font-size:1rem}
.fw-md p{margin:0 0 8px;line-height:2;font-size:.88rem}.fw-md a{text-decoration:underline}.fw-logo{margin-bottom:10px}.fw-logo .sh-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem}.fw-logo img{height:40px}
.fw-links{display:flex;flex-direction:column;gap:7px;font-size:.88rem}.fw-links a{color:inherit;opacity:.85}.fw-links a:hover{opacity:1;color:inherit}
.fw-contact{display:flex;flex-direction:column;gap:9px;font-size:.88rem}.fw-contact a,.fw-contact span{display:flex;gap:8px;align-items:flex-start;color:inherit;line-height:1.8}.fw-contact i{font-style:normal;width:20px;flex:none}
.fw-social{display:flex;flex-wrap:wrap;gap:8px}.fw-social a{min-width:40px;height:40px;padding:0 10px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff!important;font-weight:800;font-size:.78rem;transition:transform .15s}.fw-social a:hover{transform:translateY(-2px)}
.fw-trust{display:flex;flex-wrap:wrap;gap:10px}.fw-trust img{height:100px;width:auto;background:#fff;border-radius:10px;padding:4px}
.fw-img{width:100%;border-radius:12px;display:block}.fw-p{font-size:.86rem;line-height:2;margin:0 0 10px;opacity:.85}
.fw-maps{display:flex;gap:6px;flex-wrap:wrap}.fw-maps a{border:1px solid rgba(127,127,127,.35);border-radius:99px;padding:4px 12px;font-size:.8rem;color:inherit}
.fw .pb-vid{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;display:block}.fw .pb-vid iframe{width:100%;height:100%;border:0}
.fw-slider{position:relative;overflow:hidden;border-radius:12px}.fw-slider .pb-track{display:flex;transition:transform .5s}.fw-slider .pb-slide{flex:0 0 100%}.fw-slider img{width:100%;display:block}
.fw-slider .pb-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}.fw-slider .pb-dots button{width:8px;height:8px;border-radius:99px;border:0;background:rgba(255,255,255,.6);padding:0;cursor:pointer}.fw-slider .pb-dots button.on{width:20px;background:#fff}
.fw-html{overflow:hidden;max-width:100%}.fw-empty{opacity:.6}
.st-news{display:flex;gap:6px}.st-news .input{flex:1;min-width:0}
@media (max-width:980px){.fw-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.fw-grid{grid-template-columns:1fr}}

/* ───── ۸.۱۱: طرح «گرم و مجله‌ای» ───── */
.disp{font-family:var(--disp);font-weight:900;font-synthesis:none;letter-spacing:0}
.brand{font-family:var(--disp);font-weight:900;font-synthesis:none;font-size:1.55rem;letter-spacing:0}.brand small{font-family:Vazirmatn,Tahoma,sans-serif;font-size:.72rem;margin-top:0}
.side{background:var(--card);border-left:2px solid var(--ink)}
.nav-h{color:var(--mute);letter-spacing:.02em;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.nav a{border-radius:4px}
.nav a.is-on{background:var(--ink);color:var(--bg);font-weight:700}.nav a.is-on .ic{opacity:1}
.top{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line2)}
.page-h h1{font:900 2rem/1.25 var(--disp);font-synthesis:none}
.card{box-shadow:none;border-color:var(--line)}
.card-h{border-bottom-color:var(--line)}.card-h h2,.card-h h3{font-weight:800}
.stat{border-top:3px solid var(--ink)}.stat .v{font:900 1.9rem/1.2 var(--disp);font-synthesis:none;letter-spacing:0}
.stat .ic-b{border-radius:6px}
.stat.ok{border-top-color:var(--ok)}.stat.bad{border-top-color:var(--bad)}.stat.warn{border-top-color:var(--warn)}
.btn{border-radius:var(--r2)}
.btn-p{background:var(--pri);border-color:var(--pri);color:#fff}
.btn:not(.btn-p):not(.btn-ok):not(.btn-bad):not(.btn-g):hover{border-color:var(--ink);color:var(--ink)}
.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 20%,transparent)}
.tbl th{color:var(--mute);border-bottom:2px solid var(--ink)}
.tbl tbody tr:hover td{background:color-mix(in srgb,var(--bg2) 55%,transparent)}
.badge{border-radius:4px}
.seg{border-radius:6px}.seg a,.seg label{border-radius:4px}
.tabs a.is-on,.tabs button.is-on{color:var(--ink);border-color:var(--pri)}
.menu-p{border-radius:6px;border-color:var(--line2)}
.chip{border-radius:6px}
.avatar{border-radius:6px;background:var(--bg2);color:var(--ink)}
.flash{border-radius:6px}
.note{border-radius:6px}
.auth-art{background:var(--ink);color:var(--bg)}
.auth-art h2{font:900 2.6rem/1.3 var(--disp);font-synthesis:none}
.auth-art .feat span{background:transparent;border:1px solid color-mix(in srgb,var(--bg) 35%,transparent);border-radius:4px}
.auth-art .art-num{font:900 6rem/1 var(--disp);font-synthesis:none;color:var(--pri)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-art{background:#0f0d0b;color:#f2ede4}}
:root[data-theme=dark] .auth-art{background:#0f0d0b;color:#f2ede4}
@media (max-width:860px){.side{border-left:0}.bnav{border-top:2px solid var(--ink)}.bnav .plus{border-radius:8px;box-shadow:none}.page-h h1{font-size:1.6rem}.stat .v{font-size:1.4rem}}
/* ───── ۸.۱۲: افزونه‌های صنفی (پنل) ───── */
.bk-week{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;align-items:stretch}
.bk-week a{flex:none;min-width:96px;border:1px solid var(--line2);border-radius:6px;background:var(--card);padding:10px 12px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.bk-week a small{color:var(--mute);font-size:.75rem}.bk-week a b{font-size:1.05rem}.bk-week a span{font-size:.78rem;color:var(--ink2)}
.bk-week a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.bk-week a.on small,.bk-week a.on span{color:inherit;opacity:.8}
.bk-week a.off{opacity:.55}.bk-pick{display:flex;gap:6px;align-items:center;margin-inline-start:auto}
.qr-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.qr-card{background:#fff;color:#1c1a17;border:2px solid #1c1a17;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;break-inside:avoid}
.qr-card b{font:900 1.6rem/1.2 var(--disp);font-synthesis:none}.qr-card small{font-size:.78rem;color:#4f4940}.qr-card span{font-size:.8rem;font-weight:700;border-top:1px solid #cfc6b8;padding-top:6px;width:100%}
@media print{.qr-sheet{grid-template-columns:repeat(3,1fr);gap:8mm}.qr-card{border-width:1.5px}}
/* ───── ۸.۱۳: نوار پایین شیشه‌ای موبایل ───── */
@property --i{syntax:'<number>';inherits:true;initial-value:0}
.gnav{display:none}
@media (max-width:860px){
.gnav{--gb:rgba(24,22,19,.74);--gl:rgba(255,255,255,.13);--gs:rgba(28,26,23,.28);--gf:#d8d0c3;--ga:#ff8a5c;--gw:72px;
  display:grid;grid-template-columns:repeat(var(--n),1fr);position:fixed;z-index:85;bottom:calc(10px + env(safe-area-inset-bottom));inset-inline:12px;height:66px;
  border-radius:24px;isolation:isolate;transition:--i .42s cubic-bezier(.3,1.4,.5,1)}
.gn-bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--gb);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);
  border:1px solid var(--gl);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -10px 24px rgba(255,255,255,.08),0 14px 34px var(--gs),0 2px 6px var(--gs)}
.gnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gf);font-size:.68rem;font-weight:700;-webkit-tap-highlight-color:transparent;text-decoration:none}
.gnav a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.3,1.5,.5,1),color .2s}
.gnav a.on{color:var(--ga)}.gnav a:active svg{transform:scale(.88)}
.gnav a:focus-visible{outline:2px solid var(--ga);outline-offset:-6px;border-radius:16px}
.gnav .gn-badge{position:absolute;top:8px;inset-inline-start:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--bad);color:#fff;font-size:.62rem;display:grid;place-items:center;font-weight:800}
.gnav .gn-badge.hide{display:none}
.gn-ind{position:absolute;pointer-events:none;inset-inline-start:calc(100% / var(--n) * (var(--i) + .5) - var(--gw) / 2);width:var(--gw)}
.gn-none .gn-ind{opacity:0}
/* ۱) موج: خط نورانی پایین که دور گزینهٔ فعال بالا می‌آید */
.gn-wave .gn-bg::after{content:"";position:absolute;inset-inline:16px;bottom:-1px;height:2px;border-radius:2px;background:var(--ga);opacity:.55;box-shadow:0 0 12px var(--ga)}
.gn-wave .gn-ind{top:-1px;bottom:-1px;border:2px solid var(--ga);border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 -4px 16px -2px color-mix(in srgb,var(--ga) 60%,transparent),inset 0 10px 18px -10px color-mix(in srgb,var(--ga) 50%,transparent);
  background:linear-gradient(color-mix(in srgb,var(--ga) 16%,transparent),transparent 80%)}
.gn-wave .gn-ind::before,.gn-wave .gn-ind::after{content:"";position:absolute;bottom:-2px;width:14px;height:14px;border-bottom:2px solid var(--ga)}
.gn-wave .gn-ind::before{inset-inline-start:-14px;border-inline-end:2px solid var(--ga);border-end-end-radius:14px}
.gn-wave .gn-ind::after{inset-inline-end:-14px;border-inline-start:2px solid var(--ga);border-end-start-radius:14px}
.gn-wave a.on svg{transform:translateY(-2px)}
/* ۲) نورافکن: نور از لبهٔ بالا روی آیکن فعال می‌تابد */
.gn-beam .gn-ind{top:0;height:100%}
.gn-beam .gn-ind::before{content:"";position:absolute;top:-1px;left:50%;width:30px;height:4px;margin-left:-15px;border-radius:0 0 6px 6px;background:var(--ga);box-shadow:0 0 14px 2px var(--ga)}
.gn-beam .gn-ind::after{content:"";position:absolute;top:3px;left:8px;right:8px;bottom:6px;background:linear-gradient(color-mix(in srgb,var(--ga) 42%,transparent),transparent 85%);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);filter:blur(1px)}
.gn-beam a.on svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ga) 70%,transparent))}
/* ۳) حباب: آیکن فعال از نوار بیرون می‌پرد و نوار زیرش فرو می‌رود */
.gn-bubble .gn-bg{-webkit-mask:radial-gradient(circle 37px at calc(100% - 100% / var(--n) * (var(--i) + .5)) -8px,transparent 97%,#000 100%);mask:radial-gradient(circle 37px at calc(100% - 100% / var(--n) * (var(--i) + .5)) -8px,transparent 97%,#000 100%)}
.gn-bubble.gn-none .gn-bg{-webkit-mask:none;mask:none}
.gn-bubble{--gw:52px}.gn-bubble .gn-ind{top:-27px;height:52px;border-radius:50%;background:var(--ga);box-shadow:0 8px 20px -4px color-mix(in srgb,var(--ga) 70%,transparent),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -6px 12px rgba(0,0,0,.18)}
.gn-bubble a.on{color:#fff}.gn-shop.gn-bubble a.on{color:var(--on-pri,#fff)}.gn-bubble a.on svg{transform:translateY(-30px)}.gn-bubble a.on .gn-l{opacity:0}
.gn-bubble a.on .gn-badge{transform:translateY(-30px)}
/* ۴) شیشهٔ ساده با نقطه */
.gn-dot .gn-ind{bottom:7px;height:5px;--gw:5px;border-radius:50%;background:var(--ga);box-shadow:0 0 8px var(--ga)}
.gn-dot a.on svg{transform:translateY(-3px)}.gn-dot a.on .gn-l{transform:translateY(-3px)}.gn-dot .gn-l{transition:transform .35s}
}
@media (max-width:860px){
  .gnav.gn-shop{--gb:color-mix(in srgb,var(--card) 78%,transparent);--gf:var(--ink2);--ga:var(--pri);--gl:color-mix(in srgb,var(--ink) 10%,transparent);--gs:rgba(0,0,0,.16)}
  .is-dark .gnav.gn-shop{--gl:rgba(255,255,255,.12);--gs:rgba(0,0,0,.5)}}
@media (prefers-reduced-motion:reduce){.gnav,.gnav a svg{transition:none}}
/* ───── ۸.۱۴: داشبورد (نمودار و حلقه) — هر دو ظاهر ───── */
.dbar{fill:var(--pri)}.dbar.today{fill:var(--ok)}
.ring-b{display:flex;align-items:center;gap:18px}.ring{width:132px;height:132px;flex:none}
.ring-bg{fill:none;stroke:var(--bg2);stroke-width:12}.ring-fg{fill:none;stroke:var(--pri);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .8s}
.ring-v{font-size:26px;font-weight:900;fill:var(--ink)}.ring-s{font-size:11px;fill:var(--mute)}
.ring-k{display:flex;flex-direction:column;gap:12px;min-width:0}.ring-k small{display:block;color:var(--mute);font-size:.78rem}.ring-k b{font-size:1.05rem}
.skin-pick{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem}.skin-pick span{flex:1;color:var(--mute)}
.skin-pick button{width:auto!important;border:1px solid var(--line2)!important;border-radius:6px!important;padding:4px 10px!important;font-size:.82rem}
:root:not([data-skin]) .skin-pick [data-skin-set=warm],:root[data-skin=lav] .skin-pick [data-skin-set=lav],:root[data-skin=naqsh] .skin-pick [data-skin-set=naqsh],:root[data-skin=glass]:not([data-tone]) .skin-pick [data-skin-set=glass],:root[data-tone=ocean] .skin-pick [data-skin-set=ocean]{background:var(--pri)!important;color:#fff!important;border-color:var(--pri)!important}

/* ───── ۸.۱۴: ظاهر «شیشه‌ای تیره» پنل ───── */
:root[data-skin=glass]{
  --bg:rgba(255,255,255,.035);--bg2:rgba(255,255,255,.07);--card:rgba(24,26,33,.52);--ink:#f2f4f8;--ink2:#c4cad6;--mute:#98a1b3;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.17);
  --pri:#3b82f6;--pri2:#60a5fa;--pri-s:rgba(59,130,246,.18);--ok:#34d399;--ok-s:rgba(52,211,153,.14);--bad:#fb7185;--bad-s:rgba(251,113,133,.14);--warn:#fbbf24;--warn-s:rgba(251,191,36,.14);--info:#38bdf8;--info-s:rgba(56,189,248,.14);
  --r:18px;--r2:11px;--sh:none;--sh2:0 24px 60px rgba(0,0,0,.55);--glass:blur(22px) saturate(1.5);color-scheme:dark}
:root[data-skin=glass] body{background:#0b0c10;color:var(--ink)}
:root[data-skin=glass] body::before{content:"";position:fixed;inset:-40px;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 46% at 18% 28%,rgba(150,102,58,.55),transparent 70%),radial-gradient(30% 40% at 82% 18%,rgba(92,70,52,.5),transparent 70%),
  radial-gradient(42% 48% at 70% 85%,rgba(34,58,96,.55),transparent 70%),radial-gradient(26% 30% at 35% 80%,rgba(120,84,44,.35),transparent 70%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 46px),linear-gradient(160deg,#1c1712,#0d0f15 55%,#0a0c12);filter:blur(6px)}
:root[data-skin=glass] .card,:root[data-skin=glass] .side,:root[data-skin=glass] .top,:root[data-skin=glass] .menu-p,:root[data-skin=glass] .flash,:root[data-skin=glass] .dp,:root[data-skin=glass] .combo-l{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
:root[data-skin=glass] .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.28)}
/* منوی کناری شناور */
:root[data-skin=glass] .shell{gap:14px;padding:14px}
:root[data-skin=glass] .side{top:14px;height:calc(100vh - 28px);border:1px solid var(--line);border-radius:22px;background:rgba(22,24,31,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.35)}
:root[data-skin=glass] .brand{font:800 1.3rem/1.3 Vazirmatn,Tahoma,sans-serif}
:root[data-skin=glass] .brand-logo{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border-radius:10px;font:900 1rem/1 Vazirmatn,sans-serif;padding:0;box-shadow:0 6px 18px rgba(37,99,235,.45)}
:root[data-skin=glass] .nav-h{border-top:0;margin-top:4px;letter-spacing:.08em;font-size:.68rem}
:root[data-skin=glass] .nav a{border-radius:11px;color:var(--ink2)}
:root[data-skin=glass] .nav a:hover{background:rgba(255,255,255,.06);color:var(--ink)}
:root[data-skin=glass] .nav a.is-on{background:linear-gradient(90deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 8px 22px -6px rgba(59,130,246,.7),inset 0 1px 0 rgba(255,255,255,.3)}
:root[data-skin=glass] .main{background:transparent}
:root[data-skin=glass] .top{background:rgba(22,24,31,.38);border:1px solid var(--line);border-radius:18px;margin:0 0 4px;top:14px}
:root[data-skin=glass] .page-h h1{font:800 1.55rem/1.35 Vazirmatn,Tahoma,sans-serif;letter-spacing:-.01em}
:root[data-skin=glass] .page{padding-top:18px}
:root[data-skin=glass] .stat{border-top:1px solid var(--line)}
:root[data-skin=glass] .stat .v{font:800 1.55rem/1.3 Vazirmatn,Tahoma,sans-serif}
:root[data-skin=glass] .stat .ic-b{border-radius:10px;background:rgba(59,130,246,.2);color:#93c5fd;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
:root[data-skin=glass] .g4>.stat:nth-child(2) .ic-b{background:rgba(139,92,246,.22);color:#c4b5fd}
:root[data-skin=glass] .g4>.stat:nth-child(3) .ic-b{background:rgba(251,146,60,.22);color:#fdba74}
:root[data-skin=glass] .g4>.stat:nth-child(4) .ic-b{background:rgba(52,211,153,.2);color:#6ee7b7}
:root[data-skin=glass] .btn{background:rgba(255,255,255,.06);border-color:var(--line2);color:var(--ink);border-radius:11px}
:root[data-skin=glass] .btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
:root[data-skin=glass] .btn-p{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px rgba(59,130,246,.8),inset 0 1px 0 rgba(255,255,255,.25)}
:root[data-skin=glass] .btn-p:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}
:root[data-skin=glass] .btn-g{background:transparent;border-color:transparent}
:root[data-skin=glass] .btn-bad{color:var(--bad)}
:root[data-skin=glass] .input,:root[data-skin=glass] select.input,:root[data-skin=glass] textarea.input{background:rgba(255,255,255,.05);border-color:var(--line2);color:var(--ink)}
:root[data-skin=glass] select.input option{background:#1a1d24;color:#f2f4f8}
:root[data-skin=glass] .input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
:root[data-skin=glass] .tbl th{background:transparent;border-bottom:1px solid var(--line2);color:var(--mute)}
:root[data-skin=glass] .tbl tbody tr:hover td{background:rgba(255,255,255,.04)}
:root[data-skin=glass] .tbl tfoot td{background:rgba(255,255,255,.04)}
:root[data-skin=glass] .badge{border-radius:99px}
:root[data-skin=glass] .menu-p{background:rgba(24,26,33,.88);border-color:var(--line2);border-radius:14px}
:root[data-skin=glass] .chip,:root[data-skin=glass] .avatar{border-radius:12px;background:rgba(255,255,255,.07);border-color:var(--line)}
:root[data-skin=glass] .tabs a.is-on,:root[data-skin=glass] .tabs button.is-on{color:#93c5fd;border-color:#3b82f6}
:root[data-skin=glass] .seg{background:rgba(255,255,255,.06)}:root[data-skin=glass] .seg a.is-on{background:rgba(255,255,255,.12);color:#fff}
:root[data-skin=glass] .flash{background:rgba(24,26,33,.9)}
:root[data-skin=glass] .ann-bar,:root[data-skin=glass] .sup-bar{border-radius:14px;margin:0 0 8px}
:root[data-skin=glass] .dbar{fill:url(#gbar)}:root[data-skin=glass] .dbar.today{fill:url(#gbar2);filter:drop-shadow(0 0 8px rgba(147,197,253,.7))}
:root[data-skin=glass] .ring-fg{stroke:#3b82f6;filter:drop-shadow(0 0 6px rgba(59,130,246,.6))}
:root[data-skin=glass] .bk-week a.on{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}
:root[data-skin=glass] .empty .ic{color:var(--line2)}
:root[data-skin=glass] hr{border-color:var(--line)}
:root[data-skin=glass] .gnav{--ga:#60a5fa;--gb:rgba(20,22,29,.7)}
:root[data-skin=glass] .gn-bubble .gn-ind{background:linear-gradient(135deg,#60a5fa,#2563eb)}
:root[data-skin=glass] .qr-card{border-color:#1c1a17}
:root[data-skin=glass] [data-theme-toggle]{display:none}
@media (max-width:860px){:root[data-skin=glass] .shell{padding:0}:root[data-skin=glass] .side{top:0;height:100vh;border-radius:0 0 0 0;background:rgba(18,20,26,.92)}:root[data-skin=glass] .top{border-radius:0;border-width:0 0 1px;top:0;margin:0}}
@media print{:root[data-skin=glass]{--bg:#fff;--bg2:#f2f2f2;--card:#fff;--ink:#000;--ink2:#333;--mute:#555;--line:#ccc;--line2:#bbb;color-scheme:light}:root[data-skin=glass] body::before{display:none}:root[data-skin=glass] body{background:#fff;color:#000}:root[data-skin=glass] .card{box-shadow:none;backdrop-filter:none}}
/* ───── ۸.۱۴: صفحهٔ ورود مخصوص موبایل ───── */
.auth-hero{display:none}
@media (max-width:860px){
  .auth{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--ink);--ah-dot:var(--pri)}
  .auth-hero{display:flex;flex-direction:column;gap:10px;padding:calc(28px + env(safe-area-inset-top)) 24px 34px;color:var(--bg);position:relative;overflow:hidden;flex:1;min-height:300px}
  .ah-logo{width:52px;height:52px;border-radius:14px;background:var(--bg);color:var(--ink);display:grid;place-items:center}.ah-logo svg{width:34px;height:34px}
  .ah-name{font:900 1.1rem/1 Vazirmatn,sans-serif;opacity:.85;margin-top:4px}
  .auth-hero h2{font:900 2rem/1.35 var(--disp);font-synthesis:none;margin:10px 0 0;color:var(--bg)}
  .ah-cards{position:relative;height:118px;margin-top:auto}
  .ah-cards>span{position:absolute;display:flex;flex-direction:column;gap:2px;border-radius:16px;padding:12px 14px;font-size:.8rem;box-shadow:0 18px 30px rgba(0,0,0,.28)}
  .ah-c1{inset-inline-start:0;bottom:0;width:58%;background:color-mix(in srgb,var(--bg) 12%,transparent);border:1px solid color-mix(in srgb,var(--bg) 22%,transparent);color:var(--bg);transform:rotate(-3deg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .ah-c1 small,.ah-c2 small{opacity:.7}.ah-c1 b{font-size:1.15rem}.ah-c1 svg{width:100%;height:26px;color:var(--pri)}
  .ah-c2{inset-inline-end:0;top:6px;width:46%;background:var(--bg);color:var(--ink);transform:rotate(4deg)}.ah-c2 b{font-size:.95rem}.ah-c2 em{font-style:normal;font-weight:800;color:var(--ok);font-size:.78rem}
  .auth-f{flex:none;align-items:stretch;padding:0;margin-top:-22px;position:relative;z-index:1}
  .auth-box{max-width:none;background:var(--card);border-radius:28px 28px 0 0;padding:14px 22px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -14px 40px rgba(0,0,0,.18)}
  .auth-box::before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:var(--line2);margin:0 auto 16px}
  .auth-box>.brand{display:none}
  .auth-box h1{font:900 1.6rem/1.3 var(--disp);font-synthesis:none;margin:0 0 4px}
  .auth-box .tabs{border:0;background:var(--bg2);border-radius:14px;padding:4px;gap:4px;margin:14px 0 16px}
  .auth-box .tabs a,.auth-box .tabs button{flex:1;text-align:center;border:0;border-radius:11px;margin:0;padding:10px 8px;font-size:.92rem}
  .auth-box .tabs a.is-on,.auth-box .tabs button.is-on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
  .auth-box .input{height:54px;border-radius:14px;font-size:1.05rem;padding:0 16px}
  .auth-box .btn-lg{height:56px;border-radius:14px;font-size:1.08rem}
  .auth-box .otp{letter-spacing:.9em;font-size:1.5rem}
}
@media (max-width:860px){
  :root[data-skin=glass] .auth{background:transparent;--ah-dot:#60a5fa}
  :root[data-skin=glass] .auth-hero{color:#f2f4f8}:root[data-skin=glass] .auth-hero h2{font-family:Vazirmatn,Tahoma,sans-serif;color:#fff}
  :root[data-skin=glass] .ah-logo{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;box-shadow:0 10px 26px rgba(37,99,235,.5)}
  :root[data-skin=glass] .ah-c1{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}:root[data-skin=glass] .ah-c1 svg{color:#60a5fa}
  :root[data-skin=glass] .ah-c2{background:rgba(255,255,255,.92);color:#0f172a}
  :root[data-skin=glass] .auth-box{background:rgba(22,24,31,.72);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-top:1px solid var(--line)}
  :root[data-skin=glass] .auth-box h1{font-family:Vazirmatn,Tahoma,sans-serif}
  :root[data-skin=glass] .auth-box .tabs{background:rgba(255,255,255,.06)}:root[data-skin=glass] .auth-box .tabs a.is-on{background:rgba(255,255,255,.12);color:#fff}
}
/* ───── ۸.۱۴: اینترو و لودینگ ───── */
.splash{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:radial-gradient(60% 40% at 50% 38%,#3a2a1e,transparent 70%),linear-gradient(170deg,#1c1a17,#0f0d0b);color:#f5f0e8;transition:opacity .45s,transform .45s}
:root[data-skin=glass] .splash{background:radial-gradient(60% 40% at 50% 38%,#1e3a8a,transparent 70%),linear-gradient(170deg,#0b1430,#060912)}
.splash[hidden]{display:none}.splash.out{opacity:0;transform:scale(1.04)}
.sp-in{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.sp-mark{width:92px;height:92px;overflow:visible}
.sp-box{fill:none;stroke:rgba(245,240,232,.25);stroke-width:1.5;stroke-dasharray:240;stroke-dashoffset:240;animation:spDraw .9s .1s ease forwards}
.sp-p{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110;stroke-dashoffset:110;animation:spDraw .8s .35s cubic-bezier(.6,0,.2,1) forwards}
.sp-dot{fill:#e4572e;transform-origin:45px 45px;transform:scale(0);animation:spPop .45s 1s cubic-bezier(.3,1.6,.5,1) forwards}
:root[data-skin=glass] .sp-dot{fill:#60a5fa}
.sp-name{font:900 2.6rem/1.1 var(--disp);font-synthesis:none;opacity:0;transform:translateY(10px);animation:spUp .6s .75s ease forwards}
:root[data-skin=glass] .sp-name{font-family:Vazirmatn,sans-serif}
.sp-tag{font-size:.92rem;color:rgba(245,240,232,.72);opacity:0;animation:spUp .6s 1s ease forwards}
.sp-bar{width:120px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:14px;opacity:0;animation:spUp .3s 1.1s forwards}
.sp-bar i{display:block;height:100%;width:40%;border-radius:3px;background:#e4572e;animation:spSlide 1s 1.1s ease-in-out infinite}
:root[data-skin=glass] .sp-bar i{background:#60a5fa}
@keyframes spDraw{to{stroke-dashoffset:0}}@keyframes spPop{to{transform:scale(1)}}@keyframes spUp{to{opacity:1;transform:none}}@keyframes spSlide{0%{transform:translateX(150%)}100%{transform:translateX(-260%)}}
.lgload{position:fixed;inset:0;z-index:998;display:grid;place-items:center;background:rgba(20,18,15,.28);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);opacity:0;transition:opacity .25s}
.lgload[hidden]{display:none}.lgload.on{opacity:1}
.lg-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--ink);transform:translateY(8px);transition:transform .35s}.lgload.on .lg-card{transform:none}
.lg-card b{font-size:1.15rem;font-weight:900}.lg-card small{color:var(--ink2)}
.lg-fly{width:220px;height:120px;color:var(--pri);margin-bottom:6px;transform:scaleX(-1)}
.lg-trail{fill:none;stroke:color-mix(in srgb,var(--pri) 35%,transparent);stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round}
.lg-draw{fill:none;stroke:var(--pri);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 7;opacity:.0}
.lg-plane path{fill:var(--pri)}.lg-c1{fill:var(--ink2)}.lg-c2{fill:none;stroke:var(--pri);stroke-width:2;animation:lgPulse 1.2s ease-in-out infinite;transform-origin:200px 18px}
@keyframes lgPulse{50%{transform:scale(1.6);opacity:.4}}
:root[data-skin=glass] .lgload{background:rgba(6,9,18,.45)}:root[data-skin=glass] .lg-card{color:#fff}
@media (prefers-reduced-motion:reduce){.splash{display:none!important}.lg-c2{animation:none}}
/* ───── ۸.۱۵: کلیدهای سریع CRM ───── */
.qa-top{display:flex;gap:4px;margin-inline-start:6px;overflow-x:auto;scrollbar-width:none}
.qa-top a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:99px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font-size:.82rem;font-weight:700;white-space:nowrap;transition:.15s}
.qa-top a .ic{width:16px;height:16px}.qa-top a:hover{border-color:var(--pri);color:var(--pri)}
@media (max-width:1280px){.qa-top a span{display:none}.qa-top a{width:34px;padding:0;justify-content:center}}
.qa-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.qa-t{position:relative;display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}
.qa-t:hover{transform:translateY(-2px);border-color:var(--qc);color:var(--ink);box-shadow:0 12px 26px -14px var(--qc)}
.qa-i{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--qc) 15%,transparent);color:var(--qc)}.qa-i .ic{width:22px;height:22px}
.qa-x{display:flex;flex-direction:column;min-width:0}.qa-x b{font-size:.92rem;line-height:1.5}.qa-x small{color:var(--mute);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-plus{position:absolute;top:6px;inset-inline-end:10px;font-size:1.1rem;font-weight:900;color:var(--qc);opacity:.0;transition:opacity .15s}.qa-t:hover .qa-plus{opacity:1}
.qa-t.c1{--qc:#2563eb}.qa-t.c2{--qc:#7c3aed}.qa-t.c3{--qc:#c2410c}.qa-t.c4{--qc:#0f766e}.qa-t.c5{--qc:#be123c}.qa-t.c6{--qc:#a16207}
:root[data-skin=glass] .qa-t.c1{--qc:#60a5fa}:root[data-skin=glass] .qa-t.c2{--qc:#a78bfa}:root[data-skin=glass] .qa-t.c3{--qc:#fb923c}:root[data-skin=glass] .qa-t.c4{--qc:#2dd4bf}:root[data-skin=glass] .qa-t.c5{--qc:#fb7185}:root[data-skin=glass] .qa-t.c6{--qc:#facc15}
:root[data-skin=glass] .qa-t{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
:root[data-skin=glass] .qa-top a{background:rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-skin=glass]) .qa-t{--qc:#f0784a}}
@media (max-width:1100px){.qa-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.qa-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-12px;padding:0 12px 4px;scrollbar-width:none}.qa-tiles::-webkit-scrollbar{display:none}
  .qa-t{flex:none;width:140px;flex-direction:column;align-items:flex-start;scroll-snap-align:start;padding:12px}.qa-plus{opacity:1}}
/* ۸.۱۵: گروه‌های جمع‌شوندهٔ منوی کناری */
.nav-g>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none;border-radius:6px}
.nav-g>summary::-webkit-details-marker{display:none}
.nav-g>summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-inline-start:auto;margin-inline-end:6px;transition:transform .2s;opacity:.7}
.nav-g:not([open])>summary::after{transform:rotate(135deg)}
.nav-g>summary:hover{color:var(--ink)}
.nav-n{font-size:.66rem;font-weight:700;background:var(--bg2);color:var(--mute);border-radius:99px;padding:0 7px;line-height:1.6}
.nav-g[open]>summary .nav-n{display:none}
/* ───── ۸.۱۶: CRM — مشتری، رابط‌ها، پیش‌فاکتور ───── */
.cst-funnel{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none}
.cst-funnel a{flex:1;min-width:110px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:var(--ink);border-top:3px solid var(--line2)}
.cst-funnel a b{font-size:1.3rem;font-weight:900}.cst-funnel a span{font-size:.8rem;color:var(--mute)}
.cst-funnel a.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.st-lead{border-top-color:var(--info)!important}.st-prospect{border-top-color:var(--pri)!important}.st-customer{border-top-color:var(--ok)!important}.st-vip{border-top-color:var(--warn)!important}.st-lost{border-top-color:var(--bad)!important}
.cst-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 16px;margin-bottom:16px}
.cst-who{display:flex;align-items:center;gap:12px;flex:1;min-width:240px}.cst-av{width:46px;height:46px;border-radius:12px;background:var(--pri-s);color:var(--pri);display:grid;place-items:center;font-weight:900;font-size:1.2rem;flex:none}
.cst-stage{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:.82rem}
.cst-stage button{border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:99px;padding:4px 11px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;border-top-width:1px!important}
.cst-stage button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.cst-acts{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.cp-row{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line)}
.cp-av{width:34px;height:34px;border-radius:10px;background:var(--bg2);display:grid;place-items:center;font-weight:800;flex:none}
.cp-links{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.85rem;margin-top:4px}
.cp-add{padding:10px 12px}.cp-add>summary{list-style:none}.cp-add>summary::-webkit-details-marker{display:none}
.qbox{margin-bottom:16px;border-color:color-mix(in srgb,var(--pri) 40%,var(--line))}
.qb-h{display:flex;gap:12px;padding:14px 16px}.qb-ic{width:40px;height:40px;border-radius:10px;background:var(--pri-s);color:var(--pri);display:grid;place-items:center;flex:none}
.qb-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.qb-link{display:flex;gap:6px;flex:1;min-width:260px}.qb-link .input{flex:1;min-width:0}
/* صفحهٔ پیش‌فاکتور برای مشتری */
.qp-body{background:var(--bg)}.qp{max-width:860px;margin:24px auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px}
.qp-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.qp-brand{display:flex;gap:12px;align-items:center}.qp-brand img{height:52px;max-width:140px;object-fit:contain}.qp-av{width:52px;height:52px;border-radius:12px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:900;font-size:1.4rem}
.qp-brand b{display:block;font-size:1.25rem}.qp-brand small{color:var(--mute)}
.qp-no{display:flex;flex-direction:column;gap:2px;font-size:.88rem;color:var(--ink2);text-align:left}
.qp-to{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.qp-to small{color:var(--mute)}.qp-to b{font-size:1.1rem}.qp-to span{color:var(--ink2)}
.qp-tbl{overflow-x:auto}.qp-tbl .tbl{min-width:560px}.qp-sum{align-self:flex-start;min-width:280px;display:flex;flex-direction:column;gap:6px;margin-inline-start:auto}
.qp-sum div{display:flex;justify-content:space-between;gap:20px}.qp-tot{border-top:2px solid var(--ink);padding-top:8px;font-size:1.15rem;font-weight:900}
.qp-desc{color:var(--ink2);line-height:2;margin:0}
.qp-act{border-top:1px solid var(--line);padding-top:16px}.qp-btns{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:640px){.qp{margin:0;border-radius:0;padding:18px}.qp-no{text-align:right}.qp-btns .btn{flex:1}}
@media print{.qp{border:0;margin:0;padding:0}.qp-act{display:none}}
/* ۸.۱۶: ورود بیومتریک */
.pk-btn{gap:10px;border-width:1.5px}.pk-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pk-or{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:.85rem;margin:16px 0 4px}.pk-or::before,.pk-or::after{content:"";flex:1;height:1px;background:var(--line2)}
.pk-msg{font-size:.86rem;margin:8px 0 0;color:var(--ok)}.pk-msg.bad{color:var(--bad)}
.pk-promo{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px}.pk-promo[hidden]{display:none}
.pk-promo .grow{display:flex;flex-direction:column}.pk-ic{width:40px;height:40px;border-radius:12px;background:var(--pri-s);color:var(--pri);display:grid;place-items:center;flex:none}
[data-pk][hidden]{display:none!important}
/* ۸.۱۸: منوی کناری خلاصه (آکاردئونی) */
.nav-g{margin:1px 0}
.nav-g>summary.nav-gs{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink2);font-weight:600;user-select:none;padding-top:9px;border-top:0;margin-top:0;font-size:inherit;letter-spacing:0}
.nav-g>summary.nav-gs::-webkit-details-marker{display:none}
.nav-g>summary.nav-gs .ic{width:19px;height:19px;opacity:.85}
.nav-g>summary.nav-gs span{flex:1}
.nav-g>summary.nav-gs::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(135deg);transition:transform .2s;opacity:.6;margin:0 2px}
.nav-g[open]>summary.nav-gs::after{transform:rotate(45deg)}
.nav-g>summary.nav-gs:hover{background:var(--bg);color:var(--ink)}
.nav-g>summary.nav-gs.has-on{color:var(--ink);font-weight:800}
.nav-sub{margin:2px 0 6px;margin-inline-start:19px;padding-inline-start:10px;border-inline-start:1.5px solid var(--line2);display:flex;flex-direction:column;gap:1px}
.nav-sub a{padding:7px 10px;font-size:.92em}
:root[data-skin=glass] .nav-g>summary.nav-gs{border-radius:11px}:root[data-skin=glass] .nav-g>summary.nav-gs:hover{background:rgba(255,255,255,.06)}
:root[data-skin=glass] .nav-sub{border-color:rgba(255,255,255,.12)}

/* ۹.۰: ارقام فارسی خودکار برای اعداد، مبلغ‌ها و ورودی‌های مبلغ */
.num,.tbl .n,.stat .v,[data-money],.fd,.ring-v,.qp-sum b,.gs-price,.gc-p,.mn-p,.bk-days b{font-family:"Vazirmatn FD",Vazirmatn,Tahoma,sans-serif}
:root{--disp-ls:-.015em}
.page-h h1,.brand,.auth-box h1,.auth-hero h2,.sp-name,.stat .v{letter-spacing:var(--disp-ls)}
/* ۹.۰: جست‌وجوی سراسری */
.gs-open{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--mute);font:inherit;font-size:.85rem;cursor:pointer;min-width:180px}
.gs-open .ic{width:17px;height:17px}.gs-open span{flex:1;text-align:right}.gs-open:hover{border-color:var(--pri);color:var(--ink)}
.gs-open kbd,.gs-in kbd{font:600 .7rem/1 ui-monospace,Consolas,monospace;border:1px solid var(--line2);border-radius:5px;padding:3px 5px;color:var(--mute);direction:ltr}
.gs-dlg{border:0;padding:0;background:transparent;width:min(640px,calc(100% - 24px));margin:10vh auto auto;max-height:80vh}
.gs-dlg::backdrop{background:rgba(10,10,12,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gs-box{background:var(--card);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--sh2);overflow:hidden;display:flex;flex-direction:column;max-height:76vh}
.gs-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.gs-in .ic{color:var(--mute)}
.gs-in input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;min-width:0}
.gs-res{overflow:auto;padding:6px}
.gs-g{font-size:.72rem;font-weight:800;color:var(--mute);padding:10px 10px 4px}
.gs-it{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--ink)}
.gs-it .ic{color:var(--mute);flex:none}.gs-it span{display:flex;flex-direction:column;min-width:0}.gs-it b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-it small{color:var(--mute);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-it.on,.gs-it:hover{background:var(--pri-s);color:var(--ink)}.gs-it.on .ic{color:var(--pri)}
.gs-hint{padding:22px 14px;color:var(--mute);text-align:center;font-size:.9rem}
:root[data-skin=glass] .gs-open{background:rgba(255,255,255,.06)}:root[data-skin=glass] .gs-box{background:rgba(24,26,33,.92);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
@media (max-width:860px){.gs-open{min-width:0;width:36px;padding:0;justify-content:center}.gs-dlg{margin-top:12px}}
/* سلامت سامانه */
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line)}
.hl{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--card)}
.hl i{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none;background:var(--ok);box-shadow:0 0 0 4px var(--ok-s)}
.hl-warn i{background:var(--warn);box-shadow:0 0 0 4px var(--warn-s)}.hl-bad i{background:var(--bad);box-shadow:0 0 0 4px var(--bad-s)}
.hl b{display:block;font-size:.88rem}.hl span{font-size:.8rem;color:var(--mute)}
/* اشتراک و دعوت */
.sub-bar{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:10px 16px;background:var(--warn-s);color:var(--warn);font-size:.88rem;text-decoration:none;border-bottom:1px solid var(--line)}
.sub-bar b{margin-inline-start:auto}
.sb-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:22px;margin-bottom:18px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.sb-hero>.ic{width:54px;height:54px;margin-inline-start:auto;opacity:.85}
.sb-hero h2{margin:4px 0;font-size:1.6rem;font-weight:900}.sb-hero p{margin:0;color:var(--mute)}
.sb-hero.ok{border-color:var(--ok);box-shadow:inset 0 0 0 999px var(--ok-s)}.sb-hero.ok>.ic{color:var(--ok)}
.sb-hero.warn{border-color:var(--warn);box-shadow:inset 0 0 0 999px var(--warn-s)}.sb-hero.warn>.ic{color:var(--warn)}
.sb-hero.bad{border-color:var(--bad);box-shadow:inset 0 0 0 999px var(--bad-s)}.sb-hero.bad>.ic{color:var(--bad)}
.sb-k{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--pri)}
.sb-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:10px}
.sb-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 18px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.sb-plan b{font-size:1rem}.sb-plan strong{font-size:1.55rem;font-weight:900;font-family:"Vazirmatn FD",Vazirmatn,sans-serif}.sb-plan strong small{font-size:.8rem;font-weight:500;color:var(--mute)}
.sb-plan .badge{align-self:flex-start}.sb-plan .btn{margin-top:auto}
.sb-plan.hot{border:2px solid var(--pri);box-shadow:0 18px 40px -24px var(--pri)}
.sb-tag{position:absolute;top:-11px;inset-inline-start:16px;background:var(--pri);color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px}
.sb-inv{display:flex;gap:14px;align-items:center;margin-top:16px;padding:16px 18px;text-decoration:none;color:inherit}.sb-inv>.ic{width:30px;height:30px;color:var(--pri)}.sb-inv b{display:block}
.iv-hero{display:flex;gap:24px;align-items:center;padding:26px;border-radius:24px;background:linear-gradient(135deg,var(--pri-s),var(--card));border:1px solid var(--line)}
.iv-txt{flex:1;min-width:0}.iv-hero h2{margin:6px 0 8px;font-size:1.7rem;font-weight:900;line-height:1.4}.iv-hero h2 em{font-style:normal;color:var(--pri)}
.iv-hero p{color:var(--mute);margin:0 0 14px;max-width:560px}
.iv-link{display:flex;gap:8px;max-width:520px}.iv-link .input{flex:1;min-width:0}
.iv-share{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.iv-qr{flex:none;background:#fff;border-radius:18px;padding:8px;line-height:0;box-shadow:0 10px 30px -18px #000}
.iv-how{margin:0;padding-inline-start:20px;display:grid;gap:8px;font-size:.9rem}
@media(max-width:720px){.iv-hero{flex-direction:column;align-items:stretch;padding:20px}.iv-qr{align-self:center}.iv-hero h2,.sb-hero h2{font-size:1.3rem}}
/* ابزار مخاطبان */
.ct-src{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ct-opt h3,.ct-exp h3{margin:10px 0 4px}.ct-opt p,.ct-exp p{font-size:.86rem;margin:0 0 12px}
.ct-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--pri-s);color:var(--pri)}.ct-ic .ic{width:22px;height:22px}
.ct-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;font-size:.86rem}.ct-help ol{margin:6px 0 0;padding-inline-start:18px;color:var(--mute)}
.ct-pv tr.dup{background:var(--warn-s)}
.ct-old{color:var(--bad);opacity:.8}.ct-new{color:var(--ok)}
.ct-dg{margin-bottom:12px}
/* ۹.۰: منوی پایین در همه‌جا؛ حالت دایره‌ای کوچک در صفحه‌های شلوغ */
.gn-fab{display:none}
@media (max-width:860px){
  .gnav.gn-mini{transition:clip-path .45s cubic-bezier(.3,1.25,.5,1),--i .42s cubic-bezier(.3,1.4,.5,1);clip-path:inset(-60px 0 -20px 0 round 24px)}
  .gnav.gn-mini:not(.gn-open){clip-path:inset(4px 0 4px calc(100% - 58px) round 29px)}
  [dir=ltr] .gnav.gn-mini:not(.gn-open){clip-path:inset(4px calc(100% - 58px) 4px 0 round 29px)}
  .gnav.gn-mini:not(.gn-open) a{pointer-events:none;opacity:0}
  .gnav.gn-mini:not(.gn-open) .gn-ind{opacity:0}
  .gnav.gn-mini:not(.gn-open) .gn-bg{-webkit-mask:none;mask:none}
  .gnav.gn-mini a{transition:opacity .25s}
  .gn-mini .gn-fab{display:grid;place-items:center;position:absolute;z-index:3;top:4px;bottom:4px;inset-inline-start:0;width:58px;border:0;border-radius:50%;background:transparent;color:var(--ga);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s,transform .3s}
  .gn-mini .gn-fab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
  .gn-mini.gn-open .gn-fab{opacity:0;pointer-events:none;transform:scale(.6)}
  .pos-body .gnav.gn-mini{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media print{.gnav{display:none!important}}
@media screen and (max-width:860px){body.printable{overflow-x:hidden}.printable table{display:block;max-width:100%;overflow-x:auto}}
code,samp{font-family:Vazirmatn,ui-monospace,Consolas,monospace}
:root[data-skin=glass][data-tone=ocean]{
  --bg:rgba(255,255,255,.28);--bg2:rgba(255,255,255,.45);--card:rgba(255,255,255,.62);--ink:#0c2630;--ink2:#26464f;--mute:#56717a;--line:rgba(255,255,255,.6);--line2:rgba(12,38,48,.14);
  --pri:#0e7490;--pri2:#0891b2;--pri-s:rgba(14,116,144,.14);--ok:#047857;--ok-s:rgba(4,120,87,.12);--bad:#be123c;--bad-s:rgba(190,18,60,.1);--warn:#b45309;--warn-s:rgba(180,83,9,.12);--info:#0369a1;--info-s:rgba(3,105,161,.12);
  --glass:blur(26px) saturate(1.6);color-scheme:light}
:root[data-tone=ocean] body{background:#0d4f5f}
:root[data-tone=ocean] body::before{filter:none;background:radial-gradient(45% 50% at 85% 10%,rgba(186,236,240,.55),transparent 70%),radial-gradient(40% 45% at 10% 90%,rgba(8,47,73,.55),transparent 70%),radial-gradient(35% 40% at 60% 60%,rgba(94,196,208,.35),transparent 70%),linear-gradient(155deg,#0a3442 0%,#0f6176 38%,#2e9db0 70%,#9fd9e0 100%)}
:root[data-tone=ocean] .card{background:var(--card);border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 40px -12px rgba(6,40,52,.35)}
:root[data-tone=ocean] .side{background:rgba(8,44,56,.55);border-color:rgba(255,255,255,.14);--ink:#eaf6f8;--ink2:#cfe6ea;--mute:#9dc1c8;--line:rgba(255,255,255,.12);color:var(--ink)}
:root[data-tone=ocean] .side .nav a:hover,:root[data-tone=ocean] .side .nav-g>summary.nav-gs:hover{background:rgba(255,255,255,.1);color:#fff}
:root[data-tone=ocean] .side .nav a.is-on{background:rgba(255,255,255,.92);color:#0c2630;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
:root[data-tone=ocean] .brand-logo{background:linear-gradient(135deg,#a5f3fc,#0e7490);box-shadow:0 6px 18px rgba(8,145,178,.45)}
:root[data-tone=ocean] .top{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.6)}
:root[data-tone=ocean] .btn{background:rgba(255,255,255,.55);border-color:rgba(12,38,48,.14);color:var(--ink)}
:root[data-tone=ocean] .btn-p{background:#0c1d24;border-color:transparent;color:#fff;border-radius:99px;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
:root[data-tone=ocean] .btn-g{background:transparent;border-color:transparent}
:root[data-tone=ocean] .input,:root[data-tone=ocean] select.input,:root[data-tone=ocean] textarea.input{background:rgba(255,255,255,.7);border-color:rgba(12,38,48,.14);color:var(--ink)}
:root[data-tone=ocean] .tbl tbody tr:hover td{background:rgba(255,255,255,.45)}:root[data-tone=ocean] .tbl tfoot td{background:rgba(255,255,255,.35)}
:root[data-tone=ocean] .menu-p,:root[data-tone=ocean] .gs-box{background:rgba(255,255,255,.9);border-color:rgba(12,38,48,.12)}
:root[data-tone=ocean] .chip,:root[data-tone=ocean] .avatar,:root[data-tone=ocean] .qa-top a,:root[data-tone=ocean] .gs-open{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.7)}
:root[data-tone=ocean] .tabs a.is-on{color:var(--pri);border-color:var(--pri)}
:root[data-tone=ocean] .seg{background:rgba(12,38,48,.08)}:root[data-tone=ocean] .seg a.is-on{background:#fff;color:var(--ink)}
:root[data-tone=ocean] .stat .ic-b{background:rgba(14,116,144,.14);color:#0e7490}
:root[data-tone=ocean] .ring-fg{stroke:#0e7490;filter:none}
:root[data-tone=ocean] .gnav{--gb:rgba(8,44,56,.72);--ga:#67e8f9}
:root[data-tone=ocean] .gn-bubble .gn-ind{background:linear-gradient(135deg,#67e8f9,#0e7490)}
@media (max-width:860px){:root[data-tone=ocean] .side{background:rgba(8,44,56,.94)}}
:root[data-tone=ocean] .btn:hover{background:rgba(255,255,255,.85);color:var(--ink);border-color:rgba(12,38,48,.25)}
:root[data-tone=ocean] .btn-p:hover{background:#163540;color:#fff}
:root[data-tone=ocean] select.input option{background:#fff;color:#0c2630}
:root[data-tone=ocean] .input:focus{border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.2)}
:root[data-tone=ocean] .flash{background:rgba(255,255,255,.92)}
:root[data-tone=ocean] .empty .ic{color:rgba(12,38,48,.2)}
:root[data-tone=ocean] .splash{background:radial-gradient(60% 40% at 50% 38%,#2e9db0,transparent 70%),linear-gradient(170deg,#0a3442,#062530)}
/* ───── ۹.۰: تنظیمات ظاهر — کاغذدیواری، رنگ اصلی، گوشه‌ها و اندازهٔ متن ───── */
:root[data-wall] body::before{content:"";position:fixed;z-index:-1;pointer-events:none;background:linear-gradient(rgba(0,0,0,var(--wall-dim,.25)),rgba(0,0,0,var(--wall-dim,.25))),var(--wall) center/cover no-repeat;filter:blur(var(--wall-blur,0px));inset:calc(-2 * var(--wall-blur,0px))}
:root[data-tone=ocean][data-wall] body::before{background:linear-gradient(rgba(255,255,255,var(--wall-dim,.1)),rgba(255,255,255,var(--wall-dim,.1))),var(--wall) center/cover no-repeat}
:root[data-wall]:not([data-skin]) .page-h h1{text-shadow:0 1px 14px var(--bg)}
:root[data-rad=sharp]{--r:6px;--r2:5px}
:root[data-rad=round]{--r:22px;--r2:14px}:root[data-rad=round] .btn,:root[data-rad=round] .input{border-radius:14px}
:root[data-fs=sm] body{font-size:13.5px}:root[data-fs=lg] body{font-size:16px}
:root[data-acc] .btn-p{background:var(--pri);border-color:var(--pri);color:#fff}
:root[data-acc] .btn-p:hover{background:var(--pri2);color:#fff}
:root[data-skin=glass][data-acc]:not([data-tone]) .nav a.is-on{background:var(--pri);box-shadow:0 8px 22px -8px var(--pri)}
:root[data-acc] .gnav{--ga:var(--pri2)}:root[data-acc] .gn-bubble .gn-ind{background:var(--pri)}
:root[data-skin=glass][data-acc] .tabs a.is-on{color:var(--pri2);border-color:var(--pri)}
:root[data-skin=glass][data-acc] .ring-fg{stroke:var(--pri)}
.ap-skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ap-skin{position:relative;cursor:pointer;border:2px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.ap-skin input,.ap-acc input,.ap-wall input{position:absolute;opacity:0;pointer-events:none}
.ap-skin:has(input:checked),.ap-wall:has(input:checked){border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-s)}
.ap-skin b{display:block;padding:8px 10px;font-size:.9rem}
.ap-mock{height:96px;display:grid;grid-template-columns:28% 1fr;gap:6px;padding:8px}
.ap-mock i{border-radius:7px}.ap-mock span{display:grid;grid-template-rows:14px 1fr 1fr;gap:5px}.ap-mock span i:first-child{width:60%}
.ap-m-warm{background:#f5f0e8}.ap-m-warm>i,.ap-m-warm span i{background:#fffdf9;border:1px solid #e3dbce}.ap-m-warm span i:first-child{background:#b23a0e;border:0}
.ap-m-glass{background:linear-gradient(160deg,#2a2016,#0d0f15 60%,#1b2a44)}.ap-m-glass>i,.ap-m-glass span i{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.ap-m-glass span i:first-child{background:#3b82f6;border:0}
.ap-m-lav{background:#ececf1}.ap-m-lav>i{background:#121116;border-radius:12px}.ap-m-lav span i{background:#fff}.ap-m-lav span i:first-child{background:#d9d1fb}
.ap-m-ocean{background:linear-gradient(155deg,#0a3442,#0f6176 40%,#2e9db0 75%,#9fd9e0)}.ap-m-ocean>i{background:rgba(8,44,56,.6)}.ap-m-ocean span i{background:rgba(255,255,255,.65)}.ap-m-ocean span i:first-child{background:#0c1d24}
.ap-acc{display:flex;flex-wrap:wrap;gap:10px}.ap-acc label{cursor:pointer;position:relative}
.ap-acc i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 3px var(--card),0 0 0 1px var(--line2);font-style:normal;color:var(--ink);font-size:.7rem}
.ap-acc input:checked+i{box-shadow:inset 0 0 0 3px var(--card),0 0 0 3px var(--c,var(--pri))}
.ap-walls{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.ap-wall{position:relative;cursor:pointer;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--bg2) center/cover}
.ap-wall em{position:absolute;inset-inline:0;bottom:0;padding:3px 8px;font-style:normal;font-size:.75rem;background:rgba(0,0,0,.45);color:#fff}
.ap-wall .del{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;line-height:1;font-size:.8rem}
.ap-row{display:flex;flex-wrap:wrap;gap:18px}.ap-row .field{min-width:200px;flex:1}
@media(max-width:600px){.ap-skins{grid-template-columns:repeat(2,1fr);gap:8px}.ap-mock{height:64px;padding:5px;gap:4px}.ap-skin b{font-size:.78rem;padding:6px}}
/* ───── ۹.۰.۲: کارت‌های بانکی ───── */
.pc-list{display:grid;gap:16px}
.pc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:center}
.pc-img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 20px 40px -20px rgba(30,0,60,.5)}
.pc-rows{display:grid;gap:6px}
.pc-r{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.pc-r span{color:var(--mute);font-size:.8rem;min-width:72px}.pc-r b{flex:1;font-family:"Vazirmatn FD",Vazirmatn,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}.pc-r b.ltr{font-family:Vazirmatn,sans-serif;text-align:left}
.pc-r .btn.ok{background:var(--ok-s);color:var(--ok);border-color:var(--ok)}
.pc-note{font-size:.84rem;margin:2px 0 0}.pc-dl{justify-self:start}
@media(max-width:760px){.pc{grid-template-columns:1fr}}
@media print{.pc-img,.pc-dl,.pc-r .btn{display:none!important}.pc{display:block}.pc-r{border:0;padding:2px 0}}
.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.bc-item{display:flex;flex-direction:column;gap:10px}
.bc-item .pc-img{cursor:pointer}
.bc-rules{display:flex;flex-wrap:wrap;gap:6px;font-size:.78rem}
.bc-off{opacity:.55;filter:grayscale(.6)}
.qp-pay{margin:18px 0}.qp-pay h3{margin:0 0 10px}
/* ───── ۹.۰.۴: پس‌زمینهٔ سینمایی صفحهٔ ورود (عکس مغازه با حرکت آرام) ───── */
.film{position:absolute;inset:0;overflow:hidden;background:#15110d}
.film-a,.film-b{position:absolute;inset:-4%;background:var(--f1) center/cover no-repeat;will-change:transform,opacity}
.film-b{background-image:var(--f2);opacity:0}
.film-a{animation:filmA 26s ease-in-out infinite,filmFadeA 26s ease-in-out infinite}
.film-b{animation:filmB 26s ease-in-out infinite,filmFadeB 26s ease-in-out infinite}
@keyframes filmA{0%{transform:scale(1.04) translate(0,0)}50%{transform:scale(1.16) translate(-2%,1.5%)}100%{transform:scale(1.04) translate(0,0)}}
@keyframes filmB{0%{transform:scale(1.15) translate(2%,0)}50%{transform:scale(1.05) translate(-1%,-1%)}100%{transform:scale(1.15) translate(2%,0)}}
@keyframes filmFadeA{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes filmFadeB{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
.film-lamp{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,120,.42),rgba(255,170,90,.12) 55%,transparent);mix-blend-mode:screen;animation:filmLamp 4.5s ease-in-out infinite;pointer-events:none}
.film-lamp.l1{left:34%;top:-12%}.film-lamp.l2{left:36%;top:2%;width:24%;animation-delay:-2s}
@keyframes filmLamp{0%,100%{opacity:.75}45%{opacity:1}50%{opacity:.6}55%{opacity:.95}}
.film-dust i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,220,170,.55);box-shadow:0 0 6px rgba(255,200,140,.6);animation:filmDust var(--d) linear infinite;animation-delay:var(--w)}
@keyframes filmDust{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(40px,-110vh);opacity:0}}
.film-vig{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 50%,rgba(0,0,0,.55)),linear-gradient(transparent 55%,rgba(14,11,8,.85))}
.film-n{position:absolute;inset-inline:0;top:16%;display:grid;justify-items:center;z-index:1}
.fn{grid-area:1/1;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:16px;background:rgba(255,250,243,.92);color:#1c1a17;font:800 .95rem/1.2 Vazirmatn,sans-serif;box-shadow:0 16px 36px -12px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}
.fn b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:.9rem}.fn .ok{background:#e3efdf;color:#2f7a3e}.fn .pr{background:#f6e4d9;color:#b23a0e}.fn .in{background:#e2ebf3}
.fn1{animation:filmN 12s ease-in-out infinite}.fn2{animation:filmN 12s ease-in-out infinite 4s}.fn3{animation:filmN 12s ease-in-out infinite 8s}
@keyframes filmN{0%{opacity:0;transform:translateY(18px) scale(.94)}5%,27%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-14px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.film *{animation:none!important}.film-a{transform:scale(1.04)}.fn1{opacity:1}}
/* پنل بزرگ */
.auth-art.has-film{position:relative;overflow:hidden;padding:0;background:#15110d;display:flex;flex-direction:column;justify-content:flex-end}
.auth-art .art-cap{position:relative;z-index:1;padding:30px 50px 46px;color:#fff7ee}
.auth-art .art-cap h2{color:#fff7ee;margin:0 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.auth-art .art-cap p{color:#fff7ee;opacity:.85}
.auth-art .art-cap .feat span{border-color:rgba(255,247,238,.35);color:#fff7ee;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* گوشی */
@media (max-width:860px){
  .film-a{background-image:var(--f1s)}.film-b{background-image:var(--f2s)}
  .film-n{top:auto;bottom:44px}.fn{font-size:.85rem;padding:8px 14px 8px 10px}
  .auth-hero.has-film{padding:0;background:#15110d;min-height:0;flex:1 0 40vh;position:relative}
  .auth-hero.has-film .ah-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(18px + env(safe-area-inset-top)) 20px 0;color:#fff7ee}
  .auth-hero.has-film .ah-logo{width:42px;height:42px;background:#fff7ee;color:#1c1a17}.auth-hero.has-film .ah-logo svg{width:28px;height:28px}
  .auth-hero.has-film .ah-name{opacity:1;margin:0;color:#fff7ee}
}
/* ───── ۹.۰.۴: ورود با کد — خانه‌های جدا و انیمیشن تأیید ───── */
.otpx{position:relative;direction:ltr;margin:6px 0 4px}
.otpx-b{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px}
.otpx-b i{display:grid;place-items:center;aspect-ratio:1/1.12;max-height:68px;border:1.5px solid var(--line2);border-radius:16px;background:var(--card);font:800 1.65rem/1 "Vazirmatn FD",Vazirmatn,sans-serif;font-style:normal;color:var(--ink);
  box-shadow:0 1px 0 rgba(0,0,0,.03),inset 0 -2px 0 rgba(0,0,0,.03);transition:border-color .2s,box-shadow .2s,background .3s,color .3s,transform .2s}
.otpx-b i.on{border-color:var(--pri);box-shadow:0 0 0 4px var(--pri-s)}
.otpx-b i.on:empty::after{content:"";width:2px;height:26px;background:var(--pri);border-radius:2px;animation:otpCaret 1s steps(1) infinite}
@keyframes otpCaret{50%{opacity:0}}
.otpx-b i.pop{animation:otpPop .28s cubic-bezier(.3,1.6,.5,1)}@keyframes otpPop{0%{transform:scale(.7)}100%{transform:scale(1)}}
.otpx-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;letter-spacing:2em;caret-color:transparent;border:0;background:transparent;color:transparent;cursor:text}
.otpv{text-align:center}
.otpv-ic{position:relative;width:76px;height:76px;margin:4px auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--pri-s);color:var(--pri);transition:background .4s,color .4s}
.otpv-ic svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1)}
.otpv-ic .ck{opacity:0;transform:scale(.4) rotate(-30deg);stroke-width:2.6}
.otpv-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--pri);border-right-color:var(--pri);opacity:.35;animation:otpSpin 2.4s linear infinite}
@keyframes otpSpin{to{transform:rotate(360deg)}}
.otpv-h{margin:0 0 4px}.otpv-s{color:var(--mute);margin:0 0 18px}
.otpv-err{min-height:1.4em;margin:8px 0 6px;color:var(--bad);font-size:.88rem;opacity:0;transition:opacity .2s}
.otpv-go{position:relative;overflow:hidden}
.otpv-go::before{content:"";position:absolute;inset:0;width:0;background:rgba(255,255,255,.22);transition:none}
.otpv-sp{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:otpSpin .7s linear infinite;margin-inline-end:6px}
.otpv-rs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:16px;font-size:.86rem;color:var(--mute)}
.otpv-rs form{margin:0}.otpv-rs .btn b{font-family:"Vazirmatn FD",Vazirmatn,sans-serif;margin-inline-start:4px}.otpv-rs.ready .btn b{display:none}
.otpv-rg{width:16px;height:16px;transform:rotate(-90deg)}.otpv-rg circle{fill:none;stroke:var(--pri);stroke-width:3;stroke-dasharray:63;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}
.otpv-rs.ready .otpv-rg{display:none}
/* در حال بررسی */
.otpv.is-busy .otpv-sp{display:inline-block}.otpv.is-busy .otpv-go::before{animation:otpBar .9s ease-in-out forwards}
@keyframes otpBar{to{width:100%}}
.otpv.is-busy .otpx-b i{animation:otpWave .9s ease-in-out infinite;animation-delay:calc(var(--i) * .09s)}
@keyframes otpWave{50%{transform:translateY(-5px);border-color:var(--pri)}}
/* موفق */
.otpv.is-ok .otpx-b i{background:#2f9e5b;border-color:#2f9e5b;color:#fff;animation:otpOk .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * .07s);box-shadow:0 8px 18px -8px #2f9e5b}
@keyframes otpOk{0%{transform:scale(.8) rotateX(90deg)}100%{transform:none}}
.otpv.is-ok .otpv-ic{background:#e3f4e8;color:#2f9e5b;animation:otpGlow 1.2s ease-out}
@keyframes otpGlow{0%{box-shadow:0 0 0 0 rgba(47,158,91,.45)}100%{box-shadow:0 0 0 22px rgba(47,158,91,0)}}
.otpv.is-ok .otpv-ic .lk{opacity:0;transform:scale(.4)}.otpv.is-ok .otpv-ic .ck{opacity:1;transform:none}
.otpv.is-ok .otpv-ring{border-top-color:#2f9e5b;border-right-color:#2f9e5b;opacity:.5}
.otpv.is-ok .otpv-go{background:#2f9e5b;border-color:#2f9e5b}
.otpv.is-ok .otpv-rs{visibility:hidden}
/* ناموفق */
.otpv.is-bad .otpx-b i{border-color:var(--bad);color:var(--bad);background:var(--bad-s)}
.otpv.is-bad .otpx-b{animation:otpShake .45s}
@keyframes otpShake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.otpv.is-bad .otpv-err{opacity:1}
.otpv.is-bad .otpv-ic{background:var(--bad-s);color:var(--bad)}
@media (prefers-reduced-motion:reduce){.otpv *,.otpx *{animation:none!important}}
/* هفتهٔ فروش (همهٔ پوسته‌ها) */
.wk{margin-bottom:16px;padding:14px 16px}
.wk-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wk-h b{font-size:1.05rem}.wk-h .btn{margin-inline-start:auto}
.wk-d{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.wk-d a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 12px;border-radius:16px;color:var(--ink2);overflow:hidden;min-height:76px;justify-content:flex-start}
.wk-d a small{color:var(--mute);font-size:.75rem}.wk-d a b{font:800 1.1rem/1.3 "Vazirmatn FD",Vazirmatn,sans-serif}
.wk-d a i{position:absolute;inset-inline:22%;bottom:6px;height:calc(var(--h) * .22);min-height:0;border-radius:4px;background:var(--pri);opacity:.35}
.wk-d a:hover{background:var(--bg2)}.wk-d a.fut{opacity:.45}
.wk-d a.on{background:var(--ink);color:var(--card)}.wk-d a.on small{color:color-mix(in srgb,var(--card) 70%,transparent)}.wk-d a.on i{background:var(--card);opacity:.6}
/* ───── ۹.۰.۵: پوستهٔ «یاسی» — مینیمال روشن با نوار آیکون تیره ───── */
:root[data-skin=lav]{--bg:#f5f5f9;--bg2:#efeef5;--card:#fff;--ink:#16151c;--ink2:#3e3b4a;--mute:#8a879a;--line:#ecebf2;--line2:#dcdae6;
  --pri:#7b6cf2;--pri2:#6253e6;--pri-s:#ece9ff;--ok:#1f9d6b;--ok-s:#e2f6ec;--bad:#e5484d;--bad-s:#fde8e9;--warn:#c27a10;--warn-s:#fdf0dc;--info:#3b82f6;--info-s:#e5efff;
  --r:24px;--r2:14px;--sh:none;--sh2:0 24px 60px -20px rgba(40,30,90,.25);color-scheme:light}
:root[data-skin=lav] body{background:#e7e7ee}
:root[data-skin=lav] .card{border:0;border-radius:var(--r);box-shadow:0 1px 2px rgba(20,18,40,.04)}
:root[data-skin=lav] .card-h{border-bottom-color:var(--line)}
:root[data-skin=lav] .btn{border-radius:99px;background:#fff;border-color:var(--line2)}
:root[data-skin=lav] .btn-p{background:var(--ink);border-color:var(--ink);color:#fff}:root[data-skin=lav] .btn-p:hover{background:#2c2a36;color:#fff}
:root[data-skin=lav] .btn-g{background:transparent;border-color:transparent}
:root[data-skin=lav] .input{border-radius:14px;background:#fafafc}
:root[data-skin=lav] .tabs a.is-on{color:var(--ink);border-color:var(--ink)}
:root[data-skin=lav] .seg{background:var(--bg2);border-radius:99px}:root[data-skin=lav] .seg a.is-on{background:var(--ink);color:#fff;border-radius:99px}
:root[data-skin=lav] .badge{border-radius:99px}
:root[data-skin=lav] .top{background:transparent;border:0}
:root[data-skin=lav] .chip,:root[data-skin=lav] .gs-open,:root[data-skin=lav] .qa-top a,:root[data-skin=lav] .avatar{background:#fff;border-color:transparent;border-radius:99px}
:root[data-skin=lav] .stat .ic-b{border-radius:14px;background:var(--pri-s);color:var(--pri)}
:root[data-skin=lav] .g4>.stat:nth-child(2) .ic-b{background:#fde7f1;color:#d6407f}:root[data-skin=lav] .g4>.stat:nth-child(3) .ic-b{background:#e3f6ee;color:#1f9d6b}:root[data-skin=lav] .g4>.stat:nth-child(4) .ic-b{background:#fff1dc;color:#c27a10}
:root[data-skin=lav] .stat{border-top:0}
:root[data-skin=lav] .qa-t{border:0;border-radius:22px}
:root[data-skin=lav] .qa-t.c1{--qc:#7b6cf2}:root[data-skin=lav] .qa-t.c2{--qc:#d6407f}:root[data-skin=lav] .qa-t.c3{--qc:#1f9d6b}:root[data-skin=lav] .qa-t.c4{--qc:#c27a10}:root[data-skin=lav] .qa-t.c5{--qc:#3b82f6}:root[data-skin=lav] .qa-t.c6{--qc:#16151c}
:root[data-skin=lav] .menu-p{border-radius:18px;border-color:var(--line)}
:root[data-skin=lav] .gnav{--gb:rgba(22,21,28,.86);--ga:#b3a9ff}:root[data-skin=lav] .gn-bubble .gn-ind{background:#7b6cf2}
:root[data-skin=lav] .ring-fg{stroke:var(--pri)}
:root[data-skin=lav] [data-theme-toggle]{display:none}
/* بنر خوش‌آمد داشبورد */
:root[data-skin=lav] .dash-h{position:relative;overflow:hidden;padding:26px 28px;border-radius:28px;background:#d9d1fb;margin-bottom:16px;align-items:center}
:root[data-skin=lav] .dash-h h1{font-size:1.8rem}
:root[data-skin=lav] .dash-h::after{content:"";position:absolute;inset-inline-end:-40px;top:-60px;width:260px;height:260px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 10deg,#b9a8ff 0 14deg,#efe9ff 14deg 22deg,#9d8bf6 22deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.85) 40%,transparent 70%);mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.85) 40%,transparent 70%);filter:blur(1px);animation:lavSpin 40s linear infinite;opacity:.9}
@keyframes lavSpin{to{transform:rotate(360deg)}}
:root[data-skin=lav] .dash-h>*{position:relative;z-index:1}
:root[data-skin=lav] .dash-h .btn{background:#fff}:root[data-skin=lav] .dash-h .btn-p{background:var(--ink);color:#fff}
:root[data-skin=lav] .wk-d a.on{background:var(--ink)}
/* دسکتاپ: نوار آیکون تیره با زیرمنوی شناور */
@media (min-width:861px){
  :root[data-skin=lav] .shell{grid-template-columns:84px 1fr;gap:18px;margin:14px;padding:14px;border-radius:34px;background:var(--bg);min-height:calc(100vh - 28px)}
  :root[data-skin=lav] .side{top:14px;height:calc(100vh - 56px);width:84px;padding:18px 0;align-items:center;gap:6px;background:#121116;border:0;border-radius:42px;overflow:visible;z-index:30}
  :root[data-skin=lav] .brand{padding:0 0 12px}:root[data-skin=lav] .brand>span:last-child{display:none}
  :root[data-skin=lav] .brand-logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#c9bdff,#7b6cf2);color:#fff;font:900 1.1rem/1 Vazirmatn,sans-serif;padding:0}
  :root[data-skin=lav] .side .nav{display:grid;gap:6px;justify-items:center}
  :root[data-skin=lav] .side .nav>a,:root[data-skin=lav] .nav-gs{position:relative;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;color:#a9a6b8;background:transparent;list-style:none}
  :root[data-skin=lav] .nav-gs::-webkit-details-marker{display:none}
  :root[data-skin=lav] .side .nav>a .nl,:root[data-skin=lav] .nav-gs>span,:root[data-skin=lav] .nav-gs::after,:root[data-skin=lav] .side-ver{display:none}
  :root[data-skin=lav] .side .nav>a:hover,:root[data-skin=lav] .nav-gs:hover{background:rgba(255,255,255,.08);color:#fff}
  :root[data-skin=lav] .side .nav>a.is-on,:root[data-skin=lav] .nav-gs.has-on{background:#cfc6ff;color:#16151c}
  :root[data-skin=lav] .nav-g[open]>.nav-gs{background:#fff;color:#16151c}
  :root[data-skin=lav] .side .nav>a.is-on::before,:root[data-skin=lav] .nav-gs.has-on::before{content:"";position:absolute;inset-inline-start:-18px;top:50%;width:8px;height:16px;margin-top:-8px;border-radius:8px;background:#121116}
  :root[data-skin=lav] [data-tip]:hover::after{content:attr(data-tip);display:block;position:absolute;inset-inline-start:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#121116;color:#fff;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:9px;pointer-events:none;z-index:70}
  :root[data-skin=lav] .nav-g[open] [data-tip]:hover::after{display:none}
  :root[data-skin=lav] .nav-g{position:relative;margin:0;border:0}
  :root[data-skin=lav] .nav-g>.nav-sub{position:absolute;inset-inline-start:calc(100% + 16px);top:-10px;width:230px;padding:10px;background:#fff;border:0;border-radius:22px;box-shadow:0 24px 60px -18px rgba(30,20,80,.35);z-index:60;display:grid;gap:2px;margin:0;animation:lavFly .2s ease-out}
  @keyframes lavFly{from{opacity:0;transform:translateX(8px)}}
  :root[data-skin=lav] .nav-g>.nav-sub::before{content:attr(data-h);display:block;padding:4px 10px 8px;font-weight:800;color:#16151c}
  :root[data-skin=lav] .nav-g>.nav-sub a{color:#3e3b4a;border-radius:12px;padding:8px 12px;width:auto;height:auto;display:block;text-align:start}
  :root[data-skin=lav] .nav-g>.nav-sub a:hover{background:#f3f1ff}
  :root[data-skin=lav] .nav-g>.nav-sub a.is-on{background:#16151c;color:#fff}
  :root[data-skin=lav] .main{min-width:0}
}

.skin-pick{flex-wrap:wrap}
/* ───── ۹.۰.۶: پوستهٔ «نقش‌جهان» — لاجورد، فیروزه و طلا با نقش گره ───── */
:root[data-skin=naqsh]{--bg:#f5eedf;--bg2:#efe5d0;--card:#fffbf2;--ink:#1b1830;--ink2:#3d3858;--mute:#7d7563;--line:#eadcbf;--line2:#d9c49b;
  --pri:#0f8f89;--pri2:#0b746f;--pri-s:#dff3ef;--ok:#2c7a4b;--ok-s:#e3f1e6;--bad:#b3261e;--bad-s:#f9e3df;--warn:#a26a07;--warn-s:#f8ecd2;--info:#1e4fa0;--info-s:#e3ebf8;
  --gold:#c99a3b;--gold2:#e2bd6a;--lapis:#132554;--lapis2:#0b1838;--r:14px;--r2:10px;--sh:none;--sh2:0 24px 50px -22px rgba(19,37,84,.45);color-scheme:light;--star:polygon(50.0% 0.0%,64.6% 14.7%,85.4% 14.6%,85.3% 35.4%,100.0% 50.0%,85.3% 64.6%,85.4% 85.4%,64.6% 85.3%,50.0% 100.0%,35.4% 85.3%,14.6% 85.4%,14.7% 64.6%,0.0% 50.0%,14.7% 35.4%,14.6% 14.6%,35.4% 14.7%)}
:root[data-skin=naqsh] body{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23a77b25' stroke-opacity='.10' stroke-width='1'%3E%3Crect x='20' y='20' width='32' height='32'/%3E%3Crect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l13.4 13.4M72 0L58.6 13.4M0 72l13.4-13.4M72 72L58.6 58.6M36 0v13.4M36 72V58.6M0 36h13.4M72 36H58.6'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E") 0 0/72px;color:var(--ink)}
/* منوی کناری لاجوردی */
:root[data-skin=naqsh] .side{background:linear-gradient(180deg,rgba(11,24,56,.0),rgba(11,24,56,.55)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e2bd6a' stroke-opacity='.16' stroke-width='1'%3E%3Crect x='20' y='20' width='32' height='32'/%3E%3Crect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l13.4 13.4M72 0L58.6 13.4M0 72l13.4-13.4M72 72L58.6 58.6M36 0v13.4M36 72V58.6M0 36h13.4M72 36H58.6'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E") 0 0/72px,var(--lapis);border:0;color:#efe6d2;--ink:#f3ead6;--ink2:#d9cfba;--mute:#a8a08c;--line:rgba(226,189,106,.2);box-shadow:inset -1px 0 0 rgba(226,189,106,.35)}
:root[data-skin=naqsh] .side .brand{color:#fff6e3;border-bottom:1px solid rgba(226,189,106,.25);margin-bottom:6px}
:root[data-skin=naqsh] .brand-logo{background:var(--gold);color:var(--lapis);clip-path:var(--star);width:40px;height:40px;border-radius:0;font:900 1.05rem/1 Vazirmatn,sans-serif;padding:0}
:root[data-skin=naqsh] .side .nav a,:root[data-skin=naqsh] .nav-gs{color:#ddd3bd;border-radius:10px}
:root[data-skin=naqsh] .side .nav a:hover,:root[data-skin=naqsh] .nav-gs:hover{background:rgba(226,189,106,.1);color:#fff6e3}
:root[data-skin=naqsh] .side .nav a.is-on{background:linear-gradient(90deg,#11a39b,#0f8f89);color:#fff;box-shadow:inset 0 0 0 1px rgba(226,189,106,.55),0 8px 18px -8px rgba(15,143,137,.8)}
:root[data-skin=naqsh] .nav-gs.has-on{color:#f3d58e}
:root[data-skin=naqsh] .nav-sub{border-color:rgba(226,189,106,.3)}
:root[data-skin=naqsh] .side .muted{color:#a8a08c}
/* بالای صفحه */
:root[data-skin=naqsh] .top{background:rgba(245,238,223,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
:root[data-skin=naqsh] .chip,:root[data-skin=naqsh] .gs-open,:root[data-skin=naqsh] .qa-top a{background:var(--card);border-color:var(--line2)}
:root[data-skin=naqsh] .avatar{background:var(--lapis);color:var(--gold2)}
/* کارت‌ها: قاب دوخطی مینیاتور */
:root[data-skin=naqsh] .card{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 5px rgba(201,154,59,.28),0 10px 26px -18px rgba(19,37,84,.35)}
:root[data-skin=naqsh] .card-h{border-bottom:1px dashed var(--line2)}
:root[data-skin=naqsh] .card-h h3::before{content:"";display:inline-block;width:11px;height:11px;margin-inline-end:8px;background:var(--gold);clip-path:var(--star);vertical-align:1px}
:root[data-skin=naqsh] .page-h h1{font-weight:900;letter-spacing:-.01em}
:root[data-skin=naqsh] .page-h h1::after{content:"";display:block;width:64px;height:6px;margin-top:6px;background:linear-gradient(90deg,var(--gold) 0 40%,transparent 40% 52%,var(--pri) 52%);border-radius:3px}
/* دکمه‌ها و ورودی‌ها */
:root[data-skin=naqsh] .btn{background:var(--card);border-color:var(--line2);border-radius:10px;color:var(--ink)}
:root[data-skin=naqsh] .btn:hover{border-color:var(--gold);color:var(--lapis)}
:root[data-skin=naqsh] .btn-p{background:linear-gradient(180deg,#14a59d,#0d8580);border-color:#0b746f;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px rgba(226,189,106,.5),0 8px 18px -10px rgba(15,143,137,.9)}
:root[data-skin=naqsh] .btn-p:hover{background:linear-gradient(180deg,#17b3aa,#0f8f89);color:#fff}
:root[data-skin=naqsh] .btn-g{background:transparent;border-color:transparent}
:root[data-skin=naqsh] .input{background:#fffdf7;border-color:var(--line2);border-radius:10px}
:root[data-skin=naqsh] .input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,59,.2)}
:root[data-skin=naqsh] .tabs a.is-on,:root[data-skin=naqsh] .tabs button.is-on{color:var(--lapis);border-color:var(--gold)}
:root[data-skin=naqsh] .seg{background:var(--bg2)}:root[data-skin=naqsh] .seg a.is-on{background:var(--lapis);color:#f3d58e}
:root[data-skin=naqsh] .tbl th{background:transparent;color:var(--lapis);border-bottom:2px solid var(--gold)}
:root[data-skin=naqsh] .tbl tbody tr:hover td{background:rgba(201,154,59,.07)}
:root[data-skin=naqsh] .badge{border-radius:99px}
:root[data-skin=naqsh] .menu-p{background:var(--card);border-color:var(--line2);border-radius:12px}
/* آیکون‌ها در ستارهٔ هشت‌پر */
:root[data-skin=naqsh] .stat{border-top:0}
:root[data-skin=naqsh] .stat .ic-b,:root[data-skin=naqsh] .qa-t .qa-i{clip-path:var(--star);border-radius:0;background:var(--pri-s);color:var(--pri);width:46px;height:46px}
:root[data-skin=naqsh] .g4>.stat:nth-child(2) .ic-b{background:#e3ebf8;color:#1e4fa0}:root[data-skin=naqsh] .g4>.stat:nth-child(3) .ic-b{background:#f8ecd2;color:#a26a07}:root[data-skin=naqsh] .g4>.stat:nth-child(4) .ic-b{background:#f9e3df;color:#b3261e}
:root[data-skin=naqsh] .stat .v{color:var(--lapis)}
:root[data-skin=naqsh] .qa-t{border:1px solid var(--line2);border-radius:14px;background:var(--card)}
:root[data-skin=naqsh] .qa-t.c1,:root[data-skin=naqsh] .qa-t.c6{--qc:#0f8f89}:root[data-skin=naqsh] .qa-t.c2,:root[data-skin=naqsh] .qa-t.c5{--qc:#1e4fa0}:root[data-skin=naqsh] .qa-t.c3,:root[data-skin=naqsh] .qa-t.c4{--qc:#a26a07}
/* بنر داشبورد: کاشی لاجوردی */
:root[data-skin=naqsh] .dash-h{position:relative;overflow:hidden;padding:30px 30px 28px;border-radius:18px;margin-bottom:18px;align-items:center;color:#fff6e3;
  background:radial-gradient(60% 120% at 85% 0%,rgba(17,163,155,.45),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e2bd6a' stroke-opacity='.30' stroke-width='1'%3E%3Crect x='20' y='20' width='32' height='32'/%3E%3Crect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l13.4 13.4M72 0L58.6 13.4M0 72l13.4-13.4M72 72L58.6 58.6M36 0v13.4M36 72V58.6M0 36h13.4M72 36H58.6'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E") 0 0/72px,linear-gradient(135deg,#1b3478,#0b1838);
  box-shadow:inset 0 0 0 6px #0b1838,inset 0 0 0 7px rgba(226,189,106,.7),0 24px 50px -24px rgba(11,24,56,.8)}
:root[data-skin=naqsh] .dash-h h1{color:#fff6e3;font-size:1.9rem}:root[data-skin=naqsh] .dash-h h1::after{background:linear-gradient(90deg,var(--gold2) 0 40%,transparent 40% 52%,#3fd1c6 52%)}
:root[data-skin=naqsh] .dash-h .crumb{color:#e2bd6a}
:root[data-skin=naqsh] .dash-h::before{content:"";position:absolute;left:40%;top:50%;width:150px;height:150px;margin-top:-75px;clip-path:var(--star);
  background:conic-gradient(from 0deg,#e2bd6a,#11a39b,#1b3478,#e2bd6a,#11a39b,#1b3478,#e2bd6a);opacity:.8;animation:nqSpin 60s linear infinite}
:root[data-skin=naqsh] .dash-h::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,231,170,.18) 45%,transparent 55%);background-size:250% 100%;animation:nqShine 7s ease-in-out infinite;pointer-events:none}
@keyframes nqSpin{to{transform:rotate(360deg)}}@keyframes nqShine{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
:root[data-skin=naqsh] .dash-h>*{position:relative;z-index:1}
:root[data-skin=naqsh] .dash-h .btn{background:rgba(255,246,227,.1);border-color:rgba(226,189,106,.6);color:#fff6e3}
:root[data-skin=naqsh] .dash-h .btn-p{background:linear-gradient(180deg,#e9c97c,#c99a3b);border-color:#b3862c;color:#1b1830;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px -10px rgba(201,154,59,.9)}
:root[data-skin=naqsh] .wk-d a.on{background:var(--lapis);color:#f3d58e;box-shadow:inset 0 0 0 1px rgba(226,189,106,.6)}:root[data-skin=naqsh] .wk-d a i{background:var(--pri)}
:root[data-skin=naqsh] .ring-fg{stroke:var(--pri)}
:root[data-skin=naqsh] .gnav{--gb:rgba(19,37,84,.9);--ga:#e2bd6a;--gf:#d9cfba;--gl:rgba(226,189,106,.35)}:root[data-skin=naqsh] .gn-bubble .gn-ind{background:linear-gradient(135deg,#e9c97c,#c99a3b)}:root[data-skin=naqsh] .gn-bubble a.on{color:#1b1830}
:root[data-skin=naqsh] [data-theme-toggle]{display:none}
:root[data-skin=naqsh] .flash{border-radius:12px}
@media (max-width:860px){:root[data-skin=naqsh] .dash-h::before{left:-30px;width:120px;height:120px;margin-top:-60px;opacity:.55}}
@media (prefers-reduced-motion:reduce){:root[data-skin=naqsh] .dash-h::before,:root[data-skin=naqsh] .dash-h::after{animation:none}}
@media print{:root[data-skin=naqsh] body{background:#fff}:root[data-skin=naqsh] .card{box-shadow:none}}
.ap-m-naqsh{background:#f5eedf}.ap-m-naqsh>i{background:#132554;border-radius:6px}.ap-m-naqsh span i{background:#fffbf2;border:1px solid #d9c49b}.ap-m-naqsh span i:first-child{background:linear-gradient(135deg,#1b3478,#0b1838);border:1px solid #c99a3b}
/* ───── ۹.۰.۷: ده پوستهٔ توکنی ───── */
:root[data-tk] body{background:var(--body);color:var(--ink)}
:root[data-tk] .side{background:var(--sbg);border:var(--side-bd,0);color:var(--side-ink)}
:root[data-tk] .side .brand{color:var(--side-ink)}:root[data-tk] .side .brand small,:root[data-tk] .side .muted,:root[data-tk] .side .nav-h{color:var(--side-mute)}
:root[data-tk] .side .nav a,:root[data-tk] .side .nav-gs{color:var(--side-ink)}
:root[data-tk] .side .nav a:hover,:root[data-tk] .side .nav-gs:hover{background:color-mix(in srgb,var(--side-ink) 10%,transparent);color:var(--side-ink)}
:root[data-tk] .side .nav a.is-on{background:var(--side-on);color:var(--side-on-ink)}
:root[data-tk] .side .nav-gs.has-on{font-weight:800}
:root[data-tk] .nav-sub{border-color:color-mix(in srgb,var(--side-ink) 20%,transparent)}
:root[data-tk] .brand-logo{background:var(--pri);color:var(--on-pri)}
:root[data-tk] .top{background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}
:root[data-tk] .card{background:var(--card);border:var(--card-bd);border-radius:var(--r);box-shadow:var(--card-sh)}
:root[data-tk] .btn{border-radius:var(--btn-r)}:root[data-tk] .input{border-radius:var(--btn-r);background:var(--card);color:var(--ink);border-color:var(--line2)}
:root[data-tk] select.input option{background:var(--card);color:var(--ink)}
:root[data-tk] .btn-p{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}:root[data-tk] .btn-p:hover{background:var(--pri2);border-color:var(--pri2);color:var(--on-pri)}
:root[data-tk] .chip,:root[data-tk] .gs-open,:root[data-tk] .qa-top a,:root[data-tk] .menu-p{background:var(--card);border-color:var(--line2);color:var(--ink)}
:root[data-tk] .tabs a.is-on,:root[data-tk] .tabs button.is-on{color:var(--pri);border-color:var(--pri)}
:root[data-tk] .seg a.is-on{background:var(--pri);color:var(--on-pri)}
:root[data-tk] .stat{border-top:0}:root[data-tk] .stat .ic-b{background:var(--pri-s);color:var(--pri)}
:root[data-tk] .qa-t{--qc:var(--pri);background:var(--card);border:var(--card-bd);border-radius:var(--r);box-shadow:var(--card-sh)}
:root[data-tk] .dash-h{background:var(--banner);color:var(--banner-ink);padding:26px 28px;border-radius:var(--r);margin-bottom:16px;border:var(--banner-bd,0);align-items:center}
:root[data-tk] .dash-h h1,:root[data-tk] .dash-h .crumb{color:inherit}
:root[data-tk] .dash-h .btn:not(.btn-p){background:color-mix(in srgb,var(--banner-ink) 12%,transparent);border-color:color-mix(in srgb,var(--banner-ink) 35%,transparent);color:var(--banner-ink)}
:root[data-tk] .wk-d a.on{background:var(--pri);color:var(--on-pri)}:root[data-tk] .wk-d a i{background:var(--pri)}
:root[data-tk] .ring-fg{stroke:var(--pri)}
:root[data-tk] .gnav{--gb:var(--gnb);--ga:var(--ga2);--gf:var(--gf2,color-mix(in srgb,var(--side-ink) 80%,transparent))}:root[data-tk] .gn-bubble .gn-ind{background:var(--pri)}:root[data-tk] .gn-bubble a.on{color:var(--on-pri)}
:root[data-tk] .flash{background:var(--card);color:var(--ink)}
@media (max-width:860px){:root[data-tk] .side{background:var(--sbg-m,var(--sbg))}}
:root[data-skin=neon]{--bg:#0b0c16;--bg2:#151631;--card:#12132a;--ink:#ecebff;--ink2:#bdbde6;--mute:#7d7fa8;--line:#23254a;--line2:#363a72;--pri:#ff2bd6;--pri2:#ff74e6;--pri-s:rgba(255,43,214,.16);--on-pri:#fff;--ok:#2bffb1;--ok-s:rgba(43,255,177,.12);--bad:#ff5470;--bad-s:rgba(255,84,112,.14);--warn:#ffd23f;--warn-s:rgba(255,210,63,.12);--info:#3ad7ff;--info-s:rgba(58,215,255,.12);--body:radial-gradient(60% 50% at 85% 0%,rgba(255,43,214,.18),transparent 60%),radial-gradient(50% 50% at 0% 100%,rgba(58,215,255,.14),transparent 60%),linear-gradient(rgba(122,92,255,.07) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(122,92,255,.07) 1px,transparent 1px) 0 0/40px 40px,#0b0c16;--sbg:rgba(8,9,26,.86);--side-ink:#d4d5ff;--side-mute:#6d70a0;--side-on:linear-gradient(90deg,#ff2bd6,#7a5cff);--side-on-ink:#fff;--side-bd:1px solid #23254a;--banner:radial-gradient(70% 140% at 100% 0%,rgba(255,43,214,.45),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(58,215,255,.35),transparent 60%),#11122b;--banner-ink:#fff;--banner-bd:1px solid rgba(255,43,214,.5);--r:14px;--r2:14px;--btn-r:10px;--card-bd:1px solid #23254a;--card-sh:0 0 0 1px rgba(255,43,214,.05),0 18px 40px -20px rgba(0,0,0,.8);--gnb:rgba(12,13,32,.88);--ga2:#ff74e6;color-scheme:dark}
:root[data-skin=neon] .btn-p{box-shadow:0 0 18px rgba(255,43,214,.55)}
:root[data-skin=neon] .page-h h1{text-shadow:0 0 18px rgba(58,215,255,.45)}
:root[data-skin=neon] .side .nav a.is-on{box-shadow:0 0 22px rgba(255,43,214,.5)}
:root[data-skin=neon] .stat .ic-b{background:rgba(58,215,255,.12);color:#3ad7ff;box-shadow:0 0 14px rgba(58,215,255,.3)}
:root[data-skin=neon] .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root[data-skin=forest]{--bg:#eef1ea;--bg2:#e4eadf;--card:#fbfcf8;--ink:#1d2a20;--ink2:#3c4d3f;--mute:#6f7d70;--line:#dfe6da;--line2:#c5d1bd;--pri:#2f6b3f;--pri2:#245533;--pri-s:#e1eedf;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:radial-gradient(40% 40% at 100% 0%,rgba(122,163,107,.25),transparent 70%),#eef1ea;--sbg:linear-gradient(180deg,#24432f,#17301f);--side-ink:#e7efe2;--side-mute:#9db39f;--side-on:#e7efe2;--side-on-ink:#1f3a2a;--side-bd:0;--banner:radial-gradient(50% 120% at 100% 0%,rgba(190,220,150,.35),transparent 60%),linear-gradient(135deg,#2f6b3f,#17301f);--banner-ink:#f3f8ee;--banner-bd:0;--r:18px;--r2:18px;--btn-r:99px;--card-bd:1px solid #dfe6da;--card-sh:0 8px 24px -16px rgba(29,42,32,.25);--gnb:rgba(23,48,31,.9);--ga2:#bfe3a4;color-scheme:light}
:root[data-skin=forest] .dash-h::after{content:"";position:absolute;inset-inline-start:-30px;bottom:-40px;width:200px;height:200px;border-radius:0 100% 0 100%;background:rgba(191,227,164,.18);transform:rotate(20deg)}
:root[data-skin=forest] .dash-h{position:relative;overflow:hidden}
:root[data-skin=forest] .dash-h>*{position:relative;z-index:1}
:root[data-skin=ink]{--bg:#ffffff;--bg2:#f3f3f3;--card:#fff;--ink:#0d0d0d;--ink2:#2b2b2b;--mute:#707070;--line:#e4e4e4;--line2:#0d0d0d;--pri:#e63312;--pri2:#bf2a0e;--pri-s:#fde6e1;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:#fff;--sbg:#fff;--side-ink:#0d0d0d;--side-mute:#777;--side-on:#0d0d0d;--side-on-ink:#fff;--side-bd:0;--banner:#0d0d0d;--banner-ink:#fff;--banner-bd:0;--r:0px;--r2:0px;--btn-r:0px;--card-bd:1.5px solid #0d0d0d;--card-sh:none;--gnb:rgba(13,13,13,.92);--ga2:#fff;color-scheme:light}
:root[data-skin=ink] .side{border-inline-end:2px solid #0d0d0d}
:root[data-skin=ink] .page-h h1{font-weight:900;font-size:2rem;letter-spacing:-.02em}
:root[data-skin=ink] .card-h{border-bottom:1.5px solid #0d0d0d}
:root[data-skin=ink] .card-h h3{font-weight:900}
:root[data-skin=ink] .tbl th{border-bottom:2px solid #0d0d0d;color:#0d0d0d}
:root[data-skin=ink] .dash-h h1::after{content:"";display:block;width:48px;height:4px;background:#e63312;margin-top:8px}
:root[data-skin=ink] .btn{border-width:1.5px;border-color:#0d0d0d}
:root[data-skin=ink] .badge{border-radius:0}
:root[data-skin=candy]{--bg:#fff5fa;--bg2:#fdeaf3;--card:#fff;--ink:#3b2340;--ink2:#5e4566;--mute:#9a8aa0;--line:#f6dbe8;--line2:#efc6da;--pri:#ff5fa2;--pri2:#f23c8a;--pri-s:#ffe1ee;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:linear-gradient(160deg,#ffe4ef,#f3eaff 50%,#e4efff);--sbg:rgba(255,255,255,.75);--side-ink:#5e4566;--side-mute:#b29bb8;--side-on:linear-gradient(90deg,#ffb3d1,#c9b5ff);--side-on-ink:#3b2340;--side-bd:0;--banner:linear-gradient(120deg,#ffc2dc,#d9c7ff 55%,#bfe0ff);--banner-ink:#3b2340;--banner-bd:0;--r:26px;--r2:26px;--btn-r:99px;--card-bd:0;--card-sh:0 14px 34px -18px rgba(255,95,162,.4);--gnb:rgba(255,255,255,.82);--ga2:#ff5fa2;--gf2:#7a5f80;color-scheme:light}
:root[data-skin=candy] .side{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root[data-skin=candy] .stat .ic-b{border-radius:50%;background:#ffe1ee;color:#ff5fa2}
:root[data-skin=candy] .g4>.stat:nth-child(2) .ic-b{background:#e9e0ff;color:#7a5cff}
:root[data-skin=candy] .g4>.stat:nth-child(3) .ic-b{background:#dff4ff;color:#2a8fd6}
:root[data-skin=candy] .g4>.stat:nth-child(4) .ic-b{background:#e3fbef;color:#21a36b}
:root[data-skin=candy] .dash-h h1::before{content:"🍬 "}
:root[data-skin=amber]{--bg:#0f0d0a;--bg2:#1b1712;--card:#17140f;--ink:#f3ead8;--ink2:#cdbf9f;--mute:#8f8467;--line:#2a241a;--line2:#3d3424;--pri:#d4a24c;--pri2:#e8bd6c;--pri-s:rgba(212,162,76,.14);--on-pri:#1a1408;--ok:#7cc68d;--ok-s:rgba(124,198,141,.12);--bad:#e2735f;--bad-s:rgba(226,115,95,.12);--warn:#e8bd6c;--warn-s:rgba(232,189,108,.12);--info:#8fb6e0;--info-s:rgba(143,182,224,.12);--body:radial-gradient(50% 40% at 90% 0%,rgba(212,162,76,.12),transparent 70%),#0f0d0a;--sbg:#0b0a07;--side-ink:#e8dcc0;--side-mute:#7d735b;--side-on:rgba(212,162,76,.16);--side-on-ink:#e8bd6c;--side-bd:1px solid #2a241a;--banner:linear-gradient(135deg,#2a2114,#0f0d0a 70%);--banner-ink:#f3ead8;--banner-bd:1px solid rgba(212,162,76,.45);--r:8px;--r2:8px;--btn-r:4px;--card-bd:1px solid #2a241a;--card-sh:none;--gnb:rgba(11,10,7,.92);--ga2:#e8bd6c;color-scheme:dark}
:root[data-skin=amber] .page-h h1{letter-spacing:.01em}
:root[data-skin=amber] .side .nav a.is-on{box-shadow:inset 3px 0 0 #d4a24c}
:root[data-skin=amber] .dash-h h1{color:#e8bd6c}
:root[data-skin=amber] .btn-p{background:linear-gradient(180deg,#e8bd6c,#c4923e)}
:root[data-skin=nordic]{--bg:#eef2f6;--bg2:#e3e9f0;--card:#fff;--ink:#1c2733;--ink2:#3a4a5c;--mute:#7a8898;--line:#e1e7ee;--line2:#cbd5e0;--pri:#3a6ea5;--pri2:#2c5a8a;--pri-s:#e3edf7;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:#eef2f6;--sbg:#2b3a4a;--side-ink:#e3eaf2;--side-mute:#8fa0b3;--side-on:#e3edf7;--side-on-ink:#2b3a4a;--side-bd:0;--banner:radial-gradient(60% 140% at 100% 0%,#ffffff,transparent 60%),linear-gradient(135deg,#d3e2f1,#e9eff6);--banner-ink:#1c2733;--banner-bd:0;--r:12px;--r2:12px;--btn-r:8px;--card-bd:1px solid #e1e7ee;--card-sh:0 1px 2px rgba(28,39,51,.05);--gnb:rgba(43,58,74,.92);--ga2:#a9cbef;color-scheme:light}
:root[data-skin=nordic] .dash-h{position:relative;overflow:hidden}
:root[data-skin=nordic] .dash-h::after{content:"❄";position:absolute;inset-inline-start:30px;top:50%;transform:translateY(-50%);font-size:90px;color:rgba(58,110,165,.12)}
:root[data-skin=term]{--bg:#070b07;--bg2:#0c140c;--card:#0a110a;--ink:#b6ffb6;--ink2:#86e486;--mute:#4f8f4f;--line:#143214;--line2:#1f4d1f;--pri:#39ff6a;--pri2:#8dffa6;--pri-s:rgba(57,255,106,.12);--on-pri:#031103;--ok:#39ff6a;--ok-s:rgba(57,255,106,.12);--bad:#ff5c5c;--bad-s:rgba(255,92,92,.12);--warn:#ffd84a;--warn-s:rgba(255,216,74,.12);--info:#5cd6ff;--info-s:rgba(92,214,255,.12);--body:repeating-linear-gradient(0deg,rgba(57,255,106,.035) 0 1px,transparent 1px 3px),#050805;--sbg:#040704;--side-ink:#8fef8f;--side-mute:#3f7f3f;--side-on:#39ff6a;--side-on-ink:#031103;--side-bd:1px solid #143214;--banner:#061206;--banner-ink:#b6ffb6;--banner-bd:1px solid #39ff6a;--r:3px;--r2:3px;--btn-r:2px;--card-bd:1px solid #1f4d1f;--card-sh:none;--gnb:rgba(4,7,4,.95);--ga2:#39ff6a;--gf2:#6fbf6f;color-scheme:dark}
:root[data-skin=term] .page-h h1,:root[data-skin=term] .card-h h3,:root[data-skin=term] .stat .v{text-shadow:0 0 10px rgba(57,255,106,.45)}
:root[data-skin=term] .dash-h h1::before{content:"> ";color:#39ff6a}
:root[data-skin=term] .dash-h h1::after{content:"_";animation:termBlink 1s steps(1) infinite}
@keyframes termBlink{50%{opacity:0}}
:root[data-skin=term] .btn-p{box-shadow:0 0 14px rgba(57,255,106,.45)}
:root[data-skin=desert]{--bg:#f8ead4;--bg2:#f1dcbd;--card:#fff8ee;--ink:#3b2414;--ink2:#5c3b22;--mute:#8f6f55;--line:#ecd6b6;--line2:#ddbb8f;--pri:#c4572b;--pri2:#a8461f;--pri-s:#f8e0d3;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:linear-gradient(180deg,#fbeedb,#f3d6ae);--sbg:linear-gradient(180deg,#8a3b1c,#5a240f);--side-ink:#fbe7d3;--side-mute:#d7a988;--side-on:#fbe7d3;--side-on-ink:#8a3b1c;--side-bd:0;--banner:radial-gradient(40% 90% at 15% 30%,#ffd98a,transparent 60%),linear-gradient(170deg,#e9a25d,#c4572b 55%,#7d2f15);--banner-ink:#fff8ee;--banner-bd:0;--r:16px;--r2:16px;--btn-r:12px;--card-bd:1px solid #ecd6b6;--card-sh:0 10px 26px -18px rgba(90,36,15,.4);--gnb:rgba(90,36,15,.92);--ga2:#ffd98a;color-scheme:light}
:root[data-skin=desert] .dash-h{position:relative;overflow:hidden}
:root[data-skin=desert] .dash-h::after{content:"";position:absolute;inset-inline:0;bottom:0;height:40%;background:radial-gradient(120% 100% at 30% 100%,rgba(90,36,15,.55),transparent 70%),radial-gradient(90% 80% at 85% 100%,rgba(125,47,21,.5),transparent 70%)}
:root[data-skin=desert] .dash-h>*{position:relative;z-index:1}
:root[data-skin=corp]{--bg:#f4f6fa;--bg2:#eceff5;--card:#fff;--ink:#111827;--ink2:#374151;--mute:#6b7280;--line:#e5e7eb;--line2:#d1d5db;--pri:#1a56db;--pri2:#1e429f;--pri-s:#e1effe;--on-pri:#fff;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:#f4f6fa;--sbg:#fff;--side-ink:#374151;--side-mute:#9ca3af;--side-on:#e1effe;--side-on-ink:#1a56db;--side-bd:0;--banner:linear-gradient(135deg,#1a56db,#1e429f);--banner-ink:#fff;--banner-bd:0;--r:10px;--r2:10px;--btn-r:8px;--card-bd:1px solid #e5e7eb;--card-sh:0 1px 2px rgba(17,24,39,.05);--gnb:rgba(255,255,255,.92);--ga2:#1a56db;--gf2:#6b7280;color-scheme:light}
:root[data-skin=corp] .side{border-inline-end:1px solid #e5e7eb}
:root[data-skin=corp] .side .nav a.is-on{font-weight:700}
:root[data-skin=brutal]{--bg:#fffbe8;--bg2:#fff3c4;--card:#fff;--ink:#000;--ink2:#111;--mute:#444;--line:#000;--line2:#000;--pri:#ff5c35;--pri2:#ff7a59;--pri-s:#ffe1d6;--on-pri:#000;--ok:#1f8a4c;--ok-s:#e3f3ea;--bad:#c62828;--bad-s:#fde8e8;--warn:#a8660a;--warn-s:#fdf0dc;--info:#1e60b0;--info-s:#e4eefa;--body:#fffbe8;--sbg:#ffd23f;--side-ink:#000;--side-mute:#5a4a00;--side-on:#000;--side-on-ink:#ffd23f;--side-bd:0;--banner:#7df9c8;--banner-ink:#000;--banner-bd:3px solid #000;--r:12px;--r2:12px;--btn-r:10px;--card-bd:2.5px solid #000;--card-sh:5px 5px 0 #000;--gnb:#ffd23f;--ga2:#000;--gf2:#000;color-scheme:light}
:root[data-skin=brutal] .side{border-inline-end:3px solid #000}
:root[data-skin=brutal] .btn{border:2px solid #000;box-shadow:3px 3px 0 #000;font-weight:800;transition:transform .08s,box-shadow .08s}
:root[data-skin=brutal] .btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000;color:#000}
:root[data-skin=brutal] .btn:active{transform:translate(3px,3px);box-shadow:0 0 0 #000}
:root[data-skin=brutal] .btn-g{box-shadow:none;border-color:transparent}
:root[data-skin=brutal] .dash-h{box-shadow:6px 6px 0 #000}
:root[data-skin=brutal] .page-h h1{font-weight:900}
:root[data-skin=brutal] .input{border:2px solid #000}
:root[data-skin=brutal] .badge{border:1.5px solid #000}
:root[data-skin=brutal] .stat .ic-b{border:2px solid #000;background:#ff5c35;color:#000}
:root[data-skin=brutal] .gnav .gn-bg{border:2.5px solid #000;box-shadow:4px 4px 0 #000}
:root[data-skin=brutal] .chip,:root[data-skin=brutal] .gs-open,:root[data-skin=brutal] .qa-top a{border:2px solid #000}
:root[data-skin=brutal] .side .nav a.is-on{box-shadow:3px 3px 0 #ff5c35}
/* ───── ۹.۲۲: پوسته‌های محبوب گیت‌هاب (رنگ‌بندی‌های متن‌باز MIT: Dracula، Catppuccin، Tokyo Night، Rosé Pine، Gruvbox، Primer، Synthwave '84) ───── */
:root[data-skin=dracula]{--bg:#282a36;--bg2:#343746;--card:#2d2f3d;--ink:#f8f8f2;--ink2:#d6d6e4;--mute:#8b93c4;--line:#3a3d4f;--line2:#4b4f68;--pri:#bd93f9;--pri2:#d4b6ff;--pri-s:rgba(189,147,249,.16);--on-pri:#1e1f29;--acc2:#ff79c6;--ok:#50fa7b;--ok-s:rgba(80,250,123,.12);--bad:#ff5555;--bad-s:rgba(255,85,85,.14);--warn:#f1fa8c;--warn-s:rgba(241,250,140,.12);--info:#8be9fd;--info-s:rgba(139,233,253,.12);--body:radial-gradient(55% 45% at 90% 0%,rgba(189,147,249,.16),transparent 65%),radial-gradient(45% 45% at 0% 100%,rgba(255,121,198,.10),transparent 65%),#282a36;--sbg:#21222c;--side-ink:#e6e6f0;--side-mute:#6272a4;--side-on:linear-gradient(90deg,#bd93f9,#ff79c6);--side-on-ink:#1e1f29;--side-bd:1px solid #191a21;--banner:radial-gradient(70% 140% at 100% 0%,rgba(255,121,198,.42),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(139,233,253,.28),transparent 60%),linear-gradient(135deg,#44475a,#2b2d3b);--banner-ink:#f8f8f2;--banner-bd:1px solid rgba(189,147,249,.45);--r:14px;--r2:14px;--btn-r:10px;--card-bd:1px solid #3a3d4f;--card-sh:0 18px 40px -24px rgba(0,0,0,.7);--gnb:rgba(33,34,44,.92);--ga2:#ff79c6;color-scheme:dark}
:root[data-skin=mocha]{--bg:#1e1e2e;--bg2:#313244;--card:#24273a;--ink:#cdd6f4;--ink2:#bac2de;--mute:#7f849c;--line:#313244;--line2:#45475a;--pri:#cba6f7;--pri2:#dcc4fb;--pri-s:rgba(203,166,247,.15);--on-pri:#11111b;--acc2:#89b4fa;--ok:#a6e3a1;--ok-s:rgba(166,227,161,.12);--bad:#f38ba8;--bad-s:rgba(243,139,168,.14);--warn:#f9e2af;--warn-s:rgba(249,226,175,.12);--info:#89dceb;--info-s:rgba(137,220,235,.12);--body:radial-gradient(50% 45% at 100% 0%,rgba(203,166,247,.14),transparent 65%),radial-gradient(45% 40% at 0% 100%,rgba(137,180,250,.10),transparent 65%),#1e1e2e;--sbg:#181825;--side-ink:#cdd6f4;--side-mute:#6c7086;--side-on:#cba6f7;--side-on-ink:#11111b;--side-bd:1px solid #11111b;--banner:radial-gradient(70% 140% at 100% 0%,rgba(245,194,231,.35),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(137,180,250,.32),transparent 60%),linear-gradient(135deg,#313244,#1e1e2e);--banner-ink:#cdd6f4;--banner-bd:1px solid #45475a;--r:16px;--r2:16px;--btn-r:12px;--card-bd:1px solid #313244;--card-sh:0 16px 36px -24px rgba(0,0,0,.75);--gnb:rgba(24,24,37,.92);--ga2:#cba6f7;color-scheme:dark}
:root[data-skin=latte]{--bg:#eff1f5;--bg2:#e6e9ef;--card:#fff;--ink:#4c4f69;--ink2:#5c5f77;--mute:#8c8fa1;--line:#dce0e8;--line2:#ccd0da;--pri:#8839ef;--pri2:#7287fd;--pri-s:#ede3fd;--on-pri:#fff;--acc2:#1e66f5;--ok:#40a02b;--ok-s:#e4f3df;--bad:#d20f39;--bad-s:#fbe2e7;--warn:#df8e1d;--warn-s:#fbf0dc;--info:#209fb5;--info-s:#dff2f5;--body:radial-gradient(50% 40% at 100% 0%,rgba(136,57,239,.10),transparent 65%),radial-gradient(45% 40% at 0% 100%,rgba(30,102,245,.08),transparent 65%),#eff1f5;--sbg:#e6e9ef;--side-ink:#4c4f69;--side-mute:#8c8fa1;--side-on:#8839ef;--side-on-ink:#fff;--side-bd:1px solid #dce0e8;--banner:radial-gradient(70% 140% at 100% 0%,rgba(234,118,203,.45),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(30,102,245,.40),transparent 60%),linear-gradient(135deg,#8839ef,#7287fd);--banner-ink:#fff;--banner-bd:0;--r:16px;--r2:16px;--btn-r:12px;--card-bd:1px solid #dce0e8;--card-sh:0 10px 30px -22px rgba(76,79,105,.45);--gnb:rgba(255,255,255,.92);--ga2:#8839ef;--gf2:#8c8fa1;color-scheme:light}
:root[data-skin=tokyo]{--bg:#1a1b26;--bg2:#24283b;--card:#1f2335;--ink:#c0caf5;--ink2:#a9b1d6;--mute:#737aa2;--line:#292e42;--line2:#3b4261;--pri:#7aa2f7;--pri2:#9ab8ff;--pri-s:rgba(122,162,247,.15);--on-pri:#11121a;--acc2:#bb9af7;--ok:#9ece6a;--ok-s:rgba(158,206,106,.12);--bad:#f7768e;--bad-s:rgba(247,118,142,.14);--warn:#e0af68;--warn-s:rgba(224,175,104,.12);--info:#7dcfff;--info-s:rgba(125,207,255,.12);--body:radial-gradient(55% 45% at 100% 0%,rgba(122,162,247,.16),transparent 65%),radial-gradient(45% 45% at 0% 100%,rgba(187,154,247,.12),transparent 65%),#1a1b26;--sbg:#16161e;--side-ink:#c0caf5;--side-mute:#565f89;--side-on:linear-gradient(90deg,#7aa2f7,#bb9af7);--side-on-ink:#11121a;--side-bd:1px solid #101014;--banner:radial-gradient(70% 140% at 100% 0%,rgba(187,154,247,.42),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(125,207,255,.30),transparent 60%),linear-gradient(135deg,#24283b,#16161e);--banner-ink:#c0caf5;--banner-bd:1px solid #3b4261;--r:14px;--r2:14px;--btn-r:10px;--card-bd:1px solid #292e42;--card-sh:0 18px 40px -24px rgba(0,0,0,.8);--gnb:rgba(22,22,30,.92);--ga2:#7aa2f7;color-scheme:dark}
:root[data-skin=rosepine]{--bg:#191724;--bg2:#26233a;--card:#1f1d2e;--ink:#e0def4;--ink2:#c8c5e0;--mute:#908caa;--line:#26233a;--line2:#403d52;--pri:#ebbcba;--pri2:#f3d2d0;--pri-s:rgba(235,188,186,.14);--on-pri:#191724;--acc2:#c4a7e7;--ok:#9ccfd8;--ok-s:rgba(156,207,216,.12);--bad:#eb6f92;--bad-s:rgba(235,111,146,.14);--warn:#f6c177;--warn-s:rgba(246,193,119,.12);--info:#31748f;--info-s:rgba(49,116,143,.2);--body:radial-gradient(55% 45% at 100% 0%,rgba(196,167,231,.14),transparent 65%),radial-gradient(45% 45% at 0% 100%,rgba(235,111,146,.10),transparent 65%),#191724;--sbg:#1f1d2e;--side-ink:#e0def4;--side-mute:#6e6a86;--side-on:linear-gradient(90deg,#ebbcba,#c4a7e7);--side-on-ink:#191724;--side-bd:1px solid #26233a;--banner:radial-gradient(70% 140% at 100% 0%,rgba(235,111,146,.38),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(49,116,143,.45),transparent 60%),linear-gradient(135deg,#26233a,#191724);--banner-ink:#e0def4;--banner-bd:1px solid #403d52;--r:18px;--r2:18px;--btn-r:12px;--card-bd:1px solid #26233a;--card-sh:0 18px 40px -24px rgba(0,0,0,.8);--gnb:rgba(31,29,46,.92);--ga2:#ebbcba;color-scheme:dark}
:root[data-skin=gruvbox]{--bg:#282828;--bg2:#3c3836;--card:#32302f;--ink:#ebdbb2;--ink2:#d5c4a1;--mute:#a89984;--line:#3c3836;--line2:#504945;--pri:#fe8019;--pri2:#ff9a46;--pri-s:rgba(254,128,25,.15);--on-pri:#1d2021;--acc2:#fabd2f;--ok:#b8bb26;--ok-s:rgba(184,187,38,.13);--bad:#fb4934;--bad-s:rgba(251,73,52,.14);--warn:#fabd2f;--warn-s:rgba(250,189,47,.13);--info:#83a598;--info-s:rgba(131,165,152,.15);--body:radial-gradient(55% 45% at 100% 0%,rgba(254,128,25,.12),transparent 65%),#282828;--sbg:#1d2021;--side-ink:#ebdbb2;--side-mute:#928374;--side-on:#fe8019;--side-on-ink:#1d2021;--side-bd:1px solid #141617;--banner:radial-gradient(70% 140% at 100% 0%,rgba(250,189,47,.35),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(142,192,124,.28),transparent 60%),linear-gradient(135deg,#504945,#282828);--banner-ink:#fbf1c7;--banner-bd:1px solid #665c54;--r:10px;--r2:10px;--btn-r:8px;--card-bd:1px solid #3c3836;--card-sh:0 14px 30px -22px rgba(0,0,0,.8);--gnb:rgba(29,32,33,.92);--ga2:#fe8019;color-scheme:dark}
:root[data-skin=primer]{--bg:#0d1117;--bg2:#161b22;--card:#161b22;--ink:#e6edf3;--ink2:#c9d1d9;--mute:#7d8590;--line:#21262d;--line2:#30363d;--pri:#2f81f7;--pri2:#58a6ff;--pri-s:rgba(47,129,247,.15);--on-pri:#fff;--acc2:#a371f7;--ok:#3fb950;--ok-s:rgba(63,185,80,.13);--bad:#f85149;--bad-s:rgba(248,81,73,.14);--warn:#d29922;--warn-s:rgba(210,153,34,.14);--info:#58a6ff;--info-s:rgba(88,166,255,.13);--body:radial-gradient(60% 40% at 100% 0%,rgba(47,129,247,.12),transparent 65%),radial-gradient(40% 40% at 0% 100%,rgba(163,113,247,.10),transparent 65%),#0d1117;--sbg:#010409;--side-ink:#e6edf3;--side-mute:#7d8590;--side-on:rgba(177,186,196,.12);--side-on-ink:#fff;--side-bd:1px solid #21262d;--banner:radial-gradient(70% 140% at 100% 0%,rgba(163,113,247,.40),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(63,185,80,.25),transparent 60%),linear-gradient(135deg,#161b22,#0d1117);--banner-ink:#e6edf3;--banner-bd:1px solid #30363d;--r:12px;--r2:12px;--btn-r:8px;--card-bd:1px solid #30363d;--card-sh:none;--gnb:rgba(1,4,9,.92);--ga2:#58a6ff;color-scheme:dark}
:root[data-skin=synth]{--bg:#241b2f;--bg2:#2a2139;--card:#262335;--ink:#fdfdfd;--ink2:#e2d8f0;--mute:#9a8bb5;--line:#34294f;--line2:#4a3b6b;--pri:#ff7edb;--pri2:#ffa6e8;--pri-s:rgba(255,126,219,.16);--on-pri:#1a1325;--acc2:#36f9f6;--ok:#72f1b8;--ok-s:rgba(114,241,184,.12);--bad:#fe4450;--bad-s:rgba(254,68,80,.14);--warn:#fede5d;--warn-s:rgba(254,222,93,.12);--info:#36f9f6;--info-s:rgba(54,249,246,.12);--body:linear-gradient(180deg,#1a1325 0%,#241b2f 55%,#3a1f4a 100%);--sbg:#171520;--side-ink:#f0e8ff;--side-mute:#7e6c9e;--side-on:linear-gradient(90deg,#ff7edb,#ff8b39);--side-on-ink:#1a1325;--side-bd:1px solid #34294f;--banner:linear-gradient(180deg,transparent 60%,rgba(255,126,219,.20) 60.5%,transparent 61%,transparent 72%,rgba(255,126,219,.18) 72.5%,transparent 73%,transparent 84%,rgba(255,126,219,.16) 84.5%,transparent 85%),radial-gradient(34% 80% at 14% 70%,#fede5d 0 18%,#ff8b39 34%,rgba(255,126,219,.55) 52%,transparent 72%),linear-gradient(180deg,#2b1747,#4a1d5e 55%,#7a2a6a);--banner-ink:#fff;--banner-bd:1px solid rgba(255,126,219,.55);--r:14px;--r2:14px;--btn-r:10px;--card-bd:1px solid #34294f;--card-sh:0 0 0 1px rgba(255,126,219,.05),0 18px 40px -22px rgba(0,0,0,.8);--gnb:rgba(23,21,32,.92);--ga2:#ff7edb;color-scheme:dark}

/* جلوه‌های مشترک این بسته */
:root[data-gh] ::selection{background:color-mix(in srgb,var(--pri) 40%,transparent);color:var(--ink)}
:root[data-gh] *{scrollbar-color:color-mix(in srgb,var(--pri) 45%,var(--line2)) transparent}
:root[data-gh] .page-h h1{background:linear-gradient(90deg,var(--pri),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content}
:root[data-gh] .page-h h1 *{-webkit-text-fill-color:currentColor}
:root[data-gh] .dash-h{position:relative;overflow:hidden;isolation:isolate}
:root[data-gh] .dash-h::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--pri) 35%,transparent),transparent 30%,color-mix(in srgb,var(--acc2) 30%,transparent),transparent 60%);animation:ghSpin 18s linear infinite;opacity:.7}
:root[data-gh] .dash-h::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--banner);opacity:.82;border-radius:inherit}
:root[data-gh] .dash-h h1{font-size:1.85rem;letter-spacing:-.01em;background:none;color:var(--banner-ink);-webkit-text-fill-color:currentColor}
@keyframes ghSpin{to{transform:rotate(360deg)}}
:root[data-gh] .card{transition:border-color .2s,box-shadow .2s}
:root[data-gh] .card:hover{border-color:color-mix(in srgb,var(--pri) 35%,var(--line2))}
:root[data-gh] .stat,:root[data-gh] .qa-t{transition:transform .18s,box-shadow .18s,border-color .18s}
:root[data-gh] .stat:hover,:root[data-gh] .qa-t:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pri) 55%,transparent);box-shadow:0 14px 34px -18px color-mix(in srgb,var(--pri) 70%,transparent)}
:root[data-gh] .stat .ic-b{background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 24%,transparent),color-mix(in srgb,var(--acc2) 18%,transparent));color:var(--pri)}
:root[data-gh] .g4>.stat:nth-child(even) .ic-b{color:var(--acc2)}
:root[data-gh] .stat .v{font-weight:900}
:root[data-gh] .btn-p{background:linear-gradient(135deg,var(--pri),color-mix(in srgb,var(--pri) 55%,var(--acc2)));border-color:transparent;box-shadow:0 8px 22px -10px color-mix(in srgb,var(--pri) 85%,transparent)}
:root[data-gh] .btn-p:hover{filter:brightness(1.08);box-shadow:0 10px 28px -10px var(--pri)}
:root[data-gh] .input:focus{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 25%,transparent)}
:root[data-gh] .side .nav a.is-on{box-shadow:0 8px 24px -12px color-mix(in srgb,var(--pri) 90%,transparent);font-weight:800}
:root[data-gh] .side .brand-logo{background:linear-gradient(135deg,var(--pri),var(--acc2));box-shadow:0 0 22px -4px color-mix(in srgb,var(--pri) 70%,transparent)}
:root[data-gh] .tbl tbody tr:hover td{background:color-mix(in srgb,var(--pri) 7%,transparent)}
:root[data-gh] .badge{border-radius:99px}
:root[data-gh] .gn-bubble .gn-ind{background:linear-gradient(135deg,var(--pri),var(--acc2))}
:root[data-gh] .ring-fg{stroke:var(--pri)}
:root[data-skin=synth] .page-h h1{filter:drop-shadow(0 0 12px rgba(255,126,219,.45))}
:root[data-skin=synth] .dash-h h1{text-shadow:0 0 14px #ff7edb,0 0 2px #fff}
:root[data-skin=synth] .side .nav a.is-on,:root[data-skin=synth] .btn-p{box-shadow:0 0 20px rgba(255,126,219,.55)}
:root[data-skin=primer] .page-h h1{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
:root[data-skin=primer] .btn-p{background:#238636;border-color:rgba(240,246,252,.1);box-shadow:none;color:#fff}:root[data-skin=primer] .btn-p:hover{background:#2ea043;filter:none;box-shadow:none}
:root[data-skin=primer] .side .nav a.is-on{box-shadow:inset 3px 0 0 #f78166;border-radius:6px}
:root[data-skin=gruvbox] .page-h h1{font-weight:900}
:root[data-skin=latte] .dash-h::after{opacity:.92}
@media (prefers-reduced-motion:reduce){:root[data-gh] .dash-h::before{animation:none}:root[data-gh] .stat:hover,:root[data-gh] .qa-t:hover{transform:none}}
@media print{:root[data-gh] body{background:#fff;color:#000}:root[data-gh] .page-h h1{color:#000;-webkit-text-fill-color:#000;background:none}}
.ap-mock{background:var(--mb)}.ap-mock>i{background:var(--ms);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ap-mock span i{background:var(--mc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ap-mock span i:first-child{background:var(--ma);box-shadow:none}
.ap-cat{margin:14px 0 8px;font-size:.85rem;color:var(--mute);font-weight:700}.ap-cat:first-child{margin-top:0}
.ap-row[hidden]{display:none}

/* ═══ CRM حرفه‌ای (۹.۱) ═══ */
.fc-bar{position:relative;display:flex;height:22px;border-radius:999px;background:var(--bg2);overflow:visible;margin:6px 0 10px}
.fc-bar>i{display:block;height:100%}.fc-bar>i:first-child{border-radius:0 999px 999px 0}.fc-bar>i:last-of-type{border-radius:999px 0 0 999px}
.fc-tg{position:absolute;top:-6px;bottom:-6px;width:3px;margin-inline-start:-1px;background:var(--ink);border-radius:2px}
.fc-tg::after{content:'🎯';position:absolute;top:-20px;inset-inline-start:-8px;font-size:.8rem}
.fc-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--ink2)}.fc-leg span{display:inline-flex;align-items:center;gap:5px}.fc-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}.fc-leg i.tg{background:var(--ink);width:3px}
.fn-l{display:grid;gap:8px}.fn-r{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto auto;gap:10px;align-items:center;font-size:.88rem}
.fn-b{height:14px;background:var(--bg2);border-radius:999px;overflow:hidden}.fn-b i{display:block;height:100%;border-radius:999px}
.lb-p{display:inline-block;width:70px;height:7px;border-radius:9px;background:var(--bg2);vertical-align:middle;overflow:hidden}.lb-p i{display:block;height:100%;background:var(--ok);border-radius:9px}
.st-ed td{vertical-align:middle}.st-ed .st-new{opacity:.7}.st-req{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.8rem}
.kh-p{font-style:normal;font-size:.7rem;color:var(--mute);background:var(--bg2);padding:1px 6px;border-radius:9px;margin-inline-start:4px}
.kd-rot{display:inline-block;margin-inline-start:6px;font-size:.68rem;font-weight:700;color:var(--warn);background:var(--warn-s);padding:1px 6px;border-radius:9px;vertical-align:middle}
.kb-toast{position:fixed;inset-inline:16px;bottom:96px;margin:auto;max-width:440px;z-index:9999;background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.9rem;animation:kbt .3s ease}
@keyframes kbt{from{transform:translateY(16px);opacity:0}}
.sc-ring{--c:var(--info);flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--bg2) 0)}
.sc-ring b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card);font-size:1rem}
.sc-ring.sc-hot{--c:var(--bad)}.sc-ring.sc-warm{--c:var(--warn)}
.sc-pill{display:inline-block;min-width:26px;text-align:center;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:9px;background:var(--info-s);color:var(--info)}
.sc-pill.sc-hot{background:var(--bad-s);color:var(--bad)}.sc-pill.sc-warm{background:var(--warn-s);color:var(--warn)}
.ai-c .card-h{gap:12px}.sc-why{padding:0 16px 10px;font-size:.85rem}.sc-why summary{cursor:pointer;color:var(--mute)}
.sc-why ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.sc-why li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:3px}.sc-why b{color:var(--ok)}.sc-why b.neg{color:var(--bad)}
.nba{margin:0 12px 12px;padding:10px;border-radius:14px;background:linear-gradient(135deg,var(--pri-s),var(--bg2));display:grid;gap:6px}
.nba-h{font-size:.78rem;font-weight:800;color:var(--pri)}.nba-i{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--card);color:var(--ink);font-size:.85rem;text-decoration:none}.nba-i:hover{box-shadow:0 0 0 1px var(--pri)}
.cd-steps{display:grid;gap:6px;padding:0 16px 8px}.cd-s{display:grid;grid-template-columns:24px auto 110px 1fr;gap:6px;align-items:center}.cd-s label{display:flex;gap:4px;align-items:center;font-size:.8rem;color:var(--mute)}
.cd-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pri-s);color:var(--pri);font-size:.75rem;font-weight:800}
@media (max-width:640px){.cd-s{grid-template-columns:24px auto 1fr}.cd-s>input{grid-column:1/-1}.fn-r{grid-template-columns:1fr auto;}.fn-r .fn-b{grid-column:1/-1;order:3}}
.tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs a,.tabs button{white-space:nowrap;flex:none}

/* ═══ فرایندها: کانبان (۹.۲) ═══ */
.bp-kb{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;scroll-snap-type:x proximity}
.bp-col{flex:0 0 260px;background:var(--bg2);border-radius:16px;padding:10px;display:grid;gap:8px;scroll-snap-align:start}
.bp-col>header{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.88rem;padding:2px 4px 4px}
.bp-col.dn{opacity:.8}.bp-c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.bp-c.late{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad)}.bp-c>a{color:var(--ink);text-decoration:none;font-size:.88rem}
.bp-m{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.75rem;color:var(--ink2)}.bp-m a{text-decoration:none}.bp-a{display:flex}.bp-a .btn{flex:1}
.bp-e{color:var(--mute);text-align:center;font-size:.8rem;padding:14px 0}
@media (max-width:640px){.bp-col{flex-basis:82%}}

/* ═══ موزیک‌پلیر (۹.۲.۱) ═══ */
.mp{--mh:24;display:grid;gap:14px;align-content:start}.mp-page{padding:20px}
.mp-now{display:flex;align-items:center;gap:16px}
.mp-art{--h:24;flex:none;width:88px;height:88px;border-radius:22px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:18px 0;
  background:radial-gradient(120% 90% at 20% 10%,hsl(calc(var(--h) + 40) 85% 70%),transparent 60%),linear-gradient(140deg,hsl(var(--h) 70% 52%),hsl(calc(var(--h) + 70) 60% 32%));box-shadow:0 12px 30px hsl(var(--h) 60% 30% / .35);transition:background 1s}
.mp-art i{width:6px;height:14px;border-radius:3px;background:rgba(255,255,255,.85);transform-origin:bottom}
.mp.is-play .mp-art i{animation:mpq 1s ease-in-out infinite alternate}.mp-art i:nth-child(2){animation-delay:-.4s!important}.mp-art i:nth-child(3){animation-delay:-.8s!important}.mp-art i:nth-child(4){animation-delay:-.2s!important}.mp-art i:nth-child(5){animation-delay:-.6s!important}
@keyframes mpq{0%{transform:scaleY(.35)}100%{transform:scaleY(2.6)}}
.mp-meta{min-width:0;display:grid;gap:4px}.mp-t{font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-a{color:var(--mute);font-size:.88rem}
.mp-bar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.75rem;color:var(--mute);font-variant-numeric:tabular-nums;direction:ltr}
.mp-seek,.mp-vol{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9px;background:linear-gradient(to right,var(--pri) var(--p,0%),var(--line) 0);outline:none;margin:0}
.mp-vol{background:var(--line)}
.mp-seek::-webkit-slider-thumb,.mp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pri);border:3px solid var(--card);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.mp-seek::-moz-range-thumb,.mp-vol::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--pri);border:3px solid var(--card)}
.mp-ctl{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr}
.mp-b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:transform .15s,background .2s}
.mp-b:hover{background:var(--bg2)}.mp-b:active{transform:scale(.9)}.mp-b svg{width:24px;height:24px}
.mp-b.sm{width:38px;height:38px;color:var(--mute)}.mp-b.sm svg{width:20px;height:20px}.mp-b.sm.on{color:var(--pri)}
.mp-b[data-rp=one]{position:relative}.mp-b[data-rp=one]::after{content:'1';position:absolute;font-size:.55rem;font-weight:900;top:6px;right:6px}
.mp-b.big{width:64px;height:64px;background:var(--pri);color:var(--on-pri,#fff);box-shadow:0 8px 22px color-mix(in srgb,var(--pri) 40%,transparent)}.mp-b.big:hover{background:var(--pri);filter:brightness(1.08)}.mp-b.big svg{width:30px;height:30px}
.mp-v{display:flex;align-items:center;gap:10px;color:var(--mute);direction:ltr;max-width:240px;margin:0 auto;width:100%}.mp-v svg{width:20px;height:20px;flex:none}
.mp-q{margin-top:4px}.mp-hint{font-size:.8rem;color:var(--mute);margin:0;text-align:center}.mp-local .mp-hint{display:none}
.mp-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:52vh;overflow:auto}
.mp-list li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;cursor:pointer}
.mp-list li:hover,.mp-list li:focus-visible{background:var(--bg2);outline:none}.mp-list li.on{background:var(--pri-s)}.mp-list li.on b{color:var(--pri)}
.mp-li{min-width:0;display:grid}.mp-li b,.mp-li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-li b{font-size:.9rem;font-weight:700}.mp-li small{color:var(--mute);font-size:.75rem}
.mp-n{text-align:center;color:var(--mute);font-size:.8rem}.mp-n .eq{display:none}.mp-list li.pl .mp-n em{display:none}.mp-list li.pl .mp-n .eq{display:inline-flex}
.mp-d{font-size:.75rem;color:var(--mute);font-variant-numeric:tabular-nums}
.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:100%;background:currentColor;border-radius:2px;transform-origin:bottom;animation:mpq2 .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}
@keyframes mpq2{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
.mp-list li.pl .eq{color:var(--pri)}
.mp-empty{text-align:center;color:var(--mute);padding:40px 10px;line-height:2}
.mp-drop{display:grid;gap:4px;text-align:center;margin:0 16px;padding:22px 12px;border:2px dashed var(--line);border-radius:16px;cursor:pointer;position:relative;transition:border-color .2s,background .2s}
.mp-drop.on,.mp-drop:hover{border-color:var(--pri);background:var(--pri-s)}.mp-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.mp-drop small{color:var(--mute);font-size:.75rem}
.mp-prog{height:6px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:10px}.mp-prog i{display:block;height:100%;width:0;background:var(--pri);transition:width .2s}
.mp-lib{list-style:none;margin:0;padding:6px;display:grid;gap:2px;max-height:520px;overflow:auto}
.mp-lib li{display:flex;gap:6px;align-items:flex-start;padding:6px 8px;border-radius:10px}.mp-lib li:hover{background:var(--bg2)}.mp-lib details{flex:1;min-width:0}
.mp-lib summary{cursor:pointer;list-style:none;display:grid}.mp-lib summary::-webkit-details-marker{display:none}.mp-lib summary b{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-lib summary small{color:var(--mute);font-size:.72rem}
.mp-lib details[open]{display:grid;gap:6px}.mp-ed{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:6px}
.mp-h{cursor:grab;color:var(--mute);padding:4px 2px;user-select:none;letter-spacing:-3px;touch-action:none}
/* پنجرهٔ پخش جدا */
.mp-win{background:radial-gradient(120% 60% at 50% 0%,var(--pri-s),transparent 70%),var(--bg);min-height:100vh;margin:0}
.mp-full{max-width:460px;margin:0 auto;padding:22px 18px 18px}.mp-full .mp-now{flex-direction:column;text-align:center}.mp-full .mp-art{width:min(62vw,220px);height:min(62vw,220px);border-radius:36px;padding:34px 0;gap:8px}
.mp-full .mp-art i{width:10px;height:22px;border-radius:5px}.mp-full .mp-meta{justify-items:center;max-width:100%}.mp-full .mp-list{max-height:none}
.mp-foot{font-size:.72rem;color:var(--mute);text-align:center;margin:4px 0 0}
/* نوار کوچک در همهٔ صفحه‌ها */
.mbar{position:fixed;z-index:84;inset-inline-end:18px;bottom:18px;display:flex;align-items:center;gap:4px;width:330px;max-width:calc(100vw - 24px);padding:6px 6px 6px 8px;border-radius:20px;
  background:color-mix(in srgb,var(--card) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.16);overflow:hidden;animation:mbin .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes mbin{from{transform:translateY(30px);opacity:0}}
.mbar[hidden]{display:none}.mb-p{position:absolute;bottom:0;inset-inline-start:0;height:2px;background:var(--pri);width:0;transition:width 1s linear}
.mb-i{flex:none;width:40px;height:40px;border-radius:13px;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(140deg,var(--pri),color-mix(in srgb,var(--pri) 55%,#000))}
.mb-i .eq{display:none;height:16px}.mb-i b{font-size:1.1rem}.mbar.is-play .mb-i .eq{display:inline-flex}.mbar.is-play .mb-i b{display:none}
.mb-x{flex:1;min-width:0;display:grid;padding:0 6px}.mb-x b,.mb-x small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-x b{font-size:.82rem}.mb-x small{font-size:.7rem;color:var(--mute)}
.mb-c{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:1.2rem;font-weight:900}
.mb-c:hover{background:var(--bg2)}.mb-c svg{width:18px;height:18px}.mb-c.pp{background:var(--ink);color:var(--card)}.mb-c.pp:hover{background:var(--ink)}
.mbar:not(.is-live) [data-b=prev],.mbar:not(.is-live) [data-b=next]{display:none}
.mbar.is-min{width:auto;padding:5px}.mbar.is-min .mb-x,.mbar.is-min [data-b=prev],.mbar.is-min [data-b=next],.mbar.is-min .pp{display:none}.mbar.is-min .mb-m{transform:rotate(180deg)}
@media (max-width:860px){.mbar{bottom:calc(108px + env(safe-area-inset-bottom));inset-inline-end:12px;width:300px}}
@media print{.mbar{display:none}}

/* ═══ مرکز آموزش (۹.۲.۲) ═══ */
.nav-b{font-style:normal;margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--pri);color:#fff;font-size:.7rem;font-weight:800;display:inline-grid;place-items:center}
.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--pri);margin-inline-start:6px;display:inline-block;flex:none}
.lr-h .lr-prog{display:grid;gap:4px;text-align:center;font-size:.8rem;color:var(--mute);min-width:120px}.lr-prog b{font-size:1.2rem;color:var(--ink)}
.lr-prog i{display:block;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--ok) var(--p),var(--bg2) 0);transform:scaleX(-1)}
.lr-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.lr-bar .tabs{margin:0}.lr-q{max-width:340px;flex:1}
.lr-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.lr-c{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.lr-c:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.07)}.lr-c.dn{opacity:.72}
.lr-i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--pri-s);color:var(--pri)}.lr-i svg{width:20px;height:20px}
.lr-x{flex:1;display:grid;gap:3px}.lr-x b{font-size:.95rem}.lr-x small{color:var(--mute);font-size:.8rem;line-height:1.8}
.lr-new,.lr-vid{font-style:normal;font-size:.66rem;font-weight:800;padding:1px 7px;border-radius:9px;background:var(--pri);color:#fff;vertical-align:middle}.lr-vid{background:var(--info-s);color:var(--info)}
.lr-ok{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:var(--ok)}.lr-c.dn .lr-ok{background:var(--ok-s)}
.lr-ch{margin:20px 0 10px;color:var(--mute);font-size:.95rem}
.lr-tl section{position:relative;padding-inline-start:22px;padding-bottom:18px;border-inline-start:2px solid var(--line);margin-inline-start:6px}
.lr-tl h3{font-size:1rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}.lr-dot{position:absolute;inset-inline-start:-8px;width:14px;height:14px;border-radius:50%;background:var(--pri);box-shadow:0 0 0 4px var(--bg)}
.lr-art{padding:22px 26px}.lr-lead{font-size:1.05rem;color:var(--ink2);border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:0}
.lr-b{line-height:2.1}.lr-b h3{margin:18px 0 6px;color:var(--pri);font-size:1.02rem}.lr-b ul{padding-inline-start:20px}.lr-b code{background:var(--bg2);padding:1px 6px;border-radius:5px}
.lr-steps{list-style:none;padding:0;counter-reset:s}.lr-steps li{counter-increment:s;position:relative;padding-inline-start:36px;margin:8px 0}
.lr-steps li::before{content:counter(s,persian);position:absolute;inset-inline-start:0;top:3px;width:26px;height:26px;border-radius:50%;background:var(--pri);color:#fff;font-weight:900;font-size:.8rem;display:grid;place-items:center}
.lr-tip{background:var(--warn-s);border-radius:12px;padding:10px 14px;margin:12px 0;font-size:.92rem}
.lr-video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;margin:12px 0;background:#000}.lr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lr-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.lr-pn{display:flex;gap:10px;margin-top:16px;font-size:.85rem}.lr-pn a{text-decoration:none}
.lr-dash{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:16px;background:linear-gradient(135deg,var(--pri-s),var(--card));border:1px solid var(--line)}
.lr-dash-i{font-size:1.6rem}.lr-dash b{display:block}.lr-dash small{color:var(--mute)}
@media (max-width:640px){.lr-dash{flex-wrap:wrap}.lr-dash .btn{width:100%}.lr-art{padding:16px}}
.lr-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.lr-cats a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:1px solid var(--line2);background:var(--card);color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:600}
.lr-cats a svg{width:16px;height:16px;color:var(--pri)}.lr-cats a small{color:var(--mute)}.lr-cats a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lr-cats a.on small,.lr-cats a.on svg{color:inherit}
@media (max-width:640px){.lr-h .lr-prog{display:none}}
.hlp{display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-start:10px;border-radius:50%;border:1.5px solid var(--line2);color:var(--mute)!important;font:800 .78rem/1 inherit;text-decoration:none!important;vertical-align:middle;transition:all .15s;position:relative;top:-2px}
.hlp:hover{background:var(--pri);border-color:var(--pri);color:#fff!important}

/* ═══ طراحی قالب پیش‌فاکتور (۹.۳) ═══ */
.qd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}.qd-r{position:sticky;top:76px}
.qd-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:14px}
.qd-c{display:grid;gap:4px;padding:8px;border-radius:12px;border:2px solid var(--line);background:var(--card);transition:border-color .15s}.qd-c.on-w,.qd-c.on-p{border-color:var(--pri)}
.qd-c b{font-size:.9rem}.qd-c small{color:var(--mute);font-size:.74rem;line-height:1.7}
.qd-th{height:200px;overflow:hidden;border-radius:8px;background:#e9e6e0;cursor:pointer;position:relative}.qd-sc{position:absolute;top:6px;right:50%;transform:translateX(50%) scale(.215);transform-origin:top center;pointer-events:none}
.qd-sc .qt{width:794px;min-height:1123px}
.qd-pk{display:flex;gap:6px}.qd-pk label{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border-radius:8px;background:var(--bg2);font-size:.78rem;font-weight:700;cursor:pointer}
.qd-pk label:has(input:checked){background:var(--pri);color:#fff}.qd-pk input{display:none}
.qd-ck{display:flex;flex-wrap:wrap;gap:6px 16px}
.qd-pv iframe{width:100%;height:78vh;border:0;border-radius:0 0 14px 14px;background:#efece6;display:block}
.seg{display:inline-flex;background:var(--bg2);border-radius:99px;padding:3px}.seg button{border:0;background:none;padding:5px 14px;border-radius:99px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;color:var(--ink2)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
@media (max-width:1100px){.qd{grid-template-columns:1fr}.qd-r{position:static}.qd-pv iframe{height:70vh}}
@media (max-width:640px){.qd-g{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.qd-th{height:150px}.qd-sc{transform:translateX(50%) scale(.16)}}

/* ═══ اتصال به بوم (۹.۴) ═══ */
.bm-hero{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;margin:0 0 16px;border-radius:18px;background:linear-gradient(135deg,#1d1b3a,#3b2d78 60%,#7b4bd8);color:#fff}
.bm-hero h2{margin:0 0 4px;font-size:1.25rem}.bm-hero p{margin:0;color:#ddd6ff;line-height:2;font-size:.92rem}.bm-ic{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:1.6rem}
.bm-key{display:flex;gap:8px;align-items:center;margin:8px 0}.bm-key code{flex:1;font-size:.95rem;user-select:all;word-break:break-all;background:var(--card);padding:8px 10px;border-radius:8px}
.bm-perm{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);cursor:pointer}.bm-perm span{display:grid}.bm-perm small{color:var(--mute);font-size:.78rem}.bm-perm input{margin-top:5px}
.bm-pre{background:var(--bg2);padding:10px;border-radius:8px;overflow:auto;font-size:.78rem;white-space:pre-wrap}
.pl-multi{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.pl-geo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
/* 9.15: کارت سفارش‌ها در داشبورد */
.dash-orders{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;text-decoration:none;color:var(--ink)}
.dash-orders .grow{display:flex;flex-direction:column;min-width:0}.dash-orders.hot{border-color:var(--pri);box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 30%,transparent)}
/* 9.17: داشبورد رستوران و فروشگاه */
.kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:14px}
.kit-t{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:var(--r,18px);border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;min-height:110px}
.kit-t button{all:unset;display:flex;flex-direction:column;gap:2px;cursor:pointer;width:100%;height:100%}
.kit-t b{font-size:1.7rem;line-height:1.2}.kit-t span{font-weight:800;font-size:1.02rem}.kit-t small{color:var(--mute);font-size:.8rem}
.kit-t.hot{border-color:var(--pri);box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 30%,transparent)}
.kit-t.on{border-color:color-mix(in srgb,var(--ok,#2e7d32) 50%,var(--line))}.kit-t.off{border-color:color-mix(in srgb,var(--bad,#c62828) 50%,var(--line))}
.kit-s{margin-bottom:14px}.kit-bar{width:120px;height:8px;border-radius:9px;background:var(--line);overflow:hidden}.kit-bar i{display:block;height:100%;background:var(--pri)}
.kit-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.kit-l a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none;border:1px solid var(--line)}
.kit-l a span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex:none;font-size:.8rem}
.kit-l a.ok{color:var(--mute)}.kit-l a.ok span{background:var(--ok,#2e7d32);color:#fff;border-color:transparent}
/* ۹.۲۰ — حالت سادهٔ پنل و صفحهٔ «پنل و بخش‌ها» */
.dash-today{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;color:var(--ink);text-decoration:none}
.dash-today b{display:block;font-size:1.25rem}
.dash-more{text-align:center;margin:18px 0 6px;font-size:.88rem}.dash-more a{color:var(--mute)}
.pnl .card{margin-bottom:14px}
.pnl-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.pnl-m,.pnl-x{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:var(--r,14px);cursor:pointer;background:var(--card)}
.pnl-m:has(input:checked){border-color:var(--pri);background:var(--pri-s,rgba(178,58,14,.08))}
.pnl-m input{margin-top:4px;accent-color:var(--pri)}
.pnl-m b,.pnl-x b,.pnl-links b{display:block}
.pnl-m small,.pnl-x small,.pnl-links small{color:var(--mute);font-size:.82rem;line-height:1.7}
.pnl-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pnl-x input{position:absolute;opacity:0;pointer-events:none}
.pnl-x .sw{flex:none;width:38px;height:22px;border-radius:99px;background:var(--line2,#d6cfc4);position:relative;margin-top:2px;transition:.2s}
.pnl-x .sw::after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pnl-x input:checked+.sw{background:var(--ok,#1e9e5a)}.pnl-x input:checked+.sw::after{right:19px}
.pnl-x input:focus-visible+.sw{outline:2px solid var(--pri);outline-offset:2px}
.pnl-mods-c.is-off .pnl-mods{opacity:.45;pointer-events:none}
.pnl-mods-c.is-off .card-h small::after{content:" — در حالت کامل همه روشن‌اند"}
.pnl-save{display:flex;justify-content:flex-end;margin:-4px 0 18px}
.pnl-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.pnl-links a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--r,14px);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.pnl-links a:hover{border-color:var(--pri)}
.pnl-i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg2);color:var(--pri)}