.pwa-install-banner{
  position:fixed;
  left:auto;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  width:min(520px,calc(100vw - 36px));
  max-width:520px;
  margin:0;
  padding:12px;
  border:1px solid #dce6ed;
  border-radius:14px;
  background:#fff;
  color:#10273a;
  box-shadow:0 10px 24px rgba(19,50,72,.10);
  backdrop-filter:none;
}
.pwa-install-banner strong{display:block;margin-bottom:2px}
.pwa-install-banner span{display:block;color:#587084;font-size:.9rem;line-height:1.35}
.pwa-install-banner button{
  border:0;
  border-radius:10px;
  padding:10px 12px;
  font-weight:900;
}
.pwa-install-banner .pwa-install-primary{
  background:#12877f;
  color:#fff;
}
.pwa-install-banner .pwa-install-secondary{
  background:#f1f5f7;
  color:#284355;
  border:1px solid #d7e3ea;
}
.pwa-offline-ribbon{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:10000;
  padding:8px 12px;
  text-align:center;
  background:#fff4db;
  color:#895b10;
  font-weight:900;
  border-bottom:1px solid #f1d79d;
}
@media(max-width:640px){
  .pwa-install-banner{
    grid-template-columns:minmax(0,1fr) auto auto;
    left:12px;
    right:12px;
    bottom:10px;
    width:auto;
    max-width:none;
    gap:8px;
    padding:10px;
    border-radius:12px;
  }
  .pwa-install-banner strong{font-size:.92rem;margin:0}
  .pwa-install-banner span{display:none}
  .pwa-install-banner button{
    width:auto;
    min-height:40px;
    padding:8px 10px;
    white-space:nowrap;
  }
}
@media(display-mode:standalone){
  .pwa-install-banner{display:none!important}
}