/* V437A - Employee avatar only. Nền V437. */

.v437a-kpi-employee,
.v437a-payroll-employee{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0;
}
.v437a-avatar{
  position:relative;
  width:36px;
  height:36px;
  flex:none;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:50%;
  background:linear-gradient(135deg,var(--muted),var(--background));
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.v437a-avatar.payroll{
  width:42px;
  height:42px;
}
.v437a-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.v437a-avatar>span{
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  color:var(--muted-foreground);
  text-transform:uppercase;
}
.v437a-avatar.payroll>span{
  font-size:14px;
}
.v437a-employee-copy{
  min-width:0;
}
.v437a-employee-copy>strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v437a-employee-copy>small,
.v437a-employee-copy>div{
  display:block;
  margin-top:2px;
}

@media(max-width:720px){
  .v437a-avatar{
    width:34px;
    height:34px;
  }
  .v437a-avatar.payroll{
    width:38px;
    height:38px;
  }
  .v437a-payroll-employee{
    display:grid!important;
    grid-template-columns:auto 38px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
}