.conditions-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  align-items: center;
  padding: 0.45rem 1.25rem;
  border-bottom: 1px solid var(--border, #333);
  background: #0f1620;
  font-size: 0.85rem;
}
.conditions-bar a {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}
.conditions-bar .bc-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  border: 1px solid var(--border, #333);
  background: #121a24;
}
.conditions-bar .bc-chip.good { border-color: #2d5a3d; color: #9be9a8; }
.conditions-bar .bc-chip.fair { border-color: #6b5a2b; color: #f0c674; }
.conditions-bar .bc-chip.poor { border-color: #6b2b2b; color: #ffb4b0; }
.conditions-bar .muted { opacity: 0.75; }

.conditions-page .conditions-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.conditions-alert {
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  border: 1px solid #6b5a2b;
  background: #2a2415;
  color: #f0c674;
  margin-bottom: 1rem;
}
.band-rating-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.6rem;
}
.band-cell {
  border: 1px solid var(--border, #333);
  border-radius: 8px;
  padding: 0.65rem 0.75rem;
  background: #121a24;
}
.band-cell .band { font-weight: 700; font-size: 1.05rem; }
.band-cell .rating { margin-top: 0.25rem; font-size: 0.85rem; }
.band-cell.good { border-color: #2d5a3d; }
.band-cell.fair { border-color: #6b5a2b; }
.band-cell.poor { border-color: #6b2b2b; }
.band-cell.current {
  outline: 2px solid var(--accent, #3d8bfd);
  outline-offset: 1px;
}
.conditions-table-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
/* .btn comes from main.css (dark theme) */