/* V84 — final, body-scoped visual layer. Loaded after legacy styles to avoid cross-page collisions. */
body.jawda-polish-v84{
  --v84-navy:#082b5c;
  --v84-navy-2:#0d4385;
  --v84-blue:#2468c9;
  --v84-sky:#edf5ff;
  --v84-ink:#16365f;
  --v84-muted:#657a94;
  --v84-line:#d7e4f3;
  --v84-shadow:0 16px 38px rgba(8,43,92,.09);
}

/* One calm page-title language across student, teacher, staff and public tools. */
.jawda-polish-v84 :is(.jawda-page-heading,.project-hero,.academic-hero,.acc-hero,.bill-hero,.info-hero,.guest-preview-heading,.resource-intro,.plan-hero-card,.teacher-messages-heading,.leq-hero,.qb-hero,.catalog-hero){
  position:relative;
  overflow:hidden;
  border:1px solid var(--v84-line)!important;
  background:linear-gradient(135deg,#fff 0%,#f2f7fe 68%,#e7f1ff 100%)!important;
  color:var(--v84-ink)!important;
  box-shadow:var(--v84-shadow)!important;
}
.jawda-polish-v84 :is(.jawda-page-heading,.project-hero,.academic-hero,.acc-hero,.bill-hero,.info-hero,.guest-preview-heading,.resource-intro,.plan-hero-card,.teacher-messages-heading,.leq-hero,.qb-hero,.catalog-hero)::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:5px;
  background:linear-gradient(180deg,var(--v84-navy),#2d78d8);
}
.jawda-polish-v84 :is(.jawda-page-heading,.project-hero,.academic-hero,.acc-hero,.bill-hero,.info-hero,.guest-preview-heading,.resource-intro,.plan-hero-card,.teacher-messages-heading,.leq-hero,.qb-hero,.catalog-hero) :is(h1,.catalog-hero-copy h1){
  color:var(--v84-navy)!important;
  text-shadow:none!important;
  letter-spacing:-.02em;
}
.jawda-polish-v84 :is(.jawda-page-heading,.project-hero,.academic-hero,.acc-hero,.bill-hero,.info-hero,.guest-preview-heading,.resource-intro,.plan-hero-card,.teacher-messages-heading,.leq-hero,.qb-hero,.catalog-hero) p{
  color:var(--v84-muted)!important;
  opacity:1!important;
}
.jawda-polish-v84 :is(.events-page-heading,.sa-hero,.leqs-head,.teacher-tool-stage>header,.ai-public-hero,.responsible-welcome,.ov-hero){
  border:1px solid var(--v84-line)!important;
  background:linear-gradient(135deg,#fff,#eef5fe)!important;
  color:var(--v84-ink)!important;
  box-shadow:var(--v84-shadow)!important;
}
.jawda-polish-v84 :is(.events-page-heading,.sa-hero,.leqs-head,.teacher-tool-stage>header,.ai-public-hero,.responsible-welcome,.ov-hero) h1{
  color:var(--v84-navy)!important;
  text-shadow:none!important;
}
.jawda-polish-v84 :is(.events-page-heading,.sa-hero,.leqs-head,.teacher-tool-stage>header,.ai-public-hero,.responsible-welcome,.ov-hero) p{
  color:var(--v84-muted)!important;
}
.jawda-polish-v84 :is(.jawda-page-heading-icon,.academic-art,.guest-preview-art,.resource-icon,.plan-hero-icon,.jx-page-icon){
  border:1px solid rgba(255,255,255,.8)!important;
  background:linear-gradient(145deg,#2f75d5,#0a356f)!important;
  color:#fff!important;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.3),0 9px 20px rgba(8,43,92,.2)!important;
}
.jawda-polish-v84 main>h1,
.jawda-polish-v84 :is(.card-head,.project-panel-head,.work-area,.soft-card,.bill-card,.acc-card) > :is(h1,h2),
.jawda-polish-v84 .modal-title{
  color:var(--v84-navy)!important;
}

/* Subscription chooser — quiet navy system with one obvious selected state. */
.jawda-polish-v84.courses-catalog-page .course-part-picker{
  padding:18px!important;
  border:1px solid #cfdff1!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fbfdff,#f3f7fd)!important;
  box-shadow:inset 0 1px #fff,0 12px 26px rgba(8,43,92,.08)!important;
}
.jawda-polish-v84 .course-part-heading{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:14px;
}
.jawda-polish-v84 .course-part-heading>span{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(145deg,#2d70ce,#0a356f);
  color:#fff;
  box-shadow:inset 0 2px rgba(255,255,255,.25),0 8px 17px rgba(8,43,92,.2);
  font-size:1.15rem;
}
.jawda-polish-v84 .course-part-heading>div{min-width:0}
.jawda-polish-v84 .course-part-heading strong{display:block;color:var(--v84-navy);font-size:.98rem}
.jawda-polish-v84 .course-part-heading small{display:block;margin-top:2px;color:var(--v84-muted);font-size:.72rem}
.jawda-polish-v84 .course-part-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-bottom:13px!important;
}
.jawda-polish-v84 .course-part-choice-Course{grid-column:1/-1}
.jawda-polish-v84 .course-part-options .course-part-choice>span{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:3px 9px!important;
  min-height:62px;
  padding:10px 12px!important;
  border:1px solid #d5e1ef!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--v84-ink)!important;
  box-shadow:0 5px 14px rgba(8,43,92,.045);
}
.jawda-polish-v84 .course-part-options .course-part-choice i{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#edf4fd;
  color:#315f99;
  font-size:1.05rem;
}
.jawda-polish-v84 .course-part-options .course-part-choice b{align-self:end;font-size:.82rem}
.jawda-polish-v84 .course-part-options .course-part-choice small{grid-column:3;grid-row:1/3;align-self:center;color:#4e6682!important;font-weight:900;white-space:nowrap}
.jawda-polish-v84 .course-part-options input:checked+span{
  border-color:#2b69bd!important;
  background:linear-gradient(135deg,#0b376f,#1e62b8)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(10,55,111,.2)!important;
  transform:translateY(-1px);
}
.jawda-polish-v84 .course-part-options input:checked+span i{background:rgba(255,255,255,.15);color:#fff}
.jawda-polish-v84 .course-part-options input:checked+span small{color:#dbeaff!important}
.jawda-polish-v84 .course-selected-price{
  padding:11px 13px!important;
  border:1px solid #c8dbf1;
  border-radius:14px!important;
  background:#fff!important;
  color:#3f5875!important;
}
.jawda-polish-v84 .course-selected-price>span{display:flex;align-items:center;gap:7px}
.jawda-polish-v84 .course-selected-price strong{color:var(--v84-navy)!important;font-size:1.08rem!important}
.jawda-polish-v84 .course-subscribe-btn{
  width:100%!important;
  justify-content:center!important;
  min-height:50px;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0a356f,#2468c9)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(8,43,92,.2)!important;
}

/* Student billing becomes a card list; staff tables remain untouched. */
.jawda-polish-v84.student-account-portal .bill-hero{
  padding:22px 25px!important;
}
.jawda-polish-v84.student-account-portal .bill-hero h1{font-size:clamp(1.45rem,2.5vw,2rem)!important}
.jawda-polish-v84.student-account-portal #course-fees{
  padding:20px!important;
  border:1px solid var(--v84-line)!important;
  background:linear-gradient(180deg,#f9fbfe,#f3f7fc)!important;
}
.jawda-polish-v84.student-account-portal #course-fees .bill-table{
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
.jawda-polish-v84.student-account-portal #course-fees .bill-table table,
.jawda-polish-v84.student-account-portal #course-fees .bill-table tbody{display:block;width:100%;min-width:0!important}
.jawda-polish-v84.student-account-portal #course-fees .bill-table thead{display:none}
.jawda-polish-v84.student-account-portal #course-fees .bill-table tbody{display:grid;gap:15px}
.jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{
  display:grid;
  grid-template-columns:minmax(170px,1.25fr) repeat(4,minmax(90px,.72fr));
  align-items:stretch;
  gap:9px;
  padding:13px;
  border:1px solid #d7e4f2;
  border-radius:19px;
  background:#fff;
  box-shadow:0 9px 23px rgba(8,43,92,.065);
}
.jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr:hover{background:#fff;transform:translateY(-1px);box-shadow:0 13px 28px rgba(8,43,92,.1)}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:11px!important;
  border:1px solid #e0e9f4!important;
  border-radius:13px;
  background:#f9fbfe;
  color:var(--v84-ink);
}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td::before{display:block;color:#75869b;font-size:.62rem;font-weight:800}
[dir=rtl] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(2)::before{content:"الرسوم"}
[dir=rtl] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(3)::before{content:"المدفوع"}
[dir=rtl] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(4)::before{content:"المتبقي"}
[dir=rtl] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(5)::before{content:"الفاتورة"}
[dir=ltr] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(2)::before{content:"Fees"}
[dir=ltr] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(3)::before{content:"Paid"}
[dir=ltr] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(4)::before{content:"Due"}
[dir=ltr] .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(5)::before{content:"Invoice"}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td:first-child{
  align-items:flex-start;
  border-color:#cbdcf0!important;
  background:linear-gradient(135deg,#f4f8fe,#eaf2fc);
}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td:first-child>strong{color:var(--v84-navy);font-size:1.1rem}
.jawda-polish-v84.student-account-portal #course-fees .care-enrollment-type{color:#58708c;font-weight:700}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(3){color:#08765a;background:#f2fbf7}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(4){color:#9a5b0d;background:#fff9ef}
.jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(6){
  grid-column:1/-1;
  display:block;
  padding:14px!important;
  border-color:#ccdff3!important;
  background:linear-gradient(135deg,#f8fbff,#edf5ff);
}
.jawda-polish-v84.student-account-portal #course-fees .bill-percent-fieldset{min-width:0;width:100%}
.jawda-polish-v84.student-account-portal #course-fees .bill-percent-options{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}
.jawda-polish-v84.student-account-portal #course-fees .bill-percent-option>span{min-height:70px!important}
.jawda-polish-v84.student-account-portal .bill-online-batch{
  border:1px solid #aac8ec!important;
  background:rgba(248,251,255,.98)!important;
  box-shadow:0 17px 36px rgba(8,43,92,.16)!important;
}
.jawda-polish-v84.student-account-portal #payment-history{border-color:var(--v84-line);box-shadow:var(--v84-shadow)}

@media(max-width:991.98px){
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{grid-template-columns:minmax(160px,1.2fr) repeat(2,minmax(95px,.7fr))}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(4),
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(5){grid-column:auto}
}
@media(max-width:767.98px){
  .jawda-polish-v84 :is(.jawda-page-heading,.project-hero,.academic-hero,.acc-hero,.bill-hero,.info-hero,.guest-preview-heading,.resource-intro,.plan-hero-card,.teacher-messages-heading,.leq-hero,.qb-hero,.catalog-hero){border-radius:20px!important}
  .jawda-polish-v84 .course-part-options{grid-template-columns:1fr!important}
  .jawda-polish-v84 .course-part-choice-Course{grid-column:auto}
  .jawda-polish-v84.student-account-portal #course-fees{padding:13px!important}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table{overflow:visible!important}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td:first-child,
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(6){grid-column:1/-1}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td:nth-child(5) .btn{width:100%}
  .jawda-polish-v84.student-account-portal .bill-online-batch{position:static!important}
}
@media(max-width:420px){
  .jawda-polish-v84 .course-part-picker{padding:13px!important}
  .jawda-polish-v84 .course-part-options .course-part-choice>span{grid-template-columns:36px minmax(0,1fr) auto!important;padding:9px!important}
  .jawda-polish-v84 .course-part-options .course-part-choice i{width:36px;height:36px}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .jawda-polish-v84 .course-part-options input:checked+span,
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{transition:none!important;transform:none!important}
}
@media print{
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody tr{display:table-row;box-shadow:none}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table table{display:table}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table tbody{display:table-row-group}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table thead{display:table-header-group}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td{display:table-cell;border-radius:0}
  .jawda-polish-v84.student-account-portal #course-fees .bill-table td::before{display:none}
}