/* ============================================================
   admin-extra.css —— 深墨 INK 之外，admin 既有 JS 依赖的补丁
   1) common.js AlertHelper 使用的 #customAlert / .alert-box
   2) loading.js 的 .page-loading-overlay.show
   3) ModalManager 依赖的 .show 兜底（部分页面模态用 .modal.show）
   颜色一律引用 ink.css 的深墨令牌，保持与设计系统一致
   ============================================================ */

/* ---- 自定义提示框（AlertHelper：#customAlert + .alert-box + .alert-content） ---- */
.customAlert {
  position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
  z-index: 100000; display: none; pointer-events: none;
}
.customAlert.show { display: block; }
.alert-box {
  display: flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-m);
  background: var(--sur); border: 1px solid var(--line); box-shadow: var(--sh3);
  color: var(--t1); font-size: 12.8px; font-weight: 600; pointer-events: auto;
  animation: pgIn .26s var(--ease);
}
.alert-box i { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; }
.alert-box.success { border-color: rgba(var(--br-rgb), .4); }
.alert-box.success i { color: var(--ok); }
.alert-box.error { border-color: rgba(var(--bad-rgb), .4); }
.alert-box.error i { color: var(--bad); }
.alert-box.warning { border-color: rgba(var(--warn-rgb), .4); }
.alert-box.warning i { color: var(--warn); }
.alert-box.info { border-color: rgba(var(--info-rgb), .4); }
.alert-box.info i { color: var(--info); }
.alert-content { color: var(--t1); }

/* ---- 页面加载遮罩（loading.js：内联样式为主，此处补 .show 显隐） ---- */
.page-loading-overlay.show { opacity: 1 !important; visibility: visible !important; }

/* ---- ModalManager.show(id) 依赖的 .show 兜底（兼容各页内联 .modal 定义） ---- */
.show { display: block !important; }

/* ---- 多页 admin 下让 .body 自然撑高（ink.css 默认 .app 高度 100vh + .scroll 滚动） ---- */
.app { min-height: 100vh; }