/* ================= Estilos específicos do Pessoal =================
   Arquivo novo (não é PADRÃO do app-base). Só o que a aba única "Achados"
   precisa além do style.css. */

/* Blocos verticais da aba única — não são sub-abas, só seções empilhadas. */
.secao-achados { margin-bottom: 2rem; }
.secao-achados > h2 {
  margin: 0 0 0.2rem;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.secao-achados > .section-label { margin-top: 0.3rem; }

/* Preço atual x alvo nos cards de produto */
.preco-linha {
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}
.preco-atual { font-family: var(--font-display); font-size: 1.15rem; }
.preco-atual.abaixo-alvo { color: var(--money-in); }
.preco-alvo { font-size: 0.82rem; color: var(--text-dim); }

/* Caixa do gráfico de histórico */
.hist-box {
  position: relative;
  width: 100%;
  height: 260px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.8rem;
  margin-top: 0.6rem;
}

.hist-controls {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.6rem;
}
.hist-controls select {
  padding: 0.45rem 0.6rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--text);
  font-size: 0.85rem;
  min-width: 220px;
}

/* Link externo (anúncio do ML) dentro de card */
.link-anuncio { font-size: 0.82rem; }

.card-actions-inline {
  display: flex;
  gap: 0.3rem;
  margin-top: 0.6rem;
  flex-wrap: wrap;
}