/* Al Bayraq Portal — consistent bilingual control and direction handling. */
.absp-language-switcher{
  direction:ltr!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:132px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:5px 6px!important;
  border:1px solid rgba(198,213,221,.96)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 28px rgba(24,50,74,.12)!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  line-height:1!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  z-index:70!important;
}
.absp-language-switcher-icon{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#e9f7f5,#f3f7fa)!important;
  color:#1d766d!important;
  font-size:15px!important;
  line-height:1!important;
}
.absp-language-options{
  display:grid!important;
  grid-template-columns:repeat(2,42px)!important;
  gap:3px!important;
  align-items:center!important;
  height:34px!important;
  padding:3px!important;
  border-radius:11px!important;
  background:#edf2f4!important;
}
.absp-language-switcher button{
  all:unset;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#5c6d78!important;
  box-shadow:none!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.35px!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.absp-language-switcher button:hover{
  background:rgba(255,255,255,.78)!important;
  color:#19364e!important;
}
.absp-language-switcher button.is-active{
  background:linear-gradient(145deg,#18324a,#244a5f)!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(24,50,74,.22)!important;
}
.absp-language-switcher button b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
}
.absp-language-switcher button:active{transform:translateY(1px)!important}
.absp-language-switcher button:focus-visible{outline:3px solid rgba(224,131,38,.36)!important;outline-offset:2px!important}
.absp-language-switcher.is-inline{position:static!important;margin-inline-start:auto!important}
.absp-language-switcher.is-floating{position:fixed!important;top:18px!important;inset-inline-end:18px!important}
.absp-top-header,.absp-teacher-header,.absp-head-top,.absp-social-top,.absp-principal-foundation__topbar{position:relative}
.absp-top-header>.absp-language-switcher,
.absp-teacher-header>.absp-language-switcher,
.absp-head-top>.absp-language-switcher,
.absp-social-top>.absp-language-switcher,
.absp-principal-foundation__topbar>.absp-language-switcher{
  width:auto!important;height:46px!important;min-height:46px!important;
}

.absp-principal-foundation__topbar>.absp-language-switcher{
  order:2!important;
  margin-inline-start:0!important;
}
.absp-gd-hero>.absp-language-switcher,.wrap>.absp-language-switcher{
  position:absolute!important;top:18px!important;inset-inline-end:18px!important;
}
.absp-gd-hero{position:relative}

/* The school identity now remains in the full-width header. The route card is
 * removed in compact mode so the sidebar contains clean, centred icons only. */
.absp-head-page:is(.is-sidebar-collapsed,.sidebar-collapsed) .absp-head-brand,
.absp-social-page.sidebar-collapsed .absp-social-brand{
  display:none!important;
}

html.absp-language-en body,
html.absp-language-en [data-absp-login],
html.absp-language-en [data-teacher-portal],
html.absp-language-en [data-head-portal],
html.absp-language-en [data-social-portal],
html.absp-language-en [data-principal-portal],
html.absp-language-en .absp-gd-admin{direction:ltr;text-align:left}
html.absp-language-en input:not([dir]),html.absp-language-en textarea:not([dir]),html.absp-language-en select:not([dir]){direction:ltr;text-align:left}
html.absp-language-en table th,html.absp-language-en table td{text-align:left}
html.absp-language-en blockquote{border-right:0!important;border-left:3px solid currentColor}
html.absp-language-en .absp-teacher-alert,
html.absp-language-en .absp-dashboard-revision-alert,
html.absp-language-en .absp-social-referral.is-urgent,
html.absp-language-en .absp-social-case.is-urgent,
html.absp-language-en .absp-gdc-coverages article{border-right-width:1px!important;border-left-width:5px!important}
html.absp-language-en .absp-teacher-userbox,
html.absp-language-en .absp-head-user,
html.absp-language-en .absp-social-user{text-align:left}
html.absp-language-en .absp-social-record-actions,html.absp-language-en .absp-gdc-actions{justify-content:flex-start}
html.absp-language-en [data-principal-portal] .absp-principal-foundation__nav button,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) button,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) label,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) p,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) h1,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) h2,
html.absp-language-en [data-principal-portal] :is(.absp-pa,.absp-ptm,.absp-tpa,.absp-pdc) h3{text-align:left}
html.absp-language-en [data-principal-portal] .absp-principal-foundation__back,
html.absp-language-en [data-principal-portal] :is(.absp-pa__back,.absp-ptm__back,.absp-tpa__back,.absp-pdc__back){direction:ltr}
html.absp-language-en .absp-social-case footer button{margin-right:0;margin-left:auto}
html.absp-language-en [dir="rtl"]{direction:ltr}
html.absp-language-en [dir="ltr"]{direction:ltr}
html.absp-language-en [data-absp-auto-dir="1"]{direction:auto!important;text-align:start!important;unicode-bidi:plaintext}

@media(max-width:900px){
  .absp-head-brand b{min-width:0;overflow:hidden}
}
@media(max-width:760px){
  .absp-language-switcher{min-width:124px!important;height:44px!important;min-height:44px!important;padding:4px 5px!important}
  .absp-language-switcher-icon{width:28px!important;min-width:28px!important;height:28px!important}
  .absp-language-options{grid-template-columns:repeat(2,39px)!important;height:32px!important}
  .absp-language-switcher button{width:39px!important;min-width:39px!important;max-width:39px!important;height:26px!important;min-height:26px!important;max-height:26px!important}
  .absp-language-switcher.is-inline{align-self:flex-start!important;margin-inline-start:0!important}
  .absp-top-header .absp-language-switcher{position:absolute!important;top:10px!important;inset-inline-end:10px!important}
  .absp-teacher-header,.absp-head-top,.absp-social-top{padding-top:56px!important}
  .absp-principal-foundation__topbar>.absp-language-switcher{position:static!important;align-self:flex-start!important;margin:0!important}
}
@media print{.absp-language-switcher{display:none!important}}

/* v1.2.23.5 — Full English direction and visual mirroring for survey pages. */
html.absp-language-en .absp-principal-surveys,
html.absp-language-en .absp-teacher-panel[data-teacher-panel="surveys"],
html.absp-language-en .absp-teacher-surveys{
  direction:ltr!important;
  text-align:left!important;
}
html.absp-language-en .absp-principal-surveys :is(h1,h2,h3,h4,p,small,strong,span,label,button),
html.absp-language-en .absp-teacher-panel[data-teacher-panel="surveys"] :is(h1,h2,h3,h4,p,small,strong,span,label,button){
  text-align:left;
}
html.absp-language-en .absp-principal-surveys__question-remove{
  left:auto!important;
  right:9px!important;
}
html.absp-language-en .absp-principal-surveys__question{
  padding-right:48px!important;
}
html.absp-language-en .absp-principal-surveys__item-top,
html.absp-language-en .absp-principal-surveys__questions-head,
html.absp-language-en .absp-principal-surveys__report-title,
html.absp-language-en .absp-teacher-surveys__section-title,
html.absp-language-en .absp-teacher-surveys__alerts>header,
html.absp-language-en .absp-teacher-surveys__submitted-head{
  direction:ltr!important;
}
html.absp-language-en .absp-teacher-surveys__alerts>header small{
  text-align:left!important;
}
html.absp-language-en .absp-teacher-surveys__card:before{
  right:auto!important;
  left:0!important;
}
html.absp-language-en .absp-teacher-surveys__card-index{
  left:auto!important;
  right:20px!important;
}
html.absp-language-en .absp-teacher-surveys__card>header{
  padding:22px 92px 22px 24px!important;
}
html.absp-language-en .absp-teacher-surveys__deadline{
  text-align:center!important;
}
html.absp-language-en .absp-teacher-surveys__question-head,
html.absp-language-en .absp-teacher-surveys__actions,
html.absp-language-en .absp-teacher-surveys__alert,
html.absp-language-en .absp-teacher-surveys__alert-actions,
html.absp-language-en .absp-teacher-surveys__submitted article{
  direction:ltr!important;
}
html.absp-language-en .absp-teacher-surveys__toggle{
  direction:ltr!important;
  text-align:center!important;
}
html.absp-language-en .absp-teacher-surveys__card.is-open .absp-teacher-surveys__toggle i{
  transform:rotate(180deg);
}
@media(max-width:900px){
  html.absp-language-en .absp-teacher-surveys__card>header{
    padding-left:24px!important;
    padding-right:82px!important;
  }
}
@media(max-width:680px){
  html.absp-language-en .absp-teacher-surveys__card>header{
    padding:18px 70px 18px 18px!important;
  }
  html.absp-language-en .absp-teacher-surveys__card-index{
    left:auto!important;
    right:14px!important;
  }
}

/* v1.2.96.2 — compact professional unified language control */
.absp-language-switcher{
  min-width:116px!important;height:42px!important;min-height:42px!important;gap:5px!important;padding:4px 5px!important;
  border:1px solid rgba(198,213,221,.9)!important;border-radius:13px!important;background:rgba(255,255,255,.96)!important;
  box-shadow:0 7px 20px rgba(24,50,74,.09)!important
}
.absp-language-switcher-icon{width:27px!important;min-width:27px!important;height:27px!important;border-radius:9px!important;background:#edf7f7!important;color:#157e79!important}
.absp-language-switcher-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.absp-language-options{grid-template-columns:repeat(2,35px)!important;height:32px!important;padding:2px!important;gap:2px!important;border-radius:10px!important;background:#eef3f5!important}
.absp-language-switcher button{width:35px!important;min-width:35px!important;max-width:35px!important;height:28px!important;min-height:28px!important;max-height:28px!important;border-radius:8px!important;font-size:11.5px!important;letter-spacing:.25px!important}
.absp-language-switcher button.is-active{background:linear-gradient(145deg,#153552,#1d5369)!important;box-shadow:0 4px 10px rgba(21,53,82,.2)!important}
.absp-ih-top-actions>.absp-language-switcher{position:static!important;inset:auto!important;margin:0!important;align-self:center!important;order:-1!important}
@media(max-width:760px){.absp-language-switcher{min-width:104px!important;height:39px!important;min-height:39px!important}.absp-language-switcher-icon{width:25px!important;min-width:25px!important;height:25px!important}.absp-language-options{grid-template-columns:repeat(2,31px)!important;height:29px!important}.absp-language-switcher button{width:31px!important;min-width:31px!important;max-width:31px!important;height:25px!important;min-height:25px!important;max-height:25px!important;font-size:10.5px!important}}