/* MaintainPro — طبقة module */
a { text-decoration:none }
.btn-s { background:var(--s);color:#fff }
.btn-s:hover { background:#165c45;transform:translateY(-1px) }
.btn-a { background:var(--a);color:#fff }
.btn-a:hover { background:#c75a18;transform:translateY(-1px) }
.btn-gh:hover { border-color:var(--p);color:var(--p);background:var(--pp) }
.tag-p { background:var(--pp);color:var(--p);border:1px solid rgba(26,95,168,.15) }
.tag-s { background:var(--sp);color:var(--s);border:1px solid rgba(30,122,92,.15) }
.tag-a { background:var(--ap);color:var(--a);border:1px solid rgba(232,105,32,.15) }
.bc-inner { max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--n400) }
.bc-inner span { color:var(--p);font-weight:600 }
.page-hero { background:linear-gradient(148deg,#EBF4FE 0%,#F5F9FF 45%,#ECF5F1 100%);padding:72px var(--pad) 60px }
.mod-quick { background:var(--white);border-bottom:1px solid var(--n200);padding:0 var(--pad) }
.ph-h1 { font-family:var(--fh);font-size:42px;font-weight:900;color:var(--n900);line-height:1.25;margin-bottom:18px }
.mq-inner { max-width:1400px;margin:0 auto;display:flex;gap:0;overflow-x:auto;scrollbar-width:none }
.mq-inner::-webkit-scrollbar { display:none }
.ph-p { font-size:16px;color:var(--n600);line-height:1.8;margin-bottom:28px }
.mq-item { font-family:var(--fh);font-size:12px;font-weight:600;color:var(--n600);padding:12px 16px;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer;transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:6px;flex-shrink:0 }
.mq-item:hover { color:var(--p) }
.ph-pt { display:flex;align-items:center;gap:10px;font-size:14px;color:var(--n800);font-family:var(--fh) }
.mq-item.on { color:var(--p);border-bottom-color:var(--p) }
.ph-pt i { width:22px;height:22px;background:var(--sp);color:var(--s);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0 }
.ph-h1 em { font-style:normal;color:var(--sl) }
.ph-pts { display:flex;flex-direction:column;gap:10px;margin-bottom:28px }
.sec-features { background:var(--n50) }
.feat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px }
.fc { background:var(--white);border-radius:var(--r-xl);padding:28px;border:1px solid var(--n200);box-shadow:var(--sh-sm);transition:all .25s }
.fc:hover { transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--p) }
.fc-ico { width:52px;height:52px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px }
.fc h3 { font-family:var(--fh);font-size:16px;font-weight:800;color:var(--n900);margin-bottom:10px }
.fc p { font-size:13px;color:var(--n600);line-height:1.7;margin-bottom:14px }
.fc-list { display:flex;flex-direction:column;gap:7px }
.fc-li { display:flex;align-items:center;gap:8px;font-size:12px;color:var(--n700,#3a4257) }
.fc-li i { font-size:11px;color:var(--s);flex-shrink:0 }
.sec-reports { background:var(--n50) }
.reports-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px }
.rg { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:22px;transition:all .25s }
.rg:hover { transform:translateY(-3px);box-shadow:var(--sh-md) }
.rg i { font-size:24px;margin-bottom:12px;display:block }
.rg h4 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.rg p { font-size:12px;color:var(--n600);line-height:1.65;margin:0 }
.sec-faq { background:var(--white) }
.faq-list { margin-top:48px;display:flex;flex-direction:column;gap:12px;max-width:800px }
.faq-item { border:1px solid var(--n200);border-radius:var(--r-lg);overflow:hidden }
.faq-q { padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);background:var(--white);transition:background .2s }
.faq-q:hover { background:var(--pp) }
.faq-q i { font-size:12px;color:var(--p);transition:transform .3s;flex-shrink:0 }
.faq-q.open { color:var(--p);background:var(--pp) }
.faq-q.open i { transform:rotate(180deg) }
.faq-a { display:none;padding:0 20px 16px;font-size:13px;color:var(--n600);line-height:1.75;background:var(--pp) }
.sec-cta { background:linear-gradient(145deg,var(--pd) 0%,var(--p) 55%,var(--s) 100%);text-align:center;padding:80px var(--pad) }
.cta-wrap h2 { font-family:var(--fh);font-size:36px;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.3 }
.cta-wrap p { font-size:16px;color:rgba(255,255,255,.75);line-height:1.75;margin-bottom:36px }
.cta-foot { margin-top:20px;font-size:12px;color:rgba(255,255,255,.5) }
.sec-more { background:var(--n50) }
.more-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px }
.mg-ico { width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 12px }
.mg { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:20px;text-align:center;transition:all .25s;display:block;color:inherit }
.mg:hover { border-color:var(--sl);transform:translateY(-3px);box-shadow:var(--sh-md) }
.mg h4 { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n900);margin-bottom:4px }
.mg p { font-size:11px;color:var(--n600);margin:0 }
.ft-col ul li a:hover { color:var(--pl) }

@media(max-width:1100px) {
  .more-grid { grid-template-columns:repeat(2,1fr) }
}

@media(max-width:768px) {
  section,.sec-cta { padding:56px 20px }
  .more-grid { grid-template-columns:1fr 1fr }
}

/* أنماط أقسام المحتوى ذي الصلة — رُفعت إلى الطبقة المشتركة
   ليتمكّن القالب من عرضها في كل صفحات الوحدات. */
.mg-card { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:20px;text-align:center;transition:all .25s;display:block;color:inherit }
.mg-card:hover { border-color:var(--p);transform:translateY(-3px);box-shadow:var(--sh-md) }
.sect-tag { display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);font-family:var(--fh);font-size:13px;font-weight:600;color:var(--n800);box-shadow:var(--sh-sm);transition:all .2s }
.sect-tag:hover { border-color:var(--p);color:var(--p);transform:translateY(-2px) }
.sectors-row { display:flex;gap:12px;flex-wrap:wrap;margin-top:36px }

/* قواعد مرفوعة من أوراق الصفحات — يحتاجها القالب في كل صفحات هذا النوع. */
.ph-actions { display:flex;gap:12px;flex-wrap:wrap }
.ph-points { display:flex;flex-direction:column;gap:10px;margin-bottom:28px }
.sec-sectors { background:var(--n50) }

/* ── قسم «كيف يعمل فعليًا» — قواعد النظام الملزِمة ─────────────────
   بطاقة أفقية: أيقونة ثابتة يمينًا ونص يتنفّس يسارها. */
.sec-rules { background:var(--n50); padding:72px var(--pad); }
.rules-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:16px; margin-top:44px; text-align:right;
}
.rule-card {
  background:var(--white); border:1px solid var(--n200);
  border-radius:var(--r-lg); padding:20px 22px;
  display:flex; gap:15px; align-items:flex-start; transition:all .25s;
}
.rule-card:hover { border-color:var(--p); box-shadow:var(--sh-md); }
.rule-ico {
  width:40px; height:40px; border-radius:11px; flex:none;
  background:var(--pp,#EAF2FB); color:var(--p);
  display:flex; align-items:center; justify-content:center; font-size:17px;
}
.rule-card h4 {
  font-family:var(--fh); font-size:15.5px; font-weight:800;
  color:var(--n900); margin:0 0 7px; line-height:1.45;
}
.rule-card p { font-size:13px; color:var(--n600); line-height:1.9; margin:0; }

@media (max-width:768px) {
  .sec-rules { padding:52px 20px; }
  .rules-grid { grid-template-columns:1fr; gap:12px; margin-top:30px; }
  .rule-card { padding:16px 18px; gap:12px; }
}
@media (prefers-reduced-motion:reduce) { .rule-card { transition:none; } }