/* v10.20.117 — corrige o mini-card exibido dentro do modal dos indicadores do Atendimento. */
.msa-modal .msa-current-kpi{
  width:min(360px,100%)!important;
  margin:12px 0 16px!important;
}
.msa-modal .msa-current-kpi .msa-kpi{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 72px!important;
  grid-template-rows:auto auto auto auto auto!important;
  column-gap:12px!important;
  row-gap:6px!important;
  width:100%!important;
  min-height:220px!important;
  height:auto!important;
  padding:16px!important;
  align-items:start!important;
  overflow:hidden!important;
  text-align:left!important;
}
.msa-modal .msa-current-kpi .msa-kpi h4{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  max-width:none!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-kpi-month{
  position:static!important;
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:4px 0 2px!important;
  text-align:left!important;
  pointer-events:none!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-kpi-month span{
  display:block!important;
  min-width:0!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-kpi-month i{
  display:block!important;
  margin-bottom:2px!important;
  font-style:normal!important;
  color:#8b8190!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-kpi-month b{
  display:block!important;
  max-width:100%!important;
  color:#2f2436!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.msa-modal .msa-current-kpi .msa-kpi > small{
  grid-column:1!important;
  grid-row:3!important;
  margin:5px 0 0!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:normal!important;
}
.msa-modal .msa-current-kpi .msa-kpi > strong{
  grid-column:1!important;
  grid-row:4!important;
  margin:0!important;
  max-width:100%!important;
  font-size:18px!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow:visible!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-ring{
  position:relative!important;
  grid-column:2!important;
  grid-row:1 / span 3!important;
  justify-self:end!important;
  align-self:start!important;
  right:auto!important;
  top:auto!important;
  width:64px!important;
  height:64px!important;
  margin:0!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-kpi-bottom{
  grid-column:1 / -1!important;
  grid-row:5!important;
  margin:8px 0 0!important;
  min-height:0!important;
  display:block!important;
}
.msa-modal .msa-current-kpi .msa-kpi .msa-priority{
  display:inline-flex!important;
  max-width:180px!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:normal!important;
}