@import url(indn-colors.css);
@import url(hierarchy-heatmap.css);
@import url(tree.css);
@import url(kpi.css);
@import url(heatmap.css);
@import url(treemap2d.css);
@import url(linechart.css);
@import url(pie.css);
@import url(table-chart.css);
@import url(bar.css);
@import url(cohort-matrix.css);
@import url(cohort-drill.css);
@import url(concentration-stack.css);
@import url(netflow-chart.css);

.indn-frame {
    border-radius: 16px;
    padding: 16px;
    background: var(--bg-tertiary);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

.indn-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.indn-chart {
    font-family: Inter, sans-serif;
}

svg.indn-chart {
    width: 98%;
    height: 100%;
}

.indn-bar {
    fill: var(--secondary-200);
    rx: 6px;
    stroke-width: 1px;
    stroke-color: var(--secondary-700);
    transition: 0.2s;
}

.indn-bar:hover {
    fill: var(--secondary-300);
}

.indn-label {
    font-size: 11px;
    fill: var(--neutral-800);
    text-anchor: middle;
}

.indn-text {
    color: var(--neutral-800);
}

.indn-empty {
    padding: 20px;
    color: var(--neutral-500);
}