:root {
  --sidebar-width: 260px;
}

body {
  background-color: #f8f9fa;
}

.sidebar {
  width: var(--sidebar-width);
}

.sidebar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 56px;
}

.app-title {
  font-weight: 600;
  letter-spacing: 0.3px;
}

.card-metric {
  min-height: 120px;
}

#geozone-map {
  height: 70vh;
  min-height: 480px;
  border-radius: 12px;
  border: 1px solid #d8dee4;
}

.map-legend {
  font-size: 0.875rem;
  color: #6c757d;
}