/* Визуал «расходы компании» — donut + чипы (демо-ноутбук) */
.exp-viz { margin: 2px 0 0; }
.exp-viz__head { font-size: 0.8125rem; color: var(--p-muted); margin-bottom: 10px; line-height: 1.4; }
.exp-viz__head strong { color: var(--p-text); }

.exp-donut { display: flex; gap: 12px; align-items: center; }
.exp-donut__svg { flex-shrink: 0; width: 110px; height: 110px; }
.exp-donut__legend { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.exp-donut__leg-item { display: flex; align-items: center; gap: 6px; font-size: 0.6875rem; color: var(--p-text); }
.exp-donut__dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.exp-donut__leg-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.exp-donut__leg-pct { color: var(--p-muted); font-variant-numeric: tabular-nums; }
.exp-donut-wrap .exp-donut { margin-bottom: 0; }

.exp-donut-details {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--p-border);
}
.exp-det-chips { display: flex; flex-direction: column; gap: 6px; }
.exp-det-chips__group { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.exp-det-chips__label {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--p-text);
    width: 100%;
    margin-bottom: 1px;
}
.exp-det-chips__item {
    font-size: 0.5625rem;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid var(--p-border);
    color: var(--p-muted);
    line-height: 1.35;
}