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

/* 상단 메뉴 드롭다운이 «위쪽 고정 띠(sticky-top 1020 / 조달 topbar 1030)» 아래로 깔려 잘리던 문제(2026-10-18).
   이 파일은 base.html 이 모든 화면에 싣는 공통 CSS 라 여기에 둔다(base.html 은 메뉴 가드 시험 대상).
   모달 백드롭(1050)·모달(1055)보다는 낮게 둔다. */
.navbar .dropdown-menu { z-index: 1040; }