/* DETALHE — fatia do styles.9b236676.css usada só por detail.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). */

.detail-toolbar .segmented-option { white-space: nowrap; }


.segmented-option {
  flex: 1;
  min-height: 32px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}


.segmented-option:hover {
  color: var(--text);
}


.segmented-option[aria-pressed="true"] {
  background: var(--accent);
  color: var(--on-accent);
}




.favorite-button.dex-hero-button[aria-pressed="true"] {
  border-color: var(--gold);
  color: var(--gold);
}


.favorite-button {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: 999px;
  padding: 0 22px;
  gap: 8px;
}


.favorite-button:hover {
  border-color: var(--accent-dark);
}


.favorite-button[aria-pressed="true"] {
  border-color: #e0506a;
  color: #f08aa0;
}
@media (max-width: 600px) {

  .detail-toolbar .segmented-option { min-height: 40px; padding: 0 8px; white-space: normal; line-height: 1.15; }
}

.segmented-option,
.favorite-button {
  border-radius: 0;
}