/* Deploy 296 readability (generated) */
@media screen{
.brand-icon{font-size:2rem}
.brand-name{font-size:1.95rem}
.brand-sub{font-size:1.05rem}
.topbar-stat-icon{font-size:1.45rem}
.topbar-stat-val{font-size:1.85rem}
.topbar-stat-lbl{font-size:15px}
.topbar-actions .btn{font-size:15.2px !important}
.topbar-stat-icon{font-size:1.1rem}
.topbar-stat-val{font-size:1.5rem}
.topbar-stat-lbl{font-size:14px}
.btn{font-size:1.05rem}
.btn-sm{font-size:15.8px}
.pill{font-size:1rem}
.search-wrap i{font-size:1.05rem}
.search-input{font-size:1.05rem}
.class-select{font-size:1rem}
.fin-card-val{font-size:1.25rem}
.fin-card-lbl{font-size:15.2px}
.table-hdr h2{font-size:1.65rem}
.data-table th{font-size:15.8px}
.data-table td{font-size:1rem}
@media (max-width: 1200px){
.data-table th{font-size:14.2px !important}
.avatar{font-size:15.6px !important}
}
.avatar{font-size:1.15rem}
.student-name{font-size:1.05rem}
.student-adm{font-size:15.2px}
.sgc-initials{font-size:1.6rem}
.sgc-name{font-size:15.6px}
.sgc-adm{font-size:14.2px}
.class-badge{font-size:15px}
.status-badge{font-size:15px}
.medical-badge{font-size:15px}
.table-footer{font-size:15.8px}
.modal-hdr h3{font-size:1.5rem}
.modal-close{font-size:1.5rem}
.form-section-title{font-size:1.05rem}
.form-label{font-size:15.8px}
.form-control{font-size:1.02rem}
.form-hint{font-size:15.2px}
.photo-preview{font-size:13.2px}
.photo-preview i{font-size:1.8rem}
:root[data-theme="light"] #profileModal{--pv-muted:#668490}
.profile-big-avatar{font-size:2rem}
.profile-full-name{font-size:1.15rem}
.profile-meta-row{font-size:14.8px}
.profile-nav-btn{font-size:15.4px}
.pv-label{font-size:14.2px}
.pv-value{font-size:1.55rem}
.pv-foot{font-size:13.8px}
.pill-header{font-size:15.6px}
.pill-header .pv-context{font-size:13.6px}
.info-lbl{font-size:13.8px}
.info-val{font-size:1rem}
.subject-top{font-size:14.8px}
.v-timeline-title{font-size:15px}
.v-timeline-date{font-size:14.4px}
.pv-icon{font-size:14.8px}
.pv-contact-line strong{font-size:14.8px}
.pv-contact-line small{font-size:14.2px}
.pv-badge{font-size:13.4px}
.pv-bar::after{font-size:12.9px}
.acad-stat-val{font-size:1.5rem}
.acad-stat-lbl{font-size:14px}
.subject-name{font-size:15.2px}
.subject-grade{font-size:14.4px}
.subject-pct{font-size:15px}
.att-ring-pct{font-size:1.4rem}
.att-ring-lbl{font-size:13.6px}
.severity-badge{font-size:14.2px}
.fin-tab{font-size:15.2px}
.fee-box-val{font-size:1.4rem}
.fee-box-lbl{font-size:14.2px}
.payment-type{font-size:15.4px}
.payment-date{font-size:14.4px}
.payment-amount{font-size:1rem}
.payment-method{font-size:14px}
.pocket-bal-val{font-size:2rem}
.pocket-bal-lbl{font-size:14.8px}
.gadget-name{font-size:15.6px}
.gadget-detail{font-size:14.6px}
.gadget-status{font-size:14.2px}
.fin-action-btn{font-size:15.2px}
.fin-action-btn i{font-size:1rem}
.sev-opt{font-size:15px}
.receipt-body{font-size:15.2px}
.receipt-school{font-size:1.2rem}
.receipt-row{font-size:15px}
.receipt-total{font-size:1.05rem}
.receipt-footer{font-size:14.2px}
.drop-area i{font-size:2.5rem}
.hub-head h2{font-size:1.35rem}
.hub-head p{font-size:15.2px}
.hub-level{font-size:14.2px}
.hub-tile .ht-name{font-size:1.02rem}
.hub-tile .ht-count{font-size:2rem}
.hub-tile .ht-sub{font-size:14.1px}
.hub-tile .ht-chip{font-size:13.8px}
.empty i{font-size:2.5rem}
.loading i{font-size:1.5rem}
.notif{font-size:1rem}
.section-title{font-size:1.65rem}
.panel-title{font-size:1.1rem}
.sc-input i{font-size:15.6px}
.sc-input .search-input{font-size:1.02rem}
.sf-btn{font-size:14.6px}
.sc-sub .class-select{font-size:14.6px}
.landing-ico{font-size:2rem}
.landing h3{font-size:1.35rem}
.landing p{font-size:15.6px}
.list-toolbar .lt-sort span{font-size:14.2px}
.list-toolbar .lt-select{font-size:14.4px}
.ht-ring span{font-size:1.05rem}
@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}


}