/* ═══════════════════════════════════════════════
   سیستم تم مشترک پنل‌ها (مشتری/پرسنل/مدیر)
   همان ۶ تم × روشن/تیره صفحه‌ی اصلی سایت.
   پنل‌ها از نام‌متغیرهای مستعار (--bg,--bg2,...) استفاده می‌کنند
   که این فایل به پالت تم وصل‌شان می‌کند؛ پس کل پنل تم‌پذیر می‌شود.
   ═══════════════════════════════════════════════ */

/* ── تم پیش‌فرض (نیلی) — روشن ── */
:root{
  --cream:#fdf6f4;--cream2:#fdedf0;--cream3:#fbe0e6;
  --ink:#4a2c3a;--ink-rgb:74,44,58;
  --accent:#d8839a;--accent2:#f5acbf;--accent3:#fcd9e2;
  --gold:#d9a86c;--gold2:#f0cf9c;
  --white:#ffffff;--off-white:#fff8f9;
  --gray:#ad8e9a;--gray2:#cbb2bc;
  --accent-pale:rgba(216,131,154,0.12);--border:rgba(216,131,154,0.28);--border2:rgba(74,44,58,0.08);
  --shadow:0 6px 28px rgba(216,131,154,0.14);
}
:root[data-mode="dark"]{
  --cream:#1a1625;--cream2:#211c30;--cream3:#2b2440;
  --ink:#f1e8ee;--ink-rgb:241,232,238;
  --accent:#ec6fa3;--accent2:#ffa8cc;--accent3:#3d2a4a;
  --gold:#e8c98a;--gold2:#f5e0b3;
  --white:#ffffff;--off-white:#2b2440;
  --gray:#9b8aa8;--gray2:#5a4d6e;
  --accent-pale:rgba(236,111,163,0.15);--border:rgba(236,111,163,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}
/* ── صورتی فاشن ── */
html[data-theme="rose"]{
  --cream:#fff5f7;--cream2:#ffe9ef;--cream3:#ffd9e4;
  --ink:#3d1f2e;--ink-rgb:61,31,46;
  --accent:#e0577e;--accent2:#ff96b4;--accent3:#ffdde7;
  --gold:#dba06a;--gold2:#f2cf9e;--white:#fff;--off-white:#fff8fa;
  --gray:#b88a9c;--gray2:#dbb9c5;
  --accent-pale:rgba(224,87,126,0.13);--border:rgba(224,87,126,0.3);--border2:rgba(61,31,46,0.08);
  --shadow:0 6px 28px rgba(224,87,126,0.16);
}
html[data-theme="rose"][data-mode="dark"]{
  --cream:#1f1318;--cream2:#2a1a21;--cream3:#36222b;
  --ink:#fbe8ee;--ink-rgb:251,232,238;
  --accent:#ff7fa0;--accent2:#ffb3c8;--accent3:#3d212a;
  --gold:#eac892;--gold2:#f6e2b8;--white:#fff;--off-white:#36222b;
  --gray:#b08d99;--gray2:#5e3f4a;
  --accent-pale:rgba(255,127,160,0.15);--border:rgba(255,127,160,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}
/* ── بنفش لوند ── */
html[data-theme="violet"]{
  --cream:#faf6ff;--cream2:#f3ebfd;--cream3:#ebdcfa;
  --ink:#3a2c4a;--ink-rgb:58,44,74;
  --accent:#a47adb;--accent2:#d2b3f7;--accent3:#efe1fc;
  --gold:#c9a875;--gold2:#e8d1a8;--white:#fff;--off-white:#faf8ff;
  --gray:#9c8caf;--gray2:#c7bcd8;
  --accent-pale:rgba(164,122,219,0.13);--border:rgba(164,122,219,0.3);--border2:rgba(58,44,74,0.08);
  --shadow:0 6px 28px rgba(164,122,219,0.16);
}
html[data-theme="violet"][data-mode="dark"]{
  --cream:#1a1726;--cream2:#221d33;--cream3:#2c2540;
  --ink:#f0e8fb;--ink-rgb:240,232,251;
  --accent:#b794ed;--accent2:#dcc4fa;--accent3:#3a2f4f;
  --gold:#e0c896;--gold2:#f0ddb8;--white:#fff;--off-white:#2c2540;
  --gray:#a397bb;--gray2:#564a73;
  --accent-pale:rgba(183,148,237,0.15);--border:rgba(183,148,237,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}
/* ── مرجانی گرم ── */
html[data-theme="coral"]{
  --cream:#fff8f3;--cream2:#ffefe4;--cream3:#ffdfd0;
  --ink:#4a3326;--ink-rgb:74,51,38;
  --accent:#e8825a;--accent2:#ffb38a;--accent3:#ffe2d1;
  --gold:#dba668;--gold2:#f3cf9d;--white:#fff;--off-white:#fffaf6;
  --gray:#bf9685;--gray2:#e3c8bc;
  --accent-pale:rgba(232,130,90,0.13);--border:rgba(232,130,90,0.28);--border2:rgba(74,51,38,0.08);
  --shadow:0 6px 28px rgba(232,130,90,0.14);
}
html[data-theme="coral"][data-mode="dark"]{
  --cream:#1f1712;--cream2:#2a1e17;--cream3:#36281e;
  --ink:#fbe9df;--ink-rgb:251,233,223;
  --accent:#ff9d72;--accent2:#ffc4a3;--accent3:#3e2a1f;
  --gold:#eaca94;--gold2:#f6e3ba;--white:#fff;--off-white:#36281e;
  --gray:#b89a89;--gray2:#5e493b;
  --accent-pale:rgba(255,157,114,0.15);--border:rgba(255,157,114,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}
/* ── زمردی باغ ── */
html[data-theme="emerald"]{
  --cream:#f5faf6;--cream2:#e9f4ec;--cream3:#dcefe1;
  --ink:#243d33;--ink-rgb:36,61,51;
  --accent:#4f9d7a;--accent2:#8ecbab;--accent3:#d6efe1;
  --gold:#cba968;--gold2:#e9d3a0;--white:#fff;--off-white:#f7fcf8;
  --gray:#8fae9f;--gray2:#c2d9cd;
  --accent-pale:rgba(79,157,122,0.13);--border:rgba(79,157,122,0.28);--border2:rgba(36,61,51,0.08);
  --shadow:0 6px 28px rgba(79,157,122,0.14);
}
html[data-theme="emerald"][data-mode="dark"]{
  --cream:#121f1a;--cream2:#182a23;--cream3:#1f362d;
  --ink:#e6f5ee;--ink-rgb:230,245,238;
  --accent:#6fc59d;--accent2:#a6e0c4;--accent3:#243d33;
  --gold:#dcc188;--gold2:#ecdab0;--white:#fff;--off-white:#1f362d;
  --gray:#8fb3a3;--gray2:#3e5c4f;
  --accent-pale:rgba(111,197,157,0.15);--border:rgba(111,197,157,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}
/* ── شامپاینی طلایی ── */
html[data-theme="champagne"]{
  --cream:#fdfaf3;--cream2:#f8f0de;--cream3:#f3e4c8;
  --ink:#473d2c;--ink-rgb:71,61,44;
  --accent:#c9a04a;--accent2:#e8c878;--accent3:#f7e9c4;
  --gold:#a6824a;--gold2:#d4b87a;--white:#fff;--off-white:#fffdf7;
  --gray:#ab9d80;--gray2:#d8cbab;
  --accent-pale:rgba(201,160,74,0.14);--border:rgba(201,160,74,0.3);--border2:rgba(71,61,44,0.08);
  --shadow:0 6px 28px rgba(201,160,74,0.16);
}
html[data-theme="champagne"][data-mode="dark"]{
  --cream:#1e1a10;--cream2:#282215;--cream3:#352c1c;
  --ink:#f8f0dc;--ink-rgb:248,240,220;
  --accent:#e0bc6a;--accent2:#f3dca0;--accent3:#3d3320;
  --gold:#c9a875;--gold2:#e3cb98;--white:#fff;--off-white:#352c1c;
  --gray:#b8a888;--gray2:#5e503a;
  --accent-pale:rgba(224,188,106,0.15);--border:rgba(224,188,106,0.25);--border2:rgba(255,255,255,0.08);
  --shadow:0 6px 28px rgba(0,0,0,0.4);
}

/* ── نام‌متغیرهای مستعارِ پنل‌ها (به پالت تم وصل می‌شوند) ── */
:root{
  --bg:var(--cream); --bg2:var(--off-white); --bg3:var(--cream3); --bg4:var(--cream2);
  --ap:var(--accent-pale); --b2:var(--border2); --sh:var(--shadow);
  /* مستعارهای پنل مدیر/پرسنل */
  --navy:var(--cream); --navy2:var(--off-white); --navy3:var(--cream3); --navy4:var(--cream);
  --bg5:var(--cream2); --card:var(--off-white); --panel:var(--off-white);
  /* سطح/بوردرِ ظریفِ تطبیقی (جایگزین rgba سفیدِ هاردکد) */
  --soft:rgba(0,0,0,0.05); --soft2:rgba(0,0,0,0.09);
}
:root[data-mode="dark"]{ --soft:rgba(255,255,255,0.06); --soft2:rgba(255,255,255,0.1); }

/* ── درخشش پس‌زمینه‌ی پنل‌ها (مثل صفحه اصلی، تم‌پذیر) ── */
body{
  background:
    radial-gradient(ellipse 55% 45% at 100% 0%, var(--accent-pale), transparent 62%),
    radial-gradient(ellipse 50% 45% at 0% 100%, var(--accent-pale), transparent 62%),
    var(--bg) !important;
  background-attachment: fixed !important;
}
/* کارت‌ها کمی پرعمق‌تر و زنده‌تر */
.stat-card,.sc,.card,.panel{box-shadow:0 6px 22px rgba(0,0,0,.07)}
.sc-icon,.stat-card .sc-icon{box-shadow:0 4px 14px var(--accent-pale)}

/* ── دکمه‌ی شناور انتخاب تم (مشترک) ── */
.pt-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;display:flex;flex-direction:column;gap:10px}
.pt-fab button{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:var(--off-white);color:var(--accent);font-size:1.2rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.pt-fab button:hover{transform:scale(1.08)}
.pt-panel{position:fixed;bottom:1.5rem;right:5rem;z-index:901;background:var(--off-white);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:none;width:210px}
.pt-panel.open{display:block}
.pt-panel h4{font-size:.78rem;color:var(--ink);margin:0 0 10px;font-weight:700}
.pt-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.pt-sw{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s}
.pt-sw:hover{transform:scale(1.15)}
.pt-sw.active{border-color:var(--ink)}