/* Deploy 296 readability (generated) */
@media screen{
html{font-size:62.5%}
body{font-size:15px;color:var(--text)}
.text-xs{font-size:13.5px}
.text-sm{font-size:14px}
.text-base{font-size:15px}
.text-md{font-size:15.5px}
.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:14.5px;color:var(--text2)}
.sidebar-btn .btn-content i:first-child{font-size:14px}
.sidebar-btn span{font-size:14.5px}
.sidebar-btn .btn-arrow{font-size:12.8px}
.sidebar-btn:hover, .sidebar-btn.active{color:var(--accent)}
.topnav{font-size:14.5px}
.topnav a{font-size:14.5px;color:var(--muted)}
.topnav a:hover{color:var(--gold)}
.topnav h1{font-size:15.5px;color:var(--gold)}
.stat-val{font-size:2rem}
.stat-lbl{font-size:13.5px;color:#9ea6ae}
.btn{font-size:14.5px}
.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:14px}
.btn-lg{font-size:15.5px}
.btn-xl{font-size:1.6rem}
input, select, textarea{font-size:15px;color:var(--text)}
input::placeholder, textarea::placeholder{color:#9ea6ae}
option{color:var(--text)}
label{font-size:14px;color:#9ea6ae}
table{font-size:14.5px}
th{font-size:13.5px;color:#9ea6ae}
.tab-btn{font-size:14.5px;color:var(--muted)}
.tab-btn.active{color:var(--gold)}
.tab-btn:hover{color:var(--text)}
.badge{font-size:13.5px}
.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:14.5px}
.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:15px;color:#9ea6ae}
.empty-state i{font-size:3.2rem}
.publish-banner{font-size:14.5px}
.nav-tabs .nav-link{font-size:14.5px;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:15px;color:var(--text) !important}
@media (max-width: 1280px){
body{font-size:14.8px}
}
@media (max-width: 1024px){
.sidebar-btn{font-size:14px}
}
@media (max-width: 768px){
.tab-btn{font-size:14px}
.btn-sm{font-size:13.5px}
.stat-val{font-size:1.6rem}
}
@media (max-width: 480px){
body{font-size:14.5px}
.btn{font-size:14px}
th, td{font-size:13.5px}
}
body{color:var(--text)}
.frame-loading{font-size:14.5px;color:#9ea6ae}

[style^="color:var(--muted)"],[style*=";color:var(--muted)"],[style*=" color:var(--muted)"],[style^="color: var(--muted)"],[style*=";color: var(--muted)"],[style*=" color: var(--muted)"]{color:#9ea6ae !important}
}
