:root{color:#f1f6ff;background:#0b1324}body{background:#0b1324}.auth-box,.panel,.card,dialog{background:#13243a;color:#f2f8ff;border-color:#344c68}.btn{border-color:#5f80a5;background:#203756}.btn.primary{background:#c9e3ff;border-color:#c9e3ff;color:#14283c}.eyebrow,.card strong{color:#b9dbff}.notice{background:#193b55;border-color:#4d7495}.notice.warn{background:#423727;border-color:#876e44}.pill{color:#c8e1ff}input,select{background:#172e49;border-color:#57718f}.code{background:#172e49}.main{max-width:1300px}.panel h2{color:#fff}.form-grid{gap:12px}.error{color:#ffb5b5}#modal-body{overflow-wrap:anywhere}dialog{max-width:620px}@media(max-width:700px){.main{padding:18px 14px 110px}.card,.panel{padding:16px}.heading{gap:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}
/* Advanced HR workflows: compact mobile-friendly leave balances and review rows. */
.hr-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:10px;margin:16px 0}
.hr-balance{display:flex;flex-direction:column;gap:5px;border:1px solid #54718f;border-radius:12px;padding:13px;background:#1a314a}
.hr-balance span{font-size:12px;text-transform:capitalize;color:#c9deee}
.hr-balance strong{font-size:20px;color:#fff}
.hr-balance small{color:#b6c7d8}
.p-page .table-wrap{overflow-x:auto}
@media(max-width:700px){.hr-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow-x:auto}}
@media(max-width:350px){.hr-balance-grid{grid-template-columns:minmax(0,1fr)}}