/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */

// Allows inside of chart navigator mask to be draggable.
.bp6-dialog .xh-chart {
  pointer-events: auto;
}

// Ensure tooltips using the 'outside' flag render on top of other elements
.highcharts-tooltip-container {
  z-index: 9999 !important;
}

// Default Highcharts font to match Hoist standard
svg.highcharts-root {
  font-family: var(--xh-chart-font-family) !important;
}

// Convenience class for optional use when specifying custom chart tooltips.
// See Toolbox for example usage.
.xh-chart-tooltip {
  color: var(--xh-text-color);
  overflow: hidden;
  white-space: nowrap;
  min-width: 120px;

  &__title {
    border-bottom: var(--xh-border-solid);
    margin-bottom: var(--xh-pad-half-px);
    padding-bottom: var(--xh-pad-half-px);
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

  th {
    text-align: right;
    padding: 0;
  }

  td {
    text-align: right;
    width: 100%;
    padding: 0;
  }
}