/* Kole UI AlertModal 样式 — 对齐 组件7.txt AlertModal：信息提示弹窗，图标+颜色对应，确定按钮 */

.kole-modal-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 2000; display: flex; align-items: center; justify-content: center; }
.kole-alert { width: 380px; max-width: 90vw; background: var(--kole-color-card-bg); border-radius: 8px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
.kole-alert-head { display: flex; gap: 12px; align-items: flex-start; }
.kole-alert-icon { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; color: var(--kole-color-text-inverse); font-size: 13px; text-align: center; line-height: 22px; margin-top: 1px; }
.kole-alert.is-success .kole-alert-icon { background: var(--kole-color-success); }
.kole-alert.is-error .kole-alert-icon { background: var(--kole-color-error); }
.kole-alert.is-warning .kole-alert-icon { background: var(--kole-color-warning); }
.kole-alert.is-info .kole-alert-icon { background: var(--kole-color-brand); }
.kole-alert-title { font-size: 16px; font-weight: 500; color: var(--kole-color-text-title); }
.kole-alert-content { font-size: 14px; color: var(--kole-color-text-tertiary); margin-top: 6px; margin-inline-start: 34px; line-height: 1.6; }
.kole-alert-footer { margin-top: 20px; display: flex; justify-content: flex-end; }
.kole-alert-btn { height: 32px; padding: 0 18px; border-radius: 6px; border: none; background: var(--kole-color-brand); color: var(--kole-color-text-inverse); cursor: pointer; font-size: 14px; }
.kole-alert-btn:hover { background: var(--kole-color-brand-hover); }