.chart-tooltip{position:fixed;z-index:100;max-width:280px;white-space:pre-line;pointer-events:none;padding:12px 16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #0002;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}
.chart-point{cursor:crosshair}.chart-point.chart-active rect:not(:first-child){filter:brightness(1.2);stroke:var(--text);stroke-width:1}.chart-point.chart-active rect:first-child{fill:var(--accent);fill-opacity:.06}
.ring-center{pointer-events:none}.ring circle[data-segment]{cursor:pointer;transition:stroke-width .15s;pointer-events:stroke}.ring circle.chart-active{stroke-width:16}.outcome-row.chart-active{background:var(--soft);border-radius:5px}.outcome-row{cursor:default}.kpi-top>.ico svg{width:24px;height:24px}
@media print{.chart-tooltip{display:none!important}}
@media(prefers-reduced-motion:reduce){.ring circle[data-segment]{transition:none}}
.realtime{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.6fr);gap:28px;padding:24px;margin:20px 0}
.live-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-heading h2,.live-heading h3{margin:0;font-size:18px}.live-heading .sub{margin-left:auto;font-size:12px}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.live-dot.good{background:var(--accent)}.live-dot.warn{background:#b77918}.live-dot.bad{background:#cb554f}
.live-tag{font-size:12px;letter-spacing:1px;color:var(--accent);margin-left:auto}.live-components{display:flex;flex-wrap:wrap;gap:12px 16px;margin:18px 0}.live-components span{display:flex;align-items:center;gap:6px;font-size:12px}
.realtime small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.realtime a{display:inline-block;margin-top:12px;color:var(--accent);font-size:13px;text-decoration:none}.live-chart{display:block;width:100%;max-height:170px;margin:8px 0}.live-chart text{font-size:12px;fill:var(--muted)}.live-chart g{cursor:crosshair}.live-chart g:hover circle,.live-chart g:focus circle{stroke:var(--text);stroke-width:2}
@media(max-width:1000px){.realtime{grid-template-columns:1fr;gap:20px}}@media print{.realtime{break-inside:avoid}}
.refresh-control{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.refresh-options{display:flex;padding:4px;gap:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.refresh-options button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit;font-weight:600;white-space:nowrap}.refresh-options button[aria-pressed="true"]{background:var(--text);color:var(--surface)}.refresh-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.refresh-control{display:none}}
@media (max-width:480px){.refresh-control{flex-wrap:wrap;gap:6px}.refresh-options{flex-wrap:wrap}.refresh-options button{padding:7px 8px}}