/* eSchool V106 — Mobile-first hardening. Arabic RTL is the default. */
html,body{max-width:100%;overflow-x:hidden}
body{direction:rtl}
img,svg,canvas,video{max-width:100%}

/* The old hamburger was removed. Keep the desktop navigation desktop-only. */
.menu-toggle,.menu-toggle-v2{display:none!important}
@media(max-width:980px){
  .topbar.topbar-v2{position:relative}
  .topbar-v2-inner{width:calc(100% - 24px)!important;min-height:68px!important;justify-content:flex-start!important}
  .brand.brand-v2{width:100%;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
  .brand.brand-v2 img{width:44px!important;height:44px!important;flex:0 0 auto}
  .brand.brand-v2 div{min-width:0;flex:1}
  .brand.brand-v2 strong{max-width:none!important;font-size:14px!important;line-height:1.45!important;white-space:normal!important}
  .brand.brand-v2 span{display:none!important}
  .nav.nav-v2{display:none!important}
  main.container{width:100%!important;max-width:100%!important;margin:0!important;padding-inline:12px!important}
  .page-navigator,.navigator-shell{max-width:100%!important}
}
@media(max-width:420px){
  .topbar-v2-inner{width:calc(100% - 18px)!important}
  .brand.brand-v2 img{width:40px!important;height:40px!important}
  .brand.brand-v2 strong{font-size:13px!important}
  main.container{padding-inline:9px!important}
}

/* Global mobile safety: no fixed desktop child is allowed to force horizontal overflow. */
@media(max-width:820px){
  .container>*{max-width:100%}
  table{max-width:100%}
  input,select,textarea,button{max-width:100%}
}