/* سامانهٔ بارو — پوستهٔ «شبِ بارو» برای میز کارِ سرور (فقط نسخهٔ سرور؛ فایلِ دسکتاپ دست نمی‌خورد).
   همان زبانِ صفحهٔ ورود: سرمه‌ایِ شب، طلاییِ گنبد، فیروزه‌ایِ کاشی. فقط ظاهر عوض می‌شود — همهٔ idها، کلاس‌ها
   و رفتارها همان است؛ این لایه متغیرهای رنگیِ خودِ میز کار را بازتعریف می‌کند و یک منوی کناری می‌سازد
   (ساختنش در theme.js). رنگِ ویژهٔ هر بخش (--accent) همچنان از خودِ میز کار می‌آید. */

/* ---- رنگ‌ها ---------------------------------------------------------------------------------- */
:root{
  color-scheme:dark;
  --page:#0a2022; --surface:#103034; --surface2:#153b40; --surface3:#1a454a;
  --ink:#eef1f8; --ink2:#b7d6d9; --muted:#7ea3a7; --border:rgba(149,219,227,.13);
  --s1:#4f8cff; --s3:#14b8a6; --s4:#e9b949; --s6:#a78bfa;
  --good:#22c55e; --warning:#f5b82e; --serious:#f08a5d; --critical:#ef5350;
  --yellow:#6b5a14; --edited:#1d868c; --abn:#1b4951; --foot:#143b40;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 30px -10px rgba(0,0,0,.55);
  --gold:#e9b949; --gold2:#f7d774; --teal:#2dd4bf;
  --sbw:248px;
}
:root[data-theme="light"]{
  color-scheme:light;
  --page:#f6f4ee; --surface:#ffffff; --surface2:#faf8f3; --surface3:#f1eee5;
  --ink:#132b2f; --ink2:#47676b; --muted:#8a8f9e; --border:rgba(19,43,47,.11);
  --s1:#2f6fe0; --s3:#0f9f8e; --s4:#c8901e; --s6:#6d4fd6;
  --yellow:#fff1a6; --edited:#d6e6ff; --abn:#eef0fb; --foot:#f1eee5;
  --shadow:0 1px 2px rgba(19,43,47,.06),0 12px 30px -12px rgba(19,43,47,.18);
}
html,body{background:var(--page)}
body{font-feature-settings:"ss01"}

/* پس‌زمینه: شبِ آرام با رنگِ همان بخش، به‌جای موجِ تندِ رنگ */
body::before{background:
  radial-gradient(120% 80% at 100% 0%, color-mix(in srgb,var(--accent) 16%,transparent), transparent 60%),
  radial-gradient(80% 60% at 0% 100%, color-mix(in srgb,var(--gold) 6%,transparent), transparent 60%),
  linear-gradient(180deg, color-mix(in srgb,var(--page) 70%,#071b1d), var(--page)) !important}

/* حالتِ روشن: پس‌زمینه عاجیِ گرم با ته‌رنگِ بخش — نه آمیختهٔ خاکستری با سرمه‌ای */
:root[data-theme="light"] body::before{background:
  radial-gradient(120% 80% at 100% 0%, color-mix(in srgb,var(--accent) 12%,transparent), transparent 60%),
  radial-gradient(80% 60% at 0% 100%, color-mix(in srgb,var(--gold) 10%,transparent), transparent 60%),
  linear-gradient(180deg,#f1ede2,var(--page)) !important}
:root[data-theme="light"] #sbar{background:linear-gradient(180deg,#fdfcf8,#f5f1e6);box-shadow:-10px 0 30px -22px rgba(19,43,47,.35)}
:root[data-theme="light"] #sbar .sb-logo{filter:drop-shadow(0 2px 6px rgba(181,122,20,.35)) saturate(1.15) brightness(.92)}

/* ---- منوی کناری ------------------------------------------------------------------------------ */
body.th-shell .wrap{margin-right:var(--sbw);padding:0 26px 60px;transition:margin .3s}
#sbar{position:fixed;top:0;right:0;bottom:0;width:var(--sbw);z-index:60;display:flex;flex-direction:column;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#051315),var(--surface));
  border-left:1px solid var(--border);box-shadow:-10px 0 40px -20px rgba(0,0,0,.6)}
#sbar .sb-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid var(--border)}
#sbar .sb-logo{width:74px;height:40px;flex:0 0 auto;
  background:linear-gradient(160deg,#fff1b0 0%,#f7d774 28%,#e3a52b 62%,#b57a14 100%);
  -webkit-mask:url(/assets/logo-1830.png) center/contain no-repeat;mask:url(/assets/logo-1830.png) center/contain no-repeat;
  filter:drop-shadow(0 3px 10px rgba(233,185,73,.25))}
#sbar .sb-t b{display:block;font-size:14px;font-weight:800;color:var(--ink);line-height:1.5}
#sbar .sb-t small{display:block;font-size:11.5px;color:var(--muted)}
#sbar .sb-nav{flex:1;overflow-y:auto;padding:10px 10px 14px}
/* دکمه‌های خودِ میز کار (همان #tabs) این‌جا می‌نشینند — کلیک و «on» همان است که بود */
body.th-shell #tabs{display:flex;flex-direction:column;gap:3px;border:0;padding:0;margin:0}
body.th-shell #tabs button{display:flex;align-items:center;gap:11px;width:100%;text-align:right;min-height:42px;
  padding:9px 12px;border-radius:11px;border:1px solid transparent;font-size:14px;font-weight:700;color:var(--ink2);background:transparent;transform:none!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;line-height:1.5}
/* کاشیِ نشانه — یک مدل برای همه: زمینهٔ یکسان، شکل به رنگِ بخشِ خودش */
body.th-shell #tabs button .sb-tile{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;color:var(--tc);
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02));border:1px solid var(--border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 10px -8px rgba(0,0,0,.6);transition:background .2s,color .2s,box-shadow .2s}
:root[data-theme="light"] body.th-shell #tabs button .sb-tile{color:var(--tcl);background:linear-gradient(145deg,#ffffff,#f1ede3);box-shadow:inset 0 1px 0 #fff,0 3px 8px -6px rgba(19,43,47,.35)}
body.th-shell #tabs button .sb-ic{width:19px;height:19px}
body.th-shell #tabs button{min-height:48px;padding:6px 8px}
body.th-shell #tabs button:hover{background:var(--surface2);color:var(--ink)}
body.th-shell #tabs button.on{background:color-mix(in srgb,var(--accent) 16%,var(--surface2));color:var(--ink);
  border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset -3px 0 0 var(--accent)}
body.th-shell #tabs button.on .sb-tile,body.th-shell #tabs button.grp-on .sb-tile{color:var(--lgink,#fff);border-color:transparent;
  background:radial-gradient(130% 130% at 28% 18%, color-mix(in srgb,var(--accent) 45%,#fff) 0%, var(--accent) 45%, color-mix(in srgb,var(--accent) 58%,#000) 100%);
  box-shadow:0 8px 16px -8px var(--accent),inset 0 1px 0 rgba(255,255,255,.35)}
/* «اپراتورها و نظارت» یک دکمه است؛ وقتی هر کدام از دو زیربخش باز است، همین دکمه روشن می‌ماند */
body.th-shell #tabs button.grp-on{background:color-mix(in srgb,var(--accent) 16%,var(--surface2));color:var(--ink);
  border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset -3px 0 0 var(--accent)}
/* زیربخش‌های «اپراتورها و نظارت» */
.pv-sub{display:flex;gap:8px;margin:0 0 16px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);width:max-content;max-width:100%}
.pv-sub button{cursor:pointer;border:0;border-radius:10px;padding:9px 20px;font:inherit;font-size:14px;font-weight:800;color:var(--ink2);background:transparent}
.pv-sub button:hover{color:var(--ink);background:var(--surface2)}
.pv-sub button.on{background:var(--accent);color:#fff;box-shadow:0 6px 16px -8px var(--accent)}
body.th-shell #tabs button.on::after{display:none}
body.th-shell #tabs button.apart{margin:0}
body.th-shell #tabs .tbadge{margin-inline-start:auto}
/* کاربر و خروج، کنارِ تاریخ و ساعت — هم‌قدِ کادرِ ساعت */
body.th-shell #tools{gap:10px;align-items:center}
body.th-shell #tools #srvuser{margin:0;flex-wrap:nowrap;gap:8px}
/* جمع‌وجور: ۳۲ پیکسل، قلمِ کوچک‌تر — به خواستِ مدیر */
body.th-shell #tools{gap:7px}
body.th-shell #tools #srvuser{gap:6px}
body.th-shell #tools #srvuser .who{height:32px;padding:0 10px 0 4px;border-radius:10px;font-size:12px;gap:6px}
body.th-shell #tools #srvuser .who .av{width:22px;height:22px;font-size:11px}
body.th-shell #tools #srvuser .who .rl{font-size:10.5px}
body.th-shell #tools #srvuser .btn{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;white-space:nowrap;font-size:12px;border-radius:10px}
body.th-shell #tools #srvuser .btn svg{width:14px;height:14px}
body.th-shell .hclock{height:32px;border-radius:10px;padding:0 10px;gap:7px;font-size:12px}
body.th-shell .hclock .ctime{font-size:13px}
body.th-shell .hclock .csep{height:13px}
@media (max-width:980px){body.th-shell #tools{flex-wrap:wrap}body.th-shell #tools #srvuser .who .rl{display:none}}

/* ---- سرآیند: عنوانِ بخش بزرگ، «میز کار» و شکلک‌ها کنار می‌روند -------------------------------------- */
body.th-shell header.top{position:sticky;top:0;z-index:40;padding:16px 0 14px;align-items:center;margin:0 0 18px;
  background:color-mix(in srgb,var(--page) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.th-shell header.top h1{display:none}
body.th-shell #secname{font-size:22px;display:block;line-height:1.5}
/* زیرعنوان: بازهٔ زمانی یا آخرین بروزرسانی — زیرِ عنوان، نه کنارش */
body.th-shell #pvsub,body.th-shell #updwrap{display:block;font-size:12.5px;color:var(--ink2);margin-top:1px}
body.th-shell .sub{font-size:12.5px}
/* نشانهٔ بخش کنارِ عنوان: قابِ بزرگ با سایه‌روشنِ رنگِ همان بخش، حلقهٔ نورِ ملایم و درخششِ بالا */
body.th-shell .brand{gap:16px}
body.th-shell .logo{position:relative;width:62px;height:62px;border-radius:19px;font-size:0;color:var(--lgink,#fff);overflow:hidden;display:grid!important;place-items:center;
  background:radial-gradient(130% 130% at 28% 18%, color-mix(in srgb,var(--accent) 45%,#fff) 0%, var(--accent) 42%, color-mix(in srgb,var(--accent) 58%,#000) 100%) !important;
  box-shadow:0 12px 26px -12px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -8px 16px -10px rgba(0,0,0,.45) !important}
body.th-shell .logo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%)}
body.th-shell .logo svg{position:relative;z-index:1;width:32px;height:32px;stroke-width:2.1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}
#sbtoggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;
  background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer}
#sbtoggle svg{width:22px;height:22px}

/* ---- کارت‌های آماری ---------------------------------------------------------------------------- */
.kpis{gap:12px}
.kpi{border-radius:16px;padding:14px 15px;border-color:color-mix(in srgb,var(--accent,var(--s1)) 18%,var(--border));
  background:linear-gradient(160deg,color-mix(in srgb,var(--accent,var(--s1)) 9%,var(--surface)),var(--surface) 60%)}
.kpi::before{width:100%;height:3px;inset:0 0 auto 0;background:linear-gradient(90deg,transparent,var(--accent,var(--s1)))}
.kpi .v{font-size:22px}
.kpi .l{font-size:12.5px}

/* ---- قاب‌ها، نوارِ ابزار، جدول‌ها ----------------------------------------------------------------- */
.sumcard,.bar{border-radius:16px}
.tscroll{border-radius:16px;box-shadow:var(--shadow)}
th{font-size:12px;padding:10px 10px}
td{padding:8px 10px}
.btn{border-radius:11px}
.btn.p{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));box-shadow:0 6px 16px -8px var(--accent)}
.subtabs button{border-radius:12px}

/* ---- گوشی و تبلت: منو کشویی می‌شود -------------------------------------------------------------- */
@media (max-width:980px){
  body.th-shell .wrap{margin-right:0;padding:0 14px 60px}
  #sbar{transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);width:min(290px,86vw)}
  body.sb-open #sbar{transform:none}
  #sbtoggle{display:inline-flex}
  body.th-shell .logo{display:none}
}
#sbback{background:rgba(3,6,15,.5);backdrop-filter:blur(2px)}
@media print{#sbar,#sbtoggle{display:none!important}body.th-shell .wrap{margin:0!important}}

/* ---- گوشی (≤۶۴۰px): چیدمانِ مخصوصِ گوشی، ۱۴۰۵/۰۷/۰۵ --------------------------------------------------
   render.php برچسبِ viewport را می‌گذارد؛ این‌جا اندازه‌ها، سرآیند، نوارِ ابزار، کاشی‌ها و جدول‌ها برای عرضِ گوشی چیده می‌شوند */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:640px){
  body.th-shell .wrap{padding:0 10px 72px}
  /* سرآیند: نشانه و عنوانِ کوچک‌تر؛ ساعت و کاربر در یک ردیف */
  header.top{gap:8px;padding-top:10px;padding-bottom:10px;align-items:center}
  header.top .brand{gap:10px;flex:1;min-width:0}
  header.top .brand .logo{width:44px!important;height:44px!important;border-radius:13px!important;flex:0 0 auto}
  header.top .brand .logo svg{width:24px!important;height:24px!important}
  #secname{font-size:19px!important;line-height:1.3}
  #pvsub,#updwrap{font-size:11px!important}
  #sbtoggle{width:38px;height:38px}
  #tools{width:100%;flex-wrap:nowrap!important;gap:6px;justify-content:space-between;align-items:center}
  #clock{padding:5px 9px;gap:6px;font-size:12px;flex:0 1 auto;min-width:0}
  #clock .ctime{font-size:13px}
  #srvuser{gap:5px;flex:0 0 auto}
  #srvuser .who{padding:3px 8px 3px 4px}
  #srvadmin,#srvout{font-size:0!important;padding:7px 9px!important;gap:0!important}
  #srvadmin::before{content:"⚙";font-size:15px;line-height:1}
  #srvout svg{width:16px;height:16px}
  /* نوارهای ابزار: یک ردیف که با انگشت کنار می‌رود، نه سه ردیفِ درهم */
  .bar.abntools{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px;gap:6px}
  .bar.abntools::-webkit-scrollbar{display:none}
  .bar.abntools .btn{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:12.5px}
  /* جست‌وجو و صافی‌ها: جست‌وجو تمام‌عرض، صافی‌ها دوتایی */
  .pane > .bar:has(> input#q){display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
  .pane > .bar:has(> input#q) > input#q,.pane > .bar:has(> input#q) > .count{grid-column:1 / -1}
  .pane > .bar:has(> input#q) > select{width:100%;min-width:0}
  /* کاشی‌ها: دو ستونِ هم‌اندازه، عدد و نوشته به‌اندازه، جزئیات بی‌بیرون‌زدگی */
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .kpi{padding:10px 10px 9px}
  .kpi .v{font-size:18px!important;line-height:1.35;overflow-wrap:anywhere}
  .kpi .l{font-size:11.5px!important;line-height:1.55}
  .kpi .bd{font-size:11px;overflow:hidden}
  .kpi .bd span{gap:4px;min-width:0}
  .kpi .bd b{white-space:nowrap}
  /* کارکرد: کاشیِ واریزی (با فهرستِ روزانه) و کاشیِ پیگیری (با نامِ همکاران) تمام‌عرض */
  #kpis .kpi:nth-child(3),#kpis .kpi:nth-child(6){grid-column:1 / -1}
  /* جدول‌ها: فشرده‌تر، و فقط داخلِ قابِ خودشان کنار می‌روند */
  th{font-size:11px;padding:8px 7px}
  td{font-size:12px;padding:7px 7px}
  .tscroll,.sumcard{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sumcard{padding:12px}
  /* زیربخش‌ها (مثلِ امورِ مالی): شبکهٔ دوتاییِ هم‌اندازه */
  .subtabs,.finsub{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  .subtabs button,.finsub > button{width:100%;margin:0!important;padding:10px 8px;font-size:12.5px;justify-content:center}
  #toast{max-width:calc(100vw - 32px);bottom:16px}
  #toast:not(.on){opacity:0;pointer-events:none}
  #srvpill{bottom:10px;left:10px}
}

/* لوگوی حمایت، پایینِ نوارِ کناری — همان طلاییِ صفحهٔ ورود */
#sbar .sb-foot{flex:0 0 auto;padding:12px 14px 16px;border-top:1px solid rgba(247,215,116,.14);display:flex;justify-content:center}
#sbar .sb-hm{width:136px;height:66px;background:linear-gradient(160deg,#fff1b0 0%,#f7d774 28%,#e3a52b 62%,#b57a14 100%);
  -webkit-mask:url(/p/logo-print.svg) center/contain no-repeat;mask:url(/p/logo-print.svg) center/contain no-repeat;filter:drop-shadow(0 4px 14px rgba(233,185,73,.3))}
:root[data-theme="light"] #sbar .sb-hm{background:linear-gradient(160deg,#d9a531 0%,#b57a14 60%,#8a5a0c 100%);filter:none}
@media (max-height:620px){#sbar .sb-hm{width:100px;height:48px}#sbar .sb-foot{padding:8px 10px 10px}}

/* بالای نوار: فقط لوگوی بارو، دقیقاً هم‌اندازه و قرینهٔ لوگوی حمایتِ پایین (۱۳۶×۶۶، وسط، با خطِ جداکننده) */
#sbar .sb-brand{justify-content:center;padding:16px 14px 12px;border-bottom:1px solid rgba(247,215,116,.14)}
#sbar .sb-logo{width:136px;height:66px;filter:drop-shadow(0 4px 14px rgba(233,185,73,.3))}
@media (max-height:620px){#sbar .sb-logo{width:100px;height:48px}#sbar .sb-brand{padding:10px 10px 8px}}
/* نامِ سامانه در سرآیند، کنارِ تاریخ */
#th-name{display:flex;align-items:center;height:36px;padding:0 14px;border-radius:12px;border:1px solid rgba(247,215,116,.32);
  background:linear-gradient(160deg,rgba(247,215,116,.10),rgba(247,215,116,.03));color:var(--gold,#f7d774);font-weight:800;font-size:13px;white-space:nowrap;flex:0 0 auto}
:root[data-theme="light"] #th-name{color:#8a5a0c;border-color:rgba(181,122,20,.4);background:rgba(247,215,116,.18)}
@media (max-width:1100px){#th-name{font-size:12px;padding:0 10px}}
@media (max-width:760px){#th-name{display:none}}
#th-name{height:32px;font-size:12.5px;border-radius:10px}
/* دکمهٔ «اپلیکیشن» کنارِ باکسِ نام (۱۴۰۵/۰۷/۱۷) — هم‌شکلِ همان باکس، با آیکنِ اپ؛ وقتی نصبِ مستقیم آماده است کمی پررنگ‌تر */
#th-app{display:flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:10px;cursor:pointer;flex:0 0 auto;
  border:1px solid rgba(247,215,116,.32);background:linear-gradient(160deg,rgba(247,215,116,.10),rgba(247,215,116,.03));
  color:var(--gold,#f7d774);font:inherit;font-weight:800;font-size:12.5px;white-space:nowrap;transition:background .2s,border-color .2s}
#th-app img{width:22px;height:22px;border-radius:6px}
#th-app:hover,.pwa-can #th-app{border-color:rgba(247,215,116,.6);background:linear-gradient(160deg,rgba(247,215,116,.2),rgba(247,215,116,.07))}
#th-app:focus-visible{outline:2px solid var(--gold,#f7d774);outline-offset:2px}
:root[data-theme="light"] #th-app{color:#8a5a0c;border-color:rgba(181,122,20,.4);background:rgba(247,215,116,.18)}
.pwa-app #th-app{display:none}
/* سرآیندِ هر صفحه: آیکون و عنوان کمی به چپ تا کاملاً درونِ کادرِ سرآیند بنشینند (دیوارهٔ راست دیگر روی آیکون نیست) */
body.th-shell header.top{padding-inline:16px 16px;border-radius:0 0 16px 16px}
@media (max-width:760px){body.th-shell header.top{padding-inline:10px 10px}}

/* ===== کاشی‌های بالای بخش‌ها، هم‌شکلِ کاشی‌های حسابداری (مدیر، ۱۴۰۵/۰۷/۰۸) — بخش اپراتوری، رتبه‌بندی، امور مالی، گزارشات ===== */
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles{display:flex!important;gap:14px;flex-wrap:wrap;align-items:stretch;
  margin:6px 0 18px;padding:0;background:none;border:0;border-radius:0;width:auto;max-width:100%;box-shadow:none}
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile{position:relative;flex:0 0 168px;width:168px;height:116px;box-sizing:border-box;
  margin:0!important;padding:10px 12px;border-radius:16px;border:1px solid var(--border);border-top:4px solid var(--tc);
  background:linear-gradient(160deg,var(--surface2,#163d41),var(--surface,#113034));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  cursor:pointer;user-select:none;color:var(--ink);font-family:inherit;font-weight:800;letter-spacing:0;text-align:center;white-space:normal;
  box-shadow:none;transform:none;transition:transform .12s,box-shadow .12s,background .15s}
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile:hover,
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile:focus-visible{transform:translateY(-2px);
  box-shadow:0 14px 30px -14px var(--tc);color:var(--ink);border-color:var(--border);border-top-color:var(--tc)}
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile:focus-visible{outline:2px solid var(--gold,#f7d774);outline-offset:2px}
body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile:is(.on,.von,.son){color:var(--ink);
  background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 26%,var(--surface2,#163d41)),var(--surface,#113034));
  border-color:color-mix(in srgb,var(--tc) 45%,var(--border));border-top-color:var(--tc);box-shadow:0 14px 30px -14px var(--tc)}
body.th-shell #pane-fin .th-tiles > #rptBtn.th-tile{margin:0!important;color:var(--ink);background:linear-gradient(160deg,var(--surface2,#163d41),var(--surface,#113034))}
body.th-shell #pane-fin .th-tiles > #rptBtn.th-tile:hover{color:var(--ink)}
body.th-shell .th-tile .tt-ic{font-size:34px;line-height:1}
body.th-shell .th-tile .tt-lb{font-size:14px;line-height:1.45;font-weight:800;color:var(--ink)}
@media (max-width:640px){
  body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  body.th-shell :is(#pane-ops,#pane-talk,#pane-staff,#pane-auto,#pane-drivers,#pane-calls,#pane-subs,#pane-score,#pane-fin,#pane-rep,#pane-viol) .th-tiles > button.th-tile{flex:none;width:100%;height:88px;padding:8px}
  body.th-shell .th-tile .tt-ic{font-size:24px}body.th-shell .th-tile .tt-lb{font-size:12.5px}
}

/* ===== منوی کناری: دیوارهٔ چپِ هر نشانه — به رنگِ بخشِ خودش، کمی فسفری (مدیر، ۱۴۰۵/۰۷/۰۸) =====
   همان دیوارهٔ خودِ کاشی، نه تیغهٔ جدا («همان حالتِ قبل، کمی فسفری»): رنگِ کمی روشن‌تر + درخششِ نرم به بیرون؛ روی اشاره و بخشِ باز پررنگ‌تر. */
body.th-shell #tabs button .sb-tile{border-left:3px solid color-mix(in srgb,var(--tc) 80%,#fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),-4px 0 10px -5px var(--tc),-8px 0 20px -8px var(--tc),0 4px 10px -8px rgba(0,0,0,.6)}
:root[data-theme="light"] body.th-shell #tabs button .sb-tile{border-left-color:var(--tcl);
  box-shadow:inset 0 1px 0 #fff,-4px 0 9px -5px var(--tcl),-8px 0 16px -9px var(--tcl),0 3px 8px -6px rgba(19,43,47,.35)}
body.th-shell #tabs button:hover .sb-tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),-5px 0 12px -5px var(--tc),-10px 0 24px -8px var(--tc),0 4px 10px -8px rgba(0,0,0,.6)}
body.th-shell #tabs button.on .sb-tile,body.th-shell #tabs button.grp-on .sb-tile{border-left:3px solid color-mix(in srgb,var(--accent) 65%,#fff);
  box-shadow:0 8px 16px -8px var(--accent),-5px 0 12px -5px var(--accent),-10px 0 24px -8px var(--accent),inset 0 1px 0 rgba(255,255,255,.35)}

/* سایر ▸ مستندات: جای خالیِ آراسته تا محتوا برسد */
#rp-docs .th-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;border-radius:18px;border:1px dashed color-mix(in srgb,#c084fc 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#c084fc 10%,var(--surface)),var(--surface));text-align:center}
#rp-docs .th-empty span{font-size:44px}#rp-docs .th-empty b{font-size:18px;color:var(--ink)}#rp-docs .th-empty i{font-style:normal;color:var(--ink2);font-size:14px}

/* لوگوهای نوارِ کناری (مدیر، ۱۴۰۵/۰۷/۱۰): لوگوی جدیدِ بارو بالا، و هر دو لوگو با نورپردازیِ «نئون و برق» —
   هالهٔ طلاییِ نرم + نوارِ برقِ باریکی که هر چند ثانیه آرام از روی لوگو می‌گذرد (لوگوی پایین با ۳ ثانیه فاصله) */
#sbar .sb-logo{width:150px;height:80px;
  -webkit-mask:url(/assets/logo-1830-new.png) center/contain no-repeat;mask:url(/assets/logo-1830-new.png) center/contain no-repeat}
#sbar .sb-logo,#sbar .sb-hm{background:linear-gradient(115deg,#e3a52b 0%,#f7d774 38%,#fffbe6 47%,#f7d774 56%,#e3a52b 100%);background-size:260% 100%;
  filter:drop-shadow(0 0 2px rgba(255,236,170,.8)) drop-shadow(0 0 9px rgba(247,215,116,.45));animation:sbShine 6s ease-in-out infinite}
#sbar .sb-hm{animation-delay:3s}
@keyframes sbShine{0%,55%{background-position:120% 0}85%,100%{background-position:-20% 0}}
:root[data-theme="light"] #sbar .sb-logo,:root[data-theme="light"] #sbar .sb-hm{background:linear-gradient(115deg,#8a5a0c 0%,#b57a14 38%,#f1cf6a 47%,#b57a14 56%,#8a5a0c 100%);background-size:260% 100%;
  filter:drop-shadow(0 0 3px rgba(181,122,20,.35))}
@media (max-height:620px){#sbar .sb-logo{width:110px;height:58px}}
@media (prefers-reduced-motion:reduce){#sbar .sb-logo,#sbar .sb-hm{animation:none;background-position:50% 0}}
/* لوگوی حمایت هم‌اندازهٔ لوگوی بالا (مدیر، ۱۴۰۵/۰۷/۱۰) */
#sbar .sb-hm{width:150px;height:80px}
@media (max-height:620px){#sbar .sb-hm{width:110px;height:58px}}
/* تخلفات: دکمهٔ «بروزرسانی» برداشته شد — داده خودکار و زنده است (مدیر، ۱۴۰۵/۰۷/۲۳) */
#vrefresh{display:none!important}
/* سرآیند: «⚙ مدیریتِ کاربران» بی خطِ زیر (مدیر، ۱۴۰۵/۰۷/۲۳) */
#srvadmin,#srvuser a{text-decoration:none!important}

/* عنوانِ سامانه در سرآیند (مدیرعامل، ۱۴۰۵/۰۸/۰۵): بی کادر، درشت با فونتِ تیتر، طیفِ طلاییِ شامپاینی */
@font-face{font-family:ThLalezar;src:url(/assets/fonts/lalezar-400.woff2) format("woff2");font-display:swap}
#th-name{height:46px;padding:0 6px;border:0;box-shadow:none;border-radius:0;font:400 26px/1 ThLalezar,Vazirmatn,Tahoma,sans-serif;letter-spacing:.3px;
  color:transparent;background:linear-gradient(90deg,#e3a52b,#f7d774 50%,#fff7d6);-webkit-background-clip:text;background-clip:text}
:root[data-theme="light"] #th-name{color:transparent;border:0;background:linear-gradient(90deg,#8a5a0c,#b57a14 50%,#d9a531);-webkit-background-clip:text;background-clip:text}

/* «آخرین بروزرسانی»ِ زیرِ عنوانِ کارکرد برداشته شد — تاریخِ دستیِ دورانِ فایل بود و از ۰۷/۰۳ کهنه مانده بود (مدیرعامل، ۱۴۰۵/۰۸/۰۵) */
#updwrap,#updBtn{display:none!important}