/* cherish-auction (patch-auction-panel.py, 2026-09-14) — 배틀홈 「특별한 보금자리」(포켓몬 입양 공고) 카드.
   cherish-skin.css 의 토큰(--cw-*)을 그대로 쓴다. skin 은 patch-skin.py 가 통째로 다시 쓰므로 여기 따로 둔다. */
.cw-auction { padding: 16px 18px; overflow: hidden; }
.cw-auc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.cw-auc-title { margin: 2px 0 0; font-size: 15pt; line-height: 1.25; }
.cw-auc-sub { font-size: 9pt; color: var(--cw-ink-muted, #a8637a); }
.cw-auc-item { border: 1px solid var(--cw-line, rgba(254, 205, 211, .9)); border-radius: var(--cw-r-sm, 14px); background: var(--cw-white, #fff); margin-bottom: 8px; overflow: hidden; }
.cw-auc-item.is-open { border-color: var(--cw-line-strong, #fda4af); box-shadow: 0 6px 18px -8px rgba(190, 18, 60, .25); }
.cw-auc-item.is-end .cw-auc-summary { opacity: .78; }
.cw-auc-summary { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.cw-auc-summary:hover { background: var(--cw-tint, #fff1f3); }
.cw-auc-art { flex: 0 0 auto; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--cw-tint, #fff1f3); }
.cw-auc-art img { width: 60px; height: 60px; object-fit: contain; image-rendering: auto; }
.cw-auc-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cw-auc-name-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 11pt; color: var(--cw-ink, #881337); }
.cw-auc-badges { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.cw-auc-badge { display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--cw-tint-2, #ffe4e9); color: var(--cw-accent-dark, #be123c); font-size: 8pt; font-weight: 700; }
.cw-auc-line { font-size: 9pt; color: var(--cw-ink-soft, #be123c); }
.cw-auc-caret { flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; background: var(--cw-cta-grad, #e11d48); color: var(--cw-on-accent, #fff); font-size: 9pt; font-weight: 700; }
.cw-auc-item.is-end .cw-auc-caret { background: var(--cw-tint-2, #ffe4e9); color: var(--cw-accent-dark, #be123c); }
.cw-auc-detail { padding: 4px 14px 14px; border-top: 1px dashed var(--cw-line, rgba(254, 205, 211, .9)); }
.cw-auc-desc { margin: 10px 0 0; font-size: 9.5pt; line-height: 1.55; color: var(--cw-ink-soft, #be123c); word-break: keep-all; white-space: pre-line; }
.cw-auc-spec { margin: 8px 0 0; font-size: 9.5pt; color: var(--cw-ink, #881337); }
.cw-auc-spec small { color: var(--cw-ink-muted, #a8637a); }
.cw-auc-prices { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 10px 0 0; }
.cw-auc-prices > div { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 10px; background: var(--cw-tint, #fff1f3); }
.cw-auc-prices small { font-size: 8pt; color: var(--cw-ink-muted, #a8637a); }
.cw-auc-prices b { font-size: 11pt; color: var(--cw-ink, #881337); }
.cw-auc-time { margin: 8px 0 0; font-size: 10pt; font-weight: 700; color: var(--cw-accent, #e11d48); }
.cw-auc-time small { font-weight: 400; color: var(--cw-ink-muted, #a8637a); }
.cw-auc-time.is-end { color: var(--cw-ink-muted, #a8637a); }
.cw-auc-bidbox { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--cw-tint, #fff1f3); }
.cw-auc-mine { margin: 0 0 6px; font-size: 9pt; font-weight: 700; color: var(--cw-accent-dark, #be123c); }
.cw-auc-bidrow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.cw-auc-input { flex: 1 1 140px; min-width: 120px; padding: 7px 10px !important; font-size: 11pt !important; }
.cw-auc-quick { padding: 5px 10px !important; font-size: 9pt !important; }
.cw-auc-go { padding: 7px 18px !important; font-size: 10.5pt !important; font-weight: 700; }
.cw-auc-note { margin: 8px 0 0; font-size: 8.5pt; color: var(--cw-ink-muted, #a8637a); line-height: 1.5; }
.cw-auc-msg { margin: 6px 0 0; font-size: 9.5pt; font-weight: 700; }
.cw-auc-msg.is-ok { color: #1e8e3e; }
.cw-auc-msg.is-err { color: var(--cw-accent-dark, #be123c); }
.cw-auc-list { margin: 12px 0 0; }
.cw-auc-list h4 { margin: 0 0 6px; font-size: 10pt; color: var(--cw-ink, #881337); }
.cw-auc-list h4 small { margin-left: 6px; font-weight: 400; color: var(--cw-ink-muted, #a8637a); font-size: 8.5pt; }
.cw-auc-row { display: flex; align-items: center; gap: 8px; padding: 6px 10px; margin-bottom: 4px; border-radius: 10px; background: rgba(0, 0, 0, .035); font-size: 9.5pt; }
.cw-auc-rank { flex: 0 0 24px; text-align: center; font-weight: 800; color: var(--cw-accent-dark, #be123c); }
.cw-auc-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-auc-amt { flex: 0 0 auto; font-weight: 700; color: var(--cw-ink, #881337); }
.cw-auc-empty { margin: 0; padding: 6px 10px; font-size: 9pt; color: var(--cw-ink-muted, #a8637a); }
.cw-auc-foot { margin: 10px 0 0; font-size: 8pt; color: var(--cw-ink-muted, #a8637a); }
@media (max-width: 700px) {
	.cw-auc-prices { grid-template-columns: repeat(2, 1fr); }
	.cw-auc-caret { padding: 4px 9px; font-size: 8.5pt; }
}