/* Order source identity: short colored label on line one, series on line two. */
.xb-orders-page .responsive-table .xb-order-source-cell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  row-gap: 5px;
  min-width: 0;
}

.xb-orders-page .responsive-table .xb-order-source-cell .xb-order-source-pill {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  justify-self: start;
  min-width: 38px;
  min-height: 28px;
  justify-content: center;
  margin: 0 !important;
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
}

.xb-orders-page .responsive-table .xb-order-source-cell .xb-order-source-name {
  display: -webkit-box !important;
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: normal !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell .xb-order-source-series {
  display: none !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="changyou"] .xb-order-source-pill {
  border-color: rgb(50 199 232 / 0.72) !important;
  background: rgb(16 42 52 / 0.92) !important;
  color: #32c7e8 !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="shengqu"] .xb-order-source-pill {
  border-color: rgb(240 185 75 / 0.76) !important;
  background: rgb(44 36 20 / 0.94) !important;
  color: #f0b94b !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="netease"] .xb-order-source-pill {
  border-color: rgb(83 212 155 / 0.74) !important;
  background: rgb(16 43 36 / 0.94) !important;
  color: #53d49b !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="wanmei"] .xb-order-source-pill {
  border-color: rgb(255 122 110 / 0.78) !important;
  background: rgb(68 28 32 / 0.94) !important;
  color: #ff8a80 !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="xinfeng"] .xb-order-source-pill {
  border-color: rgb(236 125 143 / 0.74) !important;
  background: rgb(48 27 36 / 0.94) !important;
  color: #ec7d8f !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="leniu"] .xb-order-source-pill {
  border-color: rgb(184 149 255 / 0.78) !important;
  background: rgb(45 32 68 / 0.94) !important;
  color: #b895ff !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="kfc"] .xb-order-source-pill {
  border-color: rgb(255 92 92 / 0.78) !important;
  background: rgb(58 20 22 / 0.94) !important;
  color: #ff6e6e !important;
}

.xb-orders-page .responsive-table .xb-order-source-cell[data-xboss-source-family="box996"] .xb-order-source-pill {
  border-color: rgb(255 171 64 / 0.78) !important;
  background: rgb(56 37 16 / 0.94) !important;
  color: #ffab40 !important;
}

@media (max-width: 767px) {
  .xb-orders-page .responsive-table .xb-order-source-cell {
    grid-template-columns: minmax(118px, 1fr);
  }
}