/*
 * 목록 행 카드 C-6 (화면설계서 S 탐색 v0.3 공통 화면 규칙 C-6 = H 홈 C-6, 시안 .row · .im · .badge · .tx · .type · .pr · .disc)
 * - 부분 뷰 partials/user-item-row.ejs 하나를 탐색 목록(S-01) · 사건번호 결과(S-04A · S-05) · 지도 하단 시트(S-06 · S-07A)가 같이 씀.
 *   화면마다 따로 있던 exp-row · ucr · map-row 를 하나로 합침.
 * - 시안 v15 긴 카드(.row 덮어쓰기): 흰 카드 · 테두리 없음 · 모서리 14 · 안쪽 10, 사진 72px(모서리 12, 왼쪽 위 4px D-day 잉크 배지 — 3일 이하 빨강),
 *   유형 · 구분 잉크 알약, 최저가 명조 17, 할인율 회색(v15 --color-money-discount), 카드 사이 10. 쓰는 화면은 모두 회색 바탕(v15 켜기)이라 흰 카드가 보임.
 * - 판정 색(C-7) 테두리 · 빛은 시안 v15 에서 없앰.
 * - "준비 중"은 user-home.css .home-pending(모양 없는 파란 글자)을 그대로 씀 — 여기서 모양을 더하지 않음.
 * - 사진 칸 채움 · 불러오기 실패 숨김은 user-home.css .home-card__img. 색 · 크기는 user-tokens.css 토큰만.
 */

/* 행 카드 목록 (ul) — 카드 사이 간격은 카드의 아래 여백 10 */
.item-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.item-row {
  display: flex;
  align-items: center;
  gap: var(--space-2_5);
  width: 100%;
  margin-bottom: var(--space-2_5);
  padding: var(--space-2_5);
  border: 0;
  border-radius: var(--radius-box);
  background: var(--color-bg-surface);
  box-shadow: none;
  color: var(--color-text-primary);
  text-align: left;
  text-decoration: none;
}

.item-row__im {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.item-row__glyph {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-heavy);
  line-height: 1;
}

.item-row__img {
  border-radius: var(--radius-md);
}

/* D-day 배지: 왼쪽 위 4px, 잉크 바탕 흰 글자 · 3일 이하 빨강 (시안 v15 .sc2 .sbd · .sbd.urg) */
.item-row__dd {
  position: absolute;
  top: var(--space-1);
  left: var(--space-1);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  padding: 1px var(--space-1_5);
  border-radius: var(--radius-full);
  background: var(--color-bg-inverse);
  color: var(--color-text-inverse);
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  white-space: nowrap;
}

.item-row__dd.is-urgent {
  background: var(--color-brand-primary);
  color: var(--color-text-inverse);
}

.item-row__tx {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-xs);
}

.item-row__l1,
.item-row__pr,
.item-row__line {
  display: block;
}

.item-row__l1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 유형 · 구분 칩 (시안 v15 .row .type: 잉크 테두리 1px 알약, 바탕 없음, 11px 굵게) — 경매 · 공매 모두 같은 모양(글자로 구분) */
.item-row__chip {
  display: inline-block;
  padding: 0 7px;
  border: 1px solid var(--color-chip-border);
  border-radius: var(--radius-full);
  background: none;
  color: var(--color-text-primary);
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-bold);
  line-height: 1.45;
  letter-spacing: -0.14px;
}

.item-row__loc {
  color: var(--color-text-tertiary);
}

/* 최저가 (시안 v15 .row .pr: 명조 600 17px) */
.item-row__pr {
  margin-top: 2px;
  font-family: var(--font-family-title);
  font-size: var(--font-size-lg_5);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xl);
}

.item-row__disc {
  color: var(--color-money-discount);
}

.item-row__gain {
  color: var(--color-money-gain);
  font-weight: var(--font-weight-bold);
}

/* 지도 하단 시트(S-06 13번 · S-07A)는 흰 시트라 테두리 없는 흰 카드가 묻힘 → 시트 안에서만 회색 바탕 (제안) */
.map-sheet .item-row {
  background: var(--color-bg-subtle);
}

/* 예시 값 배지(2026-10-28, partials/user-sample-badge) — 데이터가 없는 칸에 넣은 예시 값임을 알림.
 * 알림 색 토큰(--color-bg-notice · --color-text-notice)으로 "준비 중"(파란 글자)과 실제 값(잉크)과 구분. 놓인 글자 줄에 맞춰 작게. */
.usr-sample {
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 4px;
  background: var(--color-bg-notice);
  color: var(--color-text-notice);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  vertical-align: middle;
  white-space: nowrap;
}