/* IIG causal additions — load AFTER knowledge-graph.css (this component reuses
   its kg- classes for the graph chrome and only adds the causal-legend + the
   holdout-upgrade button styling here). */

.kg-causal-legend { margin-top: 6px; opacity: .9; }
.kg-causal-legend .kg-leg { cursor: default; }

/* the little line sample in each causal-legend chip */
.kg-causal-line {
  display: inline-block;
  width: 22px; height: 0;
  margin-right: 6px;
  vertical-align: middle;
  border-top-width: 2px;
  border-top-style: solid;
}
.kg-causal-dashed .kg-causal-line { border-top-style: dashed; border-top-color: var(--mut, #a6a9c8); opacity: .7; }
.kg-causal-dotted .kg-causal-line { border-top-style: dotted; border-top-width: 2.5px; border-top-color: var(--violet, #8b6cff); }
.kg-causal-solid  .kg-causal-line { border-top-style: solid;  border-top-color: var(--win, #3ee08f); }

/* "Run a holdout" is the action that earns confirmation — give it a win accent */
.kg-upg-btn {
  border-color: color-mix(in srgb, var(--win, #3ee08f) 45%, transparent);
  color: var(--win, #3ee08f);
}
.kg-upg-btn:hover { background: color-mix(in srgb, var(--win, #3ee08f) 14%, transparent); }