/* SSC Career Hub — premium, cache-resistant public UI */
.ssc-ch,
.ssc-ch-next {
  --ssc-blue: #0f4cbd;
  --ssc-blue-dark: #082f7a;
  --ssc-red: #d92332;
  --ssc-ink: #101827;
  --ssc-muted: #5a6678;
  --ssc-soft: #f4f7fb;
  --ssc-card: #ffffff;
  --ssc-line: #dbe5f1;
  --ssc-gold: #f7c948;
  --ssc-green: #138a43;
  --ssc-shadow: 0 22px 60px rgba(16, 24, 39, .12);
  --ssc-radius: 24px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  color: var(--ssc-ink) !important;
  max-width: 1180px !important;
  margin: 28px auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.ssc-ch *,
.ssc-ch-next * { box-sizing: border-box !important; }
.ssc-ch *:not(code):not(pre),
.ssc-ch-next *:not(code):not(pre) { font-family: inherit !important; }
.ssc-ch a { text-decoration: none !important; }
.ssc-ch [hidden] { display: none !important; }

.ssc-ch-shell {
  overflow: hidden !important;
  border: 1px solid rgba(15, 76, 189, .14) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(15,76,189,.18), transparent 30%),
    radial-gradient(circle at 100% 12%, rgba(217,35,50,.12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: var(--ssc-shadow) !important;
}

.ssc-ch-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 24px !important;
  align-items: stretch !important;
  padding: clamp(24px, 4vw, 44px) !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(7,36,92,.96), rgba(15,76,189,.94) 58%, rgba(217,35,50,.9)) !important;
}

.ssc-ch-kicker {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.ssc-ch h2,
.ssc-ch h3,
.ssc-ch-next h2,
.ssc-ch-next h3 {
  color: inherit !important;
  margin-top: 0 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
}

.ssc-ch h2 {
  max-width: 820px !important;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(32px, 5vw, 58px) !important;
  font-weight: 950 !important;
}

.ssc-ch-subhead {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  line-height: 1.55 !important;
}

.ssc-ch-note {
  margin: 18px 0 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-left: 5px solid var(--ssc-gold) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 15px !important;
}

.ssc-ch-hero-card {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.14) !important;
  backdrop-filter: blur(10px) !important;
}

.ssc-ch-hero-card strong { color: #fff !important; font-size: 16px !important; }
.ssc-ch-hero-card span { color: rgba(255,255,255,.82) !important; font-size: 14px !important; }

.ssc-ch-stats,
.ssc-ch-pathway,
.ssc-ch-badges,
.ssc-ch-meta,
.ssc-ch-row-actions,
.ssc-ch-actions,
.ssc-ch-results-head,
.ssc-ch-upsells,
.ssc-ch-topups,
.ssc-ch-bulkbar { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }

.ssc-ch-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; }
.ssc-ch-stats span {
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
.ssc-ch-stats strong { display: block !important; color: #fff !important; font-size: 26px !important; line-height: 1 !important; }

.ssc-ch-pathway { margin-top: 6px !important; }
.ssc-ch-pathway span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 11px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}
.ssc-ch-pathway span::before {
  content: attr(data-step) !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ssc-blue-dark) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.ssc-ch-workspace {
  display: grid !important;
  grid-template-columns: 340px minmax(0,1fr) !important;
  gap: 22px !important;
  padding: clamp(18px, 3vw, 32px) !important;
}

.ssc-ch-panel,
.ssc-ch-filters,
.ssc-ch-card,
.ssc-ch-empty,
.ssc-ch-apply-assist,
.ssc-ch-value-card,
.ssc-ch-side-card {
  border: 1px solid var(--ssc-line) !important;
  border-radius: var(--ssc-radius) !important;
  background: var(--ssc-card) !important;
  box-shadow: 0 14px 36px rgba(16, 24, 39, .07) !important;
}

.ssc-ch-panel { padding: 18px !important; align-self: start !important; position: sticky !important; top: 18px !important; }
.ssc-ch-panel h3 { margin: 0 0 6px !important; color: var(--ssc-ink) !important; font-size: 20px !important; font-weight: 950 !important; }
.ssc-ch-panel p { margin: 0 0 16px !important; color: var(--ssc-muted) !important; font-size: 14px !important; }

.ssc-ch-filters { display: grid !important; gap: 13px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.ssc-ch-filters label { display: grid !important; gap: 6px !important; margin: 0 !important; color: var(--ssc-ink) !important; font-size: 13px !important; font-weight: 900 !important; }
.ssc-ch-filters input,
.ssc-ch-filters select,
.ssc-ch-form input,
.ssc-ch-form select,
.ssc-ch-form textarea {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid #ccd8e6 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--ssc-ink) !important;
  font-size: 15px !important;
  font-family: inherit !important;
  box-shadow: 0 1px 0 rgba(16,24,39,.03) !important;
}
.ssc-ch-filters input:focus,
.ssc-ch-filters select:focus,
.ssc-ch-form input:focus,
.ssc-ch-form select:focus,
.ssc-ch-form textarea:focus { outline: 3px solid rgba(15,76,189,.16) !important; border-color: var(--ssc-blue) !important; }
.ssc-ch-filters select[multiple] {
  min-height: 112px !important;
  padding: 7px !important;
  overflow: auto !important;
}
.ssc-ch-filters select[multiple] option {
  padding: 7px 9px !important;
  border-radius: 10px !important;
  margin: 2px 0 !important;
}
.ssc-ch-filters select[multiple] option:checked {
  background: linear-gradient(90deg,var(--ssc-blue),var(--ssc-blue)) !important;
  color: #fff !important;
}
.ssc-ch-filter-hint {
  display: inline !important;
  margin-left: 4px !important;
  color: var(--ssc-muted) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
.ssc-ch-credit-balance {
  display: grid !important;
  gap: 2px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  background: #ecfdf3 !important;
  color: #075e2b !important;
}
.ssc-ch-credit-balance strong { font-size: 34px !important; line-height: 1 !important; color: #075e2b !important; }
.ssc-ch-credit-balance span { font-size: 12px !important; font-weight: 850 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }

.ssc-ch button,
.ssc-ch .button,
.ssc-ch input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #eef3f9 !important;
  color: var(--ssc-ink) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.ssc-ch .ssc-ch-primary,
.ssc-ch button[type="submit"] { background: linear-gradient(135deg, var(--ssc-blue), var(--ssc-blue-dark)) !important; color: #fff !important; }
.ssc-ch .ssc-ch-secondary { background: #eef3f9 !important; color: var(--ssc-blue-dark) !important; }
.ssc-ch button:hover,
.ssc-ch .button:hover { transform: translateY(-1px) !important; filter: brightness(.98) !important; }

.ssc-ch-content { min-width: 0 !important; }
.ssc-ch-results-head {
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  padding: 16px !important;
  border: 1px solid var(--ssc-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
}
.ssc-ch-results-head strong { display: block !important; color: var(--ssc-ink) !important; font-size: 18px !important; font-weight: 950 !important; }
.ssc-ch-results-head span { color: var(--ssc-muted) !important; font-size: 13px !important; font-weight: 800 !important; }
.ssc-ch-view-toggle { display: inline-flex !important; gap: 6px !important; padding: 5px !important; border-radius: 16px !important; background: #edf3fb !important; }
.ssc-ch-view-toggle button { min-height: 36px !important; padding: 8px 12px !important; border-radius: 12px !important; }
.ssc-ch-view-toggle button[aria-pressed="true"] { background: var(--ssc-blue) !important; color: #fff !important; }

.ssc-ch-upsells,
.ssc-ch-topups { margin: 0 0 16px !important; }
.ssc-ch-upsells a,
.ssc-ch-topup-card {
  flex: 1 1 180px !important;
  display: grid !important;
  gap: 2px !important;
  min-height: 74px !important;
  padding: 14px !important;
  border: 1px solid rgba(217,35,50,.16) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#fff,#fff7f7) !important;
  color: var(--ssc-ink) !important;
}
.ssc-ch-upsells strong,
.ssc-ch-topup-card strong { color: var(--ssc-red) !important; font-size: 15px !important; font-weight: 950 !important; }
.ssc-ch-upsells span,
.ssc-ch-topup-card span,
.ssc-ch-topup-card small { color: var(--ssc-muted) !important; font-size: 13px !important; }
.ssc-ch-topups-intro { flex: 1 1 100% !important; display: grid !important; gap: 2px !important; padding: 14px !important; border-radius: 18px !important; background: #f5f8fc !important; }
.ssc-ch-topups-intro strong { color: var(--ssc-ink) !important; }
.ssc-ch-topups-intro span { color: var(--ssc-muted) !important; }

.ssc-ch-bulkbar { align-items: center !important; margin: 0 0 16px !important; padding: 12px !important; border: 1px dashed #cbd7e6 !important; border-radius: 18px !important; background: #f8fbff !important; }
.ssc-ch-bulkbar label { display: inline-flex !important; gap: 8px !important; align-items: center !important; margin: 0 !important; font-weight: 850 !important; }
.ssc-ch-bulkbar button { min-height: 38px !important; padding: 9px 12px !important; }

.ssc-ch-job-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 16px !important; }
.ssc-ch-card { display: grid !important; gap: 14px !important; padding: 18px !important; transition: transform .18s ease, box-shadow .18s ease !important; }
.ssc-ch-card:hover { transform: translateY(-3px) !important; box-shadow: 0 20px 44px rgba(16, 24, 39, .12) !important; }
.ssc-ch-check { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; color: var(--ssc-muted) !important; font-size: 13px !important; font-weight: 850 !important; }
.ssc-ch-badges span,
.ssc-ch-meta span,
.ssc-ch-status {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #17427f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.ssc-ch-card h3 { margin: 0 !important; color: var(--ssc-ink) !important; font-size: 24px !important; font-weight: 950 !important; }
.ssc-ch-company,
.ssc-ch-summary { margin: 0 !important; color: var(--ssc-muted) !important; font-size: 15px !important; }
.ssc-ch-company strong { color: var(--ssc-ink) !important; }
.ssc-ch-course-nudge {
  padding: 12px 14px !important;
  border-left: 4px solid var(--ssc-gold) !important;
  border-radius: 14px !important;
  background: #fff9e8 !important;
  color: #654800 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.ssc-ch-row-actions { align-items: center !important; }
.ssc-ch-actions { margin: 0 !important; }

.ssc-ch[data-view="list"] .ssc-ch-job-grid { grid-template-columns: 1fr !important; }
.ssc-ch[data-view="list"] .ssc-ch-card { grid-template-columns: 22px minmax(0, 1.4fr) minmax(220px, .8fr) auto !important; align-items: center !important; }
.ssc-ch[data-view="list"] .ssc-ch-summary,
.ssc-ch[data-view="list"] .ssc-ch-course-nudge { display: none !important; }

.ssc-ch-apply-assist,
.ssc-ch-empty { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 16px !important; padding: 16px !important; }
.ssc-ch-apply-assist strong { display: block !important; color: var(--ssc-ink) !important; font-size: 16px !important; }
.ssc-ch-apply-assist span { color: var(--ssc-muted) !important; font-size: 14px !important; }
.ssc-ch-empty { display: grid !important; }

/* CV optimizer */
.ssc-ch-cv-hero { display: grid !important; grid-template-columns: minmax(0,1fr) 340px !important; gap: 18px !important; align-items: stretch !important; padding: clamp(22px,3vw,36px) !important; border-radius: 30px 30px 0 0 !important; background: linear-gradient(135deg,#07245c,#0f4cbd 62%,#d92332) !important; color: #fff !important; }
.ssc-ch-cv-hero h2 { color: #fff !important; }
.ssc-ch-cv-shell,
.ssc-ch-cv-wrap { display: grid !important; grid-template-columns: minmax(0,1fr) 330px !important; gap: 20px !important; padding: clamp(18px,3vw,32px) !important; }
.ssc-ch-cv-form,
.ssc-ch-form { display: grid !important; gap: 14px !important; padding: 20px !important; border: 1px solid var(--ssc-line) !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 14px 36px rgba(16,24,39,.07) !important; }
.ssc-ch-cv-form label,
.ssc-ch-form label { display: grid !important; gap: 7px !important; color: var(--ssc-ink) !important; font-weight: 900 !important; }
.ssc-ch-field-grid,
.ssc-ch-form .ssc-ch-grid-2 { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 14px !important; }
.ssc-ch-field-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
.ssc-ch-full-field,
.ssc-ch-upload-box,
.ssc-ch-consent { grid-column: 1 / -1 !important; }
.ssc-ch-section-title { display: flex !important; gap: 12px !important; align-items: center !important; padding-top: 10px !important; }
.ssc-ch-section-title > span { display: inline-grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 999px !important; background: var(--ssc-blue) !important; color: #fff !important; font-weight: 950 !important; }
.ssc-ch-section-title strong { display: block !important; color: var(--ssc-ink) !important; font-size: 17px !important; }
.ssc-ch-section-title small { display: block !important; color: var(--ssc-muted) !important; font-weight: 700 !important; }
.ssc-ch-mission { padding: 14px !important; border-radius: 16px !important; background: #fff9e8 !important; color: #654800 !important; font-weight: 800 !important; }
.ssc-ch-consent { display: flex !important; align-items: flex-start !important; grid-template-columns: auto 1fr !important; }
.ssc-ch-submit { width: 100% !important; min-height: 54px !important; font-size: 15px !important; }
.ssc-ch-success { padding: 14px 16px !important; border-radius: 16px !important; background: #ecfdf3 !important; color: #075e2b !important; font-weight: 850 !important; }
.ssc-ch-error { padding: 14px 16px !important; border-radius: 16px !important; background: #fff1f2 !important; color: #a51220 !important; font-weight: 850 !important; }
.ssc-ch-value-card ul,
.ssc-ch-side-card ul { margin: 10px 0 0 18px !important; color: var(--ssc-muted) !important; }
.ssc-ch-value-card li,
.ssc-ch-side-card li { margin: 6px 0 !important; }

@media (max-width: 980px) {
  .ssc-ch-hero,
  .ssc-ch-workspace,
  .ssc-ch-cv-hero,
  .ssc-ch-cv-shell,
  .ssc-ch-cv-wrap { grid-template-columns: 1fr !important; }
  .ssc-ch-panel { position: static !important; }
  .ssc-ch-job-grid { grid-template-columns: 1fr !important; }
  .ssc-ch[data-view="list"] .ssc-ch-card { grid-template-columns: 1fr !important; }
}

@media (max-width: 620px) {
  .ssc-ch { margin: 16px 0 !important; }
  .ssc-ch-shell { border-radius: 22px !important; }
  .ssc-ch-hero { padding: 24px 18px !important; }
  .ssc-ch h2 { font-size: 32px !important; }
  .ssc-ch-stats { grid-template-columns: 1fr !important; }
  .ssc-ch-workspace { padding: 16px !important; }
  .ssc-ch-apply-assist { display: grid !important; }
  .ssc-ch-field-grid,
  .ssc-ch-form .ssc-ch-grid-2 { grid-template-columns: 1fr !important; }
}

/* v1.1.6 — top filter + spreadsheet list mode */
.ssc-ch-filter-strip {
  display: grid !important;
  grid-template-columns: 240px minmax(0,1fr) !important;
  gap: 18px !important;
  align-items: end !important;
  padding: 18px clamp(18px,3vw,32px) !important;
  border-bottom: 1px solid var(--ssc-line) !important;
  background: rgba(255,255,255,.86) !important;
}
.ssc-ch-filter-copy h3 { margin: 0 0 4px !important; color: var(--ssc-ink) !important; font-size: 20px !important; font-weight: 950 !important; }
.ssc-ch-filter-copy p { margin: 0 !important; color: var(--ssc-muted) !important; font-size: 13px !important; }
.ssc-ch-filter-strip .ssc-ch-filters { grid-template-columns: 1fr 1fr 1fr 1fr auto auto !important; align-items: end !important; }
.ssc-ch-filter-strip .ssc-ch-filters label { min-width: 0 !important; }
.ssc-ch-filter-strip .ssc-ch-loading { align-self: center !important; color: var(--ssc-blue-dark) !important; font-weight: 900 !important; }
.ssc-ch-content-wide { padding: clamp(18px,3vw,32px) !important; }
.ssc-ch-list-head { display: none !important; }

.ssc-ch-row-status { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; align-items: center !important; }
.ssc-ch-row-status span,
.ssc-ch-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,76,189,.12) !important;
  background: #eef4ff !important;
  color: #17427f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.ssc-ch-tag-new { background: #fff1f2 !important; color: #b31322 !important; border-color: rgba(217,35,50,.18) !important; }
.ssc-ch-tag-track.nj { background: #f1edff !important; color: #5434a5 !important; }
.ssc-ch-icon-btn { width: 30px !important; padding: 0 !important; font-size: 18px !important; background: #fff8dc !important; color: #8a5a00 !important; cursor: pointer !important; }
.ssc-ch-icon-btn.is-starred { background: #f7c948 !important; color: #2d2100 !important; }
.ssc-ch-icon-viewed { background: #ecfdf3 !important; color: #075e2b !important; }
.ssc-ch-company-cell strong,
.ssc-ch-title-cell h3 { display: block !important; }
.ssc-ch-company-cell small,
.ssc-ch-title-cell small { display: block !important; margin-top: 2px !important; color: var(--ssc-muted) !important; font-size: 12px !important; font-weight: 800 !important; }
.ssc-ch-salary-cell,
.ssc-ch-city-cell,
.ssc-ch-training-cell { color: var(--ssc-ink) !important; font-size: 14px !important; font-weight: 850 !important; }
.ssc-ch-training-cell { display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: flex-start !important; }
.ssc-ch-match-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,23,42,.1) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.ssc-ch-match-warning { background: #fff7ed !important; color: #9a3412 !important; border-color: #fed7aa !important; }
.ssc-ch-match-info { background: #eff6ff !important; color: #1d4ed8 !important; border-color: #bfdbfe !important; }
.ssc-ch-match-neutral { background: #f8fafc !important; color: #475569 !important; border-color: #e2e8f0 !important; }
.ssc-ch-training-route {
  display: inline-flex !important;
  margin-top: 6px !important;
  font-weight: 950 !important;
  color: var(--ssc-blue) !important;
  text-decoration: none !important;
}
.ssc-ch-training-route:hover { text-decoration: underline !important; }
.ssc-ch-training-route-muted { color: var(--ssc-muted) !important; }
.ssc-ch-row-detail {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto !important;
  gap: 14px !important;
  padding: 16px !important;
  border: 1px solid #dbe5f1 !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
}
.ssc-ch-row-detail[hidden] { display: none !important; }
.ssc-ch-row-detail strong { display: block !important; margin-bottom: 4px !important; color: var(--ssc-ink) !important; }
.ssc-ch-row-detail p { margin: 0 !important; color: var(--ssc-muted) !important; font-size: 14px !important; }
.ssc-ch-row-detail-actions { display: flex !important; gap: 8px !important; align-items: center !important; flex-wrap: wrap !important; }

.ssc-ch[data-view="list"] .ssc-ch-list-head {
  display: grid !important;
  grid-template-columns: 34px 116px minmax(140px,1fr) minmax(180px,1.25fr) 110px 120px minmax(130px,.9fr) minmax(180px,1.2fr) 190px !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ssc-line) !important;
  border-radius: 16px !important;
  background: #0f172a !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
.ssc-ch[data-view="list"] .ssc-ch-job-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
  display: grid !important;
  grid-template-columns: 34px 116px minmax(140px,1fr) minmax(180px,1.25fr) 110px 120px minmax(130px,.9fr) minmax(180px,1.2fr) 190px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(16,24,39,.045) !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card:hover { transform: none !important; background: #fbfdff !important; border-color: rgba(15,76,189,.28) !important; }
.ssc-ch[data-view="list"] .ssc-ch-check span { display: none !important; }
.ssc-ch[data-view="list"] .ssc-ch-card h3 { margin: 0 !important; font-size: 15px !important; line-height: 1.2 !important; }
.ssc-ch[data-view="list"] .ssc-ch-company-cell strong { font-size: 14px !important; line-height: 1.2 !important; }
.ssc-ch[data-view="list"] .ssc-ch-notes-cell { margin: 0 !important; font-size: 13px !important; line-height: 1.35 !important; color: var(--ssc-muted) !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-actions { justify-content: flex-end !important; gap: 6px !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-actions .button,
.ssc-ch[data-view="list"] .ssc-ch-row-actions button { min-height: 34px !important; padding: 8px 10px !important; border-radius: 10px !important; font-size: 12px !important; }
.ssc-ch[data-view="list"] .ssc-ch-actions { display: none !important; }
.ssc-ch[data-view="list"] .ssc-ch-applied-row { border-color: rgba(19,138,67,.35) !important; background: #fbfffc !important; }
.ssc-ch[data-view="list"] .ssc-ch-applied-row .ssc-ch-row-status::after { content: 'Applied'; display: inline-flex; padding: 4px 8px; border-radius: 999px; background: #138a43; color: #fff; font-size: 11px; font-weight: 950; }

@media (max-width: 1180px) {
  .ssc-ch[data-view="list"] .ssc-ch-list-head,
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row { grid-template-columns: 34px 100px minmax(120px,1fr) minmax(160px,1.2fr) 100px 110px minmax(120px,.9fr) 160px 160px !important; }
  .ssc-ch-filter-strip { grid-template-columns: 1fr !important; }
  .ssc-ch-filter-strip .ssc-ch-filters { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 860px) {
  .ssc-ch[data-view="list"] .ssc-ch-list-head { display: none !important; }
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row { grid-template-columns: 1fr !important; gap: 10px !important; }
  .ssc-ch[data-view="list"] .ssc-ch-actions { display: flex !important; }
  .ssc-ch-row-detail { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  .ssc-ch-filter-strip .ssc-ch-filters { grid-template-columns: 1fr !important; }
}

/* v1.1.6b — true spreadsheet density pass */
.ssc-ch[data-view="list"] .ssc-ch-list-head {
  grid-template-columns: 28px 132px 150px 190px 92px 100px 118px minmax(160px,1fr) 128px !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
  grid-template-columns: 28px 132px 150px 190px 92px 100px 118px minmax(160px,1fr) 128px !important;
  gap: 8px !important;
  min-height: 54px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  border-color: #e1e8f0 !important;
  box-shadow: none !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-status { flex-wrap: nowrap !important; gap: 4px !important; overflow: hidden !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-status span,
.ssc-ch[data-view="list"] .ssc-ch-icon-btn { min-height: 22px !important; height: 22px !important; padding: 3px 6px !important; font-size: 10px !important; white-space: nowrap !important; }
.ssc-ch[data-view="list"] .ssc-ch-icon-btn { width: 24px !important; min-width: 24px !important; font-size: 15px !important; }
.ssc-ch[data-view="list"] .ssc-ch-icon-viewed { width: 22px !important; min-width: 22px !important; padding: 0 !important; overflow: hidden !important; color: transparent !important; position: relative !important; }
.ssc-ch[data-view="list"] .ssc-ch-icon-viewed::before { content: '✓' !important; color: #075e2b !important; position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; }
.ssc-ch[data-view="list"] .ssc-ch-company-cell,
.ssc-ch[data-view="list"] .ssc-ch-title-cell,
.ssc-ch[data-view="list"] .ssc-ch-salary-cell,
.ssc-ch[data-view="list"] .ssc-ch-city-cell,
.ssc-ch[data-view="list"] .ssc-ch-training-cell,
.ssc-ch[data-view="list"] .ssc-ch-notes-cell { min-width: 0 !important; overflow: hidden !important; }
.ssc-ch[data-view="list"] .ssc-ch-company-cell strong,
.ssc-ch[data-view="list"] .ssc-ch-title-cell h3,
.ssc-ch[data-view="list"] .ssc-ch-salary-cell,
.ssc-ch[data-view="list"] .ssc-ch-city-cell,
.ssc-ch[data-view="list"] .ssc-ch-training-cell,
.ssc-ch[data-view="list"] .ssc-ch-notes-cell {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ssc-ch[data-view="list"] .ssc-ch-company-cell small,
.ssc-ch[data-view="list"] .ssc-ch-title-cell small { display: none !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; justify-content: stretch !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-detail-toggle,
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-primary { width: 100% !important; min-height: 30px !important; padding: 6px 8px !important; font-size: 11px !important; border-radius: 9px !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-detail-toggle { background: transparent !important; color: var(--ssc-blue-dark) !important; border: 1px solid #cdd9e8 !important; }
.ssc-ch[data-view="list"] .ssc-ch-row-detail { margin-top: 4px !important; padding: 12px !important; }
@media (max-width: 1180px) {
  .ssc-ch[data-view="list"] .ssc-ch-results { overflow-x: auto !important; padding-bottom: 8px !important; }
  .ssc-ch[data-view="list"] .ssc-ch-list-head,
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row { min-width: 1080px !important; }
}

/* v1.1.6c — keep short description visible in spreadsheet mode */
.ssc-ch[data-view="list"] .ssc-ch-summary.ssc-ch-notes-cell {
  display: block !important;
  margin: 0 !important;
  color: var(--ssc-muted) !important;
}

/* v1.1.7 — Apple-style modern polish pass */
.ssc-ch,
.ssc-ch-next {
  --ssc-apple-bg: #f5f5f7;
  --ssc-apple-card: #ffffff;
  --ssc-apple-ink: #1d1d1f;
  --ssc-apple-muted: rgba(29,29,31,.68);
  --ssc-apple-faint: rgba(29,29,31,.12);
  --ssc-apple-blue: #0071e3;
  --ssc-apple-blue-dark: #0066cc;
  --ssc-apple-green: #34c759;
  --ssc-apple-orange: #ff9f0a;
  --ssc-apple-red: #ff3b30;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: var(--ssc-apple-ink) !important;
  max-width: 1220px !important;
  margin: 24px auto !important;
  letter-spacing: -.022em !important;
}
.ssc-ch-shell,
.ssc-ch.ssc-ch-cv {
  border: 0 !important;
  border-radius: 28px !important;
  background: var(--ssc-apple-bg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.ssc-ch-hero,
.ssc-ch-cv-hero {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 330px !important;
  gap: 24px !important;
  align-items: center !important;
  padding: clamp(38px, 6vw, 76px) clamp(24px, 5vw, 64px) !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 28px 28px 0 0 !important;
}
.ssc-ch-kicker {
  display: inline-flex !important;
  margin: 0 0 14px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 980px !important;
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.86) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}
.ssc-ch h2,
.ssc-ch-cv-hero h2 {
  max-width: 850px !important;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(42px, 6vw, 72px) !important;
  font-weight: 650 !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
}
.ssc-ch-subhead,
.ssc-ch-cv-hero p:not(.ssc-ch-kicker) {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: clamp(19px, 2.1vw, 24px) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: -.03em !important;
}
.ssc-ch-note {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 15px !important;
}
.ssc-ch-hero-card,
.ssc-ch-value-card {
  border: 0 !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
  backdrop-filter: saturate(180%) blur(24px) !important;
  padding: 18px !important;
}
.ssc-ch-hero-card strong,
.ssc-ch-value-card strong { color: #fff !important; font-size: 17px !important; font-weight: 650 !important; }
.ssc-ch-hero-card span,
.ssc-ch-value-card li,
.ssc-ch-value-card small { color: rgba(255,255,255,.74) !important; }
.ssc-ch-stats { grid-template-columns: repeat(3,1fr) !important; }
.ssc-ch-stats span {
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.74) !important;
}
.ssc-ch-stats strong { color: #fff !important; font-weight: 650 !important; }
.ssc-ch-pathway span {
  border: 0 !important;
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 500 !important;
}
.ssc-ch-pathway span::before { background: #0071e3 !important; color: #fff !important; }

.ssc-ch-filter-strip,
.ssc-ch-cv-shell {
  background: var(--ssc-apple-bg) !important;
  border: 0 !important;
  padding: clamp(20px,3vw,34px) !important;
}
.ssc-ch-filter-strip {
  grid-template-columns: 220px minmax(0,1fr) !important;
  align-items: center !important;
}
.ssc-ch-filter-copy h3,
.ssc-ch-panel h3 { color: var(--ssc-apple-ink) !important; font-size: 21px !important; font-weight: 650 !important; letter-spacing: -.03em !important; }
.ssc-ch-filter-copy p,
.ssc-ch-panel p { color: var(--ssc-apple-muted) !important; }
.ssc-ch-filter-strip .ssc-ch-filters,
.ssc-ch-filters { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.ssc-ch-filters label,
.ssc-ch-cv-form label { color: var(--ssc-apple-ink) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: -.01em !important; }
.ssc-ch-filters input,
.ssc-ch-filters select,
.ssc-ch-cv-form input,
.ssc-ch-cv-form select,
.ssc-ch-cv-form textarea,
.ssc-ch-form input,
.ssc-ch-form select,
.ssc-ch-form textarea {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--ssc-apple-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
}
.ssc-ch-filters input:focus,
.ssc-ch-filters select:focus,
.ssc-ch-cv-form input:focus,
.ssc-ch-cv-form select:focus,
.ssc-ch-cv-form textarea:focus { outline: 3px solid rgba(0,113,227,.22) !important; box-shadow: inset 0 0 0 1px var(--ssc-apple-blue) !important; }
.ssc-ch button,
.ssc-ch .button,
.ssc-ch input[type="submit"] {
  border-radius: 980px !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -.016em !important;
  background: #fff !important;
  color: var(--ssc-apple-blue-dark) !important;
  box-shadow: none !important;
}
.ssc-ch .ssc-ch-primary,
.ssc-ch button[type="submit"],
.ssc-ch .ssc-ch-submit { background: var(--ssc-apple-blue) !important; color: #fff !important; }
.ssc-ch .ssc-ch-secondary { background: rgba(0,0,0,.04) !important; color: var(--ssc-apple-blue-dark) !important; }

.ssc-ch-content-wide { padding: clamp(20px,3vw,34px) !important; background: var(--ssc-apple-bg) !important; }
.ssc-ch-results-head,
.ssc-ch-bulkbar,
.ssc-ch-apply-assist,
.ssc-ch-cv-form,
.ssc-ch-side-card,
.ssc-ch-topups-intro,
.ssc-ch-topup-card,
.ssc-ch-upsells a,
.ssc-ch-card {
  border: 0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.ssc-ch-results-head { padding: 18px !important; }
.ssc-ch-results-head strong { color: var(--ssc-apple-ink) !important; font-size: 21px !important; font-weight: 650 !important; }
.ssc-ch-results-head span { color: var(--ssc-apple-muted) !important; font-weight: 500 !important; }
.ssc-ch-view-toggle { background: rgba(0,0,0,.05) !important; border-radius: 980px !important; padding: 4px !important; }
.ssc-ch-view-toggle button { border-radius: 980px !important; min-height: 34px !important; }
.ssc-ch-view-toggle button[aria-pressed="true"] { background: #fff !important; color: var(--ssc-apple-ink) !important; box-shadow: 0 1px 8px rgba(0,0,0,.08) !important; }
.ssc-ch-upsells a,
.ssc-ch-topup-card { background: #fff !important; color: var(--ssc-apple-ink) !important; }
.ssc-ch-upsells strong,
.ssc-ch-topup-card strong { color: var(--ssc-apple-ink) !important; font-weight: 650 !important; }
.ssc-ch-upsells span,
.ssc-ch-topup-card span,
.ssc-ch-topup-card small,
.ssc-ch-topups-intro span,
.ssc-ch-side-card p { color: var(--ssc-apple-muted) !important; }

.ssc-ch[data-view="list"] .ssc-ch-list-head {
  background: rgba(0,0,0,.82) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  border: 0 !important;
  color: rgba(255,255,255,.78) !important;
  border-radius: 14px !important;
  text-transform: none !important;
  letter-spacing: -.01em !important;
  font-size: 12px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
  border: 0 !important;
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row:hover { background: #fbfbfd !important; }
.ssc-ch-row-status span,
.ssc-ch-icon-btn,
.ssc-ch-badges span,
.ssc-ch-meta span { border: 0 !important; font-weight: 600 !important; }
.ssc-ch-tag-new { background: rgba(52,199,89,.14) !important; color: #1f8f3a !important; }
.ssc-ch-tag-track.ny { background: rgba(0,113,227,.12) !important; color: var(--ssc-apple-blue-dark) !important; }
.ssc-ch-tag-track.nj { background: rgba(88,86,214,.13) !important; color: #5856d6 !important; }
.ssc-ch-icon-btn { background: rgba(255,159,10,.16) !important; color: #a65f00 !important; }
.ssc-ch-icon-btn.is-starred { background: var(--ssc-apple-orange) !important; color: #fff !important; }
.ssc-ch-icon-viewed { background: rgba(52,199,89,.14) !important; color: #1f8f3a !important; }

.ssc-ch-section-title { padding: 14px 0 4px !important; }
.ssc-ch-section-title > span {
  width: 34px !important; height: 34px !important;
  background: var(--ssc-apple-blue) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.ssc-ch-section-title strong { font-size: 22px !important; font-weight: 650 !important; letter-spacing: -.035em !important; color: var(--ssc-apple-ink) !important; }
.ssc-ch-section-title small { color: var(--ssc-apple-muted) !important; font-weight: 500 !important; }
.ssc-ch-cv-form { padding: clamp(20px,3vw,34px) !important; }
.ssc-ch-cv-side { display: grid !important; gap: 16px !important; align-content: start !important; }
.ssc-ch-side-card,
.ssc-ch-topups-intro,
.ssc-ch-topup-card { padding: 18px !important; }
.ssc-ch-side-card strong,
.ssc-ch-topups-intro strong { color: var(--ssc-apple-ink) !important; font-size: 19px !important; font-weight: 650 !important; }
.ssc-ch-mission { background: #fff !important; color: var(--ssc-apple-muted) !important; border-radius: 16px !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important; }
.ssc-ch-upload-box { background: #fbfbfd !important; border-radius: 16px !important; padding: 16px !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important; }

@media (max-width: 980px) {
  .ssc-ch-hero,
  .ssc-ch-cv-hero,
  .ssc-ch-filter-strip,
  .ssc-ch-cv-shell { grid-template-columns: 1fr !important; }
  .ssc-ch-filter-strip .ssc-ch-filters { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 620px) {
  .ssc-ch h2,
  .ssc-ch-cv-hero h2 { font-size: 40px !important; }
  .ssc-ch-subhead,
  .ssc-ch-cv-hero p:not(.ssc-ch-kicker) { font-size: 19px !important; }
  .ssc-ch-filter-strip .ssc-ch-filters,
  .ssc-ch-field-grid,
  .ssc-ch-field-grid.two { grid-template-columns: 1fr !important; }
}

/* v1.1.7b — final Apple polish and trust cues */
.ssc-ch-privacy-note {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(29,29,31,.56) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -.01em !important;
}
.ssc-ch-topup-card { position: relative !important; padding-right: 44px !important; }
.ssc-ch-topup-card::after {
  content: '›' !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--ssc-apple-blue) !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}
.ssc-ch-topup-card:hover,
.ssc-ch-upsells a:hover { background: #fbfbfd !important; }
.ssc-ch-cv-form textarea { min-height: 138px !important; }
.ssc-ch-submit { font-size: 17px !important; min-height: 50px !important; }

/* v1.1.8 — fit-first list table + calmer Apple typography */
.ssc-ch,
.ssc-ch-next {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.ssc-ch :where(strong, h3, label, button, .button, .ssc-ch-status, .ssc-ch-row-status span, .ssc-ch-meta span, .ssc-ch-badges span) {
  font-family: inherit !important;
  font-weight: 500 !important;
}
.ssc-ch h2,
.ssc-ch-cv-hero h2 { font-weight: 600 !important; }
.ssc-ch-results-head strong,
.ssc-ch-filter-copy h3,
.ssc-ch-panel h3,
.ssc-ch-section-title strong,
.ssc-ch-side-card strong,
.ssc-ch-topups-intro strong,
.ssc-ch-topup-card strong { font-weight: 550 !important; }

.ssc-ch[data-view="list"] .ssc-ch-results {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
}
.ssc-ch[data-view="list"] .ssc-ch-list-head,
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns:
    24px
    minmax(88px, .82fr)
    minmax(105px, 1fr)
    minmax(128px, 1.2fr)
    minmax(70px, .68fr)
    minmax(78px, .72fr)
    minmax(92px, .78fr)
    minmax(112px, 1fr)
    minmax(94px, .8fr) !important;
  gap: 6px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-list-head {
  padding: 8px 9px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
  min-height: 50px !important;
  padding: 8px 9px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-check {
  min-width: 0 !important;
  justify-content: center !important;
}
.ssc-ch[data-view="list"] .ssc-ch-check input {
  width: 14px !important;
  height: 14px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-status {
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-status span,
.ssc-ch[data-view="list"] .ssc-ch-icon-btn {
  min-height: 20px !important;
  height: 20px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
}
.ssc-ch[data-view="list"] .ssc-ch-icon-btn {
  width: 22px !important;
  min-width: 22px !important;
  padding: 0 !important;
  font-size: 14px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-card h3,
.ssc-ch[data-view="list"] .ssc-ch-company-cell strong,
.ssc-ch[data-view="list"] .ssc-ch-salary-cell,
.ssc-ch[data-view="list"] .ssc-ch-city-cell,
.ssc-ch[data-view="list"] .ssc-ch-training-cell,
.ssc-ch[data-view="list"] .ssc-ch-notes-cell {
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 450 !important;
  letter-spacing: -.018em !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-actions {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 5px !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-detail-toggle,
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-primary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 6px 7px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.ssc-ch[data-view="list"] .ssc-ch-row-actions .ssc-ch-primary { padding-left: 5px !important; padding-right: 5px !important; }

@media (max-width: 1180px) {
  .ssc-ch[data-view="list"] .ssc-ch-results { overflow-x: visible !important; }
  .ssc-ch[data-view="list"] .ssc-ch-list-head,
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
    min-width: 0 !important;
    grid-template-columns: 22px minmax(82px,.75fr) minmax(98px,1fr) minmax(118px,1.2fr) minmax(66px,.65fr) minmax(72px,.7fr) minmax(86px,.75fr) minmax(88px,.72fr) !important;
  }
  .ssc-ch[data-view="list"] .ssc-ch-list-head span:nth-child(8),
  .ssc-ch[data-view="list"] .ssc-ch-notes-cell { display: none !important; }
}

@media (max-width: 980px) {
  .ssc-ch[data-view="list"] .ssc-ch-list-head { display: none !important; }
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
    grid-template-columns: 24px minmax(0,1fr) auto !important;
    gap: 8px !important;
  }
  .ssc-ch[data-view="list"] .ssc-ch-row-status,
  .ssc-ch[data-view="list"] .ssc-ch-salary-cell,
  .ssc-ch[data-view="list"] .ssc-ch-city-cell,
  .ssc-ch[data-view="list"] .ssc-ch-training-cell,
  .ssc-ch[data-view="list"] .ssc-ch-notes-cell { grid-column: 2 / -1 !important; }
  .ssc-ch[data-view="list"] .ssc-ch-title-cell,
  .ssc-ch[data-view="list"] .ssc-ch-company-cell { grid-column: 2 / 3 !important; }
  .ssc-ch[data-view="list"] .ssc-ch-row-actions { grid-column: 3 / 4 !important; grid-row: 1 / span 2 !important; width: 112px !important; }
}


/* v1.1.9 — practical WordPress finish: safer mobile, form controls, dashboard table */
.ssc-ch-cv-form input[type="checkbox"],
.ssc-ch-form input[type="checkbox"],
.ssc-ch-filters input[type="checkbox"] {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background: initial !important;
  flex: 0 0 auto !important;
}
.ssc-ch-cv-form input[type="file"],
.ssc-ch-form input[type="file"] {
  min-height: auto !important;
  padding: 10px 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.ssc-ch-consent { display: flex !important; align-items: flex-start !important; gap: 10px !important; }

.ssc-ch-is-loading { opacity: .62 !important; pointer-events: none !important; transition: opacity .18s ease !important; }
.ssc-ch button:focus-visible,
.ssc-ch .button:focus-visible,
.ssc-ch a:focus-visible,
.ssc-ch input:focus-visible,
.ssc-ch select:focus-visible,
.ssc-ch textarea:focus-visible { outline: 3px solid rgba(0,113,227,.28) !important; outline-offset: 2px !important; }

.ssc-ch-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 18px !important;
  background: #fff !important;
}
.ssc-ch-table {
  width: 100% !important;
  min-width: 720px !important;
  border-collapse: collapse !important;
  background: #fff !important;
  color: var(--ssc-apple-ink, #1d1d1f) !important;
}
.ssc-ch-table th,
.ssc-ch-table td {
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.ssc-ch-table th { color: rgba(29,29,31,.62) !important; font-weight: 500 !important; }
.ssc-ch-table td:first-child { min-width: 180px !important; white-space: normal !important; }

@media (max-width: 980px) {
  .ssc-ch[data-view="list"] .ssc-ch-actions { display: none !important; }
  .ssc-ch[data-view="list"] .ssc-ch-row-status,
  .ssc-ch[data-view="list"] .ssc-ch-salary-cell,
  .ssc-ch[data-view="list"] .ssc-ch-city-cell,
  .ssc-ch[data-view="list"] .ssc-ch-training-cell,
  .ssc-ch[data-view="list"] .ssc-ch-notes-cell { grid-column: 2 / 3 !important; }
}

@media (max-width: 760px) {
  .ssc-ch[data-view="list"] .ssc-ch-card.ssc-ch-job-row {
    grid-template-columns: 1fr !important;
  }
  .ssc-ch[data-view="list"] .ssc-ch-check,
  .ssc-ch[data-view="list"] .ssc-ch-row-status,
  .ssc-ch[data-view="list"] .ssc-ch-company-cell,
  .ssc-ch[data-view="list"] .ssc-ch-title-cell,
  .ssc-ch[data-view="list"] .ssc-ch-salary-cell,
  .ssc-ch[data-view="list"] .ssc-ch-city-cell,
  .ssc-ch[data-view="list"] .ssc-ch-training-cell,
  .ssc-ch[data-view="list"] .ssc-ch-notes-cell,
  .ssc-ch[data-view="list"] .ssc-ch-row-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
  .ssc-ch[data-view="list"] .ssc-ch-check { justify-content: flex-start !important; }
}

/* ==========================================================================
   v1.4.0 — Chip filters, CV wizard, CV report, success card, share row
   ========================================================================== */

/* Chip-style filter group (mobile-friendly multi-select replacement).
   The filter strip sits on a LIGHT background (see .ssc-ch-filter-strip at top of file).
   All chip + label + summary styles below assume that — ink-on-light, not the
   white-on-dark hero gradient. */

/* v1.8.5 — 2-column filter grid (desktop). Old layout stacked every field
   vertically which made State (a 40px-tall dropdown) eat a full row of
   width. Now: State + Cities on row 1, Role + Training on row 2. Buttons
   span both columns. Single-column collapse below 720px. */
.ssc-ch-filter-strip .ssc-ch-filters.ssc-ch-filters-chips,
.ssc-ch-filters.ssc-ch-filters-chips {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 18px !important;
  align-items: start !important;
}
.ssc-ch-filters-chips .ssc-ch-filter-field { display: flex !important; flex-direction: column !important; gap: 6px !important; min-width: 0 !important; }
.ssc-ch-filters-chips .ssc-ch-filter-actions { grid-column: 1 / -1 !important; }
@media (max-width: 720px) {
  .ssc-ch-filter-strip .ssc-ch-filters.ssc-ch-filters-chips,
  .ssc-ch-filters.ssc-ch-filters-chips { grid-template-columns: 1fr !important; }
}
.ssc-ch-filters-chips label {
  font-weight: 700 !important; font-size: 12px !important;
  color: var(--ssc-muted) !important; text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
.ssc-ch-filters-chips input,
.ssc-ch-filters-chips select {
  padding: 10px 14px !important; border-radius: 12px !important;
  border: 1px solid var(--ssc-line) !important;
  background: #fff !important; color: var(--ssc-ink) !important;
  font-size: 14px !important; font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(8, 47, 122, .04) !important;
}
.ssc-ch-filters-chips input:focus,
.ssc-ch-filters-chips select:focus {
  outline: 3px solid rgba(15, 76, 189, .18) !important;
  border-color: var(--ssc-blue) !important;
}

/* Collapsible chip panel (City, Training) */
.ssc-ch-filter-collapse {
  border: 1px solid var(--ssc-line) !important; border-radius: 14px !important;
  background: #fff !important; padding: 10px 14px !important;
}
.ssc-ch-filter-collapse > summary {
  cursor: pointer !important; color: var(--ssc-ink) !important;
  font-weight: 700 !important; font-size: 13px !important;
  text-transform: uppercase !important; letter-spacing: .04em !important;
  padding: 4px 0 !important; list-style: none !important;
  display: flex !important; gap: 10px !important; align-items: center !important;
}
.ssc-ch-filter-collapse > summary::-webkit-details-marker { display: none; }
.ssc-ch-filter-collapse > summary::before {
  content: "+"; display: inline-grid; place-items: center;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--ssc-soft); color: var(--ssc-blue);
  font-weight: 900; font-size: 13px; line-height: 1;
}
.ssc-ch-filter-collapse[open] > summary::before { content: "−"; background: var(--ssc-blue); color: #fff; }
.ssc-ch-filter-collapse > summary small {
  margin-left: auto !important;
  color: var(--ssc-muted) !important; font-weight: 500 !important;
  font-size: 11px !important; text-transform: none !important; letter-spacing: 0 !important;
}
.ssc-ch-chip-group {
  display: flex !important; flex-wrap: wrap !important;
  gap: 6px !important; padding: 12px 0 4px !important;
}

/* Chip section titles (NY / NJ grouping inside the City / Training panels) */
.ssc-ch-chip-section {
  padding: 8px 0 4px !important;
  border-top: 1px dashed var(--ssc-line) !important;
  margin-top: 8px !important;
}
.ssc-ch-chip-section:first-of-type {
  padding-top: 0 !important;
  border-top: 0 !important;
  margin-top: 0 !important;
}
.ssc-ch-chip-section[hidden] { display: none !important; }
.ssc-ch-chip-section-title {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: var(--ssc-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

/* Chip pill — light theme. Inactive: blue ink on soft background. Active: solid SSC blue. */
.ssc-ch-chip {
  position: relative !important; display: inline-flex !important; align-items: center !important;
  padding: 7px 14px !important; border-radius: 999px !important;
  border: 1px solid var(--ssc-line) !important; background: #fff !important;
  color: var(--ssc-blue) !important; font-size: 13px !important; font-weight: 600 !important;
  cursor: pointer !important; transition: all .15s ease !important;
  line-height: 1.2 !important;
}
.ssc-ch-chip:hover {
  background: var(--ssc-soft) !important;
  border-color: var(--ssc-blue) !important;
}
.ssc-ch-chip.is-active {
  background: var(--ssc-blue) !important;
  color: #fff !important;
  border-color: var(--ssc-blue) !important;
  box-shadow: 0 4px 12px rgba(15, 76, 189, .22) !important;
}
.ssc-ch-chip input {
  position: absolute !important; opacity: 0 !important; pointer-events: none !important;
  width: 0 !important; height: 0 !important;
}

/* v1.8.4 — Tag-pill multi-select.
   Replaces the verbose chip-grid for City + Training filters. Selected items
   live as removable pills inside a bounded box; user types into a single
   search input that uses native <datalist> autocomplete to pick more.
   Cost: ~52px when empty, +28px per row of pills. Was ~360px for the open chip-grid. */
.ssc-ch-multi {
  display: block !important;
  margin: 4px 0 0 !important;
}
.ssc-ch-multi-hint {
  margin-left: 8px !important; color: var(--ssc-muted) !important;
  font-weight: 500 !important; font-size: 11px !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
.ssc-ch-multi-shell {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  gap: 6px !important; padding: 8px 10px !important; min-height: 44px !important;
  border: 1px solid var(--ssc-line) !important; border-radius: 12px !important;
  background: #fff !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.ssc-ch-multi-shell:focus-within {
  border-color: var(--ssc-blue) !important;
  box-shadow: 0 0 0 3px rgba(15, 76, 189, .12) !important;
}
.ssc-ch-multi-tags {
  display: contents !important;
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}
.ssc-ch-multi-tag {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 4px 4px 4px 12px !important;
  border-radius: 999px !important;
  background: var(--ssc-blue) !important; color: #fff !important;
  font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important;
  box-shadow: 0 2px 6px rgba(15, 76, 189, .2) !important;
}
.ssc-ch-multi-tag span { color: #fff !important; }
.ssc-ch-multi-tag button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 22px !important; height: 22px !important; padding: 0 !important;
  border: 0 !important; border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important; color: #fff !important;
  font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important;
  cursor: pointer !important; transition: background .15s ease !important;
}
.ssc-ch-multi-tag button:hover { background: rgba(255,255,255,.32) !important; }
.ssc-ch-multi-input {
  flex: 1 1 180px !important; min-width: 160px !important;
  border: 0 !important; outline: 0 !important; background: transparent !important;
  padding: 4px 6px !important; font-size: 14px !important;
  color: var(--ssc-ink) !important;
}
.ssc-ch-multi-input::placeholder { color: var(--ssc-muted) !important; }
@media (max-width: 640px) {
  .ssc-ch-multi-input { flex-basis: 100% !important; }
}

.ssc-ch-filter-actions {
  display: flex !important; gap: 10px !important;
  align-items: center !important; flex-wrap: wrap !important;
  margin-top: 6px !important; padding-top: 10px !important;
  border-top: 1px solid var(--ssc-line) !important;
}
.ssc-ch-filter-actions button.ssc-ch-primary {
  padding: 10px 22px !important; background: var(--ssc-blue) !important;
  color: #fff !important; border: 0 !important; border-radius: 999px !important;
  font-weight: 700 !important; cursor: pointer !important; font-size: 14px !important;
}
.ssc-ch-filter-actions button.ssc-ch-primary:hover { background: var(--ssc-blue-dark) !important; }
.ssc-ch-filter-actions button.ssc-ch-secondary {
  padding: 10px 18px !important; background: #fff !important;
  color: var(--ssc-muted) !important; border: 1px solid var(--ssc-line) !important;
  border-radius: 999px !important; font-weight: 700 !important; cursor: pointer !important; font-size: 14px !important;
}
.ssc-ch-filter-actions button.ssc-ch-secondary:hover { color: var(--ssc-ink) !important; border-color: var(--ssc-blue) !important; }

@media (max-width: 720px) {
  .ssc-ch-filter-strip { grid-template-columns: 1fr !important; }
  .ssc-ch-filters-chips { gap: 12px !important; }
  .ssc-ch-chip { padding: 8px 14px !important; font-size: 14px !important; }
}

/* v1.8.5 — CV optimizer hero brought down to match the universal slim
   workspace pattern (24-34px). Was 26-38px since 1.4.8 — still bigger than
   Dashboard/Jobs/My CVs and the user called it out as inconsistent. */
.ssc-ch-cv .ssc-ch-hero h2,
.ssc-ch-cv-hero h2 {
  font-size: clamp(24px, 3vw, 32px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}
.ssc-ch-cv .ssc-ch-hero { padding: clamp(18px, 2.6vw, 26px) !important; }
.ssc-ch-cv .ssc-ch-hero p { font-size: clamp(13px, 1.4vw, 15px) !important; }

/* v1.8.5 — CV report hero. Previously inherited the global .ssc-ch h2 rule
   at clamp(32px,5vw,58px) — a 58px screamer on a transactional results page.
   The big score dial on the right is the magnetic centrepiece, the H2 is
   the supporting copy. Slim it. */
.ssc-ch-cv-report .ssc-ch-hero,
.ssc-ch-report-hero { padding: clamp(18px, 2.6vw, 26px) !important; }
.ssc-ch-cv-report .ssc-ch-hero h2,
.ssc-ch-report-hero h2 {
  font-size: clamp(22px, 2.8vw, 30px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}
.ssc-ch-cv-report .ssc-ch-hero .ssc-ch-subhead,
.ssc-ch-report-hero .ssc-ch-subhead { font-size: clamp(13px, 1.4vw, 15px) !important; }
.ssc-ch-cv-report .ssc-ch-hero .ssc-ch-note,
.ssc-ch-report-hero .ssc-ch-note { font-size: 12px !important; padding: 10px 12px !important; margin-top: 10px !important; }

/* Post-submission state panel — modern transactional confirmation
   (Stripe / Linear / Wise pattern: big icon, headline, reference, timeline, action tiles) */
.ssc-ch-submission-state {
  max-width: 980px !important;
  margin: 22px auto !important;
  padding: clamp(24px, 4vw, 40px) !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 48px rgba(15, 76, 189, .08) !important;
}
.ssc-ch-submission-header {
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
  margin-bottom: 22px !important;
}
.ssc-ch-submission-status-icon {
  flex: 0 0 auto !important;
  width: 56px !important; height: 56px !important;
  display: inline-grid !important; place-items: center !important;
  border-radius: 50% !important;
  font-size: 24px !important; font-weight: 900 !important;
  background: rgba(19, 138, 67, .14) !important;
  color: var(--ssc-green) !important;
}
.ssc-ch-submission-status-icon.is-pending {
  background: rgba(247, 201, 72, .18) !important;
  color: #b87800 !important;
}
.ssc-ch-submission-headline-wrap { min-width: 0 !important; flex: 1 !important; }
.ssc-ch-submission-headline {
  margin: 0 0 4px !important;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  color: var(--ssc-ink) !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
}
.ssc-ch-submission-meta {
  margin: 0 !important;
  font-size: 13px !important;
  color: var(--ssc-muted) !important;
  font-variant-numeric: tabular-nums !important;
}
.ssc-ch-submission-meta strong { color: var(--ssc-ink) !important; font-weight: 700 !important; }

/* "Scored by:" tone-coded badge — local engine / AI / human reviewer */
.ssc-ch-scored-by {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 18px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
}
.ssc-ch-scored-local { background: rgba(15, 76, 189, .1) !important; color: var(--ssc-blue) !important; }
.ssc-ch-scored-ai { background: rgba(217, 35, 50, .1) !important; color: var(--ssc-red) !important; }
.ssc-ch-scored-human { background: rgba(247, 201, 72, .18) !important; color: #b87800 !important; }
.ssc-ch-scored-by::before {
  content: "•"; display: inline-block; font-size: 16px; line-height: 0;
}

/* Status timeline (horizontal stepper) */
.ssc-ch-status-timeline {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  padding: 16px 0 !important;
  margin: 0 0 22px !important;
  position: relative !important;
}
.ssc-ch-status-timeline::before {
  content: "" !important; position: absolute !important;
  top: 24px !important; left: 16% !important; right: 16% !important; height: 2px !important;
  background: var(--ssc-line) !important;
  z-index: 0 !important;
}
.ssc-ch-status-timeline li {
  position: relative !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important;
  z-index: 1 !important;
}
.ssc-ch-status-dot {
  width: 18px !important; height: 18px !important; border-radius: 50% !important;
  background: #fff !important; border: 2px solid var(--ssc-line) !important;
  margin-bottom: 6px !important;
  transition: all .2s ease !important;
}
.ssc-ch-status-timeline li.is-done .ssc-ch-status-dot {
  background: var(--ssc-green) !important; border-color: var(--ssc-green) !important;
  box-shadow: 0 0 0 4px rgba(19, 138, 67, .14) !important;
}
.ssc-ch-status-timeline li.is-active .ssc-ch-status-dot {
  background: var(--ssc-blue) !important; border-color: var(--ssc-blue) !important;
  box-shadow: 0 0 0 4px rgba(15, 76, 189, .14) !important;
  animation: ssc-ch-pulse 1.6s ease-in-out infinite !important;
}
@keyframes ssc-ch-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(15, 76, 189, .14); }
  50% { box-shadow: 0 0 0 8px rgba(15, 76, 189, .08); }
}
.ssc-ch-status-timeline strong {
  font-size: 13px !important; font-weight: 700 !important; color: var(--ssc-ink) !important;
}
.ssc-ch-status-timeline small { font-size: 11px !important; color: var(--ssc-muted) !important; }
.ssc-ch-status-timeline li:not(.is-done):not(.is-active) strong { color: var(--ssc-muted) !important; }

.ssc-ch-submission-primary-actions {
  display: flex !important; gap: 10px !important; flex-wrap: wrap !important;
  margin: 0 0 16px !important;
}
.ssc-ch-submission-primary-actions .ssc-ch-primary {
  padding: 12px 24px !important; background: var(--ssc-blue) !important; color: #fff !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 700 !important;
  text-decoration: none !important; font-size: 15px !important;
}
.ssc-ch-submission-primary-actions .ssc-ch-secondary {
  padding: 12px 22px !important; background: #fff !important; color: var(--ssc-blue) !important;
  border: 1px solid var(--ssc-line) !important; border-radius: 999px !important;
  font-weight: 700 !important; cursor: pointer !important; font-size: 15px !important;
}
.ssc-ch-submission-primary-actions .ssc-ch-secondary.is-copied { background: var(--ssc-green) !important; color: #fff !important; border-color: var(--ssc-green) !important; }

.ssc-ch-submission-info {
  margin: 0 0 18px !important;
  padding: 14px 18px !important;
  background: var(--ssc-soft) !important;
  border-radius: 14px !important;
  border-left: 4px solid var(--ssc-blue) !important;
}
.ssc-ch-submission-info p { margin: 0 !important; color: var(--ssc-ink) !important; font-size: 14px !important; line-height: 1.55 !important; }
.ssc-ch-submission-info strong { color: var(--ssc-ink) !important; }

.ssc-ch-submission-upgrade {
  margin: 0 0 18px !important;
  padding: 12px 16px !important;
  background: rgba(247, 201, 72, .12) !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  color: var(--ssc-ink) !important;
}
.ssc-ch-submission-upgrade a { color: var(--ssc-blue) !important; font-weight: 700 !important; }

.ssc-ch-submission-tiles {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid var(--ssc-line) !important;
}
.ssc-ch-submission-tile {
  display: flex !important; flex-direction: column !important; gap: 4px !important;
  padding: 14px 16px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  border-radius: 14px !important;
  color: var(--ssc-ink) !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}
.ssc-ch-submission-tile:hover {
  border-color: var(--ssc-blue) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(15, 76, 189, .1) !important;
}
.ssc-ch-submission-tile strong { font-size: 14px !important; font-weight: 800 !important; color: var(--ssc-ink) !important; }
.ssc-ch-submission-tile small { font-size: 12px !important; color: var(--ssc-muted) !important; }

@media (max-width: 720px) {
  .ssc-ch-submission-header { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
  .ssc-ch-status-timeline strong { font-size: 12px !important; }
  .ssc-ch-status-timeline small { font-size: 10px !important; }
}

/* Analyzing overlay — full-page during form submit */
.ssc-ch-analyzing {
  position: fixed !important; inset: 0 !important;
  background: rgba(8, 47, 122, .72) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 99999 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  animation: ssc-ch-fade-in .25s ease !important;
}
.ssc-ch-analyzing[hidden] { display: none !important; }
@keyframes ssc-ch-fade-in { from { opacity: 0; } to { opacity: 1; } }
.ssc-ch-analyzing-card {
  max-width: 380px !important;
  padding: 32px 30px !important;
  background: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 32px 80px rgba(8, 47, 122, .3) !important;
  text-align: center !important;
}
.ssc-ch-analyzing-dots {
  display: inline-flex !important; gap: 8px !important;
  margin-bottom: 18px !important;
}
.ssc-ch-analyzing-dots span {
  display: block !important;
  width: 12px !important; height: 12px !important; border-radius: 50% !important;
  background: var(--ssc-blue) !important;
  animation: ssc-ch-dot 1.2s ease-in-out infinite !important;
}
.ssc-ch-analyzing-dots span:nth-child(2) { animation-delay: .15s !important; }
.ssc-ch-analyzing-dots span:nth-child(3) { animation-delay: .3s !important; }
@keyframes ssc-ch-dot {
  0%, 80%, 100% { transform: scale(.6); opacity: .4; }
  40% { transform: scale(1); opacity: 1; }
}
.ssc-ch-analyzing-title {
  display: block !important;
  font-size: 18px !important; font-weight: 800 !important;
  color: var(--ssc-ink) !important;
  margin-bottom: 8px !important;
  letter-spacing: -.01em !important;
}
.ssc-ch-analyzing-step {
  margin: 0 0 8px !important;
  font-size: 14px !important;
  color: var(--ssc-blue) !important;
  font-weight: 600 !important;
  min-height: 22px !important;
}
.ssc-ch-analyzing-card small { font-size: 12px !important; color: var(--ssc-muted) !important; }

/* ==========================================================================
   v1.8.0 — Public CV PDF share: full-bleed sticky-top viewer + per-CV toggle
   ========================================================================== */

/* Share page wraps the full viewport so the PDF can take centre stage */
.ssc-ch-cv-share {
  --share-blue: #0f4cbd;
  --share-ink: #082f7a;
  --share-line: #dbe5f1;
  --share-muted: #5a6678;
  min-height: 100vh !important;
  background: #f4f7fb !important;
  margin: 0 !important; padding: 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}
.ssc-ch-cv-share * { box-sizing: border-box !important; }

/* Sticky top bar — name, role, score + contact + copy */
.ssc-ch-share-bar {
  position: sticky !important; top: 0 !important; z-index: 50 !important;
  background: linear-gradient(135deg, #082f7a 0%, #0f4cbd 60%, #1f6fe5 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(8, 47, 122, .15) !important;
}
.ssc-ch-share-bar-inner {
  max-width: 1280px !important; margin: 0 auto !important;
  padding: 14px clamp(14px, 3vw, 28px) !important;
  display: flex !important; align-items: center !important; gap: 18px !important;
  flex-wrap: wrap !important;
}
.ssc-ch-share-identity { min-width: 0 !important; flex: 1 1 240px !important; }
.ssc-ch-share-name {
  display: block !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
  font-weight: 800 !important; letter-spacing: -.02em !important;
  color: #fff !important; line-height: 1.15 !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
.ssc-ch-share-meta { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; font-size: 13px !important; color: rgba(255,255,255,.86) !important; margin-top: 2px !important; }
.ssc-ch-share-dot { color: rgba(255,255,255,.5) !important; }
.ssc-ch-share-score {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 2px 10px !important;
  background: rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  font-weight: 800 !important; font-size: 12px !important;
  color: #fff !important;
}
.ssc-ch-share-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; align-items: center !important; }
.ssc-ch-share-cta {
  padding: 9px 18px !important;
  background: #fff !important; color: var(--share-ink) !important;
  border-radius: 999px !important;
  font-weight: 800 !important; font-size: 13px !important;
  text-decoration: none !important;
  border: 0 !important; cursor: pointer !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.ssc-ch-share-cta:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; color: var(--share-ink) !important; }
.ssc-ch-share-ghost {
  padding: 9px 14px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  font-weight: 700 !important; font-size: 13px !important;
  text-decoration: none !important; cursor: pointer !important;
}
.ssc-ch-share-ghost:hover { background: rgba(255,255,255,.22) !important; color: #fff !important; }
.ssc-ch-share-ghost.is-copied { background: #138a43 !important; border-color: #138a43 !important; }
.ssc-ch-share-trust {
  max-width: 1280px !important; margin: 0 auto !important;
  padding: 6px clamp(14px, 3vw, 28px) 10px !important;
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .08em !important;
  color: rgba(255,255,255,.78) !important;
}

/* PDF embed area — fills remaining viewport */
.ssc-ch-share-frame-wrap {
  max-width: 1280px !important; margin: 0 auto !important;
  padding: 18px clamp(14px, 3vw, 28px) !important;
}
.ssc-ch-share-frame {
  width: 100% !important;
  height: calc(100vh - 220px) !important;
  min-height: 600px !important;
  border: 1px solid var(--share-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 6px 24px rgba(15, 76, 189, .08) !important;
}
.ssc-ch-share-host-note { font-size: 12px !important; color: var(--share-muted) !important; margin: 10px 2px 0 !important; }
.ssc-ch-share-foot {
  max-width: 1280px !important; margin: 0 auto !important;
  padding: 8px clamp(14px, 3vw, 28px) 32px !important;
}
.ssc-ch-share-foot small { color: var(--share-muted) !important; font-size: 12px !important; }
@media (max-width: 720px) {
  .ssc-ch-share-actions { width: 100% !important; }
  .ssc-ch-share-frame { height: calc(100vh - 280px) !important; min-height: 500px !important; }
}

/* My CVs — per-CV share toggle panel */
.ssc-ch-cv-share-toggle {
  grid-column: 1 / -1 !important;
  margin-top: 12px !important; padding-top: 12px !important;
  border-top: 1px dashed #f4f7fb !important;
}
.ssc-ch-cv-share-toggle summary { cursor: pointer !important; padding: 4px 0 !important; list-style: none !important; }
.ssc-ch-cv-share-toggle summary::-webkit-details-marker { display: none; }
.ssc-ch-cv-share-toggle summary small { color: #5a6678 !important; font-weight: 600 !important; font-size: 12px !important; }
.ssc-ch-share-pill {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important;
}
.ssc-ch-share-pill.is-on { background: rgba(19, 138, 67, .14) !important; color: #138a43 !important; }
.ssc-ch-share-pill.is-off { background: #f4f7fb !important; color: #5a6678 !important; }
.ssc-ch-share-toggle-body { padding-top: 12px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.ssc-ch-share-conflict {
  margin: 0 !important;
  padding: 10px 14px !important;
  background: rgba(247, 201, 72, .14) !important;
  border-left: 3px solid #b87800 !important;
  border-radius: 6px !important;
  color: #b87800 !important;
  font-size: 13px !important; font-weight: 700 !important;
}
.ssc-ch-share-checkbox { display: flex !important; gap: 8px !important; align-items: flex-start !important; cursor: pointer !important; }
.ssc-ch-share-checkbox span { font-size: 14px !important; color: #101827 !important; font-weight: 700 !important; }
.ssc-ch-share-url-input { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.ssc-ch-share-url-input strong { font-size: 12px !important; color: #101827 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.ssc-ch-share-url-input small { font-size: 11px !important; color: #5a6678 !important; }
.ssc-ch-share-url-input input {
  width: 100% !important; padding: 10px 12px !important;
  border: 1px solid #dbe5f1 !important; border-radius: 8px !important;
  font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
  font-size: 13px !important;
}
.ssc-ch-share-url-input input:focus { outline: 3px solid rgba(15, 76, 189, .18) !important; border-color: #0f4cbd !important; }
.ssc-ch-share-using-upload, .ssc-ch-share-need-upload { margin: 0 !important; font-size: 12px !important; color: #5a6678 !important; font-style: italic !important; }
.ssc-ch-share-url-row { display: flex !important; gap: 8px !important; align-items: center !important; padding: 10px 12px !important; background: #f4f7fb !important; border-radius: 8px !important; }
.ssc-ch-share-url-row input { flex: 1 !important; min-width: 0 !important; background: transparent !important; border: 0 !important; font-family: ui-monospace, "SF Mono", Menlo, monospace !important; font-size: 12px !important; color: #082f7a !important; }
.ssc-ch-share-tutorial {
  margin-top: 4px !important;
  padding: 8px 12px !important;
  background: #f4f7fb !important;
  border-radius: 10px !important;
}
.ssc-ch-share-tutorial summary { cursor: pointer !important; font-size: 13px !important; font-weight: 700 !important; color: #0f4cbd !important; padding: 4px 0 !important; }
.ssc-ch-tutorial-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 12px !important;
  padding: 12px 0 !important;
}
.ssc-ch-tutorial-grid > div { padding: 12px; background: #fff; border-radius: 8px; border: 1px solid #dbe5f1; }
.ssc-ch-tutorial-grid strong { display: block; font-size: 13px; color: #082f7a; margin-bottom: 6px; }
.ssc-ch-tutorial-grid ol { padding-left: 18px; margin: 0; font-size: 12px; color: #5a6678; }
.ssc-ch-tutorial-grid ol li { padding: 2px 0; }
.ssc-ch-tutorial-grid code { background: #f4f7fb; padding: 1px 5px; border-radius: 3px; font-size: 11px; color: #082f7a; }
.ssc-ch-share-disabled { font-size: 12px; color: #5a6678; font-style: italic; margin-top: 8px; }

/* v1.7.1 — Slim workspace page header (replaces giant marketing hero on
   transactional member pages — My CVs, My Credits). Says what the page is in
   one line + the key number. Action button right-aligned. Matches modern
   workspace patterns (Linear, Wise, Stripe Dashboard). */
.ssc-ch-page-header {
  max-width: 1180px !important;
  margin: 16px auto 20px !important;
  padding: 18px clamp(16px, 3vw, 24px) !important;
  display: flex !important; gap: 18px !important;
  align-items: center !important; justify-content: space-between !important;
  flex-wrap: wrap !important;
  background: #fff !important;
  border: 1px solid #dbe5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(15, 76, 189, .04) !important;
}
.ssc-ch-page-header h1 {
  margin: 0 !important;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  font-weight: 800 !important;
  color: #101827 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
}
.ssc-ch-page-header p { margin: 4px 0 0 !important; color: #5a6678 !important; font-size: 14px !important; }
.ssc-ch-page-header p strong { color: #0f4cbd !important; font-weight: 800 !important; }
.ssc-ch-page-header-action {
  padding: 9px 18px !important;
  background: #0f4cbd !important; color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important; font-size: 14px !important;
  text-decoration: none !important;
  transition: background .15s ease !important;
}
.ssc-ch-page-header-action:hover { background: #082f7a !important; color: #fff !important; }

/* Error banner — used when toggle handler bounces back with ?share_error */
.ssc-ch-error-banner {
  max-width: 1180px;
  margin: 0 auto 16px;
  padding: 12px 18px;
  background: rgba(217, 35, 50, .1);
  border-left: 4px solid #d92332;
  border-radius: 10px;
  color: #8a1620;
  font-size: 14px;
  font-weight: 600;
}

/* Success banner (shown on /my-cvs/?cv_deleted=1) */
.ssc-ch-success-banner {
  max-width: 1180px;
  margin: 0 auto 16px;
  padding: 12px 18px;
  background: rgba(19, 138, 67, .1);
  border-left: 4px solid #138a43;
  border-radius: 10px;
  color: #0a5e2f;
  font-size: 14px;
  font-weight: 600;
}

/* Empty state pattern — shown when user has no CVs */
.ssc-ch-empty-state {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 24px;
  text-align: center;
  background: #fff;
  border: 1px dashed #dbe5f1;
  border-radius: 18px;
}
.ssc-ch-empty-state h3 { margin: 0 0 8px; font-size: 20px; color: #101827; }
.ssc-ch-empty-state p { margin: 0 0 18px; color: #5a6678; font-size: 14px; }
.ssc-ch-empty-state .ssc-ch-primary {
  display: inline-block;
  padding: 10px 22px;
  background: #0f4cbd;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}

/* My CVs — scannable list rows. Score on the left, meta in the middle,
   actions on the right. Mobile: stacks vertically. */
.ssc-ch-cv-list { max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.ssc-ch-cv-row {
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid #dbe5f1;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(15, 76, 189, .03);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.ssc-ch-cv-row:hover { border-color: #0f4cbd; box-shadow: 0 6px 18px rgba(15, 76, 189, .08); }
.ssc-ch-cv-score {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 12px 8px;
  border-radius: 12px;
  background: #f4f7fb;
  min-height: 76px;
}
.ssc-ch-cv-score strong { font-size: 28px; font-weight: 800; color: #082f7a; line-height: 1; letter-spacing: -.02em; }
.ssc-ch-cv-score span { font-size: 11px; color: #5a6678; font-weight: 600; }
.ssc-ch-cv-score small { display: block; font-size: 10px; color: #5a6678; text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; font-weight: 700; }
.ssc-ch-cv-good .ssc-ch-cv-score { background: rgba(19, 138, 67, .08); }
.ssc-ch-cv-good .ssc-ch-cv-score strong { color: #138a43; }
.ssc-ch-cv-warn .ssc-ch-cv-score { background: rgba(247, 201, 72, .14); }
.ssc-ch-cv-warn .ssc-ch-cv-score strong { color: #b87800; }
.ssc-ch-cv-thin .ssc-ch-cv-score { background: rgba(217, 35, 50, .08); }
.ssc-ch-cv-thin .ssc-ch-cv-score strong { color: #d92332; }
.ssc-ch-cv-pending .ssc-ch-cv-score { background: rgba(247, 201, 72, .12); }
.ssc-ch-cv-score-pending { font-size: 24px; color: #b87800; line-height: 1; }
.ssc-ch-cv-meta { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ssc-ch-cv-meta strong { font-size: 16px; font-weight: 700; color: #101827; line-height: 1.2; }
.ssc-ch-cv-meta small { font-size: 12px; color: #5a6678; line-height: 1.4; }
.ssc-ch-cv-when { color: #828e9f !important; }
.ssc-ch-cv-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ssc-ch-cv-actions .button { padding: 8px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; text-decoration: none; }
.ssc-ch-cv-actions .ssc-ch-primary { background: #0f4cbd; color: #fff; border: 0; }
.ssc-ch-cv-actions .ssc-ch-primary:hover { background: #082f7a; }
.ssc-ch-link-btn { background: transparent; border: 0; color: #0f4cbd; font-size: 13px; font-weight: 700; cursor: pointer; padding: 4px 0; text-decoration: none; }
.ssc-ch-link-btn:hover { color: #082f7a; text-decoration: underline; }
.ssc-ch-link-btn.is-copied { color: #138a43; }
.ssc-ch-link-btn.ssc-ch-link-danger { color: #d92332; }
.ssc-ch-link-btn.ssc-ch-link-danger:hover { color: #8a1620; }
.ssc-ch-cv-waiting { font-size: 12px; color: #5a6678; font-style: italic; }
.ssc-ch-cv-delete { display: inline; }
@media (max-width: 720px) {
  .ssc-ch-cv-row { grid-template-columns: 80px 1fr; gap: 12px; padding: 14px 16px; }
  .ssc-ch-cv-actions { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid #f4f7fb; }
  .ssc-ch-cv-score { min-height: 60px; padding: 8px; }
  .ssc-ch-cv-score strong { font-size: 22px; }
}

/* v1.7.0 — Resubmit/improve banner. Shown at top of CV form when ?from=N is
   in the URL — tells the user we've prefilled from their previous submission
   and frames the action as "iterate, push the score higher". */
.ssc-ch-resubmit-banner {
  max-width: 1180px !important;
  margin: 0 auto 20px !important;
  padding: 18px 24px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(15, 76, 189, .08), rgba(19, 138, 67, .06)) !important;
  border-left: 4px solid var(--ssc-blue) !important;
}
.ssc-ch-resubmit-banner strong { display: block !important; font-size: 16px !important; color: var(--ssc-ink) !important; }
.ssc-ch-resubmit-banner small { display: inline-block !important; margin-left: 8px !important; color: var(--ssc-green) !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.ssc-ch-resubmit-banner p { margin: 6px 0 0 !important; color: var(--ssc-muted) !important; font-size: 14px !important; }

/* ==========================================================================
   v1.6.0 — FC-deck-parity engagement, application pipeline, credit ledger,
   email-employer template, print-friendly CV report
   ========================================================================== */

/* CV Report — owner-only "Who's viewed your report" panel (FC parity) */
.ssc-ch-report-engagement {
  margin: 0 clamp(20px, 4vw, 36px) 24px !important;
  padding: 22px 24px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(15, 76, 189, .04), rgba(19, 138, 67, .04)) !important;
  border: 1px solid var(--ssc-line) !important;
}
.ssc-ch-engagement-head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; flex-wrap: wrap !important; margin-bottom: 14px !important; }
.ssc-ch-engagement-head h3 { margin: 0 !important; font-size: 18px !important; color: var(--ssc-ink) !important; }
.ssc-ch-engagement-head small { color: var(--ssc-muted) !important; font-size: 12px !important; font-weight: 500 !important; }
.ssc-ch-engagement-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 10px !important; margin-bottom: 14px !important;
}
.ssc-ch-engagement-stats > div {
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
}
.ssc-ch-engagement-stats strong { display: block !important; font-size: 20px !important; font-weight: 800 !important; color: var(--ssc-ink) !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; }
.ssc-ch-engagement-stats span { display: block !important; font-size: 11px !important; color: var(--ssc-muted) !important; text-transform: uppercase !important; letter-spacing: .04em !important; margin-top: 4px !important; }
.ssc-ch-engagement-recent { padding-top: 12px !important; border-top: 1px solid var(--ssc-line) !important; }
.ssc-ch-engagement-recent summary { cursor: pointer; font-weight: 700; color: var(--ssc-blue); font-size: 13px; padding: 6px 0; }
.ssc-ch-engagement-recent ul { list-style: none; padding: 0; margin: 8px 0 0; }
.ssc-ch-engagement-recent li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed var(--ssc-line); font-size: 12px; }
.ssc-ch-engagement-recent li:last-child { border-bottom: 0; }
.ssc-ch-engagement-recent span { color: var(--ssc-ink); font-weight: 600; }
.ssc-ch-engagement-recent small { color: var(--ssc-muted); }

/* Credit ledger on /my-credits/ */
.ssc-ch-credit-ledger {
  margin: 22px 0 !important;
  padding: 22px clamp(20px, 4vw, 32px) !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  box-shadow: 0 4px 18px rgba(15, 76, 189, .04) !important;
}
.ssc-ch-credit-ledger-head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; flex-wrap: wrap !important; margin-bottom: 14px !important; }
.ssc-ch-credit-ledger-head h3 { margin: 0 !important; color: var(--ssc-ink) !important; font-size: 18px !important; }
.ssc-ch-credit-ledger-head small { color: var(--ssc-muted) !important; font-size: 12px !important; }
.ssc-ch-credit-ledger.ssc-ch-empty { text-align: center !important; padding: 32px !important; }
.ssc-ch-credit-ledger.ssc-ch-empty h3 { color: var(--ssc-muted) !important; }
.ssc-ch-credit-ledger.ssc-ch-empty p { color: var(--ssc-muted) !important; margin: 8px 0 0 !important; font-size: 14px !important; }
.ssc-ch-ledger-table { display: flex !important; flex-direction: column !important; }
.ssc-ch-ledger-row {
  display: grid !important;
  grid-template-columns: 160px 1fr 80px 2fr !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--ssc-line) !important;
  align-items: center !important;
  font-size: 13px !important;
}
.ssc-ch-ledger-row:last-child { border-bottom: 0 !important; }
.ssc-ch-ledger-head-row { background: var(--ssc-soft) !important; border-radius: 10px !important; font-size: 11px !important; font-weight: 800 !important; color: var(--ssc-muted) !important; text-transform: uppercase !important; letter-spacing: .06em !important; padding: 10px 14px !important; }
.ssc-ch-ledger-credits { font-weight: 800 !important; font-variant-numeric: tabular-nums !important; text-align: right !important; }
.ssc-ch-ledger-row.is-positive .ssc-ch-ledger-credits { color: var(--ssc-green) !important; }
.ssc-ch-ledger-row.is-negative .ssc-ch-ledger-credits { color: var(--ssc-red) !important; }
.ssc-ch-ledger-note { color: var(--ssc-muted) !important; font-size: 12px !important; }
@media (max-width: 720px) {
  .ssc-ch-ledger-row, .ssc-ch-ledger-head-row { grid-template-columns: 1fr 80px !important; gap: 6px !important; }
  .ssc-ch-ledger-head-row > :nth-child(1) { grid-column: 1 / 2 !important; }
  .ssc-ch-ledger-head-row > :nth-child(2),
  .ssc-ch-ledger-head-row > :nth-child(4) { display: none !important; }
  .ssc-ch-ledger-row > :nth-child(2) { font-size: 11px !important; color: var(--ssc-muted) !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
  .ssc-ch-ledger-row > .ssc-ch-ledger-note { grid-column: 1 / 3 !important; }
}

/* Email-employer button on job cards */
.ssc-ch-email-employer {
  background: #fff !important;
  color: var(--ssc-blue) !important;
  border: 1px solid var(--ssc-line) !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}
.ssc-ch-email-employer:hover { border-color: var(--ssc-blue) !important; background: var(--ssc-soft) !important; }

/* Application pipeline board (Dashboard) — Trello/Linear-style columns */
.ssc-ch-pipeline { margin: 28px 0 !important; }
.ssc-ch-pipeline-head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; flex-wrap: wrap !important; margin-bottom: 14px !important; }
.ssc-ch-pipeline-head h3 { margin: 0 !important; font-size: 20px !important; color: var(--ssc-ink) !important; }
.ssc-ch-pipeline-head small { color: var(--ssc-muted) !important; font-size: 12px !important; max-width: 520px !important; text-align: right !important; }
.ssc-ch-pipeline-board {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow-x: auto !important;
  padding-bottom: 8px !important;
}
.ssc-ch-pipeline-column {
  background: var(--ssc-soft) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  min-width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.ssc-ch-pipeline-column-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; padding: 0 4px !important; }
.ssc-ch-pipeline-column-head strong { font-size: 12px !important; font-weight: 800 !important; color: var(--ssc-ink) !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
.ssc-ch-pipeline-count { background: #fff !important; padding: 2px 10px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--ssc-muted) !important; }
.ssc-ch-pipeline-save .ssc-ch-pipeline-count { color: var(--ssc-muted) !important; }
.ssc-ch-pipeline-applied .ssc-ch-pipeline-count { color: var(--ssc-blue) !important; background: rgba(15,76,189,.12) !important; }
.ssc-ch-pipeline-heard_back .ssc-ch-pipeline-count { color: #b87800 !important; background: rgba(247,201,72,.18) !important; }
.ssc-ch-pipeline-interview .ssc-ch-pipeline-count { color: var(--ssc-blue-dark) !important; background: rgba(8,47,122,.14) !important; }
.ssc-ch-pipeline-offer .ssc-ch-pipeline-count { color: var(--ssc-green) !important; background: rgba(19,138,67,.16) !important; }
.ssc-ch-pipeline-hired .ssc-ch-pipeline-count { color: #fff !important; background: var(--ssc-green) !important; }
.ssc-ch-pipeline-empty { margin: 6px 0 0 !important; color: var(--ssc-muted) !important; font-size: 12px !important; text-align: center !important; padding: 14px 0 !important; }
.ssc-ch-pipeline-card {
  background: #fff !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  box-shadow: 0 1px 3px rgba(15,76,189,.06) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.ssc-ch-pipeline-card:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 10px rgba(15,76,189,.12) !important; }
.ssc-ch-pipeline-card strong { font-size: 13px !important; font-weight: 700 !important; color: var(--ssc-ink) !important; line-height: 1.25 !important; }
.ssc-ch-pipeline-card small { font-size: 11px !important; color: var(--ssc-muted) !important; }
.ssc-ch-pipeline-form { margin: 4px 0 0 !important; }
.ssc-ch-pipeline-form select {
  width: 100% !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--ssc-line) !important;
  background: #fff !important;
  color: var(--ssc-blue) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
@media (max-width: 980px) {
  .ssc-ch-pipeline-board { grid-template-columns: repeat(3, minmax(180px, 1fr)) !important; }
}
@media (max-width: 640px) {
  .ssc-ch-pipeline-head small { text-align: left !important; }
  .ssc-ch-pipeline-board { grid-template-columns: repeat(2, minmax(160px, 1fr)) !important; }
}

/* Print-friendly CV report — recipients can hit Print and get a clean PDF */
@media print {
  body { background: #fff !important; }
  .ssc-ch-account-nav,
  .ssc-ch-no-print,
  .ssc-ch-report-engagement,
  .ssc-ch-report-share,
  [data-ssc-print-report],
  .admin-bar,
  #wpadminbar { display: none !important; }
  .ssc-ch,
  .ssc-ch-next { margin: 0 !important; max-width: 100% !important; box-shadow: none !important; }
  .ssc-ch-shell { box-shadow: none !important; border: 0 !important; }
  .ssc-ch-hero, .ssc-ch-report-hero {
    background: #082f7a !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    padding: 24px !important;
  }
  .ssc-ch-score-dial, .ssc-ch-dim-fill, .ssc-ch-recent-score strong {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .ssc-ch-report-feedback, .ssc-ch-report-next { page-break-inside: avoid !important; }
  a { color: var(--ssc-blue) !important; text-decoration: none !important; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 10px; color: #5a6678; }
  /* Don't print the report-only URLs that are noise — just print public-facing links. */
  .ssc-ch-side-card-cta a[href]::after,
  .ssc-ch-submission-tile a[href]::after,
  .ssc-ch-account-tab[href]::after { content: "" !important; }
}

/* v1.5.1 — Smart "Next move" card on the Dashboard. Adapts to where the user
   is in their journey (first CV / low score / no saved jobs / no applies / active).
   Single CTA, never a dead end. */
.ssc-ch-next-move {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 18px 0 24px !important;
  padding: 22px 26px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #082f7a 0%, #0f4cbd 60%, #1f6fe5 100%) !important;
  color: #fff !important;
  box-shadow: 0 16px 40px rgba(15, 76, 189, .22) !important;
  position: relative !important;
  overflow: hidden !important;
}
.ssc-ch-next-move::after {
  content: "" !important;
  position: absolute !important;
  top: -40% !important; right: -10% !important;
  width: 280px !important; height: 280px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.ssc-ch-next-move-body { flex: 1 1 auto !important; min-width: 0 !important; position: relative !important; z-index: 1 !important; }
.ssc-ch-next-move-eyebrow {
  display: inline-block !important;
  font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  color: rgba(255,255,255,.75) !important;
  margin-bottom: 6px !important;
}
.ssc-ch-next-move-title {
  display: block !important;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  font-weight: 800 !important; line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 4px !important; color: #fff !important;
}
.ssc-ch-next-move-desc {
  margin: 0 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,.86) !important;
  max-width: 560px !important;
}
.ssc-ch-next-move-cta {
  flex: 0 0 auto !important; position: relative !important; z-index: 1 !important;
  padding: 12px 22px !important;
  background: #fff !important; color: var(--ssc-blue-dark) !important;
  border-radius: 999px !important;
  font-size: 14px !important; font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
  white-space: nowrap !important;
}
.ssc-ch-next-move-cta:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,0,0,.18) !important; }
@media (max-width: 720px) {
  .ssc-ch-next-move { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; padding: 20px !important; }
  .ssc-ch-next-move-cta { width: 100% !important; text-align: center !important; }
}

/* Prefill note on the CV form (when user is logged in) */
.ssc-ch-prefill-note {
  display: block !important;
  margin-top: 8px !important;
  padding: 6px 12px !important;
  background: rgba(19, 138, 67, .08) !important;
  border-left: 3px solid var(--ssc-green) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  color: var(--ssc-muted) !important;
  font-style: italic !important;
}

/* Smooth hover micro-polish — applied to every card across pages.
   Subtle lift + shadow shift gives the whole UI a unified, magnetic feel. */
.ssc-ch-recent-card,
.ssc-ch-side-card,
.ssc-ch-submission-tile,
.ssc-ch-topup-card,
.ssc-ch-quick-action,
.ssc-ch-card {
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

/* v1.5.0 — Dashboard hero slimmed for workspace feel (was marketing-hero-sized).
   The dashboard is a transactional account hub, not a landing page — dial down
   the hero so the content (KPIs, recent CVs, etc.) is the focus. */
.ssc-ch-dashboard .ssc-ch-hero {
  padding: clamp(20px, 3vw, 30px) !important;
}
.ssc-ch-dashboard .ssc-ch-hero h2 {
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  font-weight: 800 !important;
}
.ssc-ch-dashboard .ssc-ch-hero .ssc-ch-subhead { font-size: clamp(13px, 1.4vw, 15px) !important; }
.ssc-ch-dashboard .ssc-ch-hero .ssc-ch-note { font-size: 12px !important; padding: 10px 12px !important; margin-top: 10px !important; }

/* v1.8.3 — Jobs hero slim. The global .ssc-ch h2 rule sizes headlines at
   clamp(32px, 5vw, 58px) which was overwhelming the search use case. The
   Jobs page is transactional like the Dashboard — candidates are here to
   filter, scan, and apply, not to read a 58px marketing headline. */
.ssc-ch-jobs .ssc-ch-hero { padding: clamp(20px, 3vw, 30px) !important; }
.ssc-ch-jobs .ssc-ch-hero h2 {
  font-size: clamp(22px, 2.6vw, 30px) !important;
  line-height: 1.1 !important;
  margin-bottom: 6px !important;
  font-weight: 800 !important;
}
.ssc-ch-jobs .ssc-ch-hero .ssc-ch-subhead { font-size: clamp(13px, 1.4vw, 15px) !important; }
.ssc-ch-jobs .ssc-ch-hero .ssc-ch-kicker { margin-bottom: 10px !important; }

/* v1.4.7 — Account nav (tab bar shown at top of every member-area shortcode)
   v1.5.0 — Now sticky at the top of the viewport so the user always knows where
   they are and can jump between sections. Sits below the WP admin bar (32px).
   v1.7.1 — CSS variables redefined at the nav level. The nav is rendered OUTSIDE
   the .ssc-ch wrapper, so the --ssc-blue etc. defined on .ssc-ch don't cascade
   here; without this block var(--ssc-blue) resolves to nothing and the active
   tab had no background → white text on white pill bar (the bug user saw).
   Hex fallbacks added inline for belt-and-suspenders. */
.ssc-ch-account-nav {
  --ssc-blue: #0f4cbd;
  --ssc-blue-dark: #082f7a;
  --ssc-muted: #5a6678;
  --ssc-ink: #101827;
  --ssc-line: #dbe5f1;
  --ssc-soft: #f4f7fb;
  max-width: 1180px !important;
  margin: 16px auto 0 !important;
  padding: 0 clamp(12px, 3vw, 24px) !important;
  position: sticky !important;
  top: 12px !important;
  z-index: 50 !important;
}
.admin-bar .ssc-ch-account-nav { top: 44px !important; }
@media (max-width: 782px) {
  .admin-bar .ssc-ch-account-nav { top: 58px !important; }
}
.ssc-ch-account-nav-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 6px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 16px rgba(15, 76, 189, .06) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.ssc-ch-account-nav-inner::-webkit-scrollbar { display: none !important; }
.ssc-ch-account-tab {
  flex: 0 0 auto !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  color: var(--ssc-muted) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
  white-space: nowrap !important;
}
.ssc-ch-account-tab:hover { color: var(--ssc-ink) !important; background: var(--ssc-soft) !important; }
.ssc-ch-account-tab.is-active {
  background: #0f4cbd !important;
  background: var(--ssc-blue, #0f4cbd) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(15, 76, 189, .22) !important;
}
.ssc-ch-account-tab.is-active:hover {
  color: #fff !important;
  background: #082f7a !important;
  background: var(--ssc-blue-dark, #082f7a) !important;
}
.ssc-ch-tab-icon { display: none !important; }
.ssc-ch-tab-short { display: none !important; }

/* v1.7.0 — Mobile bottom tab bar. Below 720px the account nav fixes to the
   bottom of the viewport with iconic tabs (Spotify / Wise / Robinhood pattern).
   Tab label shrinks to the short form; an icon glyph appears above. */
@media (max-width: 720px) {
  /* Only push body padding when an account-nav is actually present (avoids
     adding bottom space to non-plugin WordPress pages). :has() is supported
     in Chrome 105+, Safari 15.4+, Firefox 121+. */
  body:has(.ssc-ch-account-nav) { padding-bottom: 76px !important; }
  .ssc-ch-account-nav {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    z-index: 999 !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-top: 1px solid var(--ssc-line) !important;
    box-shadow: 0 -8px 24px rgba(8, 47, 122, .12) !important;
  }
  .admin-bar .ssc-ch-account-nav { top: auto !important; }
  .ssc-ch-account-nav-inner {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 4px !important;
    gap: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    justify-content: space-around !important;
  }
  .ssc-ch-account-tab {
    flex: 1 1 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 6px 4px !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--ssc-muted) !important;
    font-size: 10px !important;
    text-align: center !important;
    min-width: 0 !important;
  }
  .ssc-ch-account-tab .ssc-ch-tab-label { display: none !important; }
  .ssc-ch-account-tab .ssc-ch-tab-short { display: block !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .02em !important; }
  .ssc-ch-account-tab .ssc-ch-tab-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 22px !important; height: 22px !important;
    font-size: 16px !important; line-height: 1 !important;
    color: var(--ssc-muted) !important;
  }
  .ssc-ch-account-tab.is-active {
    background: transparent !important;
    color: var(--ssc-blue) !important;
    box-shadow: none !important;
  }
  .ssc-ch-account-tab.is-active .ssc-ch-tab-icon {
    color: var(--ssc-blue) !important;
    background: rgba(15, 76, 189, .12) !important;
    width: 36px !important; height: 28px !important;
    border-radius: 14px !important;
  }
  .ssc-ch-account-tab.is-active .ssc-ch-tab-short { color: var(--ssc-blue) !important; }
}
@media (max-width: 560px) {
  .ssc-ch-account-tab { padding: 6px 2px !important; }
}

/* Dashboard quick actions row */
.ssc-ch-quick-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 24px !important;
}
.ssc-ch-quick-action {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  color: var(--ssc-ink) !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
  box-shadow: 0 4px 18px rgba(15, 76, 189, .04) !important;
}
.ssc-ch-quick-action:hover {
  border-color: var(--ssc-blue) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(15, 76, 189, .12) !important;
}
.ssc-ch-quick-action.is-primary {
  background: linear-gradient(135deg, var(--ssc-blue) 0%, var(--ssc-blue-dark) 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.ssc-ch-quick-action.is-primary:hover { color: #fff !important; }
.ssc-ch-quick-action-icon {
  flex: 0 0 auto !important;
  width: 42px !important; height: 42px !important;
  display: inline-grid !important; place-items: center !important;
  border-radius: 50% !important;
  background: var(--ssc-soft) !important;
  color: var(--ssc-blue) !important;
  font-size: 20px !important; font-weight: 900 !important;
}
.ssc-ch-quick-action.is-primary .ssc-ch-quick-action-icon { background: rgba(255,255,255,.18) !important; color: #fff !important; }
.ssc-ch-quick-action-text { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
.ssc-ch-quick-action-text strong { font-size: 15px !important; font-weight: 800 !important; }
.ssc-ch-quick-action-text small { font-size: 12px !important; opacity: .75 !important; }
@media (max-width: 720px) { .ssc-ch-quick-actions { grid-template-columns: 1fr !important; } }

/* Recent CVs grid (dashboard) */
.ssc-ch-recent-cvs { margin: 24px 0 !important; }
.ssc-ch-recent-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 14px !important; }
.ssc-ch-recent-head h3 { margin: 0 !important; font-size: 20px !important; color: var(--ssc-ink) !important; }
.ssc-ch-recent-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 14px !important;
}
.ssc-ch-recent-card {
  padding: 18px !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line) !important;
  box-shadow: 0 4px 14px rgba(15, 76, 189, .04) !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
}
.ssc-ch-recent-card-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
.ssc-ch-recent-score { display: inline-flex !important; align-items: baseline !important; gap: 2px !important; }
.ssc-ch-recent-score strong { font-size: 28px !important; font-weight: 800 !important; color: var(--ssc-blue) !important; line-height: 1 !important; letter-spacing: -.02em !important; }
.ssc-ch-recent-score small { font-size: 12px !important; color: var(--ssc-muted) !important; }
.ssc-ch-recent-good .ssc-ch-recent-score strong { color: var(--ssc-green) !important; }
.ssc-ch-recent-warn .ssc-ch-recent-score strong { color: #d99800 !important; }
.ssc-ch-recent-thin .ssc-ch-recent-score strong { color: var(--ssc-red) !important; }
.ssc-ch-recent-score.is-pending strong { color: var(--ssc-muted) !important; font-size: 22px !important; }
/* v1.8.1 — Pending CV card visual fix. Was "—queued" stacked awkwardly.
   Now a clean tile: ⏳ icon over "Awaiting" label, amber tone, centered. */
.ssc-ch-recent-score.is-pending {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 64px !important;
  padding: 6px 10px !important;
  background: rgba(247, 201, 72, .14) !important;
  border-radius: 10px !important;
}
.ssc-ch-recent-pending-glyph {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #b87800 !important;
}
.ssc-ch-recent-score.is-pending small {
  font-size: 11px !important;
  color: #b87800 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  margin-top: 2px !important;
}
.ssc-ch-recent-status {
  font-size: 10px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
  padding: 3px 10px !important; border-radius: 999px !important;
  background: var(--ssc-soft) !important; color: var(--ssc-muted) !important;
}
.ssc-ch-recent-title { margin: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--ssc-ink) !important; }
.ssc-ch-recent-meta { margin: 0 !important; font-size: 12px !important; color: var(--ssc-muted) !important; }
.ssc-ch-recent-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: auto !important; padding-top: 4px !important; }
.ssc-ch-recent-actions .button {
  font-size: 12px !important; font-weight: 700 !important;
  padding: 7px 14px !important; border-radius: 999px !important;
  text-decoration: none !important;
}
.ssc-ch-recent-actions .ssc-ch-primary { background: var(--ssc-blue) !important; color: #fff !important; border: 0 !important; }
.ssc-ch-recent-actions .ssc-ch-secondary { background: #fff !important; color: var(--ssc-blue) !important; border: 1px solid var(--ssc-line) !important; cursor: pointer !important; }
.ssc-ch-recent-actions .ssc-ch-secondary.is-copied { background: var(--ssc-green) !important; color: #fff !important; border-color: var(--ssc-green) !important; }
.ssc-ch-recent-pending-note { font-size: 12px !important; color: var(--ssc-muted) !important; font-style: italic !important; }

/* Success card actions row (CV form post-submit) */
.ssc-ch-success-actions { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; margin-top: 8px !important; }
.ssc-ch-success-actions .ssc-ch-secondary {
  padding: 10px 18px !important; border-radius: 999px !important;
  background: #fff !important; color: var(--ssc-blue) !important;
  border: 1px solid var(--ssc-line) !important; font-weight: 700 !important; cursor: pointer !important;
}
.ssc-ch-success-actions .ssc-ch-secondary.is-copied { background: var(--ssc-green) !important; color: #fff !important; border-color: var(--ssc-green) !important; }

/* v1.4.6 — CV form vertical-stretch fix.
   The parent .ssc-ch-cv-shell is a 2-column grid with default align-items:stretch,
   so the form was being stretched to match the taller aside (credit balance +
   topup cards). The form is ALSO display:grid, so it then distributed that empty
   space across its internal rows — producing the giant gaps between wizard chips,
   step heading, and Continue button.
   Anchor the form at the top of its column AND pack rows at content-size. */
.ssc-ch-cv-shell { align-items: start !important; }
.ssc-ch-cv-form {
  align-self: start !important;
  align-content: start !important;
}

/* CV form 3-step wizard
   Progressive enhancement: chrome (progress chips + Continue/Back nav) is
   hidden by default. JS adds `.is-wizard` on the form when ready, which
   reveals the wizard nav and starts hiding inactive steps. Without JS,
   all steps stay visible and the bottom submit button works normally. */
.ssc-ch-cv-form [data-ssc-wizard-nav] { display: none !important; }
.ssc-ch-cv-form.is-wizard [data-ssc-wizard-nav] { display: flex !important; }
.ssc-ch-cv-form.is-wizard .ssc-ch-wizard-progress { display: grid !important; }
.ssc-ch-cv-form.is-wizard .ssc-ch-wizard-step:not(.is-active-step) { display: none !important; }
.ssc-ch-cv-form.is-wizard[data-wizard-first="1"] [data-ssc-step-prev] { visibility: hidden !important; }
.ssc-ch-cv-form.is-wizard[data-wizard-last="1"] [data-ssc-step-next] { display: none !important; }
.ssc-ch-cv-form.is-wizard[data-wizard-last="0"] [data-ssc-step-submit] { display: none !important; }
.ssc-ch-cv-form.is-wizard[data-wizard-last="0"] .ssc-ch-form-submit-row { display: none !important; }
.ssc-ch-form-submit-row { display: flex !important; padding-top: 14px !important; margin-top: 0 !important; }

/* Wizard progress chips — top of the form card */
.ssc-ch-wizard-progress {
  list-style: none !important; padding: 0 0 14px !important; margin: 0 0 16px !important;
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important;
  border-bottom: 1px solid var(--ssc-line) !important;
}

/* Fieldset reset — the big-empty-gap fix.
   Browser defaults give <fieldset> a min-inline-size of min-content and the
   <legend> implicit top anchoring. Both create ~150px of dead space inside
   wizard steps. Reset everything explicitly. */
.ssc-ch-cv-form fieldset.ssc-ch-wizard-step {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
}
.ssc-ch-cv-form fieldset.ssc-ch-wizard-step > legend.ssc-ch-section-title {
  float: none !important;
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
}
.ssc-ch-wizard-progress li { margin: 0 !important; }
.ssc-ch-wizard-progress button {
  width: 100% !important; display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 10px 12px !important; border-radius: 12px !important; border: 1px solid var(--ssc-line) !important;
  background: #fff !important; color: var(--ssc-muted) !important; font-size: 13px !important;
  font-weight: 600 !important; cursor: pointer !important; transition: all .15s ease !important;
  text-align: left !important;
}
.ssc-ch-wizard-progress button span {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 24px !important; height: 24px !important; border-radius: 50% !important;
  background: var(--ssc-soft) !important; color: var(--ssc-muted) !important; font-weight: 800 !important;
}
.ssc-ch-wizard-progress button.is-active { background: var(--ssc-blue) !important; color: #fff !important; border-color: var(--ssc-blue) !important; }
.ssc-ch-wizard-progress button.is-active span { background: #fff !important; color: var(--ssc-blue) !important; }
.ssc-ch-wizard-progress button.is-done { background: rgba(19, 138, 67, .08) !important; color: var(--ssc-green) !important; border-color: rgba(19, 138, 67, .25) !important; }
.ssc-ch-wizard-progress button.is-done span { background: var(--ssc-green) !important; color: #fff !important; }
.ssc-ch-wizard-progress button.is-done span::after { content: "✓"; font-size: 14px; }
.ssc-ch-wizard-progress button.is-done span > * { display: none; }

.ssc-ch-wizard-step { margin: 0 0 18px !important; border: 0 !important; padding: 0 !important; }
.ssc-ch-wizard-step legend { width: 100% !important; padding: 0 !important; margin: 0 !important; }
.ssc-ch-wizard-step[hidden] { display: none !important; }
.ssc-ch-wizard-nav {
  display: flex !important; gap: 10px !important; align-items: center !important;
  padding-top: 18px !important; border-top: 1px solid var(--ssc-line) !important; margin-top: 18px !important;
}
.ssc-ch-wizard-nav button { margin: 0 !important; }
@media (max-width: 640px) {
  .ssc-ch-wizard-progress { grid-template-columns: 1fr !important; gap: 4px !important; }
  .ssc-ch-wizard-nav { flex-wrap: wrap !important; }
  .ssc-ch-wizard-nav button { flex: 1 1 auto !important; min-width: 130px !important; }
}

/* Success card after submission */
.ssc-ch-success-card {
  margin: 0 0 20px !important; padding: 18px 22px !important; border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(19, 138, 67, .1), rgba(15, 76, 189, .08)) !important;
  border: 1px solid rgba(19, 138, 67, .3) !important; box-shadow: 0 12px 32px rgba(15, 76, 189, .08) !important;
}
.ssc-ch-success-card strong { display: block !important; font-size: 20px !important; color: var(--ssc-ink) !important; font-weight: 800 !important; margin-bottom: 4px !important; }
.ssc-ch-success-card p { margin: 0 0 12px !important; color: var(--ssc-muted) !important; }
.ssc-ch-success-card .ssc-ch-primary {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 10px 20px !important; background: var(--ssc-blue) !important; color: #fff !important;
  border-radius: 999px !important; font-weight: 700 !important; text-decoration: none !important;
}
.ssc-ch-success-card .ssc-ch-primary:hover { background: var(--ssc-blue-dark) !important; }

/* CV Report page */
.ssc-ch-report-hero { padding-bottom: 36px !important; }
.ssc-ch-score-card { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; padding: 22px !important; }
.ssc-ch-score-dial {
  position: relative !important; width: 180px !important; height: 180px !important; border-radius: 50% !important;
  background:
    conic-gradient(var(--ssc-dial-color, var(--ssc-green)) var(--ssc-dial-deg, 252deg), rgba(255,255,255,.18) 0deg);
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22), inset 0 0 0 6px rgba(255,255,255,.06) !important;
}
.ssc-ch-score-dial-inner {
  width: 144px !important; height: 144px !important; border-radius: 50% !important;
  background: #ffffff !important; color: var(--ssc-ink) !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 8px 24px rgba(8, 47, 122, .15) !important;
}
.ssc-ch-score-dial-inner strong { font-size: 52px !important; font-weight: 900 !important; color: var(--ssc-ink) !important; line-height: 1 !important; letter-spacing: -.04em !important; }
.ssc-ch-score-dial-inner span { font-size: 14px !important; color: var(--ssc-muted) !important; font-weight: 700 !important; }
.ssc-ch-score-dial-inner small { font-size: 12px !important; color: var(--ssc-muted) !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin-top: 6px !important; }
.ssc-ch-score-delta { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 700 !important; margin: 0 !important; }
.ssc-ch-score-delta.is-up { background: rgba(19, 138, 67, .15) !important; color: var(--ssc-green) !important; }
.ssc-ch-score-delta.is-down { background: rgba(217, 35, 50, .15) !important; color: var(--ssc-red) !important; }
.ssc-ch-score-card > small { color: rgba(255,255,255,.85) !important; font-size: 12px !important; }

.ssc-ch-report-grid { display: grid !important; grid-template-columns: 2fr 1fr !important; gap: 22px !important; margin: 28px 0 !important; padding: 0 clamp(20px, 4vw, 36px) !important; }
@media (max-width: 880px) { .ssc-ch-report-grid { grid-template-columns: 1fr !important; } }

.ssc-ch-report-dimensions h3 { font-size: 22px !important; margin: 0 0 6px !important; color: var(--ssc-ink) !important; }
.ssc-ch-report-note { color: var(--ssc-muted) !important; margin: 0 0 18px !important; font-size: 14px !important; }
.ssc-ch-dim-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 14px !important; }
.ssc-ch-dim { padding: 14px 16px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid var(--ssc-line) !important; box-shadow: 0 4px 18px rgba(15, 76, 189, .04) !important; }
.ssc-ch-dim-head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin-bottom: 8px !important; }
.ssc-ch-dim-head span { color: var(--ssc-ink) !important; font-weight: 700 !important; font-size: 14px !important; }
.ssc-ch-dim-head strong { color: var(--ssc-muted) !important; font-weight: 700 !important; font-size: 13px !important; font-variant-numeric: tabular-nums !important; }
.ssc-ch-dim-bar { height: 8px !important; background: var(--ssc-soft) !important; border-radius: 999px !important; overflow: hidden !important; }
.ssc-ch-dim-fill { height: 100% !important; border-radius: 999px !important; transition: width .35s ease !important; background: linear-gradient(90deg, var(--ssc-blue), var(--ssc-blue-dark)) !important; }
.ssc-ch-dim-good .ssc-ch-dim-fill { background: linear-gradient(90deg, var(--ssc-green), #0a5e2f) !important; }
.ssc-ch-dim-warn .ssc-ch-dim-fill { background: linear-gradient(90deg, #f7c948, #d99800) !important; }
.ssc-ch-dim-thin .ssc-ch-dim-fill { background: linear-gradient(90deg, var(--ssc-red), #8a1620) !important; }

.ssc-ch-report-side { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.ssc-ch-side-card { padding: 18px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid var(--ssc-line) !important; box-shadow: 0 4px 18px rgba(15, 76, 189, .04) !important; }
.ssc-ch-side-card strong { display: block !important; color: var(--ssc-ink) !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin-bottom: 8px !important; }
.ssc-ch-side-card ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.ssc-ch-side-card li { color: var(--ssc-ink) !important; padding: 4px 0 !important; font-size: 14px !important; }
.ssc-ch-side-card-cta { background: linear-gradient(135deg, rgba(15, 76, 189, .06), rgba(217, 35, 50, .04)) !important; border-color: rgba(15, 76, 189, .15) !important; }
.ssc-ch-side-card-cta .ssc-ch-primary { display: inline-block !important; margin-top: 8px !important; padding: 10px 18px !important; background: var(--ssc-blue) !important; color: #fff !important; border-radius: 999px !important; font-weight: 700 !important; text-decoration: none !important; }
.ssc-ch-side-card-cta small { display: block !important; margin-top: 6px !important; color: var(--ssc-muted) !important; font-size: 12px !important; }

.ssc-ch-report-next { padding: 0 clamp(20px, 4vw, 36px) 24px !important; }
.ssc-ch-report-next h3 { font-size: 22px !important; color: var(--ssc-ink) !important; margin: 0 0 14px !important; }
.ssc-ch-report-next ol { padding-left: 22px !important; margin: 0 !important; }
.ssc-ch-report-next li { padding: 8px 0 !important; color: var(--ssc-ink) !important; line-height: 1.55 !important; }

.ssc-ch-report-share { padding: 22px clamp(20px, 4vw, 36px) 30px !important; border-top: 1px solid var(--ssc-line) !important; }
.ssc-ch-report-share h3 { margin: 0 0 6px !important; color: var(--ssc-ink) !important; }
.ssc-ch-share-row { display: flex !important; gap: 8px !important; margin: 14px 0 !important; }
.ssc-ch-share-row input { flex: 1 !important; padding: 12px 14px !important; border: 1px solid var(--ssc-line) !important; border-radius: 12px !important; background: var(--ssc-soft) !important; color: var(--ssc-ink) !important; font-size: 13px !important; font-family: ui-monospace, "SF Mono", Menlo, monospace !important; }
.ssc-ch-share-row button { padding: 10px 18px !important; border-radius: 12px !important; border: 1px solid var(--ssc-line) !important; background: #fff !important; color: var(--ssc-blue) !important; font-weight: 700 !important; cursor: pointer !important; }
.ssc-ch-share-row button:hover { background: var(--ssc-blue) !important; color: #fff !important; }
.ssc-ch-disclaimer { font-size: 12px !important; color: var(--ssc-muted) !important; margin: 0 !important; }

/* v1.4.5 — Defensive hero layout: when a shortcode hero has no aside/hero-card,
   collapse the 2-column grid to a single column. Without this, the empty 320px
   column forces the H2 to wrap into the narrow slot (visible on the dashboard
   when logged-out, and on [ssc_my_credits] / [ssc_my_cvs] which have no aside).
   Uses :has() which is supported in all modern evergreen browsers (Chrome 105+,
   Safari 15.4+, Firefox 121+). */
.ssc-ch-hero:not(:has(> aside)):not(:has(> .ssc-ch-hero-card)) {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Make sure the kicker pill sizes to its content even if the theme applies
   `p { width: 100% }` (very common in marketing themes). Force inline-flex
   width with a higher-specificity selector. */
.ssc-ch .ssc-ch-kicker,
.ssc-ch-dashboard p.ssc-ch-kicker,
.ssc-ch-cv p.ssc-ch-kicker {
  width: auto !important;
  max-width: max-content !important;
  align-self: flex-start !important;
}

/* Section heading below the hero (e.g. "Saved / tracked jobs") */
.ssc-ch-dash-section-title {
  margin: 28px 0 14px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--ssc-ink) !important;
  letter-spacing: -.02em !important;
}

/* Saved / tracked jobs table — tighter columns + readable links */
.ssc-ch-dashboard .ssc-ch-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; }
.ssc-ch-dashboard .ssc-ch-table thead th {
  text-align: left !important; padding: 10px 14px !important;
  font-size: 11px !important; font-weight: 700 !important;
  color: var(--ssc-muted) !important; text-transform: uppercase !important;
  letter-spacing: .06em !important;
  border-bottom: 1px solid var(--ssc-line) !important;
  background: var(--ssc-soft) !important;
}
.ssc-ch-dashboard .ssc-ch-table tbody td {
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--ssc-line) !important;
  color: var(--ssc-ink) !important; font-size: 14px !important;
}
.ssc-ch-dashboard .ssc-ch-table tbody tr:hover { background: rgba(15, 76, 189, .03) !important; }
.ssc-ch-dashboard .ssc-ch-status {
  display: inline-block !important; padding: 3px 12px !important; border-radius: 999px !important;
  background: rgba(15, 76, 189, .1) !important; color: var(--ssc-blue) !important;
  font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .04em !important;
}
.ssc-ch-dashboard .ssc-ch-link {
  color: var(--ssc-blue) !important; font-weight: 700 !important; text-decoration: none !important;
}
.ssc-ch-dashboard .ssc-ch-link:hover { color: var(--ssc-blue-dark) !important; text-decoration: underline !important; }

/* Dashboard hero aside holds 4 stats — use 2x2 grid so nothing orphans */
.ssc-ch-dashboard .ssc-ch-hero-card .ssc-ch-stats {
  grid-template-columns: repeat(2, 1fr) !important;
}
.ssc-ch-dashboard .ssc-ch-hero-card .ssc-ch-stats span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.ssc-ch-dashboard .ssc-ch-hero-card .ssc-ch-pathway {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-top: 12px !important;
}

/* v1.4.1 — Candidate dashboard score trend + report candidate-feedback panel */
.ssc-ch-dash-cvs {
  margin: 28px 0 !important; padding: 22px clamp(20px, 4vw, 32px) !important;
  border: 1px solid var(--ssc-line) !important; border-radius: 18px !important;
  background: #fff !important; box-shadow: 0 4px 18px rgba(15, 76, 189, .04) !important;
}
.ssc-ch-dash-cvs-head { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 16px !important; }
.ssc-ch-dash-cvs-head h3 { margin: 0 !important; font-size: 18px !important; color: var(--ssc-ink) !important; }
.ssc-ch-dash-cvs-head p { margin: 0 !important; color: var(--ssc-muted) !important; font-size: 14px !important; }
.ssc-ch-dash-cvs-head strong { color: var(--ssc-ink) !important; }
.ssc-ch-dash-cvs-head .ssc-ch-primary { padding: 8px 16px !important; background: var(--ssc-blue) !important; color: #fff !important; border-radius: 999px !important; text-decoration: none !important; font-weight: 700 !important; font-size: 13px !important; }
.ssc-ch-dash-cvs-head .ssc-ch-primary:hover { background: var(--ssc-blue-dark) !important; }
.ssc-ch-trend-delta { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 2px 10px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 700 !important; margin-left: 6px !important; }
.ssc-ch-trend-delta.is-up { background: rgba(19, 138, 67, .15) !important; color: var(--ssc-green) !important; }
.ssc-ch-trend-delta.is-down { background: rgba(217, 35, 50, .15) !important; color: var(--ssc-red) !important; }
.ssc-ch-trend-list {
  list-style: none !important; padding: 0 !important; margin: 0 !important;
  display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 10px !important;
  align-items: end !important;
}
.ssc-ch-trend-bar { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; height: 140px !important; padding: 6px 4px !important; border-radius: 12px !important; background: var(--ssc-soft) !important; }
.ssc-ch-trend-bar a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; height: 100% !important; text-decoration: none !important; color: inherit !important; }
.ssc-ch-trend-fill { width: 60% !important; max-width: 28px !important; border-radius: 8px 8px 4px 4px !important; background: linear-gradient(180deg, var(--ssc-blue) 0%, var(--ssc-blue-dark) 100%) !important; transition: height .35s ease !important; min-height: 6px !important; }
.ssc-ch-trend-good .ssc-ch-trend-fill { background: linear-gradient(180deg, var(--ssc-green), #0a5e2f) !important; }
.ssc-ch-trend-warn .ssc-ch-trend-fill { background: linear-gradient(180deg, #f7c948, #d99800) !important; }
.ssc-ch-trend-thin .ssc-ch-trend-fill { background: linear-gradient(180deg, var(--ssc-red), #8a1620) !important; }
.ssc-ch-trend-bar strong { font-size: 13px !important; color: var(--ssc-ink) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
.ssc-ch-trend-bar small { font-size: 10px !important; color: var(--ssc-muted) !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
@media (max-width: 640px) {
  .ssc-ch-trend-list { grid-template-columns: repeat(3, 1fr) !important; }
  .ssc-ch-trend-bar { height: 120px !important; }
}

/* CV report — candidate-visible feedback panel */
.ssc-ch-report-feedback {
  margin: 0 clamp(20px, 4vw, 36px) 24px !important; padding: 22px 24px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(15, 76, 189, .06), rgba(19, 138, 67, .06)) !important;
  border-left: 4px solid var(--ssc-blue) !important;
}
.ssc-ch-report-feedback h3 { margin: 0 0 10px !important; font-size: 18px !important; color: var(--ssc-ink) !important; }
.ssc-ch-feedback-body { color: var(--ssc-ink) !important; line-height: 1.6 !important; font-size: 15px !important; }

/* my_cvs action row tweaks */
.ssc-ch-card .ssc-ch-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 12px !important; }
.ssc-ch-card .ssc-ch-actions .button { padding: 8px 16px !important; border-radius: 999px !important; font-weight: 700 !important; font-size: 13px !important; text-decoration: none !important; }
.ssc-ch-card .ssc-ch-actions .ssc-ch-primary { background: var(--ssc-blue) !important; color: #fff !important; border: 0 !important; }
.ssc-ch-card .ssc-ch-actions .ssc-ch-secondary { background: #fff !important; color: var(--ssc-muted) !important; border: 1px solid var(--ssc-line) !important; }

/* ==========================================================================
   v1.8.8 — Jobs page "modern utility" pass
   ==========================================================================
   Previously the Jobs hero + filter strip combined to take ~470px (~50% of an
   800px viewport). Modern job-board pattern (Indeed/LinkedIn/Otta/Wellfound)
   has filter+hero at ~120-150px so results dominate. This pass:
   - Slims hero from 2-col title+aside to single-row inline (title · stats)
   - Hides the "Filter the board" decorative copy block (form labels are
     self-explanatory; this was marketing-copy on a utility module)
   - Compacts every filter input (padding 10/14 → 7/11, font 14 → 13)
   - Tightens grid gap (14/18 → 8/12) and section padding
   - Forces Email intro button onto one line (was wrapping in narrow actions
     column on cards view)
   ========================================================================== */

/* Slim hero — single horizontal row with inline stats */
.ssc-ch-jobs .ssc-ch-hero.ssc-ch-hero-slim {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px 16px !important;
  padding: 12px clamp(16px, 2.4vw, 22px) !important;
  border-bottom: 1px solid var(--ssc-line) !important;
  background: rgba(255,255,255,.86) !important;
  grid-template-columns: none !important;
}
.ssc-ch-jobs .ssc-ch-hero-slim > div { display: contents !important; }
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-kicker { display: none !important; }
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-subhead { display: none !important; }
.ssc-ch-jobs .ssc-ch-hero-slim h2 {
  margin: 0 !important; padding: 0 !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  color: var(--ssc-ink) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-hero-card {
  display: inline-flex !important;
  align-items: baseline !important;
  background: transparent !important;
  padding: 0 !important; margin: 0 !important;
  box-shadow: none !important; border: 0 !important;
  border-radius: 0 !important;
  color: var(--ssc-muted) !important;
}
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-hero-card > strong:first-child { display: none !important; }
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-stats {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px 14px !important;
  margin: 0 !important;
  grid-template-columns: none !important;
}
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-stats span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ssc-muted) !important;
  border: 0 !important;
}
.ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-stats strong {
  color: var(--ssc-ink) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Filter strip — hide decorative copy, tighten everything */
.ssc-ch-jobs .ssc-ch-filter-strip {
  display: block !important;
  grid-template-columns: none !important;
  padding: 12px clamp(16px, 2.4vw, 22px) !important;
}
.ssc-ch-jobs .ssc-ch-filter-copy { display: none !important; }
.ssc-ch-jobs .ssc-ch-filter-strip .ssc-ch-filters.ssc-ch-filters-chips,
.ssc-ch-jobs .ssc-ch-filters.ssc-ch-filters-chips {
  gap: 8px 12px !important;
}
.ssc-ch-jobs .ssc-ch-filters-chips .ssc-ch-filter-field { gap: 3px !important; }
.ssc-ch-jobs .ssc-ch-filters-chips label {
  font-size: 10.5px !important;
  letter-spacing: .05em !important;
}
.ssc-ch-jobs .ssc-ch-filters-chips input,
.ssc-ch-jobs .ssc-ch-filters-chips select {
  padding: 7px 11px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
}
.ssc-ch-jobs .ssc-ch-filter-actions {
  margin-top: 6px !important;
  padding-top: 8px !important;
}
.ssc-ch-jobs .ssc-ch-filter-actions button {
  padding: 8px 16px !important;
  font-size: 13px !important;
}
.ssc-ch-jobs .ssc-ch-multi-shell { padding: 4px 6px !important; }
.ssc-ch-jobs .ssc-ch-multi-input {
  padding: 5px 6px !important;
  font-size: 13px !important;
}
.ssc-ch-jobs .ssc-ch-multi-tag {
  padding: 3px 8px 3px 10px !important;
  font-size: 12px !important;
}
.ssc-ch-jobs .ssc-ch-multi-hint {
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: var(--ssc-muted) !important;
}

/* Email intro button — let it stretch to fill the actions row instead of
   being squashed at a tiny font. The actions column already has horizontal
   space below the Details/Apply row; flex: 1 1 100% forces this button onto
   its own row at full container width, so "✉ Email intro" reads at normal
   size on one line as a proper standalone secondary CTA. */
.ssc-ch-email-employer {
  white-space: nowrap !important;
  flex: 1 1 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  padding: 8px 14px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  .ssc-ch-jobs .ssc-ch-hero-slim {
    padding: 10px 14px !important;
    gap: 4px 12px !important;
  }
  .ssc-ch-jobs .ssc-ch-hero-slim h2 { font-size: 17px !important; }
  .ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-stats { gap: 4px 10px !important; }
  .ssc-ch-jobs .ssc-ch-hero-slim .ssc-ch-stats span { font-size: 12px !important; }
}

/* ==========================================================================
   v1.8.9 — Custom combobox dropdown + filter field alignment
   ==========================================================================
   Replaces the native <datalist> popup (uncontrollable, browser-positioned,
   inconsistent between Chrome/Firefox/Safari, sometimes inserted the option
   label instead of value into the input — the "multiple location pick not
   working" bug). New widget: dropdown panel rendered as a sibling of the
   tag list, absolutely positioned below the input, full-width of the field,
   NY/NJ section headers, click-to-add, keyboard nav. Same UX in every
   browser. Field alignment forced by stretching the wrapper to a uniform
   height so the 2-col grid rows align even when one field has a hint and
   another doesn't.
   ========================================================================== */

/* Field wrappers stretch to the same height in their grid row */
.ssc-ch-jobs .ssc-ch-filters-chips .ssc-ch-filter-field {
  justify-content: flex-start !important;
  align-self: stretch !important;
}
.ssc-ch-jobs .ssc-ch-filters-chips .ssc-ch-filter-field label {
  min-height: 14px !important;
  display: block !important;
}

/* Combobox panel — drops below the input, full width of the multi wrapper */
.ssc-ch-jobs .ssc-ch-multi { position: relative !important; }
.ssc-ch-combo-panel {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 60 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  background: #fff !important;
  border: 1px solid var(--ssc-line, #d0d8e3) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(8, 47, 122, 0.14), 0 2px 6px rgba(8, 47, 122, 0.06) !important;
  padding: 4px !important;
  font-size: 13px !important;
}
.ssc-ch-combo-panel[hidden] { display: none !important; }
.ssc-ch-combo-section {
  padding: 8px 10px 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--ssc-muted, #5a6678) !important;
  text-transform: uppercase !important;
}
.ssc-ch-combo-item {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  padding: 7px 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ssc-ink, #082f7a) !important;
  cursor: pointer !important;
  line-height: 1.3 !important;
}
.ssc-ch-combo-item:hover,
.ssc-ch-combo-item.is-focused {
  background: rgba(15, 76, 189, 0.1) !important;
  color: var(--ssc-blue, #0f4cbd) !important;
}
.ssc-ch-combo-empty {
  padding: 14px 12px !important;
  font-size: 12px !important;
  color: var(--ssc-muted, #5a6678) !important;
  text-align: center !important;
}

/* Make the multi-shell behave consistently with the plain inputs around it */
.ssc-ch-jobs .ssc-ch-multi-shell {
  border: 1px solid var(--ssc-line, #d0d8e3) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 3px 5px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  box-shadow: 0 1px 2px rgba(8, 47, 122, .04) !important;
}
.ssc-ch-jobs .ssc-ch-multi-shell:focus-within {
  outline: 3px solid rgba(15, 76, 189, .18) !important;
  border-color: var(--ssc-blue, #0f4cbd) !important;
}
.ssc-ch-jobs .ssc-ch-multi-input {
  flex: 1 1 120px !important;
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  padding: 4px 6px !important;
  font-size: 13px !important;
  min-width: 80px !important;
  box-shadow: none !important;
}
.ssc-ch-jobs .ssc-ch-multi-input:focus { outline: 0 !important; box-shadow: none !important; }
.ssc-ch-jobs .ssc-ch-multi-tags {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.ssc-ch-jobs .ssc-ch-multi-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 4px 2px 9px !important;
  border-radius: 999px !important;
  background: rgba(15, 76, 189, 0.1) !important;
  color: var(--ssc-blue, #0f4cbd) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.ssc-ch-jobs .ssc-ch-multi-tag button[data-ssc-multi-remove] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: var(--ssc-blue, #0f4cbd) !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.ssc-ch-jobs .ssc-ch-multi-tag button[data-ssc-multi-remove]:hover {
  background: rgba(15, 76, 189, 0.2) !important;
}

@media (max-width: 720px) {
  .ssc-ch-combo-panel { max-height: 240px !important; font-size: 14px !important; }
  .ssc-ch-combo-item { padding: 9px 12px !important; font-size: 14px !important; }
  .ssc-ch-jobs .ssc-ch-multi-shell { min-height: 40px !important; }
  .ssc-ch-jobs .ssc-ch-multi-input { font-size: 14px !important; }
}