.map-container {
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.leaflet-container {
    height: 100%;
    width: 100%;
}

.supply-chain-marker {
    border: 3px solid white;
    border-radius: 50%;
}

.marker-production { background: #388e3c; }
.marker-processing { background: #f57c00; }
.marker-loading { background: #1976d2; }
.marker-receiving { background: #d32f2f; }