.donut-wrap{display:flex;align-items:center;gap:22px}.donut{position:relative;width:150px;height:150px;border-radius:50%;flex-shrink:0}.donut:after{content:"";position:absolute;inset:26px;border-radius:50%;background:var(--surface)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;z-index:2;text-align:center;line-height:1}.donut-center b{display:block;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-1px;line-height:1}.donut-center span{display:block;font-size:11px;color:var(--text-muted);font-weight:600}.donut-legend{display:flex;flex-direction:column;gap:10px}.donut-legend .dl{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-soft)}.donut-legend .dl i{width:11px;height:11px;border-radius:3px;flex-shrink:0}.donut-legend .dl b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.dl i.ok{background:var(--green)}.dl i.warn{background:var(--amber)}.dl i.bad{background:var(--red)}.dl i.idle{background:var(--gray-status)}.dl i.na{background:var(--border-strong)}.dl i.nm{background:var(--border)}.col-chart{display:flex;align-items:flex-end;gap:12px;height:180px;padding-top:8px}.col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.col .col-bar{width:100%;max-width:42px;border-radius:7px 7px 0 0;background:var(--red);position:relative;min-height:4px;transition:filter .12s}.col .col-bar.ok{background:var(--green)}.col .col-bar.warn{background:var(--amber)}.col .col-bar.bad{background:var(--red)}.col .col-bar.mut{background:var(--red-100)}.col .col-bar .col-val{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;color:var(--ink)}.col .col-x{font-size:11px;color:var(--text-muted);font-weight:600}.line-chart{width:100%}.line-chart svg{width:100%;height:auto;display:block;overflow:visible}.lc-grid{stroke:var(--border);stroke-width:1}.lc-line{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.lc-dot{fill:var(--surface);stroke:var(--red);stroke-width:2.5}.lc-x{font-size:11px;font-weight:600}.lc-x,.lc-y{fill:var(--text-soft)}.lc-y{font-size:10.5px}.lc-tick{stroke:var(--border-strong);stroke-width:1}.spark{width:84px;height:26px;display:inline-block;vertical-align:middle}.spark polyline{fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark.ok polyline{stroke:var(--green)}.spark.bad polyline{stroke:var(--red)}.stack-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--gray-050)}.stack-bar>span{display:block;height:100%}.stack-bar>span.ok{background:var(--green)}.stack-bar>span.warn{background:var(--amber)}.stack-bar>span.bad{background:var(--red)}.stack-bar>span.idle{background:var(--border-strong)}.stack-legend{display:flex;gap:14px;margin-top:10px;font-size:11.5px;color:var(--text-soft)}.stack-legend span{display:inline-flex;align-items:center;gap:6px}.stack-legend i{width:9px;height:9px;border-radius:2px}.stack-legend i.ok{background:var(--green)}.stack-legend i.warn{background:var(--amber)}.stack-legend i.bad{background:var(--red)}.rank{flex-direction:column}.rank,.rank-row{display:flex;gap:12px}.rank-row{align-items:center}.rank-row .rk-name{width:168px;flex-shrink:0;font-size:12.5px;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .rk-track{flex:1;height:18px;background:var(--gray-050);border-radius:6px;overflow:hidden}.rank-row .rk-fill{height:100%;border-radius:6px;min-width:4px}.rank-row .rk-val{width:44px;flex-shrink:0;text-align:right;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}.rk-fill.ok{background:var(--green)}.rk-fill.warn{background:var(--amber)}.rk-fill.bad{background:var(--red)}.rk-val.ok{color:var(--green-dark)}.rk-val.warn{color:var(--amber-dark)}.rk-val.bad{color:var(--red-dark)}@media (max-width:860px){.donut-wrap{flex-wrap:wrap}.rank-row .rk-name{width:auto;flex:1;min-width:0}}