/* Alerts - ACLBot v11.0 */

/* ═══════════════════════════════════════════════════════════════════════════════
   15. ALERTES
   ═══════════════════════════════════════════════════════════════════════════════ */
.alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius-xl);
  font-size: var(--text-sm);
}
.alert-info {
  background: var(--info-light);
  color: var(--info);
  border: 1px solid rgba(0, 122, 255, 0.2);
}
.alert-success {
  background: var(--success-light);
  color: var(--success);
  border: 1px solid rgba(52, 199, 89, 0.2);
}
.alert-warning {
  background: var(--warning-light);
  color: var(--warning);
  border: 1px solid rgba(255, 149, 0, 0.2);
}
.alert-error {
  background: var(--error-light);
  color: var(--error);
  border: 1px solid rgba(255, 59, 48, 0.2);
}
/* ============================================
   FLASH MESSAGES - Alertes & Notifications
   ============================================ */
/* Barre latérale colorée */
/* Success Message */
/* Error Message */
/* Warning Message */
/* Info Message */
/* Flash Title */
/* Flash Icon */
/* Icon colors par type */
/* Flash Content */
/* Flash Text */

/* ============================================
   10. FLASH MESSAGES IN MODALS
   ============================================ */

.modal-content [class*="FlashMessage"][class*="error"] {
  background: var(--error-muted);
  border: 1px solid var(--error-glow);
  color: var(--error);
  border-radius: 12px;
  padding: 12px 16px;
}