/* PRIMIX_THEME_REVAMP_V3 */
/* PRIMIX_THEME_CLEANUP_V4 */
/* هدف الملف: توحيد الشكل على روح dashboard REVAMP (خفيف/واضح/مبهر + Dark/Light مضبوط) */

:root{
  color-scheme: light dark;

  /* Light defaults (روح REVAMP) */
  --bg:#f6f7fb;
  --card:#ffffff;
  --card2:#fbfcff;
  --text:#0f172a;
  --muted:#64748b;
  --border:rgba(15,23,42,.10);

  --accent:#2563eb;
  --accent2:#7c3aed;
  --onAccent:#ffffff;

  --ok:#16a34a;
  --warn:#f59e0b;
  --bad:#ef4444;

  --shadow:0 20px 50px rgba(2,6,23,.08);
  --shadow2:0 10px 25px rgba(2,6,23,.08);

  --r-lg:22px;
  --r-md:16px;
  --r-sm:12px;
}

html[data-theme="dark"]{
  --bg:#0b1220;
  --card:#0f1a2b;
  --card2:#0b1626;
  --text:#e5e7eb;
  --muted:#9aa4b2;
  --border:rgba(148,163,184,.18);

  --shadow:0 24px 70px rgba(0,0,0,.35);
  --shadow2:0 12px 30px rgba(0,0,0,.28);
}

/* خلفية “مبهرة” بدون إزعاج */
body{
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
}
body::before{
  content:"";
  position:fixed;
  inset:-120px -120px auto -120px;
  height:520px;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 20% -10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(800px 360px at 80% -12%, rgba(124,58,237,.16), transparent 55%);
  filter:saturate(1.05);
  z-index:-1;
}
html[data-theme="dark"] body::before{
  background:
    radial-gradient(900px 420px at 20% -10%, rgba(37,99,235,.22), transparent 60%),
    radial-gradient(800px 360px at 80% -12%, rgba(124,58,237,.20), transparent 55%);
  opacity:.9;
}

/* حاويات مشتركة */
.pmx-shell,.pmx-wrap,.container{
  max-width:1200px;
  margin:0 auto;
  padding:22px 18px 44px;
}

/* Topbar (تتوافق مع أغلب الصفحات) */
.pmx-topbar{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.36));
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
html[data-theme="dark"] .pmx-topbar{
  background:linear-gradient(180deg, rgba(15,26,43,.78), rgba(15,26,43,.40));
}
.pmx-row{display:flex; align-items:center; gap:12px}
.pmx-row-between{justify-content:space-between}
.pmx-brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit}
.pmx-logo{
  width:38px;height:38px;border-radius:14px;
  background:linear-gradient(135deg, rgba(37,99,235,.20), rgba(124,58,237,.18));
  border:1px solid rgba(37,99,235,.22);
  box-shadow:0 10px 25px rgba(37,99,235,.10);
}
.pmx-title{font-weight:900}
.pmx-subtitle{font-size:12px; color:var(--muted)}

/* Cards */
.pmx-card,.card,section.card,div.card{
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.32));
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow2);
}
html[data-theme="dark"] .pmx-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] section.card,
html[data-theme="dark"] div.card{
  background:linear-gradient(180deg, rgba(15,26,43,.78), rgba(15,26,43,.32));
}
.pmx-card.pad{padding:16px}

/* Buttons */
.pmx-btn,.btn,button{
  border-radius:14px;
  border:1px solid var(--border);
}
.pmx-btn.primary,.btn.primary,.btn-primary{
  background:linear-gradient(135deg, rgba(37,99,235,.95), rgba(124,58,237,.92));
  color:white;
  border-color:rgba(37,99,235,.28);
  box-shadow:0 12px 25px rgba(37,99,235,.22);
}
.pmx-btn.ghost,.btn.ghost,.btn-ghost{
  background:transparent;
  color:var(--text);
}
.pmx-btn:hover,.btn:hover,button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(2,6,23,.10);
}

/* Inputs */
.pmx-input,.pmx-select,input,select,textarea{
  background:var(--card);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  outline:none;
}
html[data-theme="dark"] .pmx-input,
html[data-theme="dark"] .pmx-select,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:var(--card2);
}
.pmx-input:focus,.pmx-select:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(37,99,235,.45);
  box-shadow:0 0 0 4px rgba(37,99,235,.14);
}

/* Tables */
table{width:100%; border-collapse:collapse}
th,td{
  padding:10px 12px;
  border-bottom:1px solid var(--border);
  text-align:right;
}
thead th{
  color:var(--muted);
  font-weight:800;
  background:rgba(37,99,235,.06);
}
html[data-theme="dark"] thead th{background:rgba(37,99,235,.10)}

/* Text helpers */
.muted{color:var(--muted)}
hr{border:none; border-top:1px solid var(--border)}

/* Messages */
.pmx-msg{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:rgba(2,6,23,.03);
}
html[data-theme="dark"] .pmx-msg{background:rgba(148,163,184,.06)}
.pmx-msg.ok{border-color:rgba(22,163,74,.28); background:rgba(22,163,74,.10)}
.pmx-msg.err{border-color:rgba(239,68,68,.28); background:rgba(239,68,68,.10)}
.pmx-msg.warn{border-color:rgba(245,158,11,.28); background:rgba(245,158,11,.10)}