/* 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:var(--muted)}
.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:var(--muted)}
option{color:var(--text)}
label{font-size:14px;color:var(--muted)}
table{font-size:14.5px}
th{font-size:13.5px;color:var(--muted)}
.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:var(--muted)}
.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:var(--muted)}
.text-info{color:var(--info)}
.empty-state{font-size:15px;color:var(--muted)}
.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}
}
html{font-size:62.5%}
.nav-brand{font-size:15.5px;color:var(--gold)}
.nav-link{font-size:15px;color:var(--muted)}
.nav-link:hover{color:var(--text)}
.nav-link.active{color:var(--gold)}
.nav-user-email{font-size:14px;color:var(--muted)}
.nav-user-role{font-size:13.5px;color:var(--muted)}
.logout-btn{font-size:14.5px;color:var(--danger)}
.page-title{font-size:2rem}
.page-sub{font-size:14.5px;color:var(--muted)}
.tab-btn{font-size:2rem;color:var(--muted)}
.tab-btn.active{color:var(--gold)}
.stat-val{font-size:1.8rem}
.stat-lbl{font-size:1.6rem;color:var(--muted)}
.green{color:var(--accent)}
.warn{color:var(--warn)}
.gold{color:var(--gold)}
.toolbar input, .toolbar select{font-size:14.5px;color:var(--text)}
.settings-panel h3{font-size:2rem;color:var(--gold)}
.deduction-name{font-size:2rem}
.deduction-desc{font-size:1.7rem;color:var(--muted)}
.rate-input{font-size:14.5px;color:var(--text)}
.rate-unit{font-size:1.7rem;color:var(--muted)}
table.payroll{font-size:14.5px}
.emp-sub{font-size:1.7rem;color:var(--muted)}
.gross-input{font-size:14.5px;color:var(--text)}
.sha-mode-btn{font-size:1.6rem;color:var(--muted)}
.sha-mode-btn:hover{color:var(--gold)}
.sha-flat-input{font-size:1.7rem;color:var(--text)}
.deduction-val{font-size:14.5px;color:var(--muted)}
.deduction-val.active{color:var(--warn)}
.deduction-val.zero{color:rgba(139,148,158,0.94)}
.net-badge{font-size:14.5px;color:var(--accent)}
.net-badge.low{color:var(--warn)}
.advance-badge{font-size:1.6rem;color:var(--muted)}
.paye-zero{font-size:1.7rem;color:rgba(139,148,158,0.94)}
.modal-box h3{font-size:1.6rem;color:var(--gold)}
.fg input, .fg select{font-size:2rem;color:var(--text)}
.modal-actions button{font-size:2rem}
.btn-cancel{color:var(--muted)}
.btn-save{color:rgb(0, 0, 0)}
.payslip-doc{font-size:13.5px;color:rgb(17, 17, 17)}
.ps-row{font-size:13.5px}
.ps-row.credit{color:rgb(22, 163, 74)}
.ps-section-title{font-size:13px;color:rgb(201, 168, 76)}
.ps-net-amount{font-size:17px;color:rgb(139, 105, 20)}
.ps-footer{font-size:12.8px;color:rgb(153, 153, 153)}
.advance-item{font-size:14.5px}
.empty-state{color:var(--muted)}
.empty-state i{font-size:2.2rem}

[style^="color:rgba(139,148,158,.4)"],[style*=";color:rgba(139,148,158,.4)"],[style*=" color:rgba(139,148,158,.4)"],[style^="color: rgba(139,148,158,.4)"],[style*=";color: rgba(139,148,158,.4)"],[style*=" color: rgba(139,148,158,.4)"],[style^="color:rgba(139, 148, 158, 0.4)"],[style*=";color:rgba(139, 148, 158, 0.4)"],[style*=" color:rgba(139, 148, 158, 0.4)"],[style^="color: rgba(139, 148, 158, 0.4)"],[style*=";color: rgba(139, 148, 158, 0.4)"],[style*=" color: rgba(139, 148, 158, 0.4)"]{color:rgba(139,148,158,0.94) !important}
[style^="color:#333"],[style*=";color:#333"],[style*=" color:#333"],[style^="color: #333"],[style*=";color: #333"],[style*=" color: #333"],[style^="color:rgb(51, 51, 51)"],[style*=";color:rgb(51, 51, 51)"],[style*=" color:rgb(51, 51, 51)"],[style^="color: rgb(51, 51, 51)"],[style*=";color: rgb(51, 51, 51)"],[style*=" color: rgb(51, 51, 51)"]{color:#8c8c8c !important}
[style^="color:#888"],[style*=";color:#888"],[style*=" color:#888"],[style^="color: #888"],[style*=";color: #888"],[style*=" color: #888"],[style^="color:rgb(136, 136, 136)"],[style*=";color:rgb(136, 136, 136)"],[style*=" color:rgb(136, 136, 136)"],[style^="color: rgb(136, 136, 136)"],[style*=";color: rgb(136, 136, 136)"],[style*=" color: rgb(136, 136, 136)"]{color:#8d8d8d !important}
[style^="color:#666"],[style*=";color:#666"],[style*=" color:#666"],[style^="color: #666"],[style*=";color: #666"],[style*=" color: #666"],[style^="color:rgb(102, 102, 102)"],[style*=";color:rgb(102, 102, 102)"],[style*=" color:rgb(102, 102, 102)"],[style^="color: rgb(102, 102, 102)"],[style*=";color: rgb(102, 102, 102)"],[style*=" color: rgb(102, 102, 102)"]{color:#8c8c8c !important}
[style^="color:#777"],[style*=";color:#777"],[style*=" color:#777"],[style^="color: #777"],[style*=";color: #777"],[style*=" color: #777"],[style^="color:rgb(119, 119, 119)"],[style*=";color:rgb(119, 119, 119)"],[style*=" color:rgb(119, 119, 119)"],[style^="color: rgb(119, 119, 119)"],[style*=";color: rgb(119, 119, 119)"],[style*=" color: rgb(119, 119, 119)"]{color:#8e8e8e !important}
}