/* PWA Install Button Styles */
.install-pwa {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.install-pwa:hover {
  transform: translateX(5px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.install-pwa svg {
  stroke: white;
}

.install-pwa.hidden {
  display: none;
}

/* PWA specific adjustments */
@media (display-mode: standalone) {
  .header {
    padding-top: env(safe-area-inset-top);
  }
  
  .sidebar {
    padding-top: env(safe-area-inset-top);
  }
  
  body {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* iOS safe area support */
@supports (padding: max(0px)) {
  .header {
    padding-top: max(20px, env(safe-area-inset-top));
  }
  
  .sidebar {
    padding-top: max(20px, env(safe-area-inset-top));
  }
  
  body {
    padding-bottom: max(0px, env(safe-area-inset-bottom));
  }
}