/* ── 특성 페이지 — party_attr ─────────────────────────────────────── */
/* .attr-info 는 style.css의 공통 .page-info 스타일 사용 */

/* ── 탭 — style.css 공통 pill 통일 그룹 사용 ────────────────────── */

/* ── 옵션 카드 ─────────────────────────────────────────────────────── */
.attr-opt-cards { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.attr-opt-card {
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:10px;
  padding:8px 14px;
  font-size:.88em;
  flex:1;
  min-width:180px;
}
.attr-opt-name { font-weight:700; margin-bottom:4px; color:var(--text); }
.attr-opt-sub { font-size:.82em; color:var(--text-muted); }

/* ── 퀘스트 placeholder ───────────────────────────────────────────── */
.attr-quest-placeholder {
  padding:48px 24px;
  text-align:center;
  color:var(--text-muted);
  background:var(--bg-card);
  border:1px dashed var(--border);
  border-radius:10px;
  font-size:.95em;
  line-height:1.8;
}
.attr-quest-placeholder strong {
  color:var(--text-sub);
  display:block;
  margin-bottom:6px;
  font-size:1.05em;
}

/* ── 퀘스트 테이블 ─────────────────────────────────────────────────── */
.attr-quest-stats {
  font-size:.88em;
  color:var(--text-muted);
  margin-bottom:10px;
}
.attr-quest-stats strong {
  color:var(--primary);
  font-weight:700;
}
.attr-quest-reward {
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  font-size:.88em;
}
.attr-quest-reward img {
  width:22px;
  height:22px;
  object-fit:contain;
  flex-shrink:0;
}
.attr-quest-reward-name {
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
}
.attr-quest-reward-amt {
  color:var(--primary);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  margin-left:auto;
}