.chart-value-hint{position:fixed;z-index:20000;box-sizing:border-box;width:max-content;max-width:min(380px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:12px 14px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;color:#1e293b;box-shadow:0 8px 30px #172b4d26;font:12px/1.45 system-ui,sans-serif;pointer-events:auto}
.chart-value-hint[hidden]{display:none!important}
.chart-value-hint>strong{display:block;margin-bottom:8px;font-size:13px}
.chart-value-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;margin:5px 0}
.chart-value-row i{width:7px;height:7px;border-radius:50%}
.chart-value-row span{overflow-wrap:anywhere}
.chart-value-row b{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.chart-value-hint small{display:block;margin-top:8px;color:#64748b;font-size:10px}
.chart-value-hint p{margin:8px 0 0;padding-top:8px;border-top:1px solid #e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere}
.chart-value-guide{stroke:#64748b;stroke-width:1;stroke-dasharray:4 3;pointer-events:none;vector-effect:non-scaling-stroke}
svg[aria-describedby="cifroz-chart-value-hint"]{outline-offset:3px}
.metric-chart-tooltip{pointer-events:auto!important;max-width:calc(100vw - 16px);box-sizing:border-box}
.metric-chart-tooltip svg{max-width:100%;height:auto}