/* Employer directory and profile refinements. Shared Jobs styles own the cover and navigation. */
.jobs-atlas[data-tws-jobs-section="employers"] .ja-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr));
}

.jobs-atlas[data-tws-jobs-section="employers"] .ja-card {
  align-items: flex-start;
  gap: 9px;
  min-height: 136px;
  padding: clamp(14px, 2vw, 20px);
  overflow-wrap: anywhere;
}

.jobs-atlas[data-tws-jobs-section="employers"] .ja-card strong {
  color: var(--jd-ink);
  font-size: 1.08rem;
  line-height: 1.25;
}

.jobs-atlas[data-tws-jobs-section="employers"] .ja-count {
  padding: 4px 8px;
  border: 1px solid var(--jd-border);
  border-radius: 6px;
  background: #142219;
  color: var(--jd-accent);
  font-size: .76rem;
  line-height: 1.3;
}

.jobs-atlas[data-tws-jobs-section="employer"] :is(.ja-note, .ja-empty) {
  color: var(--jd-muted);
}

.jobs-atlas[data-tws-jobs-section="employer"] .ja-note strong {
  color: var(--jd-ink);
}

.jobs-atlas[data-tws-jobs-section="employer"] #tws-employer-profile-intake-v1 .ja-links a {
  border-color: #6c826e;
  background: var(--jd-card);
  color: var(--jd-ink);
}

.jobs-atlas[data-tws-jobs-section="employer"] #tws-employer-profile-intake-v1 .ja-links a:hover {
  border-color: var(--jd-accent);
}

/* Role builder controls, results and public hiring guidance. */
.employer-v4[data-tws-jobs-section="hiring"] {
  --ink: var(--jd-ink);
  --muted: var(--jd-muted);
  --line: var(--jd-border);
  --soft: var(--jd-panel);
  --green: var(--jd-accent);
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-panel, .ev-public-guide, .ev-service-pilot) {
  max-width: none;
  margin: 24px 0 0;
  padding: clamp(17px, 3vw, 32px);
  border: 1px solid var(--jd-border);
  border-radius: 16px;
  background: var(--jd-panel);
  box-shadow: none;
  backdrop-filter: none;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-fields, .ev-grid, .ev-guide-grid, .ev-intake-grid) {
  gap: 12px;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-field, .ev-card, .ev-guide-grid > div, .ev-intake-card) {
  min-width: 0;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-field label {
  color: var(--jd-ink);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-field select, .ev-draft) {
  color-scheme: dark;
  border: 1px solid #6c826e;
  border-radius: 8px;
  background: #111b15;
  color: var(--jd-ink);
  font: 500 1rem/1.45 system-ui, sans-serif;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-field select {
  min-height: 48px;
  max-width: 100%;
  padding: 9px 12px;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-draft {
  min-height: clamp(270px, 50vh, 390px);
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-btn, .ev-links a, .ev-service-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid #6c826e;
  border-radius: 8px;
  background: var(--jd-card);
  box-shadow: none;
  color: var(--jd-ink);
  font: 700 .85rem/1.25 system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(#ev-build, .ev-service-cta) {
  border-color: var(--jd-accent);
  background: var(--jd-accent);
  color: #18241a;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-btn, .ev-links a, .ev-service-cta, .ev-job):hover {
  border-color: var(--jd-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(a, button, select, textarea):focus-visible {
  outline: 2px solid #f6ce93;
  outline-offset: 3px;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-status {
  color: var(--jd-accent);
  font-weight: 650;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-results, #employer-request) {
  scroll-margin-top: calc(var(--tws-job-masthead, 96px) + 78px);
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-card, .ev-guide-grid > div, .ev-intake-card) {
  padding: clamp(13px, 2vw, 19px);
  border: 1px solid var(--jd-border);
  border-radius: 12px;
  background: var(--jd-card);
  box-shadow: none;
  backdrop-filter: none;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-panel, .ev-public-guide, .ev-service-pilot) h2 {
  margin: 0 0 9px;
  color: var(--jd-ink);
  font: 660 clamp(1.42rem, 2.7vw, 2.05rem)/1.15 system-ui, sans-serif;
  letter-spacing: -.037em;
}

.employer-v4[data-tws-jobs-section="hiring"] :is(.ev-panel, .ev-public-guide, .ev-service-pilot) .ev-k {
  margin: 0 0 7px;
  color: var(--jd-accent);
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-intake {
  margin-top: 26px;
  padding-top: 21px;
  border-color: var(--jd-border);
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-intake-card:hover {
  border-color: var(--jd-accent);
  transform: none;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-job {
  min-height: 44px;
  overflow-wrap: anywhere;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-job b {
  flex: none;
  color: var(--jd-accent);
  font-size: .85rem;
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-guide-link a {
  color: var(--jd-accent);
}

.employer-v4[data-tws-jobs-section="hiring"] .ev-service-action {
  padding: 14px;
  border: 1px solid var(--jd-border);
  border-radius: 10px;
  background: #111b15;
}

@media (max-width: 899px) {
  .employer-v4[data-tws-jobs-section="hiring"] :is(.ev-results, #employer-request) {
    scroll-margin-top: calc(var(--tws-job-masthead, 84px) + 12px);
  }
}

@media (max-width: 760px) {
  .employer-v4[data-tws-jobs-section="hiring"] :is(.ev-panel, .ev-public-guide, .ev-service-pilot) {
    margin-top: 16px;
    border-radius: 13px;
  }

  .employer-v4[data-tws-jobs-section="hiring"] :is(.ev-fields, .ev-grid, .ev-guide-grid, .ev-intake-grid, .ev-service-pilot) {
    grid-template-columns: minmax(0, 1fr);
  }

  .employer-v4[data-tws-jobs-section="hiring"] .ev-card.wide {
    grid-column: auto;
  }

  .employer-v4[data-tws-jobs-section="hiring"] #ev-build {
    flex: 1;
  }
}