/* Dashboard layout helpers on top of Bootstrap + brand theme */

.hidden {
  display: none !important;
}

.rebuild-note {
  max-width: 36rem;
}

.zip-select {
  min-height: 11rem;
  font-size: 0.9rem;
}

.empty-state {
  min-height: 280px;
  display: grid;
  place-content: center;
}

.chart-panel {
  width: 100%;
  min-width: 0;
}

.chart {
  width: 100%;
  min-width: 0;
  height: 520px;
}

.summary-card {
  background-color: var(--brand-cream);
  border-color: rgba(30, 28, 26, 0.08);
}

.summary-card .card-value,
.summary-card .text-primary {
  color: var(--brand-orange) !important;
}

.summary-card .small.text-muted {
  color: var(--brand-muted) !important;
}

#chart-loading.badge {
  color: var(--brand-orange) !important;
  border-color: rgba(232, 130, 30, 0.35) !important;
  background-color: var(--brand-cream) !important;
}

.progress-bar {
  background-color: var(--brand-orange) !important;
  transition: width 0.35s ease;
}

.alert-primary {
  --bs-alert-color: var(--brand-black);
  --bs-alert-bg: var(--brand-cream);
  --bs-alert-border-color: rgba(232, 130, 30, 0.35);
  color: var(--brand-black);
  background-color: var(--brand-cream);
  border-color: rgba(232, 130, 30, 0.35);
}

@media (max-width: 576px) {
  .chart {
    height: 360px;
  }
}