/* HP14 presentation only. Keep the existing lamp colors, labels and meters. */
.air-band[data-signal] .air-lamp { opacity: calc(.25 + var(--hp-band-energy, 0) * .75); }
#transport .air-band[role="button"] { cursor: pointer; min-height: 44px; }
#transport .air-band[role="button"]:focus-visible {
  outline: 2px solid var(--ice); outline-offset: 2px;
}
#transport { max-height: calc(100dvh - 24px); overflow-y: auto !important; }
#transport #hpCompactUtilities {
  grid-column: 1 / -1; grid-row: 5;
  display: flex; justify-content: flex-end; gap: 8px;
}
#hpCompactUtilities button { min-height: 44px; font-size: 11px; padding: 6px 12px; }
body.hp-compact #transport > .front-four,
body.hp-compact #transport > .visual-slot-btn { display: none !important; }
body.hp-compact #transport {
  grid-template-columns: minmax(0, 1fr) auto !important;
  bottom: max(8px, env(safe-area-inset-bottom)) !important;
}
body.hp-compact #transport #onAirVerify { grid-column: 1 / -1; grid-row: 1; }
body.hp-compact #transport #seek { grid-column: 1 !important; grid-row: 2 !important; }
body.hp-compact #transport #clock {
  grid-column: 2 !important; grid-row: 2 !important; white-space: normal;
}
body.hp-compact #transport #hpCompactUtilities { grid-row: 3; }
body.hp-compact #bigLyric { bottom: 205px; }
body.hp-compact #helperStatus, body.hp-compact #cursorHint { bottom: 200px; }
body.hp-compact #visualChooserWindow, body.hp-compact #tempoHubWindow,
body.hp-compact #adlibBankWindow, body.hp-compact #toolsWindow,
body.hp-compact #soundLabWindow {
  bottom: calc(210px + env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 230px) !important;
}
@media (max-width: 760px) {
  #transport #hpCompactUtilities { grid-row: 7; }
  body.hp-compact #onAirVerify { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-height: 500px) {
  body.hp-compact #onAirVerify { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.hp-compact #onAirVerify .air-title { grid-column: 1 / -1; padding: 3px 6px; }
  body.hp-compact #visualChooserWindow, body.hp-compact #tempoHubWindow,
  body.hp-compact #adlibBankWindow, body.hp-compact #toolsWindow,
  body.hp-compact #soundLabWindow { bottom: 8px !important; max-height: calc(100dvh - 24px) !important; }
}