@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url('../vendor/inter/InterVariable.woff2') format('woff2'); }
.pwa-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.pwa-connection { color:#62625e; font-size:.75rem; white-space:nowrap; }
.pwa-connection::before { content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:#00a650; margin-right:5px; }
.pwa-connection.is-offline { color:#795400; }
.pwa-connection.is-offline::before { background:#c08a00; }
.pwa-notice { position:fixed; top:84px; right:18px; z-index:1035; width:calc(100% - 36px); max-width:360px; padding:14px; border:1px solid #e4d49a; border-radius:10px; background:#fff9e8; color:#5d4b18; box-shadow:0 4px 16px #22222212; font-size:.85rem; }
.pwa-notice .btn { min-height:44px; margin-top:10px; }
.pwa-update { border-color:#d0cfc9; background:#f4f3ef; color:#333333; }
.pwa-tools .btn { min-height:44px; }
.signin-card .pwa-tools { margin-top:20px; justify-content:center; }
.pwa-offline-page { box-sizing:border-box; min-height:100vh; display:grid; place-items:center; padding:24px; margin:0; background:#f4f3ef; color:#222222; font-family:Inter,system-ui,sans-serif; }
.pwa-offline-card { box-sizing:border-box; width:100%; max-width:460px; background:#fff; border:1px solid #e4e9f1; border-radius:12px; padding:32px; text-align:center; }
.pwa-offline-card h1 { font-size:1.5rem; margin:18px 0 12px; }
.pwa-offline-card p { color:#62625e; line-height:1.6; }
.pwa-offline-card button { min-height:48px; border:0; border-radius:8px; padding:12px 24px; background:#111111; color:white; font:inherit; cursor:pointer; }
@media(max-width:575.98px) { .pwa-tools { gap:5px; } .pwa-tools .btn { padding:6px 8px; font-size:.75rem; } .pwa-notice { top:74px; } }
@media print { .pwa-tools,.pwa-notice { display:none !important; } }