/* XAN Office v1.3.10.8 — non-blocking PWA status + controlled update UI */
.xan-pwa-connection-v13108,
.xan-pwa-update-v13108{
  position:fixed;
  left:50%;
  transform:translate(-50%,12px);
  opacity:0;
  visibility:hidden;
  z-index:2147483200;
  box-sizing:border-box;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.xan-pwa-connection-v13108[hidden],.xan-pwa-update-v13108[hidden]{display:none!important}
.xan-pwa-connection-v13108.is-visible,
.xan-pwa-update-v13108.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.xan-pwa-connection-v13108{
  top:max(14px,env(safe-area-inset-top));
  width:min(92vw,430px);
  padding:10px 14px;
  border-radius:14px;
  color:#fff;
  background:rgba(5,89,112,.96);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(4,31,64,.22);
  pointer-events:none!important;
  text-align:center;
  font-size:13px;
  font-weight:650;
  line-height:1.35;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.xan-pwa-connection-v13108[data-state="offline"]{background:rgba(25,69,82,.97)}
.xan-pwa-update-v13108{
  bottom:calc(max(18px,env(safe-area-inset-bottom)) + 78px);
  width:min(92vw,470px);
  padding:14px;
  border-radius:18px;
  color:#fff;
  background:rgba(5,89,112,.98);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 18px 42px rgba(4,31,64,.28);
  pointer-events:auto!important;
  isolation:isolate;
}
.xan-pwa-update-v13108 strong{display:block;margin:0 0 4px;font-size:15px;line-height:1.25;color:#fff}
.xan-pwa-update-v13108 p{margin:0;color:rgba(255,255,255,.88);font-size:12.5px;line-height:1.4}
.xan-pwa-update-actions-v13108{display:flex;gap:8px;margin-top:11px}
.xan-pwa-update-actions-v13108 button{
  min-height:40px;
  border-radius:11px;
  padding:9px 13px;
  font:700 12.5px/1.1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  touch-action:manipulation;
}
.xan-pwa-update-now-v13108{border:1px solid #fff;background:#fff;color:#055970}
.xan-pwa-update-later-v13108{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff}
.xan-pwa-update-actions-v13108 button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(min-width:1025px){.xan-pwa-update-v13108{bottom:24px}}
@media(prefers-reduced-motion:reduce){.xan-pwa-connection-v13108,.xan-pwa-update-v13108{transition:none!important}}
