:root {
  --opportunity-navy: #0b1c46;
  --opportunity-blue: #0ea5e9;
  --opportunity-gold: #ffd100;
  --opportunity-line: #dbe5f1;
  --opportunity-card: #ffffff;
  --opportunity-text: #0f172a;
  --opportunity-muted: #64748b;
  --opportunity-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.slcc-opportunities-shell {
  width: min(1180px, calc(100% - 24px));
  margin: 0 auto;
}

.slcc-opportunities-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 14%, rgba(14, 165, 233, 0.24), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(255, 209, 0, 0.18), transparent 30%),
    linear-gradient(125deg, rgba(11, 28, 70, 0.98) 0%, rgba(15, 23, 42, 0.96) 56%, rgba(3, 105, 161, 0.92) 100%);
  color: #fff;
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.18);
}

.slcc-opportunities-hero::after {
  content: "";
  position: absolute;
  inset: auto -40px -80px auto;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 209, 0, 0.24), transparent 72%);
  pointer-events: none;
}

.slcc-opportunity-card {
  border: 1px solid var(--opportunity-line);
  border-radius: 22px;
  background: var(--opportunity-card);
  box-shadow: var(--opportunity-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.slcc-opportunity-card:hover {
  transform: translateY(-2px);
  border-color: #bfdbfe;
  box-shadow: 0 22px 42px rgba(15, 23, 42, 0.1);
}

.slcc-opportunity-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.slcc-opportunity-chip-slate {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
}

.slcc-opportunity-chip-blue {
  border: 1px solid rgba(14, 165, 233, 0.18);
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.slcc-opportunity-chip-gold {
  border: 1px solid rgba(255, 209, 0, 0.26);
  background: rgba(255, 209, 0, 0.18);
  color: #7c5b00;
}

.slcc-opportunity-chip-emerald {
  border: 1px solid rgba(16, 185, 129, 0.22);
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}

.slcc-opportunity-skeleton {
  position: relative;
  overflow: hidden;
}

.slcc-opportunity-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  animation: slccOpportunityShimmer 1.25s infinite;
}

@keyframes slccOpportunityShimmer {
  100% {
    transform: translateX(100%);
  }
}

.slcc-opportunity-empty {
  border: 1px dashed #cbd5e1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
}

.slcc-opportunity-detail-copy p {
  margin: 0 0 1rem;
}

.slcc-opportunity-detail-copy p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .slcc-opportunities-shell {
    width: calc(100% - 16px);
  }

  .slcc-opportunities-hero {
    border-radius: 24px;
  }

  .slcc-opportunity-card {
    border-radius: 20px;
  }
}