.sales-map-wrap {
    max-width: 1800px;
}

.sales-map-chart {
    height: clamp(420px, 70vw, 960px);
    max-width: 100%;
}

@media (min-width: 1024px) {
    .sales-map-chart {
        height: clamp(640px, 60vw, 1100px);
    }
}

.sales-map-picker {
    max-width: 360px;
}

.sales-map-picker label {
    display: block;
}

.sales-map-details {
    min-height: 190px;
}

.sales-map-tooltip {
    min-width: 180px;
    max-width: 250px;
    white-space: normal;
    overflow-wrap: anywhere;
    font: 14px/1.8 system-ui, sans-serif;
    color: #475569;
}

.sales-map-tooltip strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #0f172a;
}