/* SININBE EDU 4.0.18 — cross-device visual refinement and strict theme inheritance. */

/* ---------- Theme tokens ---------- */
#app[data-theme="dark"],html[data-theme="dark"],body[data-theme="dark"],
[data-theme="dark"]{
  --se-ui-bg:#020617;
  --se-ui-surface:#071026;
  --se-ui-surface-2:#0b172d;
  --se-ui-surface-3:#101d34;
  --se-ui-border:rgba(148,163,184,.20);
  --se-ui-border-strong:rgba(148,163,184,.30);
  --se-ui-text:#f8fafc;
  --se-ui-text-2:#dbe7f2;
  --se-ui-muted:#9ab0c4;
  --se-ui-input:#081428;
}
#app[data-theme="light"],html[data-theme="light"],body[data-theme="light"],
[data-theme="light"]{
  --se-ui-bg:#f4f7fb;
  --se-ui-surface:#ffffff;
  --se-ui-surface-2:#f8fafc;
  --se-ui-surface-3:#eef3f8;
  --se-ui-border:#d8e1eb;
  --se-ui-border-strong:#c4d0dd;
  --se-ui-text:#0f172a;
  --se-ui-text-2:#334155;
  --se-ui-muted:#64748b;
  --se-ui-input:#ffffff;
}

/* Theme changes must not flash mixed light/dark layers. */
html.edu-theme-switching *,body.edu-theme-switching *,#app.edu-theme-switching *{
  transition:none!important;
}

/* ---------- Strict theme inheritance for all application dialogs ---------- */
#app[data-theme="dark"] .modal,
html[data-theme="dark"] .modal,
body[data-theme="dark"] .modal,
#app[data-theme="dark"] :is(#se-gradebook-modal,#se-whiteboard-modal,#se-reader-modal,.se-info-pop),
html[data-theme="dark"] :is(#se-gradebook-modal,#se-whiteboard-modal,#se-reader-modal,.se-info-pop){
  color-scheme:dark;
}
#app[data-theme="light"] .modal,
html[data-theme="light"] .modal,
body[data-theme="light"] .modal,
#app[data-theme="light"] :is(#se-gradebook-modal,#se-whiteboard-modal,#se-reader-modal,.se-info-pop),
html[data-theme="light"] :is(#se-gradebook-modal,#se-whiteboard-modal,#se-reader-modal,.se-info-pop){
  color-scheme:light;
}

#app[data-theme="dark"] .modal>.m-box,
html[data-theme="dark"] .modal>.m-box,
body[data-theme="dark"] .modal>.m-box,
#app[data-theme="dark"] :is(.se-info-card,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.edu-lsv-box),
html[data-theme="dark"] :is(.se-info-card,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.edu-lsv-box){
  background-color:var(--se-ui-surface)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border)!important;
}
#app[data-theme="light"] .modal>.m-box,
html[data-theme="light"] .modal>.m-box,
body[data-theme="light"] .modal>.m-box,
#app[data-theme="light"] :is(.se-info-card,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.edu-lsv-box),
html[data-theme="light"] :is(.se-info-card,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.edu-lsv-box){
  background-color:var(--se-ui-surface)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border)!important;
}

#app[data-theme="dark"] .modal :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
html[data-theme="dark"] .modal :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
#app[data-theme="dark"] :is(.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)){
  color:var(--se-ui-text)!important;
}
#app[data-theme="light"] .modal :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
html[data-theme="light"] .modal :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
#app[data-theme="light"] :is(.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(h1,h2,h3,h4,h5,h6,strong,label):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)){
  color:var(--se-ui-text)!important;
}

/* Keep controls in the selected theme without changing document canvases/pages. */
#app[data-theme="dark"] :is(.modal,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(input:not([type="color"]),textarea,select):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
html[data-theme="dark"] :is(.modal,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(input:not([type="color"]),textarea,select):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)){
  background:var(--se-ui-input)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border-strong)!important;
}
#app[data-theme="light"] :is(.modal,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(input:not([type="color"]),textarea,select):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)),
html[data-theme="light"] :is(.modal,.se-gradebook-shell,.se-wb-shell,.se-reader-shell,.se-info-card) :is(input:not([type="color"]),textarea,select):not(:where(.sdoc-page *,.spr-report *,.edu-lsv-text *,.edu-lsv-doc *,.edu-lsv-sheet *,.edu-lsv-word-page *,.edu-lsv-slide *)){
  background:var(--se-ui-input)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border-strong)!important;
}

/* Printable documents and embedded office pages deliberately keep their own
   light palette in both application themes.  Theme rules style the surrounding
   viewer chrome only; they must never recolour the content being read/exported. */
#app :is(.sdoc-page,.spr-report,.edu-lsv-text,.edu-lsv-doc,.edu-lsv-sheet,.edu-lsv-word-page,.edu-lsv-slide,.edu-lsv-html-shell){
  color-scheme:light;
}


/* Known floating panels that are created outside the generic .modal wrapper. */
:is(.edu-ls-manager,.edu-ls-level-menu,.edu-person-popup,.se-ml-chat-menu,.se-smart-select-menu)[data-theme="dark"],
.tr68-calculator[data-theme="dark"] .tr68-calc-panel{
  color-scheme:dark;
  background-color:var(--se-ui-surface)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border)!important;
}
:is(.edu-ls-manager,.edu-ls-level-menu,.edu-person-popup,.se-ml-chat-menu,.se-smart-select-menu)[data-theme="light"],
.tr68-calculator[data-theme="light"] .tr68-calc-panel{
  color-scheme:light;
  background-color:var(--se-ui-surface)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.14)!important;
}
:is(.edu-ls-manager,.edu-ls-level-menu,.edu-person-popup,.se-ml-chat-menu,.se-smart-select-menu)[data-theme="dark"] :is(input:not([type="color"]),textarea,select),
:is(.edu-ls-manager,.edu-ls-level-menu,.edu-person-popup,.se-ml-chat-menu,.se-smart-select-menu)[data-theme="light"] :is(input:not([type="color"]),textarea,select),
.tr68-calculator[data-theme="dark"] .tr68-calc-panel input,
.tr68-calculator[data-theme="light"] .tr68-calc-panel input{
  background:var(--se-ui-input)!important;
  color:var(--se-ui-text)!important;
  border-color:var(--se-ui-border-strong)!important;
}

/* ---------- Learning board heading and close button ---------- */
#se-gradebook-modal[data-theme="dark"],
#app[data-theme="dark"] #se-gradebook-modal,
html[data-theme="dark"] #se-gradebook-modal{
  --gb-bg:#07151f;
  --gb-panel:#0c222e;
  --gb-panel-2:#102c39;
  --gb-line:rgba(147,225,212,.18);
  --gb-text:#f8fafc;
  --gb-muted:#a8bfbc;
}
#se-gradebook-modal[data-theme="light"],
#app[data-theme="light"] #se-gradebook-modal,
html[data-theme="light"] #se-gradebook-modal{
  --gb-bg:#f4f8fa;
  --gb-panel:#ffffff;
  --gb-panel-2:#f4f8fa;
  --gb-line:#d4e2e3;
  --gb-text:#0f172a;
  --gb-muted:#5f7180;
  background:radial-gradient(circle at 12% 10%,rgba(13,148,136,.08),transparent 34%),rgba(226,232,240,.78)!important;
}
#app[data-theme="dark"] #se-gradebook-title,
html[data-theme="dark"] #se-gradebook-title,
#se-gradebook-modal[data-theme="dark"] #se-gradebook-title{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}
#app[data-theme="light"] #se-gradebook-title,
html[data-theme="light"] #se-gradebook-title,
#se-gradebook-modal[data-theme="light"] #se-gradebook-title{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  opacity:1!important;
  text-shadow:none!important;
}
#se-gradebook-modal .se-gradebook-head{
  position:relative!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  grid-template-areas:"title close"!important;
  gap:clamp(10px,1.5vw,18px)!important;
  padding-top:clamp(12px,2vw,18px)!important;
  padding-bottom:clamp(12px,2vw,18px)!important;
  padding-left:max(16px,env(safe-area-inset-left))!important;
  padding-right:max(16px,env(safe-area-inset-right))!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#se-gradebook-modal #se-gradebook-close{
  grid-area:close!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  z-index:3!important;
}
#se-gradebook-modal #se-gradebook-close i{pointer-events:none}

/* ---------- Login fields ---------- */
#v-login .card{width:min(420px,calc(100vw - 24px))!important}
#v-login .se-login-stack{display:grid;gap:11px;width:100%}
#v-login .se-login-field{
  width:100%;min-width:0;min-height:52px;
  display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;
  overflow:hidden;border:1px solid var(--se-ui-border-strong);border-radius:15px;
  background:var(--se-ui-input);color:var(--se-ui-muted);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
#v-login .se-login-field:focus-within{
  border-color:rgba(45,212,191,.62);
  box-shadow:0 0 0 3px rgba(45,212,191,.10);
}
#v-login .se-login-field>i{
  width:42px;height:100%;display:grid;place-items:center;
  color:var(--primary);border-inline-end:1px solid var(--se-ui-border);
  font-size:.86rem;
}
#v-login .se-login-field .inp{
  width:100%!important;height:50px!important;min-height:50px!important;
  margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;
  color:var(--se-ui-text)!important;text-align:center!important;font-size:16px!important;
}
#v-login .se-login-field .inp:focus{border:0!important;box-shadow:none!important;background:transparent!important}
#v-login .se-login-submit{min-height:50px!important;margin-top:2px!important;border-radius:15px!important;font-size:.94rem!important}
#v-login .se-login-back{min-height:44px!important;border-radius:13px!important;justify-content:center!important}
#app[data-lang="ar"] #v-login .se-login-field{direction:rtl;grid-template-columns:42px minmax(0,1fr)}
#app[data-lang="ar"] #v-login .se-login-field>i{border-inline-end:1px solid var(--se-ui-border);border-inline-start:0}

/* ---------- Chat composer: one border only ---------- */
#app .ft-row{min-width:0;align-items:center}
#app .inp-wrap{
  min-width:0!important;
  border-width:1px!important;
  border-style:solid!important;
  border-color:var(--se-ui-border-strong)!important;
  background:var(--se-ui-input)!important;
  border-radius:14px!important;
  padding:5px 10px!important;
  box-shadow:none!important;
}
#app .inp-wrap:focus-within{
  border-color:rgba(45,212,191,.62)!important;
  box-shadow:0 0 0 2px rgba(45,212,191,.08)!important;
}
#app #txt-inp,
#app #txt-inp:hover,
#app #txt-inp:focus,
#app #txt-inp:focus-visible{
  min-width:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  padding:4px 2px!important;
}

/* ---------- Refresh control ---------- */
#app .se-refresh-btn{
  width:34px;height:34px;min-width:34px;flex:0 0 34px;
  display:inline-grid;place-items:center;margin-inline-start:7px;padding:0;
  border:1px solid rgba(45,212,191,.30);border-radius:11px;
  background:rgba(45,212,191,.08);color:var(--primary);
  cursor:pointer;line-height:1;box-shadow:none;
}
#app .se-refresh-btn:hover,#app .se-refresh-btn:focus-visible{
  background:rgba(45,212,191,.15);border-color:rgba(45,212,191,.55);color:#5eead4;
  transform:none!important;
}
#app .se-refresh-btn:active{transform:scale(.94)!important}
#app .se-refresh-btn i{font-size:.78rem;line-height:1;pointer-events:none}
#app .se-refresh-btn.is-refreshing i,#app .se-refresh-btn[aria-busy="true"] i{animation:seRefineSpin .75s linear infinite}
@keyframes seRefineSpin{to{transform:rotate(360deg)}}

/* ---------- Admin tabs: icon for each section and responsive geometry ---------- */
#app .se-admin-tabs{
  width:100%;min-width:0;display:flex!important;align-items:stretch!important;
  gap:7px!important;padding:7px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-gutter:stable;
}
#app .se-admin-tabs button{
  flex:0 0 auto;min-width:max-content;min-height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:8px 12px!important;white-space:nowrap!important;text-align:center!important;
  scroll-snap-align:start;line-height:1.2!important;
}
#app .se-admin-tabs button>i{width:16px;flex:0 0 16px;color:currentColor;font-size:.78rem;text-align:center}
#app .se-admin-tabs button>span:not(.se-notif-badge){min-width:0}
#app .se-admin-tabs .se-notif-badge{position:static!important;flex:0 0 auto;margin-inline-start:1px}

/* Common modal close buttons remain inside their frame on all safe areas. */
#app .modal>.m-box{position:relative!important}
#app .modal .m-close{
  inset-block-start:max(10px,env(safe-area-inset-top))!important;
  inset-inline-end:max(10px,env(safe-area-inset-right))!important;
  margin:0!important;transform:none!important;box-shadow:none!important;
}

/* ---------- Responsive behaviour ---------- */
@media (min-width:981px) and (max-width:1180px){
  #app .se-admin-tabs button{min-height:44px!important;padding-inline:11px!important}
}
@media (min-width:761px) and (max-width:980px){
  #app .se-admin-tabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;gap:7px!important;padding:7px!important;
  }
  #app .se-admin-tabs button{
    width:100%!important;min-width:0!important;min-height:44px!important;
    padding:7px 9px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  #app .se-admin-tabs button>span:not(.se-notif-badge){font-size:.68rem;line-height:1.25}
}
@media (max-width:760px){
  #app .se-admin-tabs{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;gap:6px!important;padding:6px!important;
  }
  #app .se-admin-tabs button{
    width:100%!important;min-width:0!important;min-height:46px!important;
    padding:7px 8px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  #app .se-admin-tabs button>span:not(.se-notif-badge){font-size:.68rem;line-height:1.25}
  #app .se-refresh-btn{width:38px;height:38px;min-width:38px;flex-basis:38px;border-radius:12px;margin-inline-start:5px}
  #app .ft-row{gap:6px!important}
  #app .inp-wrap{min-height:44px!important;border-radius:13px!important;padding:4px 8px!important}
  #v-login .card{width:min(410px,calc(100vw - 18px))!important;padding-inline:clamp(16px,5vw,24px)!important}
  #se-gradebook-modal .se-gradebook-head{
    grid-template-columns:minmax(0,1fr) 44px!important;
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
    gap:8px!important;
  }
  #se-gradebook-modal #se-gradebook-close{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important}
}
@media (max-width:390px){
  #app .se-admin-tabs{grid-template-columns:1fr 1fr!important;gap:5px!important;padding:5px!important}
  #app .se-admin-tabs button{min-height:44px!important;padding:6px!important;gap:6px!important}
  #app .se-admin-tabs button>i{width:14px;flex-basis:14px;font-size:.7rem}
  #app .se-admin-tabs button>span:not(.se-notif-badge){font-size:.62rem}
  #app .se-refresh-btn{width:36px;height:36px;min-width:36px;flex-basis:36px}
  #v-login .se-login-field{grid-template-columns:38px minmax(0,1fr);min-height:50px;border-radius:13px}
  #v-login .se-login-field>i{width:38px}
  #v-login .se-login-field .inp{height:48px!important;min-height:48px!important;padding-inline:10px!important}
  #se-gradebook-modal .se-gradebook-head{grid-template-columns:minmax(0,1fr) 40px!important;padding-left:max(9px,env(safe-area-inset-left))!important;padding-right:max(9px,env(safe-area-inset-right))!important}
  #se-gradebook-modal #se-gradebook-close{width:38px!important;height:38px!important;min-width:38px!important}
}
@media (max-width:320px){
  #app .se-admin-tabs{grid-template-columns:1fr!important}
  #app .se-admin-tabs button{min-height:42px!important}
}
@media (max-height:560px) and (orientation:landscape){
  #v-login .card{padding-block:14px!important}
  #v-login .se-login-stack{gap:7px}
  #v-login .se-login-field{min-height:44px}
  #v-login .se-login-field .inp{height:42px!important;min-height:42px!important}
  #v-login .se-login-submit{min-height:44px!important}
  #app .se-admin-tabs button{min-height:38px!important;padding-block:6px!important}
}

@media (prefers-reduced-motion:reduce){
  #app .se-refresh-btn i{animation-duration:0s!important}
}


/* ========================================================================== */
/* SININBE EDU 4.0.18 — compact navigation, single-shell searches, branded UI */
/* ========================================================================== */

/* Lesson-library search control uses one visual shell only. */
#app .edu-ls-search{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--se-ui-border-strong)!important;
  border-radius:12px!important;
  background:var(--se-ui-input)!important;
  box-shadow:none!important;
  isolation:isolate;
}
#app .edu-ls-search:focus-within{
  border-color:rgba(45,212,191,.62)!important;
  box-shadow:0 0 0 2px rgba(45,212,191,.08)!important;
}
#app .edu-ls-search input,
#app[data-theme="dark"] .edu-ls-search input,
#app[data-theme="light"] .edu-ls-search input,
html[data-theme="dark"] #app .edu-ls-search input,
html[data-theme="light"] #app .edu-ls-search input{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  color:var(--se-ui-text)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#app .edu-ls-search input:focus,
#app .edu-ls-search input:focus-visible{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .edu-ls-search i{
  flex:0 0 auto;
  color:var(--se-ui-muted)!important;
}

/* The refresh icon remains compact and does not consume header space. */
#app #btn-rf.se-refresh-btn{
  position:relative!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  margin-inline-start:4px!important;
  padding:0!important;
  border:1px solid rgba(45,212,191,.28)!important;
  border-radius:999px!important;
  background:rgba(45,212,191,.07)!important;
  color:var(--primary)!important;
  box-shadow:none!important;
  line-height:1!important;
}
#app #btn-rf.se-refresh-btn::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:999px;
}
#app #btn-rf.se-refresh-btn:hover,
#app #btn-rf.se-refresh-btn:focus-visible{
  border-color:rgba(45,212,191,.52)!important;
  background:rgba(45,212,191,.13)!important;
  color:#5eead4!important;
}
#app #btn-rf.se-refresh-btn i{
  font-size:.7rem!important;
  transform:none!important;
  transition:none!important;
}
#app #btn-rf.se-refresh-btn.is-refreshing i,
#app #btn-rf.se-refresh-btn[aria-busy="true"] i{
  transform:none!important;
  transition:none!important;
  animation:seRefineSpin .72s linear infinite!important;
}

/* Mobile/tablet admin navigation is a single compact swipeable strip. */
@media (max-width:980px){
  #app .se-admin-modal .se-admin-tabs,
  #app .se-admin-tabs{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    padding:5px!important;
    margin-bottom:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(45,212,191,.28) transparent!important;
    -webkit-overflow-scrolling:touch!important;
    mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);
  }
  #app .se-admin-tabs::-webkit-scrollbar{height:3px!important}
  #app .se-admin-tabs::-webkit-scrollbar-track{background:transparent!important}
  #app .se-admin-tabs::-webkit-scrollbar-thumb{background:rgba(45,212,191,.26)!important;border-radius:999px!important}
  #app .se-admin-tabs button{
    width:auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    flex:0 0 auto!important;
    padding:7px 10px!important;
    gap:6px!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    scroll-snap-align:center!important;
    border-radius:11px!important;
  }
  #app .se-admin-tabs button>i{
    width:14px!important;
    flex-basis:14px!important;
    font-size:.68rem!important;
  }
  #app .se-admin-tabs button>span:not(.se-notif-badge){
    font-size:.63rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
}
@media (max-width:390px){
  #app .se-admin-tabs button{
    min-height:36px!important;
    padding:6px 8px!important;
  }
  #app .se-admin-tabs button>span:not(.se-notif-badge){font-size:.6rem!important}
  #app #btn-rf.se-refresh-btn{
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex-basis:30px!important;
  }
}

/* Branded asynchronous confirmation: avoids the browser's “domain says” title. */
.se-branded-confirm{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  pointer-events:auto;
  isolation:isolate;
  place-items:center;
  padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:rgba(2,6,23,.68);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-family:"Space Grotesk","Tajawal",sans-serif;
}
.se-branded-confirm[dir="rtl"]{font-family:"Tajawal","Space Grotesk",sans-serif}
.se-branded-confirm__card{
  width:min(470px,100%);
  max-height:min(82dvh,620px);
  overflow:auto;
  padding:18px;
  border:1px solid var(--se-ui-border-strong);
  border-radius:20px;
  background:var(--se-ui-surface);
  color:var(--se-ui-text);
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}
.se-branded-confirm[data-theme="light"]{background:rgba(15,23,42,.34)}
.se-branded-confirm[data-theme="light"] .se-branded-confirm__card{box-shadow:0 24px 70px rgba(15,23,42,.22)}
.se-branded-confirm__head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.se-branded-confirm__icon{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
  border:1px solid rgba(251,113,133,.28);border-radius:13px;
  background:rgba(251,113,133,.09);color:#fb7185;
}
.se-branded-confirm__title{min-width:0;margin:0;color:var(--se-ui-text);font-size:1rem;font-weight:900;overflow-wrap:anywhere}
.se-branded-confirm__message{margin:0;color:var(--se-ui-text-2);font-size:.82rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.se-branded-confirm__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px;flex-wrap:wrap}
.se-branded-confirm__button{
  min-width:104px;min-height:42px;padding:0 16px;border-radius:12px;
  border:1px solid var(--se-ui-border-strong);background:var(--se-ui-surface-2);
  color:var(--se-ui-text);font:800 .78rem "Space Grotesk","Tajawal",sans-serif;cursor:pointer;
}
.se-branded-confirm[dir="rtl"] .se-branded-confirm__button{font-family:"Tajawal","Space Grotesk",sans-serif}
.se-branded-confirm__button:hover,.se-branded-confirm__button:focus-visible{border-color:rgba(45,212,191,.5);outline:0}
.se-branded-confirm__button--danger{border-color:rgba(251,113,133,.42);background:#be123c;color:#fff}
.se-branded-confirm__button--danger:hover,.se-branded-confirm__button--danger:focus-visible{border-color:#fb7185;background:#9f1239}
@media (max-width:520px){
  .se-branded-confirm{align-items:end;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .se-branded-confirm__card{width:100%;padding:16px;border-radius:19px}
  .se-branded-confirm__actions{display:grid;grid-template-columns:1fr 1fr}
  .se-branded-confirm__button{width:100%;min-width:0}
}

/* ID-level override prevents generic modal input skins from repainting the inner search field. */
#app .edu-ls-search input#edu-ls-search,
#app[data-theme="dark"] .edu-ls-search input#edu-ls-search,
#app[data-theme="light"] .edu-ls-search input#edu-ls-search{
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
#app .edu-ls-search input[type="search"]::-webkit-search-cancel-button{
  opacity:.55;
  cursor:pointer;
}

html.se-confirm-open,html.se-confirm-open body{overflow:hidden!important;overscroll-behavior:none!important}


/* 4.0.34 — WhatsApp contact and non-destructive subject catalogue management. */
.se-contact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.se-contact-head>div{min-width:0}.se-contact-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid rgba(37,211,102,.38);border-radius:999px;background:rgba(37,211,102,.12);color:#22a84f!important;font-size:.68rem;font-weight:950;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s}.se-contact-whatsapp:hover{transform:translateY(-1px);background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.58)}.se-contact-whatsapp[hidden]{display:none!important}.se-contact-whatsapp i{font-size:1rem}
#app[data-theme="dark"] .se-contact-whatsapp{color:#79f09e!important;background:rgba(37,211,102,.13)}#app[data-theme="light"] .se-contact-whatsapp{color:#087b35!important;background:#effdf3;border-color:#86efac}
.se-whatsapp-icon{color:#22c55e!important;border-color:rgba(34,197,94,.28)!important;background:rgba(34,197,94,.10)!important}.se-custom-contact-card .se-custom-input{direction:ltr;text-align:left}
.se-custom-subjects-card{grid-column:1/-1}.se-subject-manager-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.se-subject-manager-add .btn{min-height:46px!important;border-radius:13px!important}.se-subject-manager-block{margin-top:14px}.se-subject-manager-block>strong{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.66rem;font-weight:950}.se-subject-manager-list{display:flex;flex-wrap:wrap;gap:7px;min-height:38px;padding:9px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.02)}.se-subject-manager-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 7px 6px 11px;border:1px solid rgba(34,211,178,.25);border-radius:999px;background:rgba(34,211,178,.08);color:var(--text-primary)}.se-subject-manager-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;font-weight:900}.se-subject-manager-chip button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:rgba(239,68,68,.11);color:var(--danger-text);cursor:pointer}.se-subject-manager-chip.is-disabled{opacity:.82;border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.08)}.se-subject-manager-chip.is-disabled button{background:rgba(34,211,178,.12);color:var(--primary)}.se-subject-manager-empty{color:var(--text-muted);font-size:.65rem}.se-subject-grid label[data-retired="1"]{opacity:.68;border-style:dashed!important}
#app[data-theme="light"] .se-subject-manager-list{background:#f8fafc;border-color:#dbe3ee}#app[data-theme="light"] .se-subject-manager-chip{color:#0f172a;background:#ecfdf8;border-color:#99f6e4}
@media(max-width:620px){.se-contact-head{align-items:stretch;flex-direction:column}.se-contact-whatsapp{width:100%}.se-subject-manager-add{grid-template-columns:1fr}.se-subject-manager-add .btn{width:100%}}

/* 4.0.39 — contact header geometry without changing unrelated controls. */
#app .se-contact-modal .se-contact-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px 12px!important;
  min-height:0!important;
  padding-inline-end:58px!important;
  box-sizing:border-box!important;
}
#app .se-contact-modal .se-contact-head>div{
  flex:1 1 260px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
}
#app .se-contact-modal .se-contact-whatsapp{
  flex:0 1 auto!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  white-space:normal!important;
  line-height:1.35!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}
#app .se-contact-modal #admin-contact-whatsapp-lbl{min-width:0!important;overflow-wrap:anywhere!important}

/* Keep Font Awesome glyphs centred inside their own controls. This does not resize buttons. */
#app :is(button,.btn,a[role="button"],a.se-contact-whatsapp) > :is(i.fas,i.far,i.fab,i.fa-solid,i.fa-regular,i.fa-brands){
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  margin-block:0!important;
  line-height:1!important;
  vertical-align:middle!important;
  text-align:center!important;
  transform:none;
}
#app :is(.m-close,.se-attach-btn,.se-refresh-btn,.se-audit-clear,.se-icon-btn) > :is(i.fas,i.far,i.fab,i.fa-solid,i.fa-regular,i.fa-brands){margin:0!important}

@media(max-width:620px){
  #app .se-contact-modal .se-contact-head{gap:9px!important;padding-inline-end:50px!important}
  #app .se-contact-modal .se-contact-head>div{flex-basis:100%!important}
  #app .se-contact-modal .se-contact-whatsapp{flex-basis:100%!important;width:100%!important}
}


/* 4.0.39.15 — stable WhatsApp control geometry on phones. */
#app .se-contact-modal .se-contact-whatsapp{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-height:42px!important;border-radius:13px!important;padding:9px 13px!important}
#app .se-contact-modal #admin-contact-whatsapp-lbl{display:block!important;min-width:0!important;max-width:min(64vw,260px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:620px){#app .se-contact-modal .se-contact-head{align-items:flex-start!important}#app .se-contact-modal .se-contact-whatsapp{flex:0 1 auto!important;flex-basis:auto!important;width:auto!important;max-width:100%!important;align-self:flex-start!important;justify-content:flex-start!important}#app .se-contact-modal #admin-contact-whatsapp-lbl{max-width:calc(100vw - 120px)!important}}


/* ========================================================================== */
/* SININBE EDU 4.0.39.19.9 — modern action system and users-pane recovery.     */
/*                                                                            */
/* The audience fields belong to Users, but their layout used to live inside  */
/* the removed analytics stylesheet. They are deliberately restored here, in  */
/* the final shared UI layer, so removing analytics cannot unstyle them again. */
/* Reader, whiteboard, media and canvas controls keep their specialised sizes. */
/* ========================================================================== */

#app{
  --se-action-radius:12px;
  --se-action-height:42px;
  --se-action-primary:#0f766e;
  --se-action-primary-hover:#115e59;
  --se-action-primary-active:#134e4a;
  --se-action-primary-border:#0f766e;
  --se-action-focus:rgba(20,184,166,.24);
  --se-action-danger:#be123c;
  --se-action-danger-hover:#9f1239;
}
#app[data-theme="light"]{
  --se-action-surface:#ffffff;
  --se-action-surface-hover:#f1f5f9;
  --se-action-panel:#f8fafc;
  --se-action-border:#cbd5e1;
  --se-action-border-hover:#94a3b8;
  --se-action-text:#27364a;
  --se-action-muted:#64748b;
  --se-action-shadow:0 1px 2px rgba(15,23,42,.08),0 5px 14px rgba(15,23,42,.045);
  --se-action-shadow-hover:0 2px 4px rgba(15,23,42,.10),0 8px 20px rgba(15,23,42,.07);
  --se-action-primary-shadow:0 5px 14px rgba(15,118,110,.20);
}
#app[data-theme="dark"]{
  --se-action-surface:#0b172d;
  --se-action-surface-hover:#12243c;
  --se-action-panel:rgba(255,255,255,.025);
  --se-action-border:rgba(148,163,184,.28);
  --se-action-border-hover:rgba(148,163,184,.48);
  --se-action-text:#e7eef7;
  --se-action-muted:#9ab0c4;
  --se-action-shadow:0 1px 2px rgba(0,0,0,.26),0 7px 18px rgba(0,0,0,.12);
  --se-action-shadow-hover:0 2px 5px rgba(0,0,0,.30),0 10px 24px rgba(0,0,0,.18);
  --se-action-primary-shadow:0 6px 18px rgba(13,148,136,.23);
}

/* Standard text actions: clear rectangular geometry, readable hierarchy and
   one coherent interaction language in both themes. */
#app .btn{
  position:relative;
  min-width:0;
  min-height:var(--se-action-height)!important;
  max-width:100%;
  padding:0 15px!important;
  border:1px solid var(--se-action-border)!important;
  border-radius:var(--se-action-radius)!important;
  background:var(--se-action-surface)!important;
  color:var(--se-action-text)!important;
  box-shadow:var(--se-action-shadow)!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  isolation:isolate;
}
#app .btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#app .btn.btn-ac,
#app .btn.primary,
#app .btn.btn-primary,
#app .se-primary-action,
#app .serd-btn-primary,
#app .se-student-report-btn.primary,
#app .tr68-btn.primary,
#app .tr419-action.primary,
#app .se-gradebook-primary{
  border-color:var(--se-action-primary-border)!important;
  background:linear-gradient(135deg,var(--se-action-primary),#0d9488)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:var(--se-action-primary-shadow)!important;
}
#app .btn.btn-ghost,
#app .serd-btn-secondary,
#app .tr68-btn.secondary,
#app .tr419-action.secondary,
#app .se-gradebook-secondary,
#app .se-gradebook-filter-reset{
  border-color:var(--se-action-border)!important;
  background:var(--se-action-surface)!important;
  color:var(--se-action-text)!important;
  box-shadow:var(--se-action-shadow)!important;
}
#app :is(.btn.danger,.btn.btn-danger,button.danger,.se-logo-remove,.tr70-delete-btn){
  border-color:rgba(244,63,94,.38)!important;
  background:rgba(190,18,60,.09)!important;
  color:#e11d48!important;
  -webkit-text-fill-color:#e11d48!important;
  box-shadow:none!important;
}
#app[data-theme="dark"] :is(.btn.danger,.btn.btn-danger,button.danger,.se-logo-remove,.tr70-delete-btn){
  color:#fda4af!important;
  -webkit-text-fill-color:#fda4af!important;
  background:rgba(190,18,60,.14)!important;
}

/* Existing feature buttons retain their feature-specific dimensions, while
   receiving the same contemporary corners, weight and press behaviour. */
#app :is(
  .se-mini-actions button,
  .se-audit-msg-actions button,
  .sdoc-mini,
  .serd-btn,
  .se-student-report-btn,
  .tr68-btn,
  .tr419-action,
  .tr425-status-action,
  .tr70-delete-btn,
  .se-gradebook-primary,
  .se-gradebook-secondary,
  .se-gradebook-filter-reset,
  .edu-ls-save-btn
){
  border-radius:var(--se-action-radius)!important;
  font-weight:850!important;
  touch-action:manipulation;
}

/* Compact icon actions are visually related without changing reader,
   whiteboard or document-canvas geometry. */
#app :is(
  .m-close,
  .se-refresh-btn,
  .se-field-icon-btn,
  .serd-icon-btn,
  .se-student-report-close,
  .se-gradebook-close,
  .tr419-icon-close,
  .se-audit-clear,
  .se-member-search-button
){
  border-radius:11px!important;
  box-shadow:var(--se-action-shadow)!important;
}

#app :is(.btn,.se-mini-actions button,.se-audit-msg-actions button,.serd-btn,.se-student-report-btn,.tr68-btn,.tr419-action,.tr425-status-action,.tr70-delete-btn,.se-gradebook-primary,.se-gradebook-secondary,.se-gradebook-filter-reset,.edu-ls-save-btn):focus-visible,
#app :is(.m-close,.se-refresh-btn,.se-field-icon-btn,.serd-icon-btn,.se-student-report-close,.se-gradebook-close,.tr419-icon-close,.se-audit-clear,.se-member-search-button):focus-visible{
  outline:0!important;
  border-color:#14b8a6!important;
  box-shadow:0 0 0 3px var(--se-action-focus),var(--se-action-shadow)!important;
}
#app :is(.btn,.se-mini-actions button,.se-audit-msg-actions button,.serd-btn,.se-student-report-btn,.tr68-btn,.tr419-action,.tr425-status-action,.tr70-delete-btn,.se-gradebook-primary,.se-gradebook-secondary,.se-gradebook-filter-reset,.edu-ls-save-btn):active{
  transform:translateY(0) scale(.985)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
}
#app :is(button,.btn):disabled,
#app :is(button,.btn)[aria-disabled="true"]{
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
@media(hover:hover) and (pointer:fine){
  #app .btn:not(:disabled):hover{
    border-color:var(--se-action-border-hover)!important;
    background:var(--se-action-surface-hover)!important;
    color:var(--se-action-text)!important;
    box-shadow:var(--se-action-shadow-hover)!important;
    transform:translateY(-1px)!important;
  }
  #app :is(.btn.btn-ac,.btn.primary,.btn.btn-primary,.se-primary-action,.serd-btn-primary,.se-student-report-btn.primary,.tr68-btn.primary,.tr419-action.primary,.se-gradebook-primary):not(:disabled):hover{
    border-color:var(--se-action-primary-hover)!important;
    background:linear-gradient(135deg,var(--se-action-primary-hover),var(--se-action-primary))!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    box-shadow:0 8px 22px rgba(15,118,110,.27)!important;
  }
  #app :is(.btn.danger,.btn.btn-danger,button.danger,.se-logo-remove,.tr70-delete-btn):not(:disabled):hover{
    border-color:rgba(225,29,72,.58)!important;
    background:rgba(190,18,60,.16)!important;
    color:#be123c!important;
    -webkit-text-fill-color:#be123c!important;
  }
  #app[data-theme="dark"] :is(.btn.danger,.btn.btn-danger,button.danger,.se-logo-remove,.tr70-delete-btn):not(:disabled):hover{
    color:#fecdd3!important;
    -webkit-text-fill-color:#fecdd3!important;
  }
}

/* The tabs are navigation controls, not pills. Keep them calm and compact. */
#app .se-admin-tabs{
  border:1px solid var(--se-action-border)!important;
  border-radius:15px!important;
  background:var(--se-action-panel)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#app .se-admin-tabs button{
  border-radius:10px!important;
  box-shadow:none!important;
}
#app .se-admin-tabs button.active{
  border-color:rgba(20,184,166,.38)!important;
  background:rgba(20,184,166,.12)!important;
  color:var(--primary)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.08)!important;
}
#app[data-theme="light"] .se-admin-tabs button.active{color:#0f766e!important}

/* Users pane: a real scroll owner, fluid controls and no page-level overflow. */
#app #admin-pane-users.active{
  min-width:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
  padding:2px 3px max(18px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-users-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 12px!important;
}
#app #admin-pane-users .se-search-row{
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  border:1px solid var(--se-action-border)!important;
  border-radius:13px!important;
  background:var(--se-action-surface)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#app #admin-pane-users .se-search-row:focus-within{
  border-color:#14b8a6!important;
  box-shadow:0 0 0 3px var(--se-action-focus)!important;
}
#app #admin-pane-users .se-search-row input{
  min-width:0!important;
  width:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app #admin-pane-users .se-export-xlsx-btn{
  width:auto!important;
  min-width:158px!important;
  min-height:46px!important;
  justify-content:center!important;
  border-radius:12px!important;
  padding-inline:15px!important;
}
#app #admin-pane-users .se-export-xlsx-btn small{
  flex:0 0 auto;
  min-height:20px;
  border-radius:7px!important;
}

#app #admin-pane-users .se-admin-form{
  display:grid!important;
  grid-template-columns:minmax(118px,.82fr) minmax(155px,1.16fr) minmax(138px,1fr) minmax(145px,1.05fr) minmax(118px,.78fr) minmax(132px,.82fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid var(--se-action-border)!important;
  border-radius:16px!important;
  background:var(--se-action-panel)!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-admin-form :is(input,select,button){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-admin-form :is(input,select){
  border:1px solid var(--se-action-border)!important;
  border-radius:11px!important;
  background:var(--se-action-surface)!important;
  color:var(--se-action-text)!important;
  padding-inline:12px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
}
#app #admin-pane-users .se-admin-form :is(input,select):focus-visible{
  border-color:#14b8a6!important;
  box-shadow:0 0 0 3px var(--se-action-focus)!important;
}
#app #admin-pane-users #ap-user-save{
  border-radius:12px!important;
  font-size:.78rem!important;
}

/* Restored and upgraded optional audience fields. */
#app #admin-pane-users .se-user-targeting-card{
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  border:1px solid var(--se-action-border)!important;
  border-radius:16px!important;
  background:var(--se-action-panel)!important;
  overflow:clip!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-user-targeting-card>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  min-height:64px!important;
  padding:11px 14px!important;
  color:var(--se-action-text)!important;
  cursor:pointer;
  list-style:none!important;
  box-sizing:border-box!important;
  user-select:none;
}
#app #admin-pane-users .se-user-targeting-card>summary::-webkit-details-marker{display:none!important}
#app #admin-pane-users .se-user-targeting-card>summary::marker{content:""}
#app #admin-pane-users .se-user-targeting-card>summary:hover{background:rgba(20,184,166,.055)}
#app #admin-pane-users .se-user-targeting-card>summary:focus-visible{
  outline:0!important;
  box-shadow:inset 0 0 0 3px var(--se-action-focus)!important;
}
#app #admin-pane-users .se-user-targeting-card[open]>summary{
  border-bottom:1px solid var(--se-action-border)!important;
}
#app #admin-pane-users .se-user-targeting-card>summary>span{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
#app #admin-pane-users .se-user-targeting-card>summary>span>i{
  display:inline-grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:1px solid rgba(20,184,166,.28)!important;
  border-radius:11px!important;
  background:rgba(20,184,166,.10)!important;
  color:#14b8a6!important;
}
#app #admin-pane-users .se-user-targeting-card>summary>span>span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#app #admin-pane-users .se-user-targeting-card>summary strong{
  display:block!important;
  color:var(--se-action-text)!important;
  font-size:.72rem!important;
  font-weight:950!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#app #admin-pane-users .se-user-targeting-card>summary small{
  display:block!important;
  color:var(--se-action-muted)!important;
  font-size:.58rem!important;
  font-weight:700!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
#app #admin-pane-users .se-user-targeting-chevron{
  flex:0 0 auto!important;
  color:var(--se-action-muted)!important;
  transition:transform .18s ease!important;
}
#app #admin-pane-users .se-user-targeting-card[open] .se-user-targeting-chevron{transform:rotate(180deg)!important}
#app #admin-pane-users .se-user-targeting-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px 11px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:14px!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-user-targeting-grid label{
  display:grid!important;
  grid-template-rows:auto minmax(44px,auto)!important;
  align-content:start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
#app #admin-pane-users .se-user-targeting-grid label>span{
  display:block!important;
  min-width:0!important;
  color:var(--se-action-muted)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#app #admin-pane-users .se-user-targeting-grid :is(input,select){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid var(--se-action-border)!important;
  border-radius:11px!important;
  background:var(--se-action-surface)!important;
  color:var(--se-action-text)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  font-size:.7rem!important;
  box-sizing:border-box!important;
}
#app #admin-pane-users .se-user-targeting-grid :is(input,select):focus-visible{
  border-color:#14b8a6!important;
  box-shadow:0 0 0 3px var(--se-action-focus)!important;
}
#app #admin-pane-users .se-user-targeting-wide{grid-column:span 2!important}

@media(max-width:1100px){
  #app #admin-pane-users .se-admin-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #app #admin-pane-users .se-user-targeting-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #app .se-admin-modal .se-admin-tabs,
  #app .se-admin-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    scroll-snap-type:x proximity!important;
  }
  #app .se-admin-modal .se-admin-tabs button,
  #app .se-admin-tabs button{
    width:auto!important;
    min-width:max-content!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    scroll-snap-align:start;
  }
  #app #admin-pane-users .se-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important}
  #app #admin-pane-users .se-users-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
  #app #admin-pane-users .se-export-xlsx-btn{min-width:142px!important;padding-inline:12px!important}
}
@media(max-width:560px){
  #app #admin-pane-users.active{padding-inline:0!important;scrollbar-gutter:auto}
  #app #admin-pane-users .se-users-toolbar{grid-template-columns:1fr!important;gap:8px!important}
  #app #admin-pane-users .se-export-xlsx-btn{width:100%!important;min-width:0!important}
  #app #admin-pane-users .se-admin-form{grid-template-columns:1fr!important;gap:9px!important}
  #app #admin-pane-users .se-user-targeting-grid{grid-template-columns:1fr!important;padding:11px!important}
  #app #admin-pane-users .se-user-targeting-wide{grid-column:auto!important}
  #app #admin-pane-users .se-user-targeting-card>summary{min-height:60px!important;padding:10px 11px!important}
  #app #admin-pane-users .se-user-targeting-card>summary small{font-size:.56rem!important}
}
@media(max-width:360px){
  #app{--se-action-radius:11px;--se-action-height:44px}
  #app .btn{padding-inline:11px!important}
  #app #admin-pane-users .se-user-targeting-card>summary>span>i{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important}
  #app #admin-pane-users .se-user-targeting-card>summary{gap:8px!important}
}
@media(max-height:500px) and (orientation:landscape){
  #app #admin-pane-users.active{scrollbar-gutter:auto;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){
  #app :is(.btn,button,.se-user-targeting-chevron){transition:none!important}
}

/* 4.0.39.19.27 — explicit password visibility controls. */
#app .se-password-control{position:relative!important;display:block!important;width:100%!important;min-width:0!important}
#app .se-password-control>input{width:100%!important;padding-inline-end:48px!important;box-sizing:border-box!important}
#app .se-password-toggle{
  display:inline-grid!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:0!important;border:1px solid var(--se-ui-border-strong)!important;border-radius:10px!important;
  background:color-mix(in srgb,var(--se-ui-input) 88%,transparent)!important;color:var(--se-ui-muted)!important;cursor:pointer!important;
  line-height:1!important;box-shadow:none!important;touch-action:manipulation!important;z-index:2!important;
}
#app .se-password-control>.se-password-toggle{position:absolute!important;inset-inline-end:4px!important;inset-block-start:50%!important;transform:translateY(-50%)!important}
#app .se-password-toggle:hover,#app .se-password-toggle:focus-visible{color:var(--primary)!important;border-color:rgba(45,212,191,.58)!important;outline:0!important;box-shadow:0 0 0 3px rgba(45,212,191,.10)!important}
#app #v-login .se-login-field{grid-template-columns:42px minmax(0,1fr) 46px!important}
#app #v-login .se-login-field>.se-password-toggle{position:static!important;align-self:center!important;justify-self:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border:0!important;background:transparent!important}
#app #v-login .se-login-field .inp{padding-inline:10px!important}
#app #m-stedit .se-password-control{min-width:0!important}
#app #m-stedit .se-password-control .stedit-inp{padding-inline-end:48px!important}
#app #admin-pane-users .se-admin-form .se-password-control>.se-password-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
@media(max-width:560px){#app #v-login .se-login-field{grid-template-columns:38px minmax(0,1fr) 44px!important}}

/* 4.0.39.19.27 — compact, responsive poll creation and reliable vote targets. */
#app #m-poll.modal.show{display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;padding:14px!important}
#app #m-poll.modal.show>.m-box.se-poll-dialog{
  display:block!important;width:min(520px,calc(100vw - 28px))!important;width:min(520px,calc(100dvw - 28px))!important;height:auto!important;min-width:0!important;min-height:0!important;
  max-width:520px!important;max-height:calc(100vh - 28px)!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;padding:22px 20px 18px!important;
  overflow-y:auto!important;overflow-x:hidden!important;border-radius:22px!important;box-sizing:border-box!important;
}
#app #m-poll .se-poll-dialog-head{display:flex!important;align-items:center!important;gap:11px!important;margin:0 48px 17px 0!important;min-width:0!important}
#app[dir="rtl"] #m-poll .se-poll-dialog-head,#app[data-lang="ar"] #m-poll .se-poll-dialog-head{margin:0 0 17px 48px!important}
#app #m-poll .se-poll-dialog-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border:1px solid rgba(34,211,178,.25)!important;border-radius:12px!important;background:rgba(34,211,178,.10)!important;color:var(--primary)!important}
#app #m-poll #poll-modal-title{min-width:0!important;color:var(--se-ui-text)!important;font-size:.95rem!important;font-weight:950!important;line-height:1.4!important;overflow-wrap:anywhere!important}
#app #m-poll .se-poll-question,#app #m-poll .p-opt-inp{
  display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 13px!important;
  border:1px solid var(--se-ui-border-strong)!important;border-radius:11px!important;background:var(--se-ui-input)!important;color:var(--se-ui-text)!important;
  font:inherit!important;font-size:.82rem!important;outline:0!important;box-sizing:border-box!important;
}
#app #m-poll .se-poll-question{margin-bottom:10px!important}
#app #m-poll :is(.se-poll-question,.p-opt-inp):focus{border-color:rgba(45,212,191,.62)!important;box-shadow:0 0 0 3px rgba(45,212,191,.10)!important}
#app #m-poll .p-opt-row{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:7px!important;align-items:center!important;margin-bottom:7px!important}
#app #m-poll .p-opt-del{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;padding:0!important;border:1px solid rgba(239,68,68,.24)!important;border-radius:10px!important;background:rgba(239,68,68,.06)!important;color:#ef4444!important}
#app #m-poll .se-poll-add{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;margin:2px 0 9px!important;padding:6px 9px!important;border:0!important;background:transparent!important;color:var(--primary)!important;font:inherit!important;font-size:.74rem!important;font-weight:850!important;cursor:pointer!important}
#app #m-poll .se-poll-submit-state{min-height:18px!important;margin-bottom:5px!important;color:#fb7185!important;font-size:.64rem!important;font-weight:750!important}
#app #m-poll #btn-poll-send{min-height:46px!important;border-radius:12px!important}
#app .poll-card{width:min(100%,320px)!important;max-width:320px!important;box-sizing:border-box!important}
#app .poll-opt{width:100%!important;min-width:0!important;text-align:start!important;font-family:inherit!important;appearance:none!important;-webkit-appearance:none!important}
#app .poll-bar-wrap,#app .poll-bar{display:block!important}
#app .poll-opt:disabled{cursor:wait!important;opacity:.7!important}
#app .poll-card[aria-busy="true"]{filter:saturate(.75)!important}
@media(max-width:480px){
 #app #m-poll.modal.show{padding:8px!important}
 #app #m-poll.modal.show>.m-box.se-poll-dialog{width:calc(100vw - 16px)!important;width:calc(100dvw - 16px)!important;max-width:calc(100vw - 16px)!important;max-width:calc(100dvw - 16px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:18px 14px 14px!important;border-radius:16px!important}
 #app #m-poll .se-poll-dialog-head{margin-bottom:14px!important}
}

/* 4.0.39.19.32 — Contact Admin: WhatsApp and close controls never share space. */
#app .se-contact-modal .m-box{position:relative!important}
#app .se-contact-modal .m-close{top:12px!important;inset-inline-end:12px!important;z-index:80!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;box-sizing:border-box!important}
#app .se-contact-modal .se-contact-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;align-items:start!important;justify-content:stretch!important;gap:9px 12px!important;padding-inline-end:52px!important;box-sizing:border-box!important;min-width:0!important}
#app .se-contact-modal .se-contact-head>div{grid-column:auto!important;min-width:0!important;max-width:100%!important}
#app .se-contact-modal .se-contact-whatsapp{position:static!important;inset:auto!important;justify-self:end!important;align-self:start!important;max-width:min(100%,320px)!important;min-width:0!important;box-sizing:border-box!important;z-index:1!important}
#app .se-contact-modal #admin-contact-whatsapp-lbl{max-width:min(240px,36vw)!important}
@media(max-width:700px){
  #app .se-contact-modal .se-contact-head{grid-template-columns:minmax(0,1fr)!important;padding-inline-end:50px!important}
  #app .se-contact-modal .se-contact-whatsapp{justify-self:start!important;align-self:start!important;width:auto!important;max-width:min(100%,310px)!important}
  #app .se-contact-modal #admin-contact-whatsapp-lbl{max-width:calc(100vw - 145px)!important}
}
@media(max-width:380px){
  #app .se-contact-modal .m-close{top:9px!important;inset-inline-end:9px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  #app .se-contact-modal .se-contact-head{padding-inline-end:46px!important;gap:8px!important}
  #app .se-contact-modal .se-contact-whatsapp{max-width:100%!important;padding-inline:10px!important}
  #app .se-contact-modal #admin-contact-whatsapp-lbl{max-width:calc(100vw - 132px)!important}
}