/* تم مشترک سایت کردیت: RTL، روشن/تیره، بدون وابستگی خارجی. رنگ برند با --brand از تنظیمات مدیر می‌تواند بازنویسی شود. */
:root{color-scheme:light dark;--brand:#2563eb;--brand-ink:#fff;--bg:#f6f7fb;--card:#fff;--ink:#16181d;--muted:#5d6472;--line:#e3e6ee;--ok:#0f8a5f;--warn:#975a00;--bad:#c62f3a;--radius:16px;--shadow:0 1px 2px rgba(20,24,40,.06),0 6px 20px rgba(20,24,40,.06);--font:Vazirmatn,"Segoe UI",Tahoma,system-ui,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#0f1117;--card:#171a22;--ink:#e9ebf1;--muted:#a3abbb;--line:#2a3040;--brand:#8b93ff;--brand-ink:#0f1117;--ok:#4cd7a0;--warn:#f0b04a;--bad:#ff7b86;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35)}
:root[data-theme=light]{color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0f1117;--card:#171a22;--ink:#e9ebf1;--muted:#a3abbb;--line:#2a3040;--brand:#8b93ff;--brand-ink:#0f1117;--ok:#4cd7a0;--warn:#f0b04a;--bad:#ff7b86;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 var(--font);font-variant-numeric:tabular-nums}
a{color:var(--brand)}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px;border-radius:6px}
.topbar{display:flex;align-items:center;gap:12px;padding:12px max(16px,4vw);background:var(--card);border-block-end:1px solid var(--line);position:sticky;top:0;z-index:5}
.topbar .brand{font-weight:800;font-size:17px;color:var(--ink);text-decoration:none;white-space:nowrap}#theme{font-size:18px;line-height:1;padding:7px 12px}.topbar .sp{flex:1}
.wrap{max-width:1040px;margin:0 auto;padding:20px max(16px,4vw) 64px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin-block:4px 18px;padding-block-end:2px;scrollbar-width:thin}
.tab{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;white-space:nowrap}
.tab[aria-selected=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.card h3{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--muted)}.big{font-size:26px;font-weight:800;line-height:1.3}
.muted{color:var(--muted)}#who{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;min-width:0}.ltr{direction:ltr;unicode-bidi:isolate}.pkgrow{padding:10px 0;border-block-end:1px solid var(--line)}#pay-box,#packages{scroll-margin-top:72px}.sm{font-size:13px}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);padding:8px 16px;border-radius:10px;font:inherit;cursor:pointer;text-decoration:none}
.btn.ghost{background:transparent;color:var(--brand)}.btn.danger{background:var(--bad);border-color:var(--bad)}.btn[disabled]{opacity:.55;cursor:not-allowed}
input,select{font:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:0}
table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;text-align:start;border-block-end:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600}
.badge{display:inline-block;padding:1px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line)}
.badge.ok{color:var(--ok);border-color:currentColor}.badge.warn{color:var(--warn);border-color:currentColor}.badge.bad{color:var(--bad);border-color:currentColor}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pkg{display:flex;justify-content:space-between;align-items:center;gap:12px}
.toast{position:fixed;inset-inline:16px;bottom:16px;max-width:420px;margin-inline:auto;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:9}
.empty{padding:28px;text-align:center;color:var(--muted)}[hidden]{display:none!important}
@media (max-width:640px){table.stack thead{display:none}table.stack tr{display:block;border:1px solid var(--line);border-radius:12px;margin-block-end:10px;padding:6px 10px;background:var(--card)}table.stack td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}table.stack td::before{content:attr(data-l);color:var(--muted);font-size:12px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* پنل مدیر و کلید روشن/خاموش */
.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{opacity:0;width:100%;height:100%;position:absolute;margin:0;cursor:pointer}
.switch i{position:absolute;inset:0;background:var(--line);border-radius:999px;transition:background .15s}.switch i::before{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked+i{background:var(--brand)}.switch input:checked+i::before{transform:translateX(-20px)}.switch input:focus-visible+i{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}
.savebar{position:sticky;inset-block-end:0;display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;margin-block-start:14px;box-shadow:var(--shadow)}
.setting{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-block-end:1px solid var(--line)}.setting label{flex:1}.setting label.switch{flex:none}.setting input[type=text],.setting input[type=number],.setting textarea{width:min(320px,100%)}
textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:0;font-size:14px}
dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);padding:20px;max-width:380px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(0,0,0,.5)}
.stat{font-size:22px;font-weight:800}.two{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.formgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.formgrid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.wrap.wide{max-width:1240px}.right{margin-inline-start:auto}
/* صفحه‌های عمومی (معرفی) */
.site-head{display:flex;align-items:center;gap:14px;padding:14px max(16px,4vw);background:var(--card);border-block-end:1px solid var(--line);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.site-head .brand{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}.site-head nav{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:12px}
.site-head nav a{color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:999px}.site-head nav a:hover,.site-head nav a[aria-current=page]{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}
.hero{padding:clamp(40px,9vw,96px) max(16px,4vw);text-align:center;background:radial-gradient(1200px 420px at 50% -10%,color-mix(in srgb,var(--brand) 22%,transparent),transparent)}
.hero h1{font-size:clamp(28px,5.5vw,52px);line-height:1.3;margin:0 auto 14px;max-width:860px}.hero p{font-size:clamp(15px,2.2vw,19px);color:var(--muted);max-width:680px;margin:0 auto 24px}
.sect{max-width:1040px;margin:0 auto;padding:36px max(16px,4vw)}.sect h2{margin:0 0 18px;font-size:clamp(20px,3vw,28px)}
.step{position:relative;padding-top:44px}.step .n{position:absolute;inset-block-start:14px;inset-inline-start:16px;width:34px;height:34px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:800}
.pcard{display:block;text-decoration:none;color:inherit;border-block-start:4px solid var(--pc,var(--brand));transition:transform .15s,box-shadow .15s}.pcard:hover{transform:translateY(-3px)}.pcard h3{color:var(--ink);font-size:18px;margin:0 0 4px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-block-end:10px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:8px 0 0;color:var(--muted)}
.site-foot{border-block-start:1px solid var(--line);padding:28px max(16px,4vw);color:var(--muted);font-size:14px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
.site-foot a{color:var(--muted)}ul.tick{padding-inline-start:0;list-style:none}ul.tick li{padding:6px 0 6px 0;padding-inline-start:26px;position:relative}ul.tick li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--ok);font-weight:800}
.btn.lg{padding:12px 26px;font-size:17px;border-radius:12px}.accent{--brand:var(--pc)}
@media (prefers-reduced-motion:reduce){.pcard{transition:none}}

/* پوسته‌ی پنل: منوی کناری (راست در RTL) مثل طرح‌های رابط؛ در موبایل نوار افقی */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;align-items:start}.shell .main{min-width:0}
.shell .tabs{flex-direction:column;overflow:visible;margin:0;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:76px;gap:2px}
.shell .tab{border:0;background:transparent;border-radius:10px;text-align:start;padding:10px 14px;font-weight:600;color:var(--muted)}
.shell .tab:hover{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--ink)}
.shell .tab[aria-selected=true]{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}
.shell .main>.grid{margin-block-end:18px}
.card .big{letter-spacing:-.5px}.card{transition:box-shadow .15s}
.topbar,.site-head{backdrop-filter:saturate(1.4) blur(8px)}
@media (max-width:820px){.shell{grid-template-columns:minmax(0,1fr)}.shell .tabs{flex-direction:row;overflow-x:auto;position:static;padding:6px}.shell .tab{white-space:nowrap}}
/* ===== لایه‌ی طراحی ۲ (الهام از طرح‌های رابط): آیکن، پوسته‌ی پنل، کارت آمار، نشان‌های رنگی، نمودار ===== */
:root{--brand-soft:color-mix(in srgb,var(--brand) 12%,transparent);--ok-soft:color-mix(in srgb,var(--ok) 14%,transparent);--warn-soft:color-mix(in srgb,var(--warn) 16%,transparent);--bad-soft:color-mix(in srgb,var(--bad) 13%,transparent);--side-w:248px}
body{font-size:14.5px}
.ic{width:20px;height:20px;flex:none;vertical-align:middle}.ic.xl{width:30px;height:30px;color:var(--brand)}
.appbody{background:var(--bg)}.appshell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}
.side{background:var(--card);border-inline-end:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:auto}
.side .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;padding:4px 8px}
.nav{display:flex;flex-direction:column;gap:2px}.nav .tabs{display:flex;flex-direction:column;gap:2px;overflow:visible;margin:0;padding:0}
.side .tab,.side .logout{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-align:start;white-space:nowrap}
.side .tab:hover,.side .logout:hover{background:var(--brand-soft);color:var(--ink)}
.side .tab[aria-selected=true]{background:var(--brand);color:var(--brand-ink)}
.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.side-foot #who{padding:0 12px;overflow:hidden;text-overflow:ellipsis}
.appmain{min-width:0;display:flex;flex-direction:column}
.apphead{display:flex;align-items:center;gap:10px;padding:14px max(16px,3vw);background:var(--card);border-block-end:1px solid var(--line);position:sticky;top:0;z-index:4;backdrop-filter:saturate(1.4) blur(8px)}
.apphead h1{margin:0;font-size:19px}.apphead .sp{flex:1}.btn.icon{padding:7px 9px}
.content{padding:20px max(16px,3vw) 64px;max-width:none;width:100%}
.card.stat{position:relative;padding-inline-end:70px}.card.stat .bubble{position:absolute;inset-block-start:16px;inset-inline-end:16px}
.bubble{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.bubble.brand{background:var(--brand-soft);color:var(--brand)}.bubble.ok{background:var(--ok-soft);color:var(--ok)}.bubble.warn{background:var(--warn-soft);color:var(--warn)}.bubble.bad{background:var(--bad-soft);color:var(--bad)}
.card.stat .big{margin:4px 0}.btn.sm{padding:5px 12px;font-size:13px;margin-top:8px}
.badge{border:0;background:var(--brand-soft);color:var(--brand);font-weight:600;padding:2px 10px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}
.card{border-radius:var(--radius);box-shadow:0 1px 2px rgba(20,24,40,.05)}.card>h3:first-child{font-size:15px;color:var(--ink);font-weight:700;margin-bottom:10px}
.card.stat>h3:first-of-type{font-size:13px;color:var(--muted);font-weight:600}
.chart{height:170px;margin:6px 0}.chart svg{width:100%;height:100%;display:block}.c-line{fill:none;stroke:var(--brand);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.c-area{fill:var(--brand-soft);stroke:none}
ol.steps{margin:0;padding-inline-start:22px;display:grid;gap:6px}
table{border-radius:10px;overflow:hidden}thead th{background:color-mix(in srgb,var(--line) 45%,transparent)}tbody tr:hover td{background:color-mix(in srgb,var(--brand) 4%,transparent)}
.btn{font-weight:600;box-shadow:0 1px 0 rgba(0,0,0,.04)}.btn:hover:not([disabled]){filter:brightness(1.06)}.btn.ghost:hover:not([disabled]){background:var(--brand-soft);filter:none}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent);border-color:var(--brand)}
@media (max-width:900px){.appshell{grid-template-columns:minmax(0,1fr)}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px;gap:8px}.side .nav{order:3;width:100%;overflow-x:auto}.side .nav .tabs{flex-direction:row}.side .tab span{font-size:13px}.side-foot{margin:0 0 0 auto;border:0;padding:0;flex-direction:row;align-items:center}.side-foot #who{display:none}.side .logout{width:auto}.card.stat{padding-inline-end:70px}}
/* صفحه‌های ورود */
.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(900px 380px at 50% -10%,color-mix(in srgb,var(--brand) 16%,transparent),transparent)}
.authcard{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:28px 26px}
.authcard .brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;margin-bottom:18px}.authcard h1{font-size:24px;margin:6px 0 6px;text-align:center}.authcard .lead{color:var(--muted);text-align:center;margin:0 0 18px}
.authcard form{display:grid;gap:12px}.authcard label{display:grid;gap:6px;font-weight:600;font-size:13px}.authcard input{width:100%}.authcard .btn{justify-content:center;padding:11px 16px;font-size:15px}
.otp{display:flex;gap:8px;justify-content:center;direction:ltr}.otp input{width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;padding:0;border-radius:12px}
.errbox{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:9px 12px;font-size:13px}
/* صفحه‌ی عمومی */
.site-head{padding:12px max(16px,4vw)}.site-head .brand{display:inline-flex;align-items:center;gap:8px}.site-head .brand .ic{width:26px;height:26px;color:var(--brand)}.site-foot{background:var(--card);margin-top:30px}
.hero{padding:clamp(48px,9vw,110px) max(16px,4vw) clamp(36px,6vw,72px)}.hero h1{font-weight:800}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}.plan{display:flex;flex-direction:column;gap:6px;text-align:center;padding:22px 18px}.plan.pop{border:2px solid var(--brand);box-shadow:0 8px 30px color-mix(in srgb,var(--brand) 18%,transparent)}.plan .big{font-size:34px}.plan .price{color:var(--ok);font-weight:800;font-size:20px;margin:6px 0 12px}
.pill{display:inline-block;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:2px 12px;font-size:12px;font-weight:700;align-self:center}
[role=tabpanel]>*+*{margin-top:14px}
td .btn,.card td .btn{padding:4px 12px;font-size:13px}
.otp-single{text-align:center;font-size:26px!important;font-weight:800;letter-spacing:.45em;padding:12px 8px!important;border-radius:14px!important}
.authcard code{display:block;background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:8px 10px;word-break:break-all;direction:ltr;text-align:left}
.authcard ul{padding-inline-start:18px;line-height:1.9}
/* هدر/پاورقی سایت عمومی */
.site-head nav{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.site-head nav a{white-space:nowrap}
.site-foot .brand{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:700;text-decoration:none}.site-foot .ic{width:20px;height:20px;color:var(--brand)}
.step .n{background:var(--brand-soft);color:var(--brand)}
@media (max-width:760px){.site-head nav{order:3;width:100%}}
.step{padding-top:20px}.step .n{inset-block-start:18px;inset-inline-start:18px;width:30px;height:30px;font-size:14px}.step .bubble{margin-bottom:10px}
.plans{grid-template-columns:repeat(auto-fit,minmax(240px,340px));justify-content:center}.step .n{inset-inline-start:auto;inset-inline-end:18px}
.docwrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.doctoc{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px}.doctoc a{padding:7px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:600}.doctoc a:hover,.doctoc a[aria-current=page]{background:var(--brand-soft);color:var(--brand)}
.doc h1{margin-top:0;font-size:26px}.doc h2{font-size:19px;margin:22px 0 6px}.doc p,.doc li{line-height:2}.doc code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;direction:ltr;unicode-bidi:isolate}
@media (max-width:820px){.docwrap{grid-template-columns:minmax(0,1fr)}.doctoc{position:static;flex-direction:row;flex-wrap:wrap}}
@media (max-width:900px){.side{border-inline-end:0;border-block-end:1px solid var(--line)}.side .nav .tab{padding:8px 12px}}
/* هدر عمومی: یک ردیف؛ منوی افزونه‌ها کشویی؛ پاورقی ته صفحه */
body:not(.appbody){display:flex;flex-direction:column;min-height:100vh}body:not(.appbody)>main{flex:1}
.site-head{flex-wrap:nowrap}.site-head nav{flex:1;min-width:0;margin-inline-start:8px}
.site-head .dd{position:relative}.site-head .dd summary{list-style:none;cursor:pointer;padding:6px 12px;border-radius:999px;white-space:nowrap}.site-head .dd summary::-webkit-details-marker{display:none}
.site-head .dd summary:hover,.site-head .dd[open] summary,.site-head .dd summary[aria-current=page]{background:var(--brand-soft);color:var(--brand)}
.dd-menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:160px;z-index:10;display:flex;flex-direction:column}
.dd-menu a{display:block}.site-head nav{overflow:visible}
.site-foot a{text-decoration:none}.site-foot a:hover{color:var(--brand)}
@media (max-width:760px){.site-head{flex-wrap:wrap}.site-head nav{overflow-x:auto}.dd-menu{position:fixed;inset-inline:16px;top:auto}}
/* آموزش (docs): منوی کناری درختی، مقاله، «در این صفحه» */
.docshell{display:grid;grid-template-columns:270px minmax(0,1fr) 240px;gap:24px;max-width:none;margin:0;padding:22px max(16px,3vw) 60px;align-items:start}
.docshell:not(:has(.dtoc)){grid-template-columns:270px minmax(0,1fr)}
.dsb{position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto;padding-inline-end:6px}
.dsearch{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 10px;margin-bottom:14px}.dsearch input{border:0;background:transparent;flex:1;padding:9px 0;outline:0}.dsearch .ic{color:var(--muted)}
.dgrp{margin-bottom:6px}.dgrp summary{cursor:pointer;list-style:none;font-weight:700;padding:8px 6px;display:flex;align-items:center;gap:8px;border-radius:8px}.dgrp summary::-webkit-details-marker{display:none}.dgrp summary:hover{background:var(--brand-soft)}
.dgrp .dot{width:9px;height:9px;border-radius:50%;background:var(--pc)}
.dgrp ul{list-style:none;margin:2px 0 6px;padding:0;border-inline-start:2px solid var(--line);margin-inline-start:8px;padding-inline-start:10px}.dgrp ul ul{border:0;padding-inline-start:12px;margin:0}
.dgrp a{display:block;padding:5px 8px;border-radius:8px;color:var(--muted);text-decoration:none}.dgrp a:hover{color:var(--ink);background:var(--brand-soft)}.dgrp a[aria-current=page]{color:var(--brand);background:var(--brand-soft);font-weight:700}
.dmain{min-width:0;max-width:1100px}.dmain h1{margin-top:0}.crumb{font-size:13px;color:var(--muted);margin-bottom:10px}.crumb a{color:var(--muted)}
.doc .lead{font-size:17px;color:var(--muted)}.doc h2{margin:28px 0 8px;font-size:21px;position:relative}.doc h3{margin:22px 0 6px;font-size:17px}.doc p,.doc li{line-height:2}
.doc a.anchor{opacity:0;margin-inline-start:6px;text-decoration:none;color:var(--muted)}.doc h2:hover a.anchor,.doc h3:hover a.anchor{opacity:1}
.doc code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;direction:ltr;unicode-bidi:isolate}.doc pre{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto;direction:ltr;text-align:left}.doc pre code{border:0;background:transparent;padding:0}
.doc table{border:1px solid var(--line);margin:12px 0}.doc img{max-width:100%;border-radius:10px;border:1px solid var(--line)}.doc blockquote{margin:12px 0;padding:6px 14px;border-inline-start:4px solid var(--brand);background:var(--brand-soft);border-radius:8px}
.dtoc{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px;font-size:13px;border-inline-start:2px solid var(--line);padding-inline-start:12px}.dtoc h3{margin:0 0 6px;font-size:13px;color:var(--muted)}.dtoc a{color:var(--muted);text-decoration:none;padding:3px 0}.dtoc a:hover{color:var(--brand)}.dtoc a.l3{padding-inline-start:12px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.pn a{text-decoration:none;color:var(--ink)}.dres{display:block;text-decoration:none;color:var(--ink);margin-bottom:10px}
@media (max-width:1100px){.docshell,.docshell:not(:has(.dtoc)){grid-template-columns:260px minmax(0,1fr)}.dtoc{display:none}}
@media (max-width:820px){.docshell,.docshell:not(:has(.dtoc)){grid-template-columns:minmax(0,1fr)}.dsb{position:static;max-height:none}}
/* CMS آموزش: سه ستون فشرده؛ بیشترین استفاده از عرض */
.docs-admin{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:start}
.docs-admin .card{padding:10px 12px;margin-bottom:10px}.docs-admin .card>h3:first-child{margin-bottom:6px}
.docs-admin .btn.sm{padding:2px 8px;min-height:0;font-size:.82rem;line-height:1.6}
.docs-admin label{margin:6px 0 2px;font-size:.88rem}.docs-admin input,.docs-admin select{padding:6px 9px;min-height:0}
.dc-top{display:flex;gap:6px;margin-bottom:8px}.dc-top .btn{flex:1;padding:5px 8px;min-height:0}
.dc-list{margin-top:8px;max-height:calc(100vh - 210px);overflow:auto}
.dc-sec{border-block-start:1px solid var(--line);padding-block:4px}.dc-sec>summary{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 0;list-style:none}.dc-sec>summary::-webkit-details-marker{display:none}
.dc-act{margin-inline-start:auto;display:inline-flex;gap:2px;opacity:.55}.dc-sec>summary:hover .dc-act,.dc-pg:hover .dc-act,.dc-pg.on .dc-act{opacity:1}
.dc-pg{display:flex;align-items:center;gap:4px;border-radius:6px;padding-inline-start:10px}.dc-pg.child{padding-inline-start:26px}.dc-pg.on{background:var(--brand-soft,rgba(99,102,241,.12))}
.dc-link{flex:1;display:flex;align-items:center;gap:6px;background:none;border:0;color:inherit;text-align:start;padding:3px 0;min-height:0;cursor:pointer;font:inherit;overflow:hidden}.dc-link span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted)}.dot.ok{background:var(--ok,#16a34a)}
.dc-cols{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px;align-items:start}
.dc-tabs{display:flex;gap:4px;border-block-end:1px solid var(--line);margin-bottom:6px}.dc-tabs button{background:none;border:0;border-block-end:2px solid transparent;padding:5px 12px;min-height:0;border-radius:0;color:var(--muted);cursor:pointer;font:inherit}.dc-tabs button[aria-selected=true]{color:var(--brand);border-block-end-color:var(--brand);font-weight:700}
.dc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 10px}
.dc-tb{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-top:8px;padding:4px;background:var(--bg-soft,rgba(120,120,140,.08));border:1px solid var(--line);border-radius:8px 8px 0 0;direction:ltr}.dc-tb .btn{min-width:30px}.dc-vis{margin-inline-start:auto;display:flex;align-items:center;gap:6px;margin:0;direction:rtl}
.dc-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.dc-split.one{grid-template-columns:1fr}.dc-split.one .dc-pv{display:none}
.dc-ta{width:100%;min-height:calc(100vh - 430px);height:520px;border:0;border-radius:0;resize:vertical;font-family:inherit;text-align:start;font-size:.95rem;line-height:1.9;padding:10px}.dc-pv{width:100%;height:100%;min-height:360px;border:0;border-inline-start:1px solid var(--line);background:#fff}
.dc-meta{display:flex;justify-content:space-between;margin-block:4px}.dc-sline{display:flex;justify-content:space-between;align-items:center}
.dc-snip{margin-top:10px;border:1px dashed var(--line);border-radius:8px;padding:10px}.dc-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}.dc-m{border:1px solid var(--line);border-radius:8px;padding:8px}.dc-m img{width:100%;height:90px;object-fit:cover;border-radius:6px}
.docs-admin .savebar{grid-column:1/-1}.dc-main .savebar{margin-block-start:0;position:sticky;inset-block-end:0;z-index:4}
@media (max-width:1250px){.dc-cols{grid-template-columns:1fr}}
@media (max-width:900px){.docs-admin{grid-template-columns:1fr}.dc-list{max-height:260px}.dc-split{grid-template-columns:1fr}.dc-pv{min-height:240px;border-inline-start:0;border-block-start:1px solid var(--line)}}
.docs-admin label:not(.switch):not(.dc-vis){display:block}.docs-admin input:not([type=checkbox]):not([type=color]):not([type=file]),.docs-admin select,.docs-admin textarea{width:100%}
.dc-act .btn{border-color:transparent;padding:0 6px;min-width:0;background:transparent}.dc-act .btn:hover{background:var(--line)}
.dc-top .btn{white-space:nowrap}