body {
  font-family: "Segoe UI", sans-serif;
}

#map {
  height: 300px;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
  z-index: 1; /* Ensure tooltips appear correctly */
}

#crimeChart {
  max-height: 250px;
}

.status-green {
  background-color: #28a745 !important;
}
.status-amber {
  background-color: #ffc107 !important;
  color: #212529 !important;
}
.status-red {
  background-color: #dc3545 !important;
}

.card {
  border-radius: 12px;
  border: none;
}

.list-group-item {
  border-radius: 8px !important;
  margin-bottom: 5px;
}

.spinner-border {
  width: 3rem;
  height: 3rem;
}