/* ═══ تخطيطات الصفحة الرئيسية (2026-10-12) ═══
   أربعة أشكال لنفس الصفحة ونفس عناصر الدخول (المعرّفات ومنطق الدخول في index.html لا تتغيّر):
     classic  — الحالي (الافتراضي): لا تنطبق عليه أي قاعدة هنا سوى إخفاء عناصر التخطيطات الأخرى
     calm     — «التحسين الهادئ»: بطاقة دخول واحدة واختيار البوابة شريط داخلها
     split    — «الشاشة المنقسمة»: الدخول يميناً والهوية والإعلانات يساراً
     portals  — «البوابات أولاً»: بطاقات بوابات بوصف، والدخول نافذة منبثقة
   الاختيار: <html data-home-layout> — يضبطه js/wahj_home_layout.js من «إعدادات/عام».homeLayout
   (يُعدَّل من بوابة الإدارة ← الإعدادات ← شكل الصفحة الرئيسية)، ومعاينة بلا حفظ: ‎/?layout=split */

:root {
  --hl-navy: #1C2B4B; --hl-orange: #C87A5B; --hl-orange-2: #B5654A; --hl-muted: #718096; --hl-line: #E2E8F0;
  --hl-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%231C2B4B' stroke-opacity='0.05' stroke-width='1'%3E%3Cpath d='M32 6l7.5 18.5L58 32l-18.5 7.5L32 58l-7.5-18.5L6 32l18.5-7.5z'/%3E%3Crect x='17' y='17' width='30' height='30' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E");
  --hl-pattern-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1'%3E%3Cpath d='M32 6l7.5 18.5L58 32l-18.5 7.5L32 58l-7.5-18.5L6 32l18.5-7.5z'/%3E%3Crect x='17' y='17' width='30' height='30' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── عناصر التخطيطات الجديدة: مخفية افتراضياً (أي في الحالي) ── */
.hl-hero, .hl-welcome, .hl-portals-title, .hl-news, .hl-desc, .hl-go, .hl-lbl-short, .hl-lbl-full,
.hl-modal-x, .hl-switch, .hl-backdrop { display: none; }

/* ══════════ مشترك بين التخطيطات الثلاثة الجديدة ══════════ */
html[data-home-layout="calm"] .ads-slide img,
html[data-home-layout="split"] .ads-slide img,
html[data-home-layout="portals"] .ads-slide img { object-fit: contain; background: #fff; }   /* الإعلان كاملاً بلا قصّ */
html[data-home-layout="calm"] .ads-banner,
html[data-home-layout="split"] .ads-banner,
html[data-home-layout="portals"] .ads-banner { background: #fff; }
/* النقاط تُنقل تحت الإعلان (js/wahj_home_layout.js) بدل أن تغطي نصّه */
html[data-home-layout="calm"] .ads-dots,
html[data-home-layout="split"] .ads-dots,
html[data-home-layout="portals"] .ads-dots { position: static; margin-top: 0.8rem; }
html[data-home-layout="calm"] .ads-dot,
html[data-home-layout="portals"] .ads-dot { width: 7px; height: 7px; background: #CBD5E0; box-shadow: none; }
html[data-home-layout="calm"] .ads-dot.on,
html[data-home-layout="portals"] .ads-dot.on { width: 22px; background: var(--hl-orange); }
html[data-home-layout="calm"] .main-header,
html[data-home-layout="split"] .main-header,
html[data-home-layout="portals"] .main-header { animation: none; }
html[data-home-layout="calm"] .login-box .form-label,
html[data-home-layout="split"] .login-box .form-label,
html[data-home-layout="portals"] .login-box .form-label { font-weight: 700; font-size: 0.88rem; color: #4A5568; }
html[data-home-layout="calm"] .login-box .form-group,
html[data-home-layout="split"] .login-box .form-group,
html[data-home-layout="portals"] .login-box .form-group { margin-bottom: 1.1rem; }
html[data-home-layout="calm"] .login-box .form-input,
html[data-home-layout="split"] .login-box .form-input,
html[data-home-layout="portals"] .login-box .form-input { padding: 0.85rem 1rem; border-width: 1.5px; background: #FBFCFE; }
html[data-home-layout="calm"] .btn-primary,
html[data-home-layout="split"] .btn-primary,
html[data-home-layout="portals"] .btn-primary { background: var(--hl-navy); box-shadow: 0 8px 20px rgba(28,43,75,0.22); font-weight: 800; }

/* ══════════ ١. التحسين الهادئ (calm) ══════════ */
html[data-home-layout="calm"] .bg-animated { background: var(--hl-pattern), #F4F6FA; }
html[data-home-layout="calm"] .bg-animated::after { display: none; }
html[data-home-layout="calm"] .bg-animated::before { width: 90vw; height: 50vh; top: -25vh; right: 5vw; opacity: 0.22; }
html[data-home-layout="calm"] .container { padding-top: 1.75rem !important; padding-bottom: 2rem; }
html[data-home-layout="calm"] .main-header { margin-bottom: 0 !important; width: 100%; }
html[data-home-layout="calm"] .main-header > div:first-child { height: 78px !important; margin-bottom: 0.9rem !important; }
html[data-home-layout="calm"] .main-header h1 { font-size: 2.1rem !important; font-weight: 800; }
html[data-home-layout="calm"] .main-header > p { font-size: 1rem; }
html[data-home-layout="calm"] .main-header > p::before,
html[data-home-layout="calm"] .main-header > p::after { content: '◆'; color: var(--hl-orange); font-size: 0.55rem; vertical-align: middle; margin: 0 0.6rem; opacity: 0.7; }
html[data-home-layout="calm"] .ads-banner { max-width: 820px; margin-top: 1.6rem; }
html[data-home-layout="calm"] .login-wrapper { max-width: 470px; margin-top: 1.8rem; background: #fff; border-radius: 24px; padding: 1.4rem 1.6rem 1.5rem;
  box-shadow: 0 20px 50px rgba(28,43,75,0.10), 0 2px 6px rgba(28,43,75,0.04); border: 1px solid #EEF1F6; }
html[data-home-layout="calm"] .portal-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; background: #F1F4F9; border-radius: 14px; padding: 4px; margin: 0; }
html[data-home-layout="calm"] .tab-btn { width: auto; height: auto; padding: 0.55rem 0.2rem 0.5rem; gap: 0.3rem; border: none; border-radius: 11px;
  background: transparent; box-shadow: none; color: #64748B; transform: none; }
html[data-home-layout="calm"] .tab-btn i { font-size: 1.05rem; }
html[data-home-layout="calm"] .tab-btn span { font-size: 0.78rem; white-space: nowrap; }
html[data-home-layout="calm"] .tab-btn:hover { transform: none; box-shadow: none; color: var(--hl-navy); }
html[data-home-layout="calm"] .tab-btn.active { background: #fff; color: var(--hl-navy); box-shadow: 0 2px 8px rgba(28,43,75,0.12); transform: none; }
html[data-home-layout="calm"] .tab-btn.active i { color: var(--hl-orange); }
html[data-home-layout="calm"] .login-box { background: none; border: none; backdrop-filter: none; box-shadow: none; padding: 0; }
html[data-home-layout="calm"] .login-box-header { margin: 1.4rem 0 1.3rem; }
html[data-home-layout="calm"] .portal-icon-large { display: none; }
html[data-home-layout="calm"] .login-box-header h2 { font-size: 1.3rem; font-weight: 800; }
html[data-home-layout="calm"] .login-box-header p { font-size: 0.9rem; margin-top: 0.35rem; }
html[data-home-layout="calm"] .hl-credit { margin-top: 2rem !important; }

/* اسم «الطالب» المختصر في الشريطين (calm/split) والكامل في البطاقات (portals) */
html[data-home-layout="calm"] .hl-lbl-classic, html[data-home-layout="split"] .hl-lbl-classic,
html[data-home-layout="portals"] .hl-lbl-classic { display: none; }
html[data-home-layout="calm"] .hl-lbl-short, html[data-home-layout="split"] .hl-lbl-short { display: inline; }

/* ══════════ ٢. الشاشة المنقسمة (split) ══════════ */
html[data-home-layout="split"] body { background: #fff; }
html[data-home-layout="split"] .bg-animated { display: none; }
html[data-home-layout="split"] .container { display: grid !important; grid-template-columns: minmax(400px, 0.9fr) 1.1fr; grid-template-rows: auto 1fr auto;
  max-width: none; padding: 0 !important; min-height: 100vh; align-items: stretch !important; justify-content: stretch !important; }
html[data-home-layout="split"] .main-header { grid-column: 1; grid-row: 1; margin: 0 !important; padding: 2rem 3rem 0; text-align: right; }
html[data-home-layout="split"] .main-header > div:first-child { justify-content: flex-start !important; height: 62px !important; margin: 0 !important; gap: 1rem !important; }
html[data-home-layout="split"] .main-header h1, html[data-home-layout="split"] .main-header > p { display: none; }
html[data-home-layout="split"] .login-wrapper { grid-column: 1; grid-row: 2; align-self: center; max-width: 430px; width: calc(100% - 6rem); margin: 0 auto; padding: 2rem 0; animation: none; }
html[data-home-layout="split"] .hl-welcome { display: block; margin-bottom: 1.5rem; }
html[data-home-layout="split"] .hl-welcome .hl-hello { color: var(--hl-orange-2); font-weight: 800; font-size: 0.92rem; margin: 0 0 0.3rem; display: flex; align-items: center; gap: 0.45rem; }
html[data-home-layout="split"] .hl-welcome h2 { margin: 0; font-size: 1.85rem; font-weight: 800; }
html[data-home-layout="split"] .hl-welcome p:last-child { margin: 0.4rem 0 0; color: var(--hl-muted); font-size: 0.95rem; }
html[data-home-layout="split"] .portal-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.45rem; margin: 0 0 1.4rem; }
html[data-home-layout="split"] .tab-btn { width: auto; height: auto; padding: 0.7rem 0.2rem 0.6rem; gap: 0.35rem; border: 1.5px solid var(--hl-line); border-radius: 13px;
  background: #fff; box-shadow: none; color: #64748B; transform: none; }
html[data-home-layout="split"] .tab-btn i { font-size: 1.15rem; color: #94A3B8; }
html[data-home-layout="split"] .tab-btn span { font-size: 0.78rem; font-weight: 800; white-space: nowrap; }
html[data-home-layout="split"] .tab-btn:hover { transform: none; box-shadow: none; border-color: #CBD5E0; color: var(--hl-navy); }
html[data-home-layout="split"] .tab-btn.active { border-color: var(--hl-navy); background: var(--hl-navy); color: #fff; box-shadow: 0 8px 18px rgba(28,43,75,0.22); transform: none; }
html[data-home-layout="split"] .tab-btn.active i { color: #F3C3AE; }
html[data-home-layout="split"] .login-box { background: none; border: none; backdrop-filter: none; box-shadow: none; padding: 0; }
html[data-home-layout="split"] .login-box-header { display: none; }
html[data-home-layout="split"] .hl-credit { grid-column: 1; grid-row: 3; margin: 0 !important; padding: 0 3rem 1.5rem; display: flex; justify-content: space-between; align-items: center;
  gap: 1rem; font-size: 0.8rem !important; animation: none !important; }
html[data-home-layout="split"] .hl-credit a { margin-top: 0 !important; }
html[data-home-layout="split"] .hl-hero { display: flex; flex-direction: column; justify-content: center; grid-column: 2; grid-row: 1 / 4; position: relative; overflow: hidden;
  background: linear-gradient(160deg, #22355C 0%, #1C2B4B 55%, #16223C 100%); color: #fff; padding: 3rem 3.5rem; }
html[data-home-layout="split"] .hl-hero::before { content: ''; position: absolute; inset: 0; background-image: var(--hl-pattern-w); }
html[data-home-layout="split"] .hl-hero::after { content: ''; position: absolute; width: 520px; height: 520px; border-radius: 50%; top: -180px; left: -160px;
  background: radial-gradient(circle, rgba(200,122,91,0.35), transparent 65%); pointer-events: none; }
html[data-home-layout="split"] .hl-hero > * { position: relative; z-index: 1; }
.hl-hero-brand { display: none; justify-content: center; align-items: center; gap: 0.8rem; height: 54px; background: #fff; border-radius: 14px; padding: 6px 14px; width: fit-content; margin: 0 auto; }
.hl-hero-brand img { height: 100%; object-fit: contain; }
.hl-hero-brand .hl-sep { width: 1.5px; height: 56%; background: var(--hl-navy); opacity: 0.14; }
html[data-home-layout="split"] .hl-hero h1 { color: #fff; font-size: 2.6rem; line-height: 1.35; margin: 0 0 0.6rem; font-weight: 800; }
html[data-home-layout="split"] .hl-hero h1 span { color: #F0A585; }
html[data-home-layout="split"] .hl-hero .hl-tag { color: #CBD5E1; font-size: 1.05rem; margin: 0 0 1.4rem; }
html[data-home-layout="split"] .hl-feats { display: flex; flex-wrap: wrap; gap: 0.5rem 1.2rem; margin-bottom: 2rem; color: #E2E8F0; font-size: 0.9rem; font-weight: 700; }
html[data-home-layout="split"] .hl-feats span { display: inline-flex; align-items: center; gap: 0.45rem; }
html[data-home-layout="split"] .hl-feats i { color: #F0A585; }
/* إطار حلقي خارجي لا padding: الإعلان يقصّ بـ overflow عند حدّ الـ padding فتطلّ الشريحة المجاورة داخله */
html[data-home-layout="split"] .hl-hero .ads-banner { max-width: none; margin: 10px; border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 0 0 10px rgba(255,255,255,0.06), 0 24px 50px rgba(0,0,0,0.28); }
html[data-home-layout="split"] .hl-hero .ads-slide img { border-radius: 16px; }
html[data-home-layout="split"] .hl-hero .ads-dot { width: 7px; height: 7px; background: rgba(255,255,255,0.3); box-shadow: none; }
html[data-home-layout="split"] .hl-hero .ads-dot.on { width: 22px; background: #F0A585; }
@media (max-width: 900px) {
  html[data-home-layout="split"] body { background: #F4F6FA; }
  html[data-home-layout="split"] .container { display: flex !important; flex-direction: column; min-height: 0; padding-bottom: 1.2rem !important; }
  html[data-home-layout="split"] .main-header { display: none; }
  html[data-home-layout="split"] .hl-hero { order: -1; padding: 1.3rem 1rem 4.2rem; }
  html[data-home-layout="split"] .hl-hero-brand { display: flex; }
  html[data-home-layout="split"] .hl-feats { display: none; }
  html[data-home-layout="split"] .hl-hero h1 { font-size: 1.35rem; margin: 0.9rem 0 0.25rem; text-align: center; }
  html[data-home-layout="split"] .hl-hero .hl-tag { font-size: 0.85rem; margin-bottom: 1rem; text-align: center; }
  html[data-home-layout="split"] .hl-hero .ads-banner { margin: 6px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 0 0 6px rgba(255,255,255,0.06), 0 16px 34px rgba(0,0,0,0.25); }
  html[data-home-layout="split"] .hl-hero .ads-slide img { border-radius: 12px; }
  html[data-home-layout="split"] .login-wrapper { align-self: stretch; width: auto; max-width: none; margin: -3rem 0.75rem 0; padding: 1.2rem 1rem 1.1rem; background: #fff; border-radius: 22px;
    box-shadow: 0 16px 40px rgba(28,43,75,0.14); position: relative; z-index: 2; }
  html[data-home-layout="split"] .hl-welcome h2 { font-size: 1.35rem; }
  html[data-home-layout="split"] .hl-welcome .hl-hello { font-size: 0.82rem; }
  html[data-home-layout="split"] .hl-welcome p:last-child { font-size: 0.86rem; }
  html[data-home-layout="split"] .portal-tabs { gap: 0.3rem; }
  html[data-home-layout="split"] .tab-btn { padding: 0.6rem 0.1rem 0.5rem; border-radius: 11px; }
  html[data-home-layout="split"] .tab-btn span { font-size: 0.66rem; }
  html[data-home-layout="split"] .hl-credit { flex-direction: column; text-align: center; padding: 1.4rem 1rem 0; gap: 0.3rem; }
}

/* ══════════ ٣. البوابات أولاً (portals) ══════════ */
html[data-home-layout="portals"] .bg-animated { background: var(--hl-pattern), linear-gradient(180deg, #fff 0%, #F4F6FA 30%); }
html[data-home-layout="portals"] .bg-animated::before, html[data-home-layout="portals"] .bg-animated::after { display: none; }
html[data-home-layout="portals"] .container { max-width: 1100px; padding: 1.6rem 1rem 2rem !important; justify-content: flex-start !important; }
html[data-home-layout="portals"] .main-header { margin-bottom: 2rem !important; }
html[data-home-layout="portals"] .main-header > div:first-child { height: 74px !important; margin-bottom: 0.9rem !important; }
html[data-home-layout="portals"] .main-header h1 { font-size: 2.1rem !important; font-weight: 800; }
html[data-home-layout="portals"] .main-header > p { font-size: 1rem; }
/* حركة الظهور تُبقي transform على الحاوية فتصير مرجعاً لـ position:fixed وتنكسر النافذة المنبثقة */
html[data-home-layout="portals"] .login-wrapper { max-width: none; animation: none; }
html[data-home-layout="portals"] .hl-portals-title { display: flex; align-items: center; gap: 0.7rem; margin: 0 0 1rem; color: var(--hl-navy); font-size: 1.15rem; font-weight: 800; }
html[data-home-layout="portals"] .hl-portals-title::after { content: ''; flex: 1; height: 1px; background: var(--hl-line); }
html[data-home-layout="portals"] .hl-portals-title small { color: var(--hl-muted); font-weight: 500; font-size: 0.85rem; }
html[data-home-layout="portals"] .portal-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.9rem; margin: 0; }
html[data-home-layout="portals"] .tab-btn { --c: #1C2B4B; --t: #EDF0F6; width: auto; height: auto; min-height: 190px; padding: 1.3rem 1.1rem 1.1rem;
  flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.55rem; text-align: right;
  background: #fff; border: 1.5px solid #E8ECF3; border-radius: 20px; box-shadow: none; color: #1A202C; transform: none; }
html[data-home-layout="portals"] .tab-btn[data-role="teacher"] { --c: #2B6CB0; --t: #EBF4FF; }
html[data-home-layout="portals"] .tab-btn[data-role="student-parent"] { --c: #C87A5B; --t: #FBF0EB; }
html[data-home-layout="portals"] .tab-btn[data-role="follower"] { --c: #0F766E; --t: #E6F6F4; }
html[data-home-layout="portals"] .tab-btn[data-role="supervisor"] { --c: #6B46C1; --t: #F3EEFE; }
html[data-home-layout="portals"] .tab-btn > i:first-child { width: 52px; height: 52px; border-radius: 15px; background: var(--t); color: var(--c);
  display: flex; align-items: center; justify-content: center; font-size: 1.35rem; transition: 0.2s; }
html[data-home-layout="portals"] .tab-btn .hl-txt { display: flex; flex-direction: column; gap: 0.35rem; flex: 1; }
html[data-home-layout="portals"] .tab-btn span.hl-lbl { font-size: 1.08rem; font-weight: 800; color: #1A202C; margin-top: 0.3rem; }
html[data-home-layout="portals"] .tab-btn .hl-lbl-full { display: inline; }
html[data-home-layout="portals"] .hl-desc { display: block; color: var(--hl-muted); font-size: 0.84rem; line-height: 1.6; font-weight: 500; }
html[data-home-layout="portals"] .hl-go { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--c); font-weight: 800; font-size: 0.85rem; }
html[data-home-layout="portals"] .hl-go i { font-size: 0.8rem; }
html[data-home-layout="portals"] .tab-btn:hover, html[data-home-layout="portals"] .tab-btn.active {
  border-color: var(--c); background: #fff; color: #1A202C; box-shadow: 0 16px 34px rgba(28,43,75,0.12); transform: translateY(-4px); }
html[data-home-layout="portals"] .tab-btn:hover > i:first-child, html[data-home-layout="portals"] .tab-btn.active > i:first-child { background: var(--c); color: #fff; }
/* نافذة الدخول: تظهر بعد اختيار بوابة (html.hl-modal-open) */
html[data-home-layout="portals"] .login-box { display: none; }
html[data-home-layout="portals"].hl-modal-open .login-box { display: block; position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: calc(100% - 2rem); max-width: 440px; max-height: calc(100vh - 2rem); overflow-y: auto; background: #fff; backdrop-filter: none;
  border: none; border-radius: 24px; padding: 1.5rem 1.6rem 1.4rem; box-shadow: 0 30px 70px rgba(0,0,0,0.3); animation: hlPop 0.22s ease; }
html[data-home-layout="portals"].hl-modal-open .hl-backdrop { display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(15,23,42,0.55); backdrop-filter: blur(3px); }
html[data-home-layout="portals"].hl-modal-open body { overflow: hidden; }
@keyframes hlPop { from { opacity: 0; transform: translate(-50%, -46%); } to { opacity: 1; transform: translate(-50%, -50%); } }
/* الأيقونة يميناً بارتفاع سطرين، والعنوان فوق الوصف */
html[data-home-layout="portals"] .login-box-header { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.9rem; row-gap: 0.2rem; align-items: center;
  text-align: right; margin: 0 0 1.3rem; padding-left: 2.6rem; }
html[data-home-layout="portals"] .portal-icon-large { grid-row: 1 / 3; width: 52px; height: 52px; margin: 0; border-radius: 15px; font-size: 1.35rem; flex-shrink: 0; background: #FBF0EB; color: var(--hl-orange); }
html[data-home-layout="portals"] .login-box-header h2 { font-size: 1.15rem; font-weight: 800; align-self: end; }
html[data-home-layout="portals"] .login-box-header p { font-size: 0.86rem; align-self: start; }
html[data-home-layout="portals"] .hl-modal-x { display: flex; position: absolute; top: 1.4rem; left: 1.3rem; width: 36px; height: 36px; border-radius: 50%; border: none;
  background: #F1F4F9; color: #64748B; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; }
html[data-home-layout="portals"] .hl-switch { display: block; text-align: center; margin-top: 1rem; font-size: 0.85rem; color: var(--hl-muted); }
html[data-home-layout="portals"] .hl-switch a { color: var(--hl-navy); font-weight: 800; text-decoration: none; }
html[data-home-layout="portals"] #studentRegisterContainer { margin-top: 1rem !important; padding-top: 1rem !important; }
html[data-home-layout="portals"] .hl-news { display: grid; grid-template-columns: 1.6fr 1fr; gap: 0.9rem; align-items: start; margin-top: 2rem; width: 100%; }
html[data-home-layout="portals"] .hl-news .ads-banner { margin: 0; max-width: none; border-radius: 18px; }
html[data-home-layout="portals"] .hl-reg-card { background: var(--hl-navy); color: #fff; border-radius: 18px; padding: 1.4rem; position: relative; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center; gap: 0.6rem; min-height: 100%; }
html[data-home-layout="portals"] .hl-reg-card::before { content: ''; position: absolute; inset: 0; background-image: var(--hl-pattern-w); }
html[data-home-layout="portals"] .hl-reg-card > * { position: relative; }
html[data-home-layout="portals"] .hl-reg-card > i { font-size: 1.6rem; color: #F0A585; }
html[data-home-layout="portals"] .hl-reg-card b { font-size: 1.2rem; color: #fff; }
html[data-home-layout="portals"] .hl-reg-card p { margin: 0; color: #CBD5E1; font-size: 0.9rem; line-height: 1.7; }
html[data-home-layout="portals"] .hl-reg-card a { margin-top: 0.4rem; align-self: flex-start; background: var(--hl-orange); color: #fff; text-decoration: none; font-weight: 800;
  padding: 0.65rem 1.2rem; border-radius: 11px; display: inline-flex; gap: 0.5rem; align-items: center; }
html[data-home-layout="portals"] .hl-credit { margin-top: 2.4rem !important; }
@media (max-width: 860px) {
  html[data-home-layout="portals"] .container { padding-top: 1.1rem !important; }
  html[data-home-layout="portals"] .main-header { margin-bottom: 1.3rem !important; }
  html[data-home-layout="portals"] .main-header > div:first-child { height: 58px !important; }
  html[data-home-layout="portals"] .main-header h1 { font-size: 1.4rem !important; }
  html[data-home-layout="portals"] .main-header > p { font-size: 0.86rem; }
  html[data-home-layout="portals"] .portal-tabs { grid-template-columns: 1fr; gap: 0.55rem; }
  html[data-home-layout="portals"] .tab-btn { flex-direction: row; align-items: center; min-height: 0; padding: 0.85rem 0.9rem; gap: 0.8rem; border-radius: 16px; }
  html[data-home-layout="portals"] .tab-btn:hover, html[data-home-layout="portals"] .tab-btn.active { transform: none; }
  html[data-home-layout="portals"] .tab-btn > i:first-child { width: 46px; height: 46px; flex-shrink: 0; font-size: 1.15rem; }
  html[data-home-layout="portals"] .tab-btn .hl-txt { gap: 0.1rem; }
  html[data-home-layout="portals"] .tab-btn span.hl-lbl { margin: 0; font-size: 1rem; }
  html[data-home-layout="portals"] .hl-desc { font-size: 0.78rem; }
  html[data-home-layout="portals"] .hl-go .hl-go-t { display: none; }
  html[data-home-layout="portals"] .hl-news { grid-template-columns: 1fr; margin-top: 1.5rem; }
  html[data-home-layout="portals"].hl-modal-open .login-box { top: auto; bottom: 0; left: 0; transform: none; width: 100%; max-width: none; max-height: 92vh;
    border-radius: 24px 24px 0 0; padding-bottom: 1.8rem; animation: hlSheet 0.25s ease; }
  @keyframes hlSheet { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
}

/* ══════════ الشاشة المنقسمة — تحسينات (2026-10-12، بعد اعتمادها) ══════════
   ١) الإعلان الأطول من الإطار كان يُحاط بأشرطة بيضاء فاقعة على الكحلي ⇒ الأشرطة شفافة تذوب في الخلفية.
   ٢) بطاقة «طالب جديد» تحت الإعلانات (.hl-hero-reg)، وعلى الجوال شريط مختصر تحت بطاقة الدخول (.hl-reg-m).
   ٣) العمود الأيمن: خلفية بزخرفة خفيفة والنموذج داخل بطاقة بيضاء بدل أن يطفو في فراغ أبيض.
   ٤) المزايا شارات زجاجية، وتوازن أحجام العنوان والمسافات. */
.hl-reg-m { display: none; }
html[data-home-layout="split"] .hl-hero .ads-banner { background: rgba(255,255,255,0.04); }
html[data-home-layout="split"] .hl-hero .ads-slide img { background: transparent; }
html[data-home-layout="split"] .hl-hero { justify-content: center; gap: 0; padding: 2.5rem 3.5rem; }
html[data-home-layout="split"] .hl-hero h1 { font-size: 2.35rem; }
html[data-home-layout="split"] .hl-hero .hl-tag { margin-bottom: 1.1rem; }
html[data-home-layout="split"] .hl-feats { gap: 0.5rem; margin-bottom: 1.6rem; }
html[data-home-layout="split"] .hl-feats span { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.13); border-radius: 99px;
  padding: 0.38rem 0.85rem; font-size: 0.84rem; }
html[data-home-layout="split"] .hl-hero .ads-dots { margin-top: 0.9rem; }
html[data-home-layout="split"] .hl-hero-reg { display: flex; align-items: center; gap: 0.9rem; margin: 1.3rem 10px 0;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.13); border-radius: 18px; padding: 0.9rem 1rem 0.9rem 0.9rem; }
html[data-home-layout="split"] .hl-hero-reg-ic { width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; background: rgba(240,165,133,0.16); color: #F0A585;
  display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }
html[data-home-layout="split"] .hl-hero-reg-txt { flex: 1; display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
html[data-home-layout="split"] .hl-hero-reg-txt b { color: #fff; font-size: 1rem; font-weight: 800; }
html[data-home-layout="split"] .hl-hero-reg-txt small { color: #CBD5E1; font-size: 0.82rem; line-height: 1.55; }
html[data-home-layout="split"] .hl-hero-reg a { flex-shrink: 0; background: var(--hl-orange); color: #fff; text-decoration: none; font-weight: 800; font-size: 0.9rem;
  padding: 0.7rem 1.1rem; border-radius: 12px; display: inline-flex; align-items: center; gap: 0.5rem; box-shadow: 0 8px 18px rgba(200,122,91,0.3); transition: 0.2s; }
html[data-home-layout="split"] .hl-hero-reg a:hover { background: #D88A6B; transform: translateY(-1px); }
@media (min-width: 901px) {
  /* خلفية العمود الأيمن كعنصر شبكة خلف محتواه */
  html[data-home-layout="split"] .container::before { content: ''; grid-column: 1; grid-row: 1 / 4; z-index: 0;
    background: var(--hl-pattern), linear-gradient(180deg, #FFFFFF 0%, #F5F7FB 100%); }
  html[data-home-layout="split"] .main-header, html[data-home-layout="split"] .login-wrapper,
  html[data-home-layout="split"] .hl-credit { position: relative; z-index: 1; }
  html[data-home-layout="split"] .login-wrapper { max-width: 460px; width: calc(100% - 5rem); padding: 1.9rem 2rem 1.7rem; background: #fff; border-radius: 24px;
    border: 1px solid #EDF1F7; box-shadow: 0 24px 60px rgba(28,43,75,0.09), 0 2px 6px rgba(28,43,75,0.04); }
  html[data-home-layout="split"] .hl-welcome h2 { font-size: 1.65rem; }
  html[data-home-layout="split"] .main-header { padding-top: 1.6rem; }
}
@media (max-width: 900px) {
  html[data-home-layout="split"] .hl-hero { padding: 1.3rem 1rem 4.2rem; }
  html[data-home-layout="split"] .hl-hero h1 { font-size: 1.35rem; }
  html[data-home-layout="split"] .hl-hero-reg { display: none; }
  html[data-home-layout="split"] .hl-reg-m { display: flex; align-items: center; gap: 0.6rem; margin: 0.8rem 0.75rem 0; padding: 0.85rem 1rem;
    background: var(--hl-navy); color: #fff; border-radius: 16px; text-decoration: none; font-size: 0.9rem; box-shadow: 0 10px 24px rgba(28,43,75,0.18); }
  html[data-home-layout="split"] .hl-reg-m span { flex: 1; }
  html[data-home-layout="split"] .hl-reg-m b { color: #F0A585; }
  html[data-home-layout="split"] .hl-reg-m i:first-child { color: #F0A585; }
}
/* الشاشة المنقسمة: الشعاران في وسط العمود (كانا يميناً)، وسطر الحقوق متصل والرقم بعد الكلام مباشرة (كان في الطرف الآخر) */
html[data-home-layout="split"] .main-header > div:first-child { justify-content: center !important; }
html[data-home-layout="split"] .hl-credit { justify-content: center; gap: 0.6rem; flex-wrap: wrap; }