.donut-visual{background:none;overflow:visible}
.donut-svg{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;overflow:visible}
.donut-segment{position:static;inset:auto;width:auto;height:auto;border:0;border-radius:0;background:none;clip-path:none;cursor:pointer;transition:filter .16s ease;transform:none}
.donut-segment:hover,.donut-segment:focus-visible{filter:brightness(1.12) drop-shadow(0 2px 4px #18312666);outline:none;transform:none}
.donut-segment:focus-visible{stroke:#183126;stroke-width:2px}
.donut-hole{z-index:3}
.donut-tooltip{position:absolute;z-index:4;top:8px;left:50%;max-width:calc(100% - 20px);padding:7px 10px;overflow:hidden;border:1px solid #365344;border-radius:8px;background:#183126;color:#f4f7f1;font:600 11px Manrope;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .16s ease,transform .16s ease}
.donut-tooltip.visible{opacity:1;transform:translate(-50%,0)}
.chart-list{gap:16px}
.chart-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.chart-label{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0;min-height:26px}
.chart-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart-label>strong{justify-self:end;white-space:nowrap}
.chart-label>.data-detail-button{justify-self:end;min-width:54px}
.chart-bar{width:100%;margin:0}
.insight-card .legend{display:grid;gap:12px}
.insight-card .legend p{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0;min-width:0}
.insight-card .legend p .data-detail-button{margin:0;justify-self:end;min-width:54px}
@media(max-width:500px){.chart-label{grid-template-columns:minmax(0,1fr) auto}.chart-label>span{grid-column:1;grid-row:1}.chart-label>strong{grid-column:2;grid-row:1}.chart-label>.data-detail-button{grid-column:2;grid-row:2}.chart-row{gap:5px}.insight-card .legend p{grid-template-columns:10px minmax(0,1fr) auto}.insight-card .legend p .data-detail-button{grid-column:3;grid-row:2}}