/* SET — fatia do styles.9b236676.css usada só por detail.html, sets.html, decks.html, my-decks.html.
   GERADO por scripts/split-css.mjs; edite o styles.9b236676.css e rode de novo.
   Carrega DEPOIS do styles.9b236676.css: a ordem da cascata é preservada porque os
   seletores mistos vieram junto, na posição original (ver o script). */

.facet-drop { position: relative; }

.facet-drop > summary {
  list-style: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 42px; padding: 0 34px 0 13px;
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--panel-strong); color: var(--text);
  font-size: 14px; font-weight: 700;
  

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 12px;
}

.facet-drop > summary::-webkit-details-marker { display: none; }

.facet-drop > summary:hover { border-color: var(--accent); }



.facet-drop.has-sel > summary { border-color: var(--accent); color: var(--accent); }

.facet-sum-n {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
  background: var(--accent); color: var(--on-accent);
  font-size: 11px; font-weight: 800;
}



.facet-pop {
  position: absolute; left: 0; top: calc(100% + 6px); z-index: 30;
  min-width: 218px; max-height: 320px; overflow-y: auto; overscroll-behavior: contain;
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px; border: 1px solid var(--line); border-radius: 10px;
  background: var(--surface); box-shadow: var(--shadow-pop);
}



.facet-drop:last-child .facet-pop { left: auto; right: 0; }

.facet-opt {
  display: flex; align-items: center; gap: 8px;
  padding: 3px 6px 3px 2px; border-radius: 6px;
  font-size: 13px; font-weight: 700; cursor: pointer;
}

.facet-opt:hover { background: var(--accent-soft); }

.facet-opt input { flex: none; width: 15px; height: 15px; margin: 0; accent-color: var(--accent); cursor: pointer; }

.facet-opt-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.facet-opt-n { flex: none; color: var(--subtle); font-size: 12px; font-variant-numeric: tabular-nums; }

.facet-opt.on .facet-opt-label { color: var(--accent); }
@media (max-width: 600px) {

  .detail-toolbar .facet-drop > summary { width: 100%; min-height: 44px; }
  

  .detail-toolbar .facet-drop:nth-child(even) .facet-pop { left: auto; right: 0; }
}


.mkt-tit { margin: 0 0 12px; font-size: 15px; }

.mkt-aviso { margin: 0; color: var(--muted); font-size: 13px; }



.mkt-toggle { display: inline-flex; align-items: center; gap: 6px; font-family: inherit; cursor: pointer; flex: none; }

.mkt-toggle::after {
  content: ""; width: 0; height: 0; margin-top: 1px;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid currentColor; transition: transform .15s ease;
}



.mkt-toggle[aria-expanded="true"] { border-color: var(--accent); color: var(--accent); }

.mkt-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) {
 .mkt-toggle::after { transition: none; }
}


.mkt-idx { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }

.mkt-idx-txt { flex: none; display: flex; flex-direction: column; gap: 2px; }

.mkt-idx-pct { font-size: 20px; font-variant-numeric: tabular-nums; }

.mkt-idx-legenda { color: var(--muted); font-size: 12px; }

.mkt-spark { flex: 1 1 auto; min-width: 0; height: 42px; }

.mkt-spark polyline { fill: none; stroke-width: 1.6; vector-effect: non-scaling-stroke; }



.mkt-spark.is-up polyline, .mkt-idx-pct.is-up, .mkt-card.is-up .mkt-card-pct { stroke: #1a9d5a; color: #1a9d5a; }

.mkt-spark.is-down polyline, .mkt-idx-pct.is-down, .mkt-card.is-down .mkt-card-pct { stroke: #d13d3d; color: #d13d3d; }

.mkt-linha + .mkt-linha { margin-top: 12px; }

.mkt-linha-tit { margin: 0 0 7px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }



.mkt-rail { display: flex; gap: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: thin; }

.mkt-card { flex: 0 0 88px; display: flex; flex-direction: column; gap: 3px; color: inherit; text-decoration: none; }

.mkt-card .mkt-img { width: 88px; aspect-ratio: 245 / 337; object-fit: cover; border-radius: 4.8% / 3.4%; background: var(--panel-strong); display: block; }

.mkt-img-vazia { display: block; }

.mkt-card-nome { font-size: 11px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mkt-card-pct { font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }

.mkt-card:hover .mkt-card-nome { text-decoration: underline; }

.mkt-nota { margin: 12px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
@media (max-width: 600px) {

  

  .mkt-idx { flex-direction: column; align-items: stretch; gap: 6px; }
  .mkt-card { flex-basis: 74px; }
  .mkt-card .mkt-img { width: 74px; }
}