.alert {
  border: 1px solid var(--border);
  border-inline-start: 6px solid var(--primary);
  padding: var(--space-4);
  border-radius: var(--radius);
  background: var(--bg);
  display: grid;
  gap: var(--space-2);
  position: relative;
}

/* אייקון לפני התוכן */
.alert::before {
  content: "ℹ️";
  font-size: 1.2rem;
  display: inline-block;
  margin-inline-end: var(--space-2);
}

.alert--success {
  border-inline-start-color: #22c55e;
}
.alert--success::before {
  content: "✅";
}

.alert--warning {
  border-inline-start-color: #f59e0b;
}
.alert--warning::before {
  content: "⚠️";
}

.alert--danger {
  border-inline-start-color: #ef4444;
}
.alert--danger::before {
  content: "❌";
}

.alert .title {
  font-weight: 700;
}
.alert .desc {
  color: var(--text-muted);
}