/* MaintainPro — طبقة sector */
:root { --p:#1A5FA8;--pd:#0E3F75;--pp:#EBF3FB;--s:#1E7A5C;--sp:#E7F5F0;--a:#E86920;--ap:#FEF0E7;--w:#D4920A;--wp:#FEF7E7;--n50:#F7F8FA;--n100:#EFF1F5;--n200:#DDE1EA;--n400:#9BA3B2;--n600:#5B6478;--n800:#2C3345;--n900:#151C2C;--white:#fff;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--sh-sm:0 1px 3px rgba(0,0,0,.06);--sh-md:0 4px 14px rgba(0,0,0,.08);--sh-lg:0 12px 40px rgba(0,0,0,.10);--fh:'Cairo',sans-serif;--fb:'IBM Plex Sans Arabic','Cairo',sans-serif;--pad:clamp(20px,6vw,80px) }
a { text-decoration:none }
.btn-sec { background:var(--sec);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2) }
.btn-sec:hover { opacity:.9;transform:translateY(-1px) }
.btn-op { background:transparent;color:var(--sec);border:1.5px solid var(--sec) }
.btn-op:hover { background:var(--secp) }
.tag-sec { display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:11px;font-weight:700;padding:4px 14px;border-radius:30px;margin-bottom:14px;background:var(--secp);color:var(--sec);border:1px solid rgba(0,0,0,.08) }
.sec-title span { color:var(--sec) }
.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(--sec);font-weight:600 }
.stats-box { display:grid;grid-template-columns:1fr 1fr;gap:16px }
.sbox { background:var(--white);border-radius:var(--r-xl);padding:24px;border:1px solid var(--n200);box-shadow:var(--sh-md);text-align:center }
.sbox-num { font-family:var(--fh);font-size:38px;font-weight:900;line-height:1;color:var(--sec) }
.sbox-title { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n900);margin-top:6px }
.sec-challenges { background:var(--n50) }
.sbox-sub { font-size:11px;color:var(--n400);margin-top:3px }
.ch-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px }
.ch { background:var(--white);border-radius:var(--r-xl);padding:26px;border:1px solid var(--n200);box-shadow:var(--sh-sm);transition:all .25s;border-top:4px solid var(--sec) }
.ch:hover { transform:translateY(-3px);box-shadow:var(--sh-md) }
.ch-ico { width:48px;height:48px;border-radius:var(--r-md);background:var(--secp);color:var(--sec);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px }
.ch h3 { font-family:var(--fh);font-size:15px;font-weight:700;color:var(--n900);margin-bottom:8px }
.ch p { font-size:13px;color:var(--n600);line-height:1.7;margin:0 }
.sec-solutions { background:var(--white) }
.sol-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px }
.sol { background:var(--n50);border-radius:var(--r-xl);padding:26px;border:1px solid var(--n200);display:flex;gap:16px;transition:all .25s }
.sol:hover { transform:translateY(-3px);box-shadow:var(--sh-md);background:var(--white) }
.sol-ico { width:48px;height:48px;min-width:48px;border-radius:var(--r-lg);background:var(--secp);color:var(--sec);display:flex;align-items:center;justify-content:center;font-size:20px }
.sol h3 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.sol p { font-size:13px;color:var(--n600);line-height:1.7;margin:0 }
.sec-stats { background:linear-gradient(145deg,var(--pd),var(--sec));padding:80px var(--pad);text-align:center }
.stats-inner { max-width:1400px;margin:0 auto }
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px }
.sg { background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-xl);padding:28px }
.sg-num { font-family:var(--fh);font-size:40px;font-weight:900;color:#fff;line-height:1;margin-bottom:6px }
.sg h4 { font-family:var(--fh);font-size:14px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:4px }
.sg p { font-size:12px;color:rgba(255,255,255,.6);margin:0 }
.sec-modules { background:var(--n50) }
.modules-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px }
.mc { background:var(--white);border-radius:var(--r-lg);padding:20px 16px;text-align:center;border:1px solid var(--n200);box-shadow:var(--sh-sm);transition:all .25s;display:block;color:inherit }
.mc:hover { border-color:var(--sec);transform:translateY(-3px);box-shadow:var(--sh-md) }
.mc-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 }
.mc h4 { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n900);margin-bottom:4px }
.mc p { font-size:11px;color:var(--n600);margin:0 }
.sec-others { background:var(--white) }
.others-row { display:flex;gap:12px;flex-wrap:wrap;margin-top:36px }
.ot { display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--n50);border:1px solid var(--n200);border-radius:var(--r-lg);font-family:var(--fh);font-size:13px;font-weight:600;color:var(--n800);transition:all .2s }
.ot:hover { border-color:var(--sec);color:var(--sec);transform:translateY(-2px) }
.cta-wrap h2 span { color:var(--sec) }

@media(max-width:1100px) {
  .ph-inner { grid-template-columns:1fr }
  .ch-grid { grid-template-columns:repeat(2,1fr) }
  .sol-grid { grid-template-columns:1fr }
  .stats-grid { grid-template-columns:repeat(2,1fr) }
  .modules-grid { grid-template-columns:repeat(2,1fr) }
}

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

/* فقرة البطل — التصميم الأصلي للقطاعات كان يستخدم أنماطًا مضمّنة،
   والقالب يستخدم فئة .ph-p الموحّدة مع صفحات الوحدات بنفس القيم. */
.ph-p { font-size:16px;color:var(--n600);line-height:1.8;margin-bottom:28px }

/* ── جدول الأصول النموذجية ────────────────────────────────────────
   جدول عريض على شاشة صغيرة يمرَّر أفقيًا داخل حاويته لا بالصفحة. */
.sec-assets { background:var(--white); padding:72px var(--pad); }
.ta-wrap {
  overflow-x:auto; margin-top:38px;
  border:1px solid var(--n200); border-radius:var(--r-lg); background:var(--white);
}
.ta { border-collapse:collapse; width:100%; min-width:620px; font-size:14px; }
.ta th, .ta td { padding:13px 16px; text-align:right; border-bottom:1px solid var(--n100); }
.ta th {
  background:var(--n50); font-family:var(--fh); font-weight:700;
  font-size:12.5px; color:var(--n700); white-space:nowrap;
}
.ta tbody tr:last-child td { border-bottom:none; }
.ta tbody tr:hover { background:var(--n50); }
.ta td strong { font-family:var(--fh); font-weight:700; color:var(--n900); }
.ta td { color:var(--n600); line-height:1.7; }
.ta-cyc { font-family:var(--fh); font-weight:600; color:var(--n700); white-space:nowrap; }
.pr {
  display:inline-block; font-family:var(--fh); font-size:11.5px; font-weight:700;
  padding:3px 11px; border-radius:20px; white-space:nowrap;
}
.pr-c { background:#FBEAE8; color:#A82921; }
.pr-h { background:#FBF0DE; color:#8A5A00; }
.pr-m { background:var(--n100); color:var(--n600); }

@media (max-width:768px) {
  .sec-assets { padding:52px 20px; }
  .ta-wrap { margin-top:26px; }
  .ta th, .ta td { padding:11px 13px; }
}
