/* Deploy 296 readability (generated) */
@media screen{
html{font-size:17px}
body{color:var(--text)}
.login-logo i{font-size:2.5rem;color:var(--gold)}
.login-logo h1{font-size:1.25rem;color:var(--gold)}
.login-logo p{font-size:15px;color:var(--muted)}
.lf label{font-size:14.6px;color:var(--muted)}
.lf input{font-size:15.7px;color:var(--text)}
.lf .err{font-size:15px;color:rgb(198, 40, 40)}
.btn-login{font-size:15.8px;color:rgb(0, 0, 0)}
.sb-brand-logo i{font-size:1.2rem;color:var(--gold)}
.sb-brand-title{font-size:1.02rem;color:rgb(255, 255, 255)}
.sb-brand-tag{font-size:14.1px;color:var(--gold)}
.sg{font-size:13.8px;color:rgb(127, 179, 159)}
.si{font-size:15.9px;color:rgb(207, 228, 218)}
.si:hover{color:rgb(255, 255, 255)}
.si.active{color:rgb(16, 35, 63)}
.si i{font-size:15.7px}
.tb-school-logo i{font-size:1rem;color:var(--navy)}
.tb-school-name{font-size:0.95rem;color:var(--text)}
.tb-school-tag{font-size:13.3px;color:rgb(13, 59, 46)}
.tb-bell{font-size:1rem;color:rgb(13, 59, 46)}
.tb-bell .badge-dot{font-size:13.1px;color:rgb(255, 255, 255)}
.av{font-size:15px;color:rgb(13, 59, 46)}
.nav-name{font-size:15.2px;color:var(--text)}
.nav-school{font-size:14px;color:var(--muted)}
.btn-out2{font-size:14.6px;color:rgb(13, 59, 46)}
#menuBtn{font-size:1.3rem;color:rgb(13, 59, 46)}
.ph h2{font-size:1.05rem;color:var(--navy)}
.ct{font-size:15.7px}
.ct i{color:var(--gold-ink)}
.si2{font-size:1.2rem}
.stat-grad{color:rgb(255, 255, 255)}
.stat-grad .si3{font-size:1.25rem;color:rgb(255, 255, 255)}
.stat-grad .sv{font-size:1.9rem;color:rgb(255, 255, 255)}
.stat-grad .sl{font-size:14.8px}
.stat-grad .chev{font-size:15.7px}
.sv{font-size:2rem}
.sl{font-size:14.4px;color:var(--muted)}
table{font-size:15.1px}
th{font-size:13.8px;color:var(--muted)}
.fl{font-size:14.5px;color:var(--muted)}
.fc{font-size:1rem;color:var(--text)}
.btn{font-size:15.2px}
.bg{color:rgb(0, 0, 0)}
.bo{color:var(--muted)}
.bsm{font-size:14.5px}
.badge{font-size:14px}
.b-p{color:var(--amber)}
.b-a{color:rgb(21, 128, 61)}
.b-r{color:rgb(198, 40, 40)}
.mhdr h3{font-size:0.95rem}
.mx{font-size:1.25rem;color:var(--muted)}
.ab{font-size:13.8px}
.ap{color:rgb(21, 128, 61)}
.ap.sel{color:rgb(255, 255, 255)}
.aa{color:rgb(198, 40, 40)}
.aa.sel{color:rgb(255, 255, 255)}
.al{color:var(--amber)}
.al.sel{color:rgb(0, 0, 0)}
.empty{color:var(--muted)}
.empty i{font-size:2rem}
.spin{color:var(--muted)}
@media (max-width: 768px){
.lf-in{font-size:1rem}
.pt{font-size:1rem}
button[style*="width:100%"]{font-size:1rem}
select, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], textarea{font-size:1rem}
#att-cls, #att-date, #att-session{font-size:0.95rem}
#rosterWrap td{font-size:14.8px}
#p-timetable table{font-size:13.8px}
}
@media (max-width: 480px){
#rosterWrap button{font-size:15.2px}
#p-timetable::before{font-size:14px;color:var(--muted)}
}
.bursar-summary-card small{color:var(--muted)}
.bursar-summary-card strong{font-size:1.05rem}
.bursar-panel-sub{font-size:14.6px;color:var(--muted)}
.bursar-choice{color:var(--text)}
.bursar-choice small{color:var(--muted)}
.bursar-entry-card{color:var(--text)}
.bursar-entry-card i{font-size:1.05rem}
.bursar-entry-card strong{font-size:15px}
.bursar-entry-card small{font-size:13.8px;color:var(--muted)}
.bursar-entry-card[data-type="payment"] i{color:rgb(21, 128, 61)}
.bursar-entry-card[data-type="medical"] i{color:rgb(198, 40, 40)}
.bursar-entry-card[data-type="refundable_expense"] i{color:rgb(210, 153, 34)}
.bursar-entry-card[data-type="discount"] i{color:rgb(163, 113, 247)}
.bursar-entry-card[data-type="scholarship"] i{color:rgb(21, 88, 176)}
@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:15px !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.6px !important}
.fin-card-val{font-size:1.1rem !important}
.nav-back{font-size:15px !important}
.tab, .tab-btn{font-size:14.8px !important}
table{font-size:14.5px !important}
}
@media (max-width: 480px){
.btn{font-size:14.6px !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}
.bursar-profile-btn i{font-size:1.55rem;color:rgb(122, 79, 0)}
.bursar-profile-btn strong{font-size:15px}
.bursar-profile-btn small{font-size:13.6px;color:var(--muted)}
.bursar-entry-help{font-size:14.3px;color:var(--muted)}


}