/* Heat pump only: the panels' charts and the air temperature tags. Shared
   panel and label styles come from sim-runtime.css. */

#energy-chart {
  display: block;
  width: 100%;
  height: 96px;
}

#ph-chart {
  display: block;
  width: 100%;
  height: 190px;
}

#energy-note {
  white-space: pre-line;
}

/* In the phone strip the diagram takes what is left of the strip. */
body[data-dock="bottom"] #ph-chart {
  height: max(110px, calc(var(--sim-panel-height) - 96px));
}

/* Air temperatures at the outdoor unit: read-only tags, not buttons. */
.hp-temp {
  pointer-events: none;
  padding: 2px 7px;
  border-color: transparent;
  background: rgb(10 10 10 / 0.6);
  font: 500 11px/1.2 var(--sim-mono);
}

@media (max-width: 500px) {
  .sim-label {
    padding: 3px 7px;
    font-size: 11px;
  }
}