/* O tema inicial do Flutter é escuro; evita fundo branco fora do canvas.
   browser_theme.js sincroniza também a escolha Claro/Escuro feita no app. */
:root { color-scheme: dark; background-color: #0F1E2E; }
html, body { background-color: #0F1E2E; }

.pwa-banner[hidden] { display: none; }
.pwa-banner {
  position: fixed; left: 12px; right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 10000; max-width: 480px; margin: 0 auto; padding: 16px;
  box-sizing: border-box; border-radius: 18px; background: #0c1b2a; color: #fff;
  box-shadow: 0 4px 18px #0004; font: 14px/1.45 system-ui, sans-serif;
}
.pwa-banner strong { display: block; font-size: 16px; padding-right: 26px; }
.pwa-banner p { margin: 6px 0 12px; }
.pwa-banner button, #install-instructions button {
  border: 0; border-radius: 10px; padding: 10px 18px;
  background: #6366f1; color: #fff; font: 600 14px system-ui, sans-serif; cursor: pointer;
}
.pwa-banner .dismiss { position: absolute; top: 8px; right: 8px; background: transparent; padding: 8px; font-size: 20px; }
#update-banner { z-index: 10001; }
#install-instructions {
  border: 0; border-radius: 20px; max-width: 340px; width: calc(100% - 64px);
  padding: 24px; color: #fff; background: #0c1b2a; font: 14px/1.5 system-ui, sans-serif;
}
#install-instructions::backdrop { background: #0008; }
#install-instructions h2 { font-size: 20px; margin-top: 0; }
#install-instructions button { display: block; margin-left: auto; }