.saas-viz-mark[data-tone=brand]{--viz-tone:var(--saas-brand-primary)}.saas-viz-mark[data-tone=info]{--viz-tone:var(--saas-status-info-fill)}.saas-viz-mark[data-tone=warning]{--viz-tone:var(--saas-status-warning-fill)}.saas-viz-mark[data-tone=danger]{--viz-tone:var(--saas-status-danger-fill)}.saas-viz-mark[data-tone=neutral]{--viz-tone:var(--saas-chart-neutral)}.saas-viz-mark[data-tone=chart-1]{--viz-tone:var(--saas-chart-1)}.saas-viz-mark[data-tone=chart-2]{--viz-tone:var(--saas-chart-2)}.saas-viz-mark[data-tone=chart-3]{--viz-tone:var(--saas-chart-3)}.saas-viz-mark[data-tone=chart-4]{--viz-tone:var(--saas-chart-4)}.saas-viz-mark[data-tone=chart-5]{--viz-tone:var(--saas-chart-5)}.saas-ring{flex:none;position:relative}.saas-ring__track{fill:none;stroke:var(--saas-chart-grid)}.saas-ring__value{fill:none;stroke:var(--viz-tone);stroke-linecap:round;transition:stroke-dasharray var(--saas-motion-panel) var(--saas-ease-standard)}.saas-ring__centre{color:var(--saas-text-primary);font-variant-numeric:tabular-nums;text-align:center;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.saas-delta{padding:1px var(--saas-space-sm);border-radius:var(--saas-radius-sm);font-size:var(--saas-font-body-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.saas-delta[data-good=true]{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-delta[data-good=false]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-delta[data-good=neutral]{background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral)}.saas-metric{justify-items:center;gap:var(--saas-space-2xs);padding:var(--saas-space-sm) var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);text-align:center;display:grid}.saas-metric__value{color:var(--saas-text-primary);font-size:var(--saas-font-reading);font-variant-numeric:tabular-nums;font-weight:600}.saas-metric[data-tone=danger] .saas-metric__value{color:var(--saas-status-danger)}.saas-metric[data-tone=warning] .saas-metric__value{color:var(--saas-status-warning)}.saas-metric[data-tone=brand] .saas-metric__value{color:var(--saas-brand-primary)}.saas-metric[data-tone=info] .saas-metric__value{color:var(--saas-status-info)}.saas-metric__label{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm)}.saas-lbar{gap:var(--saas-space-xs);display:grid}.saas-lbar__head{justify-content:space-between;gap:var(--saas-space-sm);color:var(--saas-text-primary);font-size:var(--saas-font-body);display:flex}.saas-lbar__label{align-items:center;gap:var(--saas-space-xs);min-inline-size:0;display:inline-flex}.saas-lbar__figure{font-variant-numeric:tabular-nums;white-space:nowrap}.saas-lbar__track{border-radius:var(--saas-radius-full);background:var(--saas-chart-grid);block-size:6px;overflow:hidden}.saas-lbar__fill{border-radius:var(--saas-radius-full);background:var(--viz-tone);block-size:100%;transition:inline-size var(--saas-motion-panel) var(--saas-ease-standard)}.saas-legend-dot{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);display:inline-flex}.saas-legend-dot__mark{border-radius:var(--saas-radius-full);background:var(--viz-tone);block-size:10px;inline-size:10px}.saas-metric-row{gap:var(--saas-space-sm);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}