.fx-ti-wrap .fx-ti-canvas-chart {
    display: block;
    inline-size: 100%;
    min-block-size: 220px;
}
.fx-ti-wrap .fx-ti-chart-tooltip {
    position: fixed;
    z-index: 100100;
    max-inline-size: min(320px, calc(100vw - 32px));
    padding: 10px 12px;
    border: 1px solid var(--cione-border, #dbe5f1);
    border-radius: var(--cione-radius-md, 10px);
    background: var(--cione-surface-elevated, #fff);
    color: var(--cione-text, #0f172a);
    box-shadow: var(--cione-shadow-lg, 0 18px 45px rgba(15, 23, 42, .18));
    pointer-events: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .12s ease, transform .12s ease;
}
.fx-ti-wrap .fx-ti-chart-tooltip.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    .fx-ti-wrap .fx-ti-chart-tooltip { transition: none; }
}