/* الوضع الليلي بألوان مطفية لملف الإنجاز، على طريقة ملف المعلم (طلب المالك 2026-10-17).
   يُحمَّل آخرَ ورقة في كل صفحة، فيغلب ألوانها المكتوبة داخلها، ولا يغيّر مقاسًا ولا ترتيبًا.
   والمستندات المعروضة (صور وPDF) تبقى على بياضها لأنها مستندات، ويُطفأ لمعانها قليلًا. */
:root {
  color-scheme: dark;
  --dk-bg: #0a1220;
  --dk-banner: #0f1b2d;
  --dk-panel: #121e31;
  --dk-panel-2: #15243a;
  --dk-border: #22334b;
  --dk-border-2: #2a3f5c;
  --dk-text: #dbe4ef;
  --dk-muted: #98a9bf;
  --dk-accent: #8fbfe3;
  --dk-gold: #b39556;
  --dk-circle: #1b2c44;
}

html, body { background: var(--dk-bg) !important; color: var(--dk-text); }
body {
  background:
    radial-gradient(circle at 18% 8%, rgba(56, 120, 180, .10), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(110, 120, 200, .07), transparent 30%),
    linear-gradient(135deg, #070e1a 0%, #0a1322 50%, #08101d 100%) !important;
  background-attachment: fixed !important;
}

/* الإطار والخلفيات الفاتحة */
.mf, .mf-frame, .frame { background: transparent !important; border-color: transparent !important; }
[style*="background:#f1f2ee; padding"], [style*="background:#f1f2ee; border-radius"] { background: transparent !important; }
[style*="border:1px solid #f1f2ee"] { border-color: transparent !important; }

/* الشريطان العلوي والسفلي */
.banner, .footer, [style*="background:#0f2740"] { background: var(--dk-banner) !important; border-bottom: 1px solid var(--dk-border); }
.footer, [style*="background:#0f2740; padding:7px"] { border-top: 1px solid var(--dk-border); border-bottom: 0; }
.navlink, .mf-navlink, .b-title, .footer .t, [style*="color:#f1f2ee"] { color: var(--dk-text) !important; }
.navlink.act, .mf-navlink.act { border-bottom-color: var(--dk-accent) !important; }
.mf-moe-logo { filter: brightness(0) saturate(100%) invert(88%) !important; opacity: .9; }

/* لوحة التعريف بالمعلم وبلاطاتها */
[style*="background:#0f2b49"] { background: var(--dk-panel) !important; border: 1px solid var(--dk-border); }
.mf-sub, .sub, .wa { background: var(--dk-panel-2) !important; border-color: var(--dk-border-2) !important; }
.mf-subt, .sub .t, .wa .t { color: var(--dk-text) !important; }
.mf-subic, .sub .ic, .wa .ic, .mf-cic, [style*="background:#f1f2ee;"].mf-cic { background: var(--dk-circle) !important; color: var(--dk-accent) !important; }
.mf-subic svg, .mf-cic svg, .sub .ic svg, .wa .ic svg { color: var(--dk-accent) !important; }
.wa .ic svg[fill], .sub .ic svg[fill], svg[fill="#16324e"], svg[fill="#0f2740"] { fill: var(--dk-accent) !important; }

/* البطاقات الفاتحة */
.mf-card, .gcard, .band, .chip {
  background: var(--dk-panel) !important;
  border-color: var(--dk-border) !important;
  color: var(--dk-text) !important;
}
.mf-ct, .ghead, .band-h .t, .chip { color: var(--dk-text) !important; }
.ghead { border-bottom-color: var(--dk-border) !important; }
a.mf-sub:hover, a.mf-card:hover, .sub:hover, .wa:hover, .gcard:hover {
  border-color: #4f86b3 !important;
  box-shadow: 0 0 0 1px rgba(110, 165, 210, .45), 0 10px 26px -14px rgba(80, 150, 210, .45) !important;
}

/* العناوين والمعيّنات */
.ptitle h1, .sec-title h1, .v-title h1, [style*="color:#16324e"] { color: var(--dk-text) !important; }
.dia, .d5, .d6 { background: var(--dk-accent) !important; }
.mf-dia, .dia.l, [style*="background:#f1f2ee;"].mf-dia { background: var(--dk-gold) !important; }

/* إطار المستند */
.v-frame {
  background: var(--dk-panel) !important;
  border-color: var(--dk-border-2) !important;
  box-shadow: 0 6px 22px -12px rgba(0, 0, 0, .6) !important;
}
.v-frame > img, .v-frame iframe { filter: brightness(.9); }
.doc-open { background: rgba(15, 27, 45, .94) !important; border-color: var(--dk-border-2) !important; color: var(--dk-text) !important; }
.doc-open:hover { background: #18304d !important; border-color: var(--dk-gold) !important; }

/* بطاقة البيانات المهنية المختصرة */
.privacy-card { background: linear-gradient(145deg, #121e31 0%, #0f192a 100%) !important; border-color: var(--dk-border-2) !important; color: var(--dk-text); }
.privacy-card h1, .privacy-card h2, .privacy-card h3 { color: var(--dk-text) !important; }
.privacy-card p { color: var(--dk-muted) !important; }
.privacy-badge { background: #18304d !important; color: var(--dk-accent) !important; }
.privacy-item { background: var(--dk-panel-2) !important; border-color: var(--dk-border) !important; }
.privacy-label { color: var(--dk-muted) !important; }
.privacy-value { color: var(--dk-text) !important; }

.skip-link { background: var(--dk-panel) !important; color: var(--dk-text) !important; }

/* هوية القوالب في كل الصفحات (طلب المالك 2026-10-17، اعتُمد في الصفحة الرئيسية ثم عُمّم على الأقسام): ألوان الهوية المعتمدة في الدوائر،
   دائرة بيضاء كاملة ومجسّمها أزرق غامق، وإطار ظاهر لكل قالب بلون أزرق رمادي هادئ يتناسق مع الواجهة بدل الأبيض. */
:root { --dk-frame: #3a5b82; --dk-frame-soft: #2f4c6e; }
.mf-subic, .mf-cic, [style*="background:#f1f2ee;"].mf-cic { background: #f1f2ee !important; }
.mf-subic svg, .mf-cic svg { color: #16324e !important; }
.mf-sub, .mf-card { border: 1.5px solid var(--dk-frame) !important; }
[style*="background:#0f2b49"] { border: 1.5px solid var(--dk-frame-soft) !important; }
a.mf-sub:hover, a.mf-card:hover { border-color: #6f9fcf !important; }
/* تعميمه على الأقسام وصفحات التعريف والتواصل ودليل الأقسام */
.sub .ic, .wa .ic { background: #f1f2ee !important; color: #16324e !important; }
.sub .ic svg, .wa .ic svg { color: #16324e !important; }
.wa .ic svg[fill], .sub .ic svg[fill], svg[fill="#16324e"], svg[fill="#0f2740"] { fill: #16324e !important; }
.sub, .wa, .gcard, .band, .chip, .privacy-item { border: 1.5px solid var(--dk-frame) !important; }
.privacy-card, .v-frame { border: 1.5px solid var(--dk-frame) !important; }
.ghead { border-bottom-color: var(--dk-frame-soft) !important; }
.sub:hover, .wa:hover, .gcard:hover { border-color: #6f9fcf !important; }

/* كل الصفحات (طلب المالك 2026-10-17، اعتُمد في الصفحة الرئيسية ثم عُمّم): المعيّنات بيضاء لا ذهبية لتوافق الواجهة،
   ومجسّمات الأيقونات أوضح بالرسم نفسه: خط أسمك ولون كحلي أعمق ورسم دقيق الحواف. */
.mf-dia, [style*="background:#f1f2ee;"].mf-dia, [style*="background:#0f2740;"].mf-dia { background: #f1f2ee !important; }
.mf-subic svg, .mf-cic svg { color: #0b2340 !important; stroke-width: 2.25 !important; shape-rendering: geometricPrecision; }
.dia, .d5, .d6, .dia.l { background: #f1f2ee !important; }
.sub .ic svg, .wa .ic svg { color: #0b2340 !important; stroke-width: 2.25 !important; shape-rendering: geometricPrecision; }
.wa .ic svg[fill], .sub .ic svg[fill], svg[fill="#16324e"], svg[fill="#0f2740"] { fill: #0b2340 !important; }