/*
 * Skillfinder UI V2 — Trust, readiness and marketplace activity surfaces.
 * Presentation only. Profile Trust and Marketplace Activity remain authoritative.
 */
body.sfc-ui-v2 {
  --sfc-trust-primary: var(--sfc-ui-primary, #1b8996);
  --sfc-trust-primary-hover: var(--sfc-ui-primary-hover, #157784);
  --sfc-trust-primary-soft: rgba(27, 137, 150, .08);
  --sfc-trust-page: var(--sfc-ui-page, #f7f8fa);
  --sfc-trust-surface: var(--sfc-ui-surface, #fff);
  --sfc-trust-surface-muted: var(--sfc-ui-surface-muted, #f7f9fa);
  --sfc-trust-border: var(--sfc-ui-border, #e7eaed);
  --sfc-trust-border-strong: var(--sfc-ui-border-strong, #d8dde2);
  --sfc-trust-heading: var(--sfc-ui-heading, #17191c);
  --sfc-trust-text: var(--sfc-ui-text, #4f565e);
  --sfc-trust-muted: var(--sfc-ui-muted, #69717a);
}

/* Marketplace statistics: public, useful signals only. */
body.sfc-ui-v2 .sfc-marketplace-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
body.sfc-ui-v2 .sfc-marketplace-stats > div {
  min-width: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 16px !important;
  background: var(--sfc-trust-surface) !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-marketplace-stats > div::after {
  display: none !important;
}
body.sfc-ui-v2 .sfc-marketplace-stats strong {
  margin: 0 0 10px !important;
  color: var(--sfc-trust-primary-hover) !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1 !important;
}
body.sfc-ui-v2 .sfc-marketplace-stats span {
  color: var(--sfc-trust-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Marketplace Activity / trust workflow pages. */
body.sfc-ui-v2 .sfc-activity-shell {
  padding: clamp(24px, 4vw, 44px) !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 18px !important;
  background: var(--sfc-trust-surface) !important;
  color: var(--sfc-trust-text) !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-activity-heading {
  margin-bottom: 26px !important;
}
body.sfc-ui-v2 .sfc-activity-heading > span {
  margin-bottom: 10px !important;
  color: var(--sfc-trust-primary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}
body.sfc-ui-v2 .sfc-activity-heading > span::before {
  display: none !important;
}
body.sfc-ui-v2 .sfc-activity-heading h2,
body.sfc-ui-v2 .sfc-how-steps-heading h2 {
  margin-top: 0 !important;
  color: var(--sfc-trust-heading) !important;
}
body.sfc-ui-v2 .sfc-activity-heading p,
body.sfc-ui-v2 .sfc-how-steps-heading p {
  color: var(--sfc-trust-muted) !important;
}
body.sfc-ui-v2 .sfc-activity-aside {
  top: 104px !important;
  padding: 24px !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 16px !important;
  background: var(--sfc-trust-surface-muted) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-activity-form :where(input, select, textarea),
body.sfc-ui-v2 .sfc-directory-filters :where(input, select) {
  border: 1px solid var(--sfc-trust-border-strong) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-activity-form :where(input, select, textarea):focus,
body.sfc-ui-v2 .sfc-directory-filters :where(input, select):focus {
  border-color: var(--sfc-trust-primary) !important;
  box-shadow: 0 0 0 3px rgba(27, 137, 150, .10) !important;
}
body.sfc-ui-v2 .sfc-activity-checkbox {
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 12px !important;
  background: var(--sfc-trust-surface-muted) !important;
}
body.sfc-ui-v2 .sfc-activity-button {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--sfc-trust-primary) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sfc-ui-v2 .sfc-activity-button:hover,
body.sfc-ui-v2 .sfc-activity-button:focus-visible {
  background: var(--sfc-trust-primary-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sfc-ui-v2 .sfc-directory-filters {
  padding: 20px !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 14px !important;
  background: var(--sfc-trust-surface) !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-talent-card,
body.sfc-ui-v2 .sfc-how-step-card {
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 16px !important;
  background: var(--sfc-trust-surface) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sfc-ui-v2 .sfc-talent-card:hover,
body.sfc-ui-v2 .sfc-talent-card.is-featured {
  border-color: rgba(27, 137, 150, .36) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sfc-ui-v2 .sfc-directory-cta,
body.sfc-ui-v2 .sfc-how-steps {
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 16px !important;
  background: var(--sfc-trust-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-how-step-number,
body.sfc-ui-v2 .sfc-empty-icon,
body.sfc-ui-v2 .sfc-aside-badge {
  background: var(--sfc-trust-primary-soft) !important;
  color: var(--sfc-trust-primary-hover) !important;
}
body.sfc-ui-v2 .sfc-skill-chips span,
body.sfc-ui-v2 .sfc-status-chip {
  border: 1px solid var(--sfc-trust-border) !important;
  background: var(--sfc-trust-surface-muted) !important;
  color: var(--sfc-trust-text) !important;
}

/* Profile Trust guide, score and badge pages. */
body.sfc-ui-v2 .sfc-profile-quality {
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 18px !important;
  background: var(--sfc-trust-surface) !important;
  box-shadow: none !important;
}
body.sfc-ui-v2 .sfc-profile-quality-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 18px !important;
}
body.sfc-ui-v2 .sfc-profile-quality-head strong {
  color: var(--sfc-trust-heading) !important;
  font-size: 20px !important;
}
body.sfc-ui-v2 .sfc-profile-quality-head small,
body.sfc-ui-v2 .sfc-profile-quality p {
  color: var(--sfc-trust-muted) !important;
}
body.sfc-ui-v2 .sfc-profile-quality-head > span {
  min-width: 72px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(27, 137, 150, .24) !important;
  border-radius: 999px !important;
  background: var(--sfc-trust-primary-soft) !important;
  color: var(--sfc-trust-primary-hover) !important;
  text-align: center !important;
  font-size: 20px !important;
}
body.sfc-ui-v2 .sfc-profile-quality-bar {
  height: 8px !important;
  margin: 0 0 24px !important;
  border-radius: 999px !important;
  background: #edf1f3 !important;
}
body.sfc-ui-v2 .sfc-profile-quality-bar > i {
  border-radius: inherit !important;
  background: var(--sfc-trust-primary) !important;
}
body.sfc-ui-v2 .sfc-profile-checklist {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 24px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}
body.sfc-ui-v2 .sfc-profile-checklist li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--sfc-trust-border) !important;
  color: var(--sfc-trust-text) !important;
}
body.sfc-ui-v2 .sfc-profile-checklist li > span {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  background: var(--sfc-trust-surface-muted) !important;
  color: var(--sfc-trust-muted) !important;
}
body.sfc-ui-v2 .sfc-profile-checklist li.is-complete > span {
  background: #eaf8f2 !important;
  color: #14835f !important;
}
body.sfc-ui-v2 .sfc-profile-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}
body.sfc-ui-v2 .sfc-profile-btn {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border: 1px solid var(--sfc-trust-primary) !important;
  border-radius: 10px !important;
  background: var(--sfc-trust-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body.sfc-ui-v2 .sfc-profile-btn:hover,
body.sfc-ui-v2 .sfc-profile-btn:focus-visible {
  background: var(--sfc-trust-primary-hover) !important;
  color: #fff !important;
}
body.sfc-ui-v2 .sfc-profile-btn-secondary {
  border-color: var(--sfc-trust-border-strong) !important;
  background: #fff !important;
  color: var(--sfc-trust-heading) !important;
}
body.sfc-ui-v2 .sfc-profile-btn-secondary:hover,
body.sfc-ui-v2 .sfc-profile-btn-secondary:focus-visible {
  border-color: rgba(27, 137, 150, .38) !important;
  background: var(--sfc-trust-primary-soft) !important;
  color: var(--sfc-trust-primary-hover) !important;
}
body.sfc-ui-v2 .sfc-profile-strength-strip {
  display: grid !important;
  grid-template-columns: auto auto minmax(120px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--sfc-trust-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--sfc-trust-heading) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body.sfc-ui-v2 .sfc-profile-strength-strip i {
  height: 6px !important;
  border-radius: 999px !important;
  background: #edf1f3 !important;
}
body.sfc-ui-v2 .sfc-profile-strength-strip i > b {
  border-radius: inherit !important;
  background: var(--sfc-trust-primary) !important;
}
body.sfc-ui-v2 .sfc-profile-strength-strip em {
  color: var(--sfc-trust-primary-hover) !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
body.sfc-ui-v2 .sfc-trust-badge {
  border: 1px solid rgba(27, 137, 150, .24) !important;
  border-radius: 999px !important;
  background: var(--sfc-trust-primary-soft) !important;
  color: var(--sfc-trust-primary-hover) !important;
  box-shadow: none !important;
}

@media (max-width: 850px) {
  body.sfc-ui-v2 .sfc-marketplace-stats,
  body.sfc-ui-v2 .sfc-profile-checklist {
    grid-template-columns: 1fr !important;
  }
  body.sfc-ui-v2 .sfc-profile-strength-strip {
    grid-template-columns: auto auto 1fr !important;
  }
  body.sfc-ui-v2 .sfc-profile-strength-strip em {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  body.sfc-ui-v2 .sfc-activity-shell,
  body.sfc-ui-v2 .sfc-profile-quality {
    padding: 20px !important;
    border-radius: 14px !important;
  }
  body.sfc-ui-v2 .sfc-profile-quality-head {
    align-items: flex-start !important;
  }
  body.sfc-ui-v2 .sfc-profile-actions,
  body.sfc-ui-v2 .sfc-profile-actions a {
    width: 100% !important;
  }
  body.sfc-ui-v2 .sfc-profile-strength-strip {
    grid-template-columns: 1fr auto !important;
  }
  body.sfc-ui-v2 .sfc-profile-strength-strip i,
  body.sfc-ui-v2 .sfc-profile-strength-strip em {
    grid-column: 1 / -1 !important;
  }
}


/* v0.1.51 — full-width marketplace statistics feature with reserved talent-image area. */
body.sfc-ui-v2 .sfc-marketplace-stats-widget {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(118deg, #f4fbfb 0%, #eaf7f7 52%, #d8eef0 100%) !important;
  color: var(--sfc-trust-text) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget::before {
  content: "" !important;
  position: absolute !important;
  width: 360px !important;
  height: 360px !important;
  left: -180px !important;
  bottom: -240px !important;
  border-radius: 50% !important;
  background: rgba(27, 137, 150, .08) !important;
  pointer-events: none !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__layout {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr) !important;
  min-height: 440px !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: clamp(40px, 6vw, 82px) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__eyebrow {
  display: block !important;
  margin-bottom: 12px !important;
  color: var(--sfc-trust-primary-hover) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__content h2 {
  max-width: 720px !important;
  margin: 0 0 14px !important;
  color: var(--sfc-trust-heading) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__content > p {
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--sfc-trust-text) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__status {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 9px !important;
  margin-top: 18px !important;
  color: var(--sfc-trust-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__status i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #159a64 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: clamp(34px, 5vw, 54px) !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(23, 25, 28, .12) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card {
  display: block !important;
  min-width: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23, 25, 28, .11) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card:first-child {
  padding-left: 0 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card__icon {
  display: none !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--sfc-trust-primary-hover) !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card span {
  display: block !important;
  color: var(--sfc-trust-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__media {
  position: relative !important;
  min-width: 0 !important;
  min-height: 440px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(27, 137, 150, .05), rgba(21, 119, 132, .20)) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__media::before,
body.sfc-ui-v2 .sfc-marketplace-stats-widget__media::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__media::before {
  width: 330px !important;
  height: 330px !important;
  right: -105px !important;
  top: -100px !important;
  background: rgba(255, 255, 255, .34) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__media::after {
  width: 260px !important;
  height: 260px !important;
  left: -95px !important;
  bottom: -105px !important;
  background: rgba(27, 137, 150, .10) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__media img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 440px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__placeholder {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(21, 119, 132, .62) !important;
}

body.sfc-ui-v2 .sfc-marketplace-stats-widget__placeholder svg {
  width: min(54%, 230px) !important;
  height: auto !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 960px) {
  body.sfc-ui-v2 .sfc-marketplace-stats-widget__layout {
    grid-template-columns: 1fr !important;
  }

  body.sfc-ui-v2 .sfc-marketplace-stats-widget__media,
  body.sfc-ui-v2 .sfc-marketplace-stats-widget__media img {
    min-height: 340px !important;
  }
}

@media (max-width: 700px) {
  body.sfc-ui-v2 .sfc-marketplace-stats-widget__content {
    padding: 34px 24px !important;
  }

  body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stats {
    grid-template-columns: 1fr !important;
    padding-top: 12px !important;
  }

  body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card,
  body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card:first-child,
  body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card:last-child {
    padding: 18px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23, 25, 28, .11) !important;
  }

  body.sfc-ui-v2 .sfc-marketplace-stats-widget .sfc-marketplace-stat-card:last-child {
    border-bottom: 0 !important;
  }

  body.sfc-ui-v2 .sfc-marketplace-stats-widget__media,
  body.sfc-ui-v2 .sfc-marketplace-stats-widget__media img {
    min-height: 280px !important;
  }
}