/* V421 - hiển thị tiền thưởng vượt KPI và cộng rõ vào thực nhận */
.v421-kpi-bonus{
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 9px;
  background:var(--card);
  text-align:right;
}
.v421-kpi-bonus strong{
  font-size:12.5px!important;
  font-weight:750!important;
  color:var(--foreground)!important;
}
.v421-kpi-bonus small,
.v421-net-cell small{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.3;
  color:var(--muted-foreground);
}
.v421-net-cell{
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 9px;
  background:var(--card);
}
.v421-net-cell strong{
  font-size:12.5px!important;
  font-weight:800!important;
}
@media(min-width:1281px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(165px,1.3fr)
      minmax(90px,.62fr)
      minmax(105px,.72fr)
      minmax(95px,.66fr)
      minmax(145px,1fr)
      minmax(105px,.72fr)
      minmax(105px,.72fr)
      minmax(105px,.72fr)
      repeat(4,minmax(88px,.62fr))
      auto!important;
  }
}
@media(min-width:901px) and (max-width:1280px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(155px,1.2fr)
      minmax(82px,.6fr)
      minmax(98px,.68fr)
      minmax(90px,.64fr)
      minmax(130px,.95fr)
      minmax(100px,.7fr)
      minmax(100px,.7fr)
      minmax(100px,.7fr)
      repeat(2,minmax(88px,.62fr))
      auto!important;
  }
}
@media(max-width:900px){
  .v421-kpi-bonus,
  .v421-net-cell{
    min-height:58px;
  }
}
@media(max-width:640px){
  .v421-kpi-bonus{
    grid-column:1/-1;
    text-align:left;
    padding:10px!important;
  }
  .v421-kpi-bonus strong{
    font-size:14px!important;
  }
  .v421-net-cell{
    grid-column:1/-1;
    padding:10px!important;
  }
  .v421-net-cell strong{
    font-size:14px!important;
  }
}