/* Popup shell tokens — application always-on; visual defaults live in theme.
 * Content/header padding keep non-zero fallbacks so unthemed grids
 * (`theme: ''`) stay usable without setting tokens. */
.hcg-container .hcg-popup,
.highcharts-light .hcg-container .hcg-popup {
    --ig-popup-color: var(--hcg-popup-color, inherit);
    --ig-popup-background: var(--hcg-popup-background, transparent);
    --ig-popup-border-color: var(--hcg-popup-border-color, transparent);
    --ig-popup-border-radius: var(--hcg-popup-border-radius, 0);
    --ig-popup-box-shadow: var(--hcg-popup-box-shadow, none);
    --ig-popup-content-padding: var(--hcg-popup-content-padding, 5px);
    --ig-popup-header-font-size: var(--hcg-popup-header-font-size, inherit);
    --ig-popup-header-padding: var(--hcg-popup-header-padding, 3px);
}

.hcg-container .hcg-popup {
    color: var(--ig-popup-color);
    background: var(--ig-popup-background);
    border-color: var(--ig-popup-border-color);
    border-radius: var(--ig-popup-border-radius);
    box-shadow: var(--ig-popup-box-shadow);

    .hcg-popup-content {
        padding: var(--ig-popup-content-padding);
    }

    .hcg-menu-header {
        font-size: var(--ig-popup-header-font-size);
        padding: var(--ig-popup-header-padding);
    }
}