#spark-dashboard-root,
#spark-dashboard-root:empty {
  min-height: 76px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  #spark-dashboard-root,
  #spark-dashboard-root:empty {
    min-height: calc(max(170px, 32vw) + env(safe-area-inset-top, 0px));
  }
}

html.spark-mobile-nav-forced #spark-dashboard-root,
html.spark-mobile-nav-forced #spark-dashboard-root:empty {
  min-height: calc(max(170px, 32vw) + env(safe-area-inset-top, 0px));
}

html.spark-tg-miniapp #spark-dashboard-root,
html.spark-tg-miniapp #spark-dashboard-root:empty {
  min-height: calc(60px + env(safe-area-inset-top, 0px));
}

html.spark-mobile-nav-forced .spark-mobile-chrome {
  display: block !important;
}

html.spark-mobile-nav-forced .spark-mobile-chrome-spacer {
  display: block !important;
}

html.spark-mobile-nav-forced .spark-dash-desktop {
  display: none !important;
}

@media (min-width: 1025px) {
  html:not(.spark-mobile-nav-forced) .spark-mobile-chrome,
  html:not(.spark-mobile-nav-forced) .spark-mobile-chrome-spacer {
    display: none !important;
  }
}

.spark-dashboard-panel .s-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  min-height: 50px;
  min-width: 50px;
}

.spark-dashboard-panel .s-btn img {
  height: 50px;
  width: auto;
  display: block;
}

html.vault-pilot-connected #btn-dock {
  display: none !important;
}

html.vault-pilot-connected #pilot-info {
  display: flex !important;
}

#pilot-info {
  display: none;
}

#btn-roots {
  display: none;
}

html.vault-roots-visible #btn-roots {
  display: flex !important;
}

.vault-page-header .vault-header-btn {
  min-height: 34px;
  box-sizing: border-box;
}

.vault-header-area-1 {
  min-height: 34px;
}