/* app.wlnk.ai: the desktop's screens in a browser. Only what a browser window doesn't have:
   no window buttons to make room for, no drag areas, no update button (always the newest). */
html[data-platform="web"] .titlebar { padding-right: var(--sp-3, 12px); -webkit-app-region: no-drag; }
html[data-platform="web"] .titlebar * { -webkit-app-region: no-drag; }
html[data-platform="web"] .bootload { -webkit-app-region: no-drag; }
html[data-platform="web"] .upd-wrap { display: none !important; }

/* Shown while the desk in the cloud is out of reach. */
#webConn {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 9000;
  padding: 8px 14px; border-radius: 999px; font: 500 13px/1.3 system-ui, sans-serif;
  background: var(--surface-2, #1b1f29); color: var(--text, #e7eaf0);
  border: 1px solid var(--border, #2a3140); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

/* From the first paint until the app's own loader or the sign-in screen is up (index.js, bridge-runtime.js). */
#webBoot { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: #07090e; transition: opacity 300ms; }
#webBoot.is-out { opacity: 0; pointer-events: none; }
.webBoot__card { display: grid; justify-items: center; gap: 14px; font: 600 15px/1.3 system-ui, sans-serif; color: #e7eaf0; }
.webBoot__bar { display: block; width: 160px; height: 3px; border-radius: 3px; background: #1e2533; overflow: hidden; }
.webBoot__bar i { display: block; width: 40%; height: 100%; background: #4d7fff; animation: webBootBar 1.1s ease-in-out infinite; }
@keyframes webBootBar { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }