/* ===== الهيدر الموحّد لكل صفحات SMAZOD =====
   مصدر واحد: الألوان والمقاسات من tokens.css (--hdr-bg / --hdr-radius / --hdr-h).
   أي صفحة جديدة فيها عنصر بكلاس .topbar (أو .ap-top أو .nav في الصفحات العامة) تاخد الشكل ده تلقائيًا.
   شكل 3: أبيض مخفف بعرض الصفحة + حواف سفلية مدوّرة، بدون إطار أو ظل. */
html:not(.dark):not(#hd1):not(#hd2):not(#hd3):not(#hd4):not(#hd5):not(#hd6):not(#hd7):not(#hd8):not(#hd9):not(#hd10):not(#hd11):not(#hd12):not(#hd13):not(#hd14) body :is(.topbar,.ap-top){background:var(--hdr-bg,#f4f5ff)!important;border:0!important;border-radius:var(--hdr-radius,0 0 18px 18px)!important;margin:var(--hdr-mt,6px) 0 var(--hdr-mb,6px)!important;box-shadow:none!important;min-height:var(--hdr-h,56px)!important;height:var(--hdr-h,56px)!important;box-sizing:border-box!important}
html:not(.dark):not(#hd1):not(#hd2):not(#hd3):not(#hd4):not(#hd5):not(#hd6):not(#hd7):not(#hd8):not(#hd9):not(#hd10):not(#hd11):not(#hd12):not(#hd13):not(#hd14) body .nav{background:var(--hdr-bg,#f4f5ff)!important;border:0!important;border-radius:var(--hdr-radius,0 0 18px 18px)!important;box-shadow:none!important}
html:not(.dark):not(#hd1):not(#hd2):not(#hd3):not(#hd4):not(#hd5):not(#hd6):not(#hd7):not(#hd8):not(#hd9):not(#hd10):not(#hd11):not(#hd12):not(#hd13):not(#hd14) body .nav .nav-in{background:transparent!important}
html:not(.dark):not(#hd1):not(#hd2):not(#hd3):not(#hd4):not(#hd5):not(#hd6):not(#hd7):not(#hd8):not(#hd9):not(#hd10):not(#hd11):not(#hd12):not(#hd13):not(#hd14) body .twh .user{border-color:#e2e2e2}
html.dark:not(#hd1):not(#hd2):not(#hd3):not(#hd4):not(#hd5):not(#hd6):not(#hd7):not(#hd8):not(#hd9):not(#hd10):not(#hd11):not(#hd12):not(#hd13):not(#hd14) body :is(.topbar,.ap-top){background:var(--hdr-bg-dark,#17181a)!important;border-radius:var(--hdr-radius,0 0 18px 18px)!important;margin:var(--hdr-mt,6px) 0 var(--hdr-mb,6px)!important}
@media print{.topbar,.ap-top,.nav{display:none!important}}

/* ===== هيدر مصغّر على مستوى الموقع كله (v27) =====
   التطبيق والأدمن (.topbar / .ap-top): ارتفاع var(--hdr-h) ومسافة فوق وتحت (--hdr-mt / --hdr-mb) — من tokens.css.
   الصفحات العامة (.nav): نفس الارتفاع 56px والشعار والزرار أصغر. */
html body.hv2{--nav-h:56px}
html body.hv2 .nav .nav-in{height:56px!important;min-height:56px!important}
html body.hv2 .nav .brand.brand-full img{width:auto!important;height:34px!important;max-width:none!important}
html body.hv2 .nav .brand.brand-full img.eg-word{height:16px!important}
@media(max-width:760px){html body.hv2 .nav .brand.brand-full img{height:28px!important}html body.hv2 .nav .brand.brand-full img.eg-word{height:13px!important}}
html body.hv2 .nav .nav-cta .btn{height:36px!important;font-size:13.5px!important}