.pwa-update-banner{
 position:fixed;
 right:max(14px,env(safe-area-inset-right));
 bottom:max(14px,env(safe-area-inset-bottom));
 z-index:10000;
 display:flex;
 align-items:center;
 gap:12px;
 max-width:min(420px,calc(100vw - 28px));
 padding:12px;
 border:1px solid #b7ced8;
 border-radius:8px;
 background:#fff;
 color:#173247;
 box-shadow:0 18px 48px rgba(23,50,71,.18);
}
.pwa-update-banner[hidden]{display:none}
.pwa-update-banner strong{display:block;font-size:12px}
.pwa-update-banner span{display:block;margin-top:2px;color:#5e7480;font-size:11px;line-height:1.35}
.pwa-update-banner button{
 min-height:38px;
 border:0;
 border-radius:6px;
 background:#173247;
 color:#fff;
 padding:8px 11px;
 font:800 11px "DM Sans",Arial,sans-serif;
 cursor:pointer;
 white-space:nowrap;
}
.pwa-install-helper{
 position:fixed;
 left:max(14px,env(safe-area-inset-left));
 bottom:max(14px,env(safe-area-inset-bottom));
 z-index:9999;
 max-width:min(360px,calc(100vw - 28px));
 padding:12px;
 border:1px solid #d3e1e7;
 border-radius:8px;
 background:#fff;
 color:#173247;
 box-shadow:0 14px 38px rgba(23,50,71,.14);
}
.pwa-install-helper[hidden]{display:none}
.pwa-install-helper strong{display:block;font-size:12px}
.pwa-install-helper span{display:block;margin-top:3px;color:#5e7480;font-size:11px;line-height:1.35}
@media (max-width:680px){
 .pwa-update-banner,.pwa-install-helper{
  left:10px;
  right:10px;
  bottom:max(10px,env(safe-area-inset-bottom));
  max-width:none;
 }
 .pwa-install-helper{bottom:max(82px,calc(env(safe-area-inset-bottom) + 82px))}
}