/* V122.8: compact, non-blocking in-page PWA upgrade notice */
#ovspotUpdateBanner[hidden]{display:none!important}
#ovspotUpdateBanner.ovspotUpdateBanner{
  position:fixed;bottom:18px;left:50%;transform:translateX(-50%);
  z-index:120;max-width:min(94vw,540px);width:max-content;
  padding:8px 10px 8px 14px;border-radius:12px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #d7e2e8;background:#fff;color:#17344b;
  font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 5px 24px rgba(10,39,54,.19);
}
#ovspotUpdateBanner span{min-width:0}
#ovspotUpdateRefresh{
  border:0;border-radius:9px;background:#1d6f42;color:white;
  font:700 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  padding:11px 13px;min-height:44px;min-width:89px;cursor:pointer;
}
#ovspotUpdateRefresh:focus-visible{outline:3px solid #87d9ab;outline-offset:2px}
body.theme-night #ovspotUpdateBanner.ovspotUpdateBanner{
  background:#172a37;border-color:#456175;color:#e9f0f4;
  box-shadow:0 6px 26px rgba(0,0,0,.4);
}
body.theme-night #ovspotUpdateRefresh{background:#208b54;color:#fff}
@media(max-width:760px){
 #ovspotUpdateBanner.ovspotUpdateBanner{
   bottom:calc(86px + env(safe-area-inset-bottom));left:8px;right:8px;
   max-width:none;width:auto;transform:none;font-size:12px;
   gap:8px;padding:7px 7px 7px 11px;
 }
 #ovspotUpdateRefresh{min-width:82px;padding:11px 10px}
}