.bangit-combo-panel {
  margin: 0.65rem 0 0.85rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #2a3f5f;
  border-radius: 10px;
  background: linear-gradient(180deg, #0a1424 0%, #060d18 100%);
}

.bangit-combo-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
  margin-bottom: 0.55rem;
}

.bangit-combo-title {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7dffb2;
}

.bangit-combo-meta {
  flex: 1 1 220px;
  font-size: 0.68rem;
  color: #6f91b5;
  line-height: 1.45;
}

.bangit-combo-clear {
  background: transparent;
  border: 1px solid #2a4a6a;
  color: #9fd0ff;
  border-radius: 6px;
  padding: 0.28rem 0.55rem;
  font-size: 0.64rem;
  font-weight: 700;
  cursor: pointer;
}

.bangit-combo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  max-height: 220px;
  overflow: auto;
  padding: 0.15rem 0 0.35rem;
}

.bangit-combo-btn {
  background: #0d1a2e;
  border: 1px solid #1e3352;
  color: #b8d4f0;
  border-radius: 6px;
  padding: 0.32rem 0.55rem;
  font-size: 0.62rem;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
  max-width: 100%;
}

.bangit-combo-btn:hover,
.bangit-combo-btn.is-on {
  border-color: #7dffb2;
  color: #e8fff2;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.15);
}

.bangit-combo-btn.is-on {
  background: rgba(8, 40, 28, 0.75);
}

.bangit-combo-lineup-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.45rem;
  padding-top: 0.55rem;
  border-top: 1px solid #14263d;
}

.bangit-combo-lineup-bar label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #557799;
}

.bangit-combo-select {
  background: #0a1628;
  border: 1px solid #1e3352;
  color: #cfe4ff;
  border-radius: 6px;
  padding: 0.28rem 0.45rem;
  font-size: 0.68rem;
}

.bangit-combo-generate {
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
  border: 1px solid #4ade80;
  color: #052010;
  border-radius: 6px;
  padding: 0.35rem 0.7rem;
  font-size: 0.66rem;
  font-weight: 900;
  cursor: pointer;
}

.bangit-combo-lineups {
  margin-top: 0.55rem;
  max-height: 280px;
  overflow: auto;
}

.bangit-combo-lineup-head {
  font-size: 0.68rem;
  color: #9fd0ff;
  margin-bottom: 0.35rem;
}

.bangit-combo-lineup-row {
  padding: 0.4rem 0.45rem;
  margin-bottom: 0.35rem;
  border: 1px solid #14263d;
  border-radius: 6px;
  background: #081424;
  font-size: 0.64rem;
  color: #b8c8dc;
}

.bangit-combo-lineup-rank {
  font-weight: 900;
  color: #7dffb2;
}

.bangit-combo-lineup-score {
  color: #f5c76a;
  font-weight: 700;
}

.bangit-combo-lineup-salary {
  color: #6f91b5;
}

.bangit-combo-lineup-value {
  color: #7dffb2;
  font-weight: 700;
}

.bangit-combo-lineup-names {
  margin-top: 0.2rem;
  line-height: 1.4;
  color: #8fa8c8;
}

.bangit-combo-lineup-empty,
.bangit-combo-lineup-more {
  font-size: 0.66rem;
  color: #557799;
  font-style: italic;
}

.bangit-combo-lineup-row.is-optimal {
  border-color: rgba(245, 166, 35, 0.55);
  background: rgba(245, 166, 35, 0.08);
}

.bangit-combo-lineup-opt {
  font-size: 0.62rem;
  font-weight: 800;
  color: #ffd68a;
  margin-left: 0.35rem;
}

.bangit-card-rank.is-active-sort.bangit-card-rank-algo {
  color: #7dffb2;
  border-color: rgba(34, 197, 94, 0.45);
}

.bangit-combo-loading {
  margin: 0.35rem 0;
  font-size: 0.72rem;
  color: #8fb4d8;
  font-style: italic;
}