/* Базовые стили регионов */
.region-group .land {
    fill: wheat;
    fill-opacity: 1;
    stroke: #333333;
    stroke-opacity: 1;
    stroke-width: 0.4;
    cursor: pointer;
    transition: fill 0.2s ease, filter 0.2s ease;
}

.region-group:hover .land {
    fill: #438CB9;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
}

/* Метки городов и областей на карте */
.map-label {
    font-size: 8px;
    font-weight: 600;
    fill: #333333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    pointer-events: none;
}

/* Интерактивный всплывающий блок */
.region-group .tooltip {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    transform: translateY(3px);
}

.region-group:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Оформление карточки подсказки */
.tooltip-bg {
    fill: #ffffff;
    stroke: #333333;
    stroke-width: 0.8;
    rx: 5px;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15));
}

.t-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 10px;
    font-weight: 700;
    fill: #111827;
}

.t-subtitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 8px;
    font-weight: 600;
    fill: #2563eb;
}

.t-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 8.5px;
    fill: #374151;
}

.t-note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 7px;
    fill: #6b7280;
    font-style: italic;
}

.unit-node circle {
    fill: #2563eb;
    stroke: #ffffff;
    stroke-width: 0.6px;
    cursor: pointer;
}

    .unit-node circle:hover {
        fill: #1d4ed8;
    }

.text {
    font-size: 8px;    
    fill: #333;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
.textCIS {
    font-size: 14px;
    fill: #333;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.landxx {
    fill: red;
    stroke: #ffffff;
    stroke-width: 0.5;
}

    .landxx:hover {
        fill: #1669ad;
        cursor: pointer;
    }

    .landxx.am {
        fill: #0bac0b;
    }

    .landxx.az {
        fill: #b132cd;
    }

    .landxx.ua {
        fill: indianred;
    }

    .landxx.uz {
        fill: #8c851e;
    }

    .landxx.tj {
        fill: #ff5722;
    }

    .landxx.kg {
        fill: red;
    }

    .landxx.kz {
        fill: #31a6d7;
    }

    .landxx.by {
        fill: #3f51b5;
    }

    .landxx.ru {
        fill: darkseagreen;
    }

    .landxx.am:hover {
        fill: #1669ad;
    }

    .landxx.az:hover {
        fill: #1669ad;
    }

    .landxx.ua:hover {
        fill: #1669ad;
    }

    .landxx.uz:hover {
        fill: #1669ad;
    }

    .landxx.tj:hover {
        fill: #1669ad;
    }

    .landxx.kz:hover {
        fill: #1669ad;
    }

    .landxx.kg:hover {
        fill: #1669ad;
    }

    .landxx.by:hover {
        fill: #1669ad;
    }

    .landxx.ru:hover {
        fill: #1669ad;
    }