/* ASHAL 87 — i18n Phase 1: namespaced only */
#ashalLanguageCard,#ashalLanguageFirstRun{font-family:'Cairo',system-ui,sans-serif}
#ashalLanguageCard{margin:0 18px 15px;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.ashal-lang-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ashal-lang-icon{width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.ashal-lang-copy{flex:1;min-width:0}.ashal-lang-title{font-size:13px;font-weight:900;color:var(--text,#0f172a)}.ashal-lang-sub{font-size:11px;font-weight:600;color:var(--muted,#64748b);margin-top:2px}.ashal-lang-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ashal-lang-btn{border:1px solid #dbe3ef;background:#f8fafc;color:#334155;border-radius:11px;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.18s}.ashal-lang-btn.active{background:#eef2ff;color:#4338ca;border-color:#818cf8;box-shadow:inset 0 0 0 1px #818cf8}
#ashalLanguageFirstRun{position:fixed;inset:0;z-index:50000;background:rgba(15,23,42,.52);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.ashal-first-card{width:min(390px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.28);text-align:center}.ashal-first-logo{width:68px;height:68px;margin:0 auto 12px;border-radius:18px;object-fit:cover}.ashal-first-title{font-size:18px;font-weight:900;color:#0f172a}.ashal-first-sub{font-size:12px;color:#64748b;margin-top:4px;margin-bottom:16px;line-height:1.7}.ashal-first-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ashal-first-choice{border:1px solid #dbe3ef;border-radius:14px;padding:14px 10px;background:#f8fafc;color:#0f172a;font-family:inherit;font-weight:900;cursor:pointer}.ashal-first-choice:hover{background:#eef2ff;border-color:#a5b4fc}
html[dir="ltr"] body{direction:ltr}html[dir="rtl"] body{direction:rtl}html[dir="ltr"] input,html[dir="ltr"] textarea,html[dir="ltr"] select{text-align:left}html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}html[dir="ltr"] .back-btn .ri-arrow-right-s-line,html[dir="ltr"] .ri-arrow-left-s-line{transform:rotate(180deg)}html[dir="ltr"] #myReferralLink{text-align:left!important}@media(max-width:420px){#ashalLanguageCard{margin-left:12px;margin-right:12px}}


/* ASHAL 87.4 — safe LTR presentation additions */
html[dir="ltr"] .tool-header,
html[dir="ltr"] .modal-header,
html[dir="ltr"] .section-head,
html[dir="ltr"] .item,
html[dir="ltr"] .settings-item {
  direction: ltr;
}

html[dir="ltr"] .tool-header .back-btn i,
html[dir="ltr"] .modal-header .back-btn i {
  transform: rotate(180deg);
}

html[dir="ltr"] input:not([type="checkbox"]):not([type="radio"]),
html[dir="ltr"] textarea,
html[dir="ltr"] select {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .group-days-picker {
  direction: ltr;
}

html[dir="ltr"] #toastBox,
html[dir="ltr"] .toast {
  direction: ltr;
  text-align: left;
}

/* PDF/print content keeps its own content direction and is not forced by UI language. */
html[dir="ltr"] [data-content-dir="rtl"],
html[dir="ltr"] .rtl-content {
  direction: rtl;
  text-align: right;
}


/* ASHAL 87.5 — Student Portal LTR */
html[dir="ltr"] .student-info,
html[dir="ltr"] .fi-info,
html[dir="ltr"] .content-area,
html[dir="ltr"] .report-sheet {
  direction: ltr;
  text-align: left;
}
html[dir="ltr"] .toast {
  border-right: 0 !important;
  border-left: 5px solid var(--accent) !important;
}
html[dir="ltr"] .report-qpreview {
  border-right: 0 !important;
  border-left: 3px solid #7c3aed !important;
}
html[dir="ltr"] .class-header .back-btn i {
  transform: rotate(180deg);
}
html[dir="ltr"] .eval-pill {
  margin-right: 0;
  margin-left: 5px;
}
html[dir="ltr"] #studentStateOverlay > div,
html[dir="ltr"] #onlineExamScreen,
html[dir="ltr"] #examResultScreen {
  direction: ltr !important;
  text-align: left;
}
html[dir="rtl"] #studentStateOverlay > div,
html[dir="rtl"] #onlineExamScreen,
html[dir="rtl"] #examResultScreen {
  direction: rtl !important;
}


/* ASHAL 87.6 — Remaining pages */
#ashalLanguageFloating {
  position: fixed;
  inset-inline-end: 14px;
  top: 14px;
  z-index: 49999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 56px;
  justify-content: center;
  border: 1px solid rgba(148,163,184,.35);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(15,23,42,.88);
  color: #fff;
  box-shadow: 0 8px 24px rgba(15,23,42,.18);
  backdrop-filter: blur(8px);
  font-family: Cairo, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

#ashalLanguageFloating:hover {
  transform: translateY(-1px);
}

html[dir="ltr"] body {
  direction: ltr;
}

html[dir="ltr"] .modal,
html[dir="ltr"] .modal-content,
html[dir="ltr"] .sheet,
html[dir="ltr"] .panel,
html[dir="ltr"] .card,
html[dir="ltr"] .form-group {
  text-align: left;
}

html[dir="ltr"] .back-btn i,
html[dir="ltr"] .ri-arrow-right-line,
html[dir="ltr"] .ri-arrow-right-s-line {
  transform: rotate(180deg);
}

/* Educational/question content keeps its own direction. */
html[dir="ltr"] .question-text[dir="rtl"],
html[dir="ltr"] [data-content-dir="rtl"],
html[dir="ltr"] .rtl-content {
  direction: rtl !important;
  text-align: right !important;
}

@media (max-width: 600px) {
  #ashalLanguageFloating {
    top: 10px;
    inset-inline-end: 10px;
    padding: 7px 9px;
  }
}


/* ASHAL 87.7 — mixed-language cleanup */
html[dir="ltr"] #view-bank-upload,
html[dir="ltr"] #view-assessments-hub,
html[dir="ltr"] #view-students-hub,
html[dir="ltr"] #view-home { direction:ltr; }
html[dir="ltr"] .tool-title,
html[dir="ltr"] .section-title { text-align:left; }