/* ===== موبايل — يُحمَّل بعد theme.css ===== */
@media(max-width:900px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:15px;overflow-x:hidden}
  .app{display:block;min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}

  /* الشريط الجانبي ← شريط تنقل سفلي */
  aside{position:fixed!important;inset:auto 0 0 0;top:auto;height:auto!important;z-index:40;padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
    border:0;border-top:1px solid var(--bd);background:var(--card)!important;color:var(--ink);box-shadow:0 -4px 18px rgba(15,27,45,.08)}
  aside .logo,aside .ws,aside .nl{display:none!important}
  #nav{display:flex;flex-direction:row;gap:2px;overflow-x:auto;padding:0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #nav::-webkit-scrollbar{display:none}
  #nav button{flex:0 0 auto;flex-direction:column;justify-content:center;gap:3px;min-width:68px;margin:0!important;padding:7px 8px!important;
    font-size:.68rem!important;line-height:1.2;color:var(--mu)!important;border-radius:10px;text-align:center;opacity:1}
  #nav button svg{width:21px;height:21px}
  #nav button span{white-space:nowrap}
  #nav button.on{background:var(--ac2)!important;color:var(--ac)!important;box-shadow:none}
  #nav .lo{margin:0!important;color:var(--r)!important}

  /* الشريط العلوي */
  main{padding:0 14px 20px}
  .top{position:sticky;top:0;z-index:30;flex-wrap:wrap;gap:8px;margin:0 -14px 14px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px}
  .top .sw{order:3;flex:1 0 100%;max-width:none}
  .top .sp{display:none}
  .top .av,#bell,#dm{width:38px;height:38px}
  .top .av{margin-inline-start:auto}
  .top select,#wsbtn{max-width:150px}

  /* عناوين وأزرار */
  h2{font-size:1.2rem}
  .ph{gap:8px;margin-bottom:12px}
  .ph .tools{width:100%}
  .ph .tools>*{flex:1 1 auto}
  .btn{min-height:40px;justify-content:center}
  .ib{padding:8px}
  .card{padding:14px;border-radius:12px;margin-bottom:14px}
  .tools,.row{flex-wrap:wrap}

  /* حقول — 16px تمنع تكبير iOS التلقائي */
  input,select,textarea{font-size:16px;min-height:42px}

  /* شبكات */
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .kpis .card{padding:12px}.kpis b,.kpis .card b{font-size:1.2rem}
  .kc2 .ic{width:32px;height:32px;margin-bottom:4px}
  .dg,.dg3,.grid2,.grid2b,.cols3,.cols4{grid-template-columns:1fr!important;gap:14px}

  /* الجداول: تسكرول أفقي داخل الكارت */
  .tw,.card.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{font-size:.85rem}
  th,td{padding:9px 8px;white-space:nowrap}

  /* المودال ← bottom sheet */
  #modal .mb{align-items:end;padding:0}
  .md{max-width:none;border-radius:18px 18px 0 0;max-height:88dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}

  .toast{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));text-align:center}
  .chat{max-height:240px}
  #jitsi{min-height:240px}
}
@media(max-width:380px){
  .kpis{grid-template-columns:1fr}
  #nav button{min-width:60px}
}
/* صفحات الدخول والرئيسية */
@media(max-width:600px){
  .box{margin:6vh 14px;padding:22px 18px;max-width:none}
  .hero{padding:20px 16px;min-height:100dvh}
  .hero .btn{width:100%}
}