/* =====================================================================
   تم Red Noir برای کل برنامه (مشکی + قرمز #ef233c، ستاره و شبکه، کارت‌های Blur)
   فقط روی صفحه‌نمایش اعمال می‌شود؛ چاپ و گزارش‌های A4 دست‌نخورده می‌مانند.
   برای تغییر رنگ‌ها فقط متغیرهای :root همین بخش را عوض کن.
   ===================================================================== */
@media screen {

:root{
  color-scheme:dark;
  --bg:#000;--card:#0b0708;--ink:#e8ebf5;--mut:#929bb0;--line:rgba(255,255,255,.1);
  --pri:#ef233c;--pri2:#ff5a6e;
  --ok:#4ade80;--okbg:rgba(74,222,128,.12);
  --wait:#fbbf24;--waitbg:rgba(251,191,36,.12);
  --bad:#f87171;--badbg:rgba(248,113,113,.12);
  --sh:0 25px 80px rgba(0,0,0,.4);
  --glass:rgba(255,255,255,.045);
  --glass-line:rgba(255,255,255,.1);
}

/* ---------- پس‌زمینه و نورهای بنفش ---------- */
body{background:linear-gradient(to bottom,#1a0505,#000) fixed;color:var(--ink)}
body::before,body::after{
  content:"";position:fixed;width:420px;height:420px;border-radius:50%;
  filter:blur(120px);opacity:.35;z-index:-1;pointer-events:none;
}
body::before{background:#b3122a;top:-110px;left:-110px}
body::after{background:#7f1d1d;bottom:-110px;right:-110px}

/* ---------- سطح‌های شیشه‌ای ---------- */
header,nav,section,.module-nav,.dc,.m-box,.summary-card,.codebox,.d-hero{
  background:var(--glass);
  border:1px solid var(--glass-line);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
header{border-top:0;border-inline:0;border-radius:0}
header:after{background:linear-gradient(90deg,transparent,#ef233c 22%,#ff7a8a 50%,#ef233c 78%,transparent)}
header h1{color:#fff}
header .sub{color:#929bb0}
.logo{background:linear-gradient(135deg,#ef233c,#a3101f);border-color:transparent;box-shadow:0 5px 25px #ef233c55}
h2{color:#fff}
h2:before{background:linear-gradient(#ff7a8a,#ef233c);box-shadow:0 0 14px rgba(255,90,110,.35)}
label{color:#cbd5e1}
.hint{color:#929bb0}
.empty{color:#7c869b}
.credit{color:#8792a8;border-top-color:rgba(255,255,255,.08)}
.credit b{color:#ffd0d6}
.credit a,.by a{color:#ff8b99}

/* ---------- ناوبری ---------- */
nav button{color:#929bb0}
nav button:hover{background:rgba(255,255,255,.07);color:#fff}
nav button.on,.module-btn.on,.pz.on{
  background:linear-gradient(135deg,#ef233c,#a3101f);color:#fff;border-color:transparent;
  box-shadow:0 8px 25px #ef233c55;
}
.module-btn{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#aab4c8;transition:.2s}
.module-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,90,110,.5);color:#fff}
.nav-sep{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.nb{box-shadow:0 0 0 2px #0b0708}

/* ---------- فرم‌ها ---------- */
input[type=text],input[type=search],input[type=password],input[type=number],input[type=date],textarea,select{
  background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:none;
  transition:border-color .3s,box-shadow .3s;
}
input::placeholder,textarea::placeholder{color:#64748b}
input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.24)}
input:focus,select:focus,textarea:focus{background:rgba(255,255,255,.07);border-color:#ff5a6e;box-shadow:0 0 0 3px #ef233c33}
select option{background:#120a0c;color:#fff}
input[type=checkbox],input[type=radio]{accent-color:#ff5a6e}

/* ---------- دکمه‌ها ---------- */
button.btn{background:linear-gradient(135deg,#ef233c,#a3101f);box-shadow:0 6px 20px #ef233c44;transition:transform .3s,box-shadow .3s,filter .3s}
button.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef233c55;filter:none}
button.btn:active{transform:scale(.98)}
button.btn.gray{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#e2e8f0;box-shadow:none}
button.btn.gray:hover{background:rgba(255,255,255,.13);box-shadow:none}
.pz{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#cbd5e1}
.pz:hover{background:rgba(255,255,255,.12)}
.d-act button:hover{background:#fff;color:#7f0f20}

/* ---------- پیام‌ها / کدباکس / خلاصه‌ها ---------- */
.msg{background:rgba(239,35,60,.12);color:#ffd0d6;border:1px solid rgba(255,90,110,.3)}
.msg.err{background:rgba(248,113,113,.12);color:#fca5a5;border-color:rgba(248,113,113,.3)}
.codebox{background:radial-gradient(circle at 50% 0%,rgba(239,35,60,.22),transparent 65%),var(--glass);border-color:rgba(255,90,110,.45)}
.codebox .big{color:#ffb3bd;text-shadow:0 0 26px rgba(239,35,60,.35)}
.summary-card span{color:#929bb0}
.summary-card b{color:#ffd0d6}
.warnbar{background:rgba(251,191,36,.12);color:#fcd34d;border-bottom-color:rgba(251,191,36,.3)}
#toast{background:rgba(32,12,16,.95);color:#fff;border-color:rgba(255,90,110,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* ---------- کارت‌های فهرست چک ---------- */
.card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);box-shadow:0 5px 18px rgba(0,0,0,.15)}
.card:hover{border-color:rgba(255,90,110,.4);box-shadow:0 13px 30px rgba(0,0,0,.3)}
.card.pending{border-color:rgba(251,191,36,.35);background:linear-gradient(120deg,rgba(251,191,36,.08),rgba(255,255,255,.03) 70%)}
.card.delivered{border-color:rgba(74,222,128,.35);background:linear-gradient(120deg,rgba(74,222,128,.08),rgba(255,255,255,.03) 70%)}
.card .code{background:rgba(255,255,255,.05)}
.card.pending .code{color:#fbbf24}
.card.delivered .code{background:rgba(74,222,128,.12);color:#4ade80}
.card .meta{color:#929bb0}
.card .meta b.dl{color:#4ade80}
.badge.pending{background:rgba(251,191,36,.14);color:#fcd34d;border-color:rgba(251,191,36,.35)}
.badge.delivered{background:rgba(74,222,128,.14);color:#86efac;border-color:rgba(74,222,128,.35)}

/* ---------- جدول‌ها ---------- */
.tblwrap{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);scrollbar-color:#7f1d2a transparent}
table{color:#e2e8f0}
th{background:rgba(239,35,60,.18);color:#ffd0d6}
th,td{border-bottom-color:rgba(255,255,255,.07)}
tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
tbody tr:hover{background:rgba(239,35,60,.13)}
#dailyEntriesBody tr.entry-out{background:rgba(248,113,113,.07)}
#dailyEntriesBody tr.entry-in{background:rgba(74,222,128,.07)}
.rp-tbl tr.tot td{background:rgba(239,35,60,.14)}

/* ---------- پنجره‌های گفتگو ---------- */
dialog{
  background:rgba(14,8,10,.92);color:#e8ebf5;border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);
  box-shadow:0 28px 90px rgba(0,0,0,.6);
}
dialog::backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#bulkBar{background:rgba(12,6,8,.94);border-top:2px solid #ef233c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* ---------- داشبورد ---------- */
.d-hero{
  background:
    radial-gradient(circle at 12% 120%,rgba(239,35,60,.45),transparent 45%),
    radial-gradient(circle at 92% -30%,rgba(239,35,60,.22),transparent 48%),
    var(--glass);
  box-shadow:0 25px 80px rgba(0,0,0,.4);
}
.d-hero p,.ck-g{color:#b8c0d6}
.ck-my{color:#e8ebf5}
.dc h3,.m-box h3{color:#e8ebf5}
.dc h3 i{background:rgba(239,35,60,.2)}
.lx span.t{color:#ff8b99}
.g1{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.g1 .r b,.lrow .nm,.br .nm{color:#e8ebf5}
.g1 .trk{stroke:rgba(255,255,255,.1)}
.lc .gl{stroke:rgba(255,255,255,.09)}
.lrow .tk,.br .st{background:rgba(255,255,255,.09)}
.br .rk{background:rgba(239,35,60,.2);color:#ffd0d6}
.fi{border-bottom-color:rgba(255,255,255,.1)}
.fi .dt{background:rgba(74,222,128,.14)}
.fi.dl .dt{background:rgba(251,191,36,.16)}
.fi.in .dt{background:rgba(96,165,250,.16)}
.fi.out .dt{background:rgba(248,113,113,.16)}
.rp-bars{border-bottom-color:rgba(255,255,255,.12);background:repeating-linear-gradient(to top,transparent 0,transparent 36px,rgba(255,255,255,.07) 36px,rgba(255,255,255,.07) 37px)}
.cmp>div{background:rgba(255,255,255,.03)}
.cmp .up{color:#4ade80}.cmp .dn{color:#fb923c}
svg [stroke="#fff"]{stroke:#0b0708}
svg [stroke="#e6efe9"]{stroke:rgba(255,255,255,.09)}

/* ---------- برچسب‌های وضعیت (سبز/زرد/آبی/قرمز...) ---------- */
.t-reg,.cp.ok,.d-chip.good,.al-row.good{background:rgba(74,222,128,.14);color:#86efac}
.t-dl{background:rgba(45,212,191,.14);color:#5eead4}
.t-undl,.t-ledger,.cp.adj,.d-chip.warn,.al-row.warn{background:rgba(251,191,36,.14);color:#fcd34d}
.t-edit,.t-in,.cp.rec{background:rgba(96,165,250,.15);color:#93c5fd}
.t-del,.t-sdel,.cp.bad,.d-chip.bad,.al-row.bad{background:rgba(248,113,113,.15);color:#fca5a5}
.t-out{background:rgba(251,146,60,.15);color:#fdba74}
.t-open{background:rgba(255,122,138,.15);color:#ffb3bd}
.t-cards{background:rgba(255,90,110,.16);color:#ff8b99}
.t-booth,.t-sys{background:rgba(148,163,184,.15);color:#cbd5e1}
.d-chip.good,.al-row.good{border-color:rgba(74,222,128,.4)}
.d-chip.warn,.al-row.warn{border-color:rgba(251,191,36,.4)}
.d-chip.bad,.al-row.bad{border-color:rgba(248,113,113,.4)}

/* ---------- موبایل ---------- */
@media (max-width:860px){
  .module-nav{background:rgba(10,5,7,.92)}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}

/* فیلدهای داخل جدول‌ها هم هم‌رنگ بقیه فرم‌ها */
table input,table select,.tblwrap input,.tblwrap select,td input,td select{
  background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none;
}
table input:focus,table select:focus,td input:focus,td select:focus{border-color:#ff5a6e!important;box-shadow:0 0 0 3px #ef233c33}


/* ---------- پس‌زمینه‌ی Red Noir: ستاره، درخشش، شبکه ---------- */
.noir-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.noir-bg b{position:absolute;display:block}
.noir-bg .s1,.noir-bg .s2{top:0;left:0;background:transparent;border-radius:50%}
.noir-bg .s1{width:1px;height:1px;--st:1852px 1773px #fff,2292px 1754px #fff,1907px 925px #fff,2080px 1751px #fff,2405px 388px #fff,756px 1646px #fff,2096px 974px #fff,2514px 1624px #fff,762px 192px #fff,1829px 621px #fff,580px 185px #fff,2206px 1658px #fff,171px 1219px #fff,1622px 1975px #fff,1855px 1339px #fff,2521px 1331px #fff,645px 1276px #fff,61px 1703px #fff,2164px 129px #fff,243px 73px #fff,779px 1801px #fff,990px 1228px #fff,123px 1593px #fff,1900px 668px #fff,1804px 1210px #fff,800px 1063px #fff,957px 1311px #fff,1204px 1023px #fff,18px 1356px #fff,348px 936px #fff,1139px 833px #fff,2257px 1908px #fff,340px 1449px #fff,1040px 645px #fff,940px 1050px #fff,1183px 60px #fff,287px 1153px #fff,442px 820px #fff,441px 1733px #fff,1191px 791px #fff,273px 1962px #fff,69px 1735px #fff,2px 437px #fff,859px 1898px #fff,214px 962px #fff,1537px 1451px #fff,1627px 859px #fff,299px 1159px #fff,813px 1594px #fff,1105px 689px #fff,356px 637px #fff,1362px 31px #fff,1679px 1552px #fff,483px 275px #fff,1009px 1447px #fff,413px 22px #fff,245px 952px #fff,1994px 363px #fff,2290px 385px #fff,1832px 1042px #fff,781px 1498px #fff,536px 858px #fff,1571px 238px #fff,1617px 861px #fff,871px 0px #fff,1105px 1770px #fff,2427px 622px #fff,80px 431px #fff,767px 807px #fff,2465px 1314px #fff,2363px 205px #fff,172px 299px #fff,873px 904px #fff,1057px 19px #fff,2499px 673px #fff,1213px 790px #fff,300px 152px #fff,369px 427px #fff,2386px 1303px #fff,995px 31px #fff,2462px 755px #fff,1522px 1274px #fff,1856px 260px #fff,2405px 990px #fff,2353px 277px #fff,1581px 374px #fff,631px 636px #fff,935px 1674px #fff,2500px 510px #fff,777px 324px #fff,2268px 402px #fff,1590px 1806px #fff,1976px 1236px #fff,321px 863px #fff,194px 212px #fff,446px 79px #fff,2098px 1971px #fff,1045px 488px #fff,1604px 526px #fff,1723px 1686px #fff,2443px 1005px #fff,1201px 1065px #fff,718px 1903px #fff,281px 258px #fff,935px 981px #fff,2291px 1338px #fff,2522px 1258px #fff,303px 573px #fff,869px 1878px #fff,835px 1533px #fff;box-shadow:var(--st);animation:nrStar 60s linear infinite}
.noir-bg .s2{width:2px;height:2px;--st:67px 141px #fff,1102px 842px #fff,1825px 510px #fff,247px 95px #fff,721px 577px #fff,1510px 1087px #fff,2343px 1992px #fff,538px 188px #fff,1483px 283px #fff,1844px 677px #fff,2137px 1196px #fff,574px 1208px #fff,143px 1891px #fff,73px 972px #fff,1464px 1435px #fff,1277px 1971px #fff,137px 43px #fff,2450px 1302px #fff,306px 987px #fff,275px 1496px #fff,1274px 653px #fff,559px 148px #fff,308px 927px #fff,2236px 753px #fff,182px 1843px #fff,530px 1624px #fff,1399px 720px #fff,347px 1403px #fff,1938px 1844px #fff,318px 1784px #fff,1708px 1933px #fff,123px 1768px #fff,2047px 1173px #fff,59px 1279px #fff,1566px 776px #fff,2386px 25px #fff,2493px 147px #fff,328px 185px #fff,473px 526px #fff,1704px 1491px #fff,1352px 795px #fff,2379px 937px #fff,1804px 947px #fff,2216px 171px #fff,2124px 1536px #fff,2107px 61px #fff,1270px 1231px #fff,359px 984px #fff,91px 471px #fff,462px 1018px #fff,2517px 1351px #fff,1991px 523px #fff,46px 753px #fff,1233px 293px #fff,2505px 414px #fff;box-shadow:var(--st);animation:nrStar 90s linear infinite;opacity:.75}
.noir-bg .s1::after,.noir-bg .s2::after{content:"";position:absolute;top:2000px;left:0;width:inherit;height:inherit;box-shadow:var(--st);border-radius:50%}
.noir-bg .glow{top:45%;left:50%;width:900px;height:900px;max-width:150vw;transform:translate(-50%,-50%);border-radius:50%;background:rgba(220,38,38,.06);filter:blur(130px)}
.noir-bg .grid{inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,#000 35%,transparent 85%);mask-image:radial-gradient(circle at center,#000 35%,transparent 85%)}
@keyframes nrStar{from{transform:translateY(0)}to{transform:translateY(-2000px)}}
body.locked .noir-bg{display:none}
body::before,body::after{opacity:.18}

/* ---------- لمس Noir روی اجزا ---------- */
header{background:linear-gradient(to bottom,rgba(30,8,10,.75),rgba(0,0,0,.55))}
header:after{background:linear-gradient(90deg,transparent,#ef233c 22%,#ff7a8a 50%,#ef233c 78%,transparent)}
.logo{box-shadow:0 5px 25px rgba(239,35,60,.4)}
h2{background:linear-gradient(to bottom,#fff 55%,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
h2:before{box-shadow:0 0 14px rgba(239,35,60,.5)}
button.btn{background:linear-gradient(180deg,#f2394f,#d81d34);box-shadow:0 6px 22px rgba(239,35,60,.32),inset 0 1px 0 rgba(255,255,255,.22)}
button.btn:hover{box-shadow:0 10px 30px rgba(239,35,60,.5),inset 0 1px 0 rgba(255,255,255,.28)}
button.btn.gray{background:rgba(255,255,255,.06);box-shadow:none}
button.btn.gray:hover{border-color:rgba(239,35,60,.55)}
nav button.on,.module-btn.on,.pz.on{background:linear-gradient(180deg,#f2394f,#c8182f);box-shadow:0 8px 26px rgba(239,35,60,.4),inset 0 1px 0 rgba(255,255,255,.2)}
section,.dc,.m-box,.d-hero,.summary-card{border-color:rgba(255,255,255,.1)}
.dc:hover,.m-box:hover{border-color:rgba(239,35,60,.35)}
th{background:rgba(239,35,60,.14)}
::selection{background:#ef233c;color:#fff}
a{color:#ff6b7d}
:focus-visible{outline-color:#ef233c}
.ab-dot{box-shadow:none}

@media (prefers-reduced-motion:reduce){.noir-bg .s1,.noir-bg .s2{animation:none!important}}

/* ---------- کارت‌های آمار داشبورد: شیشه‌ی تیره با خط رنگی (به‌جای گرادیان‌های پررنگ) ---------- */
.kt{
  background:linear-gradient(to bottom,rgba(39,39,42,.5),rgba(0,0,0,.65));
  border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--a);
  box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--a) 18%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.kt:hover{border-color:rgba(255,255,255,.22);border-top-color:var(--a)}
.kt .wm{opacity:.09}
.kt .lb{color:#a1a1aa;opacity:1}
.kt .vl{color:#fff}
.kt .sb{color:#a1a1aa;opacity:1}
.kt .split{background:rgba(255,255,255,.12)}
.d-act button.gold{background:linear-gradient(180deg,#f2394f,#c8182f);color:#fff;box-shadow:0 6px 22px rgba(239,35,60,.35)}
.d-act button:hover{background:#fff;color:#7f0f20}
.warnbar{background:rgba(239,35,60,.1);color:#ffb3bd;border-bottom-color:rgba(239,35,60,.3)}
.d-hero{background:radial-gradient(circle at 12% 120%,rgba(239,35,60,.32),transparent 45%),radial-gradient(circle at 92% -30%,rgba(255,255,255,.07),transparent 48%),var(--glass)}
} /* پایان @media screen */

:root{--liq:#ef233c}

/* =========== کارایی: حذف محو‌کننده‌های سنگین (backdrop-filter و blur بزرگ) =========== */
header,nav,section,.module-nav,.dc,.m-box,.summary-card,.codebox,.d-hero,.kt,#bulkBar{-webkit-backdrop-filter:none;backdrop-filter:none}
body::before,body::after{filter:none;width:560px;height:560px;opacity:.5}
body::before{background:radial-gradient(circle,rgba(179,18,42,.5),transparent 68%)}
body::after{background:radial-gradient(circle,rgba(127,29,29,.45),transparent 68%)}
.noir-bg .glow{filter:none;background:radial-gradient(circle,rgba(220,38,38,.1),transparent 65%)}
section,.d-hero,.dc,.kt,.m-box{box-shadow:0 8px 22px rgba(0,0,0,.35)}
@media(max-width:860px){.noir-bg .grid,.noir-bg .glow{display:none}body::before,body::after{display:none}.module-nav{background:rgba(10,5,7,.97)}}

/* =========== فونت‌های ایرانی: وزیرمتن (متن) + شبنم (منو/دکمه) + لاله‌زار (تیتر و عدد بزرگ) =========== */
.module-btn,.sec-switch button,nav button,.btn,button{font-family:"Shabnam","VazirmatnApp",Tahoma,sans-serif}
h1,h2,h3,.lg-code,.ck-dn,.kt .vl,.d-hero h2,#lock h2,.lk-eyebrow{font-family:"LalezarApp","VazirmatnApp","Shabnam",Tahoma,sans-serif;font-weight:400;letter-spacing:.2px}
header h1{font-size:19px}
h2{font-size:19px}
.kt .vl,.ck-dn{font-weight:400}
input,select,textarea{font-family:"VazirmatnApp","Shabnam",Tahoma,sans-serif}

/* =========== نرمی انتقال بین صفحه‌ها (محو شدن + بالا آمدن) =========== */
@keyframes pIn{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes cIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.module-panel.on{animation:pIn .45s cubic-bezier(.2,.8,.2,1) both}
main>section.on{animation:pIn .38s cubic-bezier(.2,.8,.2,1) both}
.module-panel.on .d-kpis>*,.module-panel.on .lg-card,.module-panel.on .bz-card,.module-panel.on .dc{animation:cIn .5s cubic-bezier(.2,.8,.2,1) both}
.d-kpis>*:nth-child(1),.lg-card:nth-child(1),.bz-card:nth-child(1){animation-delay:.04s!important}
.d-kpis>*:nth-child(2),.lg-card:nth-child(2),.bz-card:nth-child(2){animation-delay:.08s!important}
.d-kpis>*:nth-child(3),.lg-card:nth-child(3),.bz-card:nth-child(3){animation-delay:.12s!important}
.d-kpis>*:nth-child(4),.lg-card:nth-child(4),.bz-card:nth-child(4){animation-delay:.16s!important}
.d-kpis>*:nth-child(n+5),.lg-card:nth-child(n+5),.bz-card:nth-child(n+5){animation-delay:.2s!important}
.lg-card,.dc,.kt,.bz-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.lg-card:hover,.bz-card:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.module-panel.on,main>section.on,.module-panel.on *{animation:none!important}}

/* =========== سایدبار جذاب‌تر (دسکتاپ) =========== */
@media(min-width:861px){
  .module-nav{padding:12px 10px;gap:6px;border-radius:22px;background:linear-gradient(170deg,rgba(40,10,14,.85),rgba(8,4,6,.92))!important;border:1px solid rgba(255,255,255,.1)}
  .module-nav .module-btn{position:relative;z-index:1;gap:12px;padding:8px 10px;border:0;background:transparent;border-radius:14px;color:#b6bdd0;font-size:14px;transition:color .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
  .module-nav .module-btn .mi{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:rgba(255,255,255,.06);font-size:18px;transition:background .25s,transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .25s}
  .module-nav .module-btn:hover{color:#fff;transform:translateX(-4px);background:rgba(255,255,255,.04)}
  .module-nav .module-btn:hover .mi{background:rgba(239,35,60,.22);transform:scale(1.08) rotate(-6deg)}
  .module-nav .module-btn.on{color:#fff;font-weight:700}
  .module-nav .module-btn.on .mi{background:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
  .module-nav.pill-on .module-btn.on{background:transparent!important;box-shadow:none!important}
  .navpill{position:absolute;right:10px;left:10px;top:0;height:52px;border-radius:15px;background:linear-gradient(135deg,#f2394f,#b3122a);box-shadow:0 10px 28px rgba(239,35,60,.4),inset 0 1px 0 rgba(255,255,255,.25);z-index:0;pointer-events:none;opacity:0;transition:top .45s cubic-bezier(.3,1.25,.4,1),height .3s,opacity .3s}
  .nav-cap{font-size:11px;letter-spacing:.5px;opacity:.5;padding:4px 12px 0}
  .nav-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:6px 0}
  .sec-switch{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
}
@media(max-width:860px){.navpill{display:none}}
#dpDueBox{background:rgba(239,35,60,.1);border-color:rgba(239,35,60,.4)}.dpd-h{color:#ff8a98}.dpd-it.late .dpd-tx b:first-child{color:#ff8a98}