/* 프로젝트 공통 오버라이드.
 * 디자인 토큰은 base.css 에 정의됨. 여기에는 Bootstrap 위에 사이트별 미세 조정만.
 */

/* page-list 필터 요소 높이 통일 */
.page-list-filters select,
.page-list-filters input {
  height: 2.25rem;
}

/* 도시 투자금 입력 — 짧은 숫자 input 인라인 정렬 */
.city-invest-input {
  max-width: 14rem;
  display: inline-block;
}

/* 교역품 detail — 해상/육상 NPC 특징 컬럼 너비 (다른 컬럼 대비 1.5x) */
.tg-feature-col { min-width: 9rem; }

/* 교역품 detail — 개인 농장 탭 의 개인 농장 컬럼 (다른 컬럼 대비 1/2) */
.tg-farm-col { width: 6rem; max-width: 6rem; }

/* === 데이터 그리드 (div 기반, table 대체) === */
.dgrid {
  display: grid;
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  overflow: hidden;
  font-size: var(--fs-sm);
  align-items: center;
}
.dgrid .dgh,
.dgrid .dgc {
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid var(--c-border-soft);
  min-width: 0;        /* grid item 의 콘텐츠가 컬럼 폭보다 넓을 때 grid 가 강제로 늘어나지 않게 */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.dgrid .dgh {
  font-weight: var(--fw-semibold);
  color: var(--c-text-muted);
  background-color: var(--c-bg-muted);
  border-bottom-color: var(--c-border);
}
.dgrid .dg-end { text-align: right; }
.dgrid .dg-mid { text-align: center; }

/* 구입 탭 — NPC / 지역 / 도시 / 발전도 / 투자 / 가격 / 시대 (7열) */
.dgrid-vendors {
  grid-template-columns: 8rem 9rem 1fr 5rem 6rem 7rem 6rem;
}

/* 채집/낚시/조달/탐색 탭 — 랭크 / 지역 / 장소 (3열) */
.dgrid-field {
  grid-template-columns: 4rem 9rem 1fr;
}

/* 퀘스트 보상 탭 — 계열 / 퀘스트 / 난이도 / 수량 (4열) */
.dgrid-quests {
  grid-template-columns: 6rem 1fr 5rem 5rem;
}

/* 침몰선 — 침몰선 (1열) */
.dgrid-shipwrecks { grid-template-columns: 1fr; }

/* 유적 던전 — 유적 던전 / 획득 방법 (2열) */
.dgrid-dungeons {
  grid-template-columns: 1fr 1fr;
}

/* 해상 NPC — 해상 NPC / 함대 수 / 특징 (1.5x) / 해역 */
.dgrid-marine {
  grid-template-columns: 12rem 5rem 9rem 1fr;
}

/* 육상 NPC — 육상 NPC / 특징 (1.5x) / 필드 */
.dgrid-land {
  grid-template-columns: 14rem 9rem 1fr;
}

/* 개인 농장 — 농장 (1/2) / 시설 */
.dgrid-farms {
  grid-template-columns: 12rem 1fr;
}

/* 보물지도 — 지도 / 목적지 */
.dgrid-tmaps {
  grid-template-columns: 1fr 1fr;
}

/* 동아시아 교역 — 지역 / 도시 / NPC */
.dgrid-barter {
  grid-template-columns: 9rem 1fr 8rem;
}

/* 소비품 구입 — 판매 NPC / 가격 */
.dgrid-consume-buy {
  grid-template-columns: 1fr 8rem;
}

/* 소비품 생산 레시피 — 레시피 책 / 레시피 / 재료 */
.dgrid-consume-recipes {
  grid-template-columns: 12rem 1fr 1fr;
}

/* 소비품 레시피 재료 — 레시피 책 / 레시피 / 랭크 / 생산물 */
.dgrid-consume-mat {
  grid-template-columns: 12rem 1fr 4rem 1fr;
}

/* 필수 입력 표시 — 모든 폼 공통(JS가 required 입력 라벨에 자동 부착). 빨간 * */
.req-star { color: var(--c-danger); margin-left: .25rem; vertical-align: middle; }