.org-structure-panel {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.org-structure-panel .diagram-mount-point {
    height: -webkit-fill-available;
}

/* Базовые стили для групп с индикаторами */
.metrics-circle-badge-svg {
    cursor: pointer;
    /*transition: opacity 0.2s ease;*/
}

.metrics-circle-badge-svg:hover {
    opacity: 0.8;
}

/* Стили для кругов */
.metrics-circle-badge-svg circle {
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.3));
    stroke-width: 0 !important;
}

/* Стили для текста в кругах */
.metrics-circle-badge-svg text {
    fill: white;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial, sans-serif;
    pointer-events: none;
    user-select: none;
    stroke-width: 0 !important;
}

/* Классы для позиций кружков (цвета устанавливаются через inline styles) */
.metrics-circle-first {
    z-index: 3;
}

.metrics-circle-second {
    z-index: 2;
}

.metrics-circle-third {
    z-index: 1;
}

/* Анимация появления кружков */
@keyframes metricsCircleFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.metrics-circle-badge-svg {
    /*animation: metricsCircleFadeIn 0.3s ease-out;*/
}

/* Стили для нод с метриками */
.node.has-metrics rect.label-container {
    /*transition: fill 0.3s ease;*/
}

/* Дополнительные стили для демонстрационного режима */
.metrics-demo-mode .metrics-circle-badge-svg {
    pointer-events: none;
}

/* Стили для загрузки */
.metrics-loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Очистка стилей при удалении метрик */
.metrics-clearing rect.label-container {
    transition: none !important;
}

.level-table .val-input {
    max-width: 150px;
}

.table-level-info {
    margin-bottom: 15px;
}