.course-kind-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #e5edf6;
  background: linear-gradient(180deg, #fbfdff, #f6f9fd);
}

.course-kind-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #d7e4f2;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
}

.course-kind-legend i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.course-kind-legend .designated i { background: #1f5fbf; }
.course-kind-legend .selection i { background: #0f766e; }
.course-kind-legend .external i { background: #6841bf; }

.course-kind-table tr.course-kind-designated:not(.rejected):not(.unmapped) td {
  background: #f7fbff;
}

.course-kind-table tr.course-kind-selection:not(.rejected):not(.unmapped) td {
  background: #f5fbf8;
}

.course-kind-table tr.course-kind-external:not(.rejected):not(.unmapped) td {
  background: #f8f5ff;
}

.course-kind-table tr.course-kind-designated td:first-child {
  box-shadow: inset 4px 0 0 #1f5fbf;
}

.course-kind-table tr.course-kind-selection td:first-child {
  box-shadow: inset 4px 0 0 #0f766e;
}

.course-kind-table tr.course-kind-external td:first-child {
  box-shadow: inset 4px 0 0 #6841bf;
}

.course-kind-table tr.course-kind-unknown td:first-child {
  box-shadow: inset 4px 0 0 #b7c8dc;
}

.course-kind-cell {
  min-width: 96px;
}

.course-kind-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.course-kind-pill.designated {
  color: #174789;
  border-color: #bfdbfe;
  background: #eaf2ff;
}

.course-kind-pill.selection {
  color: #0f6f68;
  border-color: #bde7df;
  background: #e7f7f4;
}

.course-kind-pill.external {
  color: #6841bf;
  border-color: #d8ccff;
  background: #f3efff;
}

.course-kind-pill.unknown {
  color: #475467;
  border-color: #d8e2ee;
  background: #f4f7fb;
}

.course-kind-detail {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.course-name-wrap {
  display: grid;
  gap: 5px;
}

.course-name-wrap strong {
  color: #111827;
}

.course-kind-sub {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}

.course-kind-sub.designated { color: #1f5fbf; }
.course-kind-sub.selection { color: #0f766e; }
.course-kind-sub.external { color: #6841bf; }

.course-kind-table tr:hover td {
  background: #eef6ff !important;
}

.course-kind-table tr.course-kind-selection:hover td {
  background: #ecf8f4 !important;
}

.course-kind-table tr.course-kind-external:hover td {
  background: #f2edff !important;
}