/* Phase 5: scoped brand tokens; avoid overriding ordinary white card headings. */
:root{--jawda-brand-navy:#0b2d63;--jawda-brand-gold:#e5b438;--jawda-brand-ink:#123869}
/* Only intended dark hero banners receive white text. */
html body .student-account-portal .bill-hero,
html body .student-devices-page .student-devices-page-head,
html body .student-learning-page .student-devices-page-head{background:#0b2d63!important;background-image:linear-gradient(110deg,#0b2d63,#154b89)!important;border:1px solid #284f80!important;color:#fff!important;min-height:0!important;padding:16px 24px!important}
html body .student-account-portal .bill-hero :is(h1,p),
html body .student-devices-page .student-devices-page-head :is(h1,p,strong){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
html body .student-account-portal .bill-hero h1,
html body .student-devices-page .student-devices-page-head h1{font-size:clamp(1.35rem,2vw,2rem)!important;white-space:nowrap!important;line-height:1.3!important;margin:0!important}
html body .student-account-portal .bill-hero p,
html body .student-devices-page .student-devices-page-head p{font-size:.88rem!important;margin:4px 0 0!important;line-height:1.6!important}
html body .student-account-portal .bill-hero{margin:0 0 10px!important}
html body .student-account-portal .payment-trust{margin:0 0 10px!important}
html body .student-account-portal .subscription-payment-hero{padding:14px 18px!important;margin:0 0 12px!important;gap:10px!important}
html body .student-account-portal .subscription-payment-hero h2{color:var(--jawda-brand-ink)!important;-webkit-text-fill-color:var(--jawda-brand-ink)!important;white-space:nowrap!important;font-size:clamp(1.1rem,1.6vw,1.45rem)!important}
html body .student-account-portal .subscription-payment-hero .care-portal-links{gap:8px!important}
/* Brand-consistent fee bar: totals are inside the dark heading, never separated from it. */
html body .student-account-portal #course-fees>.bill-fees-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;background:#0b2d63!important;background-image:linear-gradient(110deg,#0b2d63,#154b89)!important;color:#fff!important;border-radius:18px!important;padding:14px 20px!important;margin-bottom:16px!important}
html body .student-account-portal #course-fees>.bill-fees-heading>h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(1.05rem,1.6vw,1.45rem)!important;margin:0!important;white-space:nowrap!important}
html body .student-account-portal #course-fees .bill-fees-summary{display:flex!important;align-items:center!important;gap:10px 22px!important;flex-wrap:wrap!important}
html body .student-account-portal #course-fees .bill-fees-summary article{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;background:none!important;min-width:0!important;color:#fff!important}
html body .student-account-portal #course-fees .bill-fees-summary .bill-stat-icon{display:none!important}
html body .student-account-portal #course-fees .bill-fees-summary article>div{display:flex!important;align-items:baseline!important;gap:6px!important}
html body .student-account-portal #course-fees .bill-fees-summary :is(small,strong,span){color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;white-space:nowrap!important}
html body .student-account-portal #course-fees .bill-fees-summary strong{font-size:1.1rem!important;font-weight:900!important;font-variant-numeric:tabular-nums}
html body .student-account-portal #course-fees .bill-fees-summary small{opacity:.86!important;font-size:.77rem!important}
html body .student-account-portal #course-fees .bill-fees-summary article>div>span{font-size:.65rem!important}
/* devices: the legacy teal gradient is not part of institute palette */
html body .student-devices-page :is(.security-live,.student-devices-page-list){border-color:#cfdef0}
html body .student-devices-page .security-live header :is(h2,p){color:var(--jawda-brand-ink)!important;-webkit-text-fill-color:var(--jawda-brand-ink)!important}
/* lecture pages: preserve white card surfaces; dark heading bars use white titles */
html body .student-learning-page :is(.lectures-hero-box,.student-lecture-hero,.lecture-page-hero){background:#0b2d63!important;background-image:linear-gradient(110deg,#0b2d63,#154b89)!important;color:#fff!important}
html body .student-learning-page :is(.lectures-hero-box,.student-lecture-hero,.lecture-page-hero) :is(h1,h2,p){color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:720px){html body .student-account-portal #course-fees>.bill-fees-heading{padding:12px!important}html body .student-account-portal #course-fees .bill-fees-summary{width:100%;gap:9px 14px!important}html body .student-account-portal #course-fees .bill-fees-summary strong{font-size:.95rem!important}html body .student-devices-page .student-devices-page-head{padding:14px!important}}
/* Courses catalog: the course code is a distinctive monogram logo, rather than a tiny label. */
html body .catalog-course-card .catalog-card-image{background:linear-gradient(145deg,#f1f6fc,#e5edfa)!important;min-height:176px!important}
html body .catalog-course-card .catalog-course-monogram{width:124px;height:124px;display:grid;place-items:center;flex-shrink:0;padding:9px;border-radius:27px;background:linear-gradient(140deg,#092555,#1a4c8a);border:2px solid #d8ad40;box-shadow:0 11px 22px rgba(11,45,99,.25),inset 0 0 0 2px rgba(255,255,255,.12);transform:rotate(-3deg);transition:transform .2s}
html body .catalog-course-card:hover .catalog-course-monogram{transform:rotate(0) translateY(-3px)}
html body .catalog-course-card .catalog-logo-inner{display:block;color:#fff!important;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:.025em;direction:ltr;text-shadow:0 2px 4px rgba(0,0,0,.22);text-align:center;overflow-wrap:anywhere}
html body .catalog-course-card{border:1px solid #d8e3f1!important;border-top:4px solid #d8ad40!important;background:#fff!important}
html body .catalog-course-card .catalog-card-body{background:#fff!important}
html body .catalog-course-card .catalog-card-copy strong{color:#0b2d63!important;font-size:.95rem!important}
/* The homepage course card code also reads as a mini logo. */
html body #courses .course-code-stage>strong{font-family:Arial,sans-serif!important;font-size:1.4rem!important;letter-spacing:.035em!important;display:inline-grid!important;place-items:center!important;min-width:104px!important;min-height:49px!important;border:2px solid #d8ad40!important;border-radius:13px!important;background:#0b2d63!important;color:#fff!important;box-shadow:0 5px 14px #09295b33!important}
@media(max-width:575px){html body .catalog-course-card .catalog-course-monogram{width:85px;height:85px;border-radius:20px}html body .catalog-course-card .catalog-logo-inner{font-size:1.1rem}}

/* Subscription billing: compact single-row heading and metrics; never render legacy statistic cards. */
html body .student-account-portal .bill-hero{background:#f3f7fc!important;background-image:none!important;color:#0b2d63!important;border:1px solid #d5e2f2!important;box-shadow:none!important}
html body .student-account-portal .bill-hero :is(h1,p){color:#0b2d63!important;-webkit-text-fill-color:#0b2d63!important}
html body .student-account-portal .bill-hero p{color:#526e95!important;-webkit-text-fill-color:#526e95!important}
html body .student-account-portal #course-fees>.jawda-fee-bar{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;padding:12px 19px!important;background:#0b2d63!important;background-image:none!important;min-height:58px!important;overflow-x:auto!important;border-radius:14px!important}
html body .student-account-portal #course-fees>.jawda-fee-bar>h2{flex:0 0 auto!important;white-space:nowrap!important;font-size:1.18rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .student-account-portal #course-fees .jawda-fee-metrics{display:flex!important;flex:0 0 auto!important;flex-flow:row nowrap!important;align-items:center!important;gap:17px!important;white-space:nowrap!important;margin:0!important;width:auto!important}
html body .student-account-portal #course-fees .jawda-fee-metric{display:inline-flex!important;align-items:baseline!important;gap:5px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important}
html body .student-account-portal #course-fees .jawda-fee-metric small{font-size:.78rem!important;color:#d6e3f6!important;-webkit-text-fill-color:#d6e3f6!important}
html body .student-account-portal #course-fees .jawda-fee-metric b{font-size:.91rem!important;color:#ffd05a!important;-webkit-text-fill-color:#ffd05a!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}
html body .student-account-portal #course-fees .jawda-fee-currency{font-size:.7rem!important;color:#d6e3f6!important;-webkit-text-fill-color:#d6e3f6!important}
@media(max-width:700px){html body .student-account-portal #course-fees>.jawda-fee-bar{gap:12px!important;padding:12px!important}html body .student-account-portal #course-fees .jawda-fee-metrics{gap:10px!important}html body .student-account-portal #course-fees .jawda-fee-metric b{font-size:.82rem!important}}


/* Billing scoped correction: small navy titles, no illustration oversized by legacy selectors. */
html body.student-account-portal .jawda-bill-top{display:flex!important;align-items:center!important;min-height:58px!important;padding:10px 18px!important;background:#0b2d63!important;background-image:none!important;color:#fff!important;border:1px solid #204a83!important;border-radius:18px!important;gap:0!important;margin:0 0 12px!important}
html body.student-account-portal .jawda-bill-top-copy{flex:1!important;min-width:0!important}
html body.student-account-portal .jawda-bill-top h1{font-size:clamp(1.18rem,1.55vw,1.48rem)!important;line-height:1.3!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;margin:0!important}
html body.student-account-portal .jawda-bill-top p{color:#d6e4f7!important;-webkit-text-fill-color:#d6e4f7!important;font-size:.8rem!important;margin:2px 0 0!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:14px 18px!important;min-height:66px!important;padding:12px 18px!important;background:#0b2d63!important;background-image:linear-gradient(110deg,#0b2d63,#174784)!important;border:1px solid #21457a!important;border-radius:16px!important;overflow:hidden!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.18rem!important;white-space:nowrap!important;flex:0 0 auto!important;margin:0!important;font-weight:900!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-strip-metrics{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:auto!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;padding:7px 12px!important;display:inline-flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;white-space:nowrap!important;box-shadow:none!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill-icon{width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;color:#fff!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill-copy{display:inline-flex!important;align-items:baseline!important;gap:6px!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill small{font-size:.74rem!important;color:#d9e6f7!important;-webkit-text-fill-color:#d9e6f7!important;font-weight:700!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill b{font-size:.88rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-variant-numeric:tabular-nums!important;font-weight:900!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill b em{font-size:.65rem!important;color:#ffd666!important;-webkit-text-fill-color:#ffd666!important;font-style:normal!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill-total .jawda-fee-pill-icon{background:#2f6dd5!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill-paid .jawda-fee-pill-icon{background:#1f9d68!important}
html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill-remain .jawda-fee-pill-icon{background:#d18a22!important}
@media(max-width:700px){html body.student-account-portal #course-fees>.jawda-fee-strip-new{gap:10px!important;padding:12px 14px!important}html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-strip-metrics{width:100%!important;gap:8px!important}html body.student-account-portal #course-fees>.jawda-fee-strip-new .jawda-fee-pill{flex:1 1 calc(50% - 8px)!important;justify-content:flex-start!important}}

/* WhatsApp payment contact button: scoped and deliberately green */
html body.student-account-portal .jawda-bill-paybox a.jawda-whatsapp-payment{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#128c53!important;border:1px solid #128c53!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;box-shadow:0 3px 9px rgba(18,140,83,.15)!important}
html body.student-account-portal .jawda-bill-paybox a.jawda-whatsapp-payment:hover,html body.student-account-portal .jawda-bill-paybox a.jawda-whatsapp-payment:focus-visible{background:#086b3d!important;border-color:#086b3d!important;color:#fff!important}
html body.student-account-portal .jawda-bill-paybox a.jawda-whatsapp-payment :is(i,span,svg){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Lecture sidebar header: explicit accessible contrast */
html body.student-learning-page .student-lectures-card>.student-card-heading,html body.student-learning-page .student-lectures-card>.card-header.student-card-heading{background:linear-gradient(115deg,#102e62,#174a88)!important;color:#fff!important}
html body.student-learning-page .student-lectures-card>.student-card-heading span{color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap!important}
html body.student-learning-page .student-lectures-card>.student-card-heading b{background:#fff!important;color:#10366b!important;-webkit-text-fill-color:#10366b!important}