/* R3 — transaction display provenance (Andy A1 detail + chip) */
.txn-display-provenance {
  display: grid;
  gap: 8px;
  margin: 2px 0 10px;
}

.txn-original-from-bank {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}

.txn-display-provenance-chip {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--green) 10%, var(--card));
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  font-style: normal;
  line-height: 1.2;
}

/* A1: tappable "Renamed by rule" chip — ≥44px hit target (Critiquito a11y) */
button.txn-display-provenance-chip {
  cursor: pointer;
  min-height: 44px;
  padding: 10px 14px;
  box-sizing: border-box;
}

button.txn-display-provenance-chip:disabled {
  cursor: default;
  opacity: 0.85;
}

.txn-display-provenance-chip.is-manual {
  border-color: color-mix(in srgb, var(--line) 80%, transparent);
  background: color-mix(in srgb, var(--paper) 55%, var(--card));
  color: var(--muted);
}

.txn-display-provenance-chip.is-system {
  border-color: color-mix(in srgb, var(--line) 80%, transparent);
  background: color-mix(in srgb, var(--paper) 45%, var(--card));
  color: var(--muted);
}

body[data-theme="midnight"] .txn-original-from-bank {
  color: var(--on-dark-muted, var(--muted));
}

body[data-theme="midnight"] .txn-display-provenance-chip.is-manual {
  color: var(--on-dark-muted, var(--muted));
  border-color: var(--border-on-dark, var(--line));
  background: color-mix(in srgb, var(--card) 80%, transparent);
}

body[data-theme="midnight"] .txn-display-provenance-chip.is-system {
  color: var(--on-dark-muted, var(--muted));
  border-color: var(--border-on-dark, var(--line));
  background: color-mix(in srgb, var(--card) 80%, transparent);
}

/* A2: stronger rule-chip contrast on midnight */
body[data-theme="midnight"] button.txn-display-provenance-chip.is-rule,
body[data-theme="midnight"] .txn-display-provenance-chip.is-rule {
  color: var(--lime, #53f0d0);
  border-color: color-mix(in srgb, var(--lime, #53f0d0) 45%, var(--border-on-dark, var(--line)));
  background: color-mix(in srgb, var(--lime, #53f0d0) 14%, var(--card));
}

#detailDialog.transaction-detail-condensed .txn-display-provenance {
  margin: 0 0 8px;
}

#detailDialog.transaction-detail-condensed .txn-original-from-bank {
  font-size: 11px;
}