/* alerts.css - Styling for lock alert toast and cross‑environment badge */

/* Toast container */
.toast {
  position: fixed;
  top: 1rem;
  right: 1rem;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  font-family: 'Outfit', sans-serif;
  font-size: 0.9rem;
  z-index: 10000;
  animation: fadeIn 0.3s ease-out, slideOut 0.3s 4.7s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-10px); }
}

/* Badge for cross‑environment conflict */
.cross-env-badge {
  display: inline-block;
  background: #f59e0b;
  color: #1e293b;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
  margin-left: 0.5rem;
  font-weight: 600;
}