/* Zamani mobile admin layout fix, load AFTER style.css. */
@media screen and (max-width: 900px) {
  html, body { width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; overflow-x:clip !important; }
  *, *::before, *::after {box-sizing:border-box;}
  body { direction:rtl; }
  .wrap, main.wrap, .container, .main-content {
    width:calc(100% - 24px) !important; max-width:100% !important; min-width:0 !important;
    margin-inline:auto !important;
  }
  header.top {width:100% !important; max-width:100% !important; min-width:0 !important; overflow:visible !important;}
  header.top .wrap.nav {
    display:flex !important; width:calc(100% - 24px) !important; max-width:100% !important;
    min-width:0 !important; flex-direction:column !important; flex-wrap:wrap !important;
    align-items:center !important; justify-content:center !important; gap:10px !important;
    height:auto !important; min-height:0 !important; max-height:none !important; padding:12px 0 !important;
  }
  header.top .brand {max-width:100% !important; width:100% !important; min-width:0 !important;
    flex:0 1 auto !important; display:flex !important; justify-content:center !important; flex-wrap:wrap !important;
    align-items:center !important; gap:8px !important;}
  header.top .nav-links, header.top .nav > .nav-links {
    display:flex !important; width:100% !important; min-width:0 !important; max-width:100% !important;
    flex:0 1 auto !important; flex-wrap:wrap !important; justify-content:center !important; gap:7px !important;
  }
  header.top .nav-pill,header.top .who-badge {font-size:12px !important;padding:8px 10px !important;white-space:normal !important;text-align:center;}
  main.wrap {display:block !important; padding-top:16px !important;}
  main.wrap > *, main.wrap .panel, main.wrap .heading, main.wrap .module-panel,
  main.wrap .quick-links, main.wrap .modules-grid, main.wrap .stats,
  main.wrap .filters, main.wrap .grid {width:100% !important;max-width:100% !important;min-width:0 !important;}
  main.wrap .panel, main.wrap .module-panel {padding:16px !important; margin-inline:0 !important;}
  main.wrap .quick-links,main.wrap .modules-grid,main.wrap .stats,main.wrap .filters,main.wrap .grid {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;gap:12px !important;
  }
  main.wrap .quick-links > *, main.wrap .modules-grid > *, main.wrap .stats > *, main.wrap .filters > *, main.wrap .grid > * {
    min-width:0 !important; width:100% !important; max-width:100% !important;
  }
  main.wrap .shortcut-card {width:100% !important;max-width:100% !important;min-width:0 !important;}
  main.wrap input,main.wrap select,main.wrap textarea {max-width:100% !important;min-width:0 !important;}
  main.wrap .table-wrap {display:block !important;width:100% !important;max-width:100% !important;
    overflow-x:auto !important; -webkit-overflow-scrolling:touch !important;}
  main.wrap .table-wrap table {width:max-content !important;min-width:620px !important;max-width:none !important;}
  main.wrap .heading {display:flex !important;flex-wrap:wrap !important;gap:10px !important;}
  main.wrap h1 {overflow-wrap:anywhere;}
}
@media screen and (min-width:600px) and (max-width:900px) {
  main.wrap .modules-grid,main.wrap .quick-links,main.wrap .stats {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}