/**
 * ثيمات لوحة التحكم الاحترافية — SciFi / Corona / Royal
 * تُطبَّق على body/html وكل الشاشات
 */

/* ─── SciFi Cyan (صورة 1) ─── */
body.sigma-theme-base-dash-scifi.dark-mode {
  --accent-color: #00f2ff;
  --accent-hover: #66f7ff;
  --accent-glow: rgba(0, 242, 255, 0.55);
  --bg-body: #070b12;
  --sidebar-bg-start: #060a10;
  --sidebar-bg-end: #0c1420;
  --sidebar-text: #c8f8ff;
  --sidebar-hover: rgba(0, 242, 255, 0.12);
  --sidebar-active: rgba(0, 242, 255, 0.22);
  --card-bg: rgba(10, 18, 32, 0.9);
  --header-bg: rgba(8, 14, 24, 0.96);
  --text-primary: #e8fcff;
  --text-secondary: #5ec8e0;
  --text-light: #3a90a8;
  --border-color: rgba(0, 242, 255, 0.28);
  --input-bg: rgba(6, 14, 26, 0.92);
  --hud-panel-bg: rgba(8, 16, 30, 0.88);
  --sd-dash-radius: 6px;
  --sd-dash-glow: rgba(0, 242, 255, 0.35);
  --sd-dash-green: #00ff88;
  --sd-dash-red: #ff4466;
}

body.sigma-theme-base-dash-scifi:not(.dark-mode) {
  --accent-color: #0099bb;
  --accent-hover: #00b8dd;
  --bg-body: #eef8fc;
  --card-bg: #fff;
  --header-bg: #fff;
  --text-primary: #0a2838;
  --border-color: rgba(0, 180, 220, 0.25);
  --input-bg: #f0faff;
  --sd-dash-radius: 8px;
}

/* ─── SciFi Matrix Green (صورة 2) ─── */
body.sigma-theme-base-dash-matrix.dark-mode {
  --accent-color: #00e8c8;
  --accent-hover: #5cffe0;
  --accent-glow: rgba(0, 232, 200, 0.5);
  --bg-body: #050a08;
  --sidebar-bg-start: #060c0a;
  --sidebar-bg-end: #0a1612;
  --sidebar-text: #c8fff4;
  --sidebar-hover: rgba(0, 232, 200, 0.12);
  --sidebar-active: rgba(0, 232, 200, 0.22);
  --card-bg: rgba(8, 20, 16, 0.92);
  --header-bg: rgba(6, 16, 12, 0.96);
  --text-primary: #d8fff8;
  --text-secondary: #48c8a8;
  --border-color: rgba(0, 232, 200, 0.26);
  --input-bg: rgba(4, 16, 12, 0.9);
  --hud-panel-bg: rgba(6, 18, 14, 0.88);
  --sd-dash-radius: 4px;
  --sd-dash-glow: rgba(0, 232, 200, 0.32);
  --sd-dash-green: #00e8c8;
  --sd-dash-red: #ff5555;
}

body.sigma-theme-base-dash-matrix:not(.dark-mode) {
  --accent-color: #009980;
  --bg-body: #eefaf6;
  --card-bg: #fff;
  --text-primary: #083828;
  --border-color: rgba(0, 153, 128, 0.22);
  --sd-dash-radius: 6px;
}

/* ─── Corona Dark Admin (صورة 3) ─── */
body.sigma-theme-base-dash-corona.dark-mode {
  --accent-color: #0090e0;
  --accent-hover: #33a8e8;
  --accent-glow: rgba(0, 144, 224, 0.45);
  --bg-body: #191c24;
  --sidebar-bg-start: #15181f;
  --sidebar-bg-end: #1e222b;
  --sidebar-text: #e8eaed;
  --sidebar-hover: rgba(0, 144, 224, 0.14);
  --sidebar-active: rgba(0, 144, 224, 0.28);
  --card-bg: #21242d;
  --header-bg: #1a1d26;
  --text-primary: #f0f2f5;
  --text-secondary: #9aa0ab;
  --border-color: rgba(255, 255, 255, 0.08);
  --input-bg: #2a2e38;
  --hud-panel-bg: #21242d;
  --sd-dash-radius: 10px;
  --sd-dash-glow: rgba(0, 144, 224, 0.2);
  --sd-dash-green: #28a745;
  --sd-dash-red: #dc3545;
  --sd-dash-gold: #ffc107;
}

body.sigma-theme-base-dash-corona:not(.dark-mode) {
  --accent-color: #0078c8;
  --bg-body: #f4f5f7;
  --card-bg: #fff;
  --text-primary: #1a1d26;
  --border-color: rgba(0, 0, 0, 0.08);
  --sd-dash-radius: 10px;
}

/* ─── Royal Purple (صورة 4) ─── */
body.sigma-theme-base-dash-royal.dark-mode {
  --accent-color: #7366ff;
  --accent-hover: #958cff;
  --accent-glow: rgba(115, 102, 255, 0.55);
  --bg-body: #1d1b2e;
  --sidebar-bg-start: #18162a;
  --sidebar-bg-end: #252238;
  --sidebar-text: #ece8ff;
  --sidebar-hover: rgba(115, 102, 255, 0.16);
  --sidebar-active: rgba(115, 102, 255, 0.3);
  --card-bg: rgba(32, 28, 48, 0.94);
  --header-bg: rgba(24, 22, 38, 0.98);
  --text-primary: #f2efff;
  --text-secondary: #a89ee0;
  --border-color: rgba(115, 102, 255, 0.22);
  --input-bg: rgba(28, 24, 42, 0.92);
  --hud-panel-bg: rgba(30, 26, 46, 0.9);
  --sd-dash-radius: 14px;
  --sd-dash-glow: rgba(115, 102, 255, 0.38);
  --sd-dash-green: #51bb25;
  --sd-dash-red: #fc4438;
  --sd-dash-gold: #f8b739;
}

body.sigma-theme-base-dash-royal:not(.dark-mode) {
  --accent-color: #5a4fd9;
  --bg-body: #f6f4ff;
  --card-bg: #fff;
  --text-primary: #2a1848;
  --border-color: rgba(115, 102, 255, 0.18);
  --sd-dash-radius: 14px;
}

/* ─── خلفيات وتأثيرات مشتركة ─── */
body[class*="sigma-theme-base-dash-"].dark-mode {
  background-color: var(--bg-body);
  background-image:
    linear-gradient(color-mix(in srgb, var(--accent-color) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--accent-color) 5%, transparent) 1px, transparent 1px);
  background-size: 32px 32px;
}

body.sigma-theme-base-dash-scifi.dark-mode {
  background-image:
    linear-gradient(rgba(0, 242, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 242, 255, 0.04) 1px, transparent 1px),
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(0, 120, 180, 0.2) 0%, transparent 55%);
  background-size: 28px 28px, 28px 28px, 100% 100%;
}

body.sigma-theme-base-dash-matrix.dark-mode {
  background-image:
    linear-gradient(rgba(0, 232, 200, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 232, 200, 0.035) 1px, transparent 1px);
  background-size: 24px 24px;
}

body[class*="sigma-theme-base-dash-"] .sidebar {
  border-left: 1px solid color-mix(in srgb, var(--accent-color) 35%, transparent);
  box-shadow: -4px 0 28px color-mix(in srgb, var(--accent-color) 10%, transparent);
}

body[class*="sigma-theme-base-dash-"] .header {
  border-bottom: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);
  box-shadow: 0 2px 20px color-mix(in srgb, var(--accent-color) 8%, transparent);
}

body[class*="sigma-theme-base-dash-"] .brand {
  font-family: "Orbitron", "Rajdhani", "Segoe UI", sans-serif;
  letter-spacing: 0.1em;
  color: var(--accent-color);
  text-shadow: 0 0 14px var(--accent-glow);
}

body[class*="sigma-theme-base-dash-"] .theme-toggle,
body[class*="sigma-theme-base-dash-"] .theme-picker-open-btn {
  border-color: color-mix(in srgb, var(--accent-color) 45%, transparent) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color) 20%, transparent);
  color: var(--accent-color);
}

body[class*="sigma-theme-base-dash-"] #moduleContent .view-all-container,
body[class*="sigma-theme-base-dash-"] #moduleContent .form-container {
  background: var(--hud-panel-bg, var(--card-bg));
  border: 1px solid color-mix(in srgb, var(--accent-color) 22%, transparent);
  border-radius: var(--sd-dash-radius, 8px);
  box-shadow: 0 0 20px color-mix(in srgb, var(--accent-color) 6%, transparent);
}

body[class*="sigma-theme-base-dash-"] #moduleContent .view-all-table thead th {
  background: color-mix(in srgb, var(--accent-color) 16%, var(--card-bg)) !important;
  color: var(--text-primary) !important;
  border-color: color-mix(in srgb, var(--accent-color) 28%, transparent) !important;
}

body[class*="sigma-theme-base-dash-"] .page-title {
  font-family: "Orbitron", "Rajdhani", sans-serif;
  letter-spacing: 0.05em;
  text-shadow: 0 0 12px var(--accent-glow);
}