/* ─────────────────────────────────── */
/* ─────────────────────────────────── */
/* BLOCK: Insights container */
/* ─────────────────────────────────── */
/* ─────────────────────────────────── */

.insights-container .select button.trigger {
    border: solid 1px var(--color-light-gray);
    padding: 0.5em;
    width: auto;
}

.insights-container .select .options {
    min-width: unset;
}

.insights-container .options-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.25em;
}

/* ─────────────────────────────────── */
/* ─────────────────────────────────── */
/* BLOCK: Stakeholder connections */
/* ─────────────────────────────────── */
/* ─────────────────────────────────── */

.insights-container [data-insight='connections'] .connection-arc-line {
    fill: none;
    stroke: var(--color-blue-200);
    stroke-width: 2;
}

.insights-container [data-insight='connections'] .node-circle {
    fill: var(--color-blue-200);
}

.insights-container [data-insight='connections'] .node-text {
    fill: var(--color-black);
    font-size: var(--font-small);
}

/* ─────────────────────────────────── */
/* ─────────────────────────────────── */
/* BLOCK: Dimension trends today */
/* ─────────────────────────────────── */
/* ─────────────────────────────────── */

.insights-container [data-insight='dimension-trends-today'] .dimension-pie-chart {
    width: 100%;
}

.insights-container [data-insight='dimension-trends-today'] .pie-slice {
    fill: var(--color-blue-200);
    stroke: var(--color-white);
}

.insights-container [data-insight='dimension-trends-today'] .pie-label {
    fill: var(--color-white);
    font-size: var(--font-small);
}