.flightopsTerrainLegend {
  position: absolute;
  z-index: 1190;
  width: 218px;
  max-width: calc(100% - 12px);
  max-height: calc(100% - 12px);
  overflow: auto;
  pointer-events: auto;
  color: var(--fo-text-primary, #edf2f8);
  background: var(--fo-bg-elevated, #17212e);
  border: 1px solid var(--fo-border-strong, #667385);
  border-radius: 8px;
  box-shadow: 0 4px 18px #0006;
  font: 12px/1.4 "Segoe UI", sans-serif;
}
.flightopsTerrainLegend[hidden] { display: none; }
.terrainLegendHead { display: flex; border-bottom: 1px solid var(--fo-border-medium, #465160); }
.terrainLegendHead button { background: transparent; color: inherit; border: 0; padding: 9px; }
.terrainLegendDrag { flex: 1; text-align: left; font-weight: 700; cursor: move; touch-action: none; }
.terrainLegendHead button:focus-visible { outline: 2px solid var(--fo-accent-ink, #64c9ef); outline-offset: -3px; }
.terrainLegendScale { padding: 8px; }
.terrainLegendScale div { padding: 3px 8px; color: #081322; font-weight: 700; text-shadow: 0 1px 1px #ffffff55; }
.terrainLegendDetail { padding: 0 9px 9px; font-size: 11px; }
.terrainLegendCredit { padding: 0 9px 9px; font-size: 10px; }
.terrainLegendCredit a { color: inherit; text-decoration: underline; }
#topoBudgetBtn[hidden] { display: none !important; }