/* =====================================================================
   تم سرمه‌ای یکپارچه — همه‌ی صفحه‌ها (ورود، میز کار، کابین، برنامه‌ریز، پنل مدیر)
   این فایل باید آخرین فایل استایل در هر صفحه باشد.
   ===================================================================== */

/* ---------- رنگ‌ها: روشن ---------- */
:root{
  --bg:#E8EDF8;--s:#FFFFFF;--s2:#F0F3FB;--ink:#0B1530;--ink2:#38467A;--ink3:#64729B;--line:#CFD8EE;
  --ac:#14245C;--ac2:#23388C;--acs:#DDE6FB;--acink:#FFFFFF;
  --wine:#2F5BE0;--wine2:#4A73F0;--wines:#E1E9FD;--btn:#14245C;--btn2:#23388C;--bd:#7886B0;
  --bad:#B3261E;--bads:#FBE4E1;--good:#1F7A57;--goods:#DCF1E7;--warn:#8A5206;--warns:#F8ECD6;
  --shadow:0 12px 36px rgba(11,21,48,.16);
  /* نام‌های صفحه‌ی برنامه‌ریز */
  --panel:#FFFFFF;--mute:#38467A;--main:#14245C;--on:#FFFFFF;--sand:#2F5BE0;--sel:#DDE6FB;--ok:#1F7A57;
  /* رنگ نمودارها */
  --c1:#1E3A9E;--c2:#4F7DF3;--c3:#1AADCF;--c4:#8E9BFF;--c5:#5A6A99;--c6:#14A092;
  /* نوار و سایدبار */
  --nv1:#0A1440;--nv2:#12206A;--nvink:#D5DEF8;--nvdim:#8FA2DC;--sig:#7FA2FF;
  --grid:rgba(255,255,255,.055);
  color-scheme:light;
}
/* ---------- رنگ‌ها: تیره ---------- */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#060C22;--s:#0D1634;--s2:#131E45;--ink:#E7ECFB;--ink2:#AAB6DD;--ink3:#7684B2;--line:#1E2B5A;
  --ac:#8FA9FF;--ac2:#B0C3FF;--acs:#16225A;--acink:#060C22;
  --wine:#6C93FF;--wine2:#8FAAFF;--wines:#16225A;--btn:#3558D6;--btn2:#4A6BE6;--bd:#52639F;
  --bad:#F09A8D;--bads:#40211D;--good:#7FD0A3;--goods:#12301F;--warn:#E6B46A;--warns:#3A2D17;
  --shadow:0 12px 36px rgba(0,0,0,.55);
  --panel:#0D1634;--mute:#AAB6DD;--main:#8FA9FF;--on:#060C22;--sand:#6C93FF;--sel:#16225A;--ok:#7FD0A3;
  --c1:#8FA9FF;--c2:#5C86FF;--c3:#4CC9E8;--c4:#B6AEFF;--c5:#8393C2;--c6:#3FD0BF;
  --nv1:#050A24;--nv2:#0B1546;--grid:rgba(143,169,255,.07);
  color-scheme:dark}}
:root[data-theme=dark]{
  --bg:#060C22;--s:#0D1634;--s2:#131E45;--ink:#E7ECFB;--ink2:#AAB6DD;--ink3:#7684B2;--line:#1E2B5A;
  --ac:#8FA9FF;--ac2:#B0C3FF;--acs:#16225A;--acink:#060C22;
  --wine:#6C93FF;--wine2:#8FAAFF;--wines:#16225A;--btn:#3558D6;--btn2:#4A6BE6;--bd:#52639F;
  --bad:#F09A8D;--bads:#40211D;--good:#7FD0A3;--goods:#12301F;--warn:#E6B46A;--warns:#3A2D17;
  --shadow:0 12px 36px rgba(0,0,0,.55);
  --panel:#0D1634;--mute:#AAB6DD;--main:#8FA9FF;--on:#060C22;--sand:#6C93FF;--sel:#16225A;--ok:#7FD0A3;
  --c1:#8FA9FF;--c2:#5C86FF;--c3:#4CC9E8;--c4:#B6AEFF;--c5:#8393C2;--c6:#3FD0BF;
  --nv1:#050A24;--nv2:#0B1546;--grid:rgba(143,169,255,.07);
  color-scheme:dark}

body{background:var(--bg);color:var(--ink)}
::selection{background:var(--ac);color:var(--acink)}
a:hover{color:var(--wine)}
:focus-visible{outline-color:color-mix(in srgb,var(--wine) 70%,transparent)}

/* ---------- لوگو ---------- */
.logo{background:linear-gradient(140deg,#3B63E6 0%,#1B2F82 60%,#0A1440 100%)!important;color:#fff!important;box-shadow:0 6px 18px rgba(30,58,158,.38)!important}

/* ---------- نوار بالای میز کار و پنل مدیر ---------- */
.nav{background:linear-gradient(180deg,var(--nv1),var(--nv2))!important;border-bottom:0!important;backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(127,162,255,.28),0 10px 28px rgba(5,10,40,.22)}
.nav .brand{color:#fff}
.nav a.l,.nav .ib{color:var(--nvink)!important}
.nav a.l:hover,.nav .ib:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.nav a.l.on{background:rgba(127,162,255,.2)!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--sig)!important}
.nav .badge{background:#3B63E6;color:#fff;box-shadow:0 0 0 2px var(--nv1)}
.t-wine{display:none!important}
.t-sun,.t-moon{display:none}
:root[data-theme=dark] .t-sun{display:block}
:root[data-theme=light] .t-moon,:root:not([data-theme]) .t-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .t-sun{display:block}:root:not([data-theme]) .t-moon{display:none}}

/* ---------- عنوان‌ها و کارت‌ها ---------- */
h2::before{background:linear-gradient(180deg,var(--wine),var(--ac))!important}
.card{border-color:var(--line);box-shadow:0 1px 0 rgba(20,36,92,.04)}
a.card:hover{border-color:var(--wine)!important}
.card .ico,.empty .ico,.denied .ico{background:var(--acs)!important;color:var(--ac)!important}
.count,.stat b{color:var(--ac)!important}
.ag h3 .i{color:var(--wine)!important}
.pill.wine{background:var(--wines);color:var(--wine)}
.btn.wine,.btn.solid.wine,.btn.solid{background:var(--btn)!important;color:#fff!important;border-color:var(--btn)!important}
.btn.wine:hover,.btn.solid.wine:hover,.btn.solid:hover{background:var(--btn2)!important;border-color:var(--btn2)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--btn) 38%,transparent)}
.btn.solid.danger{background:var(--bad)!important;border-color:var(--bad)!important;color:#fff!important}
.btn:hover{border-color:var(--wine)}
.tabs a.on,.nav a.l.on{font-weight:700}
.tabs a.on{background:var(--acs);color:var(--ac)}
.tick,.rem .tick{color:var(--wine)!important;border-color:var(--wine)!important}
.rem{border-inline-start-color:var(--wine)!important}
.rem.late{background:var(--wines)!important}
.rem.is-done .tick,.rem .tick:hover{background:var(--btn)!important;color:#fff!important;border-color:var(--btn)!important}
.group-h::before{background:var(--wine)!important}
.li.late small,.group-h.late,.rem.late .t small{color:var(--bad)!important}
.late .dot{background:var(--bad)!important}
.bigsearch .i,#sound-toggle:not(.off){color:var(--wine)!important}
.quickset button:hover{border-color:var(--wine)!important;color:var(--wine)!important}
.themes{grid-template-columns:repeat(3,1fr)!important}

/* ---------- میز کار (کابین) ---------- */
.side{background:linear-gradient(180deg,var(--nv1),var(--nv2))!important;border-inline-end:0!important;color:var(--nvink)}
.side .brand{color:#fff}
.side button.nv{color:var(--nvink)!important}
.side button.nv:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.side button.nv.on{background:rgba(127,162,255,.2)!important;color:#fff!important;box-shadow:inset -3px 0 0 var(--sig)}
.side .n{color:var(--nvdim)!important}
.side hr{border-top-color:rgba(255,255,255,.12)!important}
.side .addb{background:#3B63E6!important;color:#fff!important;box-shadow:0 8px 20px rgba(59,99,230,.4)}
.side a.exit,a.exit{background:rgba(127,162,255,.14);color:#fff;border-color:rgba(127,162,255,.5)}
a.exit.m{background:var(--acs);color:var(--ac);border-color:var(--ac)}
a.exit:hover,.side a.exit:hover{background:var(--sig);color:#0A1440;border-color:var(--sig)}
.bottom{background:linear-gradient(180deg,var(--nv2),var(--nv1))!important;border-top:0!important;box-shadow:0 -8px 24px rgba(5,10,40,.28)}
.bottom button{color:var(--nvdim)!important}
.bottom button.on{color:#fff!important}
.bottom button.on svg{filter:drop-shadow(0 0 6px rgba(127,162,255,.8))}
.fab{background:linear-gradient(140deg,#4A73F0,#1E3A9E)!important;color:#fff!important;box-shadow:0 12px 28px rgba(30,58,158,.5)!important}

/* کارت اصلی «یک کار مهم» با نقشه‌ی مهندسی */
.one{position:relative;overflow:hidden;color:#fff!important;
  background:
    radial-gradient(520px 220px at 12% -20%,rgba(127,162,255,.35),transparent 70%),
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(135deg,#0A1440 0%,#14267A 62%,#1F3EA8 100%)!important;
  box-shadow:0 18px 40px rgba(10,20,64,.35)}
.one .btn{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;box-shadow:none}
.one .btn.solid{background:#fff!important;color:#14245C!important;border-color:#fff!important}
.one .k{letter-spacing:0}
.chk.on,.seg button.on,.chips button.on,.types button.on,.cal-strip button.on,.eng .tri button.on{background:var(--btn)!important;border-color:var(--btn)!important;color:#fff!important}
.cal-strip button.on b{color:#fff!important}
.bar i{background:linear-gradient(90deg,var(--c2),var(--c1))}
.star.on{color:#E0A526}
.blk.task{background:var(--acs);color:var(--ac);border-left-color:var(--wine)}

/* ---------- برنامه‌ریز ---------- */
nav:not(.crumb){background:linear-gradient(180deg,var(--nv1),var(--nv2))!important;border-inline-end:0!important;color:var(--nvink)}
nav:not(.crumb) b{color:#fff}
nav:not(.crumb) button{color:var(--nvink)!important}
nav:not(.crumb) button:hover{background:rgba(255,255,255,.09)!important}
nav:not(.crumb) button[aria-current="page"]{background:rgba(127,162,255,.2)!important;color:#fff!important;box-shadow:inset -3px 0 0 var(--sig)}

/* ---------- نمودارهای تحلیل عملکرد ---------- */
.rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.rg{background:var(--s);border:1px solid var(--line);border-radius:16px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.rg svg{width:104px;height:104px}
.rg b{font-size:14px;font-weight:700}
.rg span{font-size:12px;color:var(--ink2);line-height:1.5}
.ag2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px;margin-top:14px}
.cc{background:var(--s);border:1px solid var(--line);border-radius:16px;padding:14px 16px 12px;min-width:0;overflow:hidden}
.cc.wide{grid-column:1/-1}
.cc h4{margin:0;font-size:15px;font-weight:700}
.cc .cs{margin:2px 0 10px;font-size:12.5px;color:var(--ink2)}
.cc svg.ch{display:block;width:100%;height:auto;overflow:visible}
.ch{direction:ltr}
.ch text{font-family:inherit;fill:var(--ink2);font-size:10.5px}
.ch .ax{stroke:var(--line);stroke-width:1}
.ch .gl{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.ch .big{fill:var(--ink);font-size:20px;font-weight:800}
.ch .sml{font-size:10px;fill:var(--ink3)}
.ch .v1{fill:var(--c1)}.ch .v2{fill:var(--c2)}.ch .v3{fill:var(--c3)}.ch .v4{fill:var(--c4)}.ch .v5{fill:var(--c5)}.ch .v6{fill:var(--c6)}
.ch .s1{stroke:var(--c1)}.ch .s2{stroke:var(--c2)}.ch .s3{stroke:var(--c3)}.ch .s4{stroke:var(--c4)}.ch .s5{stroke:var(--c5)}.ch .s6{stroke:var(--c6)}
.ch .trk{stroke:var(--line);fill:none}
.ch .hit:hover{filter:brightness(1.15)}
.lg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--ink2)}
.lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}
.lg i.c1{background:var(--c1)}.lg i.c2{background:var(--c2)}.lg i.c3{background:var(--c3)}.lg i.c4{background:var(--c4)}.lg i.c5{background:var(--c5)}.lg i.c6{background:var(--c6)}
.lg b{color:var(--ink);font-weight:700;margin-inline-start:4px}
.hbl{display:grid;gap:8px}
.hbl .r{display:grid;grid-template-columns:minmax(90px,34%) 1fr 32px;gap:10px;align-items:center;font-size:13px}
.hbl .r span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbl .tr{height:10px;border-radius:99px;background:var(--s2);overflow:hidden}
.hbl .tr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--c2),var(--c1))}
.hbl .r em{font-style:normal;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}
.chempty{padding:26px 8px;text-align:center;color:var(--ink3);font-size:13.5px}

/* ---------- ورود (دو‌ستونه با نقشه‌ی مهندسی) ---------- */
.auth2{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg)}
.auth2 .brandside{position:relative;overflow:hidden;align-items:stretch;color:#fff;padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;
  background:
    radial-gradient(640px 320px at 85% 0%,rgba(127,162,255,.34),transparent 70%),
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(150deg,#08113A 0%,#12236F 60%,#1D3AA0 100%)}
.auth2 .brandside .logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center}
.auth2 .brandside h2{display:block;font-size:30px;line-height:1.5;margin:18px 0 10px;font-weight:800;color:#fff}
.auth2 .brandside h2::before{display:none}
.auth2 .brandside p{margin:0;max-width:34ch;color:#C5D1F6;font-size:15.5px}
.auth2 .brandside .contour{position:absolute;inset-inline-start:-80px;bottom:-110px;width:420px;height:420px;opacity:.5;pointer-events:none}
.auth2 .brandside .co{font-size:13px;color:#9DB0EA;position:relative;z-index:1}
.auth2 .pane{position:relative;display:flex;flex-direction:column;padding:20px 32px 28px;min-width:0}
.auth2 .topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.auth2 .topbar .ib{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1.5px solid var(--bd);background:var(--s);color:var(--ink);cursor:pointer}
.auth2 .topbar .ib:hover{border-color:var(--wine);color:var(--wine)}
.swap{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;font-weight:700;font-size:14.5px;
  background:var(--acs);color:var(--ac)!important;border:1.5px solid var(--ac);text-decoration:none!important;transition:background .2s,color .2s,transform .15s}
.swap:hover{background:var(--btn);color:#fff!important;border-color:var(--btn)}
.swap:active{transform:scale(.96)}
.swap .i{width:18px;height:18px}
.auth2 .formwrap{flex:1;display:grid;place-items:center}
.auth2 .box{width:min(420px,100%);padding:6px 0}
.auth2 .box h1{font-size:26px;margin:0 0 6px}
.auth2 .box .lead{margin:0 0 22px}
.auth2 .btn.solid{width:100%;padding:13px;font-size:16px;margin-top:8px}
.auth2 .box .alert{margin-bottom:16px}
.auth2 .foot{margin-top:22px}
@media (max-width:860px){
  .auth2{grid-template-columns:1fr}
  .auth2 .brandside{padding:26px 24px 30px;gap:14px}
  .auth2 .brandside h2{font-size:22px;margin-top:12px}
  .auth2 .brandside p{font-size:14px}
  .auth2 .brandside .contour,.auth2 .brandside .co{display:none}
  .auth2 .pane{padding:16px 18px 26px}
}

/* ---------- پنل مدیر ---------- */
.mgr .nav{border-top:0}
.mgr .opt:hover,.opt:hover{border-color:var(--wine)}
.mgr input:focus,.mgr select:focus,.mgr textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--wine);box-shadow:0 0 0 4px color-mix(in srgb,var(--wine) 22%,transparent)}
input[type=checkbox],input[type=radio]{accent-color:var(--wine)}