/* ============================================================
   ABSTRICT · Features v11 CSS
   URL sharing, Build comparison, Budget optimizer,
   Availability badges, VRAM enhanced, Airflow sim,
   What-If, Build score, Noise, Electricity,
   JSON import, Multi-case, Price alerts,
   Price history, Assembly guide
   ============================================================= */

/* === Build Score Code === */
.build-score-code {
  text-align: center;
}

/* === Assembly Guide === */
.assembly-guide .assembly-step:hover {
  background: var(--accent-soft);
  border-radius: var(--radius);
}
.assembly-guide .assembly-step {
  transition: background 150ms var(--ease);
}

/* === What If Panel === */
.whatif-panel select:focus {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

/* === Price History SVG === */
.price-history svg {
  display: block;
}

/* === Airflow SVG === */
.airflow-sim svg {
  display: block;
}

/* === Noise Comparator === */
.noise-comparator .noise-bar {
  transition: width 300ms var(--ease);
}

/* === Budget Optimizer === */
.budget-optimizer {
  animation: modalIn 200ms var(--ease);
}

/* === Build Compare === */
.build-compare {
  animation: modalIn 200ms var(--ease);
}

/* === Status Badge === */
.status-badge {
  pointer-events: none;
}

/* === Assembly Guide Steps === */
.assembly-desc {
  transition: display 150ms var(--ease);
}

/* === Mobile adjustments === */
@media (max-width: 900px) {
  .res-selector {
    flex-wrap: wrap;
  }
  .res-btn {
    flex: 1;
    min-width: 60px;
    text-align: center;
  }
}