/* Aurora Admin Tag 样式 — 对齐设计令牌：bg #F0F5FF / color #2F54EB / 圆角 2px / padding 1px 8px */

.aa-tag {
  display: inline-flex; align-items: center; gap: 4px;
  height: 22px; padding: 1px 8px; box-sizing: border-box;
  font-size: 12px; line-height: 1; border-radius: 2px;
  background: var(--au-color-brand-bg); color: var(--au-color-brand); white-space: nowrap;
  border: 1px solid transparent;
}

/* 状态预设 */
.aa-tag.aa-tag-green  { background: var(--au-color-tag-green-bg); color: var(--au-color-success); }
.aa-tag.aa-tag-red    { background: #FFF1F0; color: var(--au-color-error); }
.aa-tag.aa-tag-orange { background: #FFF7E6; color: var(--au-color-warning); }
.aa-tag.aa-tag-gray   { background: var(--au-color-disabled-bg); color: var(--au-color-text-secondary); }

/* 自定义颜色（行内 style 提供 --aa-tag-color / --aa-tag-bg） */
.aa-tag.aa-tag-custom { background: var(--aa-tag-bg); color: var(--aa-tag-color); }

/* 圆点模式 */
.aa-tag.aa-tag-dot::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: currentColor; display: inline-block;
}

/* 关闭按钮 */
.aa-tag-close { display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px; margin-right: -2px; border-radius: 50%; cursor: pointer;
  font-size: 11px; line-height: 1; color: inherit; opacity: .65; }
.aa-tag-close:hover { opacity: 1; background: rgba(0,0,0,0.08); }
