/* Slim, dismissible install banner below the mobile header, in normal flow. */
.pwa-install { display: none; }
@media (max-width: 850px) {
  body[data-page="dashboard"] .pwa-install {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto 28px;
    align-items: center;
    gap: 10px;
    padding: 10px 8px 10px 12px;
    margin: 0 0 14px;
    border: 1px solid rgba(137, 160, 190, .18);
    border-radius: 10px;
    background: #111e2b;
  }
  body[data-page="dashboard"] .pwa-install[hidden],
  body[data-page="dashboard"] .pwa-install__hint[hidden] { display: none; }
  .pwa-install__icon { width: 36px; height: 36px; border-radius: 8px; }
  .pwa-install__copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .pwa-install__copy strong { color: #d6dfea; font: 600 13px/1.4 var(--sans, sans-serif); }
  .pwa-install__copy span { color: #91a6b5; font: 400 11px/1.4 var(--sans, sans-serif); }
  .pwa-install__button {
    min-height: 44px;
    padding: 7px 12px;
    border: 0;
    border-radius: 999px;
    background: #295460;
    color: #d8e9ed;
    font: 600 12px/1.4 var(--sans, sans-serif);
    white-space: nowrap;
    cursor: pointer;
  }
  .pwa-install__close {
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #91a6b5;
    font: 400 22px/1 var(--sans, sans-serif);
    cursor: pointer;
  }
  .pwa-install__button:focus-visible,
  .pwa-install__close:focus-visible { outline: 2px solid #78afb9; outline-offset: 2px; }
  .pwa-install__button:disabled { opacity: .5; }
  .pwa-install__hint { grid-column: 1 / -1; margin: 0; color: #a7bac7; font: 400 12px/1.6 var(--sans, sans-serif); }
}