/* cherish-items (patch-item-tab.py) — 「내 포켓몬 → 인벤토리 / 상점」 하위탭. cherish-skin.css 토큰(--cw-*)을 쓴다.
   이 파일은 index-new.html 에서 cherish-skin.css **뒤에** 로드되므로 여기서 .cw-subtabs 를 덮어쓸 수 있다. */
.cw-items .cw-sec-head { margin: 0 0 10px; }
.cw-items-label { font-size: 12px; font-weight: 800; color: var(--cw-ink-muted, #777); margin: 10px 0 6px; letter-spacing: .02em; }
.cw-item-mons { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: thin; }
.cw-item-mon { flex: 0 0 auto; width: 76px; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px 6px; border: 2px solid var(--cw-line, #e5d5d7); border-radius: 14px; background: var(--cw-white, #fff); cursor: pointer; font: inherit; color: var(--cw-ink, #333); }
.cw-item-mon small { font-size: 11px; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-item-mon em { font-style: normal; font-size: 10px; color: var(--cw-accent, #be123c); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-item-mon.on { border-color: var(--cw-accent, #be123c); box-shadow: 0 6px 16px -10px rgba(190, 18, 60, .6); }
.cw-item-ic { display: inline-block; width: 24px; height: 24px; vertical-align: middle; flex: 0 0 auto; }
.cw-item-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-item-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px 4px 4px; border-radius: 999px; background: var(--cw-tint, #fbf1f2); border: 1px solid var(--cw-line, #e5d5d7); font-size: 12px; }
.cw-item-chip.on { border-color: var(--cw-accent, #be123c); background: #fff; }
.cw-item-chip.cw-inv { background: #eef6fd; border-color: #cfe2f3; }
.cw-item-chip small { color: var(--cw-ink-muted, #888); }
.cw-item-chip .button { padding: 2px 8px; font-size: 11px; }
.cw-item-held { font-weight: 700; color: var(--cw-accent, #be123c); }
.cw-item-advice-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 8px 10px; margin: 0 0 6px; border-radius: 12px; background: #fff8e6; border: 1px solid #f3dfa6; }
.cw-item-advice-row p { margin: 0; flex: 1 1 260px; font-size: 13px; }
.cw-item-advice-row > span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }
.cw-item-advice-row em { font-style: normal; color: var(--cw-ink-muted, #888); }
.cw-item-tiers { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.cw-item-tier { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cw-line, #e5d5d7); background: var(--cw-white, #fff); font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; color: var(--cw-ink, #333); }
.cw-item-tier small { font-weight: 600; opacity: .8; }
.cw-item-tier.on { background: var(--cw-accent, #be123c); border-color: var(--cw-accent, #be123c); color: #fff; }
/* 도구 목록 = 아이콘·이름 알약 (2026-09-10). 상세는 아래 .cw-item-detail 한 칸에서만 펼친다. */
.cw-item-list { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-item-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 8px; border-radius: 999px; border: 1px solid var(--cw-line, #e5d5d7); background: var(--cw-white, #fff); font: inherit; font-size: 12.5px; font-weight: 700; color: var(--cw-ink, #333); cursor: pointer; }
.cw-item-pill b { font-weight: 700; }
.cw-item-pill small { font-size: 10.5px; font-weight: 800; color: #fff; background: var(--cw-ink-muted, #8a8f98); border-radius: 999px; padding: 0 5px; }
.cw-item-pill.on { border-color: var(--cw-accent, #be123c); background: var(--cw-tint, #fbf1f2); }
.cw-item-pill.is-off { opacity: .55; }
.cw-item-hint { margin: 10px 0 0; font-size: 12px; color: var(--cw-ink-muted, #666); }
.cw-item-detail { margin-top: 10px; }
.cw-item-card { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 14px; background: var(--cw-white, #fff); border: 1px solid var(--cw-line, #e5d5d7); }
.cw-item-card.is-off { opacity: .55; }
.cw-item-card-head { display: flex; align-items: center; gap: 8px; }
.cw-item-card-head b { flex: 1 1 auto; font-size: 13.5px; }
.cw-item-card-head span { font-weight: 800; color: var(--cw-accent, #be123c); }
.cw-item-card p { margin: 0; font-size: 12px; color: var(--cw-ink-muted, #666); line-height: 1.45; }
.cw-item-evos { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-item-evo { display: inline-flex; align-items: center; gap: 2px; padding: 2px 6px; border-radius: 999px; background: #f3eefc; font-size: 11px; color: #5b3fa3; }
.cw-item-evo b { font-weight: 600; opacity: .6; }
.cw-item-only { font-size: 11px; color: var(--cw-ink-muted, #888); }
.cw-item-have { font-style: normal; font-size: 12px; color: var(--cw-ink-muted, #888); align-self: flex-start; }
.cw-item-card .button.cw-buy { align-self: flex-start; }
/* 상점 탭 (2026-09-09) — 🍒 체리(도구) / 🫐 베리(알) 두 칸. .cw-seg-btn·.cw-wallet·.cw-egg-row 는 skin 소유를 재사용. */
.cw-shop-seg { display: flex; gap: 8px; margin: 0 0 12px; }
.cw-shop-seg .cw-seg-btn { flex: 1 1 0; display: inline-flex; align-items: baseline; justify-content: center; gap: 6px; }
.cw-shop-seg .cw-seg-btn small { font-size: 11px; font-weight: 700; opacity: .75; }
.cw-shop .cw-sec-count.cw-wallet { display: inline-flex; align-items: baseline; gap: 10px; }
.cw-shop-foot { margin: 10px 2px 0; font-size: 12px; color: var(--cw-ink-muted, #777); }
/* 누진 안내 한 줄 (2026-09-15) — 「오늘/이번 주 N개째 · 다음은 …」.
   같은 칸의 설명 small 보다 한 단 흐리게 해서 값 설명과 섞이지 않게 한다. */
.cw-egg-row .cw-egg-ladder { color: var(--cw-ink-muted, #9b868d); font-size: 11px; opacity: .85; }
/* 인벤토리 빈 칸·알 탭 안내에서 「상점」으로 보내는 인라인 버튼 */
.button.cw-linkish { padding: 2px 8px; font-size: 12px; vertical-align: baseline; }
.cw-egg-shop-foot { margin: 8px 2px 0; font-size: 12px; color: var(--cw-ink-muted, #777); }
/* 결과 토스트 (2026-09-10) — 구매·건네주기 안내가 목록 위쪽이라 스크롤 밖에서 떴다 사라졌다.
   화면 고정이라 어디까지 내려가 있든 보인다. pointer-events 를 끄고 있어 클릭을 안 가로챈다. */
#cw-note-toasts { position: fixed; left: 50%; top: 18px; transform: translateX(-50%); z-index: 9999; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; width: max-content; max-width: 92vw; }
.cw-note-toast { padding: 11px 18px; border-radius: 999px; background: rgba(24, 20, 22, .92); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.45; text-align: center; box-shadow: 0 14px 32px -14px rgba(0, 0, 0, .75); transition: opacity .4s ease, transform .4s ease; }
.cw-note-toast.bad { background: rgba(190, 18, 60, .94); }
.cw-note-toast.out { opacity: 0; transform: translateY(-8px); }
@media (max-width: 700px) {
	/* 하위탭이 5칸이 되면 폭 359px 한 줄에 안 들어간다 (버튼 64px, 글자 자리 52px < 「내 포켓몬」).
	   :has 로 **5칸일 때만** 감는다 — 4칸 이하는 지금처럼 한 줄이 낫다. 미지원 브라우저는 한 줄로 빡빡할 뿐 안 깨진다. */
	.cw-subtabs:has(> .cw-subtab:nth-child(5)) { flex-wrap: wrap; }
	.cw-subtabs:has(> .cw-subtab:nth-child(5)) > .cw-subtab { flex: 1 1 30%; }
	.cw-item-card .button.cw-buy { width: 100%; }
}