/* 小眼睛 / 隐私模式：一键把敏感数值换成星号。

   打码本身在 static/js/dashboard-privacy.js 里完成（把数值 token 换成**固定长度**的
   `****`，例如 `12,345.67 USDT` → `**** USDT`），这里只负责开关、输入框和收益曲线的样式。
   之所以不用 CSS 涂抹或模糊：文本会被真实替换掉，真值不在 DOM 里；星号长度固定，
   不会从「几个星号」反推出原来有几位数。

   代价是打码后文本比原值短（金额位数越多缩得越明显），卡片/标签会略微收窄 ——
   这是刻意的取舍：宁可布局有点变化，也不泄漏数值区间（位数本身也是信息）。 */

:root {
  --privacy-ink: rgba(16, 32, 51, 0.62);
}

:root[data-theme="dark"] {
  --privacy-ink: rgba(237, 241, 244, 0.5);
}

.privacy-toggle {
  min-width: 92px;
}

.privacy-toggle[aria-pressed="true"] {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: #0b6a43;
}

:root[data-theme="dark"] .privacy-toggle[aria-pressed="true"] {
  color: var(--accent);
}

.topbar-privacy-pill {
  font-weight: 600;
}

/* 输入框不能把 value 换成星号（那就把用户的数据毁了），未聚焦时用系统圆点遮住，
   聚焦后照常查看和编辑。 */
:root[data-privacy="on"] input.privacy-masked:not(:focus) {
  -webkit-text-security: disc;
  letter-spacing: 0.08em;
}

@supports not (-webkit-text-security: disc) {
  :root[data-privacy="on"] input.privacy-masked:not(:focus) {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    text-shadow:
      0 0 6px var(--privacy-ink),
      0 0 6px var(--privacy-ink);
  }
}

/* 收益曲线没有文本可替换，整体模糊，避免从曲线形状和坐标轴反推资产规模。 */
:root[data-privacy="on"] #historyChartWrap .history-chart {
  filter: blur(9px);
  opacity: 0.75;
  pointer-events: none;
}

@media (max-width: 720px) {
  .topbar-privacy-pill {
    display: none;
  }

  .privacy-toggle {
    min-width: 0;
  }
}