/* === Utility Classes === */

/* Hidden Display & Visibility */
.hidden,
#tab-trade.hidden,
#tab-upgrade.hidden,
.funds-delta.hidden,
.right-slot.hidden,
.direction-toggle-wrapper.hidden {
  display: none !important;
  opacity: 0;
  pointer-events: none;
}

/* Flex Centering */
.funds-slot,
.chart-area,
.direction-toggle-wrapper,
.stats-panel,
.tab-buttons,
.tab-content,
.trade-metrics,
.prediction-leverage-row,
.upgrade-item,
.action-buttons,
.pre-buy-buttons,
.post-buy-buttons {
  display: flex;
}

.funds-slot,
.chart-area,
.direction-toggle-wrapper,
.stats-panel {
  justify-content: center;
  align-items: center;
}

.trade-metrics,
.tab-content,
.action-buttons,
.upgrade-list {
  flex-direction: column;
}

/* Font Weights and Sizes */
.exp-bar,
.prediction-display,
.tab-btn,
.leverage-label,
.upgrade-title,
.upgrade-btn,
.btn,
.btn-label {
  font-weight: bold;
}

.exp-bar,
.prediction-display,
.tab-btn {
  font-size: 1rem;
}

.leverage-label,
.upgrade-title {
  font-size: 0.95rem;
}

.upgrade-desc,
.upgrade-btn {
  font-size: 0.85rem;
}

/* Common Transitions */
.tab-btn,
.btn,
.upgrade-btn {
  transition: all 0.2s ease;
}