/**
 * Stage 3 — Career / Recruiters / Company lower / Tracker / Training / Account (#381)
 * Uses Stage 1 tokens. Does not restyle company premium hero (PR #376).
 */

/* —— Screen markers —— */
#view-career.mh-stage3-career,
#view-profile.mh-stage3-profile,
#view-applications.mh-stage3-applications,
#view-recruiters.mh-stage3-recruiters,
#view-recruiter-detail.mh-stage3-company,
#view-training.mh-stage3-training,
#view-training-detail.mh-stage3-training-detail,
#view-account.mh-stage3-account {
  --mj-stage3: 1;
}

/* —— Career hub —— */
#view-career.mh-stage3-career .mj-screen-head {
  margin-bottom: var(--mh-space-4);
}

#view-career.mh-stage3-career .mj-screen-title {
  font-size: var(--mh-type-screen);
  font-weight: 750;
  letter-spacing: -0.015em;
}

#view-career.mh-stage3-career .mj-screen-sub {
  font-size: var(--mh-type-meta);
  color: var(--mh-text-muted);
}

.mh-career-hub {
  display: grid;
  gap: var(--mh-space-3);
  margin: 0 0 var(--mh-space-5);
}

#view-career.mh-stage3-career .mj-career-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--mh-space-3);
  margin: 0;
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-career.mh-stage3-career .mj-career-card:not(:has(.mh-career-tool__icon)) {
  grid-template-columns: 1fr auto;
}

.mh-career-tool__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mh-radius-md);
  background: color-mix(in srgb, var(--mh-accent) 12%, var(--mh-surface));
  color: var(--mh-accent);
  flex-shrink: 0;
}

.mh-career-tool__icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#view-career.mh-stage3-career .mj-career-card__title {
  margin: 0 0 4px;
  font-size: var(--mh-type-card);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--mh-text);
}

#view-career.mh-stage3-career .mj-career-card__body .muted {
  margin: 0;
  font-size: var(--mh-type-meta);
  line-height: var(--mh-lh-body);
  color: var(--mh-text-muted);
}

#view-career.mh-stage3-career .mj-career-card__action {
  min-height: var(--mh-control-h-sm);
  padding: 0 14px;
  border-radius: var(--mh-radius-md);
  border: 1.5px solid var(--mh-accent);
  background: var(--mh-surface-standard);
  color: var(--mh-accent);
  font-size: var(--mh-type-button);
  font-weight: 700;
  box-shadow: none;
}

#view-career.mh-stage3-career .mj-section-title,
#view-career.mh-stage3-career .mh-career-soon-title {
  margin: var(--mh-space-2) 0 var(--mh-space-3);
  font-size: var(--mh-type-section);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--mh-text-secondary);
}

#view-career.mh-stage3-career .mj-career-list {
  gap: var(--mh-space-3);
}

/* —— Recruiters list —— */
#view-recruiters.mh-stage3-recruiters {
  padding-bottom: calc(var(--mh-space-6) + var(--safe-bottom, 0px));
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-topbar {
  margin-bottom: var(--mh-space-2);
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-topbar__title {
  font-size: var(--mh-type-screen);
  font-weight: 750;
  letter-spacing: -0.015em;
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-lead {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-search-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--mh-space-3);
  padding: 6px 8px 6px 12px;
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-search__input {
  flex: 1;
  min-height: var(--mh-control-h-sm);
  border: none;
  background: transparent;
  color: var(--mh-input-text);
  font-size: var(--mh-type-body);
  box-shadow: none;
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-search__input:focus {
  outline: none;
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-search__filter {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: var(--mh-radius-md);
  background: var(--mh-surface-inset);
  color: var(--mh-text-secondary);
  cursor: pointer;
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-sector-chips,
#view-recruiters.mh-stage3-recruiters .mj-recruiter-alpha-row {
  margin-bottom: var(--mh-space-3);
}

#view-recruiters.mh-stage3-recruiters .mj-recruiter-result-note {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
  font-weight: 600;
  color: var(--mh-text-secondary);
}

#view-recruiters.mh-stage3-recruiters .ref-rc-section {
  margin: 0 0 var(--mh-space-4);
}

#view-recruiters.mh-stage3-recruiters .ref-rc-section__letter {
  margin: 0 0 var(--mh-space-2);
  font-size: var(--mh-type-label);
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mh-text-muted);
}

#view-recruiters.mh-stage3-recruiters .ref-rc-company-card {
  margin: 0 0 8px;
  padding: 12px 14px;
  border-radius: var(--mh-radius-md);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: none;
}

#view-recruiters.mh-stage3-recruiters .ref-rc-company-card:active {
  background: var(--mh-surface-inset);
}

/* —— Company detail lower sections (hero untouched) —— */
#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-detail__block {
  margin: 0 0 var(--mh-space-4);
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-detail__block-title {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-section);
  font-weight: 750;
  letter-spacing: -0.01em;
}

#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-directory {
  margin: 0 0 var(--mh-space-4);
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-directory__title {
  font-size: var(--mh-type-section);
  font-weight: 750;
}

#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-person-card {
  border-radius: var(--mh-radius-md);
  border: 1px solid var(--mh-border-subtle);
  background: var(--mh-surface-inset);
  box-shadow: none;
}

#view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-detail__sticky {
  gap: 10px;
  padding: 12px var(--detail-pad-x, 12px) calc(12px + var(--safe-bottom, 0px));
  background: var(--mh-surface-sticky);
  border-top: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-sticky);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* —— Application Tracker —— */
#view-applications.mh-stage3-applications .mj-screen-head {
  margin-bottom: var(--mh-space-3);
}

#view-applications.mh-stage3-applications .mj-back-btn {
  min-height: 36px;
  margin-bottom: var(--mh-space-2);
  padding: 0 2px;
  border: none;
  background: transparent;
  color: var(--mh-accent);
  font-size: var(--mh-type-meta);
  font-weight: 650;
  cursor: pointer;
}

#view-applications.mh-stage3-applications .mj-screen-title {
  font-size: var(--mh-type-screen);
  font-weight: 750;
  letter-spacing: -0.015em;
}

#view-applications.mh-stage3-applications .filter-row {
  display: grid;
  gap: 6px;
  margin: 0 0 var(--mh-space-3);
  padding: var(--mh-space-3);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-applications.mh-stage3-applications .filter-label {
  font-size: var(--mh-type-label);
  font-weight: 650;
  color: var(--mh-text-secondary);
}

#view-applications.mh-stage3-applications #applications-status-filter {
  min-height: var(--mh-control-h-sm);
  padding: 0 12px;
  border-radius: var(--mh-radius-md);
  border: 1px solid var(--mh-border-standard);
  background: var(--mh-surface-interactive);
  color: var(--mh-input-text);
  font-size: var(--mh-type-body);
}

#view-applications.mh-stage3-applications .mj-applications-status {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
  font-weight: 600;
  color: var(--mh-text-secondary);
}

#view-applications.mh-stage3-applications .mj-empty-card {
  padding: var(--mh-space-5) var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
  text-align: center;
}

#view-applications.mh-stage3-applications .mj-applications-list {
  gap: var(--mh-space-3);
}

#view-applications.mh-stage3-applications .mj-application-card {
  position: relative;
  padding: var(--mh-card-pad);
  padding-left: calc(var(--mh-card-pad) + 4px);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
  overflow: hidden;
}

#view-applications.mh-stage3-applications .mj-application-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--mh-text-muted);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="applied"]::before {
  background: var(--mh-accent);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="interview"]::before {
  background: #3b82f6;
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="offer"]::before {
  background: var(--mh-success, #16a34a);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="rejected"]::before {
  background: var(--mh-danger, #dc2626);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="closed"]::before {
  background: var(--mh-text-secondary);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="planned"]::before {
  background: var(--mh-warning, #d97706);
}

#view-applications.mh-stage3-applications .mj-application-card[data-status="saved"]::before {
  background: color-mix(in srgb, var(--mh-accent) 55%, var(--mh-text-muted));
}

#view-applications.mh-stage3-applications .mj-application-card__title {
  margin: 0 0 4px;
  font-size: var(--mh-type-card);
  font-weight: 700;
}

#view-applications.mh-stage3-applications .mj-application-card__meta {
  margin: 0 0 10px;
  font-size: var(--mh-type-meta);
}

#view-applications.mh-stage3-applications .mj-application-card__actions {
  display: grid;
  grid-template-columns: minmax(7.5rem, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

#view-applications.mh-stage3-applications .mj-application-card__actions select {
  min-height: var(--mh-control-h-sm);
  min-width: 0;
  padding: 0 10px;
  border-radius: var(--mh-radius-md);
  border: 1px solid var(--mh-border-standard);
  background: var(--mh-surface-interactive);
  color: var(--mh-input-text);
  font-size: var(--mh-type-meta);
  font-weight: 650;
}

#view-applications.mh-stage3-applications .mj-application-card__actions .mj-btn-secondary {
  min-height: var(--mh-control-h-sm);
  padding: 0 12px;
  border-radius: var(--mh-radius-md);
  font-size: var(--mh-type-caption);
  font-weight: 700;
}

@media (max-width: 360px) {
  #view-applications.mh-stage3-applications .mj-application-card__actions {
    grid-template-columns: 1fr 1fr;
  }

  #view-applications.mh-stage3-applications .mj-application-card__actions select {
    grid-column: 1 / -1;
  }
}

/* —— Training list + detail —— */
#view-training.mh-stage3-training .detail-top,
#view-training-detail.mh-stage3-training-detail .detail-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: var(--mh-space-3);
}

#view-training.mh-stage3-training .back-btn,
#view-training-detail.mh-stage3-training-detail .back-btn {
  min-height: 36px;
  padding: 0 2px;
  border: none;
  background: transparent;
  color: var(--mh-accent);
  font-size: var(--mh-type-meta);
  font-weight: 650;
  cursor: pointer;
}

#view-training.mh-stage3-training .page-title,
#view-training-detail.mh-stage3-training-detail .page-title {
  margin: 0;
  font-size: var(--mh-type-screen);
  font-weight: 750;
  letter-spacing: -0.015em;
  color: var(--mh-text);
}

#view-training.mh-stage3-training .page-lead {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
}

#view-training.mh-stage3-training .directory-filters {
  display: grid;
  gap: var(--mh-space-3);
  margin: 0 0 var(--mh-space-3);
  padding: var(--mh-space-3);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-training.mh-stage3-training .filter-row {
  display: grid;
  gap: 6px;
  margin: 0;
}

#view-training.mh-stage3-training .filter-row-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mh-space-3);
}

#view-training.mh-stage3-training .filter-label {
  font-size: var(--mh-type-label);
  font-weight: 650;
  color: var(--mh-text-secondary);
}

#view-training.mh-stage3-training #training-search,
#view-training.mh-stage3-training #training-country,
#view-training.mh-stage3-training #training-course {
  width: 100%;
  min-height: var(--mh-control-h-sm);
  padding: 0 12px;
  border-radius: var(--mh-radius-md);
  border: 1px solid var(--mh-border-standard);
  background: var(--mh-surface-interactive);
  color: var(--mh-input-text);
  font-size: var(--mh-type-body);
  box-shadow: none;
}

#view-training.mh-stage3-training #training-search:focus,
#view-training.mh-stage3-training #training-country:focus,
#view-training.mh-stage3-training #training-course:focus {
  outline: none;
  border-color: var(--mh-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mh-focus) 20%, transparent);
}

#view-training.mh-stage3-training #training-result-note {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
  font-weight: 600;
  color: var(--mh-text-secondary);
}

#view-training.mh-stage3-training #training-list {
  display: grid;
  gap: var(--mh-space-3);
}

#view-training.mh-stage3-training .mh-training-card,
#view-training.mh-stage3-training .compact-job-card.directory-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--mh-space-3);
  width: 100%;
  margin: 0;
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
  text-align: left;
  color: inherit;
  cursor: pointer;
}

#view-training.mh-stage3-training .mh-training-card .job-avatar,
#view-training.mh-stage3-training .compact-job-card .job-avatar {
  width: 44px;
  height: 44px;
  border-radius: var(--mh-radius-md);
  background: color-mix(in srgb, var(--mh-accent) 12%, var(--mh-surface));
  color: var(--mh-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mh-type-meta);
  font-weight: 750;
}

#view-training.mh-stage3-training .compact-job-title {
  margin: 0 0 4px;
  font-size: var(--mh-type-card);
  font-weight: 700;
  color: var(--mh-text);
}

#view-training.mh-stage3-training .compact-job-sub {
  margin: 0;
  font-size: var(--mh-type-meta);
  color: var(--mh-text-muted);
}

#view-training-detail.mh-stage3-training-detail .directory-detail-card,
#view-training-detail.mh-stage3-training-detail .mh-training-detail {
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-training-detail.mh-stage3-training-detail .directory-detail-title {
  margin: 0 0 6px;
  font-size: 1.2rem;
  font-weight: 750;
  letter-spacing: -0.015em;
}

#view-training-detail.mh-stage3-training-detail .directory-detail-lead {
  margin: 0 0 var(--mh-space-4);
  font-size: var(--mh-type-meta);
  color: var(--mh-text-muted);
}

#view-training-detail.mh-stage3-training-detail .directory-section-title {
  margin: var(--mh-space-4) 0 var(--mh-space-3);
  font-size: var(--mh-type-section);
  font-weight: 750;
}

#view-training-detail.mh-stage3-training-detail .course-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

#view-training-detail.mh-stage3-training-detail .course-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 12px;
  padding: 12px;
  border-radius: var(--mh-radius-md);
  background: var(--mh-surface-inset);
  border: 1px solid transparent;
}

#view-training-detail.mh-stage3-training-detail .course-row-title {
  margin: 0;
  grid-column: 1 / -1;
  font-size: var(--mh-type-body);
  font-weight: 650;
  color: var(--mh-text);
}

#view-training-detail.mh-stage3-training-detail .course-price {
  font-size: var(--mh-type-meta);
  font-weight: 700;
  color: var(--mh-accent);
}

#view-training-detail.mh-stage3-training-detail .course-price--muted {
  color: var(--mh-text-muted);
  font-weight: 600;
}

#view-training-detail.mh-stage3-training-detail .course-row-link {
  font-size: var(--mh-type-caption);
  font-weight: 650;
  color: var(--mh-accent);
  text-decoration: none;
}

#view-training-detail.mh-stage3-training-detail .directory-link-row {
  margin: 0 0 8px;
}

#view-training-detail.mh-stage3-training-detail .btn-source-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--mh-control-h-sm);
  padding: 0 14px;
  border-radius: var(--mh-radius-md);
  background: color-mix(in srgb, var(--mh-accent) 12%, var(--mh-surface));
  color: var(--mh-accent);
  font-size: var(--mh-type-button);
  font-weight: 700;
  text-decoration: none;
}

/* —— Account —— */
#view-account.mh-stage3-account .mj-screen-head {
  margin-bottom: var(--mh-space-4);
}

#view-account.mh-stage3-account .mj-screen-title {
  font-size: var(--mh-type-screen);
  font-weight: 750;
  letter-spacing: -0.015em;
}

#view-account.mh-stage3-account .mj-account-profile {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--mh-space-3);
  align-items: center;
  margin: 0 0 var(--mh-space-4);
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-account.mh-stage3-account .mj-account-avatar {
  width: 56px;
  height: 56px;
  border-radius: var(--mh-radius-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--mh-accent) 14%, var(--mh-surface));
  color: var(--mh-accent);
  font-size: 1rem;
  font-weight: 800;
}

#view-account.mh-stage3-account .mj-account-name {
  margin: 0 0 4px;
  font-size: var(--mh-type-card);
  font-weight: 750;
}

#view-account.mh-stage3-account .mj-account-meta,
#view-account.mh-stage3-account .mj-account-auth-state {
  margin: 0;
  font-size: var(--mh-type-meta);
}

#view-account.mh-stage3-account .mj-premium-card {
  margin: 0 0 var(--mh-space-5);
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--mh-accent) 10%, var(--mh-surface-standard)) 0%,
    var(--mh-surface-standard) 55%
  );
  border: 1px solid color-mix(in srgb, var(--mh-accent) 22%, var(--mh-border-subtle));
  box-shadow: var(--mh-elev-low);
}

#view-account.mh-stage3-account .mj-premium-card h3 {
  margin: 0 0 6px;
  font-size: var(--mh-type-section);
  font-weight: 750;
}

#view-account.mh-stage3-account .mj-premium-card .muted {
  margin: 0 0 var(--mh-space-3);
  font-size: var(--mh-type-meta);
}

#view-account.mh-stage3-account .mh-referral-link {
  word-break: break-all;
  overflow-wrap: anywhere;
  max-width: 100%;
}

#view-account.mh-stage3-account .mh-referral-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mh-space-2);
  margin: 0 0 var(--mh-space-3);
}

#view-account.mh-stage3-account .mh-referral-stats {
  margin: var(--mh-space-2) 0 0;
}

#view-account.mh-stage3-account .btn-account-upgrade {
  min-height: var(--mh-control-h-sm);
  padding: 0 14px;
  border-radius: var(--mh-radius-md);
  border: 1.5px solid var(--mh-accent);
  background: var(--mh-surface-standard);
  color: var(--mh-accent);
  font-weight: 700;
}

.mh-account-section {
  margin: 0 0 var(--mh-space-4);
}

.mh-account-section__title {
  margin: 0 0 var(--mh-space-2);
  padding: 0 2px;
  font-size: var(--mh-type-label);
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mh-text-muted);
}

#view-account.mh-stage3-account .mj-settings-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  border-radius: var(--mh-radius-lg);
  background: var(--mh-border-subtle);
  border: 1px solid var(--mh-border-subtle);
  overflow: hidden;
  box-shadow: var(--mh-elev-low);
}

#view-account.mh-stage3-account .mj-settings-row {
  margin: 0;
  padding: 14px 16px;
  border: none;
  border-radius: 0;
  background: var(--mh-surface-standard);
  box-shadow: none;
  text-align: left;
}

#view-account.mh-stage3-account .mj-settings-row h4 {
  margin: 0 0 4px;
  font-size: var(--mh-type-body);
  font-weight: 650;
  color: var(--mh-text);
}

#view-account.mh-stage3-account .mj-settings-row .muted {
  margin: 0;
  font-size: var(--mh-type-meta);
}

#view-account.mh-stage3-account .mj-settings-row--btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  cursor: pointer;
  color: var(--mh-text);
  font: inherit;
}

#view-account.mh-stage3-account .mj-settings-row__meta {
  flex-shrink: 0;
  font-size: var(--mh-type-caption);
  font-weight: 650;
  color: var(--mh-accent);
}

#view-account.mh-stage3-account .mj-settings-meta {
  margin: 10px 0 0;
  display: grid;
  gap: 6px;
}

#view-account.mh-stage3-account .mj-settings-meta div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--mh-type-meta);
}

#view-account.mh-stage3-account .mj-settings-meta dt {
  margin: 0;
  color: var(--mh-text-muted);
  font-weight: 500;
}

#view-account.mh-stage3-account .mj-settings-meta dd {
  margin: 0;
  color: var(--mh-text);
  font-weight: 650;
}

#view-account.mh-stage3-account .view-foot {
  margin: var(--mh-space-3) 0 0;
  font-size: var(--mh-type-caption);
  text-align: center;
}

/* —— Dark theme —— */
html[data-theme="dark"] #view-career.mh-stage3-career .mj-career-card,
html[data-theme="dark"] #view-recruiters.mh-stage3-recruiters .mj-recruiter-search-wrap,
html[data-theme="dark"] #view-recruiters.mh-stage3-recruiters .ref-rc-company-card,
html[data-theme="dark"] #view-applications.mh-stage3-applications .filter-row,
html[data-theme="dark"] #view-applications.mh-stage3-applications .mj-empty-card,
html[data-theme="dark"] #view-applications.mh-stage3-applications .mj-application-card,
html[data-theme="dark"] #view-training.mh-stage3-training .directory-filters,
html[data-theme="dark"] #view-training.mh-stage3-training .mh-training-card,
html[data-theme="dark"] #view-training.mh-stage3-training .compact-job-card.directory-card,
html[data-theme="dark"] #view-training-detail.mh-stage3-training-detail .directory-detail-card,
html[data-theme="dark"] #view-account.mh-stage3-account .mj-account-profile,
html[data-theme="dark"] #view-account.mh-stage3-account .mj-premium-card,
html[data-theme="dark"] #view-account.mh-stage3-account .mj-settings-row {
  background: var(--mh-surface-raised);
  border-color: var(--mh-border-standard);
  box-shadow: var(--mh-elev-low);
}

html[data-theme="dark"] #view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-detail__block,
html[data-theme="dark"] #view-recruiter-detail.mh-stage3-company
  .ref-rc-detail[data-company-layout="premium-v1"]
  .ref-rc-directory {
  background: var(--mh-surface-raised) !important;
  border-color: var(--mh-border-standard) !important;
}

html[data-theme="dark"] #view-training-detail.mh-stage3-training-detail .course-row {
  background: var(--mh-surface-inset);
}

html[data-theme="dark"] #view-applications.mh-stage3-applications .mj-application-card[data-status="interview"]::before {
  background: #60a5fa;
}

html[data-theme="dark"] #view-account.mh-stage3-account .mj-settings-list {
  background: var(--mh-border-standard);
  border-color: var(--mh-border-standard);
}

/* —— Career Profile / CV (#400) —— */
#view-profile.mh-stage3-profile .mj-profile-head {
  margin-bottom: var(--mh-space-3);
}

#view-profile.mh-stage3-profile .mh-profile-status {
  margin: 0 0 var(--mh-space-3);
}

#view-profile.mh-stage3-profile .mh-profile-card {
  margin: 0 0 var(--mh-space-3);
  padding: var(--mh-card-pad);
  border-radius: var(--mh-radius-lg);
  background: var(--mh-surface-standard);
  border: 1px solid var(--mh-border-subtle);
  box-shadow: var(--mh-elev-low);
}

#view-profile.mh-stage3-profile .mh-profile-complete {
  margin: 0 0 var(--mh-space-3);
}

#view-profile.mh-stage3-profile .mh-profile-section {
  margin: 0 0 var(--mh-space-4);
}

#view-profile.mh-stage3-profile .mh-profile-headline {
  margin: 0 0 6px;
  font-size: var(--mh-type-card);
  font-weight: 650;
}

#view-profile.mh-stage3-profile .mh-profile-list {
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: 8px;
}

#view-profile.mh-stage3-profile .mh-profile-hint {
  margin: 0 0 var(--mh-space-2);
  font-size: var(--mh-type-meta);
}

#view-profile.mh-stage3-profile .mh-profile-form .filter-row {
  margin-bottom: var(--mh-space-2);
}

#view-profile.mh-stage3-profile .mh-profile-form input,
#view-profile.mh-stage3-profile .mh-profile-form select,
#view-profile.mh-stage3-profile .mh-profile-form textarea {
  width: 100%;
  box-sizing: border-box;
}

#view-profile.mh-stage3-profile .mh-profile-repeat {
  display: grid;
  gap: var(--mh-space-3);
  margin-bottom: var(--mh-space-2);
}

#view-profile.mh-stage3-profile .mh-profile-repeat-row {
  padding: var(--mh-space-3);
  border-radius: var(--mh-radius-md);
  border: 1px solid var(--mh-border-subtle);
  background: var(--mh-surface-inset, var(--mh-surface));
}

#view-profile.mh-stage3-profile .mh-profile-check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--mh-space-2);
  font-size: var(--mh-type-meta);
}

#view-profile.mh-stage3-profile .mh-profile-form-actions {
  display: flex;
  gap: var(--mh-space-2);
  position: sticky;
  bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  padding: var(--mh-space-3) 0;
  background: linear-gradient(to top, var(--mh-bg, var(--mh-surface)) 70%, transparent);
  z-index: 2;
}

#view-profile.mh-stage3-profile .mh-profile-form-error {
  color: #b42318;
  margin: 0 0 var(--mh-space-4);
}

html[data-theme="dark"] #view-profile.mh-stage3-profile .mh-profile-card,
html[data-theme="dark"] #view-profile.mh-stage3-profile .mh-profile-repeat-row {
  background: var(--mh-surface-raised);
  border-color: var(--mh-border-standard);
}

html[data-theme="dark"] #view-profile.mh-stage3-profile .mh-profile-form-error {
  color: #f97066;
}

/* Quick Apply Helper (#404) */
#view-quick-apply.mh-quick-apply {
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
.mh-quick-apply-root {
  display: flex;
  flex-direction: column;
  gap: var(--mh-space-3, 12px);
  padding: 0 0 var(--mh-space-4, 16px);
}
.mh-qa-card {
  border: 1px solid var(--mh-border-standard, #d7dde5);
  border-radius: 12px;
  padding: 14px 14px 12px;
  background: var(--mh-surface-raised, #fff);
}
.mh-qa-card h2,
.mh-qa-card h3 {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 650;
}
.mh-qa-status {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--mh-surface-inset, #eef2f6);
}
.mh-qa-status.is-ready { color: #067647; background: #ecfdf3; }
.mh-qa-status.is-limited { color: #b54708; background: #fffaeb; }
.mh-qa-status.is-needs,
.mh-qa-status.is-noroute { color: #b42318; background: #fef3f2; }
.mh-qa-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mh-qa-actions .mh-button,
.mh-qa-actions button {
  width: 100%;
}
.mh-qa-message {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.92rem;
  line-height: 1.45;
  margin: 0;
  max-height: 42vh;
  overflow: auto;
  padding: 10px;
  border-radius: 8px;
  background: var(--mh-surface-inset, #f5f7fa);
}
.mh-qa-list {
  margin: 0;
  padding-left: 1.1rem;
}
.mh-qa-list li { margin: 0 0 4px; }
html[data-theme="dark"] .mh-qa-card {
  background: var(--mh-surface-raised);
  border-color: var(--mh-border-standard);
}
html[data-theme="dark"] .mh-qa-message {
  background: var(--mh-surface-inset);
}