/* Web-only adjustments; unlayered so they win over the extension's layered styles. */
#notifications-panel,#reload-extension,#network-reload-hint{display:none!important}
.keys-overlay{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:2147483647;background:#000}
body.keys-connect{margin:0;min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--text);font-family:Geist,system-ui,sans-serif}
body.keys-connect main{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;text-align:center}
body.keys-connect .keys-mark{width:40px;height:40px;color:var(--text);margin-bottom:8px}
body.keys-connect h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.01em}
body.keys-connect #site{margin:0;font-family:GeistMono,ui-monospace,monospace;font-size:13px;color:var(--flare)}
body.keys-connect #site:empty{display:none}
body.keys-connect #status{margin:0;font-size:14px;color:var(--muted);max-width:32ch}
/* The page shows the wallet card from style.css; on phones it fills the screen, inside the safe area. */
@media (max-width:520px),(max-height:640px){
  body[data-surface='tab'] .app-header{padding-top:env(safe-area-inset-top);height:calc(var(--h-header) + env(safe-area-inset-top))}
  body[data-surface='tab'] .bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--h-nav) + env(safe-area-inset-bottom))}
}
/* Shown over the page when an older wallet worker is still running (host.ts). */
.keys-outdated{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--bg);color:var(--text);text-align:center;font-family:Geist,system-ui,sans-serif}
.keys-outdated h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.keys-outdated p{margin:0;max-width:36ch;font-size:14px;line-height:1.5;color:var(--muted)}
.keys-outdated button{margin-top:8px;padding:10px 20px;border:0;border-radius:999px;background:var(--flare);color:#111;font:inherit;font-weight:600;cursor:pointer}