.donut::after{display:none!important}
.donut>span{width:94px;height:94px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;font-size:22px;font-weight:800;line-height:1}
.donut>span small{display:block;margin-top:5px;color:#697586;font-size:11px;font-weight:650}
.empty.compact{padding:55px 20px}
.detail-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#101a29a8}
.detail-modal-card{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;border-radius:14px;background:#fff;box-shadow:0 20px 60px #101a2950}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.detail-grid p{padding:12px;border-radius:10px;background:#f6f8fa;color:#263445}
.detail-grid .wide{grid-column:1/-1}
@media(max-width:760px){
  .detail-modal{padding:10px;place-items:end center}
  .detail-modal-card{max-height:88vh;border-radius:16px 16px 10px 10px}
  .detail-grid{grid-template-columns:1fr}
  .detail-grid .wide{grid-column:auto}
  .donutrow{align-items:flex-start;gap:14px}
  .donut{width:116px;height:116px;flex:0 0 116px}
  .donut>span{width:72px;height:72px;font-size:19px}
  .bars{overflow-x:auto;gap:12px}
  .barset{min-width:54px}
}