/* Deploy 296 readability (generated) */
@media screen{
:root{--text-glass-1:rgba(255,255,255,0.65);--text-glass-2:rgba(255,255,255,0.47)}
.logo-gold{font-size:1.6rem}
.brand-text h1{font-size:1.1rem}
.brand-text p{font-size:1rem}
.sidebar-btn i{font-size:15.6px}
.sidebar-btn .btn-content i:first-child{font-size:15px}
.sidebar-btn span{font-size:15.2px}
.sidebar-btn .btn-arrow{font-size:15.4px}
.nav-gbtn .btn-content i:first-child{font-size:15px}
.nav-gbtn span{font-size:15.2px}
.nav-gchev{font-size:13.8px}
.nav-sub .sidebar-btn span{font-size:14.7px}
.nav-sub .sidebar-btn .btn-content i:first-child{font-size:14.2px}
.section-title{font-size:1.9rem}
.btn{font-size:15.6px}
.stat-value{font-size:2.4rem}
.stat-label{font-size:15.4px}
.stat-trend{font-size:15.8px}
.card-icon{font-size:1.35rem}
.card-title{font-size:15.4px}
.card-value{font-size:1.35rem}
.card h3{font-size:1rem}
.ai-suggestions h4{font-size:1rem}
.suggestion-item{font-size:15.8px}
.metric-value{font-size:1.8rem}
.metric-label{font-size:15.4px}
.status-item i{font-size:15.6px}
.status-item span{font-size:15.6px}
.ai-response-title{font-size:15.6px}
.ai-response-card p{font-size:15.8px}
.ai-response-hint{font-size:15.4px}
.ai-msg-ai{font-size:15px}
.ai-sidebar-header h3{font-size:1rem}
.close-btn{font-size:1.15rem}
.ai-sidebar-input input{font-size:15.6px}
.ai-user-msg{font-size:15px}
.school-banner-icon{font-size:clamp(1.5rem, 3vw, 3rem)}
.school-banner-badge{font-size:14px}
.school-banner-name{font-size:1.35rem}
.school-banner-type{font-size:14.1px}
.school-banner-motto{font-size:15.6px}
#bannerVisionText, #bannerMissionText{font-size:15px}
.school-banner-contact-row{font-size:15.4px}
.school-banner-contact-row i{font-size:14px}
.settings-link{font-size:14px}
@media (max-width: 900px){
.school-banner-icon, .school-banner img{font-size:2rem}
}
.notification{font-size:15.6px}
.mobile-menu-btn{font-size:1.1rem}
html{font-size:16px}
body{font-size:1rem}
input, select, textarea, button{font-size:1rem !important}
.dt td{font-size:15px !important}
.dt th{font-size:14.2px !important}
@media (min-width: 1400px){
.stat-value, .sv{font-size:clamp(1.2rem, 2vw, 1.8rem) !important}
h1{font-size:clamp(1.2rem, 2.2vw, 1.9rem) !important}
h2{font-size:clamp(1rem, 1.8vw, 1.4rem) !important}
}
@media (max-width: 1024px){
.brand-name{font-size:1.3rem !important}
.brand-sub{font-size:14.6px !important}
}
@media (max-width: 768px){
.brand-icon{font-size:1.2rem !important}
.brand-name{font-size:1.1rem !important}
.topbar-actions .btn{font-size:14.2px !important}
.fin-card-val{font-size:1.1rem !important}
.nav-back{font-size:14.6px !important}
.tab, .tab-btn{font-size:14.4px !important}
table{font-size:14.1px !important}
}
@media (max-width: 480px){
.btn{font-size:14.2px !important}
}
.stat-value, .sv{font-size:clamp(1.1rem, 2.5vw, 1.8rem)}
.topbar-stat-val{font-size:clamp(1.1rem, 3vw, 1.85rem) !important}
#morningBriefingModal .brf-close{font-size:1.1rem}
#morningBriefingModal .brf-chip{font-size:14px}
#velosLoader .vl-title{font-size:2.6rem}
#velosLoader .vl-sub{font-size:1rem}
#velosLoader .vl-msg{font-size:1.05rem}
.td-header h3{font-size:1rem}
.td-badge{font-size:14px}
.td-btn{font-size:14px}


}