/* SPDX-License-Identifier: AGPL-3.0-or-later */
#juvenc-desktop-download {
  box-sizing: border-box;
  position: absolute;
  inset: 0 0 auto;
  z-index: 50;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
  border-bottom: 1px solid #333b29;
  background: #171c13;
  color: #edf2e6;
  font: 600 13px/1.2 system-ui, sans-serif;
}
#juvenc-desktop-download a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 7px;
  background: #c9e86c;
  color: #182014;
  text-decoration: none;
  white-space: nowrap;
}
#juvenc-desktop-download a:hover { background: #d7ef97; }
#juvenc-desktop-download a:focus-visible { outline: 2px solid white; outline-offset: 2px; }
#juvenc-desktop-download svg { width: 18px; height: 18px; flex: none; }
html:not(.auth-page):not(.platform-native):not(.juvenc-desktop) [class*="App.module__appContainer___"],
html:not(.auth-page):not(.platform-native):not(.juvenc-desktop) #fluxer-boot-shell {
  padding-top: 48px !important;
}
html.auth-page #juvenc-desktop-download,
html.platform-native #juvenc-desktop-download,
html.juvenc-desktop #juvenc-desktop-download { display: none; }
@media (max-width: 420px) {
  #juvenc-desktop-download { padding-inline: 10px; gap: 8px; font-size: 12px; }
  #juvenc-desktop-download a { padding-inline: 10px; }
}
