/*
 * 返佣助手 (Rebate Assistant) v1.0.0 — 调试模式样式
 * 功能：调试模式下显示功能模块位置号（data-pos 标记）
 * 生产模式下此文件不产生任何样式影响
 */

/* ========== 调试模式开关 ========== */

/* 默认（生产模式）— 调试相关全部隐藏 */
[data-pos] .pos-badge,
body.debug-mode .pos-badge {
  display: none;
}

/* ========== 调试模式 — 位置标号 ========== */

body.debug-mode [data-pos] {
  position: relative;
  outline: 2px dashed rgba(237, 28, 36, 0.4);
  outline-offset: 1px;
}

body.debug-mode [data-pos] .pos-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  left: -12px;
  z-index: 999;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  background: #ED1C24;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: "Courier New", monospace;
  line-height: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  white-space: nowrap;
  pointer-events: none;
}

/* 子元素位置标号 (第二级) */
body.debug-mode [data-pos] [data-pos] .pos-badge {
  background: #3897E6;
  top: -10px;
  left: -10px;
  min-width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  border-radius: 10px;
}

/* 第三级位置标号 */
body.debug-mode [data-pos] [data-pos] [data-pos] .pos-badge {
  background: #E65100;
  top: -8px;
  left: -8px;
  min-width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px;
  border-radius: 9px;
}

/* ========== 调试模式 — 顶部工具栏 ========== */

body.debug-mode .debug-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #1a1a2e;
  color: #fff;
  padding: 6px 16px;
  font-size: 13px;
  font-family: "Courier New", monospace;
}

body.debug-mode .debug-bar .debug-version {
  color: #4fc3f7;
}

body.debug-mode .debug-bar .debug-mode-badge {
  display: inline-block;
  background: #ED1C24;
  color: #fff;
  padding: 2px 10px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
}

body.debug-mode .debug-bar .debug-hint {
  color: #aaa;
  font-size: 11px;
}

/* ========== 生产模式 — 全部隐藏 ========== */

.debug-bar,
body.debug-mode .debug-toggle-btn {
  display: none;
}

body.debug-mode .debug-bar {
  display: flex;
}