/* ================================================================
   QE Techno + Saudi National Day compatibility layer
   Loaded ONLY when PortalTheme:Mode = QETechno AND NationalDayTheme is active.
   The classic/legacy portal theme remains untouched.
   ================================================================ */

body.portal-theme-qe.national-day-theme {
  --qe-nd-green:#0B8D52;
  --qe-nd-green-soft:#EAF8F0;
  --qe-nd-navy:#0B1D3A;
  --qe-nd-teal:#00A896;
  --qe-nd-cyan:#00C2FF;
}

/* Inner-page heroes keep QE Techno's navy language with a Saudi-green accent. */
body.portal-theme-qe.national-day-theme .page-heading-row,
body.portal-theme-qe.national-day-theme .lab-page-heading,
body.portal-theme-qe.national-day-theme .lab-detail-hero,
body.portal-theme-qe.national-day-theme .lab-trends-heading,
body.portal-theme-qe.national-day-theme .medical-record-hero,
body.portal-theme-qe.national-day-theme .documents-hero,
body.portal-theme-qe.national-day-theme .insurance-hero,
body.portal-theme-qe.national-day-theme .notifications-hero,
body.portal-theme-qe.national-day-theme .health-summary-hero,
body.portal-theme-qe.national-day-theme .data-change-create-hero,
body.portal-theme-qe.national-day-theme .complaint-details-hero,
body.portal-theme-qe.national-day-theme .pregnancy-labs-hero,
body.portal-theme-qe.national-day-theme .complaints-heading,
body.portal-theme-qe.national-day-theme .medical-requests-heading {
  background:
    radial-gradient(circle at 88% 14%,rgba(0,194,255,.12),transparent 24%),
    radial-gradient(circle at 8% 110%,rgba(11,141,82,.22),transparent 28%),
    linear-gradient(120deg,#061426 0%,#0B1D3A 52%,#12365B 100%) !important;
  border-color:rgba(95,194,151,.24) !important;
  box-shadow:0 20px 46px rgba(11,29,58,.14) !important;
}
body.portal-theme-qe.national-day-theme .page-heading-row h1,
body.portal-theme-qe.national-day-theme .lab-page-heading h1,
body.portal-theme-qe.national-day-theme .lab-detail-hero h1,
body.portal-theme-qe.national-day-theme .lab-trends-heading h1,
body.portal-theme-qe.national-day-theme .medical-record-hero h1,
body.portal-theme-qe.national-day-theme .documents-hero h1,
body.portal-theme-qe.national-day-theme .insurance-hero h1,
body.portal-theme-qe.national-day-theme .notifications-hero h1,
body.portal-theme-qe.national-day-theme .health-summary-hero h1,
body.portal-theme-qe.national-day-theme .complaints-heading h1,
body.portal-theme-qe.national-day-theme .medical-requests-heading h1 { color:#fff !important; }
body.portal-theme-qe.national-day-theme .page-heading-row .page-eyebrow,
body.portal-theme-qe.national-day-theme .lab-page-heading .page-eyebrow,
body.portal-theme-qe.national-day-theme .health-summary-eyebrow,
body.portal-theme-qe.national-day-theme .medical-record-hero .page-eyebrow,
body.portal-theme-qe.national-day-theme .documents-hero .page-eyebrow,
body.portal-theme-qe.national-day-theme .insurance-hero .page-eyebrow { color:#78ECDD !important; }
body.portal-theme-qe.national-day-theme .page-heading-row p,
body.portal-theme-qe.national-day-theme .lab-page-heading p,
body.portal-theme-qe.national-day-theme .lab-detail-hero p,
body.portal-theme-qe.national-day-theme .medical-record-hero p,
body.portal-theme-qe.national-day-theme .documents-hero p,
body.portal-theme-qe.national-day-theme .insurance-hero p,
body.portal-theme-qe.national-day-theme .health-summary-hero p { color:#C9D8E3 !important; }

/* Saudi green becomes a supporting accent, rather than replacing the whole product identity. */
body.portal-theme-qe.national-day-theme .sidebar-link.active,
body.portal-theme-qe.national-day-theme .mobile-bottom-nav a.active,
body.portal-theme-qe.national-day-theme .mobile-bottom-nav button.active {
  --qe-teal-600:#0B8D52;
  --qe-teal-700:#087643;
}
body.portal-theme-qe.national-day-theme .page-count-chip strong { color:#fff !important; }
body.portal-theme-qe.national-day-theme .page-count-chip span { color:#D7E8E5 !important; }

/* Readability must remain identical to the normal QE theme. */
body.portal-theme-qe.national-day-theme .insurance-summary article span { color:#617A88 !important; }
body.portal-theme-qe.national-day-theme .insurance-summary article strong { color:#16344B !important; }
body.portal-theme-qe.national-day-theme .lab-patient-card,
body.portal-theme-qe.national-day-theme .lab-trends-patient {
  color:#17344B !important;
  background:linear-gradient(180deg,#FFFFFF,#F7FBFD) !important;
  border:1px solid #DBE4EE !important;
}
body.portal-theme-qe.national-day-theme .lab-patient-card span,
body.portal-theme-qe.national-day-theme .lab-trends-patient span { color:#667D8B !important; }
body.portal-theme-qe.national-day-theme .lab-patient-card strong,
body.portal-theme-qe.national-day-theme .lab-trends-patient strong { color:#17344B !important; }

/* Medical-record patient identity remains readable. */
body.portal-theme-qe.national-day-theme .medical-record-hero .medical-record-patient-chip {
  border-color:rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.08) !important;
}
body.portal-theme-qe.national-day-theme .medical-record-hero .medical-record-patient-chip span,
body.portal-theme-qe.national-day-theme .medical-record-hero .medical-record-patient-chip small { color:#CFE0E9 !important; }
body.portal-theme-qe.national-day-theme .medical-record-hero .medical-record-patient-chip strong { color:#FFFFFF !important; }

/* Login: retain the QE Techno split-card composition, with National Day branding on top. */
body.portal-theme-qe.national-day-theme.auth-page {
  background:
    radial-gradient(circle at 10% 10%,rgba(11,141,82,.08),transparent 25%),
    radial-gradient(circle at 90% 90%,rgba(0,194,255,.05),transparent 28%),
    linear-gradient(135deg,#F4F9FC 0%,#FCFEFF 55%,#F1F7FA 100%) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-card {
  border:1px solid #D4E2E8 !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 30px 78px rgba(11,29,58,.15) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-panel {
  background:
    radial-gradient(circle at 82% 12%,rgba(0,194,255,.14),transparent 24%),
    radial-gradient(circle at 14% 88%,rgba(11,141,82,.22),transparent 27%),
    linear-gradient(145deg,#061426 0%,#0B1D3A 55%,#12365A 100%) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-panel::before {
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) !important;
  background-size:34px 34px !important;
  opacity:.48 !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-panel::after {
  display:block !important;
  background:radial-gradient(circle at 50% 50%,transparent,rgba(6,20,38,.18)) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-middle h1,
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-ar,
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-en { color:#fff !important; }
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-middle p { color:#C8D7E2 !important; }
body.portal-theme-qe.national-day-theme.auth-page .auth-brand-kicker {
  color:#9DECC5 !important;
  border-color:rgba(157,236,197,.24) !important;
  background:rgba(11,141,82,.12) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-security-note {
  color:#E6F4FC !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .auth-security-icon {
  color:#071D3A !important;
  background:linear-gradient(135deg,#8BE7B8,#69D7FF) !important;
}
body.portal-theme-qe.national-day-theme.auth-page .snd-auth-national-logo {
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(6,20,38,.62) !important;
}