/* Add or modify these rules for better desktop experience */
@media (min-width: 1200px) {
  .dashboard-layout {
    max-width: 1400px;
    margin: 0 auto;
  }

  .map-container,
  #map {
    min-height: 560px;
    height: 560px;
  }

  .hero__content {
    gap: 32px;
  }

  .card {
    padding: 28px;
  }
}

/* Adjust map container for all screens */
.map-container {
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 520px;
  border: 1px solid var(--glass-border);
}

#map {
  width: 100%;
  height: 100%;
  background: var(--bg-secondary);
}