/* تصميم تطبيق الجوال v5 — شريط سفلي عائم (كبسولة) + ترويسة سطر واحد + بطاقات بدل الجداول
   + معالجة جذرية للتمدد الأفقي + إعادة تصميم بطاقات محرك النمو للجوال */
/* يُحمَّل فقط عند العرض <=860px عبر media في وسم link.
   ملاحظة مهمة: ملف CSS الأساسي للنظام يأتي بعد هذا الملف في ترتيب الصفحة،
   لذلك كل قاعدة حاسمة هنا مكتوبة بـ !important حتى لا يلغيها الأساسي. */

/* ===== منع أي تمدد أفقي — من المصدر لا بالقص فقط =====
   السبب الجذري: عناصر الـ grid افتراضياً min-width:auto فيصير أدنى عرض للمسار
   هو min-content للعنصر، فيتجاوز minmax(360px,1fr) المعلن ويكسر الشاشة. */
html,body{max-width:100%!important;overflow-x:hidden!important}
@supports (overflow:clip){html,body{overflow-x:clip!important}}
.wrap *{min-width:0!important}
.g2grid{grid-template-columns:minmax(0,1fr)!important}
.gc-m{grid-template-columns:repeat(3,minmax(0,1fr))!important}
textarea,bdi{max-width:100%!important}
bdi{overflow-wrap:anywhere!important}
img,iframe,video,canvas,pre{max-width:100%!important}

/* ===== إخفاء قائمة الديسكتوب نهائياً ===== */
.nav{display:none!important}

/* ===== الترويسة: سطر واحد فقط ===== */
.top{display:flex!important;flex-wrap:nowrap!important;height:auto!important;min-height:54px!important;padding:9px 12px!important;gap:8px!important;align-items:center!important;row-gap:0!important}
.top .who{display:none!important}
.brand{font-size:15.5px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;flex:0 1 auto!important;gap:7px!important}
.ro{font-size:10.5px!important;padding:4px 9px!important;white-space:nowrap!important;flex:none!important}
.top .grow{flex:1 1 auto!important;min-width:4px!important}
.top .btn{flex:none!important;padding:0!important;width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:0!important;gap:0!important}
.top .btn iconify-icon{width:17px!important;height:17px!important;font-size:17px!important}

/* ===== المحتوى ===== */
body{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
.wrap{padding:12px 10px!important;max-width:100%!important}
.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.card{padding:12px!important;border-radius:16px!important;min-width:0!important;gap:9px!important}
.card .n{font-size:19px!important}
.p{border-radius:16px!important;margin:12px 0!important;overflow:visible!important;padding:12px!important}
.p h2,.h{font-size:14px!important}
.ci{width:34px!important;height:34px!important;border-radius:10px!important}
.k{font-size:11px!important}
.v{font-size:19px!important}
.g{font-size:11px!important}
.subnav{flex-wrap:wrap!important}
.btn{min-height:38px!important}
input,select,textarea{font-size:16px!important;max-width:100%!important}

/* ===== الشريط السفلي العائم ===== */
#mtab{
  position:fixed!important;z-index:70;
  right:10px;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:space-between;gap:2px;
  background:#101B2D;border-radius:30px;padding:8px 7px;
  box-shadow:0 12px 30px rgba(16,27,45,.34),0 2px 6px rgba(16,27,45,.22);
  -webkit-tap-highlight-color:transparent
}
#mtab a{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:3px 1px;text-decoration:none;
  color:#A7B6CC;font-size:10.5px;font-weight:700;line-height:1;position:relative;background:none;border:0
}
#mtab a .mi{
  display:flex;align-items:center;justify-content:center;
  width:100%;max-width:56px;height:30px;border-radius:16px;
  background:transparent;transition:background .18s ease,color .18s ease
}
#mtab a .mi iconify-icon{width:21px;height:21px;font-size:21px}
#mtab a .ml{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mtab a.on{color:#fff}
#mtab a.on .mi{background:#2E6BE6}
#mtab a:active .mi{background:rgba(255,255,255,.14)}
#mtab a .mbd{
  position:absolute;top:-2px;left:calc(50% - 26px);
  background:#17B26A;color:#fff;font-size:9.5px;font-weight:800;line-height:1;
  padding:3px 5px;border-radius:9px;min-width:16px;text-align:center;
  box-shadow:0 0 0 2px #101B2D
}

/* ===== ورقة «المزيد» ===== */
#msheet{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:80;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#msheet.on{display:block}
#msheet .msp{position:absolute;bottom:0;right:0;left:0;background:#fff;border-radius:22px 22px 0 0;padding:10px 14px calc(20px + env(safe-area-inset-bottom));max-height:78vh;overflow:auto;animation:mup .18s ease-out}
@keyframes mup{from{transform:translateY(28px);opacity:.5}to{transform:none;opacity:1}}
#msheet .mhandle{width:42px;height:4px;border-radius:4px;background:#e6e9ef;margin:2px auto 12px}
#msheet .msh{font-weight:800;font-size:15px;margin:0 2px 12px;color:#17202A}
#msheet .msg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#msheet .msi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 6px;border:1px solid #e6e9ef;border-radius:16px;color:#17202A;text-decoration:none;font-size:12px;font-weight:700;background:#f4f6f9;text-align:center;line-height:1.25}
#msheet .msi iconify-icon{width:22px;height:22px;font-size:22px;color:#667085}
#msheet .msi.on{border-color:#2E6BE6;color:#2E6BE6;background:#EEF3FD}
#msheet .msi.on iconify-icon{color:#2E6BE6}

/* ===== الجداول كبطاقات ===== */
.mscroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important}
.tw.mcw,.mcw{overflow:visible!important;border:0!important;background:transparent!important}
table.mcards{min-width:0!important;width:100%!important;white-space:normal!important;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important}
table.mcards thead{display:none!important}
table.mcards tr.mhdr{display:none!important}
table.mcards tbody tr{display:block!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:16px!important;margin:10px 0!important;padding:4px 2px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}
table.mcards tbody tr:hover td{background:transparent!important}
table.mcards tbody td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border:0!important;padding:8px 11px!important;white-space:normal!important;text-align:right!important;font-size:13px!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
table.mcards tbody td:before{content:attr(data-l);color:#667085;font-weight:700;flex:none;font-size:11.5px}
table.mcards tbody td[data-l='']:before{display:none}
table.mcards tbody td:empty{display:none!important}

/* ===== محرك النمو: الترويسة ===== */
.g2hero{padding:14px!important;gap:12px!important;border-radius:18px!important}
.g2hero-t{font-size:19px!important;margin-bottom:4px!important}
.g2hero-t iconify-icon{font-size:21px!important}
.g2hero-s{font-size:12.5px!important;line-height:1.75!important}
.g2hero-r{width:100%!important;padding:11px 14px!important;border-radius:13px!important}
.g2hero-n{font-size:26px!important}
.g2hero-c{font-size:11px!important}

/* ===== محرك النمو: مؤشرات الأداء (عمودان) ===== */
.g2kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.g2k{padding:10px!important;gap:8px!important;border-radius:14px!important;align-items:flex-start!important}
.g2k-i{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important}
.g2k-i iconify-icon{font-size:16px!important}
.g2k-b span{font-size:10.5px!important}
.g2k-b b{font-size:18px!important}
.g2k-b i{font-size:9.5px!important;line-height:1.35!important}

/* ===== محرك النمو: وضع التشغيل ===== */
.g2m-h{margin-bottom:10px!important}
.g2m-badge{font-size:11px!important;padding:4px 10px!important}
.g2m-sw{grid-template-columns:1fr!important;gap:8px!important}
.g2sw{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;
  gap:2px 10px!important;padding:11px 12px!important;border-radius:14px!important;border-width:1.5px!important}
.g2sw iconify-icon{grid-row:1/3!important;grid-column:1!important;font-size:22px!important}
.g2sw b{grid-column:2!important;font-size:14px!important}
.g2sw span{grid-column:2!important;font-size:11.5px!important;line-height:1.4!important}
.g2m-cfg{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;align-items:stretch!important;margin-top:12px!important}
.g2m-cfg label{gap:5px!important;font-size:11.5px!important;font-weight:700!important}
.g2m-cfg input{width:100%!important;padding:9px 10px!important;font-size:16px!important}
.g2save{grid-column:1/-1!important;min-height:44px!important;border-radius:12px!important;font-size:14px!important}

/* ===== محرك النمو: بطاقات الفرص ===== */
.gc{padding:12px!important;border-radius:17px!important;gap:9px!important}
.gc-rank{flex:0 0 27px!important;height:27px!important;font-size:12px!important}
.gc-name{font-size:14.5px!important}
.gc-sub{font-size:11.5px!important}
.gc-pri{font-size:10.5px!important;padding:3px 8px!important}
.gc-seg{font-size:11.5px!important;padding:7px 10px!important;border-radius:11px!important}
.gc-why{font-size:12px!important;line-height:1.7!important;padding:8px 10px!important}
.gc-m{gap:6px!important}
.gc-m>div{padding:7px 4px!important;border-radius:11px!important}
.gc-m>div b{font-size:14px!important}
.gc-m>div span{font-size:9.5px!important}
.gc-sig{gap:4px!important}
.gc-sig span{font-size:10.5px!important;padding:3px 7px!important}
.gc-prev{font-size:11px!important}
.gc-msgw{padding:8px!important;border-radius:12px!important}
.gc-msg{font-size:12.5px!important;line-height:1.8!important;max-height:34vh!important}
.gc-act{gap:7px!important}
.gc-act .gb{flex:1 1 40%!important;min-height:44px!important;justify-content:center!important;
  font-size:13px!important;border-radius:12px!important;padding:10px 8px!important}
.gc-act .gb-send{flex:1 1 100%!important}

/* ===== حارس أخير: أي عنصر يعلّمه m.js كمتجاوز للعرض ===== */
.movf{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

/* ===== ٦) شريط الفلاتر: سطر واحد واحد قابل للسحب أفقيًا (نمط تطبيق تداولكم) ===== */
.g2filt.mchips{
  display:flex!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  gap:8px!important;padding:2px 0 10px 0!important;margin:0!important;
  max-width:100%!important;min-width:0!important;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  scrollbar-width:none!important;-ms-overflow-style:none!important;
  overscroll-behavior-x:contain;
}
.g2filt.mchips::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.g2filt.mchips>*{
  flex:0 0 auto!important;white-space:nowrap!important;
  scroll-snap-align:start;min-height:38px!important;
}
/* صف الإجراء الجماعي منفصل تحت الفلاتر */
.mbulkrow{display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:10px!important;margin:0 0 12px 0!important;width:100%!important;min-width:0!important}
.mbulkrow>.g2bulk{flex:1 1 auto!important;min-height:44px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;box-sizing:border-box!important}
.mbulkrow>.g2bulkst{flex:1 1 100%!important;font-size:11.5px!important;text-align:center!important}

/* ===== ٧) صفوف الأزرار المبعثرة → شبكة منتظمة بعرض كامل ===== */
.mbtnrow{display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important}
.mbtnrow>.btn{width:100%!important;min-width:0!important;min-height:44px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;border-radius:12px!important;text-align:center!important}
.mbtnrow>.btn:last-child:nth-child(odd){grid-column:1 / -1!important}
.mstack{display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:12px!important;width:100%!important;min-width:0!important}
.mstack>*{min-width:0!important;max-width:100%!important}

/* ===== ٨) صفحة العميل: هرمية بصرية أوضح ===== */
.p .kv{display:flex!important;justify-content:space-between!important;align-items:baseline!important;
  gap:12px!important;padding:10px 2px!important;min-width:0!important}
.p .kv>b{flex:0 0 auto!important;color:#667085!important;font-weight:600!important;font-size:12.5px!important}
.p .kv>span{min-width:0!important;text-align:left!important;font-weight:700!important;font-size:13.5px!important;
  overflow-wrap:anywhere!important;word-break:break-word!important}
.p form{display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  align-items:center!important;min-width:0!important;max-width:100%!important}
.p form>select,.p form>textarea{flex:1 1 100%!important;min-width:0!important;
  min-height:42px!important;box-sizing:border-box!important}
.p form>input:not([type=hidden]){flex:1 1 100%!important;min-width:0!important;
  min-height:42px!important;box-sizing:border-box!important}
.p form>button{flex:1 1 auto!important;min-height:42px!important}


/* ===== ٩) كانبان المبيعات على الجوال: مرحلة واحدة بعرض كامل + شرائح مراحل قابلة للسحب ===== */
.mkbtabs{display:flex!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  gap:8px!important;padding:2px 0 10px 0!important;margin:0 0 4px 0!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  -webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important;
  overscroll-behavior-x:contain}
.mkbtabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mkbtab{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;
  min-height:38px!important;padding:0 12px!important;border-radius:999px!important;
  border:1px solid #e6e9ef!important;background:#fff!important;color:#17202A!important;
  font-family:inherit!important;font-size:13px!important;font-weight:700!important;
  white-space:nowrap!important;cursor:pointer!important}
.mkbtab.on{background:#123B5D!important;border-color:#123B5D!important;color:#fff!important}
.mkbdot{width:9px!important;height:9px!important;border-radius:50%!important;
  flex:0 0 auto!important;display:inline-block!important}
.mkbct{font-size:11.5px!important;font-weight:800!important;padding:2px 7px!important;
  border-radius:999px!important;background:#f4f6f9!important;color:#667085!important}
.mkbtab.on .mkbct{background:rgba(255,255,255,.18)!important;color:#fff!important}
.kb.mkb{display:block!important;overflow-x:visible!important;
  width:100%!important;max-width:100%!important;min-width:0!important;gap:0!important}
.kb.mkb>.col{display:none!important;flex:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important}
.kb.mkb>.col.mkbon{display:block!important}
.kb.mkb>.col>h3{display:none!important}
.kb.mkb>.col>.cell{display:flex!important;flex-direction:column!important;gap:10px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;max-height:none!important;overflow:visible!important}
.kb.mkb .opp{width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.kb.mkb .opp>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
.mkbhide{display:none!important}
.mkbmore{width:100%!important;min-height:44px!important;border-radius:12px!important;
  border:1px dashed #B99345!important;background:#fff!important;color:#B99345!important;
  font-family:inherit!important;font-size:13.5px!important;font-weight:700!important;
  cursor:pointer!important;margin-top:2px!important}

/* ===== \u0661\u0660) \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 ===== */
body .mpghide,body .mcards tbody tr.mpghide,body table.mcards>tbody>tr.mpghide,body article.gc.mpghide{display:none!important}
.mpgmore{display:block!important;width:100%!important;min-height:44px!important;
  border-radius:12px!important;border:1px dashed #B99345!important;background:#fff!important;
  color:#B99345!important;font-family:inherit!important;font-size:13.5px!important;
  font-weight:700!important;cursor:pointer!important;margin:10px 0 4px 0!important}
/* fsfix-ak: احترام إخفاء الصفوف من فلاتر البحث داخل عرض البطاقات */
table.mcards tbody tr[style*="display:none"],table.mcards tbody tr[style*="display: none"]{display:none!important}
article.gc[style*="display:none"],article.gc[style*="display: none"]{display:none!important}