/* ===== PWA STYLES MODERNOS ===== */

/* ===== STATUS DO PWA ===== */
.pwa-status {
  position: fixed;
  bottom: 80px;
  right: 20px;
  padding: 12px 20px;
  border-radius: 25px;
  background: #10162a; 
  color: #e5e7eb; 
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  transform: translateY(15px);
  transition: 0.4s ease;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  z-index: 999;
}

.pwa-status.show { opacity: 1; transform: translateY(0); }

.pwa-status.ready { 
  background: linear-gradient(135deg, #10b98133, #05986922); 
  border: 1px solid #10b981; 
}

.pwa-status.offline { 
  background: linear-gradient(135deg, #f59e0b33, #d9770622); 
  border: 1px solid #f59e0b; 
}

.pwa-status.warning { 
  background: linear-gradient(135deg, #fbbf2433, #f59e0b22); 
  border: 1px solid #f59e0b; 
}

/* ===== BOTÃO DE INSTALAÇÃO ===== */
#pwa-install-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  display: none;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  color: white;
  box-shadow: 0 8px 25px rgba(59,130,246,0.4);
  transition: 0.3s ease;
  z-index: 9999;
}

#pwa-install-btn.show { display: flex; }
#pwa-install-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(59,130,246,0.6); }

/* ===== TOAST NOTIFICATIONS ===== */
.toast {
  position: fixed;
  top: 80px;
  right: 20px;
  max-width: 350px;
  padding: 14px 20px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  transform: translateX(400px);
  transition: 0.4s ease;
  background: #10162a;
  color: #e5e7eb;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
  z-index: 10000;
}

.toast.show { opacity: 1; transform: translateX(0); }

.toast.success { border-color: #10b981; background: linear-gradient(135deg, #10b98133, #05986922); }
.toast.warning { border-color: #f59e0b; background: linear-gradient(135deg, #f59e0b33, #d9770622); }
.toast.error { border-color: #ef4444; background: linear-gradient(135deg, #ef444433, #dc262622); }
.toast.info { border-color: #3b82f6; background: linear-gradient(135deg, #3b82f633, #60a5fa22); }

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
  .pwa-status, #pwa-install-btn { bottom: 20px; right: 20px; }
  .toast { left: 10px; right: 10px; max-width: calc(100% - 20px); }
}