/* V424 - Hiển thị + Thưởng KPI trực tiếp trên hệ thống */
.v422-employee-main{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.v422-employee-main>div:nth-child(2){
  flex:1;
  min-width:0;
}
.v424-kpi-bonus-live{
  flex:none;
  min-width:112px;
  padding:7px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--muted);
  text-align:right;
}
.v424-kpi-bonus-live span{
  display:block;
  font-size:9px;
  line-height:1.2;
  font-weight:600;
  color:var(--muted-foreground);
}
.v424-kpi-bonus-live strong{
  display:block;
  margin-top:3px;
  font-size:12.5px!important;
  line-height:1.2;
  font-weight:800!important;
  color:var(--foreground);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v424-kpi-bonus-live.no-bonus{
  opacity:.68;
}
.v424-kpi-summary strong{
  font-weight:800!important;
}
@media(max-width:900px){
  .v422-employee-main{
    flex-wrap:wrap;
  }
  .v424-kpi-bonus-live{
    margin-left:auto;
  }
}
@media(max-width:640px){
  .v422-employee-main{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center!important;
  }
  .v424-kpi-bonus-live{
    grid-column:1/-1;
    width:100%;
    margin:6px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:42px;
    padding:8px 10px;
    text-align:left;
  }
  .v424-kpi-bonus-live span{
    font-size:10.5px;
  }
  .v424-kpi-bonus-live strong{
    margin:0;
    font-size:15px!important;
  }
}