.pwa-banner {
  position: fixed;
  bottom: 5rem;
  left: 1rem;
  right: 1rem;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--color-background, #0d1117);
  color: var(--color-foreground, #e6edf3);
  border: 1px solid var(--color-border, #30363d);
  border-radius: 0.75rem;
  font-family: "Mona Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.pwa-banner-text {
  flex: 1;
}

.pwa-banner-btn {
  border: none;
  border-radius: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  cursor: pointer;
  font-weight: 500;
}

.pwa-banner-btn.install {
  background: var(--color-background-success-emphasis, #238636);
  color: #fff;
}

.pwa-banner-btn.dismiss {
  background: transparent;
  color: var(--color-foreground-muted, #8d96a0);
  padding: 0.375rem;
}
