/* =====================================================================
   재고 분석

   표가 주인공이라 새로 정의할 게 거의 없다 — 품목 표(.tbl--items)를 그대로 쓴다.
   여기 있는 것은 "이 숫자를 어떻게 읽어야 하는가" 를 덧붙이는 조각들뿐이다.
   ===================================================================== */

/* 숫자가 무슨 기준으로 계산됐는지 밝히는 꼬리표.
   금액을 크게 띄워 놓고 기준을 안 밝히면 그 숫자는 거짓말이 된다. */
.an__hint {
  font-size: 10px; font-weight: 650; color: var(--ux-ink-400);
  letter-spacing: -.01em; margin-top: 2px; white-space: nowrap;
}

/* 남은 기간이 짧은 것. 빨강은 '품절' 배지가 이미 쓰고 있으니
   여기는 경고색으로 한 단계 낮춘다 — 둘 다 빨가면 진짜 급한 게 안 보인다. */
.an__urgent { color: var(--ux-warn); }

.an__row { cursor: pointer; }
.an__go { color: var(--ux-ink-400); display: inline-flex; }
.an__row:hover .an__go { color: var(--ux-ink-700); }

/* 화면 전체에 걸리는 단서. 토스트로 두면 2초 뒤 사라지는데,
   이건 '지금 보고 있는 금액이 어떤 금액인지' 라 계속 붙어 있어야 한다. */
.an__note {
  display: flex; align-items: flex-start; gap: 9px;
  padding: 11px 14px;
  background: var(--ux-warn-soft);
  border: 1px solid var(--ux-line);
  border-radius: var(--r-md);
  font-size: 12.5px; font-weight: 650; line-height: 1.5;
  color: var(--ux-ink-700);
}
.an__note svg { flex: 0 0 auto; margin-top: 1px; color: var(--ux-warn); }

/* 줄 오른쪽의 업무 버튼 — 늘 떠 있으면 표가 시끄럽다. 올렸을 때만 나온다.
   ⚠ display:none 이 아니라 visibility 로 숨긴다.
      display 로 빼면 칸 폭이 줄마다 달라져 스크롤할 때 표가 출렁인다. */
.an__act { white-space: nowrap; }
.an__task { visibility: hidden; margin-right: 6px; }
.an__row:hover .an__task { visibility: visible; }