.ui-alert{
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  background: rgba(255,255,255,0.03);
  padding: 12px;
  display: grid;
  gap: 4px;
}
:root[data-theme="light"] .ui-alert{ background: rgba(17,19,24,0.03); }

.ui-alert__title{ font-weight: 800; }
.ui-alert__desc{ color: var(--ui-muted); font-size: 13px; }

.ui-alert[data-variant="success"]{ border-color: rgba(46,204,113,0.35); }
.ui-alert[data-variant="warning"]{ border-color: rgba(255,183,77,0.40); }
.ui-alert[data-variant="danger"]{ border-color: rgba(255,77,79,0.45); }