/* ═══════════════════════════════════════════════════════════
   الوضع الفاتح — يُحمَّل آخر شيء في كل صفحة، ولا يعمل إلا مع
   html[data-theme="light"]. الوضع الداكن يبقى كما هو بلا تغيير.
   الهولوجرام يتحوّل إلى «حبر أزرق» شفاف الخلفية (fx.js).
   ═══════════════════════════════════════════════════════════ */
html[data-theme="light"]{
  --bg:#eef3f9;
  --panel:#ffffff; --panel-br:#d9e3ee;
  --accent-rgb:10,124,193; --accent-hi-rgb:10,124,193; --accent-deep:#0a5f95;
  --cyan:rgb(var(--accent-rgb)); --cyan-dim:#5f8fb4; --cyan-glow:rgba(var(--accent-rgb),.22);
  --txt:#102033; --muted:#5e6f85;
  --ok:#0f9a60; --warn:#bf7304; --bad:#d23a55; --idle:#8b9aac;
}

/* ── الأساس ── */
html[data-theme="light"]{background:#eef3f9}
html[data-theme="light"] body{background:linear-gradient(180deg,#f5f8fc 0%,#e9eff7 100%) fixed;color:var(--txt)}
html[data-theme="light"] body::before{background:radial-gradient(circle at 50% 30%, rgba(var(--accent-rgb),.06), transparent 60%)}
html[data-theme="light"] body::after{display:none}
html[data-theme="light"] #bg{opacity:.28}
html[data-theme="light"] ::selection{background:rgba(var(--accent-rgb),.18)}

/* ── الترويسة والروابط العلوية ── */
html[data-theme="light"] .head h1{color:var(--txt)}
html[data-theme="light"] .head h1 b{color:var(--cyan);text-shadow:none}
html[data-theme="light"] .clock{color:var(--muted)}
html[data-theme="light"] .conn,
html[data-theme="light"] .admin-link{background:rgba(255,255,255,.9);border-color:var(--panel-br);color:var(--muted);
  box-shadow:0 2px 8px rgba(16,40,70,.06)}
html[data-theme="light"] .admin-link:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.45);background:#fff;box-shadow:0 4px 14px rgba(var(--accent-rgb),.12)}

/* ── البطاقات ── */
html[data-theme="light"] .card{background:#fff;border-color:var(--panel-br);backdrop-filter:none;
  box-shadow:0 1px 2px rgba(16,40,70,.05), 0 8px 24px rgba(16,40,70,.07)}
html[data-theme="light"] .card:hover{border-color:rgba(var(--accent-rgb),.38);
  box-shadow:0 2px 4px rgba(16,40,70,.06), 0 14px 34px rgba(16,40,70,.1)}
html[data-theme="light"] .card::before,
html[data-theme="light"] .card::after{border-color:rgba(var(--accent-rgb),.35)}
html[data-theme="light"] .card-h{border-bottom-color:#e7eef5}
html[data-theme="light"] .card-h::after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
html[data-theme="light"] .card-h .ico{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.16)}
html[data-theme="light"] .card-b::-webkit-scrollbar-thumb{background:rgba(16,40,70,.18)}

html[data-theme="light"] .row:hover{background:rgba(var(--accent-rgb),.05)}
html[data-theme="light"] .row .dot{box-shadow:none}
html[data-theme="light"] .metric{background:linear-gradient(150deg,#f6f9fd,#eef4fa);border-color:#e0e9f2}
html[data-theme="light"] .metric .v{text-shadow:none}
html[data-theme="light"] .pill.n{background:rgba(191,115,4,.1);border-color:rgba(191,115,4,.28)}
html[data-theme="light"] .pill.ok{background:rgba(15,154,96,.1);border-color:rgba(15,154,96,.28)}
html[data-theme="light"] .pill.bad{background:rgba(210,58,85,.1);border-color:rgba(210,58,85,.3)}

/* ── المسرح: الهولوجرام يُرسم بالحبر الأزرق مباشرة على الخلفية (fx.js) ── */
html[data-theme="light"] .base i{border-color:rgba(var(--accent-rgb),.35)}
html[data-theme="light"] .holo-name .n{color:var(--txt);text-shadow:none}
html[data-theme="light"] .tag{color:var(--muted)}
html[data-theme="light"] .bar{background:#fff;border-color:var(--panel-br);box-shadow:0 8px 26px rgba(16,40,70,.1)}
html[data-theme="light"] .bar:focus-within{border-color:var(--cyan);box-shadow:0 8px 26px rgba(16,40,70,.1), 0 0 0 3px rgba(var(--accent-rgb),.14)}
html[data-theme="light"] .wave b{box-shadow:none}
html[data-theme="light"] .feat{background:#fff;border-color:var(--panel-br);color:var(--muted);box-shadow:0 2px 8px rgba(16,40,70,.05)}
html[data-theme="light"] .feat span{filter:none}
html[data-theme="light"] .feat:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.4);background:#f5faff}

/* ── التنبيهات والإقلاع ── */
html[data-theme="light"] .alert{background:#fff5f7;border-color:rgba(210,58,85,.35);color:var(--txt);box-shadow:0 8px 24px rgba(16,40,70,.12)}
html[data-theme="light"] .boot{background:var(--bg)}
html[data-theme="light"] .boot-logo{text-shadow:none}

/* ── الأخبار والفعاليات ── */
html[data-theme="light"] .phase{background:#f7fafd;border-color:#e0e9f2}
html[data-theme="light"] .phase.ok{background:rgba(15,154,96,.06);border-color:rgba(15,154,96,.3)}
html[data-theme="light"] .phase.warn{background:rgba(191,115,4,.06);border-color:rgba(191,115,4,.3)}
html[data-theme="light"] .phase.bad{background:rgba(210,58,85,.06);border-color:rgba(210,58,85,.3)}
html[data-theme="light"] .chip{background:#f2f6fb;border-color:#dfe8f1}
html[data-theme="light"] .advice{background:#f6faff;border-color:rgba(var(--accent-rgb),.3)}
html[data-theme="light"] .ev{background:#f8fbfe;border-color:#dfe8f1}
html[data-theme="light"] a.ev:hover{background:#eef6fd;border-color:rgba(var(--accent-rgb),.4)}
html[data-theme="light"] .ev-days{background:rgba(var(--accent-rgb),.08)}
html[data-theme="light"] .ev.jeddah{background:rgba(15,154,96,.07);border-color:rgba(15,154,96,.4)}
html[data-theme="light"] .ev.jeddah .ev-days{background:rgba(15,154,96,.14)}
html[data-theme="light"] .ev.west,html[data-theme="light"] .ev.south{background:rgba(232,110,30,.07);border-color:rgba(232,110,30,.4)}
html[data-theme="light"] .ev.west .ev-days,html[data-theme="light"] .ev.south .ev-days{background:rgba(232,110,30,.14);color:#c95a10}
html[data-theme="light"] .tm{background:#f7fafd;border-color:#e0e9f2}
html[data-theme="light"] .tm.live{background:rgba(15,154,96,.06);border-color:rgba(15,154,96,.4)}

/* ── زر تبديل الوضع ── */
.theme-btn{min-width:36px;text-align:center;font-size:14px;line-height:1}

/* ═════════════ لوحة التحكم ═════════════ */
html[data-theme="light"] .btn{background:rgba(var(--accent-rgb),.07);border-color:rgba(var(--accent-rgb),.22)}
html[data-theme="light"] .btn:hover{background:rgba(var(--accent-rgb),.14)}
html[data-theme="light"] .btn.primary{background:linear-gradient(145deg,rgb(var(--accent-rgb)),var(--accent-deep));color:#fff}
html[data-theme="light"] .btn.ghost{background:#fff;border-color:var(--panel-br);color:var(--muted)}
html[data-theme="light"] .btn.ghost:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.4)}
html[data-theme="light"] .icon-btn:hover{background:rgba(16,40,70,.06)}
html[data-theme="light"] .gate-card,
html[data-theme="light"] .sys{background:#fff;border-color:var(--panel-br);box-shadow:0 6px 20px rgba(16,40,70,.07)}
html[data-theme="light"] .modal{background:rgba(16,32,52,.38)}
html[data-theme="light"] .modal-box{background:#fff;box-shadow:0 24px 60px rgba(16,40,70,.25)}
html[data-theme="light"] .modal-foot{border-top-color:#e7eef5}
html[data-theme="light"] .modal-head{border-bottom-color:#e7eef5}
html[data-theme="light"] .gate-card input,
html[data-theme="light"] .field input[type=text],html[data-theme="light"] .field input[type=password],
html[data-theme="light"] .field input[type=number],html[data-theme="light"] .field input[type=url],
html[data-theme="light"] .field select,html[data-theme="light"] .field textarea,
html[data-theme="light"] .inline-form input,
html[data-theme="light"] .ai-input textarea{background:#f8fafd;border-color:#d3dfec;color:var(--txt)}
html[data-theme="light"] .kind{background:#f8fbfe;border-color:#dfe8f1}
html[data-theme="light"] .kind:hover{background:#eef6fd;border-color:var(--cyan)}
html[data-theme="light"] .toast{background:#fff;color:var(--txt);box-shadow:0 10px 30px rgba(16,40,70,.15)}
html[data-theme="light"] .fields-found th{background:#fff}
html[data-theme="light"] .totp-secret{background:#f4f8fc}
html[data-theme="light"] .ai-msg.bot{background:#f4f7fb;border-color:#e3eaf2}
html[data-theme="light"] .ai-msg.me{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.25)}
html[data-theme="light"] .ai-draft,html[data-theme="light"] .prov{background:#f8fbfe;border-color:#dfe8f1}
html[data-theme="light"] .prov.on{background:rgba(var(--accent-rgb),.08);border-color:var(--cyan)}

/* ═════════════ صفحة الدخول ═════════════ */
html[data-theme="light"] .lg-card{background:rgba(255,255,255,.94);border-color:var(--panel-br);
  box-shadow:0 24px 60px rgba(16,40,70,.16)}
html[data-theme="light"] .lg-head h1{text-shadow:none}
html[data-theme="light"] .lg-field input{background:#f8fafd;border-color:#d3dfec}
html[data-theme="light"] .lg-holo{opacity:.12}
.lg-theme{position:fixed;top:14px;left:16px;z-index:5}

/* ═════ الأيقونات في الوضع الفاتح ═════ */
html[data-theme="light"] .card-h .ico,
html[data-theme="light"] .sys-ico,
html[data-theme="light"] .kind .k-ico,
html[data-theme="light"] .feat span,
html[data-theme="light"] .lg-2fa-icon{
  background:linear-gradient(145deg,#e8f3fc,#f8fbfe);border-color:rgba(var(--accent-rgb),.28);
  box-shadow:inset 0 1px 0 #fff, 0 3px 10px rgba(16,40,70,.08)}
html[data-theme="light"] .card-h .ico .ic,
html[data-theme="light"] .sys-ico .ic,
html[data-theme="light"] .lg-2fa-icon .ic{filter:none}
html[data-theme="light"] .card:hover .card-h .ico,
html[data-theme="light"] .feat:hover span{border-color:rgba(var(--accent-rgb),.5);box-shadow:inset 0 1px 0 #fff, 0 4px 14px rgba(var(--accent-rgb),.15)}

html[data-theme="light"] .act{background:#fff;border-color:#dfe8f1}
html[data-theme="light"] .act-n{background:rgba(var(--accent-rgb),.1)}
html[data-theme="light"] .verdict.ok{background:rgba(15,154,96,.08)}

html[data-theme="light"] .vc-v{background:#f8fbfe;border-color:#dfe8f1}
html[data-theme="light"] .vc-v.on{background:rgba(var(--accent-rgb),.08);border-color:var(--cyan)}