/* Batch 18: iSchoolPRO official emerald / teal / navy / gold branding.
   Loaded after previous batch styles; existing custom logo remains supported. */
:root{
 --brand:#08B96B; --brand-green:#08B96B; --brand-teal:#079DAF;
 --brand-navy:#071C2E; --brand-gold:#F4BE35;
 --brand-gradient:linear-gradient(120deg,#078C68 0%,#079DAF 100%);
 --brand-soft:#E8F9F1;
 --ui-link:#087F74;
}
html:not([data-theme="dark"]) body{background:#F4FAF8;color:#102B37}
html:not([data-theme="dark"]) .top{background:#fff;border-bottom-color:#D7EAE5;color:#35505C}
html:not([data-theme="dark"]) .sidebar{background:#071C2E;color:#F3FFF9}
.sidebar .nav{color:#D8EDE7}
.sidebar .nav:hover,.sidebar .nav.active{background:#124D49!important;color:#fff!important}
.sidebar .brand-label,.sidebar .brand,.top .mobilebrand,.top .mobilebrand .brand-label{
 color:#F7FCFF!important;
}
html:not([data-theme="dark"]) .top .mobilebrand,
html:not([data-theme="dark"]) .top .mobilebrand .brand-label{color:#083A43!important}
html[data-theme="dark"] .top .mobilebrand,
html[data-theme="dark"] .top .mobilebrand .brand-label{color:#F2FFF9!important}
.brand,.mobilebrand,.authbrand{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:0}
.brand-logo{display:block!important;width:38px!important;height:38px!important;object-fit:contain!important;flex:0 0 auto!important;border-radius:9px}
.brand-label{font-weight:850!important;letter-spacing:-.025em!important;line-height:1.2!important;white-space:nowrap}
.authbrand .brand-label{color:#0C564C!important}
html[data-theme="dark"] .authbrand .brand-label{color:#ECFFF6!important}
.btn,button.btn,.catalogue-filters .btn{background:var(--brand-gradient)!important;color:#fff!important;border-color:transparent!important}
.btn:hover,button.btn:hover,.catalogue-filters .btn:hover{filter:brightness(1.08)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{
 outline:3px solid #F4BE35!important;outline-offset:2px!important;
}
.hero{background:linear-gradient(115deg,#073F47 0%,#067B75 48%,#08A875 100%)!important;color:#fff!important}
.hero p,.hero .eyebrow{color:#E6FFF8!important}
.hero .btn{background:#fff!important;color:#075F54!important}
.pill{background:#FFF2CA!important;color:#684500!important;border:1px solid #E9C75C}
.courseicon{background:#DDF8EF!important;color:#067B75!important}
.stats strong,.course b{color:#087A66}
.course:hover,.card:hover{border-color:#7ED9C2}
a:not(.btn):not(.nav):not(.brand):not(.mobilebrand){color:var(--ui-link)}
.timer{background:#E1F7EE;color:#075548}
.bottomnav{background:#fff;border-top-color:#CFE8DF}
.bottomnav a{color:#087D72!important}
.bottomnav a.active{color:#075D42!important}
.catalogue-filters{border-color:#BCDCD2!important}
.catalogue-filters :is(input,select){border-color:#9CBDB5!important}
html[data-theme="dark"]{
 --ui-surface:#102D38;--ui-surface-2:#09222C;--ui-text:#F4FFFB;
 --ui-muted:#C0D9D5;--ui-border:#345966;--ui-link:#7BE2C9;--ui-input:#092630;
}
html[data-theme="dark"] body{background:#071C2E!important;color:#F4FFFB!important}
html[data-theme="dark"] .top{background:#092630!important;border-bottom-color:#345966!important}
html[data-theme="dark"] .sidebar{background:#061923!important}
html[data-theme="dark"] .courseicon{background:#154B49!important;color:#A7FBE5!important}
html[data-theme="dark"] .stats strong,html[data-theme="dark"] .course b{color:#87E9D0!important}
html[data-theme="dark"] .pill{background:#3E341C!important;color:#FFE6A0!important;border-color:#8E762D!important}
html[data-theme="dark"] .bottomnav{background:#092630!important;border-color:#345966!important}
html[data-theme="dark"] .bottomnav a{color:#B3F4E3!important}
html[data-theme="dark"] .timer{background:#14433E!important;color:#E9FFF6!important}
html[data-theme="dark"] .catalogue-filters :is(input,select){background:#092630!important;color:#F4FFFB!important;border-color:#517D80!important}
html[data-theme="dark"] .catalogue-filters label{color:#F4FFFB!important}
html[data-theme="dark"] a:not(.btn):not(.nav):not(.brand):not(.mobilebrand){color:#8CF2D6}
@media(max-width:850px){
 .top .mobilebrand{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important}
 .top .mobilebrand .brand-logo{width:32px!important;height:32px!important}
 .top .mobilebrand .brand-label{font-size:clamp(13px,3.8vw,17px)!important}
 .top{gap:8px!important}
}
@media(max-width:370px){
 .top .mobilebrand .brand-logo{width:29px!important;height:29px!important}
 .top .mobilebrand .brand-label{font-size:13px!important}
}