/* Keep the installation actions visible; let the illustration use spare space. */
.youvpn-shell:has(.youvpn-install-page) {
  height: 100dvh;
  min-height: 0;
  padding-block: 0;
  justify-content: flex-start;
}
.youvpn-shell:has(.youvpn-install-page.youvpn-tma) {
  height: min(100dvh, var(--tg-viewport-stable-height, 100dvh));
}
.youvpn-install-page {
  height: 100%;
  min-height: 0;
  flex-shrink: 0;
  padding-block: 8px;
  gap: 8px;
}
.youvpn-install-page.youvpn-tma {
  padding-top: calc(8px + max(var(--tg-safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px)));
  padding-bottom: calc(8px + max(var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px)));
}
.youvpn-install-page > div:first-child {
  flex: 1;
  min-height: 0;
  gap: 8px;
}
.youvpn-install-page > div:first-child > div {
  margin: 0;
}
.youvpn-install-page > div:first-child > div:last-child {
  flex: 1;
  min-height: 0;
}
.youvpn-install-page > div:first-child > div:last-child > svg {
  width: 100%;
  height: 100%;
  max-width: 282px;
  max-height: 282px;
  min-height: 0;
}
.youvpn-install-page > div:first-child > div:last-child > img {
  width: auto;
  height: 35%;
  max-height: 76px;
}
.youvpn-install-actions { flex-shrink: 0; }
.youvpn-install-actions > h1 { line-height: 28px; margin-bottom: 4px; }
.youvpn-install-actions > p { font-size: 14px; line-height: 20px; margin-bottom: 12px; }
.youvpn-install-actions > button {
  height: 44px;
  min-height: 44px;
  padding-block: 0;
  font-size: 16px;
  margin-bottom: 8px;
}
.youvpn-install-actions > button:last-child { margin-bottom: 0; }