/* =========================================================
   V437C - AVATAR SIZE BY CONTEXT
   Tự cân kích thước theo mật độ từng khu vực
   ========================================================= */

/* Mặc định: danh sách thông thường */
.v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* Bảng dày dữ liệu: nhỏ hơn để không làm tăng chiều cao dòng */
table .v437b-avatar-name .v437b-inline-avatar,
.v409-table .v437b-avatar-name .v437b-inline-avatar,
.v441-table .v437b-avatar-name .v437b-inline-avatar,
.v367-top5-table .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-desktop .v437b-avatar-name .v437b-inline-avatar,
.v409-tax-page .v437b-avatar-name .v437b-inline-avatar{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:9px;
}

/* Danh sách đơn hàng / công nợ / khách hàng: cỡ vừa */
.v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar,
.v345-alert-page .v437b-avatar-name .v437b-inline-avatar,
.v348-debt-page .v437b-avatar-name .v437b-inline-avatar,
.v399-debt-list .v437b-avatar-name .v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* KPI nhân viên: nhỉnh hơn để nhận diện người */
.v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v220-global-kpi-summary .v437b-avatar-name .v437b-inline-avatar,
.v437a-kpi-employee .v437b-inline-avatar{
  width:32px;
  height:32px;
  flex-basis:32px;
  font-size:11px;
}

/* Bảng lương / chính sách nhân sự: lớn hơn */
.v413-payroll .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
.v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
  width:40px;
  height:40px;
  flex-basis:40px;
  font-size:13px;
}

/* Hồ sơ tài khoản / header: vừa phải */
.v359-user-profile-link .v437b-inline-avatar{
  width:30px;
  height:30px;
  flex-basis:30px;
}
.v359-top-profile-button .v437b-inline-avatar{
  width:26px;
  height:26px;
  flex-basis:26px;
}

/* Card nhân viên / top performer */
article .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-inline-avatar{
  border-width:1px;
}

/* Giữ tên không bị đẩy vỡ dòng */
.v437b-avatar-name{
  min-width:0;
}
.v437b-avatar-name > :not(.v437b-inline-avatar){
  min-width:0;
}

/* Mobile: giảm cỡ tương ứng từng khu vực */
@media(max-width:720px){
  .v437b-inline-avatar{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:9px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar,
  .v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar{
    width:22px;
    height:22px;
    flex-basis:22px;
    font-size:8px;
  }

  .v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
  .v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:10px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
  .v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:12px;
  }

  .v359-top-profile-button .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}

/* Màn hình rất nhỏ */
@media(max-width:390px){
  .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}