/*
 * OCFai CSS contract
 * AI_RULE: define only classes matching OCFAI_ALLOWED_PREFIXES in this file.
 * AI_RULE: shared UI patterns must use their canonical component CSS instead of local variants.
 * OCFAI_ROLE: component
 * OCFAI_ALLOWED_PREFIXES: mk-alert, mk-alert--
 */
/* Component: mk_alert */
.mk-alert {
  border-radius: var(--mk-card-radius);
  border-color: var(--mk-color-line);
  background: var(--mk-color-surface-soft);
  color: var(--mk-color-text);
  font-size: var(--mk-font-size-base);
  line-height: 1.45;
}

.mk-alert--success {
  border-color: var(--mk-color-success-line);
  background: var(--mk-color-success-bg);
  color: var(--mk-color-success);
}

.mk-alert--danger {
  border-color: var(--mk-color-danger-line);
  background: var(--mk-color-danger-bg);
  color: var(--mk-color-danger);
}

.mk-alert--warning {
  border-color: var(--mk-color-warning-line);
  background: var(--mk-color-warning-bg);
  color: var(--mk-color-warning);
}