@import url('/dashboard/web-mobile-app.css');
.webInstall { margin-top: 8px; width: 100%; justify-content: center; }
.webInstall[hidden], .webOffline[hidden] { display: none; }
.webShareProgress { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 18px; font-size: 12px; font-weight: 700; color: var(--ink-2); }
.webShareSkip { background: transparent; color: var(--red); border: 0; border-radius: 10px; padding: 8px 12px; min-height: 40px; font: inherit; cursor: pointer; }
.webOffline { position: fixed; bottom: max(12px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); z-index: 20000; width: min(480px, calc(100% - 24px)); box-sizing: border-box; padding: 10px 16px; border-radius: 12px; background: #112235; color: #fff; font: 13px/1.5 system-ui, sans-serif; box-shadow: 0 4px 20px #0003; }
@media (display-mode: standalone) {
  body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}

.webUpdateAvailable{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:12000;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;background:#fff;color:#211c19;border:1px solid #e9e3df;border-radius:12px;box-shadow:0 5px 25px #0002;font-size:13px}