/* BTCNodes mempool fee map hotfix.
   Loaded after the terminal theme so global button styles do not repaint
   transaction tiles in the candidate block fee map. */

body.terminal-site .fee-mosaic {
  display: grid !important;
  grid-template-columns: repeat(var(--fee-map-cols, 64), minmax(0, 1fr)) !important;
  grid-template-rows: repeat(var(--fee-map-rows, 24), minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  gap: 2px !important;
  min-height: 260px;
  height: clamp(260px, 42vw, 460px);
  align-content: stretch !important;
  overflow: hidden;
}

body.terminal-site .fee-mosaic .fee-tile {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  background-image: none !important;
  opacity: 0.92;
  cursor: pointer;
}

body.terminal-site .fee-mosaic .fee-tile:hover,
body.terminal-site .fee-mosaic .fee-tile:focus-visible {
  opacity: 1;
  transform: none !important;
}

body.terminal-site .fee-mosaic .fee-tile.low,
body.terminal-site .fee-low {
  background: #4f8b1f !important;
}

body.terminal-site .fee-mosaic .fee-tile.mid,
body.terminal-site .fee-mid {
  background: #b6a900 !important;
}

body.terminal-site .fee-mosaic .fee-tile.high,
body.terminal-site .fee-high {
  background: #f39c12 !important;
}

body.terminal-site .fee-mosaic .fee-tile.hot,
body.terminal-site .fee-hot {
  background: #a855f7 !important;
}

body.terminal-site .fee-tile-tooltip {
  z-index: 10000;
}

@media (max-width: 620px) {
  body.terminal-site .fee-mosaic {
    height: 300px;
    gap: 1.5px !important;
  }
}