/* ============================================================
   NDBI Web 端共享运行时样式（web/assets/runtime.css）
   仅供 assets/{api,auth,render}.js 注入的运行时元素使用：
     .ndbi-degrade-bar  接口失败时的顶部降级提示条
     .ndbi-toast        无 .wb-toast / .toast-wrap 时的 toast 兜底
     .ndbi-empty        列表空状态
     .ndbi-quad__dot    四色语义色块
   纪律：只用 var(--*) 令牌，禁止裸 HEX / 裸色值。
   页面既有样式一律不动，本文件不参与页面既有 class 体系。
   ============================================================ */

/* ---------- 顶部降级提示条 ---------- */
.ndbi-degrade-bar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  background: var(--review-pending-bg);
  color: var(--review-pending-text);
  border-bottom: 1px solid var(--review-pending);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- toast 兜底（既无 .wb-toast 也无 .toast-wrap 时） ---------- */
.ndbi-toast {
  position: fixed;
  left: 50%;
  bottom: var(--space-8);
  transform: translateX(-50%);
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  align-items: center;
  pointer-events: none;
}
.ndbi-toast__item {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-btn);
  box-shadow: var(--shadow-3);
  padding: var(--space-2) var(--space-4);
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-primary);
}

/* ---------- 空状态（中性文案，不指责用户） ---------- */
.ndbi-empty {
  padding: var(--space-8) var(--space-4);
  text-align: center;
  color: var(--text-tertiary);
  font-size: 13px;
  line-height: 1.8;
}

/* ---------- 四色语义色块（色块 + 图标 + 文字三件套的色块部分） ---------- */
.ndbi-quad__dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
  display: inline-block;
}