.scf-alert {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  margin: 8px 0 16px !important;
  border-left: 4px solid !important;
  font-family: Arial, sans-serif !important;
  box-sizing: border-box !important;
}

.scf-alert > div {
  flex: 1 !important;
  min-width: 0 !important;
}

.scf-alert--warning {
  color: #8B6500;
  background: #FFF8E1 !important;
  border-left: 4px solid #B8860B !important;
}
.scf-alert--error {
  color: #8B0000;
  background: #FDF0F0 !important;
  border-left: 4px solid #8B0000 !important;
}
.scf-alert--info {
  color: #003087;
  background: #EEF2F9 !important;
  border-left: 4px solid #003087 !important;
}
.scf-alert--success {
  color: #2d6a0f;
  background: #F0F7EC !important;
  border-left: 4px solid #2d6a0f !important;
}

.scf-alert__icon {
  display: block !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
}

.scf-alert__title {
  font-size: 13px !important;
  font-weight: bold !important;
  margin: 0 0 3px !important;
}
.scf-alert--warning .scf-alert__title { color: #5a4000 !important; }
.scf-alert--error   .scf-alert__title { color: #5a0000 !important; }
.scf-alert--info    .scf-alert__title { color: #002060 !important; }
.scf-alert--success .scf-alert__title { color: #1a4008 !important; }

.scf-alert__body {
  font-size: 12px !important;
  margin: 0 !important;
  line-height: 1.55 !important;
}
.scf-alert--warning .scf-alert__body { color: #7a5800 !important; }
.scf-alert--error   .scf-alert__body { color: #7a0000 !important; }
.scf-alert--info    .scf-alert__body { color: #003087 !important; }
.scf-alert--success .scf-alert__body { color: #2d6a0f !important; }