/* Graph canvases share the white surface of their cards. */
.partner-chart-panel {
    --partner-chart-text: #1c2420;
    position: relative;
    min-width: 0;
    color: var(--partner-chart-text);
    background: #fff;
    border-radius: 8px;
}
.partner-chart-panel .partner-chart-empty { color: var(--partner-chart-text); }
.partner-chart-panel :focus-visible { outline-color: #397a57; }

/* Template tooltips remain white and readable, with dots matching the plotted series. */
.sf-tooltip-custom {
    width: 240px;
    max-width: calc(100vw - 32px);
    padding: 14px;
    border: 1px solid #d6e5da;
    border-radius: 12px;
    background: #fff;
    color: #02190d;
    box-shadow: 0 6px 24px #02190d20;
    font-size: 12px;
    pointer-events: none;
}
.sf-tooltip-custom .time { font-size: 16px; margin-bottom: 10px; text-align: center; }
.sf-tooltip-custom .item { display: flex; align-items: center; margin-bottom: 5px; }
.sf-tooltip-custom .item:last-child { margin-bottom: 0; }
.sf-tooltip-custom .dot { height: 10px; width: 10px; flex-shrink: 0; border-radius: 50%; margin-right: 10px; border: 1px solid #02190d30; }
.sf-tooltip-custom .yellow { background: #d5a000; }
.sf-tooltip-custom .red { background: #ec5043; }
.sf-tooltip-custom .green { background: #397a57; }
.sf-tooltip-custom .blue { background: #287ab8; }
.sf-tooltip-custom .purple { background: #8060b4; }
.sf-tooltip-custom .black { background: #26342d; }
.sf-tooltip-custom .silver { background: #667780; }
.sf-tooltip-custom .command { font-size: 12px; text-align: center; margin-top: 10px; }