/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
.topbar-left a{font-size:1.05rem;color:var(--muted)}
.topbar-left a:hover{color:var(--gold)}
.topbar h1{font-size:1.3rem;color:var(--gold)}
.topbar-clock{font-size:1.1rem;color:var(--accent)}
.add-btn{font-size:1rem;color:rgb(0, 0, 0)}
.rpt-range-btn{font-size:15.6px;color:var(--muted)}
.rpt-range-btn.active{color:var(--gold)}
.rpt-tile-val{font-size:1.3rem;color:var(--gold)}
.rpt-tile-lbl{font-size:14.6px;color:var(--muted)}
.rpt-txn-row{font-size:15.4px}
.rpt-empty{font-size:15.6px;color:var(--muted)}
.search-box input{font-size:1.1rem;color:var(--text)}
.search-box i{color:var(--muted)}
.sr-initials{font-size:15.2px;color:rgb(0, 0, 0)}
.sr-name{font-size:1rem}
.sr-meta{font-size:15px;color:var(--muted)}
.no-student{color:var(--muted)}
.no-student i{font-size:2.5rem}
.student-card .clear-btn{font-size:1.05rem;color:var(--muted)}
.student-card .clear-btn:hover{color:var(--danger)}
.student-avatar{font-size:1.4rem;color:rgb(0, 0, 0)}
.student-name{font-size:1.05rem}
.student-meta{font-size:15.6px;color:var(--muted)}
.balance-label{font-size:15px;color:var(--muted)}
.balance-value{font-size:1.7rem}
.balance-value.ok{color:var(--accent)}
.balance-value.low{color:var(--danger)}
.cat-tab{font-size:1rem;color:var(--muted)}
.cat-tab.active{color:var(--gold)}
.item-icon{font-size:1.3rem;color:var(--gold)}
.item-name{font-size:1.03rem}
.item-stock{font-size:14.6px;color:var(--muted)}
.item-price{font-size:1.1rem;color:var(--accent)}
.item-badge-low{font-size:14px;color:rgb(0, 0, 0)}
.receipt-header h3{font-size:1.1rem;color:var(--gold)}
.receipt-empty{color:var(--muted)}
.receipt-empty i{font-size:2.2rem}
.cart-line{font-size:1rem}
.cart-line-name{font-size:1rem}
.qty-stepper button{font-size:15.6px;color:var(--text)}
.cart-line-total{color:var(--accent)}
.remove-line{font-size:15.6px;color:var(--muted)}
.remove-line:hover{color:var(--danger)}
.receipt-total-row.grand{font-size:1.3rem;color:var(--gold)}
.checkout-btn{font-size:1rem;color:rgb(0, 0, 0)}
.receipt-modal{font-size:15.8px;color:rgb(17, 17, 17)}
.receipt-modal .rm-title{font-size:1.1rem}
.receipt-modal .rm-total{font-size:1.1rem}
.receipt-modal .rm-close{color:rgb(255, 255, 255)}
.toast{font-size:1rem}


}