/* Planet Item Card - Semantic Replacement for bg-light */
.planet-item-card {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
}

[data-bs-theme="dark"] .planet-item-card {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.chart-loading-overlay {
  background-color: rgba(255, 255, 255, 0.75);
}

[data-bs-theme="dark"] .chart-loading-overlay {
  background-color: rgba(11, 16, 33, 0.75);
}

#chart-container {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  max-width: 95%;
  margin: 0 auto;
}

#chart-container:hover {
  transform: scale(1.02);
}

#fullChartModal .modal-body {
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#fullChartModal .modal-body svg {
  width: 100%;
  height: auto;
  max-height: 85vh;
}

/* Custom styles for Transit Chart */
.table-accent-light {
  background-color: rgba(var(--accent-color-rgb), 0.05);
}

[data-bs-theme="dark"] .table-accent-light {
  background-color: rgba(var(--accent-color-rgb), 0.1);
}

.btn-outline-accent {
  color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
}

.btn-outline-accent:hover {
  background-color: var(--secondary-accent-color);
  color: #fff;
}

/* --- Select2 Dark Mode Support --- */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
  background-color: var(--card-color);
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--text-color);
}

[data-bs-theme="dark"]
  .select2-container--bootstrap-5
  .select2-selection__rendered {
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown {
  background-color: var(--card-color);
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--text-color);
}