/* Aurora Admin Modal 样式 — 对齐 components.css 与 modal.json 契约 */
.aa-mask {
  position: fixed; inset: 0; background: rgba(0,0,0,0.45);
  display: flex; align-items: center; justify-content: center; z-index: 1000;
}
.aa-modal {
  background: var(--au-color-card-bg); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  display: flex; flex-direction: column; max-width: 90vw;
}
.aa-modal--small { width: 320px; }
.aa-modal--default { width: 480px; }
.aa-modal--large { width: 680px; }
.aa-modal__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 24px; font-size: 16px; font-weight: 600; color: var(--au-color-text-title);
}
.aa-modal__close { border: none; background: none; cursor: pointer; color: var(--au-color-text-secondary); font-size: 16px; line-height: 1; }
.aa-modal__close:hover { color: var(--au-color-text-body); }
.aa-modal__body { padding: 0 24px 24px; color: var(--au-color-text-body); font-size: 14px; line-height: 22px; }
.aa-modal__footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 24px 16px; }
.btn-base { border-radius: 4px; padding: 4px 16px; height: 32px; cursor: pointer; font-size: 14px; }
.btn-ghost { border: 1px solid var(--au-color-border); background: var(--au-color-card-bg); color: var(--au-color-text-body); }
.btn-primary { border: 1px solid var(--au-color-brand); background: var(--au-color-brand); color: var(--au-color-text-inverse); }