/* V13.6: commercial engineering proof for enterprise review. */

.recruiter-profile-stats strong.is-role {
  max-width: 150px;
  font-size: 16px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em;
}

.commercial-proof-completions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: -8px 0 22px;
}

.commercial-proof-completions > div {
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid var(--public-border, #dfe6ef);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(65, 105, 225, 0.055), transparent 65%),
    var(--public-soft, #f8faff);
}

.commercial-proof-completions span,
.commercial-proof-completions p {
  display: block;
  color: var(--public-muted, #718096);
  font-size: 10px;
}

.commercial-proof-completions strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--public-text, #172033);
  font-size: 27px;
  line-height: 1;
}

.commercial-proof-completions strong small {
  margin-left: 2px;
  color: var(--public-muted, #718096);
  font-size: 10px;
}

.commercial-proof-completions p {
  margin: 0;
  line-height: 1.4;
}

.recruiter-profile-footer b {
  color: #315fd4;
}

html:not(.react-student-embedded) body[data-active-panel="my"] .engineer-identity-contribution > footer {
  padding: 15px !important;
  border: 1px solid rgba(79, 110, 247, 0.15) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, rgba(79, 110, 247, 0.07), rgba(116, 85, 231, 0.035)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="my"] .engineer-identity-contribution > footer strong {
  color: #263c91 !important;
  font-size: 13px !important;
}

html:not(.react-student-embedded) body[data-active-panel="my"] [data-engineer-identity-proof] {
  min-width: 150px !important;
  background: linear-gradient(135deg, #386fe7, #7550e7) !important;
}

html[data-theme="dark"] .commercial-proof-completions > div {
  border-color: #2c3950;
  background: #111c2e;
}

html[data-theme="dark"] .commercial-proof-completions strong {
  color: #edf3ff;
}

html[data-theme="dark"] .recruiter-profile-footer b {
  color: #a5b4fc;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel="my"] .engineer-identity-contribution > footer strong {
  color: #c7d2fe !important;
}

@media (max-width: 760px) {
  .commercial-proof-completions {
    grid-template-columns: 1fr;
  }

  .recruiter-profile-stats strong.is-role {
    max-width: none;
  }
}