/* =====================================================================
   EduLive v2.6.2 — VISIBLE UI ENGINE
   This stylesheet MUST load AFTER every module stylesheet.
   ===================================================================== */

html body.edulive-blank-body{
  background:#eef2f7!important;
  color:#101828!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* ================= ONLINE CLASSROOM ================= */
html body .edu-hub{
  background:
    linear-gradient(120deg,rgba(105,65,198,.08),transparent 28%),
    linear-gradient(180deg,#f7f9fc,#edf2f7)!important;
}
html body .edu-hub-sidebar{
  width:246px!important;
  min-width:246px!important;
  background:#0a1220!important;
  padding:18px 14px!important;
  border-right:1px solid #1d2b3e!important;
}
html body .edu-hub-main{
  padding:38px 42px 72px!important;
}
html body .edu-hub-logo{
  margin-bottom:18px!important;
}
html body .edu-hub-logo>span{
  width:44px!important;height:44px!important;
  border-radius:13px!important;
}
html body .edu-hub-logo strong{
  font-size:14px!important;
}
html body .edu-hub-logo small{
  font-size:7px!important;
}
html body .edu-hub-mainnav a{
  min-height:44px!important;
  padding:10px 12px!important;
  font-size:12px!important;
  border-radius:11px!important;
}
html body .edu-frontistirio-space-link{
  min-height:66px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
}
html body .edu-frontistirio-space-link strong{
  font-size:10px!important;
}
html body .edu-frontistirio-space-link small{
  font-size:7px!important;
}
html body .edu-online-hero{
  padding:22px 24px!important;
  border:1px solid #d7dee8!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,#ffffff 0%,#faf8ff 60%,#f2f4ff 100%)!important;
  box-shadow:0 14px 38px rgba(16,24,40,.07)!important;
  margin-bottom:16px!important;
}
html body .edu-online-mode-pill{
  font-size:8px!important;
  padding:6px 10px!important;
}
html body .edu-online-hero h1{
  font-size:36px!important;
  line-height:1.03!important;
  margin:10px 0 7px!important;
}
html body .edu-online-hero p{
  font-size:13px!important;
  max-width:760px!important;
}
html body .edu-hub-primary{
  min-height:44px!important;
  padding:0 17px!important;
  font-size:11px!important;
}
html body .edu-hub-stats{
  gap:12px!important;
  margin:14px 0 16px!important;
}
html body .edu-hub-stats>div{
  min-height:96px!important;
  padding:18px 19px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #d9e1eb!important;
  box-shadow:0 8px 22px rgba(16,24,40,.055)!important;
}
html body .edu-hub-stats span{
  font-size:8px!important;
  letter-spacing:.11em!important;
}
html body .edu-hub-stats strong{
  font-size:31px!important;
  margin-top:8px!important;
}
html body .edu-hub-section{
  padding:20px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #d8e0ea!important;
  box-shadow:0 11px 30px rgba(16,24,40,.055)!important;
  margin-top:14px!important;
}
html body .edu-hub-section-head span{
  font-size:8px!important;
}
html body .edu-hub-section-head h2{
  font-size:19px!important;
  margin-top:4px!important;
}
html body .edu-online-empty{
  grid-template-columns:54px 1fr auto!important;
  gap:16px!important;
  padding:19px 20px!important;
  background:#f8fafc!important;
  border:1px solid #dce3ec!important;
  border-radius:14px!important;
}
html body .edu-online-empty .edu-empty-icon{
  width:54px!important;height:54px!important;
  border-radius:14px!important;
  font-size:24px!important;
}
html body .edu-online-empty h3{
  font-size:14px!important;
}
html body .edu-online-empty p{
  font-size:10px!important;
  margin-top:4px!important;
}
html body .edu-empty-action{
  min-height:40px!important;
  padding:0 14px!important;
  font-size:9px!important;
}
html body .edu-meeting-row{
  min-height:86px!important;
  padding:13px 15px!important;
  border-radius:13px!important;
}
html body .edu-meeting-date{
  min-width:92px!important;
}
html body .edu-meeting-date strong{
  font-size:8px!important;
}
html body .edu-meeting-date span{
  font-size:20px!important;
}
html body .edu-meeting-main h3{
  font-size:13px!important;
}
html body .edu-meeting-main p{
  font-size:9px!important;
  margin-top:3px!important;
}
html body .edu-meeting-subject,
html body .edu-meeting-status,
html body .edu-delivery-badge{
  font-size:7px!important;
  padding:4px 7px!important;
}
html body .edu-meeting-actions a,
html body .edu-meeting-actions button{
  min-height:38px!important;
  padding:0 12px!important;
  font-size:8px!important;
}

/* ================= FRONTISTIRIO / SECRETARIAT ================= */
html body .edu-front-os,
html body .edu-sec-os,
html body .edu-pro-os,
html body .edu-biz-os{
  background:
    linear-gradient(120deg,rgba(21,94,239,.045),transparent 25%),
    #f2f5f9!important;
}
html body .edu-front-side,
html body .edu-sec-side,
html body .edu-pro-side,
html body .edu-biz-side{
  width:246px!important;
  min-width:246px!important;
}
html body .edu-front-main,
html body .edu-sec-main,
html body .edu-pro-main,
html body .edu-biz-main{
  padding:36px 38px 68px!important;
}
html body .edu-front-head,
html body .edu-sec-head,
html body .edu-pro-head,
html body .edu-biz-head{
  padding:21px 23px!important;
  border:1px solid #d8e0ea!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 11px 30px rgba(16,24,40,.05)!important;
  margin-bottom:15px!important;
}
html body .edu-front-head h1,
html body .edu-sec-head h1,
html body .edu-pro-head h1,
html body .edu-biz-head h1{
  font-size:32px!important;
}
html body .edu-front-head p,
html body .edu-sec-head p,
html body .edu-pro-head p,
html body .edu-biz-head p{
  font-size:12px!important;
}
html body .edu-front-kpis>div,
html body .edu-sec-kpis>div,
html body .edu-pro-kpis>div,
html body .edu-360-kpis>div{
  min-height:105px!important;
  padding:18px!important;
}
html body .edu-front-kpis span,
html body .edu-sec-kpis span,
html body .edu-pro-kpis span,
html body .edu-360-kpis span{
  font-size:9px!important;
}
html body .edu-front-kpis strong,
html body .edu-sec-kpis strong,
html body .edu-pro-kpis strong,
html body .edu-360-kpis strong{
  font-size:29px!important;
}
html body .edu-front-card,
html body .edu-sec-card,
html body .edu-pro-card,
html body .edu-biz-card{
  padding:19px!important;
  border-radius:16px!important;
}
html body .edu-front-card-head h2,
html body .edu-sec-card-head h2,
html body .edu-pro-card-head h2{
  font-size:19px!important;
}
html body .edu-front-person,
html body .edu-front-group,
html body .edu-sec-person-grid>article,
html body .edu-sec-group-grid>article,
html body .edu-room-grid>article,
html body .edu-parent-grid>article{
  padding:16px!important;
}
html body .edu-front-person strong,
html body .edu-sec-person-grid .info>strong,
html body .edu-front-group h3,
html body .edu-sec-group-grid h3{
  font-size:13px!important;
}
html body .edu-front-person span,
html body .edu-front-person small,
html body .edu-sec-person-grid .info>span,
html body .edu-sec-person-grid .info>small{
  font-size:9px!important;
}

/* ================= WEEKLY SCHEDULE ================= */
html body .edu-week-board{
  gap:10px!important;
}
html body .edu-week-day{
  min-width:175px!important;
}
html body .edu-week-day>header{
  padding:12px!important;
}
html body .edu-week-event{
  padding:11px!important;
  border-radius:11px!important;
}
html body .edu-week-event time{
  font-size:10px!important;
}
html body .edu-week-event strong{
  font-size:11px!important;
}
html body .edu-week-event>span,
html body .edu-week-event small{
  font-size:8px!important;
}

/* ================= SCHEDULER ================= */
html body .edu-requirement-row{
  padding:13px!important;
}
html body .edu-requirement-row .info strong{
  font-size:12px!important;
}
html body .edu-requirement-row .info small{
  font-size:9px!important;
}
html body .edu-scheduler-generate{
  padding:18px!important;
  border-radius:14px!important;
}
html body .edu-scheduler-generate strong{
  font-size:14px!important;
}
html body .edu-scheduler-generate span{
  font-size:10px!important;
}

/* ================= BUSINESS ================= */
html body .edu-payroll-grid>article,
html body .edu-profit-grid>article{
  padding:18px!important;
}
html body .edu-payroll-grid header strong,
html body .edu-profit-grid header strong{
  font-size:13px!important;
}
html body .edu-payroll-grid .stats strong,
html body .edu-profit-grid .numbers strong{
  font-size:14px!important;
}

/* ================= CRM ================= */
html body .edu-crm-pipeline>div{
  padding:14px!important;
}
html body .edu-crm-pipeline span{
  font-size:9px!important;
}
html body .edu-crm-pipeline strong{
  font-size:25px!important;
}
html body .edu-lead-grid>article{
  padding:16px!important;
}
html body .edu-lead-grid article header strong{
  font-size:13px!important;
}
html body .edu-lead-grid article p,
html body .edu-lead-grid article small{
  font-size:9px!important;
}

/* ================= PARENT / 360 ================= */
html body .edu-parent-portal>main{
  max-width:1320px!important;
  padding:34px 28px 70px!important;
}
html body .edu-parent-title h1{
  font-size:34px!important;
}
html body .edu-parent-title p{
  font-size:12px!important;
}
html body .edu-360-hero,
html body .edu-parent-child{
  padding:20px!important;
}
html body .edu-360-hero h2,
html body .edu-parent-child h2{
  font-size:19px!important;
}
html body .edu-360-grid .edu-biz-card h3,
html body .edu-parent-panels>section h3{
  font-size:14px!important;
}

/* ================= MODALS ================= */
html body .edu-front-modal>section,
html body .edu-sec-modal>section,
html body .edu-pro-modal>section,
html body .edu-biz-modal>section,
html body .edu-hub-modal-card{
  padding:24px!important;
}
html body .edu-front-modal h2,
html body .edu-sec-modal h2,
html body .edu-pro-modal h2,
html body .edu-biz-modal h2,
html body .edu-hub-modal-card h2{
  font-size:24px!important;
}
html body .edu-front-os input,
html body .edu-front-os select,
html body .edu-front-os textarea,
html body .edu-sec-os input,
html body .edu-sec-os select,
html body .edu-sec-os textarea,
html body .edu-pro-os input,
html body .edu-pro-os select,
html body .edu-pro-os textarea,
html body .edu-biz-os input,
html body .edu-biz-os select,
html body .edu-biz-os textarea,
html body .edu-hub input,
html body .edu-hub select,
html body .edu-hub textarea{
  min-height:44px!important;
  font-size:13px!important;
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  html body .edu-hub-sidebar,
  html body .edu-front-side,
  html body .edu-sec-side,
  html body .edu-pro-side,
  html body .edu-biz-side{
    width:205px!important;
    min-width:205px!important;
  }
  html body .edu-hub-main,
  html body .edu-front-main,
  html body .edu-sec-main,
  html body .edu-pro-main,
  html body .edu-biz-main{
    padding:25px 20px 60px!important;
  }
}
@media(max-width:700px){
  html body .edu-hub-sidebar,
  html body .edu-front-side,
  html body .edu-sec-side,
  html body .edu-pro-side,
  html body .edu-biz-side{
    width:100%!important;
    min-width:0!important;
  }
  html body .edu-online-hero h1,
  html body .edu-front-head h1,
  html body .edu-sec-head h1,
  html body .edu-pro-head h1,
  html body .edu-biz-head h1{
    font-size:27px!important;
  }
  html body .edu-online-empty{
    grid-template-columns:48px 1fr!important;
  }
  html body .edu-empty-action{
    grid-column:1/-1!important;
    width:100%!important;
  }
}


/* =====================================================================
   EduLive v2.6.3 — CLEAN LIGHT NAVIGATION + GLOBAL BACK
   ===================================================================== */

/* -------- Global background -------- */
html body.edulive-blank-body,
html body .edu-hub,
html body .edu-front-os,
html body .edu-sec-os,
html body .edu-pro-os,
html body .edu-biz-os,
html body .edu-parent-portal{
  background:#f6f7f9!important;
}

/* -------- Compact light sidebar on ALL modules -------- */
html body .edu-hub-sidebar,
html body .edu-front-side,
html body .edu-sec-side,
html body .edu-pro-side,
html body .edu-biz-side{
  width:198px!important;
  min-width:198px!important;
  background:#ffffff!important;
  border-right:1px solid #e4e7ec!important;
  box-shadow:none!important;
  padding:14px 10px!important;
  color:#101828!important;
}

/* Brand */
html body .edu-hub-logo,
html body .edu-front-brand,
html body .edu-sec-brand,
html body .edu-pro-brand,
html body .edu-biz-brand{
  min-height:46px!important;
  padding:4px 7px 14px!important;
  margin:0!important;
  color:#101828!important;
}
html body .edu-hub-logo>span,
html body .edu-front-brand>span,
html body .edu-sec-brand>span,
html body .edu-pro-brand>span,
html body .edu-biz-brand>span{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:10px!important;
  background:#6941c6!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:14px!important;
}
html body .edu-hub-logo strong,
html body .edu-front-brand strong,
html body .edu-sec-brand strong,
html body .edu-pro-brand strong,
html body .edu-biz-brand strong{
  color:#101828!important;
  font-size:12px!important;
}
html body .edu-hub-logo small,
html body .edu-front-brand small,
html body .edu-sec-brand small,
html body .edu-pro-brand small,
html body .edu-biz-brand small{
  color:#98a2b3!important;
  font-size:6.5px!important;
}

/* Navigation */
html body .edu-hub-mainnav,
html body .edu-front-side nav,
html body .edu-sec-side nav,
html body .edu-pro-side nav,
html body .edu-biz-side nav{
  gap:3px!important;
}
html body .edu-hub-mainnav a,
html body .edu-front-side nav a,
html body .edu-sec-side nav a,
html body .edu-pro-side nav a,
html body .edu-biz-side nav a{
  min-height:37px!important;
  padding:8px 9px!important;
  border-radius:9px!important;
  color:#475467!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-size:10px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
html body .edu-front-side nav a b,
html body .edu-sec-side nav a b,
html body .edu-pro-side nav a b,
html body .edu-biz-side nav a b{
  color:#667085!important;
}
html body .edu-hub-mainnav a:hover,
html body .edu-front-side nav a:hover,
html body .edu-sec-side nav a:hover,
html body .edu-pro-side nav a:hover,
html body .edu-biz-side nav a:hover{
  background:#f5f3ff!important;
  color:#5925dc!important;
  border-color:#ebe6ff!important;
}
html body .edu-hub-mainnav a.active,
html body .edu-front-side nav a.active,
html body .edu-sec-side nav a.active,
html body .edu-pro-side nav a.active,
html body .edu-biz-side nav a.active{
  color:#5925dc!important;
  background:#f2efff!important;
  border-color:#e1d8ff!important;
  box-shadow:none!important;
  font-weight:850!important;
}
html body .edu-hub-mainnav a.active:before{
  content:""!important;
  width:3px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#7f56d9!important;
  margin-right:1px!important;
}

/* Workspace label + link: no card-inside-sidebar look */
html body .edu-online-frontistirio-separator,
html body .edu-hub-side-title,
html body .edu-front-side-bottom,
html body .edu-sec-bottom,
html body .edu-pro-bottom,
html body .edu-biz-bottom{
  border-top:1px solid #eaecf0!important;
}
html body .edu-online-frontistirio-separator{
  margin:14px 8px 6px!important;
  padding-top:9px!important;
}
html body .edu-online-frontistirio-separator span,
html body .edu-hub-side-title span{
  color:#98a2b3!important;
  font-size:6px!important;
  letter-spacing:.13em!important;
}
html body .edu-frontistirio-space-link{
  display:grid!important;
  grid-template-columns:30px 1fr auto!important;
  gap:7px!important;
  min-height:46px!important;
  margin:0 4px 10px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#344054!important;
}
html body .edu-frontistirio-space-link:hover{
  background:#f5f3ff!important;
}
html body .edu-frontistirio-space-link>b{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  background:#eef4ff!important;
  color:#155eef!important;
  box-shadow:none!important;
}
html body .edu-frontistirio-space-link strong{
  color:#344054!important;
  font-size:8.5px!important;
}
html body .edu-frontistirio-space-link small{
  color:#98a2b3!important;
  font-size:5.7px!important;
}
html body .edu-frontistirio-space-link em{
  color:#98a2b3!important;
}

/* Bottom links / user area */
html body .edu-front-side-bottom,
html body .edu-sec-bottom,
html body .edu-pro-bottom,
html body .edu-biz-bottom{
  padding-top:10px!important;
  margin-top:12px!important;
}
html body .edu-front-side-bottom a,
html body .edu-sec-bottom a,
html body .edu-pro-bottom a,
html body .edu-biz-bottom a{
  color:#667085!important;
  background:transparent!important;
  font-size:8px!important;
}
html body .edu-front-side-bottom a:hover,
html body .edu-sec-bottom a:hover,
html body .edu-pro-bottom a:hover,
html body .edu-biz-bottom a:hover{
  color:#5925dc!important;
  background:#f5f3ff!important;
}
html body .edu-hub-user{
  border-top:1px solid #eaecf0!important;
}
html body .edu-hub-user strong{
  color:#344054!important;
}
html body .edu-hub-user small{
  color:#98a2b3!important;
}

/* -------- Main content width/rhythm after smaller rail -------- */
html body .edu-hub-main,
html body .edu-front-main,
html body .edu-sec-main,
html body .edu-pro-main,
html body .edu-biz-main{
  padding:26px 30px 64px!important;
}

/* -------- GLOBAL BACK BAR -------- */
html body .edu-global-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:42px!important;
  margin:0 0 14px!important;
  padding:0 2px!important;
}
html body .edu-global-back{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 11px!important;
  border:1px solid #d0d5dd!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
html body .edu-global-back:hover{
  border-color:#b7a5f5!important;
  background:#faf9ff!important;
  color:#5925dc!important;
}
html body .edu-global-back span{
  font-size:17px!important;
  line-height:1!important;
}
html body .edu-global-back strong{
  font-size:10px!important;
  font-weight:800!important;
}
html body .edu-global-nav-context{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#98a2b3!important;
}
html body .edu-global-nav-context em{
  font-size:8px!important;
  font-style:normal!important;
  font-weight:750!important;
}
html body .edu-global-nav-dot{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#12b76a!important;
}

/* -------- Content surfaces: flatter / less dashboard-heavy -------- */
html body .edu-online-hero,
html body .edu-front-head,
html body .edu-sec-head,
html body .edu-pro-head,
html body .edu-biz-head{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:3px 0 12px!important;
  border-radius:0!important;
}
html body .edu-online-hero h1,
html body .edu-front-head h1,
html body .edu-sec-head h1,
html body .edu-pro-head h1,
html body .edu-biz-head h1{
  color:#101828!important;
}
html body .edu-hub-stats>div,
html body .edu-front-kpis>div,
html body .edu-sec-kpis>div,
html body .edu-pro-kpis>div,
html body .edu-360-kpis>div{
  border:1px solid #e4e7ec!important;
  box-shadow:none!important;
  background:#fff!important;
}
html body .edu-hub-section,
html body .edu-front-card,
html body .edu-sec-card,
html body .edu-pro-card,
html body .edu-biz-card{
  border:1px solid #e4e7ec!important;
  box-shadow:none!important;
  background:#fff!important;
}
html body .edu-meeting-row{
  box-shadow:none!important;
}

/* -------- Parent Portal gets back too, without sidebar -------- */
html body .edu-parent-portal main>.edu-global-nav{
  max-width:1320px!important;
}

/* -------- Mobile -------- */
@media(max-width:900px){
  html body .edu-hub-sidebar,
  html body .edu-front-side,
  html body .edu-sec-side,
  html body .edu-pro-side,
  html body .edu-biz-side{
    width:178px!important;
    min-width:178px!important;
  }
}
@media(max-width:700px){
  html body .edu-hub-sidebar,
  html body .edu-front-side,
  html body .edu-sec-side,
  html body .edu-pro-side,
  html body .edu-biz-side{
    width:100%!important;
    min-width:0!important;
    border-right:0!important;
    border-bottom:1px solid #e4e7ec!important;
  }
  html body .edu-hub-main,
  html body .edu-front-main,
  html body .edu-sec-main,
  html body .edu-pro-main,
  html body .edu-biz-main{
    padding:16px 11px 50px!important;
  }
  html body .edu-global-nav{
    margin-bottom:10px!important;
  }
}


/* ===================================================================
   v2.7 — DUAL WORKSPACE: visually impossible to confuse
   =================================================================== */
html body .edu-workspace-identity{
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:14px 16px!important;
  border-radius:15px!important;
  border:1px solid!important;
  box-shadow:0 7px 22px rgba(16,24,40,.055)!important;
}
html body .edu-workspace-identity.is-online{
  background:linear-gradient(135deg,#f8f5ff,#fff 72%)!important;
  border-color:#d7ccff!important;
  border-left:5px solid #7f56d9!important;
}
html body .edu-workspace-identity.is-frontistirio{
  background:linear-gradient(135deg,#eff8ff,#fff 72%)!important;
  border-color:#b2ddff!important;
  border-left:5px solid #1570ef!important;
}
html body .edu-ws-copy{display:flex!important;flex-direction:column!important;gap:5px!important}
html body .edu-ws-kicker{
  color:#667085!important;font-size:7px!important;font-weight:950!important;letter-spacing:.15em!important
}
html body .edu-ws-title{display:flex!important;align-items:center!important;gap:10px!important}
html body .edu-ws-title>b{
  width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  color:#fff!important;font-size:15px!important
}
html body .is-online .edu-ws-title>b{background:#7f56d9!important}
html body .is-frontistirio .edu-ws-title>b{background:#1570ef!important}
html body .edu-ws-title strong{
  display:block!important;color:#101828!important;font-size:14px!important;letter-spacing:.02em!important;font-weight:900!important
}
html body .edu-ws-title small{
  display:block!important;margin-top:2px!important;color:#667085!important;font-size:9px!important;font-weight:650!important
}
html body .edu-ws-switch{
  min-height:46px!important;display:grid!important;grid-template-columns:auto auto 24px!important;align-items:center!important;gap:7px!important;
  padding:7px 10px 7px 12px!important;border:1px solid #d0d5dd!important;border-radius:11px!important;background:#fff!important;
  color:#344054!important;text-decoration:none!important;box-shadow:0 3px 8px rgba(16,24,40,.035)!important
}
html body .edu-ws-switch span{font-size:7px!important;color:#98a2b3!important;font-weight:800!important}
html body .edu-ws-switch strong{font-size:9px!important;color:#101828!important;font-weight:900!important}
html body .edu-ws-switch>b{width:24px!important;height:24px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:#101828!important;color:#fff!important}
html body .edu-ws-front-nav{display:flex!important;gap:5px!important;margin-left:auto!important}
html body .edu-ws-front-nav a{
  min-height:34px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;border-radius:8px!important;
  color:#344054!important;background:#fff!important;border:1px solid #dce3ec!important;text-decoration:none!important;font-size:8px!important;font-weight:850!important
}
html body .edu-ws-front-nav a:hover{border-color:#84caff!important;color:#175cd3!important;background:#f5fbff!important}

/* Sidebar workspace labels become secondary, not competing UI. */
html body .edu-online-frontistirio-separator,
html body .edu-frontistirio-space-link{display:none!important}

/* Scheduler-specific solid UI */
html body .edu-v27-shell{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
html body .edu-v27-kpis{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important
}
html body .edu-v27-kpis>article{
  position:relative!important;overflow:hidden!important;background:#fff!important;border:1px solid #d7dee8!important;border-radius:13px!important;
  padding:13px 14px!important;box-shadow:0 3px 12px rgba(16,24,40,.045)!important
}
html body .edu-v27-kpis>article:before{
  content:""!important;position:absolute!important;left:0!important;top:12px!important;bottom:12px!important;width:3px!important;border-radius:5px!important;background:#1570ef!important
}
html body .edu-v27-kpis>article.warn:before{background:#f79009!important}
html body .edu-v27-kpis>article.danger:before{background:#d92d20!important}
html body .edu-v27-kpis>article.good:before{background:#12b76a!important}
html body .edu-v27-kpis span{display:block!important;color:#667085!important;font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important}
html body .edu-v27-kpis strong{display:block!important;margin-top:5px!important;font-size:24px!important;color:#101828!important;font-weight:820!important}
html body .edu-v27-kpis small{display:block!important;margin-top:4px!important;color:#98a2b3!important;font-size:7px!important}
html body .edu-v27-card{
  background:#fff!important;border:1px solid #d7dee8!important;border-radius:14px!important;padding:15px!important;box-shadow:0 4px 16px rgba(16,24,40,.045)!important
}
html body .edu-v27-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important}
html body .edu-v27-card-head span{display:block!important;color:#1570ef!important;font-size:7px!important;font-weight:950!important;letter-spacing:.1em!important}
html body .edu-v27-card-head h2{margin:3px 0!important;font-size:16px!important;color:#101828!important;font-weight:850!important}
html body .edu-v27-card-head p{margin:0!important;color:#667085!important;font-size:9px!important}
html body .edu-v27-grid-2{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:10px!important}
html body .edu-v27-status-list{display:flex!important;flex-direction:column!important;gap:6px!important}
html body .edu-v27-status-row{
  display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:10px!important;padding:9px 10px!important;
  border:1px solid #e3e8ef!important;border-radius:9px!important;background:#fbfcfd!important
}
html body .edu-v27-status-row strong{font-size:9px!important;color:#101828!important}
html body .edu-v27-status-row span{font-size:7.5px!important;color:#667085!important}
html body .edu-v27-ready{display:inline-flex!important;padding:3px 6px!important;border-radius:999px!important;background:#ecfdf3!important;color:#067647!important;font-size:6.5px!important;font-weight:900!important}
html body .edu-v27-notready{background:#fff4ed!important;color:#c4320a!important}
html body .edu-v27-schedule-toolbar{
  display:flex!important;align-items:end!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:10px!important;padding:10px!important;
  border:1px solid #d7dee8!important;border-radius:11px!important;background:#fff!important
}
html body .edu-v27-schedule-toolbar label{font-size:7px!important;color:#667085!important;font-weight:850!important}
html body .edu-v27-schedule-toolbar select,html body .edu-v27-schedule-toolbar input{min-width:145px!important}
html body .edu-v27-week{
  display:grid!important;grid-template-columns:repeat(7,minmax(155px,1fr))!important;gap:7px!important;overflow-x:auto!important;padding-bottom:6px!important
}
html body .edu-v27-day{
  min-width:155px!important;background:#fff!important;border:1px solid #d7dee8!important;border-radius:11px!important;overflow:hidden!important
}
html body .edu-v27-day>header{
  padding:9px 10px!important;background:#f8fafc!important;border-bottom:1px solid #e4e7ec!important
}
html body .edu-v27-day>header span{display:block!important;font-size:7px!important;color:#667085!important;font-weight:850!important}
html body .edu-v27-day>header strong{display:block!important;margin-top:2px!important;font-size:13px!important;color:#101828!important}
html body .edu-v27-day-body{padding:6px!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-height:120px!important}
html body .edu-v27-event{
  border:1px solid #e3e8ef!important;border-left:4px solid #1570ef!important;border-radius:8px!important;background:#fff!important;padding:8px!important
}
html body .edu-v27-event.online{border-left-color:#7f56d9!important}
html body .edu-v27-event.hybrid{border-left-color:#0e9384!important}
html body .edu-v27-event time{display:block!important;font-size:7.5px!important;color:#475467!important;font-weight:900!important}
html body .edu-v27-event strong{display:block!important;margin-top:3px!important;font-size:9px!important;color:#101828!important}
html body .edu-v27-event small{display:block!important;margin-top:2px!important;font-size:6.8px!important;color:#667085!important}
html body .edu-v27-event footer{display:flex!important;gap:4px!important;margin-top:5px!important;flex-wrap:wrap!important}
html body .edu-v27-conflict{
  border:1px solid #fecdca!important;border-left:4px solid #d92d20!important;border-radius:10px!important;background:#fffafa!important;padding:11px!important
}
html body .edu-v27-conflict strong{display:block!important;font-size:10px!important;color:#b42318!important}
html body .edu-v27-conflict p{margin:3px 0 0!important;font-size:8px!important;color:#667085!important}
html body .edu-v27-conflict-list{display:flex!important;flex-direction:column!important;gap:7px!important}
html body .edu-v27-mode-counts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
html body .edu-v27-mode-counts>div{padding:12px!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid #e3e8ef!important}
html body .edu-v27-mode-counts span{display:block!important;font-size:7px!important;color:#667085!important}
html body .edu-v27-mode-counts strong{display:block!important;margin-top:4px!important;font-size:19px!important}
html body .edu-v27-build-note{
  display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:10px!important;background:#eff8ff!important;border:1px solid #b2ddff!important;margin-bottom:10px!important
}
html body .edu-v27-build-note b{width:29px!important;height:29px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#1570ef!important;color:#fff!important}
html body .edu-v27-build-note strong{display:block!important;font-size:9px!important}
html body .edu-v27-build-note span{display:block!important;margin-top:2px!important;font-size:7px!important;color:#475467!important}
@media(max-width:1050px){
  html body .edu-ws-front-nav{display:none!important}
  html body .edu-v27-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .edu-v27-grid-2{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  html body .edu-workspace-identity{align-items:flex-start!important;flex-direction:column!important}
  html body .edu-ws-switch{width:100%!important;box-sizing:border-box!important}
  html body .edu-v27-kpis{grid-template-columns:1fr!important}
}


/* ==================================================================
   EduLive v2.8 — SIMPLE CHOICE + INTEGRATED FRONTISTIRIO FLOW
   ================================================================== */

/* Delete the previous information-heavy workspace banner. */
html body .edu-workspace-identity{display:none!important}

/* Compact two-mode switch inside Frontistirio sidebars. */
html body .edu-v28-mode-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin:0 0 14px!important;
  padding:4px!important;
  border:1px solid #e1e6ee!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}
html body .edu-v28-mode-switch a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:5px!important;
  border-radius:8px!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:7px!important;
  font-weight:850!important;
  text-align:center!important;
}
html body .edu-v28-mode-switch a b{font-size:9px!important}
html body .edu-v28-mode-switch a.active{
  background:#1570ef!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(21,112,239,.17)!important;
}

/* The same Frontistirio navigation everywhere. */
html body .edu-v28-front-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
html body .edu-v28-front-nav>a,
html body .edu-v28-front-nav>button,
html body .edu-v28-more>a{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:25px 1fr auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#475467!important;
  text-decoration:none!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:780!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .edu-v28-front-nav>a>b,
html body .edu-v28-front-nav>button>b,
html body .edu-v28-more>a>b{
  width:25px!important;
  color:#667085!important;
  text-align:center!important;
}
html body .edu-v28-front-nav>a:hover,
html body .edu-v28-front-nav>button:hover,
html body .edu-v28-more>a:hover{
  background:#f2f4f7!important;
  color:#101828!important;
}
html body .edu-v28-front-nav>a.active,
html body .edu-v28-front-nav>button.active,
html body .edu-v28-more>a.active{
  background:#eff8ff!important;
  color:#175cd3!important;
  box-shadow:inset 3px 0 #1570ef!important;
}
html body .edu-v28-front-nav>a.active>b,
html body .edu-v28-front-nav>button.active>b,
html body .edu-v28-more>a.active>b{color:#1570ef!important}
html body .edu-v28-more-toggle em{
  font-style:normal!important;
  font-size:8px!important;
  transition:transform .15s ease!important;
}
html body .edu-v28-front-nav.more-open .edu-v28-more-toggle em{transform:rotate(180deg)!important}
html body .edu-v28-more{
  display:none!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:1px 0 4px 14px!important;
  padding-left:7px!important;
  border-left:1px solid #d7dee8!important;
}
html body .edu-v28-front-nav.more-open .edu-v28-more{display:flex!important}
html body .edu-v28-more>a{min-height:34px!important;font-size:8.5px!important}

/* Module-level navigation becomes compact tabs in the main page. */
html body .edu-v28-local-tabs{
  display:flex!important;
  gap:5px!important;
  overflow-x:auto!important;
  margin:0 0 14px!important;
  padding:4px!important;
  border:1px solid #e1e6ee!important;
  border-radius:10px!important;
  background:#fff!important;
}
html body .edu-v28-local-tabs a{
  white-space:nowrap!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border-radius:7px!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:8px!important;
  font-weight:800!important;
}
html body .edu-v28-local-tabs a.active{
  background:#101828!important;
  color:#fff!important;
}

/* Reduce huge generic headers in the Frontistirio flow. */
html body .edu-front-head,
html body .edu-sec-head,
html body .edu-pro-head,
html body .edu-biz-head{
  padding:16px 18px!important;
  margin-bottom:11px!important;
}
html body .edu-front-head h1,
html body .edu-sec-head h1,
html body .edu-pro-head h1,
html body .edu-biz-head h1{
  font-size:25px!important;
}
html body .edu-front-head p,
html body .edu-sec-head p,
html body .edu-pro-head p,
html body .edu-biz-head p{
  font-size:10px!important;
}