/* ==========================================================================
   EduTmc 13.3.0 — طبقة توحيد الهوية البصرية (تُحمَّل آخر شيء في كل الواجهات)
   المرجع: الصفحة الرئيسية الحالية (كحلي #092630 / ذهبي #D5B261 / عاجي #F5F1E7 / خط Cairo).
   لا تغيّر بنية الصفحات ولا وظائفها ولا بياناتها؛ تعالج المظهر والتداخل والتجاوب فقط.
   ========================================================================== */
@font-face{font-family:"Cairo";font-weight:400;font-display:swap;src:url(/v128/fonts/cairo-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FE80-FEFC}
@font-face{font-family:"Cairo";font-weight:600;font-display:swap;src:url(/v128/fonts/cairo-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FE80-FEFC}
@font-face{font-family:"Cairo";font-weight:700;font-display:swap;src:url(/v128/fonts/cairo-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FE80-FEFC}
@font-face{font-family:"Cairo";font-weight:400;font-display:swap;src:url(/v128/fonts/cairo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-weight:600;font-display:swap;src:url(/v128/fonts/cairo-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-weight:700;font-display:swap;src:url(/v128/fonts/cairo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --u-navy:#092630;--u-navy2:#173944;--u-gold:#D5B261;--u-gold-d:#A68B4A;--u-ivory:#F5F1E7;--u-ivory2:#EFE7D2;
  --u-ink:#263238;--u-ink3:#556469;--u-line:#E0D9C5;--u-field:#85938F;--u-white:#fff;
  --u-grad-gold:linear-gradient(180deg,#E3C77F 0%,#D5B261 55%,#C9A455 100%);
  --u-r:16px;--u-r-sm:10px;--u-card-sh:0 4px 16px rgba(9,38,48,.07);--u-font:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  /* رموز الواجهات القديمة (/dashboard و/control) ← هوية موحدة */
  --primary:#173944;--primary2:#092630;--ink:#092630;--muted:#556469;--line:#E0D9C5;--bg:#F5F1E7;--card:#fff;
  --gold:#D5B261;--gold-soft:#EFE7D2;--shadow:0 4px 16px rgba(9,38,48,.07);--accent:#D5B261;
  --zp-blue:#092630;--zp-blue2:#173944;--zp-blue-soft:#EFE7D2;--zp-blue-line:#E0D9C5;--zp-ink:#092630;--zp-muted:#556469;
  --s-bg:#F5F1E7;--s-card:#fff;--s-ink:#092630;--s-ink2:#263238;--s-blue:#173944;--s-blue100:#EFE7D2;--s-line:#E0D9C5;--s-field:#85938F;--s-sh:0 4px 16px rgba(9,38,48,.07);
}

/* ---------- خط واحد وخلفية واحدة ---------- */
html body,html body *:not(svg):not(path):not(i):not(.material-icons){font-family:var(--u-font)}
html body{background:var(--u-ivory);color:var(--u-ink)}
button,input,select,textarea{font-family:inherit}
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}

/* ---------- إصلاحات تباين وتداخل مشتركة (الواجهات الجديدة /v128) ---------- */
html body section.tma-hero .tma-hero-text>p.lead{color:#E9EEF0}
html body .tma-hero .zp-card p,html body .tma-hero .zp-card .lead{color:var(--u-ink)}
html body .zp-header .zp-user{background:transparent;border:1.5px solid rgba(213,178,97,.6);box-shadow:none;color:#fff}
html body .zp-header .zp-user .nm{color:#fff;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .zp-header .zp-user:hover{background:rgba(255,255,255,.08)}
html body .zp-header .zp-wrap{gap:10px;min-width:0}
html body .zp-header .zp-nav{min-width:0;flex:1 1 0;gap:2px;flex-wrap:nowrap;overflow:hidden}
html body .zp-header .zp-nav a{white-space:nowrap;padding-inline:9px;font-size:.9rem}
html body .zp-header .zp-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}
/* القائمة العلوية: لا تداخل — تظهر أهم الروابط فقط على الشاشات العريضة، وكل الروابط في قائمة ☰ */
@media(min-width:900px){html body .zp-header .zp-menu-btn{display:grid!important}html body .zp-header .zp-nav{display:none}}
@media(min-width:1500px){html body .zp-header .zp-nav{display:flex}html body .zp-header .zp-nav a:nth-child(n+6){display:none}}
html body .zp-header .zp-lang{white-space:nowrap}
/* الزر العائم للمساعد لا يغطي أي عنصر من القائمة الجانبية */
@media(min-width:1024px){html body .tma-asst{inset-inline-start:auto;inset-inline-end:18px}}
html body .tma-asst-fab{border:2px solid var(--u-gold);background:var(--u-navy);color:var(--u-gold)}
/* القائمة الجانبية للوحات الجديدة */
html body .zp-side{background:#fff;border-inline-start:1px solid var(--u-line)}
html body .zp-side-link{min-height:44px}
html body .zp-side-foot{padding-bottom:84px}

/* ---------- الأزرار والحقول والبطاقات (للواجهات القديمة والجديدة معًا) ---------- */
html body .btn:not(.secondary):not(.ghost),html body button.primary,html body .small-btn.primary,html body .btn.primary{background:var(--u-grad-gold)!important;color:var(--u-navy)!important;border:1px solid var(--u-gold-d)!important;border-radius:14px;box-shadow:0 6px 16px rgba(9,38,48,.18);font-weight:700}
html body .btn:not(.secondary):not(.ghost):hover,html body button.primary:hover{background:linear-gradient(180deg,#EBD08C,#D9B866)!important;color:var(--u-navy)!important}
html body .btn.secondary,html body .small-btn:not(.primary),html body button.secondary{background:#fff!important;color:var(--u-navy)!important;border:1.5px solid var(--u-line)!important;border-radius:14px;box-shadow:none}
html body .btn.secondary:hover,html body .small-btn:not(.primary):hover{border-color:var(--u-gold-d)!important;background:var(--u-ivory2)!important}
html body .btn,html body .small-btn,html body .icon-btn{min-height:44px;font-weight:700;letter-spacing:0}
html body .field input,html body .field select,html body .field textarea,html body .search,html body input:not([type=checkbox]):not([type=radio]):not([type=range]),html body select,html body textarea{border:1.5px solid var(--u-field);border-radius:12px;background:#fff;color:var(--u-navy)}
html body input:focus,html body select:focus,html body textarea:focus{outline:3px solid rgba(166,139,74,.45);outline-offset:1px}
html body .card,html body .stat-card,html body .quick-card,html body .family-card,html body .public-material-card,html body .zp-lesson-card,html body .market-card,html body .modal-card{background:#fff;border:1px solid var(--u-line);border-radius:var(--u-r);box-shadow:var(--u-card-sh)}
html body .eyebrow{color:var(--u-gold-d);font-weight:700;letter-spacing:0}
html body .muted{color:var(--u-ink3)}
html body a{color:var(--u-navy2)}

/* ---------- /dashboard (الواجهة القديمة): ترويسة كحلية بحدّ ذهبي كالرئيسية ---------- */
html body .horizontal-nav-shell{background:rgba(9,38,48,.97)!important;border-bottom:2px solid var(--u-gold)!important;box-shadow:0 4px 18px rgba(9,38,48,.25)!important;color:#fff!important;gap:12px;flex-wrap:nowrap;min-height:68px;padding:8px 18px!important}
html body .horizontal-nav-shell *{color:#fff!important}
html body .horizontal-nav-shell .brand-z{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:0!important;background:url(/v128/img/brand/logo-mark.svg) center/contain no-repeat!important;box-shadow:none;color:transparent!important}
html body .horizontal-nav-shell .brand-lockup{display:flex;align-items:center;gap:10px;white-space:nowrap}
html body .horizontal-nav-shell .brand-lockup small{color:#E7DDC0!important;font-size:.7rem;letter-spacing:.12em}
html body .horizontal-nav-shell button,html body .horizontal-nav-shell .mega-direct,html body .horizontal-nav-shell .mega-trigger{background:transparent!important;border:1.5px solid rgba(213,178,97,.55)!important;border-radius:12px;box-shadow:none!important;min-height:44px}
html body .horizontal-nav-shell button:hover,html body .horizontal-nav-shell .mega-direct:hover,html body .horizontal-nav-shell .mega-trigger:hover{background:rgba(255,255,255,.08)!important}
html body .horizontal-nav-shell .mega-direct.active,html body .horizontal-nav-shell .mega-trigger[aria-expanded=true]{background:rgba(213,178,97,.18)!important;border-color:var(--u-gold)!important}
html body .horizontal-nav-shell .mega-direct.active,html body .horizontal-nav-shell .mega-direct.active *{color:var(--u-gold)!important}
html body .horizontal-nav-shell .horizontal-user-card{padding:6px 12px;min-width:0;max-width:240px;overflow:hidden}
html body .horizontal-nav-shell .horizontal-user-card .avatar{background:var(--u-gold)!important;color:var(--u-navy)!important}
html body .horizontal-nav-shell .horizontal-user-card .avatar *{color:var(--u-navy)!important}
html body .horizontal-nav-shell .horizontal-user-zone{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}
html body .horizontal-nav-shell .horizontal-logout,html body .horizontal-nav-shell #logout{white-space:nowrap;padding-inline:12px;position:static;margin:0}
html body .horizontal-nav-shell .horizontal-mega-nav{flex:1 1 auto;min-width:0;overflow:visible}
html body .mega-panel{background:#fff!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r);box-shadow:0 12px 32px rgba(9,38,48,.2)!important}
html body .mega-panel,html body .mega-panel *{color:var(--u-navy)!important}
/* الصفحة الداخلية: رأس القسم وشريط الأقسام */
html body .top.global-header,html body header.top{background:#fff!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r)!important;box-shadow:var(--u-card-sh)!important}
html body .banner{background:linear-gradient(180deg,var(--u-navy) 0%,var(--u-navy2) 100%)!important;color:#fff;border-radius:22px!important}
html body .banner,html body .banner *{color:#fff!important}
html body .banner .eyebrow{color:var(--u-gold)!important}
html body .banner .btn,html body .banner button{color:var(--u-navy)!important}
html body .app.dashboard-layout{background:var(--u-ivory)}
html body .app-footer,html body .global-footer{background:var(--u-navy)!important;color:#E9EEF0!important;border-top:3px solid var(--u-gold)!important;border-radius:0}
html body .app-footer *,html body .global-footer *{color:#E9EEF0!important}
html body .app-footer a:hover,html body .app-footer button:hover{color:var(--u-gold)!important}
html body .partners-strip{display:none!important}  /* لا تُعرض أي جهة كشريك قبل إثبات العلاقة */
html body .version-chip{display:none!important}

/* القائمة الجانبية الديناميكية (للأعضاء) — تُطابق لوحات الطالب الجديدة */
html body #zpDynamicSidebar{background:#fff;border:1px solid var(--u-line);border-radius:var(--u-r);box-shadow:0 12px 32px rgba(9,38,48,.12)}
html body #zpDynamicSidebar .zp-side-group-btn{background:#fff;border:1px solid var(--u-line);border-radius:14px;min-height:44px}
html body #zpDynamicSidebar .zp-side-group.open>.zp-side-group-btn,html body #zpDynamicSidebar .zp-side-group-btn:hover{background:var(--u-ivory2);border-color:var(--u-gold-d)}
html body #zpDynamicSidebar .zp-side-logo{background:transparent}
html body #zpDynamicSidebar .zp-side-foot,html body #zpDynamicSidebar .zp-side-bottom{padding-bottom:78px}
@media(min-width:1024px){html body .zp-global-ai-fab,html body .zp-ai-fab{inset-inline-start:auto;inset-inline-end:18px}}

/* ---------- /control و/admin-hub ---------- */
html body .control-head,html body .control-top,html body header.topbar{background:var(--u-navy)!important;color:#fff;border-bottom:2px solid var(--u-gold)!important}
html body .control-head *,html body .control-top *,html body header.topbar *{color:inherit}

/* ---------- تذييل موحد ---------- */
html body .zp-ft{background:var(--u-navy);border-top:3px solid var(--u-gold);color:#E9EEF0}
html body .zp-ft h4{color:var(--u-gold)}
html body .zp-ft-legal{margin-top:12px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid rgba(213,178,97,.35);border-radius:12px;background:rgba(255,255,255,.04);font-size:.85rem;color:#E9EEF0}
html body .zp-ft-legal bdi{color:var(--u-gold);font-weight:700;letter-spacing:.04em}
html body .zp-ft-pay{display:flex;flex-direction:column;gap:6px}
html body .zp-ft-pay h4{margin:0}
html body .zp-ft-pay .zp-pay-soon{font-size:.88rem;color:#E7DDC0;border:1px dashed rgba(213,178,97,.5);border-radius:12px;padding:8px 12px}
html body .zp-ft-bottom{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
html body .zp-ft-soc .zp-soc{width:44px;height:44px}

/* ---------- تجاوب عام: لا نصوص أو أزرار تخرج من مكانها ---------- */
html body .btn,html body .small-btn,html body button{max-width:100%}
html body .btn,html body .small-btn{white-space:normal;text-align:center}
html body .card,html body .stat-card,html body .family-card,html body .zp-lesson-card{min-width:0;overflow-wrap:anywhere}
html body table{max-width:100%}
html body .table-wrap,html body .zp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:900px){
  html body .horizontal-nav-shell{padding:6px 10px!important;gap:8px}
  html body .horizontal-nav-shell .horizontal-user-card{max-width:150px}
  html body .horizontal-nav-shell .horizontal-user-card .small,html body .horizontal-nav-shell .horizontal-user-card .zp-member-achievements{display:none}
  html body .horizontal-nav-shell .brand-lockup small{display:none}
  html body .banner{padding:20px!important}
}
@media(max-width:560px){
  html body input,html body select,html body textarea{font-size:16px}
  html body .zp-header-actions [data-auth]{display:none}
  html body .horizontal-nav-shell .horizontal-user-card{max-width:112px}
  html body .horizontal-nav-shell .horizontal-user-card *:not(.avatar):not(.avatar *){font-size:.78rem}
}
@media print{html body .tma-asst,html body .zp-bottom{display:none!important}}

/* ---- تصحيحات ترويسة /dashboard بعد الاختبار ---- */
html body .horizontal-nav-shell *{font-family:var(--u-font)!important}
html body .horizontal-nav-shell .horizontal-user-card,html body .horizontal-nav-shell #logout,html body .horizontal-nav-shell .zp-header-logout{background:transparent!important;background-image:none!important;box-shadow:none!important;border:1.5px solid rgba(213,178,97,.55)!important;color:#fff!important;border-radius:12px}
html body .horizontal-nav-shell .horizontal-user-card *{background-image:none!important;box-shadow:none!important}
html body .horizontal-nav-shell .horizontal-user-card .zp-member-achievements span,html body .horizontal-nav-shell .horizontal-user-card .zp-member-achievements b{background:rgba(255,255,255,.1)!important;border:1px solid rgba(213,178,97,.4)!important;color:#fff!important}
html body .horizontal-nav-shell .horizontal-mega-nav{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0}
html body .horizontal-nav-shell #logout{width:auto;min-width:44px;gap:6px;display:inline-flex;align-items:center;justify-content:center;overflow:visible}
html body .horizontal-nav-shell .horizontal-user-zone{margin-inline-start:auto}
/* أعلى أولوية: ترويسة الأعضاء */
html body header.horizontal-nav-shell .horizontal-user-zone button.horizontal-user-card,
html body header.horizontal-nav-shell .horizontal-user-zone button#logout{background:transparent none!important;background-image:none!important;color:#fff!important;border:1.5px solid rgba(213,178,97,.55)!important;box-shadow:none!important;border-radius:12px!important}
html body header.horizontal-nav-shell .horizontal-user-zone button.horizontal-user-card:hover,
html body header.horizontal-nav-shell .horizontal-user-zone button#logout:hover{background:rgba(255,255,255,.08) none!important}
html body header.horizontal-nav-shell .logout-label{display:none!important}
html body header.horizontal-nav-shell .logout-icon{font-size:1.25rem;line-height:1;color:#fff!important}
html body header.horizontal-nav-shell .horizontal-user-card .zp-member-achievements{display:none!important}
html body header.horizontal-nav-shell .horizontal-user-card b{color:#fff!important;font-size:.85rem!important}
html body header.horizontal-nav-shell .horizontal-user-card small{color:#E7DDC0!important;font-size:.72rem!important}
@media(max-width:900px){html body header.horizontal-nav-shell .horizontal-user-card div:not(.avatar){display:none!important}html body header.horizontal-nav-shell .horizontal-user-card{padding:4px!important;max-width:56px}}
html body header.horizontal-nav-shell .horizontal-user-zone,html body header.horizontal-nav-shell .horizontal-user-zone *:not(.avatar):not(.avatar *){background-image:none!important}
html body header.horizontal-nav-shell .horizontal-user-zone *:not(.avatar):not(.avatar *):not(button){background-color:transparent!important}
html body header.horizontal-nav-shell .horizontal-user-card::before,html body header.horizontal-nav-shell .horizontal-user-card::after{display:none!important}

/* ---- إلغاء بقايا الهوية الزرقاء القديمة (v12-blue-unified) داخل #app ---- */
html body #app.dashboard-layout button,html body #app.dashboard-layout .screen button,html body #app.dashboard-layout .btn:not(.danger),html body #app.dashboard-layout .quick-card,html body #app.dashboard-layout button[data-s],html body #app.dashboard-layout button[data-admin-tab]{background:linear-gradient(180deg,#fff,#F9F6EE)!important;border:1px solid var(--u-line)!important;color:var(--u-navy)!important;border-radius:13px!important;box-shadow:0 2px 8px rgba(9,38,48,.06)!important;font-weight:700!important}
html body #app.dashboard-layout button:hover,html body #app.dashboard-layout .screen button:hover,html body #app.dashboard-layout .btn:not(.danger):hover,html body #app.dashboard-layout .quick-card:hover,html body #app.dashboard-layout button[data-s]:hover{background:var(--u-ivory2)!important;border-color:var(--u-gold-d)!important}
html body #app.dashboard-layout button.active,html body #app.dashboard-layout button[data-s].active,html body #app.dashboard-layout button[data-admin-tab].active,html body #app.dashboard-layout .mega-direct.active{background:linear-gradient(135deg,var(--u-navy),var(--u-navy2))!important;color:#fff!important;border-color:var(--u-navy)!important}
html body #app.dashboard-layout .btn.primary,html body #app.dashboard-layout .btn:not(.secondary):not(.danger):not(.ghost):not(.small-btn){background:var(--u-grad-gold)!important;color:var(--u-navy)!important;border:1px solid var(--u-gold-d)!important;box-shadow:0 6px 16px rgba(9,38,48,.18)!important}
html body #app.dashboard-layout .btn.primary:hover{background:linear-gradient(180deg,#EBD08C,#D9B866)!important}
html body #app.dashboard-layout .card,html body #app.dashboard-layout .soft-card,html body #app.dashboard-layout .screen>.card{border:1px solid var(--u-line)!important;border-radius:var(--u-r)!important;box-shadow:var(--u-card-sh)!important}
/* أزرار الترويسة (أعلى أولوية) */
html body #app.dashboard-layout header.horizontal-nav-shell button,html body #app.dashboard-layout header.horizontal-nav-shell .mega-direct{background:transparent none!important;border:1.5px solid rgba(213,178,97,.55)!important;color:#fff!important;box-shadow:none!important}
html body #app.dashboard-layout header.horizontal-nav-shell button:hover{background:rgba(255,255,255,.08) none!important}
html body #app.dashboard-layout header.horizontal-nav-shell button.active,html body #app.dashboard-layout header.horizontal-nav-shell .mega-direct.active{background:rgba(213,178,97,.18) none!important;border-color:var(--u-gold)!important}
html body #app.dashboard-layout button.active *,html body #app.dashboard-layout button[data-s].active *{color:inherit!important}
html body #app.dashboard-layout button.active small{color:#E7DDC0!important}
/* أزرار الجوال العائمة (خروج/إعدادات/المساعد) بهوية موحدة */
html body .zp-member-controls button,html body .zp-member-controls a{background:var(--u-navy) none!important;color:var(--u-gold)!important;border:2px solid var(--u-gold)!important;box-shadow:0 6px 16px rgba(9,38,48,.28)!important;border-radius:50%!important}
html body .zp-member-controls *{color:var(--u-gold)!important}
html body .horizontal-menu-toggle{width:46px;min-width:46px;padding:0!important;justify-self:end}
@media(max-width:900px){html body header.horizontal-nav-shell{display:flex!important;flex-wrap:nowrap;align-items:center}html body header.horizontal-nav-shell .horizontal-menu-toggle{order:2;margin-inline-start:auto}html body header.horizontal-nav-shell .horizontal-user-zone{order:3;margin-inline-start:0}html body header.horizontal-nav-shell .horizontal-brand{order:1;min-width:0}}
@media(max-width:1023px){
  html body #app.dashboard-layout header.horizontal-nav-shell{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px}
  html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-brand{order:1;flex:1 1 auto;min-width:0}
  html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-menu-toggle{order:2;flex:0 0 46px;width:46px!important;height:46px;padding:0!important;justify-content:center;margin:0!important}
  html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-menu-toggle span:not(:first-child){display:none}
  html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-user-zone{order:3;flex:0 0 auto;margin:0}
  html body .zp-member-controls{left:12px!important;top:auto!important;bottom:14px!important;flex-direction:row!important}
}
@media(max-width:1023px){
  html body #app.dashboard-layout header.horizontal-nav-shell{display:grid!important;direction:rtl!important;grid-template-columns:minmax(0,1fr) 46px 48px!important;grid-auto-flow:column;align-items:center;gap:8px!important}
  html body #app.dashboard-layout header.horizontal-nav-shell>.horizontal-brand{grid-column:1;grid-row:1}
  html body #app.dashboard-layout header.horizontal-nav-shell>.horizontal-menu-toggle{grid-column:2;grid-row:1}
  html body #app.dashboard-layout header.horizontal-nav-shell>.horizontal-user-zone{grid-column:3;grid-row:1}
}
html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-menu-toggle span{display:none!important}
html body #app.dashboard-layout header.horizontal-nav-shell .horizontal-menu-toggle{font-size:1.3rem;overflow:hidden}
html[dir=rtl] body .zp-ft a[dir=ltr]{justify-content:flex-end}
@media(min-width:1024px){html body.tma-has-bnav{padding-bottom:0}}
/* ---- ترويسة الجوال: كل الأيقونات داخل الشاشة (شعار فقط + أزرار 44px) ---- */
@media(max-width:560px){
  html body .zp-header .zp-wrap{gap:4px;padding-inline:8px}
  html body .zp-header .zp-brand{flex:0 1 auto;min-width:0}
  html body .zp-header .zp-brand>div{display:none}
  html body .zp-header .zp-header-actions{gap:4px;margin-inline-start:auto}
  html body .zp-header .zp-lang{font-size:0;padding:0;width:44px;min-width:44px;justify-content:center}
  html body .zp-header .zp-lang [data-ic],html body .zp-header .zp-lang svg{margin:0}
  html body .zp-header .zp-user{padding:0;width:44px;min-width:44px;justify-content:center}
  html body .zp-header .zp-user .nm{display:none}
}
/* منع تمدّد الشبكات بسبب محتوى لا ينكسر */
html body .pd-col{grid-template-columns:minmax(0,1fr)}
html body .pd-grid>*,html body .pd-col>*,html body .zp-grid>*,html body main [class$="-grid"]>*{min-width:0}
html body .zp-card{overflow-wrap:anywhere}
@media(max-width:1023px){
  html body .zp-header .zp-lang{font-size:0;padding:0;width:44px;min-width:44px;justify-content:center}
  html body .zp-header .zp-lang [data-ic],html body .zp-header .zp-lang svg{margin:0}
  html body .zp-header .zp-user .nm{max-width:8ch}
}
@media(max-width:1023px){html body .zp-header .zp-header-actions{gap:5px}html body .zp-header .zp-header-actions .zp-btn:not(.zp-lang){padding-inline:12px}html body .zp-header .zp-wrap{gap:6px}}
html body .zp-header .zp-lang [data-ic]{font-size:1.25rem;display:inline-flex}
html body .zp-header .zp-lang [data-ic] svg{width:20px;height:20px}
html body .tma-asst{inset-inline-start:auto;inset-inline-end:14px}
html body .zp-header .zp-lang>*{font-size:1.25rem}
html body .zp-header .zp-lang svg,html body .zp-header .zp-lang .ic{width:20px;height:20px;flex:none}
html body .zp-header .zp-iconbtn,html body .zp-header .zp-menu-btn,html body .zp-header .zp-lang,html body .zp-header .zp-btn:not(.primary){background:transparent!important;color:#fff!important;border:1.5px solid rgba(213,178,97,.6)!important;box-shadow:none!important}
html body .zp-header .zp-iconbtn:hover,html body .zp-header .zp-menu-btn:hover,html body .zp-header .zp-lang:hover,html body .zp-header .zp-btn:not(.primary):hover{background:rgba(255,255,255,.08)!important;color:var(--u-gold)!important}
html body .zp-header .zp-btn.primary{background:var(--u-grad-gold)!important;color:var(--u-navy)!important}
@media(max-width:1023px){
  html body .zp-header .zp-lang>[data-ic]{display:none}
  html body .zp-header .zp-lang[lang=en]::after{content:"EN";font-size:.85rem;font-weight:700}
  html body .zp-header .zp-lang[lang=ar]::after{content:"ع";font-size:1rem;font-weight:700}
}
/* الشعار الأصلي بدل مربع النص في القوائم الجانبية + ألوان الأفاتار بالهوية */
html body .zp-side-logo,html body #zpDynamicSidebar .zp-side-logo{font-size:0!important;background:url(/v128/img/brand/logo-mark.svg) center/contain no-repeat!important;color:transparent!important;border:0!important;box-shadow:none!important}
html body #app.dashboard-layout .avatar:not(.horizontal-user-avatar),html body #app.dashboard-layout .identity-overview-avatar{background:var(--u-grad-gold)!important;color:var(--u-navy)!important}
/* ---- /control: أزرار الترويسة بنفس نمط الواجهات الأخرى ---- */
html body header.topbar .top-actions button,html body header.topbar .top-actions .live,html body header.topbar .top-actions .v940-owner-safe-badge,html body header.topbar .top-actions a{background:transparent none!important;border:1.5px solid rgba(213,178,97,.6)!important;color:#fff!important;box-shadow:none!important;border-radius:12px;min-height:44px}
html body header.topbar .top-actions button:hover{background:rgba(255,255,255,.08) none!important;color:var(--u-gold)!important}
html body header.topbar .top-actions .v940-owner-safe-badge{background:rgba(255,255,255,.04)!important}
html body header.topbar h1,html body header.topbar #pageTitle{color:#fff!important}
/* هيرو صفحات الشركاء/التوريد/التنقل/التدريب/المزوّدين: يبقى كحليًا (كانت قاعدة الأقسام الفردية تبيّضه) */
html body section.tp-hero{background:linear-gradient(135deg,#092630,#173944)!important;color:#F5F1E7;border:1px solid rgba(213,178,97,.35);border-top:3px solid var(--u-gold)}
html body section.tp-hero h1{color:#fff}
html body section.tp-hero p,html body section.tp-hero p *{color:#E9EEF0}
html body section.tp-hero .tp-badge,html body section.tp-hero .tp-badge *{color:var(--u-gold)}

/* ===== v13.3.1 — registration dialog (account type, OTP, countdown) ===== */
.zp-join-row{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:-4px 0 14px;font-size:.9rem}
.zp-join-row a{font-weight:700;color:var(--zp-blue);text-decoration:underline;text-underline-offset:3px}
.zp-types{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.zp-types>legend{padding:0;margin-bottom:8px}
.zp-type{position:relative;display:block;cursor:pointer}
.zp-type input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.zp-type-b{display:grid;gap:2px;padding:11px 14px;padding-inline-start:46px;border:1.5px solid var(--zp-line);border-radius:14px;background:#fff;position:relative;text-align:start;transition:border-color .15s,background .15s,box-shadow .15s}
.zp-type-b::before{content:"";position:absolute;inset-inline-start:15px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid #8a9a9f;border-radius:50%;background:#fff;box-sizing:border-box}
.zp-type-b b{font-size:1rem;color:var(--zp-ink)}
.zp-type-b small{font-size:.8125rem;color:var(--zp-ink-3);line-height:1.5}
.zp-type-b em{font-style:normal;font-size:.75rem;font-weight:600;color:#6B4500;margin-top:2px}
.zp-type:hover .zp-type-b{border-color:#a68b4a}
.zp-type input:checked+.zp-type-b{border-color:#a68b4a;background:#fbf6e8;box-shadow:0 0 0 1px #a68b4a inset}
.zp-type input:checked+.zp-type-b::before{border-color:#a68b4a;background:radial-gradient(circle,#a68b4a 0 4px,#fff 5px)}
.zp-type input:focus-visible+.zp-type-b{outline:3px solid var(--zp-focus,#4c8bf5);outline-offset:2px}
.zp-chosen{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:var(--zp-surface-2,#f5f1e7);font-size:.9rem}
.zp-link{background:none;border:0;padding:6px 4px;min-height:36px;color:var(--zp-blue);font:600 .9rem var(--zp-font,inherit);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.zp-row{display:flex;gap:8px;flex-wrap:wrap}
.zp-row .zp-btn{flex:1 1 140px}
.zp-btn[disabled]{opacity:.6;cursor:not-allowed}
.zp-otp{font-size:1.5rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}
.zp-dialog .zp-alert{align-items:flex-start;line-height:1.6}
.zp-dialog .zp-alert span{min-width:0;overflow-wrap:anywhere}
.zp-dialog .zp-input,.zp-dialog .zp-select{max-width:100%}
@media(max-width:640px){.zp-dialog .zp-tabs{display:flex}.zp-dialog .zp-tab{flex:1}}