.erp-language{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dce3d9;border-radius:6px;background:#fff;flex-shrink:0}.erp-language button{border:0;background:none;padding:6px 8px;min-width:29px;border-radius:3px;color:#7a8876;font-size:10px;line-height:1.2}.erp-language button[aria-pressed=true]{background:#28594b;color:#fff}.top,.topbar{height:auto;min-height:69px;gap:12px;padding-top:12px;padding-bottom:12px}.top>div,.topbar-right{flex-wrap:wrap;gap:10px!important}html[lang=en] .nav-item,html[lang=id] .nav-item{font-size:10px;line-height:1.4}html[lang=en] .field,html[lang=id] .field{line-height:1.6}html[lang=en] .panel-title,html[lang=id] .panel-title{gap:12px;flex-wrap:wrap}html[lang=en] .stat b,html[lang=id] .stat b{overflow-wrap:anywhere}html[lang=en] .purchase-banner h2,html[lang=id] .purchase-banner h2{line-height:1.4}@media(max-width:740px){.top,.topbar{flex-wrap:wrap;padding:12px 15px}.top>div,.topbar-right{justify-content:flex-start}.erp-language{display:inline-flex!important}.erp-language button{padding:6px 7px}.heading{align-items:flex-start;flex-wrap:wrap}.heading .buttons{gap:7px}html[lang=en] .stats,html[lang=id] .stats{gap:10px}.stat small{line-height:1.6}.stat b{font-size:23px}.panel-title h2{line-height:1.5}}
.modal-head{flex-wrap:wrap;gap:12px}.modal-head .erp-language{margin-left:auto}.modal-head .erp-language button{min-height:26px}.modal-head h2{max-width:100%}
@media(max-width:920px){html[lang=en] .side .nav-item,html[lang=id] .side .nav-item{font-size:0;gap:0}html[lang=en] .side .nav-item>span,html[lang=id] .side .nav-item>span{font-size:21px;flex-shrink:0}}