/* Deploy 296 readability (generated) */
@media screen{
html{font-size:62.5%}
body{font-size:1.4rem;color:var(--text)}
.text-xs{font-size:15px}
.text-sm{font-size:15.7px}
.text-base{font-size:1.4rem}
.text-md{font-size:1.5rem}
.text-lg{font-size:1.6rem}
.text-xl{font-size:1.8rem}
.text-2xl{font-size:2rem}
.text-3xl{font-size:2.4rem}
h1{font-size:2.4rem}
h2{font-size:2rem}
h3{font-size:1.8rem}
h4{font-size:1.6rem}
.sidebar-btn{font-size:1.3rem;color:var(--text2)}
.sidebar-btn .btn-content i:first-child{font-size:15.7px}
.sidebar-btn span{font-size:1.3rem}
.sidebar-btn .btn-arrow{font-size:13.8px}
.sidebar-btn:hover, .sidebar-btn.active{color:var(--accent)}
.topnav{font-size:1.3rem}
.topnav a{font-size:1.3rem;color:var(--muted)}
.topnav a:hover{color:var(--gold)}
.topnav h1{font-size:1.5rem;color:var(--gold)}
.stat-val{font-size:2rem}
.stat-lbl{font-size:15px;color:#9ea6ae}
.btn{font-size:1.3rem}
.btn-gold{color:rgb(0, 0, 0)}
.btn-ghost{color:var(--text)}
.btn-ghost:hover{color:var(--gold)}
.btn-danger{color:var(--danger)}
.btn-accent{color:var(--accent)}
.btn-sm{font-size:15.7px}
.btn-lg{font-size:1.5rem}
.btn-xl{font-size:1.6rem}
input, select, textarea{font-size:1.4rem;color:var(--text)}
input::placeholder, textarea::placeholder{color:#9ea6ae}
option{color:var(--text)}
label{font-size:15.7px;color:#9ea6ae}
table{font-size:1.3rem}
th{font-size:15px;color:#8e97a0}
.tab-btn{font-size:1.3rem;color:var(--muted)}
.tab-btn.active{color:var(--gold)}
.tab-btn:hover{color:var(--text)}
.badge{font-size:15px}
.badge-gold{color:var(--gold)}
.badge-accent{color:var(--accent)}
.badge-danger{color:var(--danger)}
.badge-warn{color:var(--warn)}
.badge-muted{color:#9ea6ae}
.toast{font-size:1.3rem}
.text-gold{color:var(--gold)}
.text-accent{color:var(--accent)}
.text-danger{color:var(--danger)}
.text-warn{color:var(--warn)}
.text-muted{color:#9ea6ae}
.text-info{color:var(--info)}
.empty-state{font-size:1.4rem;color:#9ea6ae}
.empty-state i{font-size:3.2rem}
.publish-banner{font-size:1.3rem}
.nav-tabs .nav-link{font-size:1.3rem;color:rgb(255, 255, 255) !important}
.nav-tabs .nav-link.active{color:var(--gold) !important}
.nav-tabs .nav-link:hover{color:var(--gold) !important}
.form-control, .form-select{font-size:1.4rem;color:var(--text) !important}
@media (max-width: 1280px){
body{font-size:1.35rem}
}
@media (max-width: 1024px){
.sidebar-btn{font-size:15.7px}
}
@media (max-width: 768px){
.tab-btn{font-size:15.7px}
.btn-sm{font-size:15px}
.stat-val{font-size:1.6rem}
}
@media (max-width: 480px){
body{font-size:1.3rem}
.btn{font-size:15.7px}
th, td{font-size:15px}
}
html{font-size:80%}
tr:hover .type-badge{font-size:15px}
.asset{color:rgb(79, 195, 247)}
.liability{color:#e36562}
.equity{color:var(--muted)}
.income{color:var(--accent)}
.expense{color:var(--warn)}
.btn-danger{color:var(--danger)}
.modal h3{font-size:1.4rem;color:var(--gold)}
.ob-input{font-size:15.7px;color:var(--text)}
.section-hdr{font-size:15px;color:#9ea6ae}


}