/*
 * Card trust signals — three things only:
 * verdict pill, confidence label, freshness dot, honest flag badges.
 * Older users read colors and words, not percentages or progress bars.
 */

.verdict-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 3px 9px;
  border-radius: 999px;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.verdict-pill.v-strong {
  background: rgba(45, 212, 122, 0.14);
  color: #2dd47a;
  border-color: rgba(45, 212, 122, 0.35);
}
.verdict-pill.v-review {
  background: rgba(240, 180, 41, 0.14);
  color: #c98a00;
  border-color: rgba(240, 180, 41, 0.35);
}
.verdict-pill.v-skip {
  background: rgba(160, 160, 170, 0.14);
  color: var(--text3);
  border-color: rgba(160, 160, 170, 0.35);
}

.freshness-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  cursor: help;
}
.freshness-dot.fd-green { background: #2dd47a; box-shadow: 0 0 0 2px rgba(45,212,122,0.18); }
.freshness-dot.fd-amber { background: #f0b429; box-shadow: 0 0 0 2px rgba(240,180,41,0.18); }
.freshness-dot.fd-red   { background: #ff5656; box-shadow: 0 0 0 2px rgba(255,86,86,0.18); }

.dc-conf {
  font-size: 12px;
  color: var(--text3);
  font-weight: 500;
}

.dc-flag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.card-flag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  cursor: help;
  white-space: nowrap;
  border: 1px solid;
}
.card-flag.cf-parcel { background: rgba(240,180,41,0.10); color: #c98a00; border-color: rgba(240,180,41,0.35); }
.card-flag.cf-aging  { background: rgba(255,86,86,0.10);  color: #ff5656; border-color: rgba(255,86,86,0.35); }
.card-flag.cf-title  { background: rgba(108,120,255,0.10); color: #6c78ff; border-color: rgba(108,120,255,0.35); }

@media (max-width: 768px) {
  .verdict-pill { font-size: 12px; padding: 4px 10px; }
  .card-flag { font-size: 12px; padding: 3px 10px; }
}