/* ============================================================
   معهد هرماس — أنماط صفحة «من نحن» (about.blade.php)
   منقولة من ملف about.css بالتصميم الأصلي، وكل الأصناف مسبوقة
   بـ .hrm-ui حتى تبقى محصورة ولا تتعارض مع style.css/bootstrap.
   تعتمد على المتغيّرات ونمط الأقسام (.sec, .sec-head, .page-hero,
   .breadcrumb, .metrics, .cta-band...) المعرّفة أصلًا في
   hermas-home.css وpages.css.
   ============================================================ */
.hrm-ui .ab-idcard{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  border-radius:var(--radius-xl);padding:16px 18px;backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);box-shadow:0 26px 60px -30px rgba(0,0,0,.7);
}.hrm-ui .ab-idcard h2{color:#fff;font-size:15.5px;display:flex;align-items:center;gap:9px;margin:0 0 12px}.hrm-ui .ab-idcard h2 svg{width:18px;height:18px;color:var(--teal-400)}.hrm-ui .ab-row{display:flex;align-items:flex-start;gap:11px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px}.hrm-ui .ab-row:last-child{border-bottom:0}.hrm-ui .ab-row svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:4px}.hrm-ui .ab-row .k{color:rgba(255,255,255,.6);font-size:12px}.hrm-ui .ab-row .v{color:#fff;font-weight:700}.hrm-ui .ab-mv{border-radius:var(--radius-lg);padding:24px;color:#fff;box-shadow:var(--shadow-lg)}.hrm-ui .ab-mv + .ab-mv{margin-top:16px}.hrm-ui .ab-mission{background:linear-gradient(140deg,#0B2A46,#0F8E99)}.hrm-ui .ab-vision{background:linear-gradient(140deg,#12324F,#A8842F)}.hrm-ui .ab-mv h3{color:#fff;font-size:17px;display:flex;align-items:center;gap:10px;margin:0 0 10px}.hrm-ui .ab-mv h3 svg{width:20px;height:20px}.hrm-ui .ab-mv p{font-size:14.5px;line-height:2;color:rgba(255,255,255,.92);margin:0}.hrm-ui .ab-mv .hint{font-size:12px;color:rgba(255,255,255,.72);margin-top:8px}.hrm-ui .ab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hrm-ui .ab-value{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:.22s var(--ease-soft)}.hrm-ui .ab-value:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#D6E1EA}.hrm-ui .ab-value .ico{width:46px;height:46px;border-radius:13px;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;margin-bottom:14px}.hrm-ui .ab-value .ico svg{width:22px;height:22px}.hrm-ui .ab-value h3{font-size:16px;margin:0 0 6px}.hrm-ui .ab-value p{font-size:13.5px;line-height:1.95;margin:0}.hrm-ui .ab-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hrm-ui .ab-goal{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;
  box-shadow:var(--shadow-sm);text-align:right;display:flex;gap:15px;align-items:flex-start;
  transition:.22s var(--ease-soft);position:relative;overflow:hidden;
}.hrm-ui .ab-goal::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--teal);opacity:0;transition:.22s}.hrm-ui .ab-goal:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hrm-ui .ab-goal:hover::before{opacity:1}.hrm-ui .ab-goal .n{width:44px;height:44px;border-radius:12px;background:var(--navy-900);display:grid;place-items:center;flex:none}.hrm-ui .ab-goal .n svg{width:20px;height:20px;color:var(--teal-400)}.hrm-ui .ab-goal h3{font-size:15.5px;margin:0 0 5px}.hrm-ui .ab-goal p{font-size:13.5px;line-height:1.95;margin:0;color:var(--body)}.hrm-ui .ab-timeline{display:flex;flex-direction:column}.hrm-ui .ab-tl{display:grid;grid-template-columns:110px 1fr;gap:22px;padding-bottom:26px;position:relative}.hrm-ui .ab-tl:last-child{padding-bottom:0}.hrm-ui .ab-tl::before{content:"";position:absolute;inset-inline-start:54px;top:44px;bottom:0;width:2px;background:var(--line)}.hrm-ui .ab-tl:last-child::before{display:none}.hrm-ui .ab-tl .y{
  justify-self:start;background:var(--navy-900);color:#fff;font-weight:800;font-size:15px;
  padding:9px 16px;border-radius:999px;position:relative;z-index:2;min-width:86px;text-align:center;
}.hrm-ui .ab-tl:last-child .y{background:var(--gold);color:#20180A}.hrm-ui .ab-tl h3{font-size:16.5px;margin:0 0 5px}.hrm-ui .ab-tl p{font-size:14px;margin:0;max-width:62ch;line-height:1.95}.hrm-ui .ab-team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hrm-ui .ab-member{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:.22s var(--ease-soft)}.hrm-ui .ab-member:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hrm-ui .ab-member .ph{height:118px;display:grid;place-items:center}.hrm-ui .ab-member .av{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.4)}.hrm-ui .ab-member .bd{padding:16px 18px 20px}.hrm-ui .ab-member h3{font-size:15.5px;margin:0}.hrm-ui .ab-member .role{font-size:13px;color:var(--teal-700);font-weight:700;margin:3px 0 8px}.hrm-ui .ab-member p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.hrm-ui .ab-creds{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hrm-ui .ab-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.hrm-ui .ab-cred li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.hrm-ui .ab-cred li:last-child{border-bottom:0}.hrm-ui .ab-cred .ic{width:40px;height:40px;border-radius:11px;background:var(--gold-100);color:var(--gold-700);display:grid;place-items:center;flex:none}.hrm-ui .ab-cred .ic svg{width:19px;height:19px}.hrm-ui .ab-cred .k{font-size:13px;color:var(--muted)}.hrm-ui .ab-cred .v{font-weight:800;color:var(--ink);font-size:14.5px}.hrm-ui .ab-todo{display:inline-flex;align-items:center;gap:6px;background:#FDF3E3;color:#8A5B12;border:1px dashed #E3C489;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:7px}.hrm-ui .ab-partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.hrm-ui .ab-partner{display:flex;align-items:center;gap:11px;background:var(--bg-soft-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;font-size:13px;font-weight:700;color:var(--navy)}.hrm-ui .ab-partner .lg{width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--teal-700);flex:none}.hrm-ui .ab-partner .lg svg{width:20px;height:20px}.hrm-ui .ab-partner small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}.hrm-ui .ab-2030{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(140deg,#0A2138,#0C7178);color:#fff;border-radius:var(--radius-xl);padding:30px 32px}.hrm-ui .ab-2030 .badge{width:86px;height:86px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-weight:800;font-size:18px;flex:none;text-align:center;line-height:1.25}.hrm-ui .ab-2030 h3{color:#fff;font-size:20px;margin:0 0 8px}.hrm-ui .ab-2030 p{color:rgba(255,255,255,.85);font-size:14.5px;max-width:70ch;margin:0}.hrm-ui .ab-contact{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:stretch}.hrm-ui .ab-ct li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.hrm-ui .ab-ct li:last-child{border-bottom:0}.hrm-ui .ab-ct .ic{width:40px;height:40px;border-radius:11px;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;flex:none}.hrm-ui .ab-ct .ic svg{width:18px;height:18px}.hrm-ui .ab-ct .k{font-size:12.5px;color:var(--muted)}.hrm-ui .ab-ct .v{font-weight:700;color:var(--ink);font-size:14px}.hrm-ui .ab-hours-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:7px 0;border-bottom:1px dashed var(--line)}.hrm-ui .ab-hours-row:last-child{border-bottom:0}.hrm-ui .ab-hours-row .d{color:var(--body);font-weight:600}.hrm-ui .ab-hours-row .t{color:var(--muted)}.hrm-ui .ab-hours-row.today{background:#F0F9F7;border-radius:8px;padding-inline:10px}.hrm-ui .ab-open{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px}.hrm-ui .ab-open.on{background:#E4F5EE;color:#1E7F63}.hrm-ui .ab-open.off{background:#FBEDE7;color:#9C4023}.hrm-ui .ab-map{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);min-height:360px}.hrm-ui .ab-map iframe{width:100%;height:100%;min-height:360px;border:0;display:block}

@media (max-width:1080px){.hrm-ui .ab-values, .hrm-ui .ab-goals{grid-template-columns:1fr 1fr}.hrm-ui .ab-team{grid-template-columns:1fr 1fr}.hrm-ui .ab-creds, .hrm-ui .ab-contact{grid-template-columns:1fr}
}
@media (max-width:680px){.hrm-ui .ab-values, .hrm-ui .ab-goals, .hrm-ui .ab-team{grid-template-columns:1fr}.hrm-ui .ab-tl{grid-template-columns:90px 1fr;gap:16px}.hrm-ui .ab-tl::before{inset-inline-start:44px}
}


@media (max-width:900px){.hrm-ui .ab-hero-grid{grid-template-columns:1fr !important} }