/* STEP2English V19: WhatsApp-inspired, brand-blue header. Scoped to support only. */
#s2e-app-support .s2e-support-items,
#s2e-app-support #s2e-v14-more {display:none!important}
#s2e-app-support .s2e-support-main{
 box-sizing:border-box!important;position:relative!important;min-width:0!important;width:auto!important;
 min-height:50px!important;height:50px!important;padding:5px 13px!important;
 border-radius:100px!important;gap:8px!important;display:flex!important;
 align-items:center!important;justify-content:center!important;white-space:nowrap!important;
 font-size:0!important;box-shadow:0 5px 18px #0b31532e!important
}
/* The original dial has duplicate text; retain its icon and replace only the visible caption. */
#s2e-app-support .s2e-support-main > :not(.s2e-message-svg):not(.s2e-v19-dial-label):not(.s2e-v14-counter){display:none!important}
#s2e-app-support .s2e-support-main .s2e-message-svg{width:28px!important;height:28px!important;flex:none!important}
#s2e-app-support .s2e-v19-dial-label{display:inline-block!important;
 font:700 13px/1.3 system-ui,Tahoma,Arial,sans-serif!important;color:#0b3d91!important;direction:rtl!important}
#s2e-app-support .s2e-v14-counter{position:absolute!important;right:-5px!important;top:-6px!important;
 display:grid!important;place-items:center!important;min-width:21px!important;height:21px!important;
 border-radius:20px!important;border:2px solid white!important;background:#db2556!important;color:#fff!important;
 font:700 11px/1 system-ui!important;padding:0 4px!important}
#s2e-app-support .s2e-v14-counter[hidden]{display:none!important}
body.s2e-chat-open-v19 #s2e-app-support{display:none!important}
#s2e-support-modal-v14,#s2e-support-modal-v14 *{box-sizing:border-box!important}
#s2e-support-modal-v14{
 direction:rtl!important;position:fixed!important;z-index:2147483600!important;
 top:auto!important;left:auto!important;right:20px!important;bottom:20px!important;
 width:min(440px,calc(100vw - 40px))!important;height:min(650px,calc(100dvh - 40px))!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 border:1px solid #e1e6ec!important;border-radius:19px!important;overflow:hidden!important;
 background:#f5f3ef!important;box-shadow:0 13px 45px #112c5040!important;
 display:flex!important;flex-direction:column!important;gap:0!important;
 font-family:system-ui,Tahoma,Arial,sans-serif!important
}
#s2e-support-modal-v14[hidden]{display:none!important}
#s2e-support-modal-v14[data-role=staff]{width:min(720px,calc(100vw - 40px))!important}
#s2e-support-modal-v14 .s2e-v14-heading{
 flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:60px!important;margin:0!important;padding:9px 12px!important;gap:9px!important;
 border:0!important;border-radius:0!important;background:#0b3d91!important;color:#fff!important
}
#s2e-support-modal-v14 .s2e-v14-brand{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
#s2e-support-modal-v14 .s2e-v19-avatar{width:39px!important;height:39px!important;min-width:39px!important;
 display:grid!important;place-items:center!important;border-radius:50%!important;
 background:#fff3!important;font-size:18px!important}
#s2e-support-modal-v14 .s2e-v19-heading-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important}
#s2e-support-modal-v14 .s2e-v19-heading-text strong{font-size:15px!important;font-weight:750!important;color:#fff!important;line-height:1.3!important}
#s2e-support-modal-v14 .s2e-v19-heading-text small{font-size:11px!important;font-weight:400!important;opacity:.8!important;color:#fff!important}
#s2e-support-modal-v14 .s2e-v14-unread{padding:2px 6px!important;border-radius:10px!important;background:#dc3557!important;color:#fff!important;font-size:10px!important}
#s2e-support-modal-v14 .s2e-v14-unread[hidden]{display:none!important}
#s2e-support-modal-v14 .s2e-v14-close{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
 min-width:40px!important;border:0!important;border-radius:50%!important;background:transparent!important;
 color:#fff!important;font-size:29px!important;line-height:1!important;cursor:pointer!important}
#s2e-support-modal-v14 .s2e-v14-close:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
#s2e-support-modal-v14 .s2e-v14-optional{display:none!important}
#s2e-support-modal-v14 .s2e-v14-status{flex:0 0 auto!important;padding:12px!important;background:#fff!important;
 color:#334a60!important;font-size:13px!important;text-align:center!important}
#s2e-support-modal-v14 .s2e-v14-status[hidden]{display:none!important}
#s2e-support-modal-v14 .s2e-v14-login{display:inline-block!important;margin-top:7px!important;padding:8px 13px!important;
 color:#fff!important;background:#0b4da2!important;border-radius:12px!important;text-decoration:none!important}
#s2e-support-modal-v14 .s2e-v14-frame{flex:1 1 auto!important;display:block!important;
 min-height:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:#efeae2!important}
@media(max-width:650px){
 html:has(body.s2e-chat-open-v19),body.s2e-chat-open-v19{overflow:hidden!important;overscroll-behavior:none!important}
 #s2e-support-modal-v14,#s2e-support-modal-v14[data-role=staff]{
   top:0!important;left:0!important;right:0!important;bottom:auto!important;
   width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:none!important;
   border:0!important;border-radius:0!important;box-shadow:none!important
 }
 #s2e-support-modal-v14 .s2e-v14-heading{min-height:57px!important;
   padding:calc(7px + env(safe-area-inset-top,0px)) 10px 7px!important}
}

/* V19 full-bleed mobile: override the Moodle theme's viewport and right-side gutters. */
@media(max-width:650px){
 html:has(body.s2e-chat-open-v19), body.s2e-chat-open-v19 {margin:0!important;padding:0!important;}
 body.s2e-chat-open-v19 #s2e-support-modal-v14,
 body.s2e-chat-open-v19 #s2e-support-modal-v14[data-role=staff]{
  position:fixed!important;inset-inline:0!important;box-sizing:border-box!important;
  margin:0!important;max-width:none!important;min-width:100vw!important;
  border:0!important;border-radius:0!important;transform:none!important;
 }
 #s2e-support-modal-v14 .s2e-v14-frame{display:block!important;min-width:0!important;
  width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;}
}

/* V20: prevent micro-viewport shifts from shaking the fixed modal. */
#s2e-support-modal-v14,#s2e-support-modal-v14 .s2e-v14-frame{overscroll-behavior:contain!important;}




/* V26 — medium launcher inspired by the preferred V23 size, with no card or caption pill.
   Fix the prior edge clipping by pinning the entire control inside the viewport.
   V23 scroll detection / chat UI and all messaging logic are unchanged. */
#s2e-app-support{
  box-sizing:border-box!important;
  right:12px!important;left:auto!important;
  width:96px!important;min-width:96px!important;max-width:96px!important;
  height:90px!important;min-height:90px!important;max-height:90px!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;
  opacity:1!important;transform:translate3d(0,0,0)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  will-change:opacity,transform!important;
  -webkit-tap-highlight-color:transparent!important;
}
#s2e-app-support .s2e-support-items,
#s2e-app-support #s2e-v14-more{display:none!important}
#s2e-app-support .s2e-support-main{
  position:relative!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;
  width:96px!important;min-width:96px!important;max-width:96px!important;
  height:90px!important;min-height:90px!important;max-height:90px!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;color:#0b3d91!important;
  box-shadow:none!important;
  font-size:0!important;line-height:1!important;text-decoration:none!important;
  overflow:visible!important;white-space:normal!important;
  -webkit-transform:none!important;transform:none!important;transition:none!important;
  cursor:pointer!important;touch-action:manipulation!important;
}
#s2e-app-support .s2e-support-main > :not(.s2e-v14-counter){display:none!important}
#s2e-app-support .s2e-support-main::before{
  content:""!important;display:block!important;flex:0 0 auto!important;
  box-sizing:border-box!important;width:58px!important;height:58px!important;
  min-width:58px!important;min-height:58px!important;
  background-color:#0b4da2!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-8.5 8.5 9 9 0 0 1-4-.9L3 21l1.9-5.5a9 9 0 0 1-.9-4A8.5 8.5 0 0 1 12.5 3 8.5 8.5 0 0 1 21 11.5Z'/%3E%3C/svg%3E")!important;
  background-position:center!important;background-repeat:no-repeat!important;
  background-size:30px 30px!important;
  border:2px solid #fff!important;border-radius:50%!important;
  box-shadow:0 4px 12px rgba(11,77,162,.24)!important;
}
#s2e-app-support .s2e-support-main::after{
  content:"تواصل معنا"!important;display:block!important;
  color:#0b3d91!important;direction:rtl!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
  font:750 13px/1.3 system-ui,Tahoma,Arial,sans-serif!important;
  white-space:nowrap!important;text-align:center!important;
  text-shadow:0 1px 2px #fff!important;
}
#s2e-app-support .s2e-support-main:focus-visible{
  outline:3px solid #88b7ef!important;outline-offset:2px!important;
}
#s2e-app-support .s2e-v14-counter{
  display:grid!important;place-items:center!important;position:absolute!important;
  /* V27: unread badge anchored at the TOP-LEFT of the blue circle, never clipped at the screen right edge. */
  top:-3px!important;left:8px!important;right:auto!important;z-index:3!important;
  min-width:21px!important;height:21px!important;
}
#s2e-app-support .s2e-v14-counter[hidden]{display:none!important}
/* Do not change the proven hide-on-scroll logic. */
body.s2e-v23-page-scrolling #s2e-app-support{
  opacity:0!important;transform:translate3d(0,14px,0)!important;
  pointer-events:none!important;
}
body.s2e-chat-open-v19 #s2e-app-support{display:none!important}
@media(prefers-reduced-motion:reduce){#s2e-app-support{transition:none!important}}