/* trust-overlay.css — ReceiptBook 数据溯源浮层样式 (Phase 1) */

/* ── Receipt 标记 ── */
.qw-trust-marked {
  border-bottom: 2px dotted rgba(192,64,64,0.25);
  cursor: help;
  transition: border-color .2s, background .2s;
  padding: 1px 0;
  position: relative;
}
.qw-trust-marked:hover,
.qw-trust-marked:focus {
  border-bottom-color: rgba(192,64,64,0.5);
  background: rgba(192,64,64,0.04);
  outline: none;
}
/* 信任等级着色 */
[data-trust-level="green"]  { border-bottom-color: rgba(30,132,73,0.3); }
[data-trust-level="yellow"] { border-bottom-color: rgba(180,83,9,0.3); }
[data-trust-level="red"]    { border-bottom-color: rgba(192,57,43,0.35); }
[data-trust-level="pending"] { border-bottom-style: dotted; }

/* ── Tooltip ── */
.qw-trust-tooltip {
  position: absolute; z-index: 99990;
  min-width: 240px; max-width: 360px;
  background: #fefefe; border: 1px solid #d5cec4;
  border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,.12);
  padding: 14px 16px; font-size: 13px; font-family: inherit;
  line-height: 1.6; color: #2c2c2c;
  opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(4px);
  transition: opacity .2s, visibility .2s, transform .2s;
  pointer-events: auto;
}
.qw-trust-tooltip.qw-visible {
  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}

.qw-trust-header {
  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.qw-trust-badge {
  font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 10px;
  white-space: nowrap;
}
.qw-trust-value {
  font-size: 14px; font-weight: 700; color: #1a2a3a;
}

.qw-trust-sources { margin-bottom: 8px; }
.qw-trust-source {
  padding: 6px 0; border-bottom: 1px solid #e8e2d8;
}
.qw-trust-source:last-child { border-bottom: none; }
.qw-trust-source-name { font-weight: 600; font-size: 12px; color: #1a2a3a; }
.qw-trust-source-meta { font-size: 11px; color: #8c8c8c; margin-top: 2px; }

.qw-trust-note {
  font-size: 11px; color: #92400e; background: rgba(180,83,9,0.06);
  padding: 6px 10px; border-radius: 6px; margin-bottom: 8px;
}

.qw-trust-footer { text-align: right; }
.qw-trust-link { font-size: 11px; color: #c04040; text-decoration: none; }
.qw-trust-link:hover { text-decoration: underline; }

.qw-trust-loading { text-align: center; color: #8c8c8c; font-size: 12px; padding: 8px 0; }

/* 暗色模式 */
@media (prefers-color-scheme: dark) {
  .qw-trust-marked { border-bottom-color: rgba(201,169,110,0.3); }
  .qw-trust-marked:hover { border-bottom-color: rgba(201,169,110,0.55); background: rgba(201,169,110,0.06); }
  [data-trust-level="green"]  { border-bottom-color: rgba(74,222,128,0.35); }
  [data-trust-level="yellow"] { border-bottom-color: rgba(251,191,36,0.35); }
  [data-trust-level="red"]    { border-bottom-color: rgba(248,113,113,0.4); }

  .qw-trust-tooltip {
    background: #1c1917; border-color: #44403c; color: #e8e2d8;
    box-shadow: 0 4px 24px rgba(0,0,0,.3);
  }
  .qw-trust-value { color: #e8e2d8; }
  .qw-trust-source-name { color: #e8e2d8; }
  .qw-trust-source { border-bottom-color: #383330; }
  .qw-trust-note { color: #fbbf24; background: rgba(251,191,36,0.08); }
  .qw-trust-link { color: #c9a96e; }
}