/* WHITE CAMPUS · standalone payment, support and university/subject pages.
   The saved white preference opts in through public-white-theme.js. All rules
   are light-scoped; payment fields, hidden states, routing and page data retain
   their existing behavior and geometry. */
html:root[data-theme="light"] {
  color-scheme: light;
  --primary: #6d42cf;
  --accent: #6d42cf;
  /* 👁️ [CLEAR-SIGHT 2026-10-18] W57/W16/W37: الصفحات العامة كانت بصبغة رمادية مزرقّة (صفحة وأرضيات مرتفعة وفواصل 1.55:1) بينما أبيض التطبيق بنفسجي الصبغة ⇒
     «أبيضان» مختلفان بين التطبيق ورابط الدفع. هنا نفس لوحة 131 حرفياً: صفحة #f7f5fb، محايد #f3f1f8، فاصل 1.9:1، حافة بطاقة 2.2:1،
     حافة تحكم 3.9:1، حافة حقل 4.0:1، حواف حالات 3.2–3.4:1، ثلاثية المعطّل، مسار تقدّم 4.07:1. الملف مستقل (بلا 131) فالرموز معرَّفة هنا.
     للتراجع: استرجع الكتلة من نسخة 2026-10-14. */
  --bg-page: #f7f5fb;
  --bg-card: #fff;
  --text-primary: #172b40;
  --text-secondary: #344c63;
  --text-muted: #526579;
  --border-color: #c4b5dd;
  --pls-bg: #f7f5fb;
  --pls-bg-card: #fff;
  --pls-bg-elevated: #f3f1f8;
  --pls-border: #c4b5dd;
  --pls-border-hover: #6d42cf;
  --white-tint-1: #f1eafa;
  --white-tint-2: #e8dff6;
  --white-neutral: #f3f1f8;
  --white-neutral-2: #eeeaf4;
  --white-card-bd: #b9a9d6;
  --white-ctl-bd: #8d74bd;
  --white-input-bd: #8577a9;
  --white-green-bd: #558f72;
  --white-amber-bd: #ad7f35;
  --white-red-bd: #c4736b;
  --white-dis-bg: #eeeaf4;
  --white-dis-fg: #5f6b7d;
  --white-dis-bd: #b8b0c8;
  --white-track: #d6cbe6;
  --pls-text: #172b40;
  --pls-text-muted: #344c63;
  --pls-text-dim: #526579;
  --pls-primary: #6d42cf;
  --pls-primary-2: #5531a6;
  --pls-success: #126847;
  --pls-warning: #8a4b0b;
  --pls-danger: #b42318;
  --pls-info: #6d42cf;
  --pls-shadow-sm: 0 1px 3px rgba(50, 30, 89, .10);
  --pls-shadow-md: 0 4px 14px rgba(50, 30, 89, .14);
  --pls-shadow-lg: 0 10px 30px rgba(50, 30, 89, .18);
  --pls-shadow-glow: 0 0 24px rgba(109, 66, 207, .16);
}

html:root[data-theme="light"] body {
  background: var(--bg-page);
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(h1, h2, h3) {
  color: var(--text-primary);
}

html:root[data-theme="light"] a {
  color: var(--primary);
}

html:root[data-theme="light"] :is(a, button, summary):focus-visible {
  outline-color: var(--primary);
}

html:root[data-theme="light"] :is(.pls-card, .pls-summary, .pls-result-card,
  .pls-moyasar-wrap, .lbi-pick) {
  background: #fff;
  border-color: var(--border-color);
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.pls-hero-title, .pls-amount, .lbi-title) {
  background: none;
  color: var(--text-primary);
  -webkit-text-fill-color: currentColor;
  -webkit-background-clip: initial;
  background-clip: initial;
}

html:root[data-theme="light"] .pls-amount {
  color: var(--primary);
}

html:root[data-theme="light"] :is(.pls-brand, .pls-spinner, .pls-hero-icon,
  .pls-method-icon, .pls-paying-banner, .pls-paying-banner-icon,
  .pls-result-row > code, .lbi-result-line) {
  background: #f1eafa;
  border-color: var(--white-card-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58: حواف الشعار/الأيقونات/الأكواد 1.5:1 ⇒ حافة البطاقة. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--primary);
}

html:root[data-theme="light"] .pls-paying-banner {
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.pls-meta-row, .pls-result-row,
  .lbi-row, .lbi-bank-row) {
  border-color: var(--border-color);
}

html:root[data-theme="light"] :is(.pls-items-list li, .pls-description,
  .pls-result-meta, .lbi-bank-card) {
  background: var(--white-neutral);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W37/W57: أرضيات البنود/الوصف/بطاقة البنك كانت رمادية مزرقّة ⇒ المحايد البنفسجي. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  border-color: var(--border-color);
  color: var(--text-primary);
}

html:root[data-theme="light"] .pls-items-list li small {
  color: var(--text-secondary);
  opacity: 1;
}

html:root[data-theme="light"] #plsAmountWas {
  color: var(--text-secondary);
  opacity: 1 !important;
}

html:root[data-theme="light"] :is(.pls-amount-block > small,
  .lbi-amount-block > small, .lbi-pill span) {
  color: var(--text-secondary);
}

html:root[data-theme="light"] :is(.pls-method-card, .lbi-pill) {
  background: #fff;
  border-color: var(--white-ctl-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: بطاقات اختيار وسيلة الدفع والحبوب كانت بحافة 1.55:1 (WCAG 1.4.11 على أعلى صفحة قيمةً) ⇒ 3.9:1. للتراجع: var(--border-color). */
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.pls-method-card.pls-method-selected,
  .lbi-methods .pls-method-card[aria-checked="true"], .lbi-pill.is-checked) {
  background: #f1eafa;
  border-color: var(--primary);
  color: var(--text-primary);
}

html:root[data-theme="light"] .lbi-pill.is-checked span {
  color: var(--primary);
}

html:root[data-theme="light"] .pls-method-disabled {
  background: var(--white-dis-bg);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W35/W37: ثلاثية المعطّل الموحّدة بدل اللوح الرمادي المزرقّ. للتراجع: استرجع القيم من نسخة 2026-10-14. */
  color: var(--white-dis-fg);
  border-color: var(--white-dis-bd);
  opacity: 1;
}

html:root[data-theme="light"] :is(.pls-pay-btn, .pls-btn-primary,
  .pls-coupon-btn, .bt-btn-main) {
  background: linear-gradient(135deg, #5531a6, #6d42cf);
  border-color: var(--primary);
  color: #fff;
}

html:root[data-theme="light"] :is(.pls-pay-btn, .pls-btn-primary,
  .pls-coupon-btn, .bt-btn-main):hover:not(:disabled) {
  background: #5531a6;
  border-color: #5531a6;
  color: #fff;
}

html:root[data-theme="light"] .lbi-pay-btn.lbi-pay-btn-apple,
html:root[data-theme="light"] .lbi-pay-btn.lbi-pay-btn-apple:hover:not(:disabled) {
  background: #000;
  border-color: #000;
  color: #fff;
}

html:root[data-theme="light"] :is(.pls-btn-ghost, .pls-coupon-btn-ghost,
  .lbi-copy, .bt-btn) {
  background: #fff;
  border-color: var(--white-ctl-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: الأزرار الشبحية/النسخ/التحويل بحافة 1.55:1 ⇒ حافة التحكم 3.9:1. للتراجع: var(--border-color). */
  color: var(--primary);
}

html:root[data-theme="light"] :is(.pls-btn-ghost, .pls-coupon-btn-ghost,
  .lbi-copy, .bt-btn):hover:not(:disabled) {
  background: #f1eafa;
  border-color: var(--primary);
}

/* Keep the shared transfer primary action above the secondary .bt-btn rule. */
html:root[data-theme="light"] .bt-btn.bt-btn-main,
html:root[data-theme="light"] .bt-btn.bt-btn-main:hover:not(:disabled) {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

html:root[data-theme="light"] :is(.pls-pay-btn, .pls-coupon-btn,
  .pls-coupon-btn-ghost, .bt-btn):disabled {
  background: var(--white-dis-bg);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W35/W37: ثلاثية المعطّل الموحّدة. للتراجع: استرجع القيم من نسخة 2026-10-14. */
  border-color: var(--white-dis-bd);
  color: var(--white-dis-fg);
  opacity: 1;
  cursor: not-allowed;
}

html:root[data-theme="light"] :is(.pls-coupon-input, .lbi-input) {
  background: #fff;
  border-color: var(--white-input-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: حقلا الكوبون/الحوالة بحافة 1.55:1 ⇒ حافة الحقل 4.0:1 (نفس حقول التطبيق). للتراجع: var(--border-color). */
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.pls-coupon-input, .lbi-input)::placeholder {
  color: var(--text-muted);
  opacity: 1;
}

html:root[data-theme="light"] :is(.pls-coupon-input, .lbi-input):focus {
  border-color: var(--primary);
}

html:root[data-theme="light"] #plsCouponMsg:is([style*="74, 222, 128"], [style*="#4ade80"]) {
  color: var(--pls-success) !important;
}

html:root[data-theme="light"] #plsCouponMsg:is([style*="248, 113, 113"], [style*="#f87171"]) {
  color: var(--pls-danger) !important;
}

html:root[data-theme="light"] :is(.pls-security, .pls-result-success,
  .lbi-drop.has-file, .lbi-copy.is-done) {
  background: #edf8f1;
  border-color: var(--white-green-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58-نمط: حافة النجاح 1.9:1 على صبغتها ⇒ 3.4:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.pls-security-icon,
  .pls-result-success .pls-result-icon, .lbi-file-name) {
  background: #dff1e7;
  color: var(--pls-success);
}

html:root[data-theme="light"] .lbi-copy.is-done {
  color: var(--pls-success);
}

html:root[data-theme="light"] :is(.pls-result-failed, .lbi-note, .bt-ok) {
  background: #fff3df;
  border-color: var(--white-amber-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58-نمط: حافة التحذير 1.7:1 على صبغتها ⇒ 3.3:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--pls-warning);
}

html:root[data-theme="light"] .pls-result-failed .pls-result-icon {
  background: #ffebc8;
  color: var(--pls-warning);
}

html:root[data-theme="light"] :is(.pls-result-warning, .lbi-form-error) {
  background: #fff0ed;
  border-color: var(--white-red-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58-نمط: حافة الخطر 1.9:1 على صبغتها ⇒ 3.15:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--pls-danger);
}

html:root[data-theme="light"] .pls-result-warning .pls-result-icon {
  background: #ffe3de;
  color: var(--pls-danger);
}

html:root[data-theme="light"] .pls-result-info {
  background: #f1eafa;
  border-color: var(--white-card-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58: حافة بطاقة المعلومة 1.5:1 ⇒ حافة البطاقة. للتراجع: استرجع اللون من نسخة 2026-10-14. */
}

html:root[data-theme="light"] .pls-result-info .pls-result-icon {
  background: #e5d9f7;
  color: var(--primary);
}

html:root[data-theme="light"] .pls-result-success h2 {
  color: var(--pls-success);
}

html:root[data-theme="light"] .pls-result-failed h2 {
  color: var(--pls-warning);
}

html:root[data-theme="light"] .pls-result-warning h2 {
  color: var(--pls-danger);
}

html:root[data-theme="light"] .pls-result-info h2 {
  color: var(--pls-info);
}

html:root[data-theme="light"] :is(.lbi-drop, .bt-drop) {
  background: #fff;
  border-color: var(--white-ctl-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W56: حدّ منطقة رفع الإيصال المتقطّع 2.15:1 على الصفحة ⇒ 3.6:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.lbi-drop, .bt-drop):hover,
html:root[data-theme="light"] .bt-drop.bt-over {
  background: #f1eafa;
  border-color: var(--primary);
}

html:root[data-theme="light"] :is(.lbi-progress, .bt-prog) {
  background: var(--white-track);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W66-نمط: مسار رفع الملف 1.3:1 ⇒ رمز المسار (التعبئة 4.07:1 معه). للتراجع: استرجع اللون من نسخة 2026-10-14. */
}

html:root[data-theme="light"] :is(.lbi-progress > i, .bt-prog > i) {
  background: var(--primary);
}

html:root[data-theme="light"] .bt-card {
  background: #fff;
  border-color: var(--border-color);
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.bt-row, .bt-pdf) {
  background: var(--white-neutral);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W37/W57: صفوف الحوالة كانت رمادية مزرقّة ⇒ المحايد البنفسجي. للتراجع: استرجع اللون من نسخة 2026-10-14. */
}

html:root[data-theme="light"] :is(.bt-head-t small, .bt-row-l,
  .bt-drop small, .bt-ok-sub) {
  color: var(--text-secondary);
  opacity: 1;
}

html:root[data-theme="light"] .bt-status.bt-bad {
  color: var(--pls-danger);
}

/* Match the existing SDK-important color rules without touching card field
   layout, hosted frames, logos, padding, positioning or payment decisions. */
html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(input,
  select, textarea):focus {
  background: #fff !important;
  border-color: var(--primary) !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(input,
  select):hover {
  border-color: var(--white-ctl-bd) !important;   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: تحويم حقول Moyasar بحافة 2.3:1 ⇒ 3.9:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(button,
  .mysr-button) {
  background: var(--primary) !important;
  color: #fff !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(button,
  .mysr-button) * {
  color: inherit !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(button,
  .mysr-button):disabled {
  background: var(--white-dis-bg) !important;   /* 👁️ [CLEAR-SIGHT 2026-10-18] W35/W37: زر Moyasar المعطّل بثلاثية المعطّل. للتراجع: استرجع القيم من نسخة 2026-10-14. */
  color: var(--white-dis-fg) !important;
  opacity: 1 !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(.apple-pay-button,
  [class*="apple-pay"]) {
  background: #000 !important;
  color: #fff !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(.mysr-error,
  .mysr-form-error, .invalid-feedback, .error-message, [class*="error"]) {
  color: var(--pls-danger) !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is(input.is-invalid,
  input[aria-invalid="true"], .has-error input) {
  background: #fff0ed !important;
  border-color: #b42318 !important;
}

html:root[data-theme="light"] .pls-moyasar-wrap .mysr-form :is([class*="test-mode"],
  [class*="testmode"], .alert-warning, .text-warning) {
  background: #fff3df !important;
  border-color: var(--white-amber-bd) !important;   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58-نمط: حافة تحذير وضع الاختبار 1.7:1 ⇒ 3.3:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--pls-warning) !important;
}

/* Support request status colors originate in inline --hdv-c tokens. */
html:root[data-theme="light"] :is(.hdv-card, .hdv-sec) {
  background: #fff;
  border-color: var(--border-color);
}

html:root[data-theme="light"] .hdv-details {
  opacity: 1;
}

html:root[data-theme="light"] .hdv-new {
  background: var(--pls-danger);
  color: #fff;
}

html:root[data-theme="light"] .hdv-no.copied {
  border-color: var(--pls-success);
}

html:root[data-theme="light"] .hdv-no.copied .hdv-no-ic {
  background: var(--pls-success);
  color: #fff;
}

html:root[data-theme="light"] .hdv-btn.primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

html:root[data-theme="light"] [style*="--hdv-c:#0ea5e9"] {
  --hdv-c: #6d42cf !important;
}

html:root[data-theme="light"] [style*="--hdv-c:#8b5cf6"] {
  --hdv-c: #6d42cf !important;
}

html:root[data-theme="light"] [style*="--hdv-c:#d97706"] {
  --hdv-c: #8a4b0b !important;
}

html:root[data-theme="light"] [style*="--hdv-c:#16a34a"] {
  --hdv-c: #126847 !important;
}

html:root[data-theme="light"] [style*="--hdv-c:#e11d48"] {
  --hdv-c: #b42318 !important;
}

/* Public logos originally choose a white source (including OS dark mode).
   Display the existing navy asset whenever the saved theme is white. */
html:root[data-theme="light"] :is(.brand img, .hdp-brand img) {
  content: url("/assets/images/logo-h.png");
}

/* Static university/subject pages keep their content and responsive geometry. */
html:root[data-theme="light"] .top {
  background: #fff;
  border-color: var(--border-color);
}

html:root[data-theme="light"] :is(.brand, .topnav a, .wrap,
  .wrap summary) {
  color: var(--text-primary);
}

html:root[data-theme="light"] .hero {
  background: #f1eafa;
  border-color: var(--white-card-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W58: حافة هيرو صفحات الجامعات 1.5:1 ⇒ حافة البطاقة. للتراجع: استرجع اللون من نسخة 2026-10-14. */
}

html:root[data-theme="light"] :is(.lead, .wrap details p,
  .crumbs ol, .crumbs li + li::before) {
  color: var(--text-secondary);
}

html:root[data-theme="light"] .mono {
  color: var(--primary);
}

html:root[data-theme="light"] .btn.primary {
  background: var(--primary);
  color: #fff;
}

html:root[data-theme="light"] .btn.primary:hover {
  background: #5531a6;
  color: #fff;
}

html:root[data-theme="light"] .btn.ghost {
  background: #fff;
  border-color: var(--white-ctl-bd);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: الزر الشبح بحافة 1.7:1 ⇒ حافة التحكم 3.9:1. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  color: var(--primary);
}

html:root[data-theme="light"] .btn.ghost:hover {
  background: #f1eafa;
  border-color: var(--primary);
}

html:root[data-theme="light"] .card {
  background: #fff;
  border-color: var(--border-color);
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.chips li, .grid a, .ucards a) {
  background: var(--white-neutral);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W37/W57: شرائح/شبكات صفحات الجامعات كانت رمادية مزرقّة ⇒ المحايد البنفسجي. للتراجع: استرجع اللون من نسخة 2026-10-14. */
  border-color: var(--border-color);
  color: var(--text-primary);
}

html:root[data-theme="light"] :is(.grid a, .ucards a):hover {
  background: #f1eafa;
  border-color: var(--primary);
}

html:root[data-theme="light"] :is(.muted, .ucards small, footer) {
  color: var(--text-muted);
}

html:root[data-theme="light"] :is(.wrap details, footer) {
  border-color: var(--border-color);
}

/* Emergency 404 recovery is unchanged; only the visible card is recolored. */
html:root[data-theme="light"] .card > :is(#notfound, #recovering) h1 {
  color: var(--text-primary);
}

html:root[data-theme="light"] .card > :is(#notfound, #recovering) p {
  color: var(--text-secondary);
}

html:root[data-theme="light"] .home-btn {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

html:root[data-theme="light"] .spinner {
  border-color: var(--white-track);   /* 👁️ [CLEAR-SIGHT 2026-10-18] W16: حلقة التحميل كانت رمادية مزرقّة 1.5:1 ⇒ مسار بنفسجي (القوس 4.07:1 معه). للتراجع: استرجع اللون من نسخة 2026-10-14. */
  border-top-color: var(--primary);
}