.price-history {
  margin: 4px 0 8px;
  padding: 8px 10px;
  max-height: 260px;
  overflow-y: auto;
  border-left: 3px solid var(--luncher-border);
  font-size: 0.8rem;

  ul {
    list-style: none;
    margin: 2px 0 6px;
    padding: 0;
  }

  li {
    padding: 1px 0;
  }

  .price-tag {
    display: inline-block;
    min-width: 72px;
    font-weight: 700;
  }

  .price-up .price-tag { color: var(--luncher-danger); }
  .price-down .price-tag { color: var(--luncher-success); }
  .price-new .price-tag { color: var(--luncher-primary); }
  .price-removed { color: var(--luncher-text-muted); }
}

.price-history-entry + .price-history-entry {
  margin-top: 6px;
}

.price-history-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  margin-bottom: 6px;
  border-radius: 999px;
  background: var(--luncher-bg-hover);

  button {
    border: none;
    background: none;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--luncher-text-secondary);

    &.active {
      background: var(--luncher-bg-card);
      color: var(--luncher-primary);
    }
  }
}