/* Janela de itens de um Pokémon (clique direito) e linhas de vida/XP nos cartões da coleção (aba Pokémons). */
.poke-items-card { width: min(30rem, 94vw); }
.poke-items-head { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; border-bottom: 1px solid #1f3350; }
.poke-items-head img { width: 3.6rem; height: 3.6rem; image-rendering: pixelated; object-fit: contain; }
.poke-items-head > div { display: grid; flex: 1; gap: .3rem; min-width: 0; }
.poke-items-head strong { color: #f1f6fd; font: 800 .95rem var(--font-clean); text-transform: capitalize; }
.poke-items-head small { color: #9fb4d3; font: 700 .7rem var(--font-clean); }
.poke-items-hp { display: block; height: .4rem; overflow: hidden; border-radius: 1rem; background: #ffffff1c; }
.poke-items-hp i { display: block; height: 100%; background: linear-gradient(90deg, #10b981, #6ee7b7); }
.poke-items-hp.is-mid i { background: linear-gradient(90deg, #f59e0b, #fde047); }
.poke-items-hp.is-low i { background: linear-gradient(90deg, #ef4444, #fb7185); }
.poke-items-row { display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .7rem; }
.poke-items-icon { display: grid; place-items: center; width: 2rem; height: 2rem; }
.poke-items-icon svg, .poke-items-icon img { width: 1.6rem; height: 1.6rem; }
.poke-items-row span strong { display: block; color: #f1f6fd; font: 800 .8rem var(--font-clean); }
.poke-items-row span small { color: #9fb4d3; font: 600 .66rem var(--font-clean); }
.poke-items-row em { color: var(--item-color, #34d399); font: 400 .62rem var(--font-pixel-ui); font-style: normal; }
.poke-items-empty { margin: 0; padding: 1rem; color: #9fb4d3; font: 700 .78rem var(--font-clean); text-align: center; }
/* Linhas finas entre o sprite e o nome dos cartões da coleção. */
/* Posição absoluta: ocupa o vão entre sprite e nome sem mudar o tamanho nem o layout dos cartões. */
.pokeidle-card .card-bars { position: absolute; left: 14%; right: 14%; top: 58%; z-index: 1; display: grid; gap: 2px; pointer-events: auto; }
.pokeidle-card .card-bars span { display: block; height: 3px; overflow: hidden; border-radius: 2px; background: #ffffff1f; }
.pokeidle-card .card-bars i { display: block; height: 100%; }
.pokeidle-card .card-hp i { background: linear-gradient(90deg, #10b981, #6ee7b7); }
.pokeidle-card .card-hp.is-mid i { background: linear-gradient(90deg, #f59e0b, #fde047); }
.pokeidle-card .card-hp.is-low i { background: linear-gradient(90deg, #ef4444, #fb7185); }
.pokeidle-card .card-xp i { background: linear-gradient(90deg, #38bdf8, #a5f3fc); }
/* "ATIVO" vira REMOVER (vermelho) ao passar o mouse. */
.active-slot-pill { position: relative; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.active-slot-pill:hover, .active-slot-pill:focus-visible { background: #b91c1c !important; border-color: #f87171 !important; color: transparent !important; box-shadow: 0 0 .6rem rgba(239, 68, 68, .55); outline: none; }
.active-slot-pill:hover::after, .active-slot-pill:focus-visible::after { content: '✕ REMOVER'; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; white-space: nowrap; font: inherit; letter-spacing: inherit; }