/* Employee avatar — 직원 이름 옆 작은 원형 사진/이니셜.
 * macro: app/templates/_macros/employee_avatar.html
 *
 * 크기 정책:
 *   sm — 28px (목록/표 column 용)
 *   md — 40px (헤더/카드 용)
 *
 * 원칙: layout 깨지지 않게 compact. 사진 비율은 object-fit cover.
 */
.emp-avatar {
  line-height: 1.2;
  vertical-align: middle;
}

.emp-avatar-img,
.emp-avatar-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.emp-avatar-img {
  object-fit: cover;
}

.emp-avatar-label {
  /* 긴 이름이 줄바꿈으로 layout 깨지지 않게 — 부모의 white-space 정책 따름 */
  display: inline;
}

/* size: sm — 기본값 */
.emp-avatar-sm .emp-avatar-img,
.emp-avatar-sm .emp-avatar-placeholder {
  width: 28px;
  height: 28px;
  font-size: 0.78rem;
}

/* size: md — 헤더/큰 카드 */
.emp-avatar-md .emp-avatar-img,
.emp-avatar-md .emp-avatar-placeholder {
  width: 40px;
  height: 40px;
  font-size: 0.95rem;
}