/* party_promo.css */
/* ── 승급 탭 ──────────────────────────────────────────────────────────── */
/* .promo-info 는 style.css 의 공통 .page-info 스타일 사용 (margin-bottom만 override) */
.promo-info { margin-bottom:24px; }

.promo-grid {
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap:14px;
}
.promo-card {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:10px; overflow:hidden; transition:box-shadow .15s;
}
.promo-card:hover { box-shadow:0 3px 14px rgba(0,0,0,.09); }

.promo-card-header {
  background:var(--primary); color:#fff;
  padding:10px 16px; display:flex; align-items:center; gap:12px;
}
.promo-card-step {
  font-size:1.1em; font-weight:800; white-space:nowrap;
  background:rgba(255,255,255,.18); border-radius:6px;
  padding:2px 10px; flex-shrink:0;
}
.promo-card-name {
  font-size:.88em; font-weight:600; flex:1; opacity:.92;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.promo-card-meta { font-size:.8em; opacity:.7; white-space:nowrap; flex-shrink:0; }

.promo-card-body { padding:14px 16px; display:flex; flex-direction:column; gap:10px; }

.promo-row { border-radius:8px; padding:8px 12px; display:flex; flex-direction:column; gap:4px; }
.promo-row-title {
  font-size:.72em; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; opacity:.6;
}

/* 조건 row — 노랑 계열 (warning) */
.promo-cond-row { background:var(--warning-bg); border:1px solid var(--warning-border); }
.promo-cond-row .promo-row-title { color:var(--warning-dark); }
.promo-cond-stage { font-size:.9em; font-weight:700; color:var(--warning-dark); }

/* 진입 조건 row — 주황 계열 (pickup/amber) */
.promo-entry-row { background:var(--pickup-bg); border:1px solid var(--pickup-border); }
.promo-entry-row .promo-row-title { color:var(--pickup-text); }
.promo-entry-vals { display:flex; gap:14px; flex-wrap:wrap; margin-top:2px; }
.promo-entry-val { display:flex; align-items:baseline; gap:4px; }
.promo-entry-label {
  font-size:.82em; font-weight:700; color:var(--pickup-text);
  background:var(--warning-bg); border-radius:4px; padding:2px 7px;
}
.promo-entry-num { font-size:1em; font-weight:800; color:var(--pickup-text); }
.promo-entry-none { font-size:.88em; color:var(--warning-dark); }

/* 보상 row — 회색 계열 (subtle) */
.promo-reward-row { background:var(--bg-subtle); border:1px solid var(--border); }
.promo-reward-row .promo-row-title { color:var(--text-sub); }
.promo-reward-item { display:flex; align-items:center; gap:8px; margin-top:2px; }
.promo-reward-item img { width:24px; height:24px; object-fit:contain; }
.promo-reward-name { font-size:.92em; font-weight:700; color:var(--text); }
.promo-reward-count { font-size:.84em; color:var(--text-muted); }

/* 징표 row — 녹색 계열 (success) */
.promo-emblem-row { background:var(--success-bg-light); border:1px solid var(--success-border); }
.promo-emblem-row .promo-row-title { color:var(--success-deep); }
.promo-emblem-item { display:flex; align-items:center; gap:8px; text-decoration:none; margin-top:2px; }
.promo-emblem-item img { width:26px; height:26px; object-fit:contain; }
.promo-emblem-name { font-size:.92em; font-weight:700; color:var(--success-deep); }

/* 칭호 row — 보라 계열 (purple) */
.promo-title-row { background:var(--purple-bg); border:1px solid var(--border); }
.promo-title-row .promo-row-title { color:var(--purple-fg); }
.promo-title-val { font-size:.9em; font-weight:700; color:var(--purple-fg); margin-top:2px; }

.promo-enemies-section { margin-top:2px; }
.promo-enemies-title {
  font-size:.72em; font-weight:700; color:var(--text-muted);
  text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px;
}
.promo-enemies { display:flex; flex-wrap:wrap; gap:8px; }
.promo-enemy { display:flex; flex-direction:column; align-items:center; gap:4px; width:58px; }
.promo-enemy img {
  width:52px; height:52px; object-fit:cover;
  border-radius:10px; border:1px solid var(--border); background:var(--bg-muted);
}
.promo-enemy-name {
  font-size:.68em; color:var(--text-muted); text-align:center;
  line-height:1.25; word-break:keep-all;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:58px;
}

/* ── 징표 탭 ──────────────────────────────────────────────────────────── */
.emb-note {
  font-size:.9em; color:var(--text-muted); margin-bottom:16px;
}
/* 해시로 진입 시 해당 행 플래시 강조 */
tr.emb-flash > td { background:var(--warning-bg) !important; transition:background .4s; }