/* PWA Basic Styles */
.pwa-install-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ffffff;
  color: #000000;
  border: none;
  padding: 12px 16px;
  border-radius: 25px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.pwa-install-btn:hover {
  background: #1b5e20;
  transform: translateY(-2px);
}

.pwa-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #ffffff;
  color: #000000;
  padding: 12px 16px;
  border-radius: 8px;
  z-index: 10001;
  max-width: 300px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Safe area for standalone mode */
@media all and (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
  
  .pwa-install-btn {
    display: none;
  }
}