/* ============================================================
   🌙 الثيم الغامق — المسابقة العادية · المسابقة الكبرى · باقي المسابقات
   يُفعَّل بـ <html data-theme="dark"> ويُحفظ في localStorage
   ============================================================ */

/* ---------- 1) متغيّرات النظام العام (app.css) ---------- */
html[data-theme='dark'] {
  --brand: #fb923c;
  --brand-2: #f97316;
  --red: #f87171;
  --red-2: #ef4444;
  --gold: #fbbf24;
  --gold-2: #f59e0b;
  --amber: #fbbf24;

  --ink: #f4ede6;
  --ink-2: #d8cfc6;
  --muted: #a99e94;
  --faint: #7d736b;

  --bg: #12100f;
  --bg-2: #191512;
  --surface: #1c1815;
  --surface-2: #241e19;

  --line: #352c25;
  --line-2: #443830;

  --ok: #34d399;
  --ok-bg: #052e22;
  --bad: #f87171;
  --bad-bg: #2a0f10;
  --info: #60a5fa;

  --grad-brand: linear-gradient(135deg, #fb923c 0%, #f97316 35%, #ef4444 100%);
  --grad-gold: linear-gradient(135deg, #fde68a 0%, #fbbf24 45%, #d97706 100%);
  --grad-deep: linear-gradient(160deg, #1c0a0a 0%, #3f1010 45%, #5c2a08 100%);
  --grad-surface: linear-gradient(180deg, #221c18 0%, #191512 100%);

  --sh-1: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4);
  --sh-2: 0 4px 10px rgba(0, 0, 0, .45), 0 10px 26px rgba(0, 0, 0, .45);
  --sh-3: 0 8px 20px rgba(0, 0, 0, .5), 0 22px 52px rgba(0, 0, 0, .55);
  --sh-glow: 0 8px 24px rgba(251, 146, 60, .35);

  color-scheme: dark;
}

html[data-theme='dark'] body {
  background: var(--bg);
  color: var(--ink);
}

html[data-theme='dark'] body::before {
  background:
    radial-gradient(900px 420px at 100% -5%, rgba(251, 191, 36, .10), transparent 65%),
    radial-gradient(760px 380px at 0% 8%, rgba(249, 115, 22, .10), transparent 62%),
    radial-gradient(700px 500px at 50% 110%, rgba(239, 68, 68, .08), transparent 65%);
}

/* ---------- 2) المكوّنات ---------- */
html[data-theme='dark'] .sidebar {
  background: linear-gradient(180deg, #0e0b09 0%, #1a1310 42%, #241713 100%);
  box-shadow: 6px 0 30px rgba(0, 0, 0, .6);
}

html[data-theme='dark'] .topbar .page-title { color: #fdf6ee; }
html[data-theme='dark'] .card {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme='dark'] .card-hero {
  background: linear-gradient(150deg, #241a13 0%, #1a1512 60%, #2a1712 100%);
}
html[data-theme='dark'] .list-item {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme='dark'] .list-item:hover { background: #2c241e; border-color: #55463a; }

html[data-theme='dark'] .btn {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme='dark'] .btn:hover { border-color: #6b5644; background: #2f2620; }
html[data-theme='dark'] .btn-ghost { background: rgba(255,255,255,.05); border-color: var(--line); color: var(--ink-2); }
html[data-theme='dark'] .btn-danger { background: #2a0f10; color: #fca5a5; border-color: #4c1d1d; }
html[data-theme='dark'] .btn-danger:hover { background: #3a1415; }
html[data-theme='dark'] .btn-ok { background: linear-gradient(135deg, #10b981, #047857); }
html[data-theme='dark'] .btn-dark { background: linear-gradient(135deg, #f5f2ef, #d8cfc6); color: #1a1512; }

html[data-theme='dark'] .input,
html[data-theme='dark'] .select,
html[data-theme='dark'] .textarea {
  background: #14110f;
  border-color: var(--line-2);
  color: var(--ink);
}
html[data-theme='dark'] .input::placeholder,
html[data-theme='dark'] .textarea::placeholder { color: #6f665e; }

html[data-theme='dark'] .seg { background: #241e19; }
html[data-theme='dark'] .seg button { color: var(--muted); }
html[data-theme='dark'] .seg button.active { background: #372c24; color: var(--brand); }

html[data-theme='dark'] .pill { background: #241e19; border-color: var(--line-2); color: var(--ink-2); }
html[data-theme='dark'] .pill-gray { background: #241e19; color: #b6aaa0; border-color: #3a312a; }
html[data-theme='dark'] .pill-ok { background: #052e22; color: #6ee7b7; border-color: #065f46; }
html[data-theme='dark'] .pill-red { background: #2a0f10; color: #fca5a5; border-color: #7f1d1d; }
html[data-theme='dark'] .pill-gold { background: #2c2107; color: #fcd34d; border-color: #78350f; }
html[data-theme='dark'] .pill-blue { background: #0c1e33; color: #93c5fd; border-color: #1e3a5f; }

html[data-theme='dark'] .table th { color: var(--muted); }
html[data-theme='dark'] .table td { background: var(--surface-2); border-color: var(--line); color: var(--ink); }
html[data-theme='dark'] .table tbody tr:hover td { background: #2c241e; }

html[data-theme='dark'] .modal {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--ink);
}
html[data-theme='dark'] .modal-foot { border-color: var(--line); }
html[data-theme='dark'] .overlay { background: rgba(0, 0, 0, .72); }

html[data-theme='dark'] .code-box { background: #14110f; border-color: var(--line-2); }
html[data-theme='dark'] .empty b { color: var(--ink-2); }

html[data-theme='dark'] .q-stage {
  background: linear-gradient(160deg, #1b1410 0%, #241009 55%, #3a1008 100%);
  border: 1px solid #4a2a18;
}
html[data-theme='dark'] .option {
  background: #201a16;
  border-color: #4a3a2c;
  color: var(--ink);
}
html[data-theme='dark'] .option.correct { background: #06301f; border-color: #10b981; color: #a7f3d0; }
html[data-theme='dark'] .option.wrong { background: #35100f; border-color: #ef4444; color: #fecaca; }
html[data-theme='dark'] .option.chosen { background: #33280b; border-color: var(--gold); color: #fde68a; }

html[data-theme='dark'] .lb-row { background: #241e19; border-color: var(--line-2); color: var(--ink); }
html[data-theme='dark'] .lb-row.me { background: #33240f; border-color: var(--brand); }
html[data-theme='dark'] .auth-card { background: var(--surface); border-color: var(--line); }
html[data-theme='dark'] .auth-tabs { background: #241e19; }
html[data-theme='dark'] .auth-tabs button.active { background: #372c24; color: var(--brand); }
html[data-theme='dark'] .scroll-y::-webkit-scrollbar-thumb { background: #4a3d33; }
html[data-theme='dark'] .divider { background: var(--line); }
html[data-theme='dark'] .aq-zoom-fab { background: linear-gradient(135deg, #fb923c, #ef4444); }

/* ---------- 3) صفحات المسابقة العادية (classic.html) ---------- */
html[data-theme='dark'] body.cls-body {
  color: #f2e9df;
  background: #100d0b;
}
html[data-theme='dark'] .cls-body {
  --royal: #93c5fd;
  --royal-2: #60a5fa;
  --brandx: #fb923c;
  --brandx-2: #f87171;
  --goldx: #fbbf24;
  --goldx-2: #f59e0b;
  --goldx-3: #d97706;
  --inkx: #f2e9df;
  --mutedx: #a1958b;
  --linex: rgba(251, 191, 36, .16);
  --ribbon: linear-gradient(120deg, #fb923c, #fbbf24 46%, #60a5fa);
  --shx: 0 24px 60px -32px rgba(0, 0, 0, .85);
}

html[data-theme='dark'] .bg-photo { opacity: .07; filter: saturate(.9) contrast(1.05) brightness(.7); }
html[data-theme='dark'] .bg-veil {
  background:
    radial-gradient(1200px 780px at 92% -12%, rgba(251, 146, 60, .14), transparent 62%),
    radial-gradient(1000px 680px at -4% 4%, rgba(96, 165, 250, .10), transparent 66%),
    radial-gradient(1000px 720px at 50% 114%, rgba(245, 184, 42, .10), transparent 64%),
    linear-gradient(180deg, #14100d 0%, #100d0b 44%, #0c0a09 100%);
}
html[data-theme='dark'] .bg-grid { opacity: .14; }

html[data-theme='dark'] .cls-top {
  background: linear-gradient(180deg, rgba(28, 24, 21, .98), rgba(16, 13, 11, .94));
  border-bottom-color: var(--linex);
  box-shadow: 0 12px 30px -24px #000;
}
html[data-theme='dark'] .cls-brand h1 { color: #fdf6ee; }
html[data-theme='dark'] .cls-avatar { border-color: #2a221c; }

html[data-theme='dark'] .cbtn-ghost { background: rgba(255,255,255,.06); color: #f0e6dc; border-color: var(--linex); }
html[data-theme='dark'] .cbtn-ghost:hover { background: rgba(251,146,60,.16); border-color: rgba(251,146,60,.5); }
html[data-theme='dark'] .cbtn-royal { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }

html[data-theme='dark'] .cls-card {
  background: #1b1714;
  border-color: var(--linex);
  box-shadow: 0 24px 60px -34px #000;
}
html[data-theme='dark'] .cls-h h2 { color: #fdf6ee; }

html[data-theme='dark'] .chipx { background: rgba(255,255,255,.07); border-color: var(--linex); color: #cbd5e1; }
html[data-theme='dark'] .chipx.gold { background: rgba(245,184,42,.16); border-color: rgba(245,184,42,.45); color: #fcd34d; }
html[data-theme='dark'] .chipx.brand { background: rgba(251,146,60,.16); border-color: rgba(251,146,60,.45); color: #fdba74; }
html[data-theme='dark'] .chipx.ok { background: rgba(52,211,153,.14); border-color: rgba(52,211,153,.4); color: #6ee7b7; }

html[data-theme='dark'] .bank-pill { background: rgba(255,255,255,.05); border-color: rgba(251,146,60,.42); color: #e7dfd6; }
html[data-theme='dark'] .stat-box { background: #1f1a16; border-color: var(--linex); }
html[data-theme='dark'] .stat-box .lbl { color: #a1958b; }

html[data-theme='dark'] .qtimer-bar { background: #1f1a16; border-color: var(--linex); }
html[data-theme='dark'] .qlabel { color: #fdba74; }
html[data-theme='dark'] .qtimer-ring circle.track { stroke: rgba(255,255,255,.12); }
html[data-theme='dark'] .qtimer-ring .big { color: #fdf6ee; }
html[data-theme='dark'] .qtimer-ring .qhint { color: #a1958b; }
html[data-theme='dark'] .qtimer-sec { color: #a1958b; }
html[data-theme='dark'] .qtimer-sec input,
html[data-theme='dark'] .mini {
  background: #14110f;
  border-color: var(--line-2);
  color: #f2e9df;
}
html[data-theme='dark'] .mini:hover { background: #2a221c; border-color: var(--brandx); color: #fdba74; }

html[data-theme='dark'] .group {
  background: #1c1815;
  border-color: var(--linex);
  box-shadow: 0 18px 40px -30px #000;
}
html[data-theme='dark'] .group.is-turn { box-shadow: 0 0 0 4px rgba(245,184,42,.22), 0 22px 46px -26px rgba(0,0,0,.9); }
html[data-theme='dark'] .set-turn { background: #241e19; border-color: var(--line-2); color: #a1958b; }
html[data-theme='dark'] .set-turn:hover { background: #2f2620; color: #fdba74; }
html[data-theme='dark'] .btn-del { background: rgba(255,255,255,.07); color: #a1958b; }
html[data-theme='dark'] .normal-tile {
  background: linear-gradient(150deg, #17233a, #101a2b);
  border-color: rgba(96,165,250,.45);
}
html[data-theme='dark'] .normal-tile .nt-lbl { color: #93c5fd; }
html[data-theme='dark'] .normal-tile .nt-pts { color: #a1958b; }
html[data-theme='dark'] .score-row { border-color: var(--linex); }
html[data-theme='dark'] .step { background: #14110f; border-color: var(--line-2); color: #f2e9df; }
html[data-theme='dark'] .step.p { background: rgba(52,211,153,.14); color: #6ee7b7; border-color: rgba(52,211,153,.35); }
html[data-theme='dark'] .step.m { background: rgba(239,68,68,.14); color: #fca5a5; border-color: rgba(239,68,68,.32); }
html[data-theme='dark'] .cards-row .card-tile { filter: drop-shadow(0 8px 14px rgba(0,0,0,.7)); }

html[data-theme='dark'] .card-modal .sheet {
  background: #1b1714;
  border-color: rgba(245,184,42,.4);
  color: #f2e9df;
}
html[data-theme='dark'] .card-modal .qbox {
  background: #14110f;
  border-color: var(--line-2);
  color: #f2e9df;
}
html[data-theme='dark'] .card-modal .opt {
  background: #201a16;
  border-color: #4a3a2c;
  color: #f2e9df;
}
html[data-theme='dark'] .card-modal .opt .idx { color: #4a2107; }
html[data-theme='dark'] .qanswer { background: rgba(245,184,42,.14); color: #fde68a; }
html[data-theme='dark'] .qplaceholder { color: #8d8379; }

html[data-theme='dark'] .pdf-panel { background: #1b1714; border-color: var(--line-2); }
html[data-theme='dark'] .pdf-head { background: #241e19; border-color: var(--line-2); }
html[data-theme='dark'] .pdf-head input { background: #14110f; border-color: var(--line-2); color: #f2e9df; }
html[data-theme='dark'] .pdf-body { background: #100d0b; }

html[data-theme='dark'] .picker-item { background: #1f1a16; border-color: var(--line-2); color: #f2e9df; }
html[data-theme='dark'] .picker-item:hover { background: #2a221c; }
html[data-theme='dark'] .picker-item.on { background: #33240f; border-color: var(--brandx); }
html[data-theme='dark'] .picker-item b { color: #fdf6ee; }
html[data-theme='dark'] .cls-sign { color: #8d8379; }
html[data-theme='dark'] .qi-note { color: #8d8379; }

/* ---------- 4) صفحة المسابقة الكبرى / الغرف (واجهة المعلّم) ---------- */
html[data-theme='dark'] .q-stage .q-text { color: #fdf6ee; }
html[data-theme='dark'] .q-timer { background: rgba(251,191,36,.18); color: #fde68a; }
html[data-theme='dark'] .buzz-big { background: linear-gradient(135deg, #4a2a08, #7a3d0a); color: #fde68a; }
html[data-theme='dark'] .rank-num { color: #1a1512; }

/* ---------- 5) زر تبديل الثيم ---------- */
.theme-fab {
  position: fixed;
  bottom: 92px;
  left: 22px;
  z-index: 190;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  font-size: 21px;
  cursor: pointer;
  border: 1.5px solid rgba(255,255,255,.25);
  background: linear-gradient(135deg, #334155, #0f172a);
  color: #fff;
  box-shadow: 0 16px 34px -14px rgba(0,0,0,.9);
  transition: transform .18s, box-shadow .18s;
}
.theme-fab:hover { transform: translateY(-2px) scale(1.04); }
.theme-fab:active { transform: scale(.96); }
html[data-theme='dark'] .theme-fab {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border-color: rgba(255,255,255,.5);
  color: #422006;
  box-shadow: 0 16px 34px -12px rgba(251,191,36,.55);
}
@media print { .theme-fab { display: none !important; } }

/* زر في الشريط العلوي */
.theme-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 12px;
  border: 1.5px solid var(--linex, var(--line));
  background: rgba(255,255,255,.75);
  color: inherit;
  cursor: pointer;
  font-weight: 800;
  font-size: 12.5px;
  font-family: inherit;
  transition: all .16s;
  white-space: nowrap;
}
.theme-btn:hover { border-color: var(--brandx, var(--brand)); }
html[data-theme='dark'] .theme-btn {
  background: rgba(255,255,255,.07);
  border-color: var(--line-2);
  color: #f0e6dc;
}

/* ============================================================
   💠 الثيم الثالث — «غامق احترافي» (Pro)
   كحلي فحمي عميق · ذهبي راقٍ · حدود زجاجية دقيقة
   يُفعَّل بـ <html data-theme="pro">
   ============================================================ */
html[data-theme='pro'] {
  --brand: #e0b354;
  --brand-2: #c99a3c;
  --red: #e06c62;
  --red-2: #c94f45;
  --gold: #e8c579;
  --gold-2: #c9a24a;
  --amber: #dfa948;

  --ink: #e8edf5;
  --ink-2: #c3ccda;
  --muted: #8b97a8;
  --faint: #68717f;

  --bg: #0b1017;
  --bg-2: #0f1520;
  --surface: #141b26;
  --surface-2: #1a2230;

  --line: #232c3b;
  --line-2: #2e3a4d;

  --ok: #4ec9a0;
  --ok-bg: #0c2a24;
  --bad: #e07a72;
  --bad-bg: #2b1618;
  --info: #6fa8dc;

  --grad-brand: linear-gradient(135deg, #e8c579 0%, #c99a3c 55%, #a8781f 100%);
  --grad-gold: linear-gradient(135deg, #f2dda8 0%, #e0b354 50%, #b8892a 100%);
  --grad-deep: linear-gradient(165deg, #0b1017 0%, #131c2b 50%, #1c2434 100%);
  --grad-surface: linear-gradient(180deg, #18202c 0%, #121924 100%);

  --sh-1: 0 1px 2px rgba(0, 0, 0, .55), 0 3px 8px rgba(0, 0, 0, .42);
  --sh-2: 0 6px 16px rgba(0, 0, 0, .48), 0 14px 34px rgba(0, 0, 0, .45);
  --sh-3: 0 10px 26px rgba(0, 0, 0, .55), 0 30px 68px rgba(0, 0, 0, .55);
  --sh-glow: 0 10px 30px rgba(224, 179, 84, .26);

  color-scheme: dark;
}

html[data-theme='pro'] body { background: var(--bg); color: var(--ink); }
html[data-theme='pro'] body::before {
  background:
    radial-gradient(980px 480px at 100% -6%, rgba(224, 179, 84, .085), transparent 66%),
    radial-gradient(820px 420px at 0% 10%, rgba(111, 168, 220, .07), transparent 64%),
    radial-gradient(760px 520px at 50% 112%, rgba(224, 179, 84, .045), transparent 66%);
}

/* --- الهيكل --- */
html[data-theme='pro'] .sidebar {
  background: linear-gradient(180deg, #080d14 0%, #0e141f 44%, #131b28 100%);
  border-inline-start: 1px solid rgba(232, 197, 121, .12);
  box-shadow: 6px 0 34px rgba(0, 0, 0, .62);
}
html[data-theme='pro'] .sidebar .nav-item { color: #aab6c6; }
html[data-theme='pro'] .sidebar .nav-item:hover { background: rgba(224, 179, 84, .09); color: #f0d9a2; }
html[data-theme='pro'] .sidebar .nav-item.active {
  background: linear-gradient(90deg, rgba(224, 179, 84, .18), rgba(224, 179, 84, .04));
  color: #f4dfae;
  box-shadow: inset 3px 0 0 #e0b354;
}
html[data-theme='pro'] .nav-group-label { color: #5d6878; letter-spacing: .4px; }
html[data-theme='pro'] .teacher-chip b { color: #eef3fa; }
html[data-theme='pro'] .teacher-chip small { color: #7d8899; }
html[data-theme='pro'] .topbar .page-title { color: #f4f7fc; letter-spacing: -.2px; }
html[data-theme='pro'] .topbar .page-sub { color: #8b97a8; }

/* --- البطاقات والحاويات --- */
html[data-theme='pro'] .card {
  background: linear-gradient(172deg, #161e2a 0%, #121924 100%);
  border-color: #232c3b;
  color: var(--ink);
  box-shadow: var(--sh-2);
}
html[data-theme='pro'] .card:hover { border-color: #2f3b4e; }
html[data-theme='pro'] .card-hero {
  background: linear-gradient(158deg, #182233 0%, #131b27 58%, #1e1a22 100%);
  border-color: rgba(232, 197, 121, .22);
}
html[data-theme='pro'] .card-head h3 { color: #f0f4fa; }
html[data-theme='pro'] .card-head .sub { color: #78849a; }

/* --- الأزرار --- */
html[data-theme='pro'] .btn {
  background: #1c2533; border-color: #2c3749; color: #dde5f0;
}
html[data-theme='pro'] .btn:hover { background: #243044; border-color: #3c4a61; }
html[data-theme='pro'] .btn-primary {
  background: linear-gradient(135deg, #e8c579, #c99a3c 60%, #a8781f);
  color: #221703; border-color: transparent;
  box-shadow: 0 10px 24px -14px rgba(224, 179, 84, .95);
}
html[data-theme='pro'] .btn-gold {
  background: linear-gradient(135deg, #f2dda8, #e0b354 55%, #b8892a);
  color: #221703; border-color: transparent;
}
html[data-theme='pro'] .btn-ok { background: linear-gradient(135deg, #34d399, #0d8a68); }
html[data-theme='pro'] .btn-danger { background: #2b1618; color: #f0a19a; border-color: #4c2628; }
html[data-theme='pro'] .btn-danger:hover { background: #3a1d20; }
html[data-theme='pro'] .btn-dark { background: linear-gradient(135deg, #eef3fa, #b9c4d3); color: #0b1017; }
html[data-theme='pro'] .btn-ghost { background: rgba(255, 255, 255, .045); border-color: #2c3749; color: #c3ccda; }

/* --- الحقول --- */
html[data-theme='pro'] .input,
html[data-theme='pro'] .select,
html[data-theme='pro'] .textarea {
  background: #0e141f; color: #e4ebf4; border-color: #2a3547;
}
html[data-theme='pro'] .input:focus,
html[data-theme='pro'] .select:focus,
html[data-theme='pro'] .textarea:focus {
  border-color: rgba(232, 197, 121, .6);
  box-shadow: 0 0 0 3px rgba(224, 179, 84, .12);
}
html[data-theme='pro'] .input::placeholder,
html[data-theme='pro'] .textarea::placeholder { color: #5e6877; }
html[data-theme='pro'] label { color: #93a0b2; }

/* --- الشرائح والوسوم --- */
html[data-theme='pro'] .seg { background: #131b26; border-color: #242f40; }
html[data-theme='pro'] .seg button { color: #8b97a8; }
html[data-theme='pro'] .seg button.active { background: #22303f; color: #f0d9a2; box-shadow: var(--sh-1); }
html[data-theme='pro'] .pill { background: #1a2230; border-color: #2b3548; color: #c3ccda; }
html[data-theme='pro'] .pill-gray { background: #1a2230; color: #93a0b2; border-color: #2b3548; }
html[data-theme='pro'] .pill-ok { background: #0c2a24; color: #6ee7c0; border-color: #1c4d3f; }
html[data-theme='pro'] .pill-red { background: #2b1618; color: #f0a19a; border-color: #54292c; }
html[data-theme='pro'] .pill-gold { background: #2a2312; color: #f0d9a2; border-color: #4d3d18; }
html[data-theme='pro'] .pill-blue { background: #101f30; color: #9dc4e8; border-color: #1e3a54; }

/* --- القوائم والجداول --- */
html[data-theme='pro'] .list-item {
  background: #161e2a; border-color: #232c3b; color: var(--ink);
}
html[data-theme='pro'] .list-item:hover { background: #1d2735; border-color: #334054; }
html[data-theme='pro'] .table th { color: #8b97a8; border-color: #232c3b; }
html[data-theme='pro'] .table td { background: #141b26; border-color: #1f2836; color: var(--ink); }
html[data-theme='pro'] .table tbody tr:hover td { background: #1c2534; }
html[data-theme='pro'] .divider { background: #232c3b; }

/* --- النوافذ والأكواد --- */
html[data-theme='pro'] .modal {
  background: linear-gradient(172deg, #171f2b 0%, #101722 100%);
  border-color: #283345;
  color: var(--ink);
}
html[data-theme='pro'] .modal-head h3 { color: #f4f7fc; }
html[data-theme='pro'] .modal-foot { border-color: #232c3b; }
html[data-theme='pro'] .overlay { background: rgba(4, 7, 12, .78); backdrop-filter: blur(4px); }
html[data-theme='pro'] .code-box { background: #0c121b; border-color: #263143; }
html[data-theme='pro'] .code-val { color: #f0d9a2; }
html[data-theme='pro'] .empty b { color: #c3ccda; }
html[data-theme='pro'] .empty .em-ico { filter: saturate(.85); }
html[data-theme='pro'] .scroll-y::-webkit-scrollbar-thumb { background: #334054; }

/* --- مسرح السؤال --- */
html[data-theme='pro'] .q-stage {
  background: linear-gradient(158deg, #131c2b 0%, #0e1520 50%, #1a1a26 100%);
  border: 1px solid #2a3548;
  box-shadow: 0 30px 70px -40px #000, inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-theme='pro'] .q-stage .q-text { color: #f2f6fc; }
html[data-theme='pro'] .q-timer { background: rgba(224, 179, 84, .15); color: #f0d9a2; border-color: rgba(232, 197, 121, .42); }
html[data-theme='pro'] .option { background: #172030; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .option:hover:not(.locked) { background: #1e2a3c; border-color: rgba(232, 197, 121, .5); }
html[data-theme='pro'] .option.correct { background: #0d3227; border-color: #34d399; color: #b9f5de; }
html[data-theme='pro'] .option.wrong { background: #331a1c; border-color: #e07a72; color: #f7c9c5; }
html[data-theme='pro'] .option.chosen { background: #2a2312; border-color: #e0b354; color: #f0d9a2; }
html[data-theme='pro'] .buzz-big { background: linear-gradient(135deg, #3d1519, #7a2a26); color: #ffe6e2; }
html[data-theme='pro'] .lb-row { background: #172030; border-color: #232c3b; color: var(--ink); }
html[data-theme='pro'] .lb-row.me { background: #2a2312; border-color: #e0b354; }
html[data-theme='pro'] .rank-num { color: #0b1017; }

/* --- المصادقة --- */
html[data-theme='pro'] .auth-card { background: #141b26; border-color: #27303f; }
html[data-theme='pro'] .auth-tabs { background: #101722; }
html[data-theme='pro'] .auth-tabs button.active { background: #1e2836; color: #f0d9a2; }

/* --- الصفحات الكلاسيكية (classic.html) --- */
html[data-theme='pro'] body.cls-body { color: #e8edf5; background: #0b1017; }
html[data-theme='pro'] .cls-body {
  --royal: #9dc4e8;
  --royal-2: #6fa8dc;
  --brandx: #e0b354;
  --brandx-2: #c99a3c;
  --goldx: #e8c579;
  --goldx-2: #d5ad5f;
  --goldx-3: #b8892a;
  --inkx: #e8edf5;
  --mutedx: #8b97a8;
  --linex: rgba(232, 197, 121, .15);
  --ribbon: linear-gradient(120deg, #b8892a, #e8c579 48%, #6fa8dc);
  --shx: 0 24px 60px -34px rgba(0, 0, 0, .9);
}
html[data-theme='pro'] .bg-photo { opacity: .06; filter: grayscale(.35) contrast(1.08) brightness(.75); }
html[data-theme='pro'] .bg-veil {
  background:
    radial-gradient(1200px 760px at 92% -12%, rgba(224, 179, 84, .10), transparent 64%),
    radial-gradient(1000px 660px at -4% 4%, rgba(111, 168, 220, .08), transparent 66%),
    linear-gradient(180deg, #0d131d 0%, #0b1017 46%, #080c13 100%);
}
html[data-theme='pro'] .bg-grid { opacity: .11; }
html[data-theme='pro'] .cls-top {
  background: linear-gradient(180deg, rgba(19, 27, 40, .98), rgba(11, 16, 23, .95));
  border-bottom-color: rgba(232, 197, 121, .14);
  box-shadow: 0 12px 34px -26px #000;
}
html[data-theme='pro'] .cls-brand h1 { color: #f4f7fc; }
html[data-theme='pro'] .cls-brand p { color: #8b97a8; }
html[data-theme='pro'] .cls-avatar { border-color: #1c2431; box-shadow: 0 8px 22px -10px #000, 0 0 0 2px rgba(232, 197, 121, .45); }
html[data-theme='pro'] .cbtn-ghost { background: rgba(255, 255, 255, .05); color: #dde5f0; border-color: #2a3548; }
html[data-theme='pro'] .cbtn-ghost:hover { background: rgba(224, 179, 84, .13); border-color: rgba(232, 197, 121, .48); }
html[data-theme='pro'] .cbtn-royal { background: linear-gradient(135deg, #6fa8dc, #3a6fa8); }
html[data-theme='pro'] .cbtn-brand { background: linear-gradient(135deg, #e8c579, #b8892a); color: #221703; }
html[data-theme='pro'] .cbtn-gold { background: linear-gradient(135deg, #f2dda8, #e0b354 55%, #b8892a); color: #221703; }
html[data-theme='pro'] .cls-card {
  background: linear-gradient(172deg, #151d29 0%, #111823 100%);
  border-color: #232c3b; box-shadow: 0 24px 60px -36px #000;
}
html[data-theme='pro'] .cls-h h2 { color: #f0f4fa; }
html[data-theme='pro'] .chipx { background: rgba(255, 255, 255, .055); border-color: #2a3548; color: #b9c4d3; }
html[data-theme='pro'] .chipx.gold { background: rgba(232, 197, 121, .14); border-color: rgba(232, 197, 121, .4); color: #f0d9a2; }
html[data-theme='pro'] .chipx.brand { background: rgba(224, 179, 84, .13); border-color: rgba(224, 179, 84, .38); color: #eccd8e; }
html[data-theme='pro'] .chipx.ok { background: rgba(78, 201, 160, .13); border-color: rgba(78, 201, 160, .38); color: #7ee0bf; }
html[data-theme='pro'] .bank-pill { background: rgba(255, 255, 255, .045); border-color: rgba(232, 197, 121, .38); color: #dde5f0; }
html[data-theme='pro'] .stat-box { background: #151d29; border-color: #232c3b; }
html[data-theme='pro'] .stat-box .lbl { color: #8b97a8; }
html[data-theme='pro'] .qtimer-bar { background: #151d29; border-color: #232c3b; }
html[data-theme='pro'] .qlabel { color: #eccd8e; }
html[data-theme='pro'] .qtimer-ring circle.track { stroke: rgba(255, 255, 255, .1); }
html[data-theme='pro'] .qtimer-ring .big { color: #f4f7fc; }
html[data-theme='pro'] .qtimer-ring .qhint { color: #8b97a8; }
html[data-theme='pro'] .qtimer-sec { color: #8b97a8; }
html[data-theme='pro'] .qtimer-sec input,
html[data-theme='pro'] .mini { background: #0d131d; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .mini:hover { background: #1c2534; border-color: #e0b354; color: #f0d9a2; }
html[data-theme='pro'] .group {
  background: #151d29; border-color: #232c3b;
  box-shadow: 0 18px 40px -32px #000;
}
html[data-theme='pro'] .group.is-turn { box-shadow: 0 0 0 4px rgba(232, 197, 121, .2), 0 22px 48px -28px #000; }
html[data-theme='pro'] .set-turn { background: #1a2230; border-color: #2e3a4d; color: #8b97a8; }
html[data-theme='pro'] .set-turn:hover { background: #22303f; color: #f0d9a2; }
html[data-theme='pro'] .btn-del { background: rgba(255, 255, 255, .06); color: #8b97a8; }
html[data-theme='pro'] .normal-tile {
  background: linear-gradient(150deg, #12202e, #0d1824);
  border-color: rgba(111, 168, 220, .38);
}
html[data-theme='pro'] .normal-tile .nt-lbl { color: #9dc4e8; }
html[data-theme='pro'] .normal-tile .nt-pts { color: #8b97a8; }
html[data-theme='pro'] .score-row { border-color: #232c3b; }
html[data-theme='pro'] .step { background: #0d131d; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .step.p { background: rgba(78, 201, 160, .13); color: #7ee0bf; border-color: rgba(78, 201, 160, .35); }
html[data-theme='pro'] .step.m { background: rgba(224, 122, 114, .13); color: #f0a19a; border-color: rgba(224, 122, 114, .32); }
html[data-theme='pro'] .card-modal .sheet { background: linear-gradient(172deg, #171f2b 0%, #101722 100%); border-color: rgba(232, 197, 121, .35); color: var(--ink); }
html[data-theme='pro'] .card-modal .qbox { background: #0e141f; border-color: #283345; color: #e4ebf4; }
html[data-theme='pro'] .card-modal .opt { background: #172030; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .card-modal .opt:hover { background: #1e2a3c; }
html[data-theme='pro'] .card-modal .opt.correct { background: #0d3227; border-color: #34d399; color: #b9f5de; }
html[data-theme='pro'] .card-modal .opt.wrong { background: #331a1c; border-color: #e07a72; color: #f7c9c5; }
html[data-theme='pro'] .card-modal .opt .idx { color: #221703; }
html[data-theme='pro'] .card-modal .qanswer { background: rgba(232, 197, 121, .12); color: #f0d9a2; border-color: rgba(232, 197, 121, .45); }
html[data-theme='pro'] .card-modal .qtext { color: #f2f6fc; }
html[data-theme='pro'] .card-modal .qplaceholder { color: #7d8899; }
html[data-theme='pro'] .card-hud { background: linear-gradient(135deg, #0f1826, #1a2434 62%, #0f1826); }
html[data-theme='pro'] .pdf-panel { background: #0e141f; border-color: #2a3548; }
html[data-theme='pro'] .pdf-head { background: #151d29; border-color: #232c3b; }
html[data-theme='pro'] .pdf-head input { background: #0b1017; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .pdf-body { background: #080c13; }
html[data-theme='pro'] .picker-item { background: #161e2a; border-color: #2a3548; color: #e4ebf4; }
html[data-theme='pro'] .picker-item:hover { background: #1d2735; }
html[data-theme='pro'] .picker-item.on { background: #2a2312; border-color: #e0b354; }
html[data-theme='pro'] .picker-item b { color: #f4f7fc; }
html[data-theme='pro'] .cls-sign { color: #7d8899; }
html[data-theme='pro'] .prize-row { background: #161e2a; border-color: #2a3548; }
html[data-theme='pro'] .prize-row span { color: #f0d9a2; }
html[data-theme='pro'] .tier-hint { background: rgba(255, 255, 255, .05); border-color: #2a3548; color: #8b97a8; }
html[data-theme='pro'] .tier-hint.ok { background: rgba(78, 201, 160, .13); border-color: rgba(78, 201, 160, .4); color: #7ee0bf; }
html[data-theme='pro'] .tier-hint.warn { background: rgba(232, 197, 121, .14); border-color: rgba(232, 197, 121, .45); color: #f0d9a2; }
html[data-theme='pro'] .link-note { background: rgba(255, 255, 255, .04); border-color: #2a3548; color: #8b97a8; }
html[data-theme='pro'] .link-note.on { background: rgba(78, 201, 160, .09); border-color: rgba(78, 201, 160, .38); color: #7ee0bf; }
html[data-theme='pro'] .link-row { background: #161e2a; border-color: #2a3548; }
html[data-theme='pro'] .link-row:hover { background: #1d2735; border-color: rgba(232, 197, 121, .35); }
html[data-theme='pro'] .link-head { color: #7d8899; }
html[data-theme='pro'] .ses-item { background: #161e2a; border-color: #2a3548; }
html[data-theme='pro'] .ses-item:hover { background: #1d2735; border-color: rgba(232, 197, 121, .35); }

/* --- الأزرار العائمة --- */
html[data-theme='pro'] .theme-fab {
  background: linear-gradient(135deg, #e8c579, #b8892a);
  border-color: rgba(255, 255, 255, .35);
  color: #221703;
  box-shadow: 0 16px 34px -12px rgba(224, 179, 84, .55);
}
html[data-theme='pro'] .aq-zoom-fab { background: linear-gradient(135deg, #6fa8dc, #3a6fa8); }
html[data-theme='pro'] .theme-btn { background: rgba(255, 255, 255, .06); border-color: #2a3548; color: #e4ebf4; }

/* --- صفحات العرض الكبرى --- */
html[data-theme='pro'] .display-shell .q-text { color: #f2f6fc; }
html[data-theme='pro'] .display-code { color: #f0d9a2; }

/* ============================================================
   📽️ الثيم الرابع — «البروجكتور» (Beam)
   مصمَّم خصيصًا للعرض على بروجكتور في قاعة مضيئة:
   خلفية ناصعة عالية الإضاءة · أسود صريح 100% · حدود سميكة
   عناوين ضخمة · لا تدرجات خفيفة · تباين AAA
   يُفعَّل بـ <html data-theme="beam">
   ============================================================ */
html[data-theme='beam'] {
  --brand: #b0151a;
  --brand-2: #8d0f13;
  --red: #c81e1e;
  --red-2: #a11515;
  --gold: #a86a00;
  --gold-2: #855400;
  --amber: #96600a;

  --ink: #05070a;
  --ink-2: #101520;
  --muted: #33405a;
  --faint: #5a6982;

  --bg: #ffffff;
  --bg-2: #eef2f8;
  --surface: #ffffff;
  --surface-2: #f4f7fc;

  --line: #0b1220;
  --line-2: #1b2536;

  --ok: #056b3c;
  --ok-bg: #d6f7e5;
  --bad: #a81313;
  --bad-bg: #ffe0e0;
  --info: #0a4fa3;

  --grad-brand: linear-gradient(135deg, #c81e1e 0%, #a11515 100%);
  --grad-gold: linear-gradient(135deg, #c98a0a 0%, #96600a 100%);
  --grad-deep: linear-gradient(160deg, #0b1220 0%, #1b2536 100%);
  --grad-surface: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);

  --sh-1: 0 2px 0 rgba(5, 7, 10, .9);
  --sh-2: 0 3px 0 rgba(5, 7, 10, .85);
  --sh-3: 0 5px 0 rgba(5, 7, 10, .8);
  --sh-glow: 0 0 0 4px rgba(200, 30, 30, .28);

  color-scheme: light;
}

/* --- الأساس --- */
html[data-theme='beam'] body {
  background: var(--bg) !important;
  color: var(--ink) !important;
  font-weight: 700;
}
html[data-theme='beam'] body::before { background: none !important; display: none !important; }
html[data-theme='beam'] body::after { display: none !important; }

/* --- التمرير واضح --- */
html[data-theme='beam'] ::-webkit-scrollbar { width: 14px; height: 14px; }
html[data-theme='beam'] ::-webkit-scrollbar-track { background: #e3e9f3; }
html[data-theme='beam'] ::-webkit-scrollbar-thumb { background: #0b1220; border-radius: 25px; border: 3px solid #e3e9f3; }

/* --- الشريط الجانبي --- */
html[data-theme='beam'] .sidebar {
  background: #c81e1e !important;
  border-inline-start: 4px solid #05070a !important;
  box-shadow: -6px 0 0 rgba(5, 7, 10, .18) !important;
}
html[data-theme='beam'] .sidebar .nav-item {
  color: #fff5f5 !important; font-weight: 900 !important; font-size: 15px !important;
  border-radius: 12px !important; padding: 11px 13px !important; margin-bottom: 3px !important;
}
html[data-theme='beam'] .sidebar .nav-item:hover { background: rgba(255, 255, 255, .2) !important; color: #fff !important; }
html[data-theme='beam'] .sidebar .nav-item.active {
  background: #ffffff !important; color: #a11515 !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, .42) !important; font-weight: 900 !important;
}
html[data-theme='beam'] .sidebar .nav-item.active * { color: #a11515 !important; }
html[data-theme='beam'] .sidebar .nav-group-label,
html[data-theme='beam'] .nav-group-label {
  color: #ffe0e0 !important; letter-spacing: .4px !important; font-weight: 900 !important;
  text-transform: uppercase; opacity: 1 !important;
}
html[data-theme='beam'] .sidebar .brand h1, html[data-theme='beam'] .sidebar .brand b { color: #fff !important; font-weight: 900 !important; }
html[data-theme='beam'] .sidebar .brand p, html[data-theme='beam'] .sidebar .brand small { color: #ffd6d6 !important; }
html[data-theme='beam'] .teacher-chip { background: rgba(255, 255, 255, .17) !important; border-color: rgba(255, 255, 255, .45) !important; }
html[data-theme='beam'] .teacher-chip b { color: #fff !important; font-weight: 900 !important; }
html[data-theme='beam'] .teacher-chip small { color: #ffdede !important; }

/* --- الشريط العلوي --- */
html[data-theme='beam'] .topbar {
  background: #ffffff !important;
  border-bottom: 4px solid #05070a !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-theme='beam'] .topbar .page-title { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .topbar .page-sub { color: #33405a !important; font-weight: 800 !important; }

/* --- البطاقات --- */
html[data-theme='beam'] .card {
  background: #ffffff !important;
  border: 3px solid #05070a !important;
  box-shadow: 0 5px 0 rgba(5, 7, 10, .28) !important;
  border-radius: 18px !important;
}
html[data-theme='beam'] .card:hover { border-color: #c81e1e !important; box-shadow: 0 5px 0 #c81e1e !important; }
html[data-theme='beam'] .card-hero {
  background: linear-gradient(135deg, #c81e1e 0%, #a11515 55%, #05070a 100%) !important;
  border-color: #05070a !important;
}
html[data-theme='beam'] .card-head h3 { color: #05070a !important; font-weight: 900 !important; font-size: 18px !important; }
html[data-theme='beam'] .card-head .sub { color: #33405a !important; font-weight: 700 !important; }

/* --- الأزرار --- */
html[data-theme='beam'] .btn {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
  box-shadow: 0 3px 0 #05070a !important; border-radius: 12px !important;
  transition: transform .1s, box-shadow .1s;
}
html[data-theme='beam'] .btn:hover { background: #eef2f8 !important; transform: translateY(-1px); box-shadow: 0 4px 0 #05070a !important; }
html[data-theme='beam'] .btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #05070a !important; }
html[data-theme='beam'] .btn-primary {
  background: #c81e1e !important; color: #ffffff !important; border-color: #05070a !important;
  box-shadow: 0 3px 0 #05070a !important;
}
html[data-theme='beam'] .btn-primary:hover { background: #a11515 !important; }
html[data-theme='beam'] .btn-gold { background: #ffd23f !important; color: #05070a !important; border-color: #05070a !important; box-shadow: 0 3px 0 #05070a !important; }
html[data-theme='beam'] .btn-ok { background: #067a45 !important; color: #fff !important; border-color: #05070a !important; box-shadow: 0 3px 0 #05070a !important; }
html[data-theme='beam'] .btn-danger { background: #a81313 !important; color: #fff !important; border-color: #05070a !important; box-shadow: 0 3px 0 #05070a !important; }
html[data-theme='beam'] .btn-dark { background: #05070a !important; color: #fff !important; border-color: #05070a !important; box-shadow: 0 3px 0 #4b5563 !important; }
html[data-theme='beam'] .btn-ghost { background: #ffffff !important; color: #05070a !important; border: 3px solid #05070a !important; box-shadow: 0 3px 0 rgba(5,7,10,.22) !important; }

/* --- المدخلات --- */
html[data-theme='beam'] .input,
html[data-theme='beam'] .select,
html[data-theme='beam'] .textarea {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 800 !important; font-size: 15.5px !important;
  border-radius: 12px !important; box-shadow: inset 0 2px 0 rgba(5,7,10,.06) !important;
}
html[data-theme='beam'] .input:focus,
html[data-theme='beam'] .select:focus,
html[data-theme='beam'] .textarea:focus {
  border-color: #c81e1e !important; box-shadow: 0 0 0 5px rgba(200, 30, 30, .26) !important; outline: none !important;
}
html[data-theme='beam'] .input::placeholder,
html[data-theme='beam'] .textarea::placeholder { color: #6b7794 !important; font-weight: 700 !important; }
html[data-theme='beam'] label { color: #05070a !important; font-weight: 900 !important; font-size: 13.5px !important; letter-spacing: 0 !important; }
html[data-theme='beam'] .hint { color: #33405a !important; font-weight: 700 !important; }

/* --- الشرائح والوسوم --- */
html[data-theme='beam'] .seg { background: #e3e9f3 !important; border: 3px solid #05070a !important; border-radius: 12px !important; padding: 3px !important; }
html[data-theme='beam'] .seg button { color: #33405a !important; font-weight: 900 !important; border-radius: 9px !important; }
html[data-theme='beam'] .seg button.active { background: #c81e1e !important; color: #ffffff !important; box-shadow: 0 2px 0 #05070a !important; }

html[data-theme='beam'] .pill {
  background: #ffffff !important; border: 2.5px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important; font-size: 12.5px !important;
}
html[data-theme='beam'] .pill-gray { background: #eef2f8 !important; color: #05070a !important; }
html[data-theme='beam'] .pill-ok { background: #d6f7e5 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam'] .pill-red { background: #ffe0e0 !important; color: #a81313 !important; border-color: #a81313 !important; }
html[data-theme='beam'] .pill-gold { background: #ffd23f !important; color: #05070a !important; border-color: #05070a !important; }
html[data-theme='beam'] .pill-blue { background: #e0edff !important; color: #0a4fa3 !important; border-color: #0a4fa3 !important; }

/* --- القوائم والجداول --- */
html[data-theme='beam'] .list-item {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 800 !important; border-radius: 14px !important;
}
html[data-theme='beam'] .list-item:hover { background: #eef2f8 !important; border-color: #c81e1e !important; }
html[data-theme='beam'] .table th {
  background: #05070a !important; color: #ffffff !important;
  font-weight: 900 !important; font-size: 13.5px !important; border-color: #05070a !important;
}
html[data-theme='beam'] .table td { color: #05070a !important; border-color: #c9d3e2 !important; font-weight: 800 !important; }
html[data-theme='beam'] .table tbody tr:hover td { background: #eef2f8 !important; }
html[data-theme='beam'] .divider { background: #05070a !important; height: 3px !important; }

/* --- المودالات --- */
html[data-theme='beam'] .modal {
  background: #ffffff !important; border: 4px solid #05070a !important;
  color: #05070a !important; box-shadow: 0 12px 0 rgba(5, 7, 10, .35) !important; border-radius: 20px !important;
}
html[data-theme='beam'] .modal-head { border-bottom: 3px solid #05070a !important; }
html[data-theme='beam'] .modal-head h3 { color: #05070a !important; font-weight: 900 !important; font-size: 19px !important; }
html[data-theme='beam'] .modal-foot { border-top: 3px solid #05070a !important; background: #f4f7fc !important; }
html[data-theme='beam'] .overlay { background: rgba(5, 7, 10, .78) !important; backdrop-filter: blur(3px) !important; }

html[data-theme='beam'] .code-box { background: #05070a !important; border-color: #05070a !important; }
html[data-theme='beam'] .code-val { color: #ffd23f !important; font-weight: 900 !important; letter-spacing: 3px !important; }
html[data-theme='beam'] .empty b { color: #05070a !important; font-weight: 900 !important; }

/* --- مسرح السؤال --- */
html[data-theme='beam'] .q-stage {
  background: #ffffff !important; border: 4px solid #05070a !important;
  box-shadow: 0 7px 0 rgba(5, 7, 10, .3) !important; border-radius: 22px !important;
}
html[data-theme='beam'] .q-stage .q-text,
html[data-theme='beam'] .q-text {
  color: #05070a !important; font-weight: 900 !important; line-height: 1.6 !important;
}
html[data-theme='beam'] .q-timer {
  background: #05070a !important; color: #ffd23f !important;
  font-weight: 900 !important; border: 3px solid #05070a !important;
}
html[data-theme='beam'] .option {
  background: #ffffff !important; border: 3.5px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
  box-shadow: 0 4px 0 rgba(5, 7, 10, .26) !important; border-radius: 15px !important;
}
html[data-theme='beam'] .option:hover:not(.locked) { border-color: #c81e1e !important; background: #fff5f5 !important; box-shadow: 0 5px 0 #c81e1e !important; }
html[data-theme='beam'] .option.correct {
  background: #067a45 !important; border-color: #05070a !important; color: #ffffff !important;
  box-shadow: 0 4px 0 #05070a !important;
}
html[data-theme='beam'] .option.wrong {
  background: #a81313 !important; border-color: #05070a !important; color: #ffffff !important;
  box-shadow: 0 4px 0 #05070a !important;
}
html[data-theme='beam'] .option.chosen { border-color: #c81e1e !important; box-shadow: 0 0 0 5px rgba(200,30,30,.3), 0 4px 0 rgba(5,7,10,.26) !important; }
html[data-theme='beam'] .buzz-big { background: #ffd23f !important; color: #05070a !important; border: 4px solid #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .lb-row { background: #ffffff !important; border: 3px solid #05070a !important; color: #05070a !important; font-weight: 800 !important; }
html[data-theme='beam'] .lb-row.me { background: #ffd23f !important; }
html[data-theme='beam'] .rank-num { background: #05070a !important; color: #ffffff !important; font-weight: 900 !important; }

/* --- تسجيل الدخول --- */
html[data-theme='beam'] .auth-card { background: #ffffff !important; border: 4px solid #05070a !important; box-shadow: 0 10px 0 rgba(5,7,10,.3) !important; }
html[data-theme='beam'] .auth-tabs { background: #e3e9f3 !important; border: 3px solid #05070a !important; }
html[data-theme='beam'] .auth-tabs button { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .auth-tabs button.active { background: #c81e1e !important; color: #ffffff !important; }

/* ============================================================
   البروجكتور — صفحة المسابقة العادية (classic.html)
   ============================================================ */
html[data-theme='beam'] body.cls-body { background: #ffffff !important; color: #05070a !important; }
html[data-theme='beam'] .cls-body {
  --royal: #05070a;
  --royal-2: #0a4fa3;
  --brandx: #c81e1e;
  --brandx-2: #a11515;
  --goldx: #ffd23f;
  --goldx-2: #f0b400;
  --goldx-3: #855400;
  --inkx: #05070a;
  --mutedx: #33405a;
  --linex: #05070a;
  --ribbon: linear-gradient(120deg, #c81e1e, #ffd23f 52%, #05070a);
  --shx: 0 6px 0 rgba(5, 7, 10, .25);
}
html[data-theme='beam'] .bg-photo { opacity: .07 !important; filter: grayscale(.85) contrast(.9) brightness(1.55) !important; }
html[data-theme='beam'] .bg-veil { background: #ffffff !important; opacity: 1 !important; }
html[data-theme='beam'] .bg-grid { opacity: 0 !important; }

html[data-theme='beam'] .cls-top {
  background: #ffffff !important;
  border-bottom: 4px solid #05070a !important;
  box-shadow: none !important;
}
html[data-theme='beam'] .cls-brand h1 { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .cls-brand p { color: #33405a !important; font-weight: 800 !important; }
html[data-theme='beam'] .cls-avatar { border: 3px solid #05070a !important; box-shadow: 0 3px 0 rgba(5,7,10,.3) !important; }
html[data-theme='beam'] .cls-sign { color: #5a6982 !important; }

html[data-theme='beam'] .cbtn {
  border: 3px solid #05070a !important; font-weight: 900 !important;
  box-shadow: 0 3px 0 #05070a !important; border-radius: 12px !important;
}
html[data-theme='beam'] .cbtn:active { transform: translateY(2px); box-shadow: 0 1px 0 #05070a !important; }
html[data-theme='beam'] .cbtn-ghost { background: #ffffff !important; color: #05070a !important; }
html[data-theme='beam'] .cbtn-ghost:hover { background: #eef2f8 !important; border-color: #c81e1e !important; box-shadow: 0 3px 0 #c81e1e !important; }
html[data-theme='beam'] .cbtn-royal { background: #05070a !important; color: #ffffff !important; }
html[data-theme='beam'] .cbtn-brand { background: #c81e1e !important; color: #ffffff !important; }
html[data-theme='beam'] .cbtn-gold { background: #ffd23f !important; color: #05070a !important; }
html[data-theme='beam'] .cbtn-green { background: #067a45 !important; color: #ffffff !important; }

html[data-theme='beam'] .chipx {
  background: #ffffff !important; border: 2.5px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
}
html[data-theme='beam'] .chipx.gold { background: #ffd23f !important; color: #05070a !important; }
html[data-theme='beam'] .chipx.brand { background: #ffe3e3 !important; color: #a11515 !important; border-color: #a11515 !important; }
html[data-theme='beam'] .chipx.ok { background: #d6f7e5 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam'] .bank-pill { background: #ffffff !important; border: 2.5px solid #05070a !important; color: #05070a !important; font-weight: 900 !important; }

html[data-theme='beam'] .stat-box {
  background: #ffffff !important; border: 3px solid #05070a !important;
  box-shadow: 0 4px 0 rgba(5,7,10,.25) !important; border-radius: 16px !important;
}
html[data-theme='beam'] .stat-box .lbl { color: #33405a !important; font-weight: 900 !important; font-size: 12px !important; }
html[data-theme='beam'] .stat-box .val { font-weight: 900 !important; }

html[data-theme='beam'] .qtimer-bar {
  background: #ffffff !important; border: 3px solid #05070a !important;
  box-shadow: 0 4px 0 rgba(5,7,10,.25) !important;
}
html[data-theme='beam'] .qlabel { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .qtimer-ring circle.track { stroke: #c9d3e2 !important; }
html[data-theme='beam'] .qtimer-ring .prog { stroke: #c81e1e !important; stroke-width: 11 !important; }
html[data-theme='beam'] .qtimer-ring .big { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .qtimer-ring .qhint { color: #33405a !important; font-weight: 800 !important; }
html[data-theme='beam'] .qtimer-sec { color: #33405a !important; font-weight: 900 !important; }
html[data-theme='beam'] .qtimer-sec input,
html[data-theme='beam'] .mini {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
}
html[data-theme='beam'] .mini:hover { background: #ffd23f !important; }

html[data-theme='beam'] .cls-card {
  background: #ffffff !important; border: 3.5px solid #05070a !important;
  box-shadow: 0 6px 0 rgba(5,7,10,.25) !important; border-radius: 20px !important;
}
html[data-theme='beam'] .cls-h h2 { color: #05070a !important; font-weight: 900 !important; }

html[data-theme='beam'] .group {
  background: #ffffff !important; border: 3.5px solid #05070a !important;
  box-shadow: 0 5px 0 rgba(5,7,10,.24) !important; border-radius: 18px !important;
}
html[data-theme='beam'] .group.is-turn {
  border-color: #c81e1e !important;
  box-shadow: 0 0 0 6px rgba(200,30,30,.25), 0 6px 0 #c81e1e !important;
}
html[data-theme='beam'] .set-turn { background: #eef2f8 !important; border: 2.5px solid #05070a !important; color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .set-turn:hover { background: #ffd23f !important; }
html[data-theme='beam'] .btn-del { background: #eef2f8 !important; color: #a81313 !important; border: 2.5px solid #05070a !important; }

html[data-theme='beam'] .normal-tile {
  background: #ffffff !important; border: 3px solid #05070a !important;
  box-shadow: 0 4px 0 rgba(5,7,10,.24) !important;
}
html[data-theme='beam'] .normal-tile .nt-lbl { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .normal-tile .nt-pts { color: #33405a !important; font-weight: 800 !important; }
html[data-theme='beam'] .score-row { border-color: #c9d3e2 !important; }
html[data-theme='beam'] .step { background: #ffffff !important; border: 2.5px solid #05070a !important; color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .step.p { background: #067a45 !important; color: #ffffff !important; border-color: #05070a !important; }
html[data-theme='beam'] .step.m { background: #a81313 !important; color: #ffffff !important; border-color: #05070a !important; }

/* --- مودال الكارت --- */
html[data-theme='beam'] .card-modal .sheet {
  background: #ffffff !important; border: 4px solid #05070a !important;
  color: #05070a !important; box-shadow: 0 10px 0 rgba(5,7,10,.35) !important;
}
html[data-theme='beam'] .card-modal .sheet h3,
html[data-theme='beam'] .card-modal .sheet b { color: #05070a !important; }
html[data-theme='beam'] .card-modal .qbox {
  background: #f4f7fc !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
}
html[data-theme='beam'] .card-modal .qtext { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .card-modal .qplaceholder { color: #5a6982 !important; font-weight: 800 !important; }
html[data-theme='beam'] .card-modal .opt {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 900 !important;
}
html[data-theme='beam'] .card-modal .opt:hover { background: #fff5f5 !important; border-color: #c81e1e !important; }
html[data-theme='beam'] .card-modal .opt.correct { background: #067a45 !important; border-color: #05070a !important; color: #ffffff !important; }
html[data-theme='beam'] .card-modal .opt.wrong { background: #a81313 !important; border-color: #05070a !important; color: #ffffff !important; }
html[data-theme='beam'] .card-modal .opt .idx { background: #05070a !important; color: #ffffff !important; font-weight: 900 !important; }
html[data-theme='beam'] .card-modal .qanswer {
  background: #ffd23f !important; color: #05070a !important;
  border: 3px solid #05070a !important; font-weight: 900 !important;
}
html[data-theme='beam'] .card-hud { background: #05070a !important; }
html[data-theme='beam'] .card-hud * { color: #ffffff !important; }
html[data-theme='beam'] .pdf-panel { background: #f4f7fc !important; border: 3px solid #05070a !important; }
html[data-theme='beam'] .pdf-head { background: #ffffff !important; border-color: #05070a !important; }
html[data-theme='beam'] .pdf-head input { background: #ffffff !important; border: 2.5px solid #05070a !important; color: #05070a !important; }
html[data-theme='beam'] .pdf-body { background: #ffffff !important; }

html[data-theme='beam'] .picker-item {
  background: #ffffff !important; border: 3px solid #05070a !important;
  color: #05070a !important; font-weight: 800 !important;
}
html[data-theme='beam'] .picker-item:hover { background: #eef2f8 !important; border-color: #c81e1e !important; }
html[data-theme='beam'] .picker-item.on { background: #ffd23f !important; border-color: #05070a !important; box-shadow: 0 0 0 4px rgba(5,7,10,.2) !important; }
html[data-theme='beam'] .picker-item b { color: #05070a !important; }

html[data-theme='beam'] .prize-row {
  background: #ffffff !important; border: 3px solid #05070a !important; border-radius: 14px !important;
}
html[data-theme='beam'] .prize-row span { color: #05070a !important; font-weight: 900 !important; }

html[data-theme='beam'] .tier-hint { background: #eef2f8 !important; border: 2.5px solid #05070a !important; color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .tier-hint.ok { background: #d6f7e5 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam'] .tier-hint.warn { background: #fff0c2 !important; color: #855400 !important; border-color: #855400 !important; }
html[data-theme='beam'] .link-note { background: #f4f7fc !important; border: 2.5px solid #05070a !important; color: #33405a !important; font-weight: 800 !important; }
html[data-theme='beam'] .link-note.on { background: #d6f7e5 !important; border-color: #056b3c !important; color: #056b3c !important; }
html[data-theme='beam'] .link-row { background: #ffffff !important; border: 3px solid #05070a !important; border-radius: 12px !important; }
html[data-theme='beam'] .link-row:hover { background: #eef2f8 !important; border-color: #c81e1e !important; }
html[data-theme='beam'] .link-head { color: #33405a !important; font-weight: 900 !important; }
html[data-theme='beam'] .link-table { border-color: #05070a !important; }
html[data-theme='beam'] .ses-item { background: #ffffff !important; border: 3px solid #05070a !important; border-radius: 14px !important; }
html[data-theme='beam'] .ses-item:hover { background: #eef2f8 !important; border-color: #c81e1e !important; }
html[data-theme='beam'] .ses-item b { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .ses-item small { color: #33405a !important; font-weight: 800 !important; }
html[data-theme='beam'] .select-sm { background: #ffffff !important; border: 2.5px solid #05070a !important; color: #05070a !important; font-weight: 800 !important; }

/* --- الأزرار العائمة --- */
html[data-theme='beam'] .theme-fab {
  background: #05070a !important; border: 3px solid #ffffff !important;
  color: #ffffff !important; box-shadow: 0 6px 0 rgba(5,7,10,.4), 0 0 0 3px #05070a !important;
  font-size: 22px !important;
}
html[data-theme='beam'] .theme-fab:hover { background: #c81e1e !important; }
html[data-theme='beam'] .aq-zoom-fab { background: #c81e1e !important; border: 3px solid #ffffff !important; box-shadow: 0 6px 0 rgba(5,7,10,.4) !important; }
html[data-theme='beam'] .theme-btn { background: #ffffff !important; border: 3px solid #05070a !important; color: #05070a !important; font-weight: 900 !important; }

/* --- الجرس/التنبيهات --- */
html[data-theme='beam'] .toast {
  background: #05070a !important; color: #ffffff !important;
  border: 3px solid #ffffff !important; font-weight: 900 !important;
  box-shadow: 0 6px 0 rgba(5,7,10,.35) !important;
}
html[data-theme='beam'] .toast.ok { background: #067a45 !important; }
html[data-theme='beam'] .toast.bad { background: #a81313 !important; }
html[data-theme='beam'] .toast.gold { background: #ffd23f !important; color: #05070a !important; border-color: #05070a !important; }

/* --- شاشة العرض الكبرى --- */
html[data-theme='beam'] .display-shell { background: #ffffff !important; color: #05070a !important; }
html[data-theme='beam'] .display-shell .q-text { color: #05070a !important; font-weight: 900 !important; }
html[data-theme='beam'] .display-code { color: #05070a !important; font-weight: 900 !important; background: #ffd23f !important; border: 3px solid #05070a !important; }
html[data-theme='beam'] .display-shell .option { background: #ffffff !important; border-color: #05070a !important; color: #05070a !important; }

/* --- وضع التركيز/العرض --- */
html[data-theme='beam'] body.cls-focus,
html[data-theme='beam'] body.gr-focus { background: #ffffff !important; }

/* ============================================================
   🔆 الثيم الخامس — «بروجكتور ٢» (Beam 2)
   نسخة دافئة من ثيم البروجكتور: ورق عاجي بدل الأبيض الناصع
   (أريح للعين في القاعات المضيئة) + أزرق مخطط هندسي + كهرماني
   تباين AAA · حدود سميكة · بدون تدرجات خفيفة
   يُفعَّل بـ <html data-theme="beam2">
   ============================================================ */
html[data-theme='beam2'] {
  --brand: #123a6b;
  --brand-2: #0d2b50;
  --red: #b3261e;
  --red-2: #8f1d17;
  --gold: #96600a;
  --gold-2: #7a4d07;
  --amber: #b45309;

  --ink: #071427;
  --ink-2: #132741;
  --muted: #3c4f6b;
  --faint: #5d6f88;

  --bg: #fdfaf3;
  --bg-2: #f5efe1;
  --surface: #fffdf8;
  --surface-2: #f8f3e7;

  --line: #0a1a2f;
  --line-2: #1d3552;

  --ok: #056b3c;
  --ok-bg: #d9f7e6;
  --bad: #9f1239;
  --bad-bg: #ffe1e6;
  --info: #0b4f8a;

  --grad-brand: linear-gradient(135deg, #123a6b 0%, #0d2b50 100%);
  --grad-gold: linear-gradient(135deg, #d08a12 0%, #96600a 100%);
  --grad-deep: linear-gradient(160deg, #071427 0%, #1d3552 100%);
  --grad-surface: linear-gradient(180deg, #fffdf8 0%, #fffdf8 100%);

  --sh-1: 0 2px 0 rgba(7, 20, 39, .85);
  --sh-2: 0 3px 0 rgba(7, 20, 39, .8);
  --sh-3: 0 5px 0 rgba(7, 20, 39, .75);
  --sh-glow: 0 0 0 4px rgba(18, 58, 107, .25);

  color-scheme: light;
}

/* --- الأساس --- */
html[data-theme='beam2'] body {
  background:
    linear-gradient(rgba(18, 58, 107, .045) 1px, transparent 1px) 0 0 / 100% 30px,
    linear-gradient(90deg, rgba(18, 58, 107, .045) 1px, transparent 1px) 0 0 / 30px 100%,
    var(--bg) !important;
  color: var(--ink) !important;
  font-weight: 700;
}
html[data-theme='beam2'] body::before { background: none !important; display: none !important; }
html[data-theme='beam2'] body::after { display: none !important; }

html[data-theme='beam2'] ::-webkit-scrollbar { width: 14px; height: 14px; }
html[data-theme='beam2'] ::-webkit-scrollbar-track { background: #ece4d3; }
html[data-theme='beam2'] ::-webkit-scrollbar-thumb { background: #123a6b; border-radius: 25px; border: 3px solid #ece4d3; }

/* --- الشريط الجانبي --- */
html[data-theme='beam2'] .sidebar {
  background: linear-gradient(175deg, #123a6b 0%, #071427 100%) !important;
  border-inline-start: 4px solid #071427 !important;
  box-shadow: -6px 0 0 rgba(7, 20, 39, .16) !important;
}
html[data-theme='beam2'] .sidebar .nav-item {
  color: #f3f7ff !important; font-weight: 900 !important; font-size: 15px !important;
  border-radius: 12px !important; padding: 11px 13px !important; margin-bottom: 3px !important;
}
html[data-theme='beam2'] .sidebar .nav-item:hover { background: rgba(255, 255, 255, .18) !important; color: #fff !important; }
html[data-theme='beam2'] .sidebar .nav-item.active {
  background: #f6b93b !important; color: #071427 !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, .4) !important; font-weight: 900 !important;
}
html[data-theme='beam2'] .sidebar .nav-item.active * { color: #071427 !important; }
html[data-theme='beam2'] .sidebar .nav-group-label,
html[data-theme='beam2'] .nav-group-label {
  color: #ffd89b !important; letter-spacing: .4px !important; font-weight: 900 !important;
  text-transform: uppercase; opacity: 1 !important;
}
html[data-theme='beam2'] .sidebar .brand h1,
html[data-theme='beam2'] .sidebar .brand b { color: #fff !important; font-weight: 900 !important; }
html[data-theme='beam2'] .sidebar .brand p,
html[data-theme='beam2'] .sidebar .brand small { color: #c9dcf5 !important; }
html[data-theme='beam2'] .teacher-chip { background: rgba(255, 255, 255, .16) !important; border-color: rgba(255, 255, 255, .42) !important; }
html[data-theme='beam2'] .teacher-chip b { color: #fff !important; font-weight: 900 !important; }
html[data-theme='beam2'] .teacher-chip small { color: #c9dcf5 !important; }

/* --- الشريط العلوي --- */
html[data-theme='beam2'] .topbar {
  background: #fffdf8 !important;
  border-bottom: 4px solid #071427 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-theme='beam2'] .topbar .page-title { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .topbar .page-sub { color: #3c4f6b !important; font-weight: 800 !important; }

/* --- البطاقات --- */
html[data-theme='beam2'] .card {
  background: #fffdf8 !important;
  border: 3px solid #071427 !important;
  box-shadow: 0 5px 0 rgba(7, 20, 39, .24) !important;
  border-radius: 18px !important;
}
html[data-theme='beam2'] .card:hover { border-color: #123a6b !important; box-shadow: 0 5px 0 #123a6b !important; }
html[data-theme='beam2'] .card-hero {
  background: linear-gradient(135deg, #123a6b 0%, #0d2b50 52%, #071427 100%) !important;
  border-color: #071427 !important;
}
html[data-theme='beam2'] .card-head h3 { color: #071427 !important; font-weight: 900 !important; font-size: 18px !important; }
html[data-theme='beam2'] .card-head .sub { color: #3c4f6b !important; font-weight: 700 !important; }

/* --- الأزرار --- */
html[data-theme='beam2'] .btn {
  background: #fffdf8 !important; border: 3px solid #071427 !important;
  color: #071427 !important; font-weight: 900 !important;
  box-shadow: 0 3px 0 #071427 !important; border-radius: 12px !important;
  transition: transform .1s, box-shadow .1s;
}
html[data-theme='beam2'] .btn:hover { background: #f5efe1 !important; transform: translateY(-1px); box-shadow: 0 4px 0 #071427 !important; }
html[data-theme='beam2'] .btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #071427 !important; }
html[data-theme='beam2'] .btn-primary { background: #123a6b !important; color: #ffffff !important; border-color: #071427 !important; box-shadow: 0 3px 0 #071427 !important; }
html[data-theme='beam2'] .btn-primary:hover { background: #0d2b50 !important; }
html[data-theme='beam2'] .btn-gold { background: #f6b93b !important; color: #071427 !important; border-color: #071427 !important; box-shadow: 0 3px 0 #071427 !important; }
html[data-theme='beam2'] .btn-ok { background: #067a45 !important; color: #fff !important; border-color: #071427 !important; box-shadow: 0 3px 0 #071427 !important; }
html[data-theme='beam2'] .btn-danger { background: #9f1239 !important; color: #fff !important; border-color: #071427 !important; box-shadow: 0 3px 0 #071427 !important; }
html[data-theme='beam2'] .btn-dark { background: #071427 !important; color: #fff !important; border-color: #071427 !important; box-shadow: 0 3px 0 #57657a !important; }
html[data-theme='beam2'] .btn-ghost { background: #fffdf8 !important; color: #071427 !important; border: 3px solid #071427 !important; box-shadow: 0 3px 0 rgba(7,20,39,.2) !important; }

/* --- المدخلات --- */
html[data-theme='beam2'] .input,
html[data-theme='beam2'] .select,
html[data-theme='beam2'] .textarea {
  background: #ffffff !important; border: 3px solid #071427 !important;
  color: #071427 !important; font-weight: 800 !important; font-size: 15.5px !important;
  border-radius: 12px !important; box-shadow: inset 0 2px 0 rgba(7,20,39,.05) !important;
}
html[data-theme='beam2'] .input:focus,
html[data-theme='beam2'] .select:focus,
html[data-theme='beam2'] .textarea:focus {
  border-color: #123a6b !important; box-shadow: 0 0 0 5px rgba(18, 58, 107, .24) !important; outline: none !important;
}
html[data-theme='beam2'] .input::placeholder,
html[data-theme='beam2'] .textarea::placeholder { color: #71809a !important; font-weight: 700 !important; }
html[data-theme='beam2'] label { color: #071427 !important; font-weight: 900 !important; font-size: 13.5px !important; letter-spacing: 0 !important; }
html[data-theme='beam2'] .hint { color: #3c4f6b !important; font-weight: 700 !important; }

/* --- الشرائح والوسوم --- */
html[data-theme='beam2'] .seg { background: #ece4d3 !important; border: 3px solid #071427 !important; border-radius: 12px !important; padding: 3px !important; }
html[data-theme='beam2'] .seg button { color: #3c4f6b !important; font-weight: 900 !important; border-radius: 9px !important; }
html[data-theme='beam2'] .seg button.active { background: #123a6b !important; color: #ffffff !important; box-shadow: 0 2px 0 #071427 !important; }

html[data-theme='beam2'] .pill {
  background: #fffdf8 !important; border: 2.5px solid #071427 !important;
  color: #071427 !important; font-weight: 900 !important; font-size: 12.5px !important;
}
html[data-theme='beam2'] .pill-gray { background: #f5efe1 !important; color: #071427 !important; }
html[data-theme='beam2'] .pill-ok { background: #d9f7e6 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam2'] .pill-red { background: #ffe1e6 !important; color: #9f1239 !important; border-color: #9f1239 !important; }
html[data-theme='beam2'] .pill-gold { background: #f6b93b !important; color: #071427 !important; border-color: #071427 !important; }
html[data-theme='beam2'] .pill-blue { background: #e2eefc !important; color: #0b4f8a !important; border-color: #0b4f8a !important; }

/* --- القوائم والجداول --- */
html[data-theme='beam2'] .list-item {
  background: #fffdf8 !important; border: 3px solid #071427 !important;
  color: #071427 !important; font-weight: 800 !important; border-radius: 14px !important;
}
html[data-theme='beam2'] .list-item:hover { background: #f5efe1 !important; border-color: #123a6b !important; }
html[data-theme='beam2'] .table th {
  background: #071427 !important; color: #ffffff !important;
  font-weight: 900 !important; font-size: 13.5px !important; border-color: #071427 !important;
}
html[data-theme='beam2'] .table td { color: #071427 !important; border-color: #d8cdb6 !important; font-weight: 800 !important; }
html[data-theme='beam2'] .table tbody tr:hover td { background: #f5efe1 !important; }
html[data-theme='beam2'] .divider { background: #071427 !important; height: 3px !important; }

/* --- المودالات --- */
html[data-theme='beam2'] .modal {
  background: #fffdf8 !important; border: 4px solid #071427 !important;
  color: #071427 !important; box-shadow: 0 12px 0 rgba(7, 20, 39, .3) !important; border-radius: 20px !important;
}
html[data-theme='beam2'] .modal-head { border-bottom: 3px solid #071427 !important; }
html[data-theme='beam2'] .modal-head h3 { color: #071427 !important; font-weight: 900 !important; font-size: 19px !important; }
html[data-theme='beam2'] .modal-foot { border-top: 3px solid #071427 !important; background: #f8f3e7 !important; }
html[data-theme='beam2'] .overlay { background: rgba(7, 20, 39, .74) !important; backdrop-filter: blur(3px) !important; }

html[data-theme='beam2'] .code-box { background: #071427 !important; border-color: #071427 !important; }
html[data-theme='beam2'] .code-val { color: #f6b93b !important; font-weight: 900 !important; letter-spacing: 3px !important; }
html[data-theme='beam2'] .empty b { color: #071427 !important; font-weight: 900 !important; }

/* --- مسرح السؤال --- */
html[data-theme='beam2'] .q-stage {
  background: #fffdf8 !important; border: 4px solid #071427 !important;
  box-shadow: 0 7px 0 rgba(7, 20, 39, .26) !important; border-radius: 22px !important;
}
html[data-theme='beam2'] .q-stage .q-text,
html[data-theme='beam2'] .q-text { color: #071427 !important; font-weight: 900 !important; line-height: 1.6 !important; }
html[data-theme='beam2'] .q-timer { background: #071427 !important; color: #f6b93b !important; font-weight: 900 !important; border: 3px solid #071427 !important; }
html[data-theme='beam2'] .option {
  background: #fffdf8 !important; border: 3.5px solid #071427 !important;
  color: #071427 !important; font-weight: 900 !important;
  box-shadow: 0 4px 0 rgba(7, 20, 39, .22) !important; border-radius: 15px !important;
}
html[data-theme='beam2'] .option:hover:not(.locked) { border-color: #123a6b !important; background: #f2f7ff !important; box-shadow: 0 5px 0 #123a6b !important; }
html[data-theme='beam2'] .option.correct { background: #067a45 !important; border-color: #071427 !important; color: #ffffff !important; box-shadow: 0 4px 0 #071427 !important; }
html[data-theme='beam2'] .option.wrong { background: #9f1239 !important; border-color: #071427 !important; color: #ffffff !important; box-shadow: 0 4px 0 #071427 !important; }
html[data-theme='beam2'] .option.chosen { border-color: #123a6b !important; box-shadow: 0 0 0 5px rgba(18,58,107,.28), 0 4px 0 rgba(7,20,39,.22) !important; }
html[data-theme='beam2'] .buzz-big { background: #f6b93b !important; color: #071427 !important; border: 4px solid #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .lb-row { background: #fffdf8 !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 800 !important; }
html[data-theme='beam2'] .lb-row.me { background: #f6b93b !important; }
html[data-theme='beam2'] .rank-num { background: #071427 !important; color: #ffffff !important; font-weight: 900 !important; }

/* --- تسجيل الدخول --- */
html[data-theme='beam2'] .auth-card { background: #fffdf8 !important; border: 4px solid #071427 !important; box-shadow: 0 10px 0 rgba(7,20,39,.26) !important; }
html[data-theme='beam2'] .auth-tabs { background: #ece4d3 !important; border: 3px solid #071427 !important; }
html[data-theme='beam2'] .auth-tabs button { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .auth-tabs button.active { background: #123a6b !important; color: #ffffff !important; }

/* --- المسابقة العادية --- */
html[data-theme='beam2'] body.cls-body { background: #fdfaf3 !important; color: #071427 !important; }
html[data-theme='beam2'] .cls-body {
  --royal: #071427;
  --royal-2: #0b4f8a;
  --brandx: #123a6b;
  --brandx-2: #0d2b50;
  --goldx: #f6b93b;
  --goldx-2: #e0a72a;
  --goldx-3: #7a4d07;
  --inkx: #071427;
  --mutedx: #3c4f6b;
  --linex: #071427;
  --ribbon: linear-gradient(120deg, #123a6b, #f6b93b 55%, #071427);
  --shx: 0 6px 0 rgba(7, 20, 39, .22);
}
html[data-theme='beam2'] .bg-photo { opacity: .06 !important; filter: grayscale(.8) contrast(.92) brightness(1.6) !important; }
html[data-theme='beam2'] .bg-veil { background: #fdfaf3 !important; opacity: 1 !important; }
html[data-theme='beam2'] .bg-grid { opacity: .35 !important; }
html[data-theme='beam2'] .cls-top { background: #fffdf8 !important; border-bottom: 4px solid #071427 !important; box-shadow: none !important; }
html[data-theme='beam2'] .cls-brand h1 { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .cls-brand p { color: #3c4f6b !important; font-weight: 800 !important; }
html[data-theme='beam2'] .cls-avatar { border: 3px solid #071427 !important; box-shadow: 0 3px 0 rgba(7,20,39,.26) !important; }
html[data-theme='beam2'] .cls-sign { color: #5d6f88 !important; }

html[data-theme='beam2'] .cbtn { border: 3px solid #071427 !important; font-weight: 900 !important; box-shadow: 0 3px 0 #071427 !important; border-radius: 12px !important; }
html[data-theme='beam2'] .cbtn:active { transform: translateY(2px); box-shadow: 0 1px 0 #071427 !important; }
html[data-theme='beam2'] .cbtn-ghost { background: #fffdf8 !important; color: #071427 !important; }
html[data-theme='beam2'] .cbtn-ghost:hover { background: #f5efe1 !important; border-color: #123a6b !important; box-shadow: 0 3px 0 #123a6b !important; }
html[data-theme='beam2'] .cbtn-royal { background: #071427 !important; color: #ffffff !important; }
html[data-theme='beam2'] .cbtn-brand { background: #123a6b !important; color: #ffffff !important; }
html[data-theme='beam2'] .cbtn-gold { background: #f6b93b !important; color: #071427 !important; }
html[data-theme='beam2'] .cbtn-green { background: #067a45 !important; color: #ffffff !important; }

html[data-theme='beam2'] .chipx { background: #fffdf8 !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .chipx.gold { background: #f6b93b !important; color: #071427 !important; }
html[data-theme='beam2'] .chipx.brand { background: #e2eefc !important; color: #0d2b50 !important; border-color: #0d2b50 !important; }
html[data-theme='beam2'] .chipx.ok { background: #d9f7e6 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam2'] .bank-pill { background: #fffdf8 !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }

html[data-theme='beam2'] .stat-box { background: #fffdf8 !important; border: 3px solid #071427 !important; box-shadow: 0 4px 0 rgba(7,20,39,.22) !important; border-radius: 16px !important; }
html[data-theme='beam2'] .stat-box .lbl { color: #3c4f6b !important; font-weight: 900 !important; font-size: 12px !important; }
html[data-theme='beam2'] .stat-box .val { font-weight: 900 !important; }

html[data-theme='beam2'] .qtimer-bar { background: #fffdf8 !important; border: 3px solid #071427 !important; box-shadow: 0 4px 0 rgba(7,20,39,.22) !important; }
html[data-theme='beam2'] .qlabel { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .qtimer-ring circle.track { stroke: #d8cdb6 !important; }
html[data-theme='beam2'] .qtimer-ring .prog { stroke: #123a6b !important; stroke-width: 11 !important; }
html[data-theme='beam2'] .qtimer-ring .big { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .qtimer-ring .qhint { color: #3c4f6b !important; font-weight: 800 !important; }
html[data-theme='beam2'] .qtimer-sec { color: #3c4f6b !important; font-weight: 900 !important; }
html[data-theme='beam2'] .qtimer-sec input,
html[data-theme='beam2'] .mini { background: #ffffff !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .mini:hover { background: #f6b93b !important; }

html[data-theme='beam2'] .cls-card { background: #fffdf8 !important; border: 3.5px solid #071427 !important; box-shadow: 0 6px 0 rgba(7,20,39,.22) !important; border-radius: 20px !important; }
html[data-theme='beam2'] .cls-h h2 { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .group { background: #fffdf8 !important; border: 3.5px solid #071427 !important; box-shadow: 0 5px 0 rgba(7,20,39,.2) !important; border-radius: 18px !important; }
html[data-theme='beam2'] .group.is-turn { border-color: #123a6b !important; box-shadow: 0 0 0 6px rgba(18,58,107,.22), 0 6px 0 #123a6b !important; }
html[data-theme='beam2'] .set-turn { background: #f8f3e7 !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .set-turn:hover { background: #f6b93b !important; }
html[data-theme='beam2'] .btn-del { background: #f8f3e7 !important; color: #9f1239 !important; border: 2.5px solid #071427 !important; }

html[data-theme='beam2'] .normal-tile { background: #fffdf8 !important; border: 3px solid #071427 !important; box-shadow: 0 4px 0 rgba(7,20,39,.2) !important; }
html[data-theme='beam2'] .normal-tile .nt-lbl { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .normal-tile .nt-pts { color: #3c4f6b !important; font-weight: 800 !important; }
html[data-theme='beam2'] .score-row { border-color: #d8cdb6 !important; }
html[data-theme='beam2'] .step { background: #fffdf8 !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .step.p { background: #067a45 !important; color: #ffffff !important; border-color: #071427 !important; }
html[data-theme='beam2'] .step.m { background: #9f1239 !important; color: #ffffff !important; border-color: #071427 !important; }

/* --- مودال الكارت --- */
html[data-theme='beam2'] .card-modal .sheet { background: #fffdf8 !important; border: 4px solid #071427 !important; color: #071427 !important; box-shadow: 0 10px 0 rgba(7,20,39,.3) !important; }
html[data-theme='beam2'] .card-modal .sheet h3,
html[data-theme='beam2'] .card-modal .sheet b { color: #071427 !important; }
html[data-theme='beam2'] .card-modal .qbox { background: #f8f3e7 !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .card-modal .qtext { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .card-modal .qplaceholder { color: #5d6f88 !important; font-weight: 800 !important; }
html[data-theme='beam2'] .card-modal .opt { background: #fffdf8 !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .card-modal .opt:hover { background: #f2f7ff !important; border-color: #123a6b !important; }
html[data-theme='beam2'] .card-modal .opt.correct { background: #067a45 !important; border-color: #071427 !important; color: #ffffff !important; }
html[data-theme='beam2'] .card-modal .opt.wrong { background: #9f1239 !important; border-color: #071427 !important; color: #ffffff !important; }
html[data-theme='beam2'] .card-modal .opt .idx { background: #071427 !important; color: #ffffff !important; font-weight: 900 !important; }
html[data-theme='beam2'] .card-modal .qanswer { background: #f6b93b !important; color: #071427 !important; border: 3px solid #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .card-hud { background: #071427 !important; }
html[data-theme='beam2'] .card-hud * { color: #ffffff !important; }
html[data-theme='beam2'] .pdf-panel { background: #f8f3e7 !important; border: 3px solid #071427 !important; }
html[data-theme='beam2'] .pdf-head { background: #fffdf8 !important; border-color: #071427 !important; }
html[data-theme='beam2'] .pdf-head input { background: #ffffff !important; border: 2.5px solid #071427 !important; color: #071427 !important; }
html[data-theme='beam2'] .pdf-body { background: #ffffff !important; }

html[data-theme='beam2'] .picker-item { background: #fffdf8 !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 800 !important; }
html[data-theme='beam2'] .picker-item:hover { background: #f5efe1 !important; border-color: #123a6b !important; }
html[data-theme='beam2'] .picker-item.on { background: #f6b93b !important; border-color: #071427 !important; box-shadow: 0 0 0 4px rgba(7,20,39,.18) !important; }
html[data-theme='beam2'] .picker-item b { color: #071427 !important; }

html[data-theme='beam2'] .prize-row { background: #fffdf8 !important; border: 3px solid #071427 !important; border-radius: 14px !important; }
html[data-theme='beam2'] .prize-row span { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .tier-hint { background: #f8f3e7 !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .tier-hint.ok { background: #d9f7e6 !important; color: #056b3c !important; border-color: #056b3c !important; }
html[data-theme='beam2'] .tier-hint.warn { background: #fff0c2 !important; color: #7a4d07 !important; border-color: #7a4d07 !important; }
html[data-theme='beam2'] .link-note { background: #f8f3e7 !important; border: 2.5px solid #071427 !important; color: #3c4f6b !important; font-weight: 800 !important; }
html[data-theme='beam2'] .link-note.on { background: #d9f7e6 !important; border-color: #056b3c !important; color: #056b3c !important; }
html[data-theme='beam2'] .link-row { background: #fffdf8 !important; border: 3px solid #071427 !important; border-radius: 12px !important; }
html[data-theme='beam2'] .link-row:hover { background: #f5efe1 !important; border-color: #123a6b !important; }
html[data-theme='beam2'] .link-head { color: #3c4f6b !important; font-weight: 900 !important; }
html[data-theme='beam2'] .link-table { border-color: #071427 !important; }
html[data-theme='beam2'] .ses-item { background: #fffdf8 !important; border: 3px solid #071427 !important; border-radius: 14px !important; }
html[data-theme='beam2'] .ses-item:hover { background: #f5efe1 !important; border-color: #123a6b !important; }
html[data-theme='beam2'] .ses-item b { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .ses-item small { color: #3c4f6b !important; font-weight: 800 !important; }
html[data-theme='beam2'] .select-sm { background: #ffffff !important; border: 2.5px solid #071427 !important; color: #071427 !important; font-weight: 800 !important; }

/* --- الأزرار العائمة والتنبيهات --- */
html[data-theme='beam2'] .theme-fab { background: #071427 !important; border: 3px solid #f6b93b !important; color: #ffffff !important; box-shadow: 0 6px 0 rgba(7,20,39,.35) !important; font-size: 22px !important; }
html[data-theme='beam2'] .theme-fab:hover { background: #123a6b !important; }
html[data-theme='beam2'] .aq-zoom-fab { background: #123a6b !important; border: 3px solid #ffffff !important; box-shadow: 0 6px 0 rgba(7,20,39,.35) !important; }
html[data-theme='beam2'] .theme-btn { background: #fffdf8 !important; border: 3px solid #071427 !important; color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .toast { background: #071427 !important; color: #ffffff !important; border: 3px solid #f6b93b !important; font-weight: 900 !important; box-shadow: 0 6px 0 rgba(7,20,39,.3) !important; }
html[data-theme='beam2'] .toast.ok { background: #067a45 !important; }
html[data-theme='beam2'] .toast.bad { background: #9f1239 !important; }
html[data-theme='beam2'] .toast.gold { background: #f6b93b !important; color: #071427 !important; border-color: #071427 !important; }

/* --- شاشة العرض الكبرى --- */
html[data-theme='beam2'] .display-shell { background: #fdfaf3 !important; color: #071427 !important; }
html[data-theme='beam2'] .display-shell .q-text { color: #071427 !important; font-weight: 900 !important; }
html[data-theme='beam2'] .display-code { color: #071427 !important; font-weight: 900 !important; background: #f6b93b !important; border: 3px solid #071427 !important; }
html[data-theme='beam2'] .display-shell .option { background: #fffdf8 !important; border-color: #071427 !important; color: #071427 !important; }
html[data-theme='beam2'] body.cls-focus,
html[data-theme='beam2'] body.gr-focus { background: #fdfaf3 !important; }

/* ============================================================
   🌈 الثيم السادس — «أورورا» (Aurora)
   بنفسجي ليلي عميق + شفق قطبي (فيروزي/وردي) · زجاج ضبابي
   فخم ومناسب للعرض الليلي · يُفعَّل بـ <html data-theme="aurora">
   ============================================================ */
html[data-theme='aurora'] {
  --brand: #a855f7;
  --brand-2: #7c3aed;
  --red: #f43f5e;
  --red-2: #be123c;
  --gold: #22d3ee;
  --gold-2: #06b6d4;
  --amber: #fbbf24;

  --ink: #f4f0ff;
  --ink-2: #d8d1f5;
  --muted: #a89ec9;
  --faint: #7d74a0;

  --bg: #0a0618;
  --bg-2: #120a26;
  --surface: #150e2b;
  --surface-2: #1c1438;

  --line: #2e2352;
  --line-2: #3d2f68;

  --ok: #34d399;
  --ok-bg: #052e26;
  --bad: #fb7185;
  --bad-bg: #350f1d;
  --info: #67e8f9;

  --grad-brand: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);
  --grad-gold: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);
  --grad-deep: linear-gradient(160deg, #0a0618 0%, #1c1438 100%);
  --grad-surface: linear-gradient(180deg, #150e2b 0%, #120a26 100%);

  --sh-1: 0 8px 24px rgba(2, 0, 10, .55);
  --sh-2: 0 14px 40px rgba(2, 0, 10, .6);
  --sh-3: 0 24px 70px rgba(2, 0, 10, .7);
  --sh-glow: 0 0 0 1px rgba(168, 85, 247, .35), 0 0 28px rgba(168, 85, 247, .35);

  color-scheme: dark;
}

/* --- الأساس + شفق قطبي متحرك --- */
html[data-theme='aurora'] body {
  background: #0a0618 !important;
  color: var(--ink) !important;
}
html[data-theme='aurora'] body::before {
  background:
    radial-gradient(1000px 560px at 12% -10%, rgba(168, 85, 247, .30), transparent 62%),
    radial-gradient(900px 520px at 92% 4%, rgba(34, 211, 238, .22), transparent 60%),
    radial-gradient(880px 620px at 50% 108%, rgba(244, 63, 94, .16), transparent 66%) !important;
  animation: aqAuroraDrift 22s ease-in-out infinite alternate;
  opacity: 1 !important;
}
html[data-theme='aurora'] body::after {
  background:
    radial-gradient(700px 380px at 22% 70%, rgba(99, 102, 241, .18), transparent 62%),
    radial-gradient(600px 340px at 82% 46%, rgba(34, 211, 238, .12), transparent 60%) !important;
  animation: aqAuroraDrift 17s ease-in-out infinite alternate-reverse;
}
@keyframes aqAuroraDrift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(-3%, 2.5%, 0) scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme='aurora'] body::before,
  html[data-theme='aurora'] body::after { animation: none !important; }
}

html[data-theme='aurora'] ::-webkit-scrollbar { width: 12px; height: 12px; }
html[data-theme='aurora'] ::-webkit-scrollbar-track { background: #0f0920; }
html[data-theme='aurora'] ::-webkit-scrollbar-thumb { background: linear-gradient(#a855f7, #22d3ee); border-radius: 25px; border: 3px solid #0f0920; }

/* --- الشريط الجانبي --- */
html[data-theme='aurora'] .sidebar {
  background: linear-gradient(180deg, rgba(21, 14, 43, .96) 0%, rgba(10, 6, 24, .98) 100%) !important;
  border-inline-start: 1px solid rgba(168, 85, 247, .28) !important;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.04), -10px 0 40px rgba(0,0,0,.5) !important;
  backdrop-filter: blur(14px) !important;
}
html[data-theme='aurora'] .sidebar .nav-item {
  color: #cfc6ef !important; font-weight: 700 !important; border-radius: 12px !important;
  transition: background .16s, color .16s, box-shadow .16s;
}
html[data-theme='aurora'] .sidebar .nav-item:hover { background: rgba(168, 85, 247, .14) !important; color: #fff !important; }
html[data-theme='aurora'] .sidebar .nav-item.active {
  background: linear-gradient(135deg, rgba(168,85,247,.30), rgba(34,211,238,.16)) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(168,85,247,.5), 0 0 22px rgba(168,85,247,.3) !important;
}
html[data-theme='aurora'] .sidebar .nav-item.active * { color: #fff !important; }
html[data-theme='aurora'] .sidebar .nav-group-label,
html[data-theme='aurora'] .nav-group-label { color: #8b7fb5 !important; letter-spacing: .8px !important; text-transform: uppercase; }
html[data-theme='aurora'] .sidebar .brand h1,
html[data-theme='aurora'] .sidebar .brand b {
  color: #fff !important;
  background: linear-gradient(92deg, #c4b5fd, #67e8f9 70%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html[data-theme='aurora'] .sidebar .brand p,
html[data-theme='aurora'] .sidebar .brand small { color: #9d92c4 !important; }
html[data-theme='aurora'] .teacher-chip { background: rgba(168, 85, 247, .14) !important; border: 1px solid rgba(168,85,247,.35) !important; }
html[data-theme='aurora'] .teacher-chip b { color: #fff !important; }
html[data-theme='aurora'] .teacher-chip small { color: #b4a9d8 !important; }

/* --- الشريط العلوي --- */
html[data-theme='aurora'] .topbar {
  background: rgba(17, 10, 34, .78) !important;
  border-bottom: 1px solid rgba(168, 85, 247, .22) !important;
  box-shadow: 0 12px 40px rgba(2, 0, 10, .45) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
}
html[data-theme='aurora'] .topbar .page-title { color: #fff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .topbar .page-sub { color: #a89ec9 !important; }

/* --- البطاقات --- */
html[data-theme='aurora'] .card {
  background: linear-gradient(180deg, rgba(28, 20, 56, .85) 0%, rgba(18, 10, 38, .92) 100%) !important;
  border: 1px solid rgba(168, 85, 247, .22) !important;
  box-shadow: 0 18px 46px rgba(2, 0, 10, .55), inset 0 1px 0 rgba(255,255,255,.05) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(10px);
}
html[data-theme='aurora'] .card:hover { border-color: rgba(168, 85, 247, .5) !important; box-shadow: 0 22px 58px rgba(2,0,10,.6), 0 0 26px rgba(168,85,247,.22) !important; }
html[data-theme='aurora'] .card-hero {
  background: linear-gradient(135deg, #3b1d6e 0%, #1e1a5e 46%, #0c2c3e 100%) !important;
  border-color: rgba(168, 85, 247, .45) !important;
}
html[data-theme='aurora'] .card-head h3 { color: #fff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .card-head .sub { color: #a89ec9 !important; }

/* --- الأزرار --- */
html[data-theme='aurora'] .btn {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(168, 85, 247, .3) !important;
  color: #ece7ff !important; font-weight: 700 !important; border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(2, 0, 10, .4) !important;
  transition: transform .14s, box-shadow .14s, background .14s, border-color .14s;
}
html[data-theme='aurora'] .btn:hover { background: rgba(168, 85, 247, .16) !important; border-color: rgba(168,85,247,.6) !important; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(2,0,10,.5), 0 0 18px rgba(168,85,247,.22) !important; }
html[data-theme='aurora'] .btn-primary {
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%) !important;
  color: #fff !important; border-color: transparent !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, .45) !important;
}
html[data-theme='aurora'] .btn-primary:hover { background: linear-gradient(135deg, #b975ff 0%, #7c7cf7 100%) !important; box-shadow: 0 12px 34px rgba(124, 58, 237, .6) !important; }
html[data-theme='aurora'] .btn-gold {
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
  color: #04222a !important; border-color: transparent !important;
  box-shadow: 0 10px 28px rgba(34, 211, 238, .35) !important;
}
html[data-theme='aurora'] .btn-ok { background: linear-gradient(135deg, #34d399, #059669) !important; color: #04231a !important; border-color: transparent !important; }
html[data-theme='aurora'] .btn-danger { background: rgba(244, 63, 94, .16) !important; color: #fda4af !important; border-color: rgba(244,63,94,.45) !important; }
html[data-theme='aurora'] .btn-danger:hover { background: rgba(244, 63, 94, .28) !important; }
html[data-theme='aurora'] .btn-dark { background: linear-gradient(135deg, #f4f0ff, #cfc6ef) !important; color: #120a26 !important; border-color: transparent !important; }
html[data-theme='aurora'] .btn-ghost { background: rgba(255,255,255,.04) !important; color: #cfc6ef !important; border-color: rgba(168,85,247,.24) !important; }

/* --- المدخلات --- */
html[data-theme='aurora'] .input,
html[data-theme='aurora'] .select,
html[data-theme='aurora'] .textarea {
  background: rgba(10, 6, 24, .72) !important;
  border: 1px solid rgba(168, 85, 247, .28) !important;
  color: #f4f0ff !important; font-weight: 600 !important; border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html[data-theme='aurora'] .input:focus,
html[data-theme='aurora'] .select:focus,
html[data-theme='aurora'] .textarea:focus {
  border-color: rgba(168, 85, 247, .8) !important;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, .22), 0 0 20px rgba(168,85,247,.25) !important; outline: none !important;
}
html[data-theme='aurora'] .input::placeholder,
html[data-theme='aurora'] .textarea::placeholder { color: #6f679a !important; }
html[data-theme='aurora'] label { color: #cfc6ef !important; font-weight: 700 !important; }
html[data-theme='aurora'] .hint { color: #a89ec9 !important; }

/* --- الشرائح والوسوم --- */
html[data-theme='aurora'] .seg { background: rgba(10, 6, 24, .7) !important; border: 1px solid rgba(168,85,247,.24) !important; border-radius: 12px !important; }
html[data-theme='aurora'] .seg button { color: #a89ec9 !important; font-weight: 700 !important; border-radius: 9px !important; }
html[data-theme='aurora'] .seg button.active { background: linear-gradient(135deg, rgba(168,85,247,.85), rgba(99,102,241,.85)) !important; color: #fff !important; box-shadow: 0 6px 20px rgba(124,58,237,.4) !important; }

html[data-theme='aurora'] .pill { background: rgba(168, 85, 247, .12) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #d8d1f5 !important; font-weight: 700 !important; }
html[data-theme='aurora'] .pill-gray { background: rgba(255,255,255,.05) !important; color: #b4a9d8 !important; border-color: rgba(255,255,255,.1) !important; }
html[data-theme='aurora'] .pill-ok { background: rgba(52,211,153,.14) !important; color: #6ee7b7 !important; border-color: rgba(52,211,153,.4) !important; }
html[data-theme='aurora'] .pill-red { background: rgba(244,63,94,.14) !important; color: #fda4af !important; border-color: rgba(244,63,94,.4) !important; }
html[data-theme='aurora'] .pill-gold { background: rgba(34,211,238,.14) !important; color: #67e8f9 !important; border-color: rgba(34,211,238,.4) !important; }
html[data-theme='aurora'] .pill-blue { background: rgba(99,102,241,.16) !important; color: #a5b4fc !important; border-color: rgba(99,102,241,.42) !important; }

/* --- القوائم والجداول --- */
html[data-theme='aurora'] .list-item {
  background: rgba(28, 20, 56, .62) !important;
  border: 1px solid rgba(168, 85, 247, .18) !important;
  color: #ece7ff !important; border-radius: 14px !important;
}
html[data-theme='aurora'] .list-item:hover { background: rgba(168, 85, 247, .13) !important; border-color: rgba(168,85,247,.45) !important; }
html[data-theme='aurora'] .table th { background: rgba(168,85,247,.14) !important; color: #d8d1f5 !important; font-weight: 800 !important; border-color: rgba(168,85,247,.24) !important; }
html[data-theme='aurora'] .table td { background: transparent !important; color: #ece7ff !important; border-color: rgba(168,85,247,.14) !important; }
html[data-theme='aurora'] .table tbody tr:hover td { background: rgba(168, 85, 247, .1) !important; }
html[data-theme='aurora'] .divider { background: rgba(168, 85, 247, .24) !important; }

/* --- المودالات --- */
html[data-theme='aurora'] .modal {
  background: linear-gradient(180deg, #191033 0%, #100a24 100%) !important;
  border: 1px solid rgba(168, 85, 247, .38) !important;
  color: #ece7ff !important;
  box-shadow: 0 30px 90px rgba(2, 0, 10, .8), 0 0 40px rgba(168,85,247,.22) !important;
  border-radius: 22px !important;
}
html[data-theme='aurora'] .modal-head { border-bottom: 1px solid rgba(168, 85, 247, .22) !important; }
html[data-theme='aurora'] .modal-head h3 { color: #fff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .modal-foot { border-top: 1px solid rgba(168, 85, 247, .22) !important; background: rgba(10, 6, 24, .6) !important; }
html[data-theme='aurora'] .overlay { background: rgba(4, 2, 12, .82) !important; backdrop-filter: blur(6px) !important; }
html[data-theme='aurora'] .code-box { background: rgba(4, 2, 12, .85) !important; border-color: rgba(168,85,247,.35) !important; }
html[data-theme='aurora'] .code-val { color: #67e8f9 !important; font-weight: 900 !important; letter-spacing: 3px !important; }
html[data-theme='aurora'] .empty b { color: #cfc6ef !important; }

/* --- مسرح السؤال --- */
html[data-theme='aurora'] .q-stage {
  background: linear-gradient(180deg, rgba(28, 20, 56, .9) 0%, rgba(14, 9, 32, .95) 100%) !important;
  border: 1px solid rgba(168, 85, 247, .34) !important;
  box-shadow: 0 26px 70px rgba(2, 0, 10, .7), inset 0 1px 0 rgba(255,255,255,.06) !important;
  border-radius: 24px !important;
}
html[data-theme='aurora'] .q-stage .q-text,
html[data-theme='aurora'] .q-text { color: #ffffff !important; font-weight: 800 !important; line-height: 1.65 !important; }
html[data-theme='aurora'] .q-timer { background: linear-gradient(135deg, #a855f7, #6366f1) !important; color: #fff !important; font-weight: 900 !important; border: none !important; box-shadow: 0 10px 26px rgba(124,58,237,.5) !important; }
html[data-theme='aurora'] .option {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(168, 85, 247, .26) !important;
  color: #f4f0ff !important; font-weight: 700 !important; border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(2, 0, 10, .35) !important;
  transition: transform .14s, border-color .14s, background .14s, box-shadow .14s;
}
html[data-theme='aurora'] .option:hover:not(.locked) { border-color: rgba(34, 211, 238, .7) !important; background: rgba(34, 211, 238, .1) !important; transform: translateY(-2px); box-shadow: 0 14px 34px rgba(2,0,10,.45), 0 0 22px rgba(34,211,238,.22) !important; }
html[data-theme='aurora'] .option.correct { background: linear-gradient(135deg, rgba(52,211,153,.28), rgba(5,150,105,.24)) !important; border-color: #34d399 !important; color: #d1fae5 !important; box-shadow: 0 0 26px rgba(52,211,153,.3) !important; }
html[data-theme='aurora'] .option.wrong { background: linear-gradient(135deg, rgba(244,63,94,.26), rgba(190,18,60,.22)) !important; border-color: #fb7185 !important; color: #ffe4e8 !important; box-shadow: 0 0 26px rgba(244,63,94,.28) !important; }
html[data-theme='aurora'] .option.chosen { border-color: #fbbf24 !important; background: rgba(251,191,36,.14) !important; box-shadow: 0 0 0 4px rgba(251,191,36,.22), 0 10px 28px rgba(2,0,10,.4) !important; }
html[data-theme='aurora'] .buzz-big { background: linear-gradient(135deg, #a855f7, #22d3ee) !important; color: #08040f !important; border: none !important; font-weight: 900 !important; }
html[data-theme='aurora'] .lb-row { background: rgba(28, 20, 56, .68) !important; border: 1px solid rgba(168,85,247,.2) !important; color: #ece7ff !important; border-radius: 14px !important; }
html[data-theme='aurora'] .lb-row.me { background: linear-gradient(135deg, rgba(168,85,247,.26), rgba(34,211,238,.14)) !important; border-color: rgba(168,85,247,.65) !important; }
html[data-theme='aurora'] .rank-num { background: linear-gradient(135deg, #a855f7, #6366f1) !important; color: #fff !important; font-weight: 900 !important; }

/* --- تسجيل الدخول --- */
html[data-theme='aurora'] .auth-card { background: linear-gradient(180deg, rgba(25,16,51,.96), rgba(14,9,32,.98)) !important; border: 1px solid rgba(168,85,247,.35) !important; box-shadow: 0 30px 80px rgba(2,0,10,.7), 0 0 46px rgba(168,85,247,.2) !important; }
html[data-theme='aurora'] .auth-tabs { background: rgba(10, 6, 24, .8) !important; border: 1px solid rgba(168,85,247,.24) !important; }
html[data-theme='aurora'] .auth-tabs button { color: #a89ec9 !important; font-weight: 700 !important; }
html[data-theme='aurora'] .auth-tabs button.active { background: linear-gradient(135deg, rgba(168,85,247,.85), rgba(99,102,241,.85)) !important; color: #fff !important; }

/* --- المسابقة العادية --- */
html[data-theme='aurora'] body.cls-body { background: #0a0618 !important; color: #f4f0ff !important; }
html[data-theme='aurora'] .cls-body {
  --royal: #150e2b;
  --royal-2: #22d3ee;
  --brandx: #a855f7;
  --brandx-2: #7c3aed;
  --goldx: #22d3ee;
  --goldx-2: #06b6d4;
  --goldx-3: #0e7490;
  --inkx: #f4f0ff;
  --mutedx: #a89ec9;
  --linex: rgba(168, 85, 247, .28);
  --ribbon: linear-gradient(120deg, #a855f7, #22d3ee 55%, #f43f5e);
  --shx: 0 18px 48px rgba(2, 0, 10, .6);
}
html[data-theme='aurora'] .bg-photo { opacity: .12 !important; filter: grayscale(.4) contrast(1.1) brightness(.7) hue-rotate(240deg) !important; }
html[data-theme='aurora'] .bg-veil { background: radial-gradient(circle at 30% 20%, rgba(168,85,247,.16), transparent 60%), #0a0618 !important; opacity: 1 !important; }
html[data-theme='aurora'] .bg-grid { opacity: .3 !important; }
html[data-theme='aurora'] .bg-grid line,
html[data-theme='aurora'] .bg-grid path { stroke: rgba(168,85,247,.3) !important; }
html[data-theme='aurora'] .cls-top { background: rgba(17, 10, 34, .8) !important; border-bottom: 1px solid rgba(168,85,247,.24) !important; box-shadow: 0 14px 40px rgba(2,0,10,.5) !important; backdrop-filter: blur(16px) !important; }
html[data-theme='aurora'] .cls-brand h1 { color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .cls-brand p { color: #a89ec9 !important; }
html[data-theme='aurora'] .cls-avatar { border: 2px solid rgba(168,85,247,.5) !important; box-shadow: 0 0 22px rgba(168,85,247,.35) !important; }
html[data-theme='aurora'] .cls-sign { color: #7d74a0 !important; }

html[data-theme='aurora'] .cbtn { border-radius: 12px !important; font-weight: 800 !important; border: 1px solid rgba(168,85,247,.3) !important; box-shadow: 0 8px 22px rgba(2,0,10,.45) !important; transition: transform .14s, box-shadow .14s, background .14s; }
html[data-theme='aurora'] .cbtn:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(2,0,10,.55) !important; }
html[data-theme='aurora'] .cbtn-ghost { background: rgba(255,255,255,.05) !important; color: #ece7ff !important; }
html[data-theme='aurora'] .cbtn-ghost:hover { background: rgba(168,85,247,.16) !important; border-color: rgba(168,85,247,.6) !important; }
html[data-theme='aurora'] .cbtn-royal { background: linear-gradient(135deg, #f4f0ff, #cfc6ef) !important; color: #120a26 !important; border-color: transparent !important; }
html[data-theme='aurora'] .cbtn-brand { background: linear-gradient(135deg, #a855f7, #6366f1) !important; color: #fff !important; border-color: transparent !important; }
html[data-theme='aurora'] .cbtn-gold { background: linear-gradient(135deg, #22d3ee, #06b6d4) !important; color: #04222a !important; border-color: transparent !important; }
html[data-theme='aurora'] .cbtn-green { background: linear-gradient(135deg, #34d399, #059669) !important; color: #04231a !important; border-color: transparent !important; }

html[data-theme='aurora'] .chipx { background: rgba(168,85,247,.12) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #d8d1f5 !important; font-weight: 800 !important; }
html[data-theme='aurora'] .chipx.gold { background: linear-gradient(135deg, rgba(34,211,238,.9), rgba(6,182,212,.9)) !important; color: #04222a !important; border-color: transparent !important; }
html[data-theme='aurora'] .chipx.brand { background: rgba(168,85,247,.22) !important; color: #e9d5ff !important; border-color: rgba(168,85,247,.55) !important; }
html[data-theme='aurora'] .chipx.ok { background: rgba(52,211,153,.16) !important; color: #6ee7b7 !important; border-color: rgba(52,211,153,.45) !important; }
html[data-theme='aurora'] .bank-pill { background: rgba(168,85,247,.12) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #d8d1f5 !important; font-weight: 800 !important; }

html[data-theme='aurora'] .stat-box { background: linear-gradient(180deg, rgba(28,20,56,.85), rgba(18,10,38,.9)) !important; border: 1px solid rgba(168,85,247,.24) !important; box-shadow: 0 14px 34px rgba(2,0,10,.5) !important; border-radius: 18px !important; }
html[data-theme='aurora'] .stat-box .lbl { color: #a89ec9 !important; font-weight: 800 !important; }
html[data-theme='aurora'] .stat-box .val { color: #fff !important; font-weight: 900 !important; }

html[data-theme='aurora'] .qtimer-bar { background: rgba(28,20,56,.72) !important; border: 1px solid rgba(168,85,247,.28) !important; box-shadow: 0 14px 34px rgba(2,0,10,.5) !important; }
html[data-theme='aurora'] .qlabel { color: #fff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .qtimer-ring circle.track { stroke: rgba(168,85,247,.2) !important; }
html[data-theme='aurora'] .qtimer-ring .prog { stroke: #22d3ee !important; filter: drop-shadow(0 0 8px rgba(34,211,238,.7)); }
html[data-theme='aurora'] .qtimer-ring .big { color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .qtimer-ring .qhint { color: #a89ec9 !important; }
html[data-theme='aurora'] .qtimer-sec { color: #a89ec9 !important; }
html[data-theme='aurora'] .qtimer-sec input,
html[data-theme='aurora'] .mini { background: rgba(10,6,24,.8) !important; border: 1px solid rgba(168,85,247,.32) !important; color: #f4f0ff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .mini:hover { background: rgba(168,85,247,.25) !important; }

html[data-theme='aurora'] .cls-card { background: linear-gradient(180deg, rgba(28,20,56,.85), rgba(16,10,36,.94)) !important; border: 1px solid rgba(168,85,247,.26) !important; box-shadow: 0 22px 58px rgba(2,0,10,.6) !important; border-radius: 22px !important; }
html[data-theme='aurora'] .cls-h h2 { color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .group { background: linear-gradient(180deg, rgba(28,20,56,.82), rgba(16,10,36,.92)) !important; border: 1px solid rgba(168,85,247,.24) !important; box-shadow: 0 18px 44px rgba(2,0,10,.55) !important; border-radius: 20px !important; }
html[data-theme='aurora'] .group.is-turn { border-color: rgba(34,211,238,.8) !important; box-shadow: 0 0 0 3px rgba(34,211,238,.22), 0 0 34px rgba(34,211,238,.3), 0 20px 50px rgba(2,0,10,.6) !important; }
html[data-theme='aurora'] .set-turn { background: rgba(168,85,247,.14) !important; border: 1px solid rgba(168,85,247,.4) !important; color: #e9d5ff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .set-turn:hover { background: rgba(34,211,238,.24) !important; color: #fff !important; }
html[data-theme='aurora'] .btn-del { background: rgba(244,63,94,.14) !important; color: #fda4af !important; border: 1px solid rgba(244,63,94,.4) !important; }

html[data-theme='aurora'] .normal-tile { background: rgba(28,20,56,.7) !important; border: 1px solid rgba(168,85,247,.24) !important; box-shadow: 0 12px 30px rgba(2,0,10,.5) !important; }
html[data-theme='aurora'] .normal-tile .nt-lbl { color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .normal-tile .nt-pts { color: #a89ec9 !important; }
html[data-theme='aurora'] .score-row { border-color: rgba(168,85,247,.18) !important; }
html[data-theme='aurora'] .step { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #ece7ff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .step.p { background: rgba(52,211,153,.9) !important; color: #04231a !important; border-color: transparent !important; }
html[data-theme='aurora'] .step.m { background: rgba(244,63,94,.9) !important; color: #fff !important; border-color: transparent !important; }

/* --- مودال الكارت --- */
html[data-theme='aurora'] .card-modal .sheet { background: linear-gradient(180deg, #191033, #100a24) !important; border: 1px solid rgba(168,85,247,.4) !important; color: #ece7ff !important; box-shadow: 0 30px 90px rgba(2,0,10,.85) !important; }
html[data-theme='aurora'] .card-modal .sheet h3,
html[data-theme='aurora'] .card-modal .sheet b { color: #fff !important; }
html[data-theme='aurora'] .card-modal .qbox { background: rgba(10,6,24,.72) !important; border: 1px solid rgba(168,85,247,.32) !important; color: #f4f0ff !important; font-weight: 700 !important; }
html[data-theme='aurora'] .card-modal .qtext { color: #fff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .card-modal .qplaceholder { color: #7d74a0 !important; }
html[data-theme='aurora'] .card-modal .opt { background: rgba(255,255,255,.045) !important; border: 1px solid rgba(168,85,247,.28) !important; color: #f4f0ff !important; font-weight: 700 !important; }
html[data-theme='aurora'] .card-modal .opt:hover { background: rgba(34,211,238,.12) !important; border-color: rgba(34,211,238,.7) !important; }
html[data-theme='aurora'] .card-modal .opt.correct { background: rgba(52,211,153,.85) !important; border-color: transparent !important; color: #04231a !important; }
html[data-theme='aurora'] .card-modal .opt.wrong { background: rgba(244,63,94,.85) !important; border-color: transparent !important; color: #fff !important; }
html[data-theme='aurora'] .card-modal .opt .idx { background: rgba(168,85,247,.9) !important; color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .card-modal .qanswer { background: linear-gradient(135deg, #22d3ee, #06b6d4) !important; color: #04222a !important; border: none !important; font-weight: 900 !important; }
html[data-theme='aurora'] .card-hud { background: rgba(10,6,24,.92) !important; }
html[data-theme='aurora'] .card-hud * { color: #fff !important; }
html[data-theme='aurora'] .pdf-panel { background: rgba(10,6,24,.7) !important; border: 1px solid rgba(168,85,247,.28) !important; }
html[data-theme='aurora'] .pdf-head { background: rgba(28,20,56,.8) !important; border-color: rgba(168,85,247,.24) !important; }
html[data-theme='aurora'] .pdf-head input { background: rgba(10,6,24,.8) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #f4f0ff !important; }
html[data-theme='aurora'] .pdf-body { background: #0c0720 !important; }

html[data-theme='aurora'] .picker-item { background: rgba(28,20,56,.6) !important; border: 1px solid rgba(168,85,247,.22) !important; color: #d8d1f5 !important; }
html[data-theme='aurora'] .picker-item:hover { background: rgba(168,85,247,.15) !important; border-color: rgba(168,85,247,.55) !important; }
html[data-theme='aurora'] .picker-item.on { background: linear-gradient(135deg, rgba(34,211,238,.85), rgba(6,182,212,.85)) !important; border-color: transparent !important; box-shadow: 0 0 24px rgba(34,211,238,.35) !important; }
html[data-theme='aurora'] .picker-item.on b, html[data-theme='aurora'] .picker-item.on * { color: #04222a !important; }

html[data-theme='aurora'] .prize-row { background: rgba(28,20,56,.65) !important; border: 1px solid rgba(168,85,247,.22) !important; border-radius: 14px !important; }
html[data-theme='aurora'] .prize-row span { color: #ece7ff !important; font-weight: 800 !important; }
html[data-theme='aurora'] .tier-hint { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(168,85,247,.24) !important; color: #cfc6ef !important; font-weight: 700 !important; }
html[data-theme='aurora'] .tier-hint.ok { background: rgba(52,211,153,.14) !important; color: #6ee7b7 !important; border-color: rgba(52,211,153,.45) !important; }
html[data-theme='aurora'] .tier-hint.warn { background: rgba(251,191,36,.14) !important; color: #fcd34d !important; border-color: rgba(251,191,36,.45) !important; }
html[data-theme='aurora'] .link-note { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(168,85,247,.22) !important; color: #a89ec9 !important; }
html[data-theme='aurora'] .link-note.on { background: rgba(52,211,153,.14) !important; border-color: rgba(52,211,153,.5) !important; color: #6ee7b7 !important; }
html[data-theme='aurora'] .link-row { background: rgba(28,20,56,.6) !important; border: 1px solid rgba(168,85,247,.22) !important; border-radius: 12px !important; }
html[data-theme='aurora'] .link-row:hover { background: rgba(168,85,247,.14) !important; border-color: rgba(168,85,247,.55) !important; }
html[data-theme='aurora'] .link-head { color: #a89ec9 !important; }
html[data-theme='aurora'] .link-table { border-color: rgba(168,85,247,.28) !important; }
html[data-theme='aurora'] .ses-item { background: rgba(28,20,56,.65) !important; border: 1px solid rgba(168,85,247,.24) !important; border-radius: 14px !important; }
html[data-theme='aurora'] .ses-item:hover { background: rgba(168,85,247,.14) !important; border-color: rgba(168,85,247,.55) !important; }
html[data-theme='aurora'] .ses-item b { color: #fff !important; }
html[data-theme='aurora'] .ses-item small { color: #a89ec9 !important; }
html[data-theme='aurora'] .select-sm { background: rgba(10,6,24,.8) !important; border: 1px solid rgba(168,85,247,.3) !important; color: #f4f0ff !important; }

/* --- الأزرار العائمة والتنبيهات --- */
html[data-theme='aurora'] .theme-fab {
  background: linear-gradient(135deg, #a855f7, #22d3ee) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #0a0618 !important;
  box-shadow: 0 14px 34px rgba(124,58,237,.55), 0 0 26px rgba(34,211,238,.35) !important;
  font-size: 22px !important;
}
html[data-theme='aurora'] .theme-fab:hover { filter: brightness(1.12); }
html[data-theme='aurora'] .aq-zoom-fab { background: linear-gradient(135deg, #a855f7, #6366f1) !important; border: 1px solid rgba(255,255,255,.25) !important; box-shadow: 0 14px 34px rgba(124,58,237,.5) !important; }
html[data-theme='aurora'] .theme-btn { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(168,85,247,.34) !important; color: #ece7ff !important; font-weight: 700 !important; }
html[data-theme='aurora'] .toast {
  background: linear-gradient(180deg, #1c1438, #120a26) !important;
  color: #fff !important; border: 1px solid rgba(168,85,247,.5) !important;
  box-shadow: 0 20px 50px rgba(2,0,10,.7), 0 0 26px rgba(168,85,247,.25) !important;
}
html[data-theme='aurora'] .toast.ok { border-color: rgba(52,211,153,.6) !important; }
html[data-theme='aurora'] .toast.bad { border-color: rgba(244,63,94,.6) !important; }
html[data-theme='aurora'] .toast.gold { border-color: rgba(34,211,238,.6) !important; }

/* --- شاشة العرض الكبرى --- */
html[data-theme='aurora'] .display-shell { background: #0a0618 !important; color: #f4f0ff !important; }
html[data-theme='aurora'] .display-shell .q-text { color: #fff !important; font-weight: 900 !important; }
html[data-theme='aurora'] .display-code { color: #04222a !important; font-weight: 900 !important; background: linear-gradient(135deg, #22d3ee, #06b6d4) !important; border: none !important; }
html[data-theme='aurora'] .display-shell .option { background: rgba(255,255,255,.05) !important; border-color: rgba(168,85,247,.3) !important; color: #f4f0ff !important; }
html[data-theme='aurora'] body.cls-focus,
html[data-theme='aurora'] body.gr-focus { background: #0a0618 !important; }

/* ============================================================
   👑 ثيم «النخبة» — احترافي بخط IBM Plex Sans Arabic
   أزرق ليلي عميق + ذهبي راقٍ + تدرجات زجاجية هادئة
   يُفعَّل بـ <html data-theme="elite">
   ============================================================ */
html[data-theme='elite'] {
  --brand: #d4a537;
  --brand-2: #b8860b;
  --red: #e4585d;
  --red-2: #b02a30;
  --gold: #e5b94e;
  --gold-2: #c99b2e;
  --amber: #f3c969;

  --ink: #eef3fa;
  --ink-2: #cfdaea;
  --muted: #93a5bd;
  --faint: #6b7f99;

  --bg: #07101c;
  --bg-2: #0c1727;
  --surface: #0f1c2e;
  --surface-2: #142437;

  --line: #1e3348;
  --line-2: #2a4560;

  --ok: #2fbf8f;
  --ok-bg: #062b23;
  --bad: #e4585d;
  --bad-bg: #2e0f14;
  --info: #58b6e8;

  --grad-brand: linear-gradient(135deg, #d4a537 0%, #b8860b 100%);
  --grad-gold: linear-gradient(135deg, #e5b94e 0%, #c99b2e 100%);
  --grad-deep: linear-gradient(160deg, #07101c 0%, #142437 100%);
  --grad-surface: linear-gradient(180deg, #0f1c2e 0%, #0c1727 100%);

  --sh-1: 0 6px 20px rgba(2, 8, 18, .5);
  --sh-2: 0 12px 34px rgba(2, 8, 18, .58);
  --sh-3: 0 22px 60px rgba(2, 8, 18, .68);
  --sh-glow: 0 0 0 1px rgba(212, 165, 55, .3), 0 0 24px rgba(212, 165, 55, .26);

  color-scheme: dark;
}

/* --- الخط الاحترافي على كل العناصر --- */
html[data-theme='elite'],
html[data-theme='elite'] body,
html[data-theme='elite'] button,
html[data-theme='elite'] input,
html[data-theme='elite'] select,
html[data-theme='elite'] textarea,
html[data-theme='elite'] h1,
html[data-theme='elite'] h2,
html[data-theme='elite'] h3,
html[data-theme='elite'] h4 {
  font-family: 'IBM Plex Sans Arabic', 'Cairo', 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[data-theme='elite'] body { letter-spacing: -0.005em; }
html[data-theme='elite'] .mono,
html[data-theme='elite'] .display-code,
html[data-theme='elite'] .code-val,
html[data-theme='elite'] .ltr { font-family: 'IBM Plex Sans Arabic', ui-monospace, monospace !important; }

/* --- الأساس --- */
html[data-theme='elite'] body {
  background: #07101c !important;
  color: var(--ink) !important;
}
html[data-theme='elite'] body::before {
  background:
    radial-gradient(1040px 580px at 8% -12%, rgba(212, 165, 55, .14), transparent 62%),
    radial-gradient(960px 540px at 94% 2%, rgba(88, 182, 232, .10), transparent 60%),
    radial-gradient(900px 640px at 50% 112%, rgba(212, 165, 55, .07), transparent 68%) !important;
  opacity: 1 !important;
}
html[data-theme='elite'] body::after {
  background:
    radial-gradient(720px 400px at 24% 68%, rgba(88, 182, 232, .07), transparent 64%) !important;
  opacity: 1 !important;
}

html[data-theme='elite'] ::-webkit-scrollbar { width: 11px; height: 11px; }
html[data-theme='elite'] ::-webkit-scrollbar-track { background: #0a1524; }
html[data-theme='elite'] ::-webkit-scrollbar-thumb {
  background: linear-gradient(#d4a537, #8a6410);
  border-radius: 25px; border: 3px solid #0a1524;
}

/* --- الشريط الجانبي --- */
html[data-theme='elite'] .sidebar {
  background: linear-gradient(180deg, rgba(15, 28, 46, .97) 0%, rgba(7, 16, 28, .99) 100%) !important;
  border-inline-start: 1px solid rgba(212, 165, 55, .2) !important;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.03), -8px 0 34px rgba(0,0,0,.5) !important;
}
html[data-theme='elite'] .sidebar .nav-item {
  color: #b9c8db !important; font-weight: 600 !important; border-radius: 11px !important;
  transition: background .16s, color .16s, box-shadow .16s;
}
html[data-theme='elite'] .sidebar .nav-item:hover { background: rgba(212, 165, 55, .1) !important; color: #fff !important; }
html[data-theme='elite'] .sidebar .nav-item.active {
  background: linear-gradient(135deg, rgba(212,165,55,.24), rgba(184,134,11,.12)) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(212,165,55,.42), 0 0 18px rgba(212,165,55,.2) !important;
}
html[data-theme='elite'] .sidebar .nav-item.active * { color: #fff !important; }
html[data-theme='elite'] .nav-group-label { color: #6b7f99 !important; letter-spacing: .7px; }
html[data-theme='elite'] .sidebar .brand h1,
html[data-theme='elite'] .sidebar .brand b {
  color: #fff !important;
  background: linear-gradient(92deg, #f5d98a, #d4a537 72%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html[data-theme='elite'] .sidebar .brand p { color: #93a5bd !important; }
html[data-theme='elite'] .teacher-chip { background: rgba(212,165,55,.1) !important; border: 1px solid rgba(212,165,55,.28) !important; }
html[data-theme='elite'] .teacher-chip b { color: #fff !important; }
html[data-theme='elite'] .teacher-chip small { color: #a8b8cc !important; }

/* --- الشريط العلوي --- */
html[data-theme='elite'] .topbar {
  background: rgba(10, 21, 36, .82) !important;
  border-bottom: 1px solid rgba(212, 165, 55, .16) !important;
  box-shadow: 0 10px 34px rgba(2, 8, 18, .42) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
}
html[data-theme='elite'] .topbar .page-title { color: #fff !important; font-weight: 700 !important; }
html[data-theme='elite'] .topbar .page-sub { color: #93a5bd !important; }

/* --- البطاقات --- */
html[data-theme='elite'] .card {
  background: linear-gradient(180deg, rgba(20, 36, 55, .82) 0%, rgba(12, 23, 39, .92) 100%) !important;
  border: 1px solid rgba(212, 165, 55, .16) !important;
  box-shadow: 0 14px 38px rgba(2, 8, 18, .5), inset 0 1px 0 rgba(255,255,255,.04) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
}
html[data-theme='elite'] .card:hover { border-color: rgba(212, 165, 55, .38) !important; }
html[data-theme='elite'] .card-head h3 { color: #fff !important; font-weight: 700 !important; }
html[data-theme='elite'] .card-head .sub { color: #93a5bd !important; }

/* --- الأزرار --- */
html[data-theme='elite'] .btn {
  border-radius: 11px !important; font-weight: 700 !important;
  border: 1px solid rgba(212, 165, 55, .22) !important;
  background: rgba(20, 36, 55, .9) !important; color: #eef3fa !important;
  transition: background .16s, border-color .16s, transform .1s;
}
html[data-theme='elite'] .btn:hover { background: rgba(30, 51, 72, .95) !important; border-color: rgba(212,165,55,.45) !important; }
html[data-theme='elite'] .btn-primary {
  background: linear-gradient(135deg, #d4a537, #b8860b) !important;
  border-color: transparent !important; color: #1a1206 !important; font-weight: 800 !important;
  box-shadow: 0 6px 18px rgba(212, 165, 55, .28) !important;
}
html[data-theme='elite'] .btn-primary:hover { filter: brightness(1.08); }

/* --- المدخلات --- */
html[data-theme='elite'] .input,
html[data-theme='elite'] .select,
html[data-theme='elite'] .textarea {
  background: rgba(10, 21, 36, .85) !important;
  border: 1px solid #1e3348 !important; color: #eef3fa !important;
  border-radius: 11px !important;
}
html[data-theme='elite'] .input:focus,
html[data-theme='elite'] .select:focus,
html[data-theme='elite'] .textarea:focus {
  border-color: #d4a537 !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 55, .14) !important;
}

/* --- الجداول والقوائم --- */
html[data-theme='elite'] table th { background: rgba(20, 36, 55, .9) !important; color: #cfdaea !important; }
html[data-theme='elite'] table tr:hover td { background: rgba(212, 165, 55, .06) !important; }
html[data-theme='elite'] .list-item { background: rgba(20, 36, 55, .6) !important; border-color: #1e3348 !important; color: #eef3fa !important; }

/* --- الشارات --- */
html[data-theme='elite'] .pill { border-radius: 999px !important; font-weight: 700 !important; }
html[data-theme='elite'] .pill-gold { background: rgba(212,165,55,.16) !important; color: #f3c969 !important; border-color: rgba(212,165,55,.34) !important; }
html[data-theme='elite'] .pill-ok { background: rgba(47,191,143,.14) !important; color: #5fd9b0 !important; }
html[data-theme='elite'] .pill-red { background: rgba(228,88,93,.14) !important; color: #f08a8e !important; }

/* --- المودال --- */
html[data-theme='elite'] .modal-card {
  background: linear-gradient(180deg, #101f31 0%, #0a1524 100%) !important;
  border: 1px solid rgba(212, 165, 55, .28) !important;
  border-radius: 20px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.7) !important;
}
html[data-theme='elite'] .modal-card h3 { color: #fff !important; }
html[data-theme='elite'] .modal-veil { background: rgba(3, 8, 16, .74) !important; }

/* --- شاشة العرض --- */
html[data-theme='elite'] .display-shell { background: #07101c !important; color: #eef3fa !important; }
html[data-theme='elite'] .display-shell .q-text { color: #fff !important; font-weight: 700 !important; }
html[data-theme='elite'] .display-code {
  color: #1a1206 !important; font-weight: 800 !important;
  background: linear-gradient(135deg, #e5b94e, #c99b2e) !important; border: none !important;
}
html[data-theme='elite'] .display-shell .option {
  background: rgba(20, 36, 55, .8) !important; border-color: rgba(212,165,55,.24) !important; color: #eef3fa !important;
}
html[data-theme='elite'] .display-shell .option.correct {
  background: rgba(47,191,143,.2) !important; border-color: rgba(47,191,143,.55) !important;
}

/* --- المسابقة الكبرى --- */
html[data-theme='elite'] .gr-body { background: #07101c !important; }
html[data-theme='elite'] .gr-card {
  background: linear-gradient(180deg, rgba(20,36,55,.8) 0%, rgba(12,23,39,.9) 100%) !important;
  border: 1px solid rgba(212,165,55,.16) !important;
}
html[data-theme='elite'] .gr-stage { background: rgba(10,21,36,.7) !important; border-color: rgba(212,165,55,.18) !important; }

html[data-theme='elite'] body.cls-focus,
html[data-theme='elite'] body.gr-focus { background: #07101c !important; }