/* V30 public experience: one final scoped layer, no changes to dashboard tables. */
:root { --ar30-navy: #243972; --ar30-deep: #142348; --ar30-blue: #355495; --ar30-line: #dbe3f0; --ar30-bg: #f3f6fc; }

/* Developer credit: a small signature, not a competing promotional banner. */
body.abanrah-ui .ar-v23-developer-band,
body.abanrah-ui .abanrah-public-footer > .ar-v23-developer-band {
  padding: 9px 16px !important;
}
body.abanrah-ui .ar-v23-developer-credit {
  width: min(100%, 900px);
  gap: clamp(10px, 2vw, 20px);
}
body.abanrah-ui .ar-v23-developer-brand {
  width: 126px !important;
  max-width: 126px !important;
  flex: 0 0 126px !important;
  border-radius: 8px;
}
body.abanrah-ui .ar-v23-developer-info { gap: 3px; line-height: 1.5; }
body.abanrah-ui .ar-v23-developer-heading { font-size: .78rem; }
body.abanrah-ui .ar-v23-developer-item { font-size: .72rem; }

/* Harmonized AbanRah brand color: public page and secure sign-in. */
body.abanrah-public-body .ar-login-page {
  background: radial-gradient(circle at 10% 20%,rgba(67,101,180,.12),transparent 32%),
              radial-gradient(circle at 87% 85%,rgba(36,57,114,.10),transparent 28%), var(--ar30-bg) !important;
}
body.abanrah-public-body .ar-login-shell {
  border: 1px solid #d7e1f0;
  box-shadow: 0 24px 75px rgba(21,38,83,.14);
}
body.abanrah-public-body .ar-login-story {
  background: radial-gradient(circle at 5% 0%,rgba(137,164,230,.25),transparent 40%),
              linear-gradient(145deg,#294785 0%,#1d3167 52%,#111e42 100%) !important;
}
body.abanrah-public-body .ar-login-story-content .ar-eyebrow { color:#bfd0fa; }
body.abanrah-public-body .ar-login-story-content li i { color:#e0e9ff;background:rgba(211,225,255,.12); }
body.abanrah-public-body .ar-login-form-icon,
body.abanrah-public-body .ar-password-toggle:hover { color:var(--ar30-navy)!important;background:#e9eef9!important; }
body.abanrah-public-body .ar-login-field label,
body.abanrah-public-body .ar-captcha-head label { color:#304670; }
body.abanrah-public-body .ar-login-form input:focus-visible { outline:2px solid #5878bc;outline-offset:1px; }
body.abanrah-public-body .ar-login-submit { background:var(--ar30-navy)!important;border-color:var(--ar30-navy)!important;color:#fff!important; }
body.abanrah-public-body .ar-login-submit:hover { background:var(--ar30-deep)!important; }
body.abanrah-public-body .ar-public-site-btn { border-color:#cad5e9!important;color:var(--ar30-navy)!important;background:#f7f9fe!important; }
body.abanrah-public-body .ar-public-site-btn:hover { background:#e9eef9!important; }
body.abanrah-public-body .ar-captcha-block { background:#f5f7fc;border-color:#dae3f2; }

body.abanrah-public-body .ar-public-page { --ar4-primary:var(--ar30-navy);--ar4-primary-50:#eef2fb; }
body.abanrah-public-body .ar-public-hero,
body.abanrah-public-body .ar-inner-hero {
  background:radial-gradient(circle at 15% 10%,rgba(131,159,229,.22),transparent 40%),
             linear-gradient(128deg,#263e7b,#162858 70%,#101d40) !important;
  box-shadow:0 22px 58px rgba(25,43,90,.15);
}
body.abanrah-public-body .ar-public-page .ar-eyebrow { color:#526da7; }
body.abanrah-public-body .ar-public-page .ar-public-hero .ar-eyebrow,
body.abanrah-public-body .ar-public-page .ar-inner-hero .ar-eyebrow { color:#dee8ff; }
body.abanrah-public-body .ar-public-page .btn.btn-primary { background:#273e81!important;border-color:#273e81!important;color:#fff!important; }
body.abanrah-public-body .ar-public-page .btn.btn-primary:hover { background:#182b60!important;border-color:#182b60!important; }
body.abanrah-public-body .ar-public-page .ar-public-hero .btn.btn-primary { background:#e8eeff!important;border-color:#e8eeff!important;color:#1f3474!important; }
body.abanrah-public-body .ar-service-card,
body.abanrah-public-body .ar-values-grid article,
body.abanrah-public-body .ar-contact-card {
  border:1px solid var(--ar30-line);
  box-shadow:0 8px 25px rgba(30,53,105,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.abanrah-public-body .ar-service-card:hover,
body.abanrah-public-body .ar-values-grid article:hover,
body.abanrah-public-body .ar-contact-card:hover {
  transform:translateY(-3px);border-color:#a9b9df;box-shadow:0 14px 36px rgba(30,53,105,.12);
}
body.abanrah-public-body .ar-service-card.is-blue,
body.abanrah-public-body .ar-service-card.is-gold,
body.abanrah-public-body .ar-service-card.is-green,
body.abanrah-public-body .ar-service-card.is-orange,
body.abanrah-public-body .ar-service-card.is-red { color:#304f8f; }
body.abanrah-public-body .ar-service-card > span,
body.abanrah-public-body .ar-service-card.is-blue > span,
body.abanrah-public-body .ar-service-card.is-gold > span,
body.abanrah-public-body .ar-service-card.is-green > span,
body.abanrah-public-body .ar-service-card.is-orange > span,
body.abanrah-public-body .ar-service-card.is-red > span {
  color:#29457e;background:#edf2fb;border:1px solid #dce5f6;
}
/* Four operational steps: cohesive corporate navy, restrained light-blue progression. */
body.abanrah-public-body .ar-flow-grid { position:relative;gap:14px; }
body.abanrah-public-body .ar-flow-grid article {
  min-height:190px;padding:23px;
  background:linear-gradient(145deg,#2b4788,#1b2e61)!important;
  border:1px solid rgba(174,196,248,.28);
  box-shadow:0 11px 30px rgba(26,45,99,.13);
  border-radius:17px;
  transition:transform .18s ease,box-shadow .18s ease;
}
body.abanrah-public-body .ar-flow-grid article:nth-child(2) {background:linear-gradient(145deg,#29427e,#1b2d5d)!important;}
body.abanrah-public-body .ar-flow-grid article:nth-child(3) {background:linear-gradient(145deg,#253d78,#182955)!important;}
body.abanrah-public-body .ar-flow-grid article:nth-child(4) {background:linear-gradient(145deg,#23396f,#142349)!important;}
body.abanrah-public-body .ar-flow-grid article:hover {transform:translateY(-3px);box-shadow:0 16px 32px rgba(26,45,99,.19);}
body.abanrah-public-body .ar-flow-grid article b {color:rgba(205,220,255,.15);}
body.abanrah-public-body .ar-flow-grid article > span {color:#e4edff;background:rgba(220,231,255,.12);border:1px solid rgba(225,235,255,.17);}
body.abanrah-public-body .ar-flow-grid article h3 {color:#fff!important;}
body.abanrah-public-body .ar-flow-grid article p {color:#d6e1f5!important;}
/* Specialist LPG service cue, editorial not a claim about certifications. */
body.abanrah-public-body .ar-lpg-highlight {
  width:min(1180px,calc(100% - 32px));margin:10px auto 55px;
  padding:24px clamp(18px,3vw,35px);
  display:grid;grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;gap:22px;
  background:linear-gradient(120deg,#f1f5fc,#fff);
  border:1px solid #cbd7ef;border-inline-start:5px solid #304b91;
  border-radius:19px;box-shadow:0 11px 31px rgba(23,43,95,.07);
}
body.abanrah-public-body .ar-lpg-highlight-icon {
  width:64px;height:64px;display:grid;place-items:center;
  color:#fff;background:#263f82;border-radius:16px;font-size:24px;
}
body.abanrah-public-body .ar-lpg-highlight-copy .ar-eyebrow {display:block;font-size:.72rem;margin-bottom:3px;}
body.abanrah-public-body .ar-lpg-highlight-copy h2 {margin:0 0 6px;color:#203463!important;font-size:clamp(1.03rem,2vw,1.35rem)!important;font-weight:850;}
body.abanrah-public-body .ar-lpg-highlight-copy p {margin:0;color:#526684;font-size:.82rem;line-height:1.9;}
body.abanrah-public-body .ar-lpg-highlight-link {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#273f83;color:#fff!important;padding:11px 17px;border-radius:12px;
  text-decoration:none!important;font-size:.8rem;font-weight:800;white-space:nowrap;
}
body.abanrah-public-body .ar-lpg-highlight-link:hover {background:#1a2c62;}
body.abanrah-public-body .ar-public-cta {background:linear-gradient(140deg,#eef2fb,#fff)!important;border-color:#d4dff1!important;}

@media (max-width:820px) {
  body.abanrah-public-body .ar-lpg-highlight {grid-template-columns:56px minmax(0,1fr);gap:14px;}
  body.abanrah-public-body .ar-lpg-highlight-icon {width:54px;height:54px;font-size:20px;}
  body.abanrah-public-body .ar-lpg-highlight-link {grid-column:1/-1;white-space:normal;}
}
@media (max-width:660px) {
  body.abanrah-ui .ar-v23-developer-brand {width:116px!important;max-width:116px!important;flex-basis:116px!important;}
  body.abanrah-ui .ar-v23-developer-band {padding:11px 12px!important;}
  body.abanrah-public-body .ar-login-page {padding:12px;}
  body.abanrah-public-body .ar-flow-grid article {min-height:165px;}
}
@media (prefers-reduced-motion:reduce) {
  body.abanrah-public-body .ar-service-card,
  body.abanrah-public-body .ar-values-grid article,
  body.abanrah-public-body .ar-contact-card,
  body.abanrah-public-body .ar-flow-grid article {transition:none!important;transform:none!important;}
}