/* Global Alert Box */
.alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 0.95rem;
  font-weight: 500;
  border: 2px solid transparent;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  animation: fadeIn .3s ease-in-out;
}

/* Icon */
.alert i {
  font-size: 1.3rem;
  flex-shrink: 0;
}

/* Success */
.alert-success {
  background: #e6f8ec;
  border-color: #28a745;
  color: #155724;
}
.alert-success i { color: #28a745; }

/* Error */
.alert-error {
  background: #fdecea;
  border-color: #dc3545;
  color: #721c24;
}
.alert-error i { color: #dc3545; }

/* Info */
.alert-info {
  background: #e8f0fe;
  border-color: #007bff;
  color: #0c4a92;
}
.alert-info i { color: #007bff; }

/* Warning */
.alert-warning {
  background: #fff8e5;
  border-color: #fd7e14;
  color: #7a4f00;
}
.alert-warning i { color: #fd7e14; }

/* Fade animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}