/* ================================================================
   سَنَد — نظام التصميم المشترك (2026)
   الوضع الفاتح: «تحريري دافي» · الوضع الليلي: «تقني ليلي»
   كل لون مستعمل بالصفحات بيجي من هون عبر var(--x, fallback)
   ================================================================ */
/* الوضع الفاتح: «عصري ملوّن» — أبيض نظيف، تدرّج أخضر ← أزرق ← بنفسجي، كروت طايرة
   الوضع الليلي: «ليلي فاخر» — أسود عميق، أخضر مضيء، زجاج شفاف */
:root{
  color-scheme:light;
  --bg:#fbfcfd;--bg2:#f1f4f8;--card:#ffffff;--card2:#ffffff;--in:#ffffff;
  --tx:#0b1220;--tx2:#334155;--mu:#64748b;--ln:rgba(11,18,32,.07);--ln2:rgba(11,18,32,.13);
  --ac:#059669;--acb:#059669;--acf:#ffffff;--gs:#ecfdf5;--gsb:#a7f3d0;--gt:#047857;
  --p:#0b1220;--pf:#ffffff;--blub:#0b1220;--blu:#2563eb;--bs:#eff6ff;
  --red:#dc2626;--rs:#fef2f2;--amt:#b45309;--ys:#fffbeb;--ysb:#fde68a;
  --hk:linear-gradient(135deg,#059669 0%,#0d9488 45%,#0ea5e9 100%);--hkf:#ffffff;
  --sh:0 1px 2px rgba(11,18,32,.04),0 18px 36px -22px rgba(11,18,32,.3);
  --sh2:0 30px 60px -28px rgba(14,165,233,.35),0 12px 30px -18px rgba(11,18,32,.25);
  --gl:rgba(255,255,255,.72);--glb:rgba(255,255,255,.95);
  --r:24px;--rs2:14px;
  --grad:linear-gradient(90deg,#059669 0%,#0ea5e9 55%,#8b5cf6 100%);
  --cta:#0b1220;--ctaf:#ffffff;--ctash:0 14px 28px -12px rgba(11,18,32,.55);
  --disp:'Alexandria','Readex Pro',sans-serif;
  --amb:radial-gradient(760px 440px at 92% -120px,rgba(167,243,208,.75),transparent 70%),radial-gradient(640px 460px at -5% 12%,rgba(186,230,253,.7),transparent 70%),radial-gradient(620px 420px at 50% 105%,rgba(233,213,255,.55),transparent 70%);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#05070a;--bg2:rgba(255,255,255,.045);--card:#0b0e13;--card2:#10141a;--in:rgba(255,255,255,.045);
  --tx:#eef2f6;--tx2:#c4cbd4;--mu:#8b95a3;--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.15);
  --ac:#34d399;--acb:#10b981;--acf:#03140d;--gs:rgba(52,211,153,.1);--gsb:rgba(52,211,153,.32);--gt:#6ee7b7;
  --p:#eef2f6;--pf:#05070a;--blub:#10b981;--blu:#7dd3fc;--bs:rgba(56,189,248,.12);
  --red:#f87171;--rs:rgba(248,113,113,.12);--amt:#fcd34d;--ys:rgba(250,204,21,.1);--ysb:rgba(250,204,21,.3);
  --hk:linear-gradient(150deg,#047857 0%,#064e3b 50%,#0b0e13 100%);--hkf:#ecfdf5;
  --sh:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px -24px rgba(0,0,0,.8);
  --sh2:0 30px 80px -30px rgba(16,185,129,.45);
  --gl:rgba(12,15,20,.62);--glb:rgba(255,255,255,.1);
  --grad:linear-gradient(90deg,#a7f3d0 0%,#34d399 40%,#38bdf8 100%);
  --cta:linear-gradient(135deg,#34d399,#059669);--ctaf:#03140d;--ctash:0 12px 34px -10px rgba(16,185,129,.7);
  --disp:'Alexandria','Readex Pro',sans-serif;
  --amb:radial-gradient(900px 520px at 50% -200px,rgba(16,185,129,.32),transparent 68%),radial-gradient(520px 400px at 105% 55%,rgba(56,189,248,.12),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) 0 0/56px 56px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:'Readex Pro',system-ui,sans-serif;background:var(--bg);background-image:var(--amb);background-attachment:fixed;color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,h3,.disp{font-family:var(--disp);font-weight:700;color:var(--tx);letter-spacing:-.2px}
a{color:inherit}
.i{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
code{background:var(--bg2);padding:1px 6px;border-radius:6px}
/* أزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:999px;padding:.6rem 1.15rem;font:500 .92rem 'Readex Pro',sans-serif;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-green,.btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(5,150,105,.75)}
html[data-theme="dark"] .btn-green,html[data-theme="dark"] .btn-primary{background:var(--cta)!important;color:var(--ctaf)!important;box-shadow:var(--ctash)}
.btn:hover{transform:translateY(-1px)}
.btn-green:hover{filter:brightness(1.08)}
.btn-blue,.btn-dark{background:var(--blub)!important;color:#fff!important}
html[data-theme="dark"] .btn-blue{background:var(--p)!important;color:var(--pf)!important}
.btn-outline,.btn-ghost{background:var(--card)!important;border-color:var(--ln2)!important;color:var(--tx)}
.btn-outline:hover{background:var(--bg2)!important}
/* حقول */
input,select,textarea{font:400 .95rem 'Readex Pro',sans-serif!important;background:var(--in)!important;color:var(--tx)!important;border:1px solid var(--ln2)!important;border-radius:12px!important;padding:.65rem .85rem!important;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 4px var(--gs)}
input[type=checkbox],input[type=radio]{width:auto!important;padding:0!important;accent-color:var(--acb)}
input[type=file]{padding:.5rem!important}
label{color:var(--tx2)}
::placeholder{color:var(--mu);opacity:.8}
/* كروت وجداول */
.card,.table-card,.stat-card{background:var(--card)!important;border:1px solid var(--ln)!important;border-radius:var(--r)!important;box-shadow:var(--sh)}
html[data-theme="dark"] .card,html[data-theme="dark"] .table-card,html[data-theme="dark"] .stat-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),var(--card)!important}
table{border-collapse:collapse;width:100%}
th{background:transparent!important;color:var(--mu)!important;font-weight:500!important;font-size:.8rem!important;border-bottom:1px solid var(--ln)!important;white-space:nowrap}
td{border-bottom:1px solid var(--ln)!important;color:var(--tx)}
tr:last-child td{border-bottom:0!important}
tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg2)}
/* نص متدرّج + حركة دخول ناعمة */
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes s-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes s-float{0%,100%{translate:0 0}50%{translate:0 -8px}}   /* translate مش transform — عشان ما يدوس على التمركز */
@keyframes s-glow{0%,100%{opacity:.55}50%{opacity:1}}
.rise{animation:s-rise .7s cubic-bezier(.2,.7,.2,1) both}
/* زجاج */
.glass{background:var(--gl);border:1px solid var(--glb);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
/* زر الوضع الليلي */
.theme-btn{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--ln2);background:var(--card);color:var(--tx);cursor:pointer;padding:0}
.theme-btn .i{width:18px;height:18px}
.theme-btn .moon{display:inline}.theme-btn .sun{display:none}
html[data-theme="dark"] .theme-btn .moon{display:none}html[data-theme="dark"] .theme-btn .sun{display:inline}
.theme-float{position:fixed;left:16px;bottom:16px;z-index:50;box-shadow:var(--sh)}
/* شعار */
.s-logo{display:flex;align-items:center;gap:.6rem;font:700 1.3rem 'Alexandria',sans-serif;color:var(--tx);text-decoration:none}
.s-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0b1220;color:#a7f3d0;flex:none;box-shadow:0 6px 16px -8px rgba(11,18,32,.6)}
html[data-theme="dark"] .s-mark{background:linear-gradient(135deg,#6ee7b7,#059669);color:#022c22;box-shadow:0 0 22px rgba(52,211,153,.5)}
.s-mark .i{width:20px;height:20px}
/* شارات */
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:999px;font-size:.8rem;font-weight:500}
.pill-green{background:var(--gs);color:var(--gt)}.pill-amber{background:var(--ys);color:var(--amt)}.pill-red{background:var(--rs);color:var(--red)}.pill-blue{background:var(--bs);color:var(--blu)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}