.dd-map-agents-container {
    display: flex;
    justify-content: center;
    position: relative;
}

.dd-map-agents-container svg {
    max-width: 100%;
    height: auto;
}

.dd-map-agents-container svg path {
    fill: #d7d7d7;
    transition: fill 0.4s ease;
    cursor: pointer;
}

.dd-map-agents-container svg path:hover {
    fill: #000;
}

/* Tooltip */
.dd-map-tooltip {
    position: fixed;
    pointer-events: none;
    background: rgba(0,0,0,0.85);
    color: #fff;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 9999;
    display: none;
}