/* Komponen: Alert / callout */
.alert {
  display: flex; gap: 12px; align-items: flex-start;
  border-radius: var(--radius-sm); padding: 13px 15px; font-size: 13px;
  margin: 0; border: none; /* netralkan gaya .alert bawaan Bootstrap */
}
.alert b { display: block; margin-bottom: 2px; }
.alert .alert-icon { width: 17px; height: 17px; flex-shrink: 0; margin-top: 2px; }

.alert-info    { background: var(--info-bg);    color: var(--info-fg); }
.alert-success { background: var(--success-bg); color: var(--success-fg); }
.alert-warning { background: var(--warning-bg); color: var(--warning-fg); }
.alert-danger  { background: var(--danger-bg);  color: var(--danger-fg); }