/* Local brand values; install invitation does not alter the app's page layout. */
.app-install {
  display: block;
  visibility: visible;
  --install-ink: #173d7a;
  position: fixed; z-index: 9000; inset: auto max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) auto;
  width: min(400px, calc(100% - 24px)); max-height: calc(100dvh - 100px); overflow: auto;
  box-sizing: border-box; padding: 22px; border: 1px solid #afc5d7; border-radius: 16px;
  background: #fff; color: var(--install-ink); font-family: inherit; font-size: 15px; line-height: 1.5; text-align: left;
  animation: install-arrive 220ms ease-out;
}
.app-install[data-product="trail-atlas"] { --install-ink: #052d4b; background: #f5f6f2; border-color: #a9b7b4; }
.app-install[data-product="sightlock"] { z-index: 11000; }
.app-install-heading { display: flex; align-items: center; gap: 14px; }
.app-install-heading img { width: 56px; height: 56px; object-fit: contain; flex: 0 0 56px; }
.app-install .app-install-heading h2 { margin: 0; color: var(--install-ink); font-size: 21px; line-height: 1.2; font-weight: 650; letter-spacing: -.02em; }
.app-install p { margin: 16px 0 0; font-size: 15px; line-height: 1.5; color: var(--install-ink); }
.app-install p.app-install-note { margin-top: 10px; color: #526b73; font-size: 12px; }
.app-install-actions { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.app-install button { min-height: 44px; padding: 10px 16px; border: 1px solid #a9bcc9; border-radius: 8px; color: var(--install-ink); background: transparent; font: inherit; font-weight: 600; cursor: pointer; }
.app-install button.app-install-primary { background: var(--install-ink); border-color: var(--install-ink); color: #fff; }
.app-install button:hover { background: #e8eff1; }
.app-install button.app-install-primary:hover { background: #225885; }
.app-install button:disabled { opacity: .65; cursor: wait; }
.app-install button:focus-visible, [data-app-install]:focus-visible { outline: 3px solid #b78100; outline-offset: 3px; }
.app-install-help { margin-top: 20px; padding-top: 1px; }
.app-install-help ol { margin: 0; padding-left: 24px; }
.app-install-help li + li { margin-top: 10px; }
.app-install [hidden], [data-app-install][hidden] { display: none !important; }
[data-app-install] { min-height: 44px; }
.site-tabs button[data-app-install], footer button[data-app-install] { border: 0; border-radius: 6px; padding: 10px 12px; background: transparent; color: #173d7a; font: inherit; cursor: pointer; }
@media (max-width: 600px) { .app-install { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .app-install { animation: none; } }
@keyframes install-arrive { from { opacity: .6; transform: translateY(6px); } to { opacity: 1; transform: none; } }