/* ── Legend dots ─────────────────────────────── */
.legend-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 4px;
}
.bg-company { background-color: #0d6efd; }
.bg-owner   { background-color: #198754; }
.bg-both    { background-color: #fd7e14; }

/* ── Graph card ─────────────────────────────── */
#graph {
  background: #f8f9fa;
  border-radius: 0 0 .375rem .375rem;
}

/* ── Chain cards ────────────────────────────── */
.chain-card {
  border-left: 4px solid #0d6efd;
  background: #f0f4ff;
  border-radius: .375rem;
  padding: .6rem .8rem;
  margin-bottom: .5rem;
  font-size: .85rem;
}
.chain-step {
  display: inline;
}
.chain-arrow {
  color: #6c757d;
  margin: 0 .25rem;
}
.chain-pct {
  font-weight: 600;
  color: #0d6efd;
}
.chain-effective {
  margin-top: .3rem;
  font-weight: 600;
  color: #198754;
}

/* ── Table tweaks ───────────────────────────── */
#dataTable th { font-size: .8rem; }
#dataTable td { font-size: .8rem; vertical-align: middle; }

/* ── Card header tabs ───────────────────────── */
.card-header-tabs .nav-link {
  font-size: .85rem;
  padding: .4rem .8rem;
}