/* ======================================================================
   EduLive Academic v2.8.2 — FOCUS UI
   One sidebar. One Frontistirio flow. No duplicate workspace banner.
   ====================================================================== */

html body .edu-workspace-identity{display:none!important}

/* Main shell */
html body .edu-front-side.edu-f282-side,
html body .edu-sec-side.edu-f282-side{
  width:226px!important;
  min-width:226px!important;
  box-sizing:border-box!important;
  padding:17px 13px!important;
  background:#fff!important;
  border-right:1px solid #e4e7ec!important;
  box-shadow:none!important;
  overflow-y:auto!important;
}
html body .edu-front-main,
html body .edu-sec-main{
  padding:28px 34px 60px!important;
}

/* Brand */
html body .edu-f282-side .edu-front-brand,
html body .edu-f282-side .edu-sec-brand{
  min-height:42px!important;
  padding:0 4px 14px!important;
  margin:0!important;
}
html body .edu-f282-side .edu-front-brand>span,
html body .edu-f282-side .edu-sec-brand>span{
  width:38px!important;height:38px!important;
  min-width:38px!important;
  border-radius:11px!important;
  background:#6941c6!important;
  color:#fff!important;
  font-size:14px!important;
}
html body .edu-f282-side .edu-front-brand strong,
html body .edu-f282-side .edu-sec-brand strong{
  color:#101828!important;
  font-size:12px!important;
}
html body .edu-f282-side .edu-front-brand small,
html body .edu-f282-side .edu-sec-brand small{
  color:#98a2b3!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

/* Two product choices */
html body .edu-f282-modes{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0 0 13px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #e4e7ec!important;
}
html body .edu-f282-modes>a{
  min-height:47px!important;
  display:grid!important;
  grid-template-columns:31px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
}
html body .edu-f282-modes>a>b{
  width:31px!important;height:31px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:#f2f4f7!important;
  color:#667085!important;
  font-size:10px!important;
}
html body .edu-f282-modes>a strong{
  display:block!important;
  color:#344054!important;
  font-size:9px!important;
  font-weight:900!important;
}
html body .edu-f282-modes>a small{
  display:block!important;
  margin-top:2px!important;
  color:#98a2b3!important;
  font-size:6px!important;
}
html body .edu-f282-modes>a.active{
  background:#eff8ff!important;
  border-color:#b2ddff!important;
}
html body .edu-f282-modes>a.active>b{
  background:#1570ef!important;
  color:#fff!important;
}
html body .edu-f282-modes>a.active strong{color:#175cd3!important}

/* Grouped left navigation */
html body .edu-f282-label{
  margin:13px 7px 5px!important;
  color:#98a2b3!important;
  font-size:5.8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
html body .edu-f282-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:0!important;
}
html body .edu-f282-nav>a{
  width:100%!important;
  min-height:35px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:25px 1fr!important;
  gap:6px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#475467!important;
  text-decoration:none!important;
  font-size:8.5px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
html body .edu-f282-nav>a>b{
  width:25px!important;
  text-align:center!important;
  color:#667085!important;
  font-size:9px!important;
}
html body .edu-f282-nav>a:hover{
  background:#f2f4f7!important;
  color:#101828!important;
}
html body .edu-f282-nav>a.active{
  background:#f2f4f7!important;
  color:#101828!important;
  box-shadow:inset 3px 0 #1570ef!important;
}
html body .edu-f282-nav>a.active>b{color:#1570ef!important}

html body .edu-f282-user{
  margin-top:18px!important;
  padding:11px 7px 0!important;
  border-top:1px solid #e4e7ec!important;
}
html body .edu-f282-user span{
  display:block!important;
  color:#344054!important;
  font-size:8px!important;
  font-weight:850!important;
}
html body .edu-f282-user small{
  display:block!important;
  margin-top:2px!important;
  color:#98a2b3!important;
  font-size:6px!important;
}

/* No old duplicate module bottoms/navs */
html body .edu-front-side-bottom,
html body .edu-sec-bottom{
  display:none!important;
}

/* Dashboard becomes quiet */
html body .edu-f282-head{
  padding:0!important;
  margin:0 0 18px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .edu-f282-head>div>span{
  color:#1570ef!important;
  font-size:7px!important;
}
html body .edu-f282-head h1{
  margin:5px 0 4px!important;
  font-size:29px!important;
  color:#101828!important;
}
html body .edu-f282-head p{
  font-size:10px!important;
  color:#667085!important;
}

html body .edu-f282-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:11px!important;
}
html body .edu-f282-summary>div{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:11px 13px!important;
  border:1px solid #e1e6ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .edu-f282-summary span{
  color:#667085!important;
  font-size:8px!important;
  font-weight:800!important;
}
html body .edu-f282-summary strong{
  color:#101828!important;
  font-size:20px!important;
  font-weight:850!important;
}

html body .edu-f282-agenda{
  width:100%!important;
  padding:15px!important;
  box-shadow:none!important;
  border-radius:13px!important;
}
html body .edu-f282-agenda .edu-front-card-head h2{
  font-size:16px!important;
}
html body .edu-f282-agenda .edu-front-card-head>a{
  color:#175cd3!important;
  font-size:8px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
html body .edu-f282-agenda .edu-front-empty{
  min-height:70px!important;
}

/* Keep all non-dashboard page headers compact too */
html body .edu-front-head:not(.edu-f282-head),
html body .edu-sec-head{
  padding:14px 16px!important;
  margin-bottom:10px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body .edu-front-head:not(.edu-f282-head) h1,
html body .edu-sec-head h1{
  font-size:23px!important;
}
html body .edu-front-head:not(.edu-f282-head) p,
html body .edu-sec-head p{
  font-size:9px!important;
}

/* Remove large old dashboard KPI presentation if it survives cache/markup. */
html body .edu-front-kpis{display:none!important}

@media(max-width:800px){
  html body .edu-front-side.edu-f282-side,
  html body .edu-sec-side.edu-f282-side{
    width:100%!important;
    min-width:0!important;
  }
  html body .edu-front-main,
  html body .edu-sec-main{
    padding:18px 12px 50px!important;
  }
  html body .edu-f282-modes{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  html body .edu-f282-summary{
    grid-template-columns:1fr!important;
  }
}


/* =====================================================================
   EduLive Academic v2.8.3 — GRADE → SUBJECT → GROUP
   ===================================================================== */
html body .edu-g283-head{margin-bottom:12px!important}
html body .edu-g283-grade-picker{
  display:flex!important;
  align-items:end!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid #dce3ec!important;
  border-radius:12px!important;
  background:#fff!important;
}
html body .edu-g283-grade-picker label{
  width:min(360px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
html body .edu-g283-grade-picker label>span{
  color:#667085!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}
html body .edu-g283-grade-picker select{
  width:100%!important;
  min-height:45px!important;
  padding:0 12px!important;
  border:1px solid #cfd8e3!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body .edu-g283-prompt{
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px!important;
  border:1px dashed #cfd8e3!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
html body .edu-g283-prompt>b,
html body .edu-g283-step-title>b{
  width:34px!important;height:34px!important;
  min-width:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#1570ef!important;
  color:#fff!important;
  font-size:12px!important;
}
html body .edu-g283-prompt strong,
html body .edu-g283-step-title strong{display:block!important;font-size:11px!important;color:#101828!important}
html body .edu-g283-prompt span,
html body .edu-g283-step-title span{display:block!important;margin-top:2px!important;font-size:8px!important;color:#667085!important}

html body .edu-g283-step-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:14px 0 9px!important;
}

html body .edu-g283-subjects{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding:2px 0 10px!important;
  margin:0 0 4px!important;
  scrollbar-width:thin!important;
}
html body .edu-g283-subjects>a{
  min-width:128px!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:27px 1fr 20px!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 8px!important;
  border:1px solid #dce3ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body .edu-g283-subjects>a>b{
  width:27px!important;height:27px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  background:#f2f4f7!important;
  color:#475467!important;
  font-size:10px!important;
}
html body .edu-g283-subjects>a>span{
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
html body .edu-g283-subjects>a>em{
  width:20px!important;height:20px!important;
  display:grid!important;place-items:center!important;
  border-radius:999px!important;
  background:#f2f4f7!important;
  color:#667085!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
html body .edu-g283-subjects>a.active{
  border-color:#84caff!important;
  background:#eff8ff!important;
  color:#175cd3!important;
}
html body .edu-g283-subjects>a.active>b{
  background:#1570ef!important;color:#fff!important
}
html body .edu-g283-subjects>a.active>em{
  background:#d1e9ff!important;color:#175cd3!important
}

html body .edu-g283-subject-panel{
  padding:15px!important;
  border:1px solid #dce3ec!important;
  border-radius:13px!important;
  background:#fff!important;
}
html body .edu-g283-subject-panel>header{
  display:grid!important;
  grid-template-columns:44px 1fr auto!important;
  align-items:center!important;
  gap:11px!important;
  padding-bottom:12px!important;
  margin-bottom:9px!important;
  border-bottom:1px solid #edf0f4!important;
}
html body .edu-g283-subject-icon{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#155eef!important;
  font-size:17px!important;
  font-weight:900!important;
}
html body .edu-g283-subject-panel>header small{
  display:block!important;
  color:#667085!important;
  font-size:7px!important;
  font-weight:800!important;
}
html body .edu-g283-subject-panel>header h2{
  margin:3px 0 0!important;
  color:#101828!important;
  font-size:17px!important;
  font-weight:880!important;
}
html body .edu-g283-subject-panel>header p{
  margin:2px 0 0!important;
  color:#98a2b3!important;
  font-size:7px!important;
}

html body .edu-g283-group-list{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
html body .edu-g283-group-list>article{
  display:grid!important;
  grid-template-columns:48px minmax(180px,1fr) 82px auto auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid #e1e6ee!important;
  border-radius:10px!important;
  background:#fff!important;
}
html body .edu-g283-code{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#101828!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
}
html body .edu-g283-group-main small{
  display:block!important;
  color:#667085!important;
  font-size:6.5px!important;
}
html body .edu-g283-group-main strong{
  display:block!important;
  margin-top:3px!important;
  color:#101828!important;
  font-size:11px!important;
  font-weight:900!important;
}
html body .edu-g283-group-main span{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  font-size:7.5px!important;
}
html body .edu-g283-group-stat{
  padding:7px 9px!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  text-align:center!important;
}
html body .edu-g283-group-stat span,
html body .edu-g283-group-stat small{
  display:block!important;
  color:#98a2b3!important;
  font-size:6px!important;
}
html body .edu-g283-group-stat strong{
  display:block!important;
  margin:2px 0!important;
  color:#101828!important;
  font-size:15px!important;
}
html body .edu-g283-actions{
  display:flex!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
html body .edu-g283-actions>a,
html body .edu-g283-actions>button{
  min-height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border:1px solid #d7dee8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
html body .edu-g283-no-groups{
  min-height:80px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px dashed #cfd8e3!important;
  border-radius:10px!important;
  background:#f8fafc!important;
}
html body .edu-g283-no-groups strong{font-size:10px!important;color:#101828!important}
html body .edu-g283-no-groups span{font-size:7.5px!important;color:#667085!important;flex:1!important}
html body .edu-g283-no-groups button,
html body .edu-g283-no-groups a{
  min-height:34px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #b2ddff!important;
  border-radius:8px!important;
  background:#eff8ff!important;
  color:#175cd3!important;
  text-decoration:none!important;
  font-size:7px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

/* Old flat grids must not affect the new hierarchy. */
html body .edu-g283-subject-panel .edu-sec-group-grid,
html body .edu-g283-subject-panel .edu-front-group-grid{display:block!important}

@media(max-width:900px){
  html body .edu-g283-group-list>article{
    grid-template-columns:44px 1fr auto!important;
  }
  html body .edu-g283-group-stat{display:none!important}
  html body .edu-g283-actions{grid-column:2/-1!important;justify-content:flex-start!important}
}
@media(max-width:600px){
  html body .edu-g283-subject-panel>header{
    grid-template-columns:40px 1fr!important;
  }
  html body .edu-g283-subject-panel>header>.edu-sec-primary,
  html body .edu-g283-subject-panel>header>.edu-front-primary{
    grid-column:1/-1!important;width:100%!important
  }
  html body .edu-g283-group-list>article{
    grid-template-columns:40px 1fr!important;
  }
  html body .edu-g283-group-list>article>.edu-front-mode-badge{
    grid-column:2!important;justify-self:start!important
  }
  html body .edu-g283-actions{grid-column:1/-1!important}
}


/* =====================================================================
   EduLive Academic v2.8.5 — GROUP CAPACITY
   ===================================================================== */
html body .edu-g285-capacity{
  min-width:112px!important;
  padding:8px 10px!important;
  border:1px solid #e1e6ee!important;
  border-radius:9px!important;
  background:#f8fafc!important;
}
html body .edu-g285-capacity>span{
  display:block!important;color:#667085!important;font-size:6px!important;font-weight:850!important
}
html body .edu-g285-capacity>strong{
  display:block!important;margin-top:3px!important;color:#101828!important;font-size:14px!important;font-weight:900!important
}
html body .edu-g285-capacity>small{
  display:block!important;margin-top:3px!important;font-size:6.5px!important;font-weight:800!important
}
html body .edu-g285-capacity.open>small{color:#067647!important}
html body .edu-g285-capacity.low{background:#fffaeb!important;border-color:#fedf89!important}
html body .edu-g285-capacity.low>small{color:#b54708!important}
html body .edu-g285-capacity.full{background:#fef3f2!important;border-color:#fecdca!important}
html body .edu-g285-capacity.full>small{color:#b42318!important}
html body .edu-g285-capacity.unset{background:#fff7ed!important;border-color:#fed7aa!important}
html body .edu-g285-capacity.unset>small{color:#c2410c!important}

html body .edu-g285-group.full{
  border-color:#fecdca!important;
}
html body .edu-g285-group.unset{
  border-color:#fed7aa!important;
}

html body .edu-g285-modal-cap{
  margin:0 0 10px!important;
  padding:10px 11px!important;
  border:1px solid #dce3ec!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#344054!important;
  font-size:9px!important;
  font-weight:850!important;
}
html body .edu-g285-modal-cap.open{background:#ecfdf3!important;border-color:#abefc6!important;color:#067647!important}
html body .edu-g285-modal-cap.low{background:#fffaeb!important;border-color:#fedf89!important;color:#b54708!important}
html body .edu-g285-modal-cap.full,
html body .edu-g285-modal-cap.over{background:#fef3f2!important;border-color:#fecdca!important;color:#b42318!important}
html body .edu-g285-modal-cap.unset{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}

html body .edu-field-help{
  display:block!important;
  margin-top:4px!important;
  color:#98a2b3!important;
  font-size:7px!important;
  font-weight:650!important;
}

@media(max-width:900px){
  html body .edu-g285-capacity{grid-column:2/-1!important;justify-self:start!important}
}


/* =====================================================================
   EduLive Academic v2.8.7 — PEOPLE EDIT / DELETE
   ===================================================================== */
html body .edu-sec-person-grid article .actions,
html body .edu-front-person-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
html body .edu-sec-person-grid article .actions>a,
html body .edu-sec-person-grid article .actions>button,
html body .edu-front-person-actions>a,
html body .edu-front-person-actions>button{
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border:1px solid #d7dee8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
  font-family:inherit!important;
  font-size:7px!important;
  font-weight:850!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body .edu-sec-person-grid article .actions>button:hover,
html body .edu-front-person-actions>button:hover{
  background:#f8fafc!important;
  border-color:#b8c2cf!important;
}
html body .edu-sec-person-grid article .actions>.danger,
html body .edu-front-person-actions>.danger{
  border-color:#fecdca!important;
  background:#fffafa!important;
  color:#b42318!important;
}
html body .edu-sec-person-grid article .actions>.danger:hover,
html body .edu-front-person-actions>.danger:hover{
  background:#fef3f2!important;
  border-color:#fda29b!important;
}
html body .edu-person-subjects{
  max-height:210px!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  padding:8px!important;
  border:1px solid #dce3ec!important;
  border-radius:9px!important;
  background:#f8fafc!important;
}
html body .edu-person-subjects>label{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 7px!important;
  margin:0!important;
  border:1px solid #e4e7ec!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:7px!important;
  font-weight:750!important;
}
html body .edu-person-subjects input{
  width:14px!important;height:14px!important;min-height:14px!important;margin:0!important
}
html body [hidden]{display:none!important}

@media(max-width:760px){
  html body .edu-person-subjects{grid-template-columns:1fr!important}
  html body .edu-sec-person-grid article .actions,
  html body .edu-front-person-actions{justify-content:flex-start!important}
}