/* /pacotes/resumo-estados.css -- Pacotes no modelo atual (mockup aprovado 24/10/2026: docs/mockups/pacotes/pacotes-modelo-atual.html).
   Cartões do resultado, etiquetas de estado (ATUAL / SAI EM BREVE / ANTIGO), gavetas e faixa de cor por aba. O feixe de luz dos blocos
   fica em public/artes/feixe-onda.css (regra 20). Letra de 15px ou mais (regra 18). */

/* faixa colorida no topo de cada bloco, a cor muda por aba (cenário leve em CSS: faixa + brilho de canto) */
#page-pacotes .subpage > .card, #page-pacotes .pct-gaveta{--faixa:var(--cyan,#4fd1e0);position:relative;overflow:hidden}
#page-pacotes #sub-calc > .card{--faixa:#4fd1e0}
#page-pacotes #sub-trajes > .card{--faixa:#f06fa0}
#page-pacotes #sub-invoc > .card{--faixa:#e3b341}
#page-pacotes #sub-catalogo > .card{--faixa:#ff7a2f}
#page-pacotes .subpage > .card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--faixa)}
#page-pacotes .subpage > .card:not(.empty){background-image:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--faixa) 16%,transparent),transparent 55%)}
/* tabela larga rola dentro do bloco (o feixe corta o que passa da borda) */
#page-pacotes #resultTable, #page-pacotes #resultTableTraje{display:block;overflow-x:auto}

/* cartões: o MELHOR ocupa a linha toda; os outros, lado a lado e na mesma altura */
.pct-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.pct-resumo.pct-resumo-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pct-resumo:empty{display:none}
.pct-mc{display:grid;grid-template-rows:auto 1fr auto;gap:2px;min-width:0;padding:12px 14px;border:1px solid var(--border,#29313d);border-radius:12px;background:var(--card2,#141a25)}
.pct-mc small{font:500 15px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8792a3)}
.pct-mc strong{font:800 22px 'Archivo','Inter',sans-serif;font-variant-numeric:tabular-nums}
.pct-mc span{color:var(--muted,#a7b0bd);font-size:15px}
.pct-mc.top{grid-column:1/-1;border-color:rgba(67,199,155,.38);background:rgba(67,199,155,.10)}
.pct-mc.top small{color:#43c79b}
.pct-mc.top strong{font-size:18px;line-height:1.3}

/* etiquetas de estado */
.badge-atual{background:rgba(79,209,224,.10);border:1px solid rgba(79,209,224,.38);color:#4fd1e0}
.badge-sai{background:rgba(227,179,65,.12);border:1px solid rgba(227,179,65,.45);color:#e3b341}
.pct-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px;color:var(--muted,#a7b0bd);font-size:15px}
.pct-legenda:empty{display:none}

/* gaveta fechada: Pacotes antigos e Como isso é calculado */
.pct-gaveta{margin-top:14px;border:1px solid var(--border,#29313d);border-radius:12px;background:var(--card,#0f131c)}
.pct-gaveta[hidden]{display:none}
.pct-gaveta > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-weight:700}
.pct-gaveta > summary::-webkit-details-marker{display:none}
.pct-gaveta > summary::after{content:"+";font:700 20px 'IBM Plex Mono',monospace;color:var(--muted,#a7b0bd)}
.pct-gaveta[open] > summary::after{content:"−"}
.pct-gaveta > .formula,.pct-gaveta > .note,.pct-gaveta > .pct-gaveta-txt,.pct-gaveta > .pct-tabela{margin:0 16px 16px}
.pct-gaveta-txt{color:var(--muted,#a7b0bd);font-size:15px}
.pct-tabela{overflow-x:auto}

@media (max-width:820px){
  .pct-resumo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
#page-pacotes #resultTable td:first-child,#page-pacotes #resultTableTraje td:first-child,.pct-tabela td:first-child{min-width:230px}
#page-pacotes #resultTable td .badge,#page-pacotes #resultTableTraje td .badge,.pct-tabela td .badge{font-size:15px;white-space:nowrap}

/* Invocações: fichas no lugar da lista (a lista segue no HTML, escondida, e continua mandando) */
#page-pacotes #invocTierSelect{display:none}
.pct-fichas{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pct-ficha{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:10px 16px;border:1px solid var(--border,#29313d);border-radius:10px;background:var(--card2,#141a25);color:inherit;font:600 15px 'Inter',sans-serif;cursor:pointer}
.pct-ficha[aria-pressed="true"]{border-color:#e3b341;color:#e3b341;background:rgba(227,179,65,.12)}
.pct-ic-falta{display:inline-grid;place-items:center;width:28px;height:28px;border:1px dashed rgba(255,122,47,.38);border-radius:6px;color:#ff7a2f;font:600 15px/1 'IBM Plex Mono',monospace}

/* ícone do pacote ao lado do nome (original do jogo ou "?") */
.pct-cel{display:flex;align-items:center;gap:10px;min-width:0}
.pct-ic{width:28px;height:28px;border-radius:6px;flex:0 0 auto;object-fit:cover;background:var(--card2,#141a25)}
#page-pacotes .card table{display:block;overflow-x:auto;max-width:100%}