/* V437B - Global employee avatar
   Quy tắc: nơi có tên nhân viên/Sale/người phụ trách -> avatar kế bên.
*/
.v437b-avatar-name{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%;
  vertical-align:middle;
}
.v437b-inline-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(148,163,184,.35);
  background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.v437b-inline-avatar-fallback{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  color:#526071;
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}
td.v437b-avatar-name,
th.v437b-avatar-name,
.v413-employee.v437b-avatar-name,
.v422-employee-main.v437b-avatar-name{
  width:auto;
}
.v413-employee.v437b-avatar-name .v437b-inline-avatar,
.v422-employee-main.v437b-avatar-name .v437b-inline-avatar{
  width:36px;
  height:36px;
  flex-basis:36px;
}
.v359-user-profile-link .v437b-inline-avatar,
.v359-top-profile-button .v437b-inline-avatar{
  width:24px;
  height:24px;
  flex-basis:24px;
}
@media(max-width:720px){
  .v437b-avatar-name{gap:6px!important}
  .v437b-inline-avatar{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  .v413-employee.v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-main.v437b-avatar-name .v437b-inline-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}


/* =========================================================
   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;
  }
}