.pwa-connection-banner{z-index:220;top:max(12px, env(safe-area-inset-top));color:#71450a;word-break:keep-all;background:#fff8e8;border:1px solid #f5c063;border-radius:14px;align-items:center;gap:10px;width:min(560px,100vw - 24px);min-height:48px;padding:11px 14px;font-size:13px;line-height:1.45;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #6941082e}.pwa-connection-banner svg{color:#d97706;flex:none;width:21px;height:21px}.pwa-connection-banner strong{color:#5d3706;margin-right:4px}.pwa-toast-stack{z-index:210;pointer-events:none;gap:10px;width:min(370px,100vw - 24px);display:grid;position:fixed;bottom:20px;right:20px}.pwa-toast{color:#13213a;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #d8e4f2;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;display:grid;box-shadow:0 20px 50px #1e40af2e}.pwa-toast-icon{color:#2563eb;background:#eaf2ff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.pwa-toast-icon svg{width:22px;height:22px}.pwa-toast strong{color:#10203a;font-size:14px;line-height:1.4;display:block}.pwa-toast p{color:#64748b;word-break:keep-all;margin:4px 0 0;font-size:12px;line-height:1.55}.pwa-toast button:not(.pwa-toast-close){color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin-top:10px;padding:8px 13px;font-size:12px;font-weight:800}.pwa-toast button:not(.pwa-toast-close):hover{background:#1d4ed8}.pwa-toast-close{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.pwa-toast-close:hover{color:#334155;background:#eef4fb}.pwa-toast-close svg{width:17px;height:17px}.pwa-toast button:focus-visible,.pwa-connection-banner:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}[data-uju-offline-disabled=true]{opacity:.58;filter:saturate(.6)}.pwa-toast button:disabled{cursor:not-allowed;opacity:.58}.staff-a-sync.staff-a-sync-offline{color:#71450a;background:#fff8e8;border-color:#f5c063}.staff-a-sync.staff-a-sync-offline svg{color:#d97706}@media (max-width:720px){.pwa-connection-banner{top:auto;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:12px;align-items:flex-start;padding:10px 12px;font-size:12px}.pwa-toast-stack{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}body:has(.shell) .pwa-toast-stack:has(.pwa-install-toast){margin:12px 12px calc(82px + env(safe-area-inset-bottom));position:static}.pwa-toast{border-radius:16px;padding:13px}}@media (prefers-reduced-motion:reduce){.pwa-toast,.pwa-connection-banner{scroll-behavior:auto}}