/* views/token_reveal.css — R3-C 令牌还原视图。复用 §4 既有组件类(.card/.form/.input/
   .btn/.state/.mono/.badge);此处仅令牌-色样:还原结果块、错误条、KV 网格。全部用
   tokens.css 的 CSS 变量(DESIGN.md §1-3),无硬编码 hex,无内联 style(CSP)。 */

.v-token-reveal-hidden { display: none; }

.v-token-reveal-note {
  margin-top: var(--space-3);
  font-size: 13px;
  color: var(--color-text-muted);
}

/* 错误条:danger-tint 底 + danger 描边(对标 .state-error 的告警语义)。 */
.v-token-reveal-err {
  margin-top: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-control);
  background: var(--color-danger-tint);
}
.v-token-reveal-err-warn {
  border-color: var(--color-warning);
  background: var(--color-warning-tint);
}
.v-token-reveal-err-text { color: var(--color-text); margin: 0; }

.v-token-reveal-result { margin-top: var(--space-4); }
.v-token-reveal-result-head {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.v-token-reveal-kv {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--space-1) var(--space-3);
  margin-bottom: var(--space-3);
}
.v-token-reveal-kv-row { display: contents; }
.v-token-reveal-kv-label { color: var(--color-text-muted); font-size: 13px; }
.v-token-reveal-sha { word-break: break-all; color: var(--color-text-secondary); }

/* 还原出的原始值:受控呈现块。等宽 + 自动换行,seal 色左缘提示「敏感、本页即焚」。 */
.v-token-reveal-value {
  margin: 0;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--color-seal);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-text);
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-height: 40vh;
  overflow: auto;
}
.v-token-reveal-value-b64 { color: var(--color-text-secondary); }