@charset "UTF-8";

/*
 * İş Ara / Personel Ara — yeni tema modülü.
 * Yalnızca .jobs-* ve .talent-* ad alanları kullanılır; eski site CSS'i içermez.
 */

.jobs-page {
  min-height: 100vh;
  background: var(--color-canvas);
}

/* Personel Ara 2. bölüm — yeni profesyonel ekranlar */
.talent2-page,
.talent2-panel-page {
  background: linear-gradient(180deg, #f7fbff 0%, #eef5fd 100%);
  color: #071a37;
  font-size: 14px;
}

.talent2-container {
  width: min(100% - 48px, 1460px);
  margin-inline: auto;
}

.talent2-page h1,
.talent2-page h2,
.talent2-page h3,
.talent2-panel-page h1,
.talent2-panel-page h2,
.talent2-panel-page h3,
.talent2-page p,
.talent2-panel-page p {
  margin-top: 0;
}

.talent2-hero {
  min-height: 480px;
  padding: 3.2rem 0 2rem;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 52%, rgba(255,255,255,.55) 100%),
    url('../assets/images/content/hero-insaat.webp') center/cover;
}

.talent2-hero__inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) 760px;
  gap: 2rem;
  align-items: center;
}

.talent2-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1.25rem;
  padding: .72rem 1rem;
  border: 1px solid #bcd4f6;
  border-radius: 10px;
  color: #0969ff;
  background: #eef5ff;
  font-weight: 900;
}

.talent2-hero h1 {
  max-width: 650px;
  font-size: clamp(2.5rem, 5.2vw, 5rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.talent2-hero p {
  max-width: 640px;
  color: #526985;
  font-size: 1.12rem;
  line-height: 1.65;
}

.talent2-actions,
.talent2-submitbar,
.talent2-flow a,
.talent2-toolbar,
.talent2-card-head {
  display: flex;
  align-items: center;
}

.talent2-actions {
  gap: 1rem;
  margin-top: 1.6rem;
  flex-wrap: wrap;
}

.talent2-btn,
.talent2-submitbar button,
.talent2-submitbar a,
.talent2-candidates footer button,
.talent2-register-form footer button,
.talent2-applicants button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .78rem 1.15rem;
  border: 1px solid #0969ff;
  border-radius: 10px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.talent2-btn--primary,
.talent2-submitbar .talent2-btn--primary,
.talent2-applicants button {
  color: #fff;
  background: #0969ff;
  box-shadow: 0 12px 25px rgba(9,105,255,.18);
}

.talent2-btn--outline,
.talent2-submitbar button,
.talent2-submitbar a,
.talent2-candidates footer button,
.talent2-register-form footer button {
  color: #0969ff;
  background: #fff;
}

.talent2-hero-card {
  position: relative;
  min-height: 380px;
}

.talent2-phone-card,
.talent2-candidate-stack article,
.talent2-stats article,
.talent2-flow a,
.talent2-note,
.talent2-subhero,
.talent2-filter,
.talent2-candidates article,
.talent2-side section,
.talent2-register > *,
.talent2-job-form,
.talent2-publish-panel,
.talent2-panel-card,
.talent2-panel-kpis article {
  border: 1px solid #d6e3f3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(8,35,74,.07);
}

.talent2-phone-card {
  position: absolute;
  left: 0;
  top: 30px;
  width: 520px;
  padding: 1.4rem;
}

.talent2-phone-card strong,
.talent2-phone-card span {
  display: block;
}

.talent2-phone-card dl,
.talent2-stats,
.talent2-flow,
.talent2-layout,
.talent2-candidates,
.talent2-register,
.talent2-form-grid,
.talent2-job-create,
.talent2-panel-kpis,
.talent2-panel-grid,
.talent2-applicants {
  display: grid;
  gap: 1rem;
}

.talent2-phone-card dl {
  grid-template-columns: repeat(3,1fr);
  margin: 1rem 0 0;
}

.talent2-phone-card dl div {
  padding: .85rem;
  border-radius: 12px;
  background: #f4f8fd;
}

.talent2-phone-card dt {
  color: #657891;
  font-size: .78rem;
}

.talent2-phone-card dd {
  margin: .2rem 0 0;
  color: #071a37;
  font-size: 1.5rem;
  font-weight: 950;
}

.talent2-candidate-stack {
  position: absolute;
  right: 0;
  top: 72px;
  display: grid;
  gap: .8rem;
  width: 290px;
}

.talent2-candidate-stack article {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: .75rem;
  padding: .75rem;
}

.talent2-candidate-stack img,
.talent2-candidates img,
.talent2-applicants img {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  object-fit: cover;
}

.talent2-candidate-stack b,
.talent2-candidate-stack span,
.talent2-candidate-stack em {
  display: block;
}

.talent2-candidate-stack span,
.talent2-stats small,
.talent2-flow p,
.talent2-note,
.talent2-subhero p,
.talent2-side p,
.talent2-panel-head p {
  color: #5d718c;
}

.talent2-candidate-stack em,
.talent2-status.ok,
.talent2-publish-panel li.ok::before {
  color: #068b3d;
  background: #ddf8e8;
}

.talent2-stats {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-top: 1rem;
}

.talent2-stats article {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: .3rem .9rem;
  align-items: center;
  min-height: 130px;
  padding: 1.25rem;
}

.talent2-stats span,
.talent2-flow > a > span,
.talent2-form-hero > span,
.talent2-register-intro > span,
.talent2-panel-kpis span {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 18px;
  background: #edf4ff;
  font-size: 1.7rem;
}

.talent2-stats strong {
  font-size: 2rem;
  line-height: 1;
}

.talent2-stats b,
.talent2-stats small {
  grid-column: 2;
}

.talent2-flow {
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 1.2rem;
}

.talent2-flow a {
  gap: 1.2rem;
  min-height: 132px;
  padding: 1.2rem;
  color: inherit;
  text-decoration: none;
}

.talent2-flow b {
  margin-left: auto;
  font-size: 2.4rem;
  color: #071a37;
}

.talent2-note {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.2rem auto 2rem;
  padding: 1rem 1.2rem;
  color: #2d4b72;
}

.talent2-note a,
.talent2-card-head a,
.talent2-panel-kpis a {
  color: #0969ff;
  font-weight: 900;
  text-decoration: none;
}

.talent2-subhero,
.talent2-form-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  margin: 1.5rem auto;
  padding: 2rem;
}

.talent2-subhero h1,
.talent2-form-hero h1 {
  font-size: clamp(1.8rem, 2.7vw, 2.15rem);
  letter-spacing: -.04em;
}

.talent2-subhero aside {
  display: grid;
  gap: .2rem;
  min-width: 250px;
  padding: 1rem;
  border: 1px solid #d6e3f3;
  border-radius: 14px;
  background: #fff;
}

.talent2-layout {
  grid-template-columns: 280px minmax(0,1fr);
  align-items: start;
  margin-bottom: 2rem;
}

.talent2-filter {
  position: sticky;
  top: 92px;
  display: grid;
  gap: .8rem;
  padding: 1rem;
}

.talent2-filter > div,
.talent2-toolbar,
.talent2-card-head {
  justify-content: space-between;
  gap: 1rem;
}

.talent2-filter h2 {
  margin: 0;
  font-size: 1.1rem;
}

.talent2-filter button:not(.talent2-btn) {
  border: 0;
  color: #0969ff;
  background: transparent;
  font-weight: 900;
}

.talent2-filter label,
.talent2-form-grid label {
  display: grid;
  gap: .42rem;
  color: #526985;
  font-size: .85rem;
  font-weight: 900;
}

.talent2-filter select,
.talent2-toolbar select,
.talent2-form-grid input,
.talent2-form-grid select,
.talent2-form-grid textarea {
  width: 100%;
  border: 1px solid #cfdced;
  border-radius: 10px;
  padding: .78rem .9rem;
  color: #071a37;
  background: #fff;
  font: inherit;
}

.talent2-candidates {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.talent2-candidates article {
  display: grid;
  padding: 1rem;
}

.talent2-candidates article > div {
  display: grid;
  gap: .35rem;
  margin-top: .8rem;
}

.talent2-candidates h2 {
  font-size: 1rem;
}

.talent2-page .talent2-subhero p,
.talent2-page .talent2-toolbar,
.talent2-page .talent2-filter,
.talent2-page .talent2-candidates p,
.talent2-page .talent2-candidates small {
  font-size: .9rem;
}

.talent2-page .talent2-filter h2 {
  font-size: 1.05rem;
}

.talent2-page .talent2-filter label {
  font-size: .82rem;
}

.talent2-page .talent2-btn,
.talent2-page .talent2-candidates footer button {
  min-height: 2.45rem;
  font-size: .86rem;
}

.talent2-candidates p,
.talent2-candidates small {
  color: #5b708d;
}

.talent2-candidates span {
  display: inline-flex;
  width: fit-content;
  padding: .35rem .58rem;
  border-radius: 8px;
  color: #087039;
  background: #e3f8ec;
  font-weight: 850;
  font-size: .78rem;
}

.talent2-candidates footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: .9rem;
}

.talent2-side {
  display: grid;
  gap: 1rem;
}

.talent2-side section {
  padding: 1rem;
}

.talent2-side h2 {
  font-size: 1.1rem;
}

.talent2-register {
  grid-template-columns: 320px minmax(0,1fr) 360px;
  align-items: stretch;
  margin: 1.5rem auto;
}

.talent2-register > * {
  padding: 1.4rem;
}

.talent2-register-intro {
  color: #fff;
  background: linear-gradient(160deg, #061936, #093b83);
}

.talent2-register-intro p,
.talent2-register-intro li {
  color: #d7e6fa;
}

.talent2-register-intro ul {
  display: grid;
  gap: 1rem;
  padding-left: 1.1rem;
  margin-top: 5rem;
}

.talent2-stepper {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .75rem;
  margin-bottom: 1.2rem;
}

.talent2-stepper b,
.talent2-stepper span {
  padding: .8rem;
  border-bottom: 3px solid #dde8f6;
  color: #637690;
  text-align: center;
  font-size: .88rem;
}

.talent2-stepper b {
  color: #0969ff;
  border-color: #0969ff;
}

.talent2-form-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.talent2-wide {
  grid-column: 1 / -1;
}

.talent2-check {
  align-content: center;
  grid-template-columns: auto 1fr;
}

.talent2-register-form footer {
  display: flex;
  justify-content: flex-end;
  gap: .8rem;
  margin-top: 1rem;
}

.talent2-preview {
  display: grid;
  align-content: start;
  justify-items: center;
  text-align: center;
}

.talent2-preview-logo {
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  margin: 1.5rem 0 1rem;
  border-radius: 20px;
  color: #093b83;
  background: #f0f5fb;
  font-size: 2.8rem;
  font-weight: 950;
}

.talent2-preview dl {
  width: 100%;
  margin: 1rem 0 0;
}

.talent2-preview dl div {
  display: flex;
  justify-content: space-between;
  padding: .8rem 0;
  border-top: 1px solid #e1eaf5;
}

.talent2-form-hero {
  justify-content: flex-start;
}

.talent2-job-create {
  grid-template-columns: minmax(0,1fr) 430px;
  align-items: start;
}

.talent2-job-form,
.talent2-publish-panel {
  padding: 1.35rem;
}

.talent2-job-form section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e1eaf5;
}

.talent2-publish-panel {
  position: sticky;
  top: 92px;
}

.talent2-publish-panel ol {
  display: grid;
  gap: 1.2rem;
  padding: 0;
  margin: 1.2rem 0;
  list-style: none;
}

.talent2-publish-panel li {
  position: relative;
  display: grid;
  gap: .25rem;
  padding-left: 2.5rem;
  font-weight: 900;
}

.talent2-publish-panel li::before {
  content: "○";
  position: absolute;
  left: 0;
  top: -.1rem;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #9aa8ba;
  background: #f0f4f9;
}

.talent2-publish-panel li.ok::before {
  content: "✓";
}

.talent2-publish-panel li.wait::before,
.talent2-status.wait {
  color: #9b6400;
  background: #fff1c7;
}

.talent2-publish-panel li span {
  color: #6a7d96;
  font-weight: 500;
}

.talent2-publish-panel p {
  padding: 1rem;
  border: 1px solid #ffd37a;
  border-radius: 12px;
  color: #674510;
  background: #fff8e8;
}

.talent2-submitbar {
  position: sticky;
  bottom: 0;
  z-index: 5;
  justify-content: flex-end;
  gap: .9rem;
  margin-top: 1.2rem;
  padding: 1rem 3rem;
  border-top: 1px solid #d6e3f3;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
}

.talent2-panel-page {
  display: grid;
  grid-template-columns: 280px minmax(0,1fr);
  min-height: calc(100vh - 74px);
}

.talent2-panel-sidebar {
  padding: 1rem;
  color: #fff;
  background: linear-gradient(180deg, #061936, #062d63);
}

.talent2-company-card {
  display: grid;
  justify-items: center;
  gap: .5rem;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  text-align: center;
}

.talent2-company-card div {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border-radius: 999px;
  color: #061936;
  background: #fff;
  font-weight: 950;
}

.talent2-company-card b {
  color: #ffc21c;
}

.talent2-company-card small {
  color: #d6e5fa;
}

.talent2-panel-sidebar nav {
  display: grid;
  gap: .45rem;
  margin-top: 1.2rem;
}

.talent2-panel-sidebar nav a {
  padding: .92rem 1rem;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
}

.talent2-panel-sidebar nav a.is-active,
.talent2-panel-sidebar nav a:hover {
  background: #0969ff;
}

.talent2-panel-main {
  padding: 1.5rem 2rem 2rem;
}

.talent2-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.talent2-panel-head h1 {
  font-size: 1.75rem;
}

.talent2-panel-kpis {
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin-bottom: 1rem;
}

.talent2-panel-kpis article {
  display: grid;
  gap: .35rem;
  padding: .85rem;
}

.talent2-panel-kpis strong {
  font-size: 1.8rem;
}

.talent2-panel-grid {
  grid-template-columns: minmax(760px,1fr) 430px;
  align-items: start;
}

.talent2-panel-card {
  padding: 1rem;
}

.talent2-panel-card table {
  width: 100%;
  border-collapse: collapse;
}

.talent2-panel-card th,
.talent2-panel-card td {
  padding: .72rem .62rem;
  border-top: 1px solid #e1eaf5;
  text-align: left;
  font-size: .84rem;
  vertical-align: middle;
}

.talent2-panel-card th {
  color: #5a6f89;
  background: #f6f9fd;
}

.talent2-status {
  display: inline-flex;
  padding: .32rem .58rem;
  border-radius: 8px;
  font-size: .78rem;
  font-weight: 900;
}

.talent2-status.draft {
  color: #5e6d80;
  background: #edf1f6;
}

.talent2-status.bad {
  color: #b5162a;
  background: #ffe7ea;
}

.talent2-timeline {
  display: grid;
  gap: .7rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.talent2-timeline li {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: .7rem;
  align-items: center;
  padding: .7rem 0;
  border-top: 1px solid #e1eaf5;
}

.talent2-timeline em {
  padding: .28rem .5rem;
  border-radius: 8px;
  color: #0969ff;
  background: #eef5ff;
  font-style: normal;
  font-size: .76rem;
  font-weight: 900;
}

.talent2-applicants {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.talent2-applicants article {
  display: grid;
  gap: .45rem;
  padding: .75rem;
  border: 1px solid #e1eaf5;
  border-radius: 14px;
}

@media (max-width: 1200px) {
  .talent2-hero__inner,
  .talent2-layout,
  .talent2-register,
  .talent2-job-create,
  .talent2-panel-page,
  .talent2-panel-grid {
    grid-template-columns: 1fr;
  }
  .talent2-phone-card,
  .talent2-candidate-stack {
    position: static;
    width: auto;
  }
  .talent2-hero-card {
    display: grid;
    gap: 1rem;
    min-height: 0;
  }
  .talent2-stats,
  .talent2-flow,
  .talent2-candidates,
  .talent2-panel-kpis,
  .talent2-applicants {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .talent2-filter,
  .talent2-publish-panel {
    position: static;
  }
}

@media (max-width: 760px) {
  .talent2-container {
    width: min(100% - 24px, 100%);
  }
  .talent2-hero {
    padding-top: 1.5rem;
  }
  .talent2-stats,
  .talent2-flow,
  .talent2-candidates,
  .talent2-form-grid,
  .talent2-stepper,
  .talent2-panel-kpis,
  .talent2-applicants {
    grid-template-columns: 1fr;
  }
  .talent2-subhero,
  .talent2-form-hero,
  .talent2-panel-head,
  .talent2-note {
    align-items: flex-start;
    flex-direction: column;
  }
  .talent2-panel-main {
    padding: 1rem;
  }
}

.job-search-hero__visual--collage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-height: 340px;
  overflow: hidden;
  border-radius: 16px;
}

/* İşveren paneli - ortak sembol dili */
.emp-icons {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.talent2-panel-page--pro {
  background:
    radial-gradient(circle at 24px 24px, rgba(11, 102, 240, .13) 1.6px, transparent 1.7px) 0 0 / 24px 24px,
    linear-gradient(180deg, #f6faff 0%, #edf5ff 100%);
}
.talent2-panel-page--pro svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.emp-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  min-height: calc(100vh - 74px);
  background:
    radial-gradient(circle at 80% 8%, rgba(246, 184, 0, .22), transparent 24%),
    linear-gradient(180deg, #061936 0%, #062d63 100%);
  box-shadow: 14px 0 40px rgba(6, 25, 54, .12);
}
.emp-company-card {
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.emp-company-card b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 194, 28, .12);
}
.emp-company-card b svg {
  width: 16px;
  height: 16px;
}
.emp-sidebar nav a {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 48px;
  font-weight: 850;
}
.emp-sidebar nav a svg {
  color: #dbeafe;
}
.emp-sidebar nav a.is-active,
.emp-sidebar nav a:hover {
  color: #fff;
  background: linear-gradient(135deg, #0b66f0, #0957d8);
  box-shadow: 0 12px 28px rgba(11, 102, 240, .3);
}
.emp-main {
  padding: clamp(18px, 2.2vw, 34px);
}
.emp-head {
  padding: 24px;
  border: 1px solid #d8e6f7;
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 0%, rgba(11,102,240,.12), transparent 28%),
    #fff;
  box-shadow: 0 18px 46px rgba(8, 39, 82, .08);
}
.emp-kicker,
.emp-head-actions,
.emp-quick-actions a,
.emp-verification article,
.emp-card .talent2-card-head h2,
.emp-card p,
.emp-checklist li {
  display: flex;
  align-items: center;
}
.emp-kicker {
  width: fit-content;
  gap: 8px;
  padding: 8px 12px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: #eaf3ff;
  color: #0b66f0;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
}
.emp-head h1 {
  margin: 0;
  color: #071f44;
  font-size: clamp(32px, 4vw, 50px);
  letter-spacing: -.045em;
}
.emp-head p {
  max-width: 760px;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.65;
}
.emp-head-actions {
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.emp-head-actions .talent2-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.emp-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.emp-quick-actions a {
  gap: 12px;
  min-height: 92px;
  padding: 16px;
  border: 1px solid #dce7f5;
  border-radius: 18px;
  background: #fff;
  color: #071f44;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(8, 39, 82, .06);
}
.emp-quick-actions a > svg {
  width: 46px;
  height: 46px;
  padding: 12px;
  border-radius: 15px;
  color: #0b66f0;
  background: #eaf3ff;
}
.emp-quick-actions b,
.emp-quick-actions small {
  display: block;
}
.emp-quick-actions b {
  font-size: 15px;
  font-weight: 950;
}
.emp-quick-actions small {
  margin-top: 4px;
  color: #5e718b;
  font-weight: 650;
  line-height: 1.35;
}
.emp-kpis article {
  min-height: 154px;
  padding: 16px;
}
.emp-kpis span {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  color: #0b66f0;
  background: #eaf3ff;
}
.emp-kpis strong {
  color: #071f44;
  font-size: 2.05rem;
}
.emp-verification {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.emp-verification article {
  gap: 14px;
  padding: 18px;
  border: 1px solid #d8e6f7;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(8, 39, 82, .06);
}
.emp-verification article > svg {
  width: 50px;
  height: 50px;
  padding: 12px;
  border-radius: 16px;
  color: #0b66f0;
  background: #eaf3ff;
}
.emp-verification h2 {
  margin: 0;
  color: #071f44;
  font-size: 18px;
}
.emp-verification p {
  margin: 5px 0 0;
  color: #5e718b;
  font-weight: 650;
  line-height: 1.45;
}
.emp-verification a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  color: #0b66f0;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}
.emp-verification a svg {
  width: 17px;
  height: 17px;
}
.emp-panel-grid {
  grid-template-columns: minmax(620px, 1fr) 390px;
  gap: 16px;
}
.emp-card {
  border-color: #d8e6f7;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(8, 39, 82, .06);
}
.emp-card--wide {
  min-width: 0;
}
.emp-card .talent2-card-head h2 {
  gap: 9px;
  color: #071f44;
}
.emp-card .talent2-card-head h2 svg {
  color: #0b66f0;
}
.emp-card td a,
.emp-card .talent2-card-head a {
  color: #0b66f0;
  font-weight: 900;
  text-decoration: none;
}
.emp-timeline li {
  grid-template-columns: 60px minmax(0, 1fr);
}
.emp-timeline em {
  grid-column: 2;
  width: fit-content;
}
.emp-applicants article {
  min-height: 176px;
}
.emp-applicants button {
  min-height: 38px;
}
.emp-card p {
  gap: 9px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #edf2f8;
  color: #4d6078;
  font-weight: 750;
  line-height: 1.5;
}
.emp-card p:last-child {
  border-bottom: 0;
}
.emp-card p svg {
  color: #0b66f0;
}
.emp-saved-list {
  display: grid;
  gap: 9px;
}
.emp-saved-list a {
  display: block;
  padding: 12px;
  border: 1px solid #e1eaf5;
  border-radius: 13px;
  background: #f8fbff;
  color: #071f44;
  font-weight: 950;
  text-decoration: none;
}
.emp-saved-list span {
  display: block;
  margin-top: 4px;
  color: #64758c;
  font-size: 12px;
  font-weight: 750;
}
.emp-checklist {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.emp-checklist li {
  gap: 9px;
  padding: 11px;
  border: 1px solid #e1eaf5;
  border-radius: 13px;
  background: #f8fbff;
  color: #314966;
  font-weight: 850;
}
.emp-checklist svg {
  color: #079444;
}
@media (max-width: 1200px) {
  .emp-sidebar {
    position: static;
    min-height: auto;
  }
  .emp-quick-actions,
  .emp-verification,
  .emp-panel-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .emp-head,
  .emp-verification article {
    align-items: stretch;
    flex-direction: column;
  }
  .emp-head-actions {
    justify-content: flex-start;
  }
  .emp-quick-actions,
  .emp-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .emp-main {
    padding: 12px;
  }
  .emp-head {
    padding: 18px;
  }
  .emp-quick-actions,
  .emp-kpis {
    grid-template-columns: 1fr;
  }
  .emp-head-actions .talent2-btn {
    width: 100%;
  }
}

.job-search-hero__visual--collage figure {
  position: relative;
  min-height: 340px;
  margin: 0;
  overflow: hidden;
}

.job-search-hero__visual--collage figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6,29,59,.04), rgba(6,29,59,.35));
}

.job-search-hero__visual--collage img {
  position: static;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  box-shadow: none;
  filter: saturate(1.05);
}

.job-search-hero__visual--collage figcaption {
  position: absolute;
  z-index: 2;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.9);
  color: #071832;
  font-size: 12px;
  font-weight: 900;
}

.job-floating-stat {
  position: absolute;
  z-index: 4;
  display: grid;
  gap: 2px;
  min-width: 118px;
  padding: 12px 14px;
  border: 1px solid rgba(215,227,243,.95);
  border-radius: 14px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 40px rgba(7,31,63,.15);
}

.job-floating-stat strong {
  color: #071832;
  font-size: 24px;
  line-height: 1;
}

.job-floating-stat span {
  color: #5d6f88;
  font-size: 12px;
}

.job-floating-stat.stat-a { top: 18px; left: 16px; }
.job-floating-stat.stat-b { top: 22px; left: 33%; }
.job-floating-stat.stat-c { top: 22px; right: 22%; }
.job-floating-stat.stat-d { top: 34px; right: 16px; }

/* İş Arayan Profili Oluştur — profesyonel sayfa */
.job-profile-redesign {
  --jp-navy: #061d3b;
  --jp-ink: #071832;
  --jp-muted: #5d6f88;
  --jp-blue: #1167f2;
  --jp-yellow: #ffc20d;
  --jp-line: #d7e3f3;
  min-height: 100vh;
  padding: 0 0 54px;
  background: linear-gradient(180deg, #f5f9ff 0%, #edf5ff 44%, #f9fcff 100%);
  color: var(--jp-ink);
  font-size: 14px;
  line-height: 1.45;
}

.job-profile-hero,
.jp-page-grid {
  width: min(1480px, calc(100% - 48px));
  margin-inline: auto;
}

.job-profile-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 540px;
  gap: 28px;
  min-height: 300px;
  padding: 36px 28px 28px;
  border: 1px solid var(--jp-line);
  border-top: 0;
  border-radius: 0 0 22px 22px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98), rgba(234,245,255,.9)),
    url("../assets/images/content/hero-insaat.webp") center/cover;
  box-shadow: 0 22px 60px rgba(7,31,63,.08);
}

.jp-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff0bc;
  color: #071832;
  font-size: 13px;
  font-weight: 950;
}

.job-profile-hero h1 {
  max-width: 700px;
  margin: 16px 0 10px;
  font-size: clamp(38px, 5vw, 64px);
  line-height: .95;
  letter-spacing: -.06em;
}

.job-profile-hero p {
  max-width: 650px;
  margin: 0;
  color: #455a73;
  font-size: 17px;
}

.jp-bullets {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 12px 28px;
  margin-top: 22px;
  color: #172b46;
  font-weight: 900;
}

.jp-bullets span::first-letter {
  color: var(--jp-blue);
}

.jp-profile-preview,
.jp-card {
  border: 1px solid var(--jp-line);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 42px rgba(7,31,63,.08);
}

.jp-profile-preview {
  align-self: center;
  padding: 16px;
}

.jp-person {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 80px;
  gap: 14px;
  align-items: center;
}

.jp-person img,
.jp-photo-box img {
  width: 76px;
  height: 76px;
  border-radius: 999px;
  object-fit: cover;
}

.jp-person h2 {
  margin: 0;
  font-size: 22px;
}

.jp-person p {
  margin: 2px 0 6px;
  font-size: 13px;
}

.jp-person span,
.jp-doc-list em,
.jp-matches em {
  display: inline-flex;
  width: max-content;
  padding: 4px 9px;
  border-radius: 999px;
  background: #dcfce7;
  color: #087039;
  font-size: 12px;
  font-weight: 900;
}

.jp-person strong {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: conic-gradient(var(--jp-blue) 0 74%, #dde8f6 74% 100%);
  box-shadow: inset 0 0 0 12px #fff;
  color: #071832;
  font-size: 18px;
}

.jp-mini-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 16px 0;
}

.jp-mini-stats article {
  display: grid;
  place-items: center;
  min-height: 68px;
  border: 1px solid #e0e9f6;
  border-radius: 12px;
  background: #fff;
}

.jp-mini-stats b {
  color: var(--jp-blue);
  font-size: 18px;
}

.jp-mini-stats small {
  color: var(--jp-muted);
  font-size: 11px;
}

.jp-profile-preview table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.jp-profile-preview td {
  padding: 9px 6px;
  border-top: 1px solid #e2eaf5;
}

.jp-profile-preview table span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #e6f0ff;
  color: var(--jp-blue);
  font-weight: 900;
}

.jp-profile-preview table span.bad {
  background: #fee2e2;
  color: #c22032;
}

.jp-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: start;
  margin-top: 22px;
}

.jp-form-area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.jp-card {
  padding: 16px;
}

.jp-card h2 {
  margin: 0 0 12px;
  color: var(--jp-blue);
  font-size: 18px;
  letter-spacing: -.02em;
}

.jp-card label,
.jp-form-grid label {
  display: grid;
  gap: 7px;
  color: #40536e;
  font-size: 13px;
  font-weight: 900;
}

.jp-card input,
.jp-card select,
.jp-card textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid #ccd9eb;
  border-radius: 9px;
  background: #fff;
  color: #071832;
  font: inherit;
  font-size: 13px;
  padding: 0 11px;
}

.jp-card textarea {
  min-height: 104px;
  padding: 10px 11px;
  resize: vertical;
}

.jp-basic-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 18px;
}

.jp-photo-box {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  gap: 12px;
  align-items: center;
}

.jp-photo-box button,
.jp-outline,
.jp-actions button {
  min-height: 40px;
  border: 1px solid #aac2e6;
  border-radius: 9px;
  background: #fff;
  color: var(--jp-blue);
  font-weight: 900;
  cursor: pointer;
}

.jp-photo-box small {
  grid-column: 1 / -1;
  color: var(--jp-muted);
  font-size: 11px;
}

.jp-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.jp-form-grid .wide {
  grid-column: 1 / -1;
}

.jp-doc-list,
.jp-sidebar ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jp-doc-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid #e0e9f6;
  border-radius: 10px;
}

.jp-doc-list b {
  color: var(--jp-muted);
  font-size: 12px;
}

.jp-experience {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e9f6;
  border-radius: 10px;
}

.jp-experience strong,
.jp-experience span {
  display: block;
}

.jp-experience span,
.jp-experience p {
  color: var(--jp-muted);
  font-size: 13px;
}

.jp-actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.jp-actions .primary {
  border-color: var(--jp-yellow);
  background: linear-gradient(180deg, #ffd24d, #ffc20d);
  color: #071832;
}

.jp-sidebar {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 12px;
}

.jp-progress-card div {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-items: center;
  gap: 14px;
}

.jp-progress-card strong {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: conic-gradient(var(--jp-blue) 0 74%, #dde8f6 74% 100%);
  box-shadow: inset 0 0 0 15px #fff;
  font-size: 22px;
}

.jp-progress-card span,
.jp-privacy span {
  display: inline-flex;
  width: max-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: #dcfce7;
  color: #087039;
  font-weight: 900;
}

.jp-sidebar li {
  color: #52657e;
  font-size: 13px;
}

.jp-sidebar a {
  color: var(--jp-blue);
  font-weight: 900;
  text-decoration: none;
}

.jp-matches article {
  position: relative;
  display: grid;
  gap: 2px;
  padding: 10px 54px 10px 10px;
  border: 1px solid #e0e9f6;
  border-radius: 10px;
}

.jp-matches article + article {
  margin-top: 8px;
}

.jp-matches span {
  color: var(--jp-muted);
  font-size: 12px;
}

.jp-matches em {
  position: absolute;
  right: 10px;
  top: 12px;
}

@media (max-width: 1180px) {
  .job-search-hero__visual--collage {
    grid-template-columns: repeat(2, 1fr);
  }

  .job-floating-stat {
    position: static;
  }

  .job-profile-hero,
  .jp-page-grid {
    grid-template-columns: 1fr;
  }

  .jp-sidebar {
    position: static;
  }
}

@media (max-width: 760px) {
  .job-profile-hero,
  .jp-page-grid {
    width: min(100% - 24px, 1480px);
  }

  .job-profile-hero {
    padding: 22px;
  }

  .job-profile-hero h1 {
    font-size: 34px;
  }

  .jp-bullets,
  .jp-form-area,
  .jp-basic-grid,
  .jp-form-grid,
  .jp-doc-list li,
  .jp-experience,
  .jp-actions {
    grid-template-columns: 1fr;
  }

  .jp-mini-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* İş Ara ana sayfa — yeni hero ve ilan listeleme tasarımı */
.job-search-redesign {
  --js-navy: #061d3b;
  --js-ink: #071832;
  --js-muted: #5d6f88;
  --js-blue: #1167f2;
  --js-blue-dark: #0755d6;
  --js-yellow: #ffc20d;
  --js-line: #d7e3f3;
  --js-soft: #eef6ff;
  background: linear-gradient(180deg, #f6faff 0%, #edf5ff 48%, #f9fcff 100%);
  color: var(--js-ink);
  font-size: 14px;
  line-height: 1.45;
  padding: 24px 0 54px;
}

.job-search-hero,
.job-category-row,
.job-search-layout {
  width: min(1480px, calc(100% - 48px));
  margin-inline: auto;
}

.job-search-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  gap: 22px;
  min-height: 340px;
  padding: 28px 30px;
  border: 1px solid var(--js-line);
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(241,248,255,.94) 54%, rgba(210,230,252,.72) 100%),
    url("../assets/images/content/hero-insaat.webp") center/cover;
  box-shadow: 0 22px 60px rgba(7,31,63,.1);
}

.job-search-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--js-yellow);
  color: #061735;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
}

.job-search-hero h1 {
  max-width: 720px;
  margin: 18px 0 8px;
  color: #061735;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: .98;
  letter-spacing: -.055em;
}

.job-search-hero p {
  max-width: 760px;
  margin: 0;
  color: #40536e;
  font-size: 17px;
}

.job-search-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 20px;
  color: #263b57;
  font-weight: 750;
}

.job-search-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.job-search-box {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 220px 160px;
  gap: 0;
  max-width: 820px;
  margin-top: 22px;
  padding: 8px;
  border: 1px solid #cbd9ed;
  border-radius: 14px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 34px rgba(7,31,63,.08);
}

.job-search-box label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 14px;
  border-right: 1px solid #e1eaf5;
}

.job-search-box input,
.job-search-box select {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #162941;
  font: inherit;
  outline: 0;
}

.job-search-box button,
.job-filter-submit,
.job-row-actions .primary,
.job-profile-card a,
.job-alert-card button {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #1b73ff, #0755d6);
  color: #fff;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(17,103,242,.22);
}

.job-search-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 820px;
  margin-top: 18px;
  border: 1px solid var(--js-line);
  border-radius: 12px;
  background: rgba(255,255,255,.95);
}

.job-search-stats article {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 2px 12px;
  align-items: center;
  padding: 14px 18px;
  border-right: 1px solid #e1eaf5;
}

.job-search-stats article:last-child {
  border-right: 0;
}

.job-search-stats span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #eaf2ff;
}

.job-search-stats strong {
  color: var(--js-blue);
  font-size: 20px;
  line-height: 1;
}

.job-search-stats small {
  color: var(--js-muted);
}

.job-search-hero__visual {
  position: relative;
  min-height: 100%;
}

.job-search-hero__visual img {
  position: absolute;
  right: 24px;
  bottom: -28px;
  width: min(360px, 58%);
  height: 330px;
  object-fit: cover;
  border-radius: 22px 22px 0 0;
  filter: saturate(1.06);
  box-shadow: 0 20px 50px rgba(7,31,63,.2);
}

.job-visual-card {
  position: absolute;
  display: grid;
  gap: 4px;
  min-width: 172px;
  padding: 14px;
  border: 1px solid var(--js-line);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 40px rgba(7,31,63,.12);
}

.job-visual-card b {
  font-size: 12px;
}

.job-visual-card strong {
  color: var(--js-ink);
  font-size: 26px;
  line-height: 1;
}

.job-visual-card span,
.job-visual-card li {
  color: var(--js-muted);
  font-size: 12px;
}

.job-visual-card--chart {
  top: 14px;
  left: 0;
}

.job-visual-card--chart i {
  display: block;
  width: 86px;
  height: 86px;
  margin-top: 4px;
  border-radius: 50%;
  background: conic-gradient(var(--js-blue) 0 58%, var(--js-yellow) 58% 74%, #1fb979 74% 88%, #dfe8f5 88% 100%);
  box-shadow: inset 0 0 0 18px #fff;
}

.job-visual-card--trend {
  top: 126px;
  right: 0;
}

.job-visual-card--trend strong {
  color: #0c9d55;
}

.job-visual-card--positions {
  left: 8px;
  bottom: 14px;
  min-width: 260px;
}

.job-visual-card--positions ol {
  display: grid;
  gap: 7px;
  margin: 4px 0 0;
  padding-left: 18px;
}

.job-visual-card--positions li span {
  float: right;
  margin-left: 18px;
  color: #243954;
  font-weight: 900;
}

.job-category-row {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 16px 0 12px;
}

.job-category-row::-webkit-scrollbar {
  display: none;
}

.job-category-row a {
  flex: 0 0 auto;
  min-width: 118px;
  padding: 12px 18px;
  border: 1px solid var(--js-line);
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #172b46;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(7,31,63,.05);
}

.job-category-row a.is-active {
  border-color: var(--js-blue);
  background: linear-gradient(180deg, #1b73ff, #0755d6);
  color: #fff;
}

.job-search-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.job-filter-panel,
.job-results-panel,
.job-support-panel article {
  border: 1px solid var(--js-line);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 42px rgba(7,31,63,.08);
}

.job-filter-panel {
  position: sticky;
  top: 92px;
  padding: 16px;
}

.job-filter-panel__head,
.job-results-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.job-filter-panel h2,
.job-results-head h2,
.job-support-panel h3 {
  margin: 0;
  color: #071832;
  font-size: 18px;
  letter-spacing: -.02em;
}

.job-filter-panel__head button,
.job-filter-clear {
  border: 0;
  background: transparent;
  color: var(--js-blue);
  font-weight: 900;
  cursor: pointer;
}

.job-filter-panel label {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  color: #354960;
  font-size: 13px;
  font-weight: 900;
}

.job-filter-input,
.job-filter-panel select {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #ccd9eb;
  border-radius: 10px;
  background: #fff;
}

.job-filter-input input,
.job-filter-panel select {
  min-height: 40px;
  padding: 0 12px;
  color: #1a2e48;
  font: inherit;
  font-size: 13px;
}

.job-filter-input input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: 0;
}

.job-filter-input b {
  padding-right: 10px;
  color: var(--js-blue);
}

.job-filter-panel fieldset {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 1px solid #e2eaf5;
}

.job-filter-panel legend {
  margin-bottom: 8px;
  color: #354960;
  font-size: 13px;
  font-weight: 950;
}

.job-filter-panel fieldset label {
  display: grid;
  grid-template-columns: 16px 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #41546d;
  font-size: 13px;
  font-weight: 750;
}

.job-filter-panel input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--js-blue);
}

.job-filter-panel fieldset span {
  color: #73849c;
  font-size: 12px;
}

.job-filter-submit {
  width: 100%;
  min-height: 42px;
  margin-top: 16px;
  font-size: 14px;
}

.job-filter-clear {
  width: 100%;
  margin-top: 12px;
  min-height: 34px;
}

.job-results-panel {
  padding: 16px;
}

.job-results-head {
  margin-bottom: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2eaf5;
}

.job-results-head label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4a5e77;
  font-size: 13px;
  font-weight: 850;
}

.job-results-head select {
  min-height: 38px;
  border: 1px solid #ccd9eb;
  border-radius: 9px;
  padding: 0 36px 0 10px;
  background: #fff;
}

.job-list {
  display: grid;
  gap: 10px;
}

.job-row-card {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) 250px;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid #dde7f5;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(7,31,63,.05);
}

.job-company-logo {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid #dce6f3;
  border-radius: 14px;
  background: linear-gradient(145deg, #eaf2ff, #fff);
  color: var(--js-blue);
  font-size: 22px;
  font-weight: 950;
  text-align: center;
}

.logo-electric { color: #f0a800; }
.logo-machine { color: #314159; }
.logo-finance { color: #163c70; }
.logo-code { color: #0755d6; font-size: 18px; }
.logo-logistics { color: #d89000; }

.job-row-main > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.job-row-main h3 {
  margin: 0;
  color: #071832;
  font-size: 18px;
  letter-spacing: -.02em;
}

.job-row-main p {
  margin: 2px 0 8px;
  color: var(--js-blue);
  font-weight: 850;
}

.job-row-main ul {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #53667e;
  font-size: 13px;
}

.job-tag {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 7px;
  background: #fff1bf;
  color: #775500;
  font-size: 12px;
  font-weight: 950;
}

.job-tag--green {
  background: #ddf9e9;
  color: #087039;
}

.job-tag--blue {
  background: #e8f1ff;
  color: #0755d6;
}

.job-tag--yellow {
  background: #fff1bf;
  color: #805500;
}

.job-row-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.job-row-actions button,
.job-row-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 1px solid #b6c9e7;
  border-radius: 9px;
  background: #fff;
  color: #0b5ee6;
  font-weight: 900;
  text-decoration: none;
}

.job-row-actions button {
  grid-column: span 2;
  cursor: pointer;
}

.job-row-actions .primary {
  border-color: var(--js-blue);
}

.job-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.job-pagination a,
.job-pagination button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 36px;
  border: 1px solid #ccd9eb;
  border-radius: 8px;
  background: #fff;
  color: #1e3350;
  font-weight: 850;
}

.job-pagination .is-active {
  border-color: var(--js-blue);
  background: var(--js-blue);
  color: #fff;
}

.job-support-panel {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 14px;
}

.job-support-panel article {
  padding: 18px;
}

.job-support-panel i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 10px;
  border-radius: 14px;
  background: #fff7db;
  color: #d59600;
  font-style: normal;
  font-size: 24px;
}

.job-support-panel p {
  margin: 7px 0 0;
  color: #52657e;
  font-size: 13px;
}

.job-support-panel article::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin-top: 14px;
  border-radius: 999px;
  background: var(--js-yellow);
}

.job-profile-card a,
.job-alert-card button {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  text-decoration: none;
}

.job-alert-card {
  background: linear-gradient(135deg, #fff, #eef6ff) !important;
}

@media (max-width: 1180px) {
  .job-search-hero,
  .job-search-layout {
    grid-template-columns: 1fr;
  }

  .job-search-hero__visual {
    min-height: 300px;
  }

  .job-filter-panel,
  .job-support-panel {
    position: static;
  }

  .job-row-card {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .job-row-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, 1fr);
  }

  .job-row-actions button {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .job-search-redesign {
    padding-top: 14px;
  }

  .job-search-hero,
  .job-category-row,
  .job-search-layout {
    width: min(100% - 24px, 1480px);
  }

  .job-search-hero {
    display: block;
    min-height: 0;
    padding: 20px;
  }

  .job-search-hero h1 {
    font-size: 36px;
  }

  .job-search-hero p {
    font-size: 15px;
  }

  .job-search-trust {
    gap: 10px;
  }

  .job-search-box {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .job-search-box label {
    min-height: 46px;
    border: 1px solid #e1eaf5;
    border-radius: 10px;
  }

  .job-search-box button {
    min-height: 46px;
  }

  .job-search-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .job-search-stats article {
    border-right: 0;
    border-bottom: 1px solid #e1eaf5;
  }

  .job-search-hero__visual {
    display: none;
  }

  .job-category-row a {
    min-width: auto;
    padding: 10px 14px;
  }

  .job-results-head {
    align-items: stretch;
    flex-direction: column;
  }

  .job-row-card {
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
  }

  .job-company-logo {
    width: 58px;
    height: 58px;
    font-size: 18px;
  }

  .job-row-main h3 {
    font-size: 17px;
  }

  .job-row-main ul {
    display: grid;
    gap: 6px;
  }

  .job-row-actions {
    grid-template-columns: 1fr 1fr;
  }

  .job-row-actions button {
    grid-column: span 2;
  }

  .job-support-panel {
    display: none;
  }
}

/* İş ilanları: site sembol sistemi ve taşma düzeltmesi */
.job-search-redesign .az-line-icon {
  --az-icon-color: currentColor;
  display: inline-grid;
  place-items: center;
  width: 1.18em;
  height: 1.18em;
  flex: 0 0 auto;
  color: var(--az-icon-color);
  border: 1.8px solid currentColor;
  border-radius: .32em;
  font-size: .98em;
  line-height: 1;
  font-weight: 950;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.job-search-redesign .az-line-icon::before {
  display: block;
  transform: translateY(-.02em);
}

.job-search-redesign .az-line-icon--pin {
  border-radius: 50% 50% 50% 12%;
  transform: rotate(-45deg);
}

.job-search-redesign .az-line-icon--pin::before {
  content: "";
  width: .34em;
  height: .34em;
  border: 1.6px solid currentColor;
  border-radius: 50%;
  transform: rotate(45deg);
}

.job-search-redesign .az-line-icon--check {
  border-radius: 50%;
}

.job-search-redesign .az-line-icon--check::before { content: "✓"; font-size: .78em; }
.job-search-redesign .az-line-icon--search::before { content: "⌕"; font-size: 1em; }
.job-search-redesign .az-line-icon--briefcase::before { content: "▭"; font-size: .92em; }
.job-search-redesign .az-line-icon--bolt::before { content: "↯"; font-size: .88em; }
.job-search-redesign .az-line-icon--building::before { content: "▥"; font-size: .88em; }
.job-search-redesign .az-line-icon--users::before { content: "◌"; font-size: .95em; }
.job-search-redesign .az-line-icon--grid::before { content: "▦"; font-size: .92em; }
.job-search-redesign .az-line-icon--construction::before { content: "┬"; font-size: .95em; }
.job-search-redesign .az-line-icon--factory::before { content: "▤"; font-size: .86em; }
.job-search-redesign .az-line-icon--truck::before { content: "▱"; font-size: .92em; }
.job-search-redesign .az-line-icon--office::before { content: "▥"; font-size: .88em; }
.job-search-redesign .az-line-icon--tools::before { content: "⌘"; font-size: .82em; }
.job-search-redesign .az-line-icon--chart::before { content: "⌁"; font-size: .94em; }
.job-search-redesign .az-line-icon--laptop::before { content: "▭"; font-size: .92em; }
.job-search-redesign .az-line-icon--clock {
  border-radius: 50%;
}
.job-search-redesign .az-line-icon--clock::before { content: "◷"; font-size: .86em; }
.job-search-redesign .az-line-icon--filter::before { content: "≡"; font-size: .92em; }
.job-search-redesign .az-line-icon--coin {
  border-radius: 50%;
}
.job-search-redesign .az-line-icon--coin::before { content: "₺"; font-size: .78em; }
.job-search-redesign .az-line-icon--package::before { content: "◇"; font-size: .86em; }
.job-search-redesign .az-line-icon--shield {
  border-radius: 50% 50% 46% 46%;
}
.job-search-redesign .az-line-icon--shield::before { content: "◇"; font-size: .82em; }
.job-search-redesign .az-line-icon--lock::before { content: "□"; font-size: .78em; }
.job-search-redesign .az-line-icon--document::before { content: "▤"; font-size: .82em; }
.job-search-redesign .az-line-icon--user {
  border-radius: 50%;
}
.job-search-redesign .az-line-icon--user::before { content: "○"; font-size: .86em; }
.job-search-redesign .az-line-icon--mail::before { content: "✉"; font-size: .76em; }

.job-search-redesign .job-search-badge .az-line-icon,
.job-search-redesign .job-search-box .az-line-icon,
.job-search-redesign .job-search-stats .az-line-icon,
.job-search-redesign .job-filter-panel h2 .az-line-icon,
.job-search-redesign .job-row-main .az-line-icon {
  color: var(--js-blue);
}

.job-search-redesign .job-search-badge .az-line-icon {
  color: #061735;
}

.job-search-redesign .job-search-trust .az-line-icon {
  width: 18px;
  height: 18px;
  color: #0b6ee8;
  background: #eaf3ff;
}

.job-search-redesign .job-category-row {
  max-width: min(1480px, calc(100% - 48px));
  flex-wrap: wrap;
  overflow: visible;
  padding: 16px 0 12px;
}

.job-search-redesign .job-category-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}

.job-search-redesign .job-category-row a .az-line-icon {
  color: var(--js-blue);
  background: #eef5ff;
}

.job-search-redesign .job-category-row a.is-active .az-line-icon {
  color: #fff;
  background: rgba(255,255,255,.14);
}

.job-search-redesign .job-filter-panel h2,
.job-search-redesign .job-row-main ul li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.job-search-redesign .job-filter-input b {
  display: inline-grid;
  place-items: center;
}

.job-search-redesign .job-filter-input b .az-line-icon {
  width: 18px;
  height: 18px;
  color: #6a7b93;
}

.job-search-redesign .job-company-logo .az-line-icon {
  width: 24px;
  height: 24px;
  color: currentColor;
}

.job-search-redesign .job-support-panel i .az-line-icon {
  width: 26px;
  height: 26px;
  color: #d59600;
}

@media (max-width: 760px) {
  .job-search-redesign .job-category-row {
    max-width: min(100% - 24px, 1480px);
  }
}

/* İş Ara yeni görsel tasarım */
.jf-page { background: #f6f8fb; color: #0b1f3a; }
.jf-hero { padding: clamp(1.5rem, 3vw, 2.4rem) 0 1rem; background: #f8fbff; }
.jf-hero__inner { display: grid; gap: 1rem; }

/* İş Ara ikinci iki sayfa: Başvurularım + Kaydettiğim İlanlar */
.job2-page {
  --job2-blue: #1266f1;
  --job2-navy: #071f3f;
  --job2-ink: #07182f;
  --job2-muted: #60718b;
  --job2-line: #d8e4f5;
  --job2-soft: #f4f8ff;
  padding: 24px 0 56px;
  font-size: 14px;
  line-height: 1.45;
}

.job2-page .az-line-icon {
  display: inline-grid;
  place-items: center;
  width: 1.18em;
  height: 1.18em;
  flex: 0 0 auto;
  color: currentColor;
  border: 1.8px solid currentColor;
  border-radius: .32em;
  font-size: .98em;
  line-height: 1;
  font-weight: 950;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.job2-page .az-line-icon::before {
  display: block;
  transform: translateY(-.02em);
}

.job2-page .az-line-icon--pin { border-radius: 50% 50% 50% 12%; transform: rotate(-45deg); }
.job2-page .az-line-icon--pin::before { content: ""; width: .34em; height: .34em; border: 1.6px solid currentColor; border-radius: 50%; transform: rotate(45deg); }
.job2-page .az-line-icon--check,
.job2-page .az-line-icon--clock,
.job2-page .az-line-icon--coin,
.job2-page .az-line-icon--user,
.job2-page .az-line-icon--bell { border-radius: 50%; }
.job2-page .az-line-icon--check::before { content: "✓"; font-size: .78em; }
.job2-page .az-line-icon--search::before { content: "⌕"; font-size: 1em; }
.job2-page .az-line-icon--briefcase::before { content: "▭"; font-size: .92em; }
.job2-page .az-line-icon--bolt::before { content: "↯"; font-size: .88em; }
.job2-page .az-line-icon--users::before { content: "◌"; font-size: .95em; }
.job2-page .az-line-icon--document::before { content: "▤"; font-size: .82em; }
.job2-page .az-line-icon--filter::before { content: "≡"; font-size: .92em; }
.job2-page .az-line-icon--calendar::before { content: "□"; font-size: .82em; }
.job2-page .az-line-icon--shield { border-radius: 50% 50% 46% 46%; }
.job2-page .az-line-icon--shield::before { content: "◇"; font-size: .82em; }
.job2-page .az-line-icon--clock::before { content: "◷"; font-size: .86em; }
.job2-page .az-line-icon--coin::before { content: "₺"; font-size: .78em; }
.job2-page .az-line-icon--bookmark::before { content: "▱"; font-size: .86em; }
.job2-page .az-line-icon--bell::before { content: "◦"; font-size: 1.05em; }
.job2-page .az-line-icon--chart::before { content: "⌁"; font-size: .94em; }
.job2-page .az-line-icon--laptop::before { content: "▭"; font-size: .92em; }

.job2-hero,
.job2-kpis,
.job2-layout {
  width: min(1480px, calc(100% - 48px));
  margin-inline: auto;
}

.job2-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr);
  gap: 20px;
  align-items: stretch;
  min-height: 300px;
  padding: 26px;
  border: 1px solid var(--job2-line);
  border-radius: 24px;
  background:
    linear-gradient(110deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.94) 55%, rgba(225,238,255,.9) 100%),
    url("../assets/images/content/hero-insaat.webp") center/cover;
  box-shadow: 0 22px 60px rgba(7,31,63,.1);
}

.job2-hero--saved {
  background:
    linear-gradient(110deg, rgba(255,255,255,.98) 0%, rgba(246,249,255,.95) 56%, rgba(225,238,255,.91) 100%),
    url("../assets/images/content/kurs2.webp") center/cover;
}

.job2-hero__content {
  display: grid;
  align-content: center;
}

.job2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--job2-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.job2-eyebrow .az-line-icon {
  width: 22px;
  height: 22px;
}

.job2-hero h1 {
  max-width: 760px;
  margin: 12px 0 10px;
  color: #061735;
  font-size: clamp(31px, 3.5vw, 56px);
  line-height: .98;
  letter-spacing: -.055em;
}

.job2-hero p {
  max-width: 700px;
  margin: 0;
  color: #34465f;
  font-size: 16px;
}

.job2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.job2-btn,
.job2-card-actions a,
.job2-saved-card footer a,
.job2-side-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid #aecaef;
  border-radius: 11px;
  background: #fff;
  color: var(--job2-blue);
  font-weight: 900;
  text-decoration: none;
}

.job2-btn--primary,
.job2-card-actions a.is-primary,
.job2-saved-card footer a {
  border-color: var(--job2-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  box-shadow: 0 12px 24px rgba(18,102,241,.22);
}

.job2-hero-card,
.job2-compare-card {
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--job2-line);
  border-radius: 20px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 42px rgba(7,31,63,.09);
}

.job2-hero-card__top,
.job2-compare-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.job2-hero-card__top strong,
.job2-compare-card__header strong {
  color: #071832;
  font-size: 16px;
}

.job2-hero-card__top b,
.job2-compare-card__header span {
  padding: 7px 10px;
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--job2-blue);
  font-size: 13px;
}

.job2-stage-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.job2-stage-preview span,
.job2-stage-line i {
  padding: 8px 9px;
  border-radius: 10px;
  background: #edf3fb;
  color: #6a7b93;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.job2-stage-preview .is-done,
.job2-stage-line .is-done {
  background: #e6f0ff;
  color: var(--job2-blue);
}

.job2-stage-preview .is-live,
.job2-stage-line .is-live {
  background: #fff4d6;
  color: #a86600;
}

.job2-hero-card figure,
.job2-compare-card figure {
  position: relative;
  overflow: hidden;
  min-height: 130px;
  margin: 0;
  border-radius: 16px;
}

.job2-hero-card img,
.job2-compare-card img,
.job2-saved-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.job2-hero-card figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(7,24,50,.84);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}

.job2-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.job2-kpis article,
.job2-filter,
.job2-main-panel,
.job2-side-card {
  border: 1px solid var(--job2-line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 42px rgba(7,31,63,.08);
}

.job2-kpis article {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 2px 12px;
  align-items: center;
  padding: 16px;
}

.job2-kpis .az-line-icon {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  color: var(--job2-blue);
  background: #eef5ff;
}

.job2-kpis strong {
  color: #061735;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.035em;
}

.job2-kpis small {
  color: var(--job2-muted);
  font-size: 13px;
}

.job2-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 290px;
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.job2-filter,
.job2-side {
  position: sticky;
  top: 92px;
}

.job2-filter,
.job2-main-panel,
.job2-side-card {
  padding: 18px;
}

.job2-panel-title,
.job2-section-head,
.job2-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.job2-panel-title h2,
.job2-section-head h2,
.job2-side-card h3,
.job2-application-card h3,
.job2-saved-card h3 {
  margin: 0;
  color: #071832;
  letter-spacing: -.02em;
}

.job2-panel-title h2,
.job2-side-card h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}

.job2-section-head h2 {
  margin-top: 4px;
  font-size: 24px;
}

.job2-panel-title button,
.job2-card-actions button,
.job2-saved-card button {
  border: 0;
  background: transparent;
  color: var(--job2-blue);
  font-weight: 850;
  cursor: pointer;
}

.job2-filter label,
.job2-section-head label {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  color: #33435d;
  font-size: 13px;
  font-weight: 900;
}

.job2-section-head label {
  margin-top: 0;
  min-width: 190px;
}

.job2-filter select,
.job2-section-head select {
  width: 100%;
  border: 1px solid #cbd9ed;
  border-radius: 10px;
  background: #fff;
  color: #102541;
  padding: 10px 11px;
  font: inherit;
}

.job2-submit {
  width: 100%;
  min-height: 42px;
  margin-top: 15px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(18,102,241,.2);
}

.job2-main-panel {
  display: grid;
  gap: 16px;
}

.job2-application-list {
  display: grid;
  gap: 12px;
}

.job2-application-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 170px;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid #dce8f7;
  border-radius: 16px;
  background: #fff;
}

.job2-company-logo {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #072654;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
}

.job2-company-logo--yellow { background: #fff4d6; color: #d59600; }
.job2-company-logo--green { background: #e4f8ec; color: #087b37; }
.job2-company-logo--dark { background: #071832; color: #fff; }
.job2-company-logo--muted { background: #eef3fb; color: #52657e; }

.job2-status {
  display: inline-flex;
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.job2-status--blue { background: #eaf2ff; color: var(--job2-blue); }
.job2-status--orange { background: #fff4d6; color: #a86600; }
.job2-status--green { background: #dbf8e7; color: #087b37; }
.job2-status--red { background: #ffe9e9; color: #bd1b1b; }

.job2-application-card h3,
.job2-saved-card h3 {
  margin-top: 8px;
  font-size: 18px;
}

.job2-application-card p {
  margin: 3px 0 10px;
  color: var(--job2-muted);
  font-size: 13px;
}

.job2-stage-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.job2-card-actions {
  display: grid;
  gap: 8px;
}

.job2-card-actions button,
.job2-card-actions a {
  min-height: 38px;
}

.job2-side {
  display: grid;
  gap: 14px;
}

.job2-mini-list {
  display: grid;
  gap: 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.job2-mini-list li {
  display: grid;
  gap: 3px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--job2-line);
}

.job2-mini-list b {
  color: #071832;
  font-size: 13px;
}

.job2-mini-list span,
.job2-side-card p,
.job2-summary-list {
  color: var(--job2-muted);
  font-size: 13px;
}

.job2-side-card a {
  margin-top: 12px;
  width: 100%;
}

.job2-warning-card {
  background: linear-gradient(180deg, #fff, #f7fbff);
}

.job2-compare-bars {
  display: grid;
  gap: 12px;
}

.job2-compare-bars p {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 52px;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #263b57;
  font-size: 13px;
}

.job2-compare-bars i {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef7;
}

.job2-compare-bars i span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1266f1, #6ba5ff);
}

.job2-compare-bars em {
  color: var(--job2-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.job2-saved-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.job2-saved-card {
  overflow: hidden;
  border: 1px solid #dce8f7;
  border-radius: 16px;
  background: #fff;
}

.job2-saved-media {
  position: relative;
  height: 150px;
  overflow: hidden;
}

.job2-saved-media span {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #1266f1;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.job2-saved-media .is-green { background: #09883d; }
.job2-saved-media .is-blue { background: #0758d8; }
.job2-saved-media .is-yellow { background: #ffc20d; color: #061735; }

.job2-saved-body {
  padding: 14px;
}

.job2-saved-body .job2-card-top b {
  color: var(--job2-blue);
  font-size: 13px;
}

.job2-saved-body ul {
  display: grid;
  gap: 7px;
  margin: 10px 0 12px;
  padding: 0;
  list-style: none;
}

.job2-saved-body li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #52657e;
  font-size: 13px;
}

.job2-saved-body li .az-line-icon {
  color: var(--job2-blue);
}

.job2-saved-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.job2-saved-card footer small {
  color: var(--job2-muted);
  font-size: 12px;
}

.job2-summary-list {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
}

.job2-summary-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--job2-line);
}

.job2-summary-list dt {
  color: #52657e;
  font-weight: 800;
}

.job2-summary-list dd {
  margin: 0;
  color: #071832;
  font-weight: 900;
  text-align: right;
}

@media (max-width: 1180px) {
  .job2-hero,
  .job2-layout {
    grid-template-columns: 1fr;
  }

  .job2-filter,
  .job2-side {
    position: static;
  }
}

@media (max-width: 820px) {
  .job2-hero,
  .job2-kpis,
  .job2-layout {
    width: min(100% - 24px, 1480px);
  }

  .job2-hero {
    padding: 20px;
  }

  .job2-kpis,
  .job2-saved-grid {
    grid-template-columns: 1fr;
  }

  .job2-application-card {
    grid-template-columns: 1fr;
  }

  .job2-stage-preview,
  .job2-stage-line {
    grid-template-columns: 1fr 1fr;
  }

  .job2-section-head {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Başvurularım: referans görsel düzeni */
.job3-page {
  --job3-blue: #1266f1;
  --job3-navy: #071f3f;
  --job3-ink: #07182f;
  --job3-muted: #60718b;
  --job3-line: #d8e4f5;
  --job3-soft: #f4f8ff;
  padding: 0 0 56px;
  background: linear-gradient(180deg, #f4f8ff 0%, #eef5ff 46%, #f8fbff 100%);
  color: var(--job3-ink);
  font-size: 13px;
  line-height: 1.38;
}

.job3-page .az-line-icon {
  display: inline-grid;
  place-items: center;
  width: 1.12em;
  height: 1.12em;
  flex: 0 0 auto;
  color: currentColor;
  border: 1.7px solid currentColor;
  border-radius: .32em;
  font-size: .96em;
  line-height: 1;
  font-weight: 950;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.job3-page .az-line-icon::before { display: block; transform: translateY(-.02em); }
.job3-page .az-line-icon--pin { border-radius: 50% 50% 50% 12%; transform: rotate(-45deg); }
.job3-page .az-line-icon--pin::before { content: ""; width: .32em; height: .32em; border: 1.5px solid currentColor; border-radius: 50%; transform: rotate(45deg); }
.job3-page .az-line-icon--check,
.job3-page .az-line-icon--search,
.job3-page .az-line-icon--info,
.job3-page .az-line-icon--refresh { border-radius: 50%; }
.job3-page .az-line-icon--document::before { content: "▤"; font-size: .82em; }
.job3-page .az-line-icon--search::before { content: "⌕"; font-size: .96em; }
.job3-page .az-line-icon--calendar::before { content: "□"; font-size: .8em; }
.job3-page .az-line-icon--check::before { content: "✓"; font-size: .76em; }
.job3-page .az-line-icon--flag::before { content: "⚑"; font-size: .76em; }
.job3-page .az-line-icon--refresh::before { content: "↻"; font-size: .76em; }
.job3-page .az-line-icon--list::before { content: "≡"; font-size: .92em; }
.job3-page .az-line-icon--grid::before { content: "▦"; font-size: .86em; }
.job3-page .az-line-icon--info::before { content: "i"; font-size: .7em; }

.job3-hero-slider,
.job3-stats,
.job3-board {
  width: min(1560px, calc(100% - 60px));
  margin-inline: auto;
}

.job3-hero-slider {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 270px minmax(300px, .75fr);
  align-items: center;
  min-height: 250px;
  margin-top: 2px;
  overflow: hidden;
  border: 1px solid var(--job3-line);
  border-radius: 0 0 12px 12px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(246,250,255,.94) 52%, rgba(225,238,255,.72) 100%),
    url("../assets/images/content/hero-insaat.webp") center/cover;
  box-shadow: 0 14px 38px rgba(7,31,63,.07);
}

.job3-hero-slider::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 330px;
  opacity: .36;
  background:
    linear-gradient(180deg, rgba(18,102,241,.12), transparent),
    repeating-linear-gradient(90deg, transparent 0 42px, rgba(18,102,241,.08) 42px 43px);
  clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
}

.job3-hero-copy {
  position: relative;
  z-index: 1;
  padding: 38px 0 36px 132px;
}

.job3-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 18px;
  border-radius: 6px;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .02em;
  box-shadow: 0 8px 20px rgba(18,102,241,.2);
}

.job3-hero-copy h1 {
  max-width: 620px;
  margin: 18px 0 10px;
  color: #071832;
  font-size: clamp(30px, 2.35vw, 42px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.job3-hero-copy p {
  max-width: 560px;
  margin: 0;
  color: #52657e;
  font-size: 16px;
}

.job3-dots {
  display: flex;
  gap: 12px;
  margin-top: 28px;
}

.job3-dots span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #c8d4e6;
}

.job3-dots .is-active { background: #0758d8; }

.job3-status-legend {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #132943;
  font-size: 14px;
  font-weight: 760;
}

.job3-status-legend li,
.job3-check,
.job3-timeline p {
  display: flex;
  align-items: center;
  gap: 11px;
}

.job3-status-legend i,
.job3-check i,
.job3-timeline i {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
}

.is-blue { background: #1266f1; }
.is-yellow { background: #ffc20d; }
.is-purple { background: #873df2; }
.is-green { background: #22a852; }
.is-red { background: #ef4e4e; }
.is-gray { background: #8a96a8; }

.job3-hero-figure {
  align-self: stretch;
  min-height: 250px;
  margin: 0;
}

.job3-hero-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%);
}

.job3-slider-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--job3-line);
  border-radius: 50%;
  background: #fff;
  color: #9badc5;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(7,31,63,.1);
  transform: translateY(-50%);
}

.job3-slider-arrow--prev { left: 10px; }
.job3-slider-arrow--next { right: 10px; }

.job3-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.job3-stats article,
.job3-filter-card,
.job3-list-panel,
.job3-detail-card {
  border: 1px solid var(--job3-line);
  border-radius: 12px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 30px rgba(7,31,63,.06);
}

.job3-stats article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 1px 12px;
  align-items: center;
  min-height: 78px;
  padding: 13px 18px;
}

.job3-stats .az-line-icon {
  grid-row: span 2;
  width: 50px;
  height: 50px;
  color: var(--job3-blue);
  background: #eef5ff;
  border-color: #9ec2ff;
  font-size: 21px;
}

.job3-stats article:nth-child(2) .az-line-icon { color: #d49a00; background: #fff7dd; border-color: #ffe09a; }
.job3-stats article:nth-child(3) .az-line-icon { color: #873df2; background: #f3eaff; border-color: #d8c3ff; }
.job3-stats article:nth-child(4) .az-line-icon { color: #22a852; background: #e8f9ef; border-color: #bce9cb; }
.job3-stats article:nth-child(5) .az-line-icon { color: #ef4e4e; background: #ffecec; border-color: #ffc7c7; }

.job3-stats strong {
  color: #071832;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.035em;
}

.job3-stats small {
  color: #132943;
  font-size: 13px;
  font-weight: 780;
}

.job3-board {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 410px;
  gap: 16px;
  align-items: start;
  margin-top: 18px;
}

.job3-filter-card,
.job3-detail-card {
  position: sticky;
  top: 92px;
}

.job3-filter-card,
.job3-list-panel,
.job3-detail-card {
  padding: 18px;
}

.job3-filter-card h2,
.job3-detail-card h2 {
  margin: 0 0 16px;
  color: #071832;
  font-size: 17px;
  letter-spacing: -.02em;
}

.job3-filter-card h3,
.job3-message h3,
.job3-timeline h3 {
  margin: 0 0 12px;
  color: #071832;
  font-size: 14px;
  font-weight: 950;
}

.job3-check {
  min-height: 26px;
  color: #52657e;
  font-size: 13px;
  font-weight: 760;
}

.job3-check input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--job3-blue);
}

.job3-check span { flex: 1; }
.job3-check b {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f2f5fa;
  color: #52657e;
  text-align: center;
  font-size: 12px;
}

.job3-filter-divider {
  height: 1px;
  margin: 15px 0;
  background: var(--job3-line);
}

.job3-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  margin-top: 10px;
  padding: 0 12px;
  border: 1px solid #d7e3f3;
  border-radius: 8px;
  color: #63748c;
  font-size: 13px;
  font-weight: 760;
}

.job3-filter-card button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  border: 0;
  background: transparent;
  color: var(--job3-blue);
  font-size: 14px;
  font-weight: 850;
}

.job3-toolbar {
  display: grid;
  grid-template-columns: 210px 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.job3-toolbar select {
  height: 36px;
  border: 1px solid #d7e3f3;
  border-radius: 8px;
  background: #fff;
  color: #132943;
  padding: 0 10px;
  font: inherit;
  font-weight: 760;
}

.job3-toolbar > span {
  color: #7a8ba3;
  font-size: 13px;
  text-align: center;
}

.job3-toolbar div {
  display: flex;
  gap: 8px;
}

.job3-toolbar button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #d7e3f3;
  border-radius: 8px;
  background: #fff;
  color: #52657e;
}

.job3-toolbar button.is-active {
  color: var(--job3-blue);
  border-color: #9ec2ff;
  background: #eef5ff;
}

.job3-rows {
  border: 1px solid var(--job3-line);
  border-radius: 10px;
  overflow: hidden;
}

.job3-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 128px 104px 86px;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--job3-line);
  background: #fff;
  cursor: pointer;
}

.job3-row:hover {
  background: #f8fbff;
}

.job3-row:last-child { border-bottom: 0; }
.job3-row.is-selected { background: #fbfdff; }

.job3-logo {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  background: #073681;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
}

.job3-logo--light { background: #fff6d6; color: #071832; border: 1px solid #ffe09a; }
.job3-logo--green { background: #073f34; color: #39da72; font-size: 10px; }
.job3-logo--dark { background: #111827; color: #fff; }
.job3-logo--muted { background: #f3f5f8; color: #263b57; border: 1px solid #dce4ee; }

.job3-row h3 {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  color: #071832;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -.01em;
  line-height: 1.2;
}

.job3-row p {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  color: #7a8ba3;
  font-size: 11px;
  font-weight: 760;
  min-width: 0;
  white-space: nowrap;
}

.job3-row p:nth-of-type(1) {
  grid-column: 3;
  grid-row: 1;
}

.job3-row p:nth-of-type(2) {
  grid-column: 3;
  grid-row: 2;
}

.job3-row p .az-line-icon {
  color: #7a8ba3;
}

.job3-pill {
  grid-column: 4;
  grid-row: 1 / span 2;
  display: inline-flex;
  justify-content: center;
  width: fit-content;
  min-width: 92px;
  padding: 6px 8px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  align-self: center;
}

.job3-pill.is-blue { background: #eaf2ff; color: #1266f1; }
.job3-pill.is-yellow { background: #fff4d6; color: #a86600; }
.job3-pill.is-purple { background: #f2e7ff; color: #873df2; }
.job3-pill.is-green { background: #e8f9ef; color: #128d40; }
.job3-pill.is-red { background: #ffecec; color: #ef4e4e; }
.job3-pill.is-gray { background: #f1f3f6; color: #7a8494; }

.job3-row a,
.job3-detail-actions a {
  grid-column: 5;
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid #d7e3f3;
  border-radius: 8px;
  background: #fff;
  color: #071832;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
}

.job3-detail-card h2 {
  font-size: 18px;
}

.job3-detail-head h3,
.job3-message h3,
.job3-timeline h3 {
  font-size: 13px;
}

.job3-detail-head p,
.job3-message p,
.job3-timeline p,
.job3-permission p {
  font-size: 12px;
}

.job3-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.job3-pagination button,
.job3-pagination a {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border: 1px solid #d7e3f3;
  border-radius: 8px;
  background: #fff;
  color: #52657e;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.job3-pagination .is-active {
  border-color: var(--job3-blue);
  background: var(--job3-blue);
  color: #fff;
}

.job3-detail-head {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 12px;
  align-items: start;
}

.job3-detail-head .job3-logo {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  font-size: 14px;
}

.job3-detail-head h3 {
  margin: 0 0 4px;
  color: #071832;
  font-size: 14px;
  font-weight: 950;
}

.job3-detail-head p {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 3px 0;
  color: #7a8ba3;
  font-size: 12px;
  font-weight: 760;
}

.job3-detail-actions {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 10px;
  margin-top: 14px;
}

.job3-detail-actions .job3-pill { align-self: center; }
.job3-detail-actions .is-primary {
  grid-column: 2;
  border-color: var(--job3-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
}

.job3-detail-actions a:last-child { grid-column: 2; }

.job3-message {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #d7e3f3;
  border-radius: 9px;
  background: #fff;
}

.job3-message h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.job3-message p {
  margin: 6px 0;
  color: #52657e;
  font-size: 13px;
}

.job3-message small { color: #7a8ba3; font-size: 12px; }

.job3-timeline {
  margin-top: 14px;
}

.job3-timeline p {
  justify-content: space-between;
  margin: 0;
  padding: 5px 0 9px 0;
  color: #52657e;
  font-size: 13px;
}

.job3-timeline span { flex: 1; }
.job3-timeline b {
  color: #60718b;
  font-size: 12px;
  font-weight: 760;
  text-align: right;
}

.job3-permission {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #d7e3f3;
  border-radius: 9px;
  background: #fff;
}

.job3-permission strong {
  color: #071832;
  font-size: 13px;
}

.job3-permission p {
  margin: 5px 0 0;
  color: #7a8ba3;
  font-size: 12px;
}

.job3-permission button {
  width: 42px;
  height: 23px;
  flex: 0 0 42px;
  border: 0;
  border-radius: 999px;
  background: #c9d2e0;
}

.job3-permission button::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  margin: 2px;
  border-radius: 50%;
  background: #fff;
}

@media (max-width: 1280px) {
  .job3-board {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .job3-detail-card {
    position: static;
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .job3-hero-slider,
  .job3-board {
    grid-template-columns: 1fr;
  }

  .job3-hero-copy {
    padding: 28px;
  }

  .job3-status-legend {
    padding: 0 28px 20px;
  }

  .job3-hero-figure {
    display: none;
  }

  .job3-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job3-filter-card {
    position: static;
  }

  .job3-row {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .job3-row .job3-pill,
  .job3-row a {
    grid-column: 2;
  }
}

@media (max-width: 720px) {
  .job3-hero-slider,
  .job3-stats,
  .job3-board {
    width: min(100% - 24px, 1560px);
  }

  .job3-stats {
    grid-template-columns: 1fr;
  }

  .job3-toolbar {
    grid-template-columns: 1fr;
  }

  .job3-detail-actions {
    grid-template-columns: 1fr;
  }

  .job3-detail-actions .is-primary,
  .job3-detail-actions a:last-child {
    grid-column: auto;
  }
}

/* Kaydettiğim İlanlar: referans görsel düzeni */
.job4-page {
  --job4-blue: #1266f1;
  --job4-navy: #071f3f;
  --job4-ink: #07182f;
  --job4-muted: #60718b;
  --job4-line: #d8e4f5;
  padding: 0 0 56px;
  background: linear-gradient(180deg, #f4f8ff 0%, #eef5ff 45%, #f8fbff 100%);
  color: var(--job4-ink);
  font-size: 14px;
  line-height: 1.42;
}

.job4-page .az-line-icon {
  display: inline-grid;
  place-items: center;
  width: 1.12em;
  height: 1.12em;
  flex: 0 0 auto;
  color: currentColor;
  border: 1.7px solid currentColor;
  border-radius: .32em;
  font-size: .96em;
  line-height: 1;
  font-weight: 950;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.job4-page .az-line-icon::before { display: block; transform: translateY(-.02em); }
.job4-page .az-line-icon--pin { border-radius: 50% 50% 50% 12%; transform: rotate(-45deg); }
.job4-page .az-line-icon--pin::before { content: ""; width: .32em; height: .32em; border: 1.5px solid currentColor; border-radius: 50%; transform: rotate(45deg); }
.job4-page .az-line-icon--bookmark::before { content: "▱"; font-size: .86em; }
.job4-page .az-line-icon--bell,
.job4-page .az-line-icon--clock,
.job4-page .az-line-icon--search,
.job4-page .az-line-icon--refresh { border-radius: 50%; }
.job4-page .az-line-icon--bell::before { content: "◦"; font-size: 1.05em; }
.job4-page .az-line-icon--clock::before { content: "◷"; font-size: .86em; }
.job4-page .az-line-icon--list::before { content: "≡"; font-size: .92em; }
.job4-page .az-line-icon--document::before { content: "▤"; font-size: .82em; }
.job4-page .az-line-icon--chart::before { content: "⌁"; font-size: .94em; }
.job4-page .az-line-icon--bolt::before { content: "↯"; font-size: .88em; }
.job4-page .az-line-icon--search::before { content: "⌕"; font-size: .96em; }
.job4-page .az-line-icon--refresh::before { content: "↻"; font-size: .76em; }
.job4-page .az-line-icon--briefcase::before { content: "▭"; font-size: .92em; }
.job4-page .az-line-icon--laptop::before { content: "▭"; font-size: .92em; }

.job4-hero,
.job4-stats,
.job4-layout {
  width: min(1560px, calc(100% - 48px));
  margin-inline: auto;
}

.job4-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) 250px minmax(360px, .9fr);
  align-items: center;
  min-height: 230px;
  overflow: hidden;
  padding: 24px 28px;
  border: 1px solid var(--job4-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(244,249,255,.95) 52%, rgba(223,238,255,.86) 100%),
    url("../assets/images/content/kurs2.webp") center/cover;
  box-shadow: 0 14px 38px rgba(7,31,63,.07);
}

.job4-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  min-height: 36px;
  padding: 8px 18px;
  border-radius: 999px;
  background: #ffc20d;
  color: #071832;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .01em;
}

.job4-badge .az-line-icon {
  color: #071832;
}

.job4-copy h1 {
  max-width: 620px;
  margin: 20px 0 12px;
  color: #071832;
  font-size: clamp(32px, 2.65vw, 48px);
  line-height: 1.06;
  letter-spacing: -.045em;
}

.job4-copy p {
  max-width: 610px;
  margin: 0;
  color: #263b57;
  font-size: 18px;
}

.job4-hero-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job4-hero-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 8px;
  background: rgba(255,255,255,.78);
  color: #071832;
  font-size: 13px;
  font-weight: 900;
}

.job4-hero-list .az-line-icon {
  width: 24px;
  height: 24px;
  color: var(--job4-blue);
  background: #eaf2ff;
}

.job4-hero figure {
  align-self: stretch;
  margin: 0;
  min-height: 210px;
}

.job4-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 16%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 16%);
}

.job4-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.job4-stats article,
.job4-main,
.job4-side-card {
  border: 1px solid var(--job4-line);
  border-radius: 10px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 30px rgba(7,31,63,.06);
}

.job4-stats article {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 1px 12px;
  align-items: center;
  min-height: 72px;
  padding: 12px 18px;
}

.job4-stats .az-line-icon {
  grid-row: span 2;
  width: 48px;
  height: 48px;
  color: #fff;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  border-color: transparent;
  font-size: 22px;
}

.job4-stats article:nth-child(2) .az-line-icon { background: #f07000; }
.job4-stats article:nth-child(3) .az-line-icon { background: #15a447; }
.job4-stats article:nth-child(4) .az-line-icon { background: #7428d9; }

.job4-stats strong {
  color: #071832;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.035em;
}

.job4-stats small {
  color: #132943;
  font-size: 12px;
  font-weight: 800;
}

.job4-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 16px;
  align-items: start;
  margin-top: 14px;
}

.job4-main,
.job4-side-card {
  padding: 14px;
}

.job4-main {
  min-width: 0;
  overflow: hidden;
}

.job4-filters {
  display: grid;
  grid-template-columns: 310px repeat(3, minmax(150px, 1fr)) 150px;
  gap: 14px;
  margin-bottom: 14px;
}

.job4-filters label,
.job4-filters button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #d7e3f3;
  border-radius: 7px;
  background: #fff;
  color: #52657e;
  font-size: 13px;
  font-weight: 760;
}

.job4-filters input,
.job4-filters select {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #132943;
  font: inherit;
}

.job4-filters button {
  justify-content: center;
  color: #071832;
  cursor: pointer;
}

.job4-table {
  overflow: hidden;
  border: 1px solid var(--job4-line);
  border-radius: 9px;
}

.job4-row {
  display: grid;
  grid-template-columns: 22px 86px minmax(185px, 1fr) 92px 112px 188px;
  gap: 8px;
  align-items: center;
  min-height: 74px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--job4-line);
  background: #fff;
}

.job4-row:last-child { border-bottom: 0; }

.job4-bookmark {
  display: block;
  width: 13px;
  height: 24px;
  background: var(--job4-blue);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 76%, 0 100%);
}

.job4-company {
  display: grid;
  place-items: center;
  align-content: center;
  width: 76px;
  height: 48px;
  border-radius: 6px;
  color: #071832;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.job4-company small {
  display: block;
  margin-top: 3px;
  font-size: 8px;
  letter-spacing: .04em;
}

.job4-company--light { color: #1266f1; }
.job4-company--line { border: 1px solid #9ec2ff; color: #073681; }
.job4-company--dark { background: #111827; color: #fff; }

.job4-row h3 {
  margin: 0 0 8px;
  color: #071832;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -.015em;
}

.job4-row p {
  margin: 0;
  color: #60718b;
  font-size: 11px;
  font-weight: 760;
}

.job4-row p .az-line-icon {
  color: #7a8ba3;
  margin-inline: 6px 4px;
}

.job4-row p .az-line-icon:first-child {
  margin-left: 0;
}

.job4-row p b {
  color: #263b57;
  font-size: 11px;
}

.job4-date {
  width: fit-content;
  padding: 7px 9px;
  border-radius: 8px;
  text-align: center;
}

.job4-date b {
  display: block;
}

.job4-date small {
  display: block;
  margin-top: 2px;
  font-size: 10px;
}

.job4-date.is-orange { background: #fff4d6; color: #d26b00; }
.job4-date.is-green { background: #e8f9ef; color: #128d40; }
.job4-date.is-red { background: #ffecec; color: #ef4e4e; }

.job4-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.job4-actions a,
.job4-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border: 1px solid #d7e3f3;
  border-radius: 7px;
  background: #fff;
  color: #071832;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.job4-actions .is-primary {
  border-color: var(--job4-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
}

.job4-actions .is-danger {
  border-color: #ffd0d0;
  color: #e53030;
}

.job4-footer {
  display: grid;
  grid-template-columns: 1fr auto 120px;
  gap: 12px;
  align-items: center;
  padding: 14px 18px 0;
  color: #071832;
  font-size: 14px;
}

.job4-footer nav {
  display: flex;
  gap: 8px;
}

.job4-footer a,
.job4-footer select {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border: 1px solid #d7e3f3;
  border-radius: 7px;
  background: #fff;
  color: #071832;
  font: inherit;
  font-weight: 850;
  text-decoration: none;
}

.job4-footer .is-active {
  background: var(--job4-blue);
  color: #fff;
}

.job4-side {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 14px;
}

.job4-side-card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #071832;
  font-size: 16px;
}

.job4-side-card h2 a {
  margin-left: auto;
  color: var(--job4-blue);
  font-size: 12px;
  font-weight: 850;
}

.job4-compare,
.job4-alerts {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--job4-line);
  border-radius: 8px;
  overflow: hidden;
}

.job4-compare li,
.job4-alerts li {
  display: grid;
  grid-template-columns: 26px 1fr 24px;
  gap: 10px;
  align-items: center;
  min-height: 46px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--job4-line);
  background: #fff;
}

.job4-compare li:last-child,
.job4-alerts li:last-child {
  border-bottom: 0;
}

.job4-compare b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--job4-blue);
  color: #fff;
  font-size: 12px;
}

.job4-compare span,
.job4-alerts span {
  color: #071832;
  font-size: 13px;
  font-weight: 900;
}

.job4-compare small,
.job4-alerts small {
  display: block;
  color: #60718b;
  font-size: 11px;
  font-weight: 760;
}

.job4-compare button {
  border: 0;
  background: transparent;
  color: #071832;
  font-size: 18px;
}

.job4-primary {
  width: 100%;
  min-height: 34px;
  margin-top: 10px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  font-weight: 900;
}

.job4-alerts {
  border: 0;
  gap: 10px;
}

.job4-alerts li {
  grid-template-columns: 10px 1fr 112px;
  min-height: 48px;
  border: 0;
  padding: 0;
}

.job4-alerts i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.job4-alerts b {
  color: #ef4e4e;
  font-size: 12px;
  text-align: right;
}

.job4-alerts .is-orange { background: #f07000; }
.job4-alerts .is-yellow { background: #ffc20d; }

.job4-note {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #eadab5;
  border-radius: 8px;
}

.job4-note.is-yellow { background: #fff8df; }
.job4-note.is-green { background: #effbef; border-color: #cfe8cf; }
.job4-note b {
  color: #071832;
  font-size: 13px;
}
.job4-note p {
  margin: 6px 0;
  color: #263b57;
  font-size: 12px;
}
.job4-note small {
  color: #60718b;
  font-size: 11px;
}

@media (max-width: 1320px) {
  .job4-layout {
    grid-template-columns: 1fr;
  }

  .job4-side {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .job4-hero {
    grid-template-columns: 1fr;
  }

  .job4-hero figure {
    display: none;
  }

  .job4-stats,
  .job4-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job4-filters,
  .job4-row,
  .job4-footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .job4-hero,
  .job4-stats,
  .job4-layout {
    width: min(100% - 24px, 1560px);
  }

  .job4-stats,
  .job4-side {
    grid-template-columns: 1fr;
  }
}

/* Tüm İş İlanları: referans görsel düzeni */
.job5-page {
  --job5-blue: #1266f1;
  --job5-navy: #071f3f;
  --job5-ink: #07182f;
  --job5-muted: #60718b;
  --job5-line: #d8e4f5;
  padding: 0 0 56px;
  background: linear-gradient(180deg, #f4f8ff 0%, #eef5ff 45%, #f8fbff 100%);
  color: var(--job5-ink);
  font-size: 14px;
  line-height: 1.42;
}

.job5-page .az-line-icon {
  display: inline-grid;
  place-items: center;
  width: 1.12em;
  height: 1.12em;
  flex: 0 0 auto;
  color: currentColor;
  border: 1.7px solid currentColor;
  border-radius: .32em;
  font-size: .96em;
  line-height: 1;
  font-weight: 950;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.job5-page .az-line-icon::before { display: block; transform: translateY(-.02em); }
.job5-page .az-line-icon--pin { border-radius: 50% 50% 50% 12%; transform: rotate(-45deg); }
.job5-page .az-line-icon--pin::before { content: ""; width: .32em; height: .32em; border: 1.5px solid currentColor; border-radius: 50%; transform: rotate(45deg); }
.job5-page .az-line-icon--check,
.job5-page .az-line-icon--search,
.job5-page .az-line-icon--clock,
.job5-page .az-line-icon--users { border-radius: 50%; }
.job5-page .az-line-icon--check::before { content: "✓"; font-size: .76em; }
.job5-page .az-line-icon--search::before { content: "⌕"; font-size: .96em; }
.job5-page .az-line-icon--briefcase::before { content: "▭"; font-size: .92em; }
.job5-page .az-line-icon--chart::before { content: "⌁"; font-size: .94em; }
.job5-page .az-line-icon--grid::before { content: "▦"; font-size: .86em; }
.job5-page .az-line-icon--users::before { content: "◌"; font-size: .95em; }
.job5-page .az-line-icon--construction::before { content: "┬"; font-size: .95em; }
.job5-page .az-line-icon--factory::before { content: "▤"; font-size: .86em; }
.job5-page .az-line-icon--truck::before { content: "▱"; font-size: .92em; }
.job5-page .az-line-icon--office::before { content: "▥"; font-size: .88em; }
.job5-page .az-line-icon--tools::before { content: "⌘"; font-size: .82em; }
.job5-page .az-line-icon--laptop::before { content: "▭"; font-size: .92em; }
.job5-page .az-line-icon--calendar::before { content: "□"; font-size: .8em; }
.job5-page .az-line-icon--tag::before { content: "◇"; font-size: .82em; }
.job5-page .az-line-icon--refresh::before { content: "↻"; font-size: .76em; }
.job5-page .az-line-icon--list::before { content: "≡"; font-size: .92em; }
.job5-page .az-line-icon--shield { border-radius: 50% 50% 46% 46%; }
.job5-page .az-line-icon--shield::before { content: "◇"; font-size: .82em; }
.job5-page .az-line-icon--lock::before { content: "□"; font-size: .78em; }
.job5-page .az-line-icon--user::before { content: "○"; font-size: .86em; }
.job5-page .az-line-icon--star::before { content: "★"; font-size: .74em; }
.job5-page .az-line-icon--bolt::before { content: "↯"; font-size: .88em; }
.job5-page .az-line-icon--plus::before { content: "+"; font-size: 1.12em; font-weight: 800; }

.job5-hero,
.job5-cats,
.job5-layout {
  width: min(1560px, calc(100% - 48px));
  margin-inline: auto;
}

.job5-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(500px, .78fr) minmax(620px, 1fr);
  align-items: stretch;
  height: 335px;
  overflow: hidden;
  border-bottom: 1px solid var(--job5-line);
  background: #eef6ff;
  box-shadow: 0 14px 38px rgba(7,31,63,.06);
}

.job5-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  padding: 36px 30px 24px 26px;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 72%, rgba(255,255,255,0) 100%);
}

.job5-badge {
  display: inline-flex;
  width: fit-content;
  min-height: 27px;
  padding: 5px 13px;
  border-radius: 999px;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .03em;
}

.job5-copy h1 {
  max-width: 610px;
  margin: 16px 0 12px;
  color: #071832;
  font-size: clamp(42px, 4vw, 58px);
  line-height: .98;
  letter-spacing: -.055em;
}

.job5-copy p {
  max-width: 590px;
  margin: 0;
  color: #263b57;
  font-size: 17px;
}

.job5-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 18px;
  margin-top: 20px;
}

.job5-trust span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #132943;
  font-size: 13px;
  font-weight: 850;
}

.job5-trust .az-line-icon {
  width: 16px;
  height: 16px;
  color: #fff;
  background: var(--job5-blue);
  border-color: var(--job5-blue);
}

.job5-searchbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 180px 96px;
  gap: 10px;
  max-width: 630px;
  margin-top: 22px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 32px rgba(7,31,63,.09);
}

.job5-searchbar label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #d7e3f3;
  border-radius: 6px;
  background: #fff;
}

.job5-searchbar input,
.job5-searchbar select {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #132943;
  font: inherit;
}

.job5-searchbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 7px;
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  font-weight: 900;
}

.job5-visual {
  position: relative;
  height: 335px;
  overflow: hidden;
}

.job5-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.job5-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.75) 0%, transparent 20%, rgba(7,31,63,.1) 100%);
}

.job5-float {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: 34px auto;
  gap: 1px 10px;
  align-items: center;
  min-width: 118px;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 30px rgba(7,31,63,.14);
}

.job5-float .az-line-icon {
  grid-row: span 2;
  width: 30px;
  height: 30px;
  color: var(--job5-blue);
}

.job5-float strong {
  color: #071832;
  font-size: 22px;
  line-height: 1;
}

.job5-float small {
  color: #52657e;
  font-size: 12px;
}

.job5-float--one { left: 11%; top: 28px; }
.job5-float--two { left: 42%; top: 28px; }
.job5-float--three { left: 65%; top: 28px; }
.job5-float--four { right: 24px; top: 72px; }

/* İş İlanları hero slide — referans görsel 4K uyumlu görünüm */
.job5-hero.job5-hero--cinematic {
  width: 100%;
  max-width: 3840px;
  min-height: clamp(520px, 31vw, 650px);
  height: auto;
  grid-template-columns: minmax(560px, 45fr) minmax(760px, 55fr);
  border: 0;
  border-radius: 0 0 0 0;
  background: #061d38;
  box-shadow: 0 18px 46px rgba(5, 26, 56, .14);
}

.job5-hero--cinematic::before {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 52%;
  background:
    radial-gradient(circle at 68% 28%, rgba(21, 94, 239, .07), transparent 18%),
    radial-gradient(circle at 86% 33%, rgba(21, 94, 239, .14) 0 1px, transparent 1.5px) 0 0 / 12px 12px,
    linear-gradient(105deg, #ffffff 0%, #f8fbff 72%, rgba(255,255,255,.7) 82%, rgba(255,255,255,0) 83%);
  clip-path: polygon(0 0, 96% 0, 88% 100%, 0 100%);
  content: "";
}

.job5-hero--cinematic::after {
  position: absolute;
  z-index: 1;
  top: 34px;
  left: 23%;
  width: 360px;
  height: 178px;
  opacity: .18;
  background:
    linear-gradient(30deg, transparent 0 47%, #9bb9dc 48% 52%, transparent 53%) 0 0 / 54px 54px,
    linear-gradient(150deg, transparent 0 47%, #9bb9dc 48% 52%, transparent 53%) 0 0 / 54px 54px;
  content: "";
}

.job5-hero--cinematic .job5-copy {
  min-height: clamp(520px, 31vw, 650px);
  padding: clamp(54px, 4vw, 86px) clamp(34px, 4vw, 64px);
  background: transparent;
}

.job5-hero--cinematic .job5-badge {
  min-height: 52px;
  gap: 12px;
  padding: 12px 18px;
  border: 1px solid #2d6dff;
  border-radius: 7px;
  color: #1266f1;
  background: rgba(255,255,255,.9);
  font-size: clamp(14px, .86vw, 18px);
  letter-spacing: .08em;
  box-shadow: none;
}

.job5-hero--cinematic .job5-badge .az-line-icon {
  width: 24px;
  height: 24px;
  color: #1266f1;
  border-color: #1266f1;
  background: transparent;
}

.job5-hero--cinematic .job5-copy h1 {
  max-width: 760px;
  margin: clamp(28px, 2vw, 40px) 0 20px;
  color: #071832;
  font-size: clamp(48px, 4.15vw, 82px);
  line-height: .98;
  letter-spacing: -.055em;
}

.job5-hero--cinematic .job5-copy h1::after {
  display: block;
  width: 86px;
  height: 7px;
  margin-top: 20px;
  border-radius: 999px;
  background: #f4b400;
  content: "";
}

.job5-hero--cinematic .job5-copy h1 em {
  color: #1266f1;
  font-style: normal;
}

.job5-hero--cinematic .job5-copy p {
  max-width: 700px;
  color: #5c6880;
  font-size: clamp(18px, 1.15vw, 24px);
  font-weight: 500;
  line-height: 1.5;
}

.job5-hero--cinematic .job5-searchbar {
  grid-template-columns: minmax(230px, 1fr) minmax(190px, .75fr) 138px;
  max-width: 810px;
  gap: 12px;
  margin-top: clamp(28px, 2vw, 38px);
  padding: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 44px rgba(8, 31, 66, .1);
}

.job5-hero--cinematic .job5-searchbar label {
  min-height: 62px;
  padding-inline: 16px;
  border-color: #dbe5f2;
  border-radius: 10px;
}

.job5-hero--cinematic .job5-searchbar input,
.job5-hero--cinematic .job5-searchbar select {
  font-size: 15px;
  font-weight: 650;
}

.job5-hero--cinematic .job5-searchbar button {
  min-height: 62px;
  border-radius: 10px;
  font-size: 17px;
  cursor: pointer;
}

.job5-hero--cinematic .job5-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  max-width: 790px;
  margin-top: clamp(32px, 2.4vw, 48px);
}

.job5-hero--cinematic .job5-trust span {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0 14px;
  align-items: center;
  color: #122947;
  font-size: 15px;
  font-weight: 900;
}

.job5-hero--cinematic .job5-trust .az-line-icon {
  grid-row: span 2;
  width: 40px;
  height: 40px;
  color: #1266f1;
  border-color: #1266f1;
  background: transparent;
}

.job5-hero--cinematic .job5-trust strong {
  font-size: clamp(14px, .9vw, 17px);
  line-height: 1.2;
}

.job5-hero--cinematic .job5-trust small {
  margin-top: 4px;
  color: #6a7688;
  font-size: clamp(12px, .72vw, 14px);
  font-weight: 650;
  line-height: 1.25;
}

.job5-visual.job5-visual--cinematic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  height: auto;
  min-height: clamp(520px, 31vw, 650px);
  overflow: hidden;
  background: #061b34;
}

.job5-visual--cinematic::before {
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(3, 16, 34, .14), rgba(3, 16, 34, .86)),
    linear-gradient(90deg, rgba(255,255,255,.42), rgba(255,255,255,0) 9%, rgba(3, 16, 34, .42) 100%);
  pointer-events: none;
}

.job5-sector {
  position: relative;
  min-width: 0;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  border-left: 1px solid rgba(255,255,255,.24);
  transform: skewX(-4deg);
  transform-origin: bottom;
  background-size: cover;
  background-position: center;
}

.job5-sector::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6, 30, 58, .05) 0%, rgba(6, 30, 58, .14) 42%, rgba(2, 14, 30, .88) 100%),
    radial-gradient(circle at 50% 62%, rgba(30, 119, 255, .23), transparent 34%);
  content: "";
}

.job5-sector span {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 118px;
  display: grid;
  justify-items: center;
  gap: 10px;
  color: #fff;
  font-size: clamp(13px, .86vw, 17px);
  font-weight: 950;
  letter-spacing: .035em;
  text-transform: uppercase;
  text-shadow: 0 3px 12px rgba(0,0,0,.4);
  transform: translateX(-50%) skewX(4deg);
  white-space: nowrap;
}

.job5-sector span::before {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #fff;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 8px;
  font-size: 24px;
  content: "▦";
}

.job5-sector--construction {
  background-image: image-set(url("../assets/images/hd/is-ilanlari-hd.webp") type("image/webp"), url("../assets/images/hd/is-ilanlari-hd.png") type("image/png"));
  background-position: 34% center;
}

.job5-sector--production {
  background-image: url("../assets/images/content/makine3.webp");
  background-position: center;
}

.job5-sector--logistics {
  background-image: url("../assets/images/content/pazar-makine-ekipman.png");
  background-position: 58% center;
}

.job5-sector--office {
  background-image:
    linear-gradient(90deg, rgba(4, 20, 41, .08), rgba(4, 20, 41, .45)),
    url("../assets/images/hd/adaylar-hd.png");
  background-position: 58% center;
}

.job5-sector--construction span::before { content: "▱"; }
.job5-sector--production span::before { content: "⚙"; }
.job5-sector--logistics span::before { content: "▭"; }
.job5-sector--office span::before { content: "▰"; }

.job5-opportunity {
  position: absolute;
  z-index: 4;
  top: clamp(28px, 2.2vw, 44px);
  right: clamp(32px, 3vw, 72px);
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 12px;
  color: #fff;
  background: rgba(7, 21, 42, .66);
  box-shadow: 0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}

.job5-opportunity .az-line-icon {
  width: 38px;
  height: 38px;
  color: #f4b400;
  border-color: #f4b400;
  background: transparent;
}

.job5-opportunity b {
  font-size: clamp(16px, 1.05vw, 21px);
  font-weight: 850;
}

.job5-opportunity strong {
  color: #f4b400;
  font-size: 1.45em;
}

.job5-hero-stats {
  position: absolute;
  z-index: 5;
  left: clamp(24px, 2.5vw, 46px);
  right: clamp(24px, 2.7vw, 58px);
  bottom: clamp(28px, 2.7vw, 44px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 36px);
}

.job5-hero-stats::before {
  position: absolute;
  z-index: -1;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #166eff 10%, #166eff 90%, transparent);
  box-shadow: 0 0 14px rgba(22, 110, 255, .95);
  content: "";
}

.job5-hero-stats article {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 0 14px;
  align-items: center;
  min-height: 106px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.09)),
    rgba(20, 43, 74, .72);
  box-shadow: 0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter: blur(10px);
}

.job5-hero-stats article::before {
  position: absolute;
  top: 50%;
  left: -18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1974ff;
  box-shadow: 0 0 16px #1974ff;
  content: "";
}

.job5-hero-stats article:first-child::before {
  display: none;
}

.job5-hero-stats .az-line-icon {
  grid-row: span 2;
  width: 52px;
  height: 52px;
  color: #fff;
  border-color: rgba(255,255,255,.22);
  background: linear-gradient(180deg, #2c84ff, #0b5dda);
  box-shadow: 0 10px 22px rgba(10, 86, 220, .34);
}

.job5-hero-stats strong {
  color: #fff;
  font-size: clamp(28px, 1.75vw, 40px);
  line-height: .95;
  white-space: nowrap;
}

.job5-hero-stats small {
  margin-top: 4px;
  color: rgba(255,255,255,.9);
  font-size: clamp(13px, .84vw, 18px);
  font-weight: 650;
}

@media (max-width: 1440px) {
  .job5-hero.job5-hero--cinematic {
    min-height: 520px;
    grid-template-columns: minmax(500px, 47fr) minmax(640px, 53fr);
  }

  .job5-hero--cinematic .job5-copy {
    min-height: 520px;
    padding: 42px 28px 34px;
  }

  .job5-hero--cinematic .job5-copy h1 {
    font-size: clamp(36px, 3.3vw, 46px);
  }

  .job5-hero--cinematic .job5-copy p {
    font-size: 16px;
  }

  .job5-hero--cinematic .job5-searchbar {
    grid-template-columns: minmax(190px, 1fr) 190px 118px;
    max-width: 590px;
  }

  .job5-hero--cinematic .job5-searchbar label,
  .job5-hero--cinematic .job5-searchbar button {
    min-height: 54px;
  }

  .job5-hero--cinematic .job5-trust {
    gap: 14px;
    max-width: 570px;
  }

  .job5-hero--cinematic .job5-trust span {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0 10px;
  }

  .job5-hero--cinematic .job5-trust .az-line-icon {
    width: 32px;
    height: 32px;
  }

  .job5-hero--cinematic .job5-trust strong {
    font-size: 12.5px;
  }

  .job5-hero--cinematic .job5-trust small {
    font-size: 11px;
  }

  .job5-visual.job5-visual--cinematic {
    min-height: 520px;
  }

  .job5-hero-stats {
    gap: 10px;
    left: 18px;
    right: 18px;
    bottom: 26px;
  }

  .job5-hero-stats article {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0 10px;
    min-height: 96px;
    padding: 14px 12px;
  }

  .job5-hero-stats .az-line-icon {
    width: 38px;
    height: 38px;
  }

  .job5-hero-stats strong {
    font-size: 25px;
    letter-spacing: -.02em;
  }

  .job5-hero-stats small {
    font-size: 11.5px;
  }

  .job5-sector span {
    bottom: 104px;
    font-size: 12px;
  }

  .job5-sector span::before {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
}

.job5-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 0;
}

.job5-cats a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 16px;
  border: 1px solid var(--job5-line);
  border-radius: 7px;
  background: rgba(255,255,255,.96);
  color: #263b57;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(7,31,63,.04);
}

.job5-cats a.is-active {
  border-color: var(--job5-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
}

.job5-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 330px;
  gap: 14px;
  align-items: start;
}

.job5-filter,
.job5-side {
  position: sticky;
  top: 92px;
  align-self: start;
}

.job5-filter,
.job5-results,
.job5-side-card {
  border: 1px solid var(--job5-line);
  border-radius: 10px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 30px rgba(7,31,63,.06);
}

.job5-filter {
  padding: 16px;
}

.job5-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.job5-filter h2,
.job5-results-head h2,
.job5-side-card h3 {
  margin: 0;
  color: #071832;
  letter-spacing: -.02em;
}

.job5-filter h2 {
  font-size: 18px;
}

.job5-filter-head button,
.job5-filter > label {
  color: var(--job5-blue);
  font-size: 12px;
  font-weight: 850;
}

.job5-filter-head button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
}

.job5-filter > label {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 7px 10px;
  align-items: center;
  margin-top: 10px;
  color: #33435d;
}

.job5-filter > label input,
.job5-filter > label select {
  grid-column: 2;
  width: 100%;
  min-height: 32px;
  border: 1px solid #d7e3f3;
  border-radius: 6px;
  background: #fff;
  color: #52657e;
  padding: 0 9px;
  font: inherit;
}

.job5-results {
  overflow: hidden;
}

.job5-results-head {
  display: grid;
  grid-template-columns: 1fr 210px auto;
  gap: 10px;
  align-items: center;
  padding: 14px 16px 10px;
}

.job5-results-head h2 {
  font-size: 18px;
}

.job5-results-head label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #071832;
  font-size: 12px;
  font-weight: 850;
}

.job5-results-head select {
  flex: 1;
  min-height: 32px;
  border: 1px solid #d7e3f3;
  border-radius: 6px;
  background: #fff;
  padding: 0 9px;
  font: inherit;
}

.job5-results-head div {
  display: flex;
  gap: 8px;
}

.job5-results-head button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 32px;
  border: 1px solid #d7e3f3;
  border-radius: 6px;
  background: #fff;
  color: #52657e;
}

.job5-results-head button.is-active {
  background: #eef5ff;
  color: var(--job5-blue);
  border-color: #9ec2ff;
}

.job5-list {
  padding: 0 16px 14px;
}

.job5-row {
  display: grid;
  grid-template-columns: 54px minmax(250px, 1fr) 150px 88px 78px 78px;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 8px 0;
  border-bottom: 1px solid var(--job5-line);
}

.job5-row:last-child {
  border-bottom: 0;
}

.job5-logo {
  display: grid;
  place-items: center;
  align-content: center;
  width: 48px;
  height: 48px;
  border-radius: 7px;
  background: #fff;
  color: #1266f1;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.job5-logo--yellow { border-radius: 50%; background: #ffc20d; color: #071832; }
.job5-logo--blue { border-radius: 50%; background: #073681; color: #fff; }
.job5-logo--light { color: #168a41; }
.job5-logo--dark { background: #071f3f; color: #fff; font-size: 18px; }
.job5-logo--line { font-size: 10px; color: #071832; }
.job5-logo--black { background: #111827; color: #fff; }
.job5-logo--green { border-radius: 50%; color: #0f9f68; border: 2px solid #0f9f68; }

.job5-row h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 5px;
  color: #071832;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.015em;
}

.job5-row h3 span {
  padding: 4px 7px;
  border-radius: 7px;
  background: #eaf2ff;
  color: var(--job5-blue);
  font-size: 11px;
  line-height: 1;
}

.job5-row h3 span.is-purple {
  background: #f2e7ff;
  color: #873df2;
}

.job5-row p {
  margin: 0;
  color: #60718b;
  font-size: 12px;
  font-weight: 760;
}

.job5-row p i {
  display: inline-block;
  width: 4px;
}

.job5-row strong {
  color: #078244;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.job5-row strong small {
  display: block;
  margin-top: 3px;
  color: #60718b;
  font-size: 11px;
  font-weight: 760;
}

.job5-row a,
.job5-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  border: 1px solid #cbd9ed;
  border-radius: 6px;
  background: #fff;
  color: #071832;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.job5-row a.is-primary {
  border-color: var(--job5-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
}

.job5-side {
  display: grid;
  gap: 10px;
}

.job5-side-card {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 14px;
  min-height: 126px;
  padding: 16px;
}

.job5-side-card > .az-line-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  color: #0758d8;
  background: #dce9ff;
  border-color: transparent;
  font-size: 34px;
}

.job5-side-card h3 {
  font-size: 18px;
}

.job5-side-card p {
  margin: 6px 0 8px;
  color: #263b57;
  font-size: 13px;
  font-weight: 700;
}

.job5-side-card a {
  color: var(--job5-blue);
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.job5-side-card--lock > .az-line-icon {
  color: #128d72;
  background: #d8f4eb;
}

.job5-side-card--gold {
  background: #fff7df;
  border-color: #f2dca6;
}

.job5-side-card--gold > .az-line-icon {
  color: #ffc20d;
  background: transparent;
  font-size: 54px;
}

.job5-profile i {
  position: relative;
  display: block;
  height: 7px;
  margin: 12px 34px 8px 0;
  border-radius: 999px;
  background: #e6edf7;
}

.job5-profile i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #7428d9;
}

.job5-profile strong {
  float: right;
  margin-top: -20px;
  color: #071832;
}

@media (max-width: 1280px) {
  .job5-layout {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  .job5-side {
    position: static;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job5-row {
    grid-template-columns: 54px minmax(220px, 1fr) 150px 88px 78px 78px;
  }
}

@media (max-width: 980px) {
  .job5-hero {
    grid-template-columns: 1fr;
  }

  .job5-visual {
    display: none;
  }

  .job5-layout,
  .job5-side {
    grid-template-columns: 1fr;
  }

  .job5-filter {
    position: static;
  }

  .job5-row,
  .job5-results-head,
  .job5-searchbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .job5-hero,
  .job5-cats,
  .job5-layout {
    width: min(100% - 24px, 1560px);
  }

  .job5-copy h1 {
    font-size: 36px;
  }
}
.jf-eyebrow { display: inline-flex; gap: .45rem; align-items: center; color: #075cff; font-weight: 800; }

/* %100 zoom genel taşma düzeltmesi: İş Ara grubu */
.job3-page *,
.job4-page *,
.job5-page * {
  box-sizing: border-box;
}

.job3-page .job3-board,
.job3-page .job3-list-panel,
.job3-page .job3-detail-card,
.job4-page .job4-layout,
.job4-page .job4-main,
.job4-page .job4-side,
.job5-page .job5-layout,
.job5-page .job5-filter,
.job5-page .job5-results,
.job5-page .job5-side {
  min-width: 0;
}

.job5-page .job5-layout {
  grid-template-columns: 248px minmax(0, 1fr) 292px;
  gap: 12px;
}

.job5-page .job5-list {
  padding: 0 10px 12px;
}

.job5-page .job5-results-head {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) auto;
  gap: 8px;
  padding: 12px 12px 8px;
}

.job5-page .job5-results-head h2 {
  font-size: 15px;
  white-space: nowrap;
}

.job5-page .job5-row {
  grid-template-columns: 42px minmax(132px, 1fr) 112px 66px 58px 58px;
  gap: 6px;
  min-height: 60px;
  padding: 7px 0;
}

.job5-page .job5-logo {
  width: 38px;
  height: 38px;
  font-size: 10px;
}

.job5-page .job5-logo--dark {
  font-size: 14px;
}

.job5-page .job5-logo--line {
  font-size: 8px;
}

.job5-page .job5-row h3 {
  display: block;
  min-width: 0;
  margin-bottom: 4px;
  overflow: hidden;
  color: #071832;
  font-size: 12.5px !important;
  line-height: 1.16;
  text-overflow: ellipsis;
}

.job5-page .job5-row h3 span {
  display: inline-flex;
  margin-left: 4px;
  padding: 3px 5px;
  font-size: 9.5px;
  vertical-align: middle;
}

.job5-page .job5-row p {
  overflow: hidden;
  font-size: 10.5px !important;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job5-page .job5-row strong {
  overflow: hidden;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
}

.job5-page .job5-row strong small {
  font-size: 9.5px;
}

.job5-page .job5-row a,
.job5-page .job5-row button {
  min-width: 0;
  min-height: 28px;
  padding: 4px 5px;
  overflow: hidden;
  font-size: 10.5px !important;
  line-height: 1;
  text-overflow: ellipsis;
}

.job5-page .job5-side-card {
  grid-template-columns: 58px 1fr;
  gap: 10px;
  min-height: 112px;
  padding: 12px;
}

.job5-page .job5-side-card > .az-line-icon {
  width: 54px;
  height: 54px;
  font-size: 26px;
}

.job5-page .job5-side-card h3 {
  font-size: 15px;
}

.job5-page .job5-side-card p,
.job5-page .job5-side-card a {
  font-size: 11.5px;
}

@media (max-width: 1480px) {
  .job5-page .job5-layout {
    grid-template-columns: 238px minmax(0, 1fr) 280px;
    gap: 10px;
  }

  .job5-page .job5-row {
    grid-template-columns: 40px minmax(118px, 1fr) 100px 60px 54px 54px;
    gap: 5px;
  }

  .job5-page .job5-filter {
    padding: 12px;
  }

  .job5-page .job5-filter h2 {
    font-size: 15px;
  }

  .job5-page .job5-filter > label {
    font-size: 11px;
  }
}

@media (max-width: 1280px) {
  .job5-page .job5-layout {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .job5-page .job5-side {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .job5-page .job5-row {
    grid-template-columns: 40px minmax(120px, 1fr) 104px 62px 56px 56px;
  }
}

/* %100 zoom düzeltmesi: İşveren Paneli taşmasız ana düzen */
.talent2-panel-page,
.talent2-panel-page * {
  box-sizing: border-box;
}

.talent2-panel-page {
  grid-template-columns: 250px minmax(0, 1fr);
  overflow-x: hidden;
}

.talent2-panel-main,
.talent2-panel-grid,
.talent2-panel-card,
.talent2-panel-sidebar {
  min-width: 0;
}

.talent2-panel-main {
  padding: 18px 20px 24px;
}

.talent2-panel-grid {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
}

.talent2-panel-kpis {
  gap: 12px;
}

.talent2-panel-kpis article {
  min-width: 0;
  padding: 12px;
}

.talent2-panel-kpis strong {
  font-size: 24px;
}

.talent2-panel-head h1 {
  font-size: 24px;
}

.talent2-panel-head p,
.talent2-panel-card,
.talent2-panel-sidebar nav a {
  font-size: 13px;
}

.talent2-panel-card {
  overflow: hidden;
}

.talent2-panel-card table {
  table-layout: fixed;
}

.talent2-panel-card th,
.talent2-panel-card td {
  padding: 9px 8px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.talent2-status {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1360px) {
  .talent2-panel-page {
    grid-template-columns: 232px minmax(0, 1fr);
  }

  .talent2-panel-grid {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 12px;
  }

  .talent2-panel-main {
    padding-inline: 16px;
  }
}
.jf-eyebrow::before { content: "♙"; font-size: 1.25rem; }
.jf-hero h1 { margin: .2rem 0 .35rem; color: #071b35; font-size: clamp(2.2rem, 4vw, 3.3rem); line-height: 1; }
.jf-hero p { max-width: 58rem; margin: 0; color: #52627a; }
.jf-search { display: grid; grid-template-columns: minmax(16rem, 1.2fr) minmax(13rem, .8fr) 10rem; width: min(100%, 56rem); overflow: hidden; border: 1px solid #d7e0ec; border-radius: 12px; background: #fff; box-shadow: 0 14px 40px rgba(11, 31, 58, .08); }
.jf-search input { width: 100%; min-height: 3.6rem; padding: 0 1.15rem; border: 0; border-inline-end: 1px solid #d7e0ec; outline: 0; }
.jf-search button, .jf-job-card__actions button, .jf-apply-main { border: 0; background: #075cff; color: #fff; font-weight: 800; text-decoration: none; }
.jf-content { padding: .6rem 0 1rem; }
.jf-shell { display: grid; grid-template-columns: 15rem minmax(0, 1fr) 26rem; gap: 1rem; align-items: start; }
.jf-filters, .jf-results, .jf-preview { border: 1px solid #dbe4ef; border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(11, 31, 58, .05); }
.jf-filters { position: sticky; top: 6rem; overflow: hidden; }
.jf-filters__head { display: flex; justify-content: space-between; gap: .75rem; padding: 1rem; border-bottom: 1px solid #e6edf5; }
.jf-filters__head button { border: 0; background: transparent; color: #075cff; font-weight: 700; }
.jf-filters details { padding: .9rem 1rem; border-bottom: 1px solid #edf1f6; }
.jf-filters summary { cursor: pointer; color: #10213d; font-weight: 800; }
.jf-filters summary small { float: right; color: #667085; font-size: .75rem; }
.jf-filters label { display: block; margin-top: .7rem; color: #41516b; font-size: .92rem; }
.jf-filter-search { width: 100%; min-height: 2.35rem; margin-top: .75rem; padding: .45rem .65rem; border: 1px solid #dbe4ef; border-radius: 8px; background: #f8fbff; color: #172033; }
.jf-filter-options { max-height: 15rem; overflow: auto; padding-right: .25rem; scrollbar-width: thin; }
.jf-filter-options label[hidden] { display: none; }
.jf-empty { padding: 2rem; border: 1px dashed #cbd5e1; border-radius: 12px; background: #f8fbff; text-align: center; }
.jf-empty h3 { margin: 0 0 .35rem; color: #071b35; }
.jf-empty p { margin: 0; color: #667085; }
.jf-results { padding: .85rem; }
.jf-mobile-actions { display: none; }
.jf-results__head { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .2rem .2rem .85rem; }
.jf-results__head h2 { margin: 0; font-size: 1.35rem; }
.jf-results__head div { display: flex; gap: .5rem; align-items: center; }
.jf-results__head button, .jf-results__head select { min-height: 2.45rem; border: 1px solid #d7e0ec; border-radius: 9px; background: #fff; color: #33435f; font-weight: 700; }
.jf-results__head button.is-active { border-color: transparent; color: #075cff; }
.jf-job-list { display: grid; gap: .75rem; }
.jf-job-card { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr) 8.8rem; gap: .95rem; padding: .7rem; border: 1px solid #dfe7f2; border-radius: 13px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.jf-job-card.is-selected, .jf-job-card:hover { border-color: #075cff; box-shadow: 0 15px 35px rgba(7, 92, 255, .12); transform: translateY(-1px); }
.jf-job-card img { width: 100%; height: 8.15rem; border-radius: 11px; object-fit: cover; }
.jf-job-card__body { position: relative; min-width: 0; }
.jf-job-card h3, .jf-preview h2, .jf-preview h3 { margin: 0; color: #071b35; }
.jf-job-card p { margin: .15rem 0 .35rem; color: #465873; }
.jf-job-card ul { display: flex; flex-wrap: wrap; gap: .45rem .8rem; padding: 0; margin: 0 0 .55rem; list-style: none; color: #52627a; font-size: .9rem; }
.jf-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.jf-tags span { padding: .25rem .5rem; border: 1px solid #dbe4ef; border-radius: 7px; background: #f3f6fa; color: #53637b; font-size: .78rem; }
.jf-bookmark { position: absolute; top: 0; right: 0; border: 0; background: transparent; color: #31425f; font-size: 1.35rem; }
.jf-job-card__actions { display: grid; align-content: center; gap: .45rem; }
.jf-approved { display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: .35rem .55rem; border: 1px solid #91d8b2; border-radius: 7px; background: #eaf9f0; color: #15803d; font-size: .78rem; font-weight: 800; }
.jf-job-card__actions a, .jf-job-card__actions button { display: inline-flex; min-height: 2.25rem; align-items: center; justify-content: center; border-radius: 8px; font-size: .86rem; text-decoration: none; }
.jf-job-card__actions a { border: 1px solid #075cff; color: #075cff; font-weight: 800; }
.jf-preview { position: sticky; top: 5.25rem; max-height: calc(100vh - 6.25rem); overflow: auto; overscroll-behavior: contain; padding: 1rem; scrollbar-width: thin; }
.jf-preview__close { float: right; border: 0; background: transparent; color: #52627a; font-size: 1.5rem; }
.jf-preview-card { display: grid; grid-template-columns: 7.2rem minmax(0, 1fr); gap: .9rem; align-items: start; margin: .9rem 0 1rem; }
.jf-preview-card img { width: 100%; height: 6.4rem; border-radius: 10px; object-fit: cover; }
.jf-preview-card p, .jf-preview-card span, .jf-preview small { color: #52627a; }
.jf-preview-meta { display: grid; gap: .6rem; padding: 1rem 0; border-top: 1px solid #e3eaf3; border-bottom: 1px solid #e3eaf3; }
.jf-preview-meta p { display: flex; justify-content: space-between; gap: .8rem; margin: 0; color: #52627a; }
.jf-preview-meta b { color: #243651; text-align: right; }
.jf-preview-text { color: #43536b; line-height: 1.55; }
.jf-preview-reqs p { margin: .35rem 0; color: #15803d; font-weight: 700; }
.jf-apply-main { display: flex; min-height: 2.8rem; align-items: center; justify-content: center; margin: 1rem 0 .75rem; border-radius: 9px; }
.jf-pagination { display: flex; justify-content: center; gap: .35rem; margin-top: .85rem; }
.jf-pagination a { display: grid; min-width: 2.2rem; height: 2.2rem; place-items: center; border: 1px solid #dbe4ef; border-radius: 7px; color: #45566f; text-decoration: none; }
.jf-pagination a.is-active { border-color: #075cff; background: #075cff; color: #fff; }
.jf-process { padding: .5rem 0 2rem; }
.jf-flow, .jf-trust { display: grid; gap: .9rem; border: 1px solid #dbe4ef; border-radius: 14px; background: #fff; box-shadow: 0 12px 28px rgba(11, 31, 58, .05); }
.jf-flow { grid-template-columns: 1.35fr repeat(3, minmax(10rem, 1fr)) 1.45fr; align-items: center; padding: 1rem; }
.jf-flow strong { font-size: 1.25rem; }
.jf-flow article { display: flex; gap: .65rem; align-items: flex-start; }
.jf-flow article span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 12px; background: #075cff; color: #fff; font-weight: 900; }
.jf-flow p, .jf-trust p { margin: .15rem 0 0; color: #667085; font-size: .9rem; }
.jf-flow em { padding: .75rem; border-radius: 10px; background: #f1f6ff; color: #344761; font-style: normal; }
.jf-trust { grid-template-columns: repeat(4, 1fr); margin-top: .8rem; padding: 1rem; }
.jf-trust article { padding-inline-start: 1rem; border-inline-start: 4px solid #075cff; }

@media (max-width: 74rem) {
  .jf-shell { grid-template-columns: 1fr; }
  .jf-filters, .jf-preview { position: static; }
  .jf-filters { display: none; }
  .jf-filters.is-open { display: block; }
  .jf-mobile-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: .8rem; }
  .jf-mobile-actions button, .jf-mobile-actions span { min-height: 2.55rem; padding: .55rem .85rem; border: 1px solid #dbe4ef; border-radius: 10px; background: #fff; color: #33435f; font-weight: 800; }
  .jf-mobile-actions button { border-color: #075cff; color: #075cff; }
}

@media (max-width: 48rem) {
  .jf-search, .jf-job-card, .jf-preview-card, .jf-flow, .jf-trust { grid-template-columns: 1fr; }
  .jf-search { border-radius: 16px; }
  .jf-search input { border-inline-end: 0; border-bottom: 1px solid #d7e0ec; }
  .jf-results__head { align-items: stretch; flex-direction: column; }
  .jf-results__head div { flex-wrap: wrap; }
  .jf-job-card img { height: 12rem; }
  .jf-job-card__actions { grid-template-columns: 1fr 1fr; }
  .jf-job-card__actions .jf-approved { grid-column: 1 / -1; }
}

.jobs-page.is-drawer-open {
  overflow: hidden;
}

.jobs-hero {
  padding-block: clamp(2rem, 5vw, 4rem);
  background:
    radial-gradient(circle at 88% 18%, rgba(46, 115, 255, 0.2), transparent 34%),
    linear-gradient(112deg, #07172d 0%, var(--color-navy-950) 58%, #12345b 100%);
  color: var(--color-white);
}

.jobs-hero--compact {
  padding-block: clamp(1.75rem, 4vw, 3rem);
}

.jobs-hero__inner {
  display: grid;
  gap: var(--space-6);
}

.jobs-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: fit-content;
  margin: 0 0 var(--space-3);
  color: #9fc0ff;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.jobs-hero h1,
.jobs-hero h2,
.jobs-hero p {
  color: inherit;
}

.jobs-hero h1 {
  max-width: 54rem;
  margin-bottom: var(--space-3);
}

.jobs-hero p {
  max-width: 52rem;
  margin: 0;
  color: #d6e1ef;
}

.jobs-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.jobs-search {
  display: grid;
  gap: var(--space-3);
  width: min(100%, 61rem);
  padding: var(--space-3);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(10px);
}

.jobs-search__field {
  position: relative;
}

.jobs-search__field svg {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-4);
  width: 1.25rem;
  height: 1.25rem;
  translate: 0 -50%;
  color: var(--color-text-muted);
  pointer-events: none;
}

.jobs-search .form-control,
.jobs-search .form-select {
  min-height: 3.25rem;
  border: 0;
  background-color: var(--color-white);
}

.jobs-search__field .form-control {
  padding-inline-start: 3rem;
}

.jobs-search .btn {
  min-height: 3.25rem;
}

.jobs-content {
  padding-block: clamp(1.5rem, 4vw, 3rem) var(--section-space-mobile);
}

.jobs-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.jobs-toolbar__summary {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.jobs-toolbar__summary strong {
  color: var(--color-text);
}

.jobs-toolbar__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.jobs-sort {
  width: auto;
  min-width: 9.5rem;
}

.jobs-layout {
  display: grid;
  align-items: start;
  gap: var(--space-5);
}

.jobs-results,
.jobs-preview {
  min-width: 0;
}

.jobs-filter {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(100%, 28rem);
  max-width: 100%;
  margin-inline-start: auto;
  translate: 100% 0;
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
  visibility: hidden;
  transition: translate var(--duration-normal) var(--ease-standard), visibility 0s linear var(--duration-normal);
}

.jobs-filter.is-open {
  translate: 0;
  visibility: visible;
  transition-delay: 0s;
}

.jobs-filter__header,
.jobs-filter__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  border-color: var(--color-border);
  background: var(--color-surface);
}

.jobs-filter__header {
  border-bottom: 1px solid var(--color-border);
}

.jobs-filter__footer {
  border-top: 1px solid var(--color-border);
}

.jobs-filter__header h2 {
  margin: 0;
  font-size: var(--font-size-lg);
}

.jobs-filter__body {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-4);
}

.jobs-filter__close {
  flex: 0 0 auto;
}

.jobs-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-modal) - 1);
  background: var(--color-backdrop);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration-normal) var(--ease-standard), visibility 0s linear var(--duration-normal);
}

.jobs-filter-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.jobs-filter-group {
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--color-border);
}

.jobs-filter-group:first-child {
  padding-block-start: 0;
}

.jobs-filter-group:last-child {
  border-bottom: 0;
}

.jobs-filter-group__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: var(--touch-target-min);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-align: start;
}

.jobs-filter-group__title::after {
  width: 0.55rem;
  height: 0.55rem;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  rotate: 45deg;
  content: "";
  transition: rotate var(--duration-fast) var(--ease-standard);
}

.jobs-filter-group__title[aria-expanded="false"]::after {
  rotate: -45deg;
}

.jobs-filter-group__options {
  display: grid;
  gap: var(--space-2);
  max-height: 14rem;
  overflow-y: auto;
  padding-block-start: var(--space-2);
  scrollbar-gutter: stable;
}

.jobs-filter-group__options[hidden] {
  display: none;
}

.jobs-filter-search {
  margin-bottom: var(--space-2);
}

.jobs-check {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-2);
  min-height: 2.25rem;
  padding: var(--space-2);
  border-radius: var(--radius-sm);
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}

.jobs-check:hover {
  background: var(--color-blue-50);
}

.jobs-check input {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1rem;
  accent-color: var(--color-primary);
}

.jobs-check small {
  color: var(--color-text-muted);
}

.jobs-selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.jobs-selected-filters:empty {
  display: none;
}

.jobs-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.25rem;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-blue-100);
  border-radius: var(--radius-pill);
  background: var(--color-blue-50);
  color: var(--color-navy-950);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

.jobs-filter-chip button {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
}

.jobs-list {
  display: grid;
  gap: var(--space-4);
}

.talent-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.talent-stats article {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
  min-height: 5.5rem;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.talent-stats span {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 1rem;
  color: var(--color-primary);
  background: var(--color-blue-50);
}

.talent-stats span svg {
  width: 1.55rem;
  height: 1.55rem;
}

.talent-stats strong {
  display: block;
  color: var(--color-navy-950);
  font-size: 1.45rem;
  line-height: 1;
}

.talent-stats small {
  display: block;
  margin-top: .25rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.job-card,
.talent-card {
  position: relative;
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
  transition: border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), translate var(--duration-fast) var(--ease-standard);
}

.job-card:hover,
.job-card:focus-within,
.talent-card:hover,
.talent-card:focus-within,
.job-card.is-selected,
.talent-card.is-selected {
  border-color: #a9c5ff;
  box-shadow: var(--shadow-sm);
  translate: 0 -1px;
}

.job-card__top,
.talent-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}

.job-card__identity,
.talent-card__identity {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  gap: var(--space-3);
}

.job-card__logo,
.talent-card__avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-blue-50);
  color: var(--color-primary);
  font-weight: var(--font-weight-extrabold);
}

.talent-card__avatar {
  border-radius: 50%;
}

.talent-card__avatar img,
.job-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-card h2,
.job-card h3,
.talent-card h2,
.talent-card h3 {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-heading);
}

.job-card h2 a,
.job-card h3 a,
.talent-card h2 a,
.talent-card h3 a {
  color: var(--color-text);
  text-decoration: none;
}

.job-card h2 a::after,
.job-card h3 a::after,
.talent-card h2 a::after,
.talent-card h3 a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.job-card__company,
.talent-card__profession {
  margin: var(--space-1) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.job-card__meta,
.talent-card__meta,
.jobs-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin: 0;
  padding: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  list-style: none;
}

.job-card__meta li,
.talent-card__meta li,
.jobs-detail__meta li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.job-card__meta svg,
.talent-card__meta svg,
.jobs-detail__meta svg {
  width: 1rem;
  height: 1rem;
}

.job-card__description,
.talent-card__description {
  margin: 0;
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}

.job-card__footer,
.talent-card__footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.job-card__actions,
.talent-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.job-card__save,
.talent-card__save {
  position: relative;
  z-index: 2;
}

.talent-card--pro {
  gap: var(--space-3);
  padding: var(--space-4);
}

.talent-card--pro .talent-card__avatar {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: var(--radius-lg);
}

.talent-card--pro .talent-card__identity {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.talent-card--pro .talent-card__identity > div {
  min-width: 0;
}

.talent-card--pro h2,
.talent-card--pro h3,
.talent-card--pro .talent-card__profession,
.talent-card--pro .talent-card__description,
.talent-card--pro .talent-card__meta li,
.talent-card--pro .badge,
.talent-card--pro .talent-badge {
  overflow-wrap: anywhere;
  word-break: normal;
}

.talent-card__online {
  position: absolute;
  left: 4.55rem;
  top: 4.25rem;
  width: .85rem;
  height: .85rem;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #20c46b;
}

.talent-card--pro .talent-card__profession {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

.talent-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.talent-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  padding: .25rem .55rem;
  border-radius: var(--radius-sm);
  font-size: .76rem;
  font-weight: var(--font-weight-bold);
}

.talent-badge--success {
  color: #067647;
  background: #e8f8ef;
}

.talent-badge--blue {
  color: #075bd8;
  background: #eaf2ff;
}

.talent-badge--warning {
  color: #8a5a00;
  background: #fff3cf;
}

.talent-card__actions--pro {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
}

.talent-card__actions--pro .btn {
  min-width: 0;
  white-space: normal;
}

.talent-card__actions--pro .btn:first-child {
  grid-column: auto;
}

.talent-card__actions--pro svg,
.talent-preview-card .btn svg,
.candidate-action-card .btn svg,
.candidate-action-card h2 svg {
  width: 1rem;
  height: 1rem;
}

.talent-preview-card {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.talent-preview-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-navy-950);
  font-weight: var(--font-weight-bold);
}

.talent-preview-card__profile {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .3rem;
  text-align: center;
}

.talent-preview-card__profile img,
.talent-preview-card__avatar {
  display: grid;
  width: 6.75rem;
  height: 6.75rem;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--color-blue-50);
  object-fit: cover;
  color: var(--color-primary);
  font-size: 1.7rem;
  font-weight: var(--font-weight-extrabold);
}

.talent-preview-card__profile .talent-card__online {
  left: calc(50% + 2rem);
  top: 5.5rem;
}

.talent-preview-card__profile h2 {
  margin: .6rem 0 0;
  color: var(--color-navy-950);
  font-size: 1.35rem;
}

.talent-preview-card__profile p {
  margin: 0;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

.talent-preview-card__profile small {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: var(--color-text-muted);
}

.talent-preview-card__box {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.talent-preview-card__box h3 {
  margin-bottom: var(--space-3);
}

.talent-ring {
  display: grid;
  width: 5.4rem;
  height: 5.4rem;
  place-items: center;
  margin-inline: auto;
  border-radius: 50%;
  background: conic-gradient(#10a861 var(--value), #e6edf5 0);
}

.talent-ring strong,
.talent-ring span {
  grid-area: 1 / 1;
}

.talent-ring strong {
  color: var(--color-navy-950);
  font-size: 1.15rem;
}

.talent-ring span {
  margin-top: 1.65rem;
  color: #067647;
  font-size: .72rem;
  font-weight: var(--font-weight-bold);
}

.candidate-profile-page {
  display: grid;
  grid-template-columns: 20rem minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}

.candidate-profile-card {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.candidate-profile-photo {
  width: 100%;
  aspect-ratio: 1 / .78;
  border-radius: var(--radius-md);
  object-fit: cover;
  background: var(--color-blue-50);
}

.candidate-profile-photo--empty {
  display: grid;
  place-items: center;
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: var(--font-weight-extrabold);
}

.candidate-profile-card h2 {
  margin: 0;
  color: var(--color-navy-950);
  font-size: 2rem;
}

.candidate-profile-card p {
  margin: -.75rem 0 0;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

.candidate-profile-card small {
  display: inline-flex;
  gap: .35rem;
  align-items: center;
  color: var(--color-text-muted);
}

.candidate-strength {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.candidate-strength ul,
.candidate-doc-list,
.candidate-timeline {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.candidate-strength li {
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}

.candidate-strength li::before {
  margin-right: .4rem;
  color: #10a861;
  content: "✓";
  font-weight: var(--font-weight-bold);
}

.candidate-profile-main {
  display: grid;
  gap: var(--space-5);
}

.candidate-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.candidate-profile-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.candidate-timeline li {
  position: relative;
  padding-left: 1.4rem;
}

.candidate-timeline li::before {
  position: absolute;
  left: 0;
  top: .25rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: var(--color-primary);
  content: "";
}

.candidate-timeline strong,
.candidate-timeline span,
.candidate-doc-list strong,
.candidate-doc-list small {
  display: block;
}

.candidate-timeline strong {
  color: var(--color-primary);
}

.candidate-timeline span,
.candidate-doc-list strong {
  color: var(--color-navy-950);
  font-weight: var(--font-weight-bold);
}

.candidate-timeline small,
.candidate-doc-list small {
  color: var(--color-text-muted);
}

.candidate-doc-list li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.candidate-doc-list li:last-child {
  border-bottom: 0;
}

.candidate-doc-list svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-primary);
}

.candidate-action-card {
  display: grid;
  gap: var(--space-3);
}

.candidate-action-card h2 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.jobs-detail-card {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.jobs-detail-card__header,
.jobs-detail-card__body,
.jobs-detail-card__footer {
  padding: var(--space-5);
}

.jobs-detail-card__header {
  border-bottom: 1px solid var(--color-border);
}

.jobs-detail-card__header h2,
.jobs-detail-card__header h1 {
  margin-bottom: var(--space-2);
}

.jobs-detail-card__body {
  display: grid;
  gap: var(--space-6);
}

.jobs-detail-card__footer {
  border-top: 1px solid var(--color-border);
  background: var(--color-canvas-alt);
}

.jobs-detail-section h2,
.jobs-detail-section h3 {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-lg);
}

.jobs-detail-section p:last-child,
.jobs-detail-section ul:last-child {
  margin-bottom: 0;
}

.jobs-detail-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.jobs-facts {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.jobs-facts > div {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-canvas-alt);
}

.jobs-facts dt {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.jobs-facts dd {
  margin: 0;
  color: var(--color-text);
  font-weight: var(--font-weight-semibold);
}

.jobs-side-card {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.jobs-side-card h2,
.jobs-side-card h3 {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-lg);
}

.jobs-side-card--sticky {
  position: sticky;
  top: calc(var(--ua-shell-header-height, 4rem) + var(--space-4));
}

.jobs-detail-layout {
  display: grid;
  align-items: start;
  gap: var(--space-6);
}

.jobs-status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 1.75rem;
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-canvas-alt);
  color: var(--color-text-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

.jobs-status::before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.jobs-status--success { color: var(--color-success-strong); background: var(--color-success-bg); border-color: var(--color-success-border); }
.jobs-status--warning { color: var(--color-warning); background: var(--color-warning-bg); border-color: var(--color-warning-border); }
.jobs-status--danger { color: var(--color-danger); background: var(--color-danger-bg); border-color: var(--color-danger-border); }
.jobs-status--info { color: var(--color-primary); background: var(--color-blue-50); border-color: var(--color-blue-100); }

.jobs-auth-gate {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-info-border);
  border-radius: var(--radius-lg);
  background: var(--color-info-bg);
}

.jobs-auth-gate h2,
.jobs-auth-gate p {
  margin: 0;
}

.jobs-form {
  display: grid;
  gap: var(--space-6);
}

.jobs-form-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.jobs-form-card__heading {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.jobs-form-card__step {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--color-blue-50);
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
}

.jobs-form-card__heading h2 {
  margin: 0 0 var(--space-1);
  font-size: var(--font-size-xl);
}

.jobs-form-card__heading p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.jobs-form-grid {
  display: grid;
  gap: var(--space-4);
}

.jobs-form-grid__full {
  grid-column: 1 / -1;
}

.jobs-form__actions {
  position: sticky;
  inset-block-end: var(--space-3);
  z-index: var(--z-sticky);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(10px);
}

.jobs-inline-error {
  color: var(--color-danger);
  font-size: var(--font-size-sm);
}

.jobs-dashboard-summary {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: var(--space-6);
}

.jobs-stat {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.jobs-stat strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-navy-950);
  font-size: var(--font-size-2xl);
}

.jobs-stat span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.jobs-dashboard-grid {
  display: grid;
  align-items: start;
  gap: var(--space-6);
}

.jobs-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.jobs-table {
  min-width: 48rem;
}

.jobs-table th,
.jobs-table td {
  padding: var(--space-4);
  border-bottom: 1px solid var(--color-border);
  vertical-align: top;
}

.jobs-table th {
  background: var(--color-canvas-alt);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.jobs-table tr:last-child td {
  border-bottom: 0;
}

.jobs-table__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.jobs-application-card {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.jobs-application-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}

.jobs-application-card h2,
.jobs-application-card h3,
.jobs-application-card p {
  margin-bottom: 0;
}

.jobs-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.jobs-progress li {
  min-height: 0.35rem;
  border-radius: var(--radius-pill);
  background: var(--color-border);
  font-size: 0;
}

.jobs-progress li.is-complete {
  background: var(--color-primary);
}

.jobs-skeleton {
  min-height: 8rem;
  border-radius: var(--radius-lg);
  background: linear-gradient(90deg, var(--color-surface-muted) 25%, var(--color-surface) 50%, var(--color-surface-muted) 75%);
  background-size: 200% 100%;
  animation: jobs-shimmer 1.4s infinite;
}

@keyframes jobs-shimmer {
  to { background-position: -200% 0; }
}

.jobs-toast-region {
  position: fixed;
  inset-block-start: calc(var(--ua-shell-header-height, 4rem) + var(--space-4));
  inset-inline-end: var(--space-4);
  z-index: var(--z-toast);
  display: grid;
  gap: var(--space-2);
  width: min(calc(100% - 2rem), 24rem);
}

.jobs-toast {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-inline-start: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
  color: var(--color-text);
  font-size: var(--font-size-sm);
}

.jobs-toast--success { border-inline-start-color: var(--color-success); }
.jobs-toast--danger { border-inline-start-color: var(--color-danger); }

.jobs-empty {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  padding: clamp(2rem, 7vw, 4rem) var(--space-5);
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  text-align: center;
}

.jobs-empty__icon {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--color-blue-50);
  color: var(--color-primary);
}

.jobs-empty h2,
.jobs-empty h3,
.jobs-empty p {
  margin: 0;
}

.jobs-empty p {
  max-width: 34rem;
  color: var(--color-text-muted);
}

.jobs-confirm {
  width: min(calc(100% - 2rem), 34rem);
  max-height: calc(100vh - 2rem);
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

.jobs-confirm::backdrop {
  background: var(--color-backdrop);
}

.jobs-confirm__inner {
  padding: var(--space-6);
}

.jobs-confirm__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

@media (min-width: 40rem) {
  .jobs-search {
    grid-template-columns: minmax(0, 1.25fr) minmax(10rem, 0.65fr) minmax(10rem, 0.65fr) auto;
  }

  .jobs-form-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jobs-form-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .jobs-dashboard-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .job-card,
  .talent-card {
    padding: var(--space-6);
  }

  .jobs-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .jobs-content {
    padding-bottom: var(--section-space-desktop);
  }

  .jobs-layout {
    grid-template-columns: 17rem minmax(0, 1fr);
  }

  .jobs-layout--preview .jobs-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jobs-layout--talent-full {
    grid-template-columns: 17rem minmax(0, 1fr);
  }

  .jobs-layout--talent-full .jobs-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .jobs-filter {
    position: static;
    top: auto;
    z-index: auto;
    display: block;
    width: auto;
    max-height: none;
    overflow: visible;
    translate: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
    visibility: visible;
  }

  .jobs-filter__header {
    position: static;
    top: 0;
    z-index: 1;
  }

  .jobs-filter__footer {
    position: static;
    bottom: 0;
  }

  .jobs-filter__body {
    overflow: visible;
    max-height: none;
  }

  .jobs-filter__close,
  .jobs-filter-backdrop,
  .jobs-filter-open {
    display: none !important;
  }

  .jobs-dashboard-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(19rem, 0.6fr);
  }

  .jobs-detail-layout {
    grid-template-columns: minmax(0, 1fr) 21rem;
  }
}

@media (min-width: 80rem) {
  .jobs-layout--preview {
    grid-template-columns: 17rem minmax(40rem, 1fr) minmax(18rem, 0.42fr);
  }

  .jobs-layout--preview .jobs-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .jobs-layout--talent-full .jobs-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .jobs-preview {
    position: sticky;
    top: calc(var(--ua-shell-header-height, 4rem) + var(--space-4));
    max-height: calc(100vh - var(--ua-shell-header-height, 4rem) - 2rem);
    overflow-y: auto;
  }
}

@media (min-width: 94rem) {
  .jobs-layout--preview .jobs-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .jobs-layout--talent-full .jobs-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 63.999rem) {
  .jobs-filter {
    inset: auto 0 0;
    width: 100%;
    max-height: min(82vh, 44rem);
    margin: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    translate: 0 100%;
  }

  .jobs-filter.is-open {
    position: relative;
    inset: auto;
    z-index: 2;
    display: block;
    max-height: none;
    overflow: visible;
    translate: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
  }

  .jobs-filter.is-open .jobs-filter__body {
    overflow: visible;
    max-height: none;
  }

  .jobs-filter.is-open + .jobs-filter-backdrop {
    display: none;
  }

  .jobs-filter__header::before {
    position: absolute;
    top: .55rem;
    left: 50%;
    width: 3rem;
    height: .28rem;
    border-radius: var(--radius-pill);
    background: var(--color-border);
    translate: -50% 0;
    content: "";
  }

  .jobs-filter__header {
    position: relative;
    padding-top: var(--space-6);
  }

  .talent-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .candidate-profile-page,
  .candidate-profile-grid,
  .candidate-profile-grid--three {
    grid-template-columns: 1fr;
  }

  .jobs-filter__footer .btn {
    flex: 1 1 9rem;
  }
}

@media (max-width: 39.999rem) {
  .jobs-hero__actions,
  .jobs-toolbar__controls,
  .job-card__footer,
  .talent-card__footer,
  .job-card__actions,
  .talent-card__actions,
  .jobs-form__actions,
  .jobs-confirm__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .jobs-hero__actions .btn,
  .jobs-toolbar__controls > *,
  .job-card__actions .btn,
  .talent-card__actions .btn,
  .jobs-form__actions .btn,
  .jobs-confirm__actions .btn {
    width: 100%;
  }

  .jobs-sort {
    width: 100%;
  }

  .jobs-dashboard-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .talent-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .talent-card--pro .talent-card__top,
  .talent-card--pro .talent-card__identity {
    align-items: center;
  }

  .talent-card__actions--pro {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jobs-filter,
  .jobs-filter-backdrop,
  .job-card,
  .talent-card {
    transition: none;
  }

  .jobs-skeleton {
    animation: none;
    background: var(--color-surface-muted);
  }
}

@media (forced-colors: active) {
  .jobs-filter-chip,
  .jobs-status,
  .jobs-empty {
    border: 1px solid CanvasText;
  }
}

@media print {
  .jobs-hero,
  .jobs-filter,
  .jobs-filter-backdrop,
  .jobs-toolbar__controls,
  .jobs-form__actions,
  .jobs-toast-region,
  .job-card__actions,
  .talent-card__actions {
    display: none !important;
  }

  .jobs-layout,
  .jobs-detail-layout,
  .jobs-dashboard-grid {
    display: block;
  }
}

/* İş Ara 2026 kapsamlı tasarım */
.job1-page {
  --job1-blue: #1266f1;
  --job1-navy: #071f3f;
  --job1-ink: #07182f;
  --job1-muted: #60718b;
  --job1-line: #d8e4f5;
  --job1-soft: #f3f7fd;
  background: linear-gradient(180deg, #f4f8ff 0%, #eef5ff 48%, #f8fbff 100%);
  color: var(--job1-ink);
  font-size: 14px;
  line-height: 1.45;
  min-height: 100vh;
  padding: 28px 0 56px;
}

.job1-container {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
}

.job1-hero,
.job1-profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 20px;
}

.job1-hero > div:first-child,
.job1-profile-hero > div,
.job1-profile-hero > aside,
.job1-panel-head,
.job1-filter,
.job1-preview,
.job1-cards article,
.job1-form-card,
.job1-side-stack article,
.job1-account-nav,
.job1-board-card,
.job1-application-list article,
.job1-saved-grid article,
.job1-request-grid article {
  border: 1px solid var(--job1-line);
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 44px rgba(7,31,63,.08);
}

.job1-hero > div:first-child,
.job1-profile-hero > div {
  min-height: 210px;
  padding: 34px 38px;
  background:
    linear-gradient(105deg, rgba(255,255,255,.98), rgba(235,244,255,.88)),
    url("../assets/images/content/hero-insaat.webp") center/cover;
  overflow: hidden;
}

.job1-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--job1-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.job1-hero h1,
.job1-profile-hero h1,
.job1-panel-head h1 {
  max-width: 820px;
  margin: 10px 0 8px;
  color: #061735;
  font-size: clamp(28px, 3.1vw, 48px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.job1-hero p,
.job1-profile-hero p,
.job1-panel-head p {
  max-width: 680px;
  margin: 0;
  color: var(--job1-muted);
  font-size: 16px;
}

.job1-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.job1-stats article,
.job1-kpis article {
  display: grid;
  gap: 4px;
  align-content: center;
  min-height: 98px;
  padding: 18px;
  border: 1px solid var(--job1-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(7,31,63,.07);
}

.job1-stats strong,
.job1-kpis strong {
  color: #061735;
  font-size: 28px;
  line-height: 1;
}

.job1-stats span,
.job1-kpis span {
  color: var(--job1-muted);
  font-size: 13px;
}

.job1-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.job1-filter {
  position: sticky;
  top: 92px;
  padding: 18px;
}

.job1-filter > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

.job1-filter h2,
.job1-preview h2,
.job1-form-card h2,
.job1-board-card h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: -.02em;
}

.job1-filter button,
.job1-toolbar button,
.job1-cards button,
.job1-application-list button,
.job1-saved-grid button,
.job1-request-grid button {
  border: 0;
  background: transparent;
  color: var(--job1-blue);
  font-weight: 800;
  cursor: pointer;
}

.job1-filter label,
.job1-form-card label {
  display: grid;
  gap: 7px;
  margin: 12px 0;
  color: #33435d;
  font-size: 13px;
  font-weight: 800;
}

.job1-filter input,
.job1-filter select,
.job1-form-card input,
.job1-form-card select,
.job1-form-card textarea {
  width: 100%;
  border: 1px solid #cbd9ed;
  border-radius: 10px;
  background: #fff;
  color: #061735;
  font: inherit;
  font-size: 13px;
  padding: 11px 12px;
}

.job1-form-card textarea {
  min-height: 96px;
  resize: vertical;
}

.job1-filter fieldset {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid #dbe6f5;
  border-radius: 12px;
}

.job1-filter legend {
  color: #33435d;
  font-size: 13px;
  font-weight: 900;
}

.job1-filter fieldset label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 700;
}

.job1-filter fieldset input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  padding: 0;
  accent-color: var(--job1-blue);
}

.job1-btn,
.job1-preview a,
.job1-cards footer a,
.job1-saved-grid footer a,
.job1-request-grid footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #a9c4ee;
  border-radius: 10px;
  background: #fff;
  color: var(--job1-blue);
  font-weight: 900;
  text-decoration: none;
}

.job1-btn--primary,
.job1-preview a,
.job1-cards footer a,
.job1-saved-grid footer a,
.job1-request-grid footer a {
  border-color: var(--job1-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
  color: #fff;
  box-shadow: 0 12px 24px rgba(18,102,241,.22);
}

.job1-toolbar,
.job1-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid var(--job1-line);
  border-radius: 14px;
  background: rgba(255,255,255,.86);
}

.job1-toolbar label {
  color: var(--job1-muted);
  font-weight: 800;
}

.job1-toolbar select {
  border: 1px solid #cbd9ed;
  border-radius: 10px;
  padding: 9px 10px;
}

.job1-toolbar div {
  display: flex;
  gap: 6px;
}

.job1-toolbar button,
.job1-tabs a {
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #253b59;
  text-decoration: none;
}

.job1-toolbar .is-active,
.job1-tabs .is-active {
  border-color: var(--job1-blue);
  background: #eaf2ff;
  color: var(--job1-blue);
}

.job1-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.job1-cards article {
  position: relative;
  padding: 18px;
}

.job1-logo,
.job1-avatar {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #062554;
  color: #fff;
  font-weight: 950;
}

.job1-logo.orange { background: #f58220; }
.job1-logo.yellow { background: #ffc20d; color: #061735; }
.job1-logo.blue { background: #1764d8; }
.job1-logo.dark { background: #111827; }
.job1-logo.purple { background: #6d5dfc; }

.job1-cards h2,
.job1-application-list h2,
.job1-saved-grid h2,
.job1-request-grid h2 {
  margin: 12px 0 3px;
  color: #07182f;
  font-size: 18px;
  letter-spacing: -.02em;
}

.job1-cards p,
.job1-saved-grid p,
.job1-request-grid p {
  margin: 0 0 10px;
  color: var(--job1-muted);
}

.job1-cards ul,
.job1-request-grid ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 12px 0;
  list-style: none;
  color: #40516c;
  font-size: 13px;
}

.job1-cards em,
.job1-status,
.job1-ok {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: #dcfce7;
  color: #087a38;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.job1-status.blue { background: #e6f0ff; color: #0758d8; }
.job1-status.orange { background: #fff1d0; color: #b45309; }
.job1-status.green { background: #dcfce7; color: #087a38; }
.job1-status.red { background: #fee2e2; color: #b91c1c; }

.job1-cards footer,
.job1-form-card footer,
.job1-application-list footer,
.job1-saved-grid footer,
.job1-request-grid footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}

.job1-cards footer > *,
.job1-saved-grid footer > *,
.job1-request-grid footer > * {
  flex: 1;
}

.job1-preview {
  position: sticky;
  top: 92px;
  padding: 20px;
}

.job1-preview h3 {
  margin: 14px 0 4px;
  font-size: 24px;
  letter-spacing: -.03em;
}

.job1-preview b {
  display: block;
  margin: 12px 0;
  color: var(--job1-blue);
  font-size: 22px;
}

.job1-preview hr {
  border: 0;
  border-top: 1px solid var(--job1-line);
  margin: 18px 0;
}

.job1-preview h4 {
  margin: 14px 0 6px;
}

.job1-profile-hero > aside {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 8px;
  padding: 28px;
}

.job1-avatar {
  width: 76px;
  height: 76px;
  border-radius: 999px;
  font-size: 22px;
}

.job1-progress {
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5edf7;
}

.job1-progress i,
.job1-pipeline i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffc20d, #1266f1);
}

.job1-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.job1-form-card {
  padding: 22px;
}

.job1-form-card h2 + .job1-form-grid {
  margin-top: 12px;
}

.job1-form-card h2:not(:first-child) {
  margin-top: 22px;
}

.job1-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

.job1-side-stack {
  display: grid;
  gap: 14px;
}

.job1-side-stack article {
  padding: 20px;
}

.job1-side-stack h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.job1-side-stack ul {
  margin: 0;
  padding-left: 18px;
  color: #42536d;
}

.job1-side-stack strong {
  display: block;
  color: var(--job1-blue);
  font-size: 34px;
}

.job1-account {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 18px;
}

.job1-account-nav {
  position: sticky;
  top: 92px;
  padding: 22px;
}

.job1-account-nav h2 {
  margin: 12px 0 0;
  font-size: 22px;
}

.job1-account-nav p {
  margin: 4px 0 18px;
  color: var(--job1-muted);
}

.job1-account-nav a {
  display: block;
  margin-top: 8px;
  padding: 12px;
  border-radius: 12px;
  color: #253b59;
  font-weight: 850;
  text-decoration: none;
}

.job1-account-nav a.is-active,
.job1-account-nav a:hover {
  background: #eaf2ff;
  color: var(--job1-blue);
}

.job1-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 24px;
}

.job1-panel-head h1 {
  font-size: clamp(26px, 2.4vw, 38px);
}

.job1-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.job1-dashboard-grid,
.job1-application-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
  gap: 18px;
  margin-bottom: 18px;
}

.job1-board-card,
.job1-application-list article,
.job1-saved-grid article,
.job1-request-grid article {
  padding: 20px;
}

.job1-pipeline {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
}

.job1-pipeline i {
  height: 9px;
  background: #1266f1;
}

.job1-events {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job1-events li {
  display: grid;
  gap: 3px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--job1-line);
}

.job1-events em {
  justify-self: start;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--job1-blue);
  font-style: normal;
  font-weight: 900;
}

.job1-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
  font-size: 13px;
}

.job1-table th,
.job1-table td {
  padding: 12px;
  border-bottom: 1px solid var(--job1-line);
  text-align: left;
}

.job1-application-layout {
  grid-template-columns: 270px minmax(0, 1fr);
}

.job1-application-list {
  display: grid;
  gap: 14px;
}

.job1-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}

.job1-steps b {
  padding: 9px;
  border-radius: 10px;
  background: #edf3fb;
  color: #60718b;
  font-size: 12px;
  text-align: center;
}

.job1-steps b.done {
  background: #e6f0ff;
  color: var(--job1-blue);
}

.job1-tabs {
  justify-content: flex-start;
  margin-bottom: 18px;
}

.job1-saved-grid,
.job1-request-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.job1-saved-grid article > span {
  display: block;
  color: var(--job1-blue);
  font-size: 18px;
  font-weight: 950;
}

@media (max-width: 1180px) {
  .job1-hero,
  .job1-profile-hero,
  .job1-layout,
  .job1-form-layout,
  .job1-account,
  .job1-dashboard-grid,
  .job1-application-layout {
    grid-template-columns: 1fr;
  }

  .job1-filter,
  .job1-preview,
  .job1-account-nav {
    position: static;
  }

  .job1-cards,
  .job1-saved-grid,
  .job1-request-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .job1-container {
    width: min(100% - 24px, 1440px);
  }

  .job1-page {
    padding-top: 16px;
  }

  .job1-hero > div:first-child,
  .job1-profile-hero > div,
  .job1-panel-head {
    padding: 22px;
  }

  .job1-stats,
  .job1-kpis,
  .job1-cards,
  .job1-form-grid,
  .job1-saved-grid,
  .job1-request-grid,
  .job1-steps {
    grid-template-columns: 1fr;
  }

  .job1-panel-head,
  .job1-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Başvurularım son düzeltme: tıklanabilir satır, küçük punto, taşma yok */
.job3-page {
  font-size: 13px;
}

.job3-page .job3-board {
  grid-template-columns: 250px minmax(0, 1fr) 410px;
}

.job3-page .job3-row {
  grid-template-columns: 48px minmax(0, 1fr) 128px 104px 86px;
  gap: 10px;
  min-height: 64px;
  cursor: pointer;
}

.job3-page .job3-row:hover {
  background: #f8fbff;
}

.job3-page .job3-row.is-selected {
  background: linear-gradient(90deg, rgba(22,101,216,.08), #fff);
  box-shadow: inset 3px 0 0 #1665d8;
}

.job3-page .job3-row:focus-visible,
.job3-page .job3-row > a:focus-visible,
.job3-page .job3-detail-actions a:focus-visible,
.job3-page .job3-permission button:focus-visible {
  outline: 3px solid rgba(22,101,216,.24);
  outline-offset: 2px;
}

.job3-page .job3-row .job3-logo {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 46px;
  height: 46px;
  font-size: 10px;
}

.job3-page .job3-row h3 {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  font-size: 13px !important;
  line-height: 1.18;
  align-self: center;
}

.job3-page .job3-row p {
  margin: 0;
  font-size: 11px !important;
  white-space: nowrap;
}

.job3-page .job3-row p:nth-of-type(1) {
  grid-column: 3;
  grid-row: 1;
}

.job3-page .job3-row p:nth-of-type(2) {
  grid-column: 3;
  grid-row: 2;
}

.job3-page .job3-row .job3-pill {
  grid-column: 4;
  grid-row: 1 / span 2;
  min-width: 90px;
  padding: 6px 7px;
  font-size: 11px !important;
  align-self: center;
}

.job3-page .job3-row > a {
  grid-column: 5;
  grid-row: 1 / span 2;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px !important;
  white-space: nowrap;
  align-self: center;
}

.job3-page .job3-filter-card h2,
.job3-page .job3-detail-card h2 {
  font-size: 17px;
}

.job3-page .job3-check,
.job3-page .job3-select,
.job3-page .job3-filter-card button,
.job3-page .job3-detail-head h3,
.job3-page .job3-message h3,
.job3-page .job3-timeline h3 {
  font-size: 13px;
}

.job3-page .job3-detail-actions a {
  font-size: 12px;
  min-height: 34px;
  white-space: nowrap;
}

.job3-page .job3-timeline b {
  font-size: 11px;
  text-align: right;
}

.job4-actions button.is-added {
  border-color: rgba(0,143,75,.28);
  background: #e7f8ee;
  color: #07843d;
}

.job4-row.is-removing {
  opacity: 0;
  transform: translateX(16px);
  transition: opacity .18s ease, transform .18s ease;
}

.job4-empty-compare {
  display: block !important;
  padding: 10px 12px;
  border: 1px dashed #cddaf0;
  border-radius: 10px;
  color: #62728a;
  font-size: 12px;
  line-height: 1.35;
}

.job4-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid #bfd4f4;
  border-radius: 12px;
  background: #082348;
  color: #fff;
  box-shadow: 0 18px 38px rgba(5,25,54,.22);
  font-size: 13px;
  font-weight: 800;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.job4-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.job3-page .job3-detail-head p,
.job3-page .job3-message p,
.job3-page .job3-timeline p,
.job3-page .job3-permission p {
  font-size: 12px;
}

@media (max-width: 1280px) {
  .job3-page .job3-board {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .job3-page .job3-detail-card {
    grid-column: 1 / -1;
    position: static;
  }
}

@media (max-width: 980px) {
  .job3-page .job3-row {
    grid-template-columns: 48px minmax(0, 1fr) 92px;
  }

  .job3-page .job3-row p,
  .job3-page .job3-row .job3-pill,
  .job3-page .job3-row > a {
    grid-column: 2 / -1;
    grid-row: auto;
  }
}

/* Kaydettiğim İlanlar son düzeltme: %100 zoomda taşmasız, küçük punto */
.job4-page .job4-layout {
  grid-template-columns: minmax(0, 1fr) 360px;
}

.job4-page .job4-main {
  min-width: 0;
  overflow: hidden;
}

.job4-page .job4-side {
  min-width: 0;
}

.job4-page .job4-filters {
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(120px, .8fr)) 132px;
  gap: 10px;
}

.job4-page .job4-filters label,
.job4-page .job4-filters button {
  min-width: 0;
  min-height: 36px;
  font-size: 12px;
}

.job4-page .job4-row {
  grid-template-columns: 20px 76px minmax(170px, 1fr) 86px 108px 178px;
  gap: 8px;
  min-height: 70px;
  padding: 7px 8px;
}

.job4-page .job4-company {
  width: 70px;
  height: 44px;
  font-size: 10px;
}

.job4-page .job4-company small {
  font-size: 7px;
}

.job4-page .job4-row h3 {
  font-size: 12px !important;
  line-height: 1.18;
  margin-bottom: 5px;
}

.job4-page .job4-row p,
.job4-page .job4-row strong small,
.job4-page .job4-date small {
  font-size: 10px !important;
}

.job4-page .job4-row strong,
.job4-page .job4-row p b {
  font-size: 11px !important;
}

.job4-page .job4-date {
  padding: 6px 8px;
  min-width: 104px;
}

.job4-page .job4-actions {
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.job4-page .job4-actions a,
.job4-page .job4-actions button {
  min-height: 29px;
  padding: 5px 6px;
  font-size: 11px !important;
  white-space: nowrap;
}

.job4-page .job4-side-card h2 {
  font-size: 15px;
}

.job4-page .job4-compare span,
.job4-page .job4-alerts span,
.job4-page .job4-note b {
  font-size: 12px;
}

.job4-page .job4-note p,
.job4-page .job4-alerts b {
  font-size: 11px;
}

@media (max-width: 1320px) {
  .job4-page .job4-layout {
    grid-template-columns: 1fr;
  }

  .job4-page .job4-side {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* %100 zoom: İş Ara grubu ve kayıt/panel sayfaları son güvenlik katmanı */
.job3-page *,
.job4-page *,
.job5-page *,
.talent2-panel-page *,
.talent2-register * {
  box-sizing: border-box;
}

.job3-page :where(.job3-board, .job3-list-panel, .job3-detail-card),
.job4-page :where(.job4-layout, .job4-main, .job4-side),
.job5-page :where(.job5-layout, .job5-filter, .job5-results, .job5-side),
.talent2-panel-page :where(.talent2-panel-main, .talent2-panel-grid, .talent2-panel-card, .talent2-panel-sidebar),
.talent2-register,
.talent2-register > *,
.talent2-register-form,
.talent2-register-form label {
  min-width: 0;
}

.job5-page .job5-layout {
  grid-template-columns: 248px minmax(0, 1fr) 292px;
  gap: 12px;
}

.job5-page .job5-list {
  padding: 0 10px 12px;
}

.job5-page .job5-results-head {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) auto;
  gap: 8px;
  padding: 12px 12px 8px;
}

.job5-page .job5-results-head h2 {
  font-size: 15px;
  white-space: nowrap;
}

.job5-page .job5-row {
  grid-template-columns: 42px minmax(132px, 1fr) 112px 66px 58px 58px;
  gap: 6px;
  min-height: 60px;
  padding: 7px 0;
}

.job5-page .job5-logo {
  width: 38px;
  height: 38px;
  font-size: 10px;
}

.job5-page .job5-row h3 {
  display: block;
  min-width: 0;
  margin-bottom: 4px;
  overflow: hidden;
  font-size: 12.5px !important;
  line-height: 1.16;
  text-overflow: ellipsis;
}

.job5-page .job5-row h3 span {
  display: inline-flex;
  margin-left: 4px;
  padding: 3px 5px;
  font-size: 9.5px;
  vertical-align: middle;
}

.job5-page .job5-row p {
  overflow: hidden;
  font-size: 10.5px !important;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job5-page .job5-row strong {
  overflow: hidden;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
}

.job5-page .job5-row strong small {
  font-size: 9.5px;
}

.job5-page .job5-row a,
.job5-page .job5-row button {
  min-width: 0;
  min-height: 28px;
  padding: 4px 5px;
  overflow: hidden;
  font-size: 10.5px !important;
  line-height: 1;
  text-overflow: ellipsis;
}

.talent2-panel-page {
  grid-template-columns: 250px minmax(0, 1fr);
  overflow-x: hidden;
}

.talent2-panel-main {
  padding: 18px 20px 24px;
}

.talent2-panel-grid {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
}

.talent2-panel-card {
  overflow: hidden;
}

.talent2-panel-card table {
  table-layout: fixed;
}

.talent2-panel-card th,
.talent2-panel-card td {
  padding: 9px 8px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.talent2-panel-head h1 {
  font-size: 24px;
}

.talent2-panel-kpis strong {
  font-size: 24px;
}

.talent2-register-form label span,
.talent2-register-intro li,
.talent2-register-intro p {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

@media (max-width: 1480px) {
  .job5-page .job5-layout {
    grid-template-columns: 238px minmax(0, 1fr) 280px;
    gap: 10px;
  }

  .job5-page .job5-row {
    grid-template-columns: 40px minmax(118px, 1fr) 100px 60px 54px 54px;
    gap: 5px;
  }

  .talent2-register {
    grid-template-columns: 280px minmax(0, 1fr) 310px;
  }
}

@media (max-width: 1360px) {
  .talent2-panel-page {
    grid-template-columns: 232px minmax(0, 1fr);
  }

  .talent2-panel-grid {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 12px;
  }
}

/* İş Bildirimlerim - referans tasarım */
.job6-page {
  --job6-blue: #1268f3;
  --job6-blue-dark: #0757cf;
  --job6-navy: #061a38;
  --job6-ink: #071832;
  --job6-muted: #5e6f88;
  --job6-line: #d7e3f3;
  --job6-soft: #eef5ff;
  min-height: 100vh;
  padding: 16px 0 36px;
  color: var(--job6-ink);
  background: linear-gradient(180deg, #f4f8ff 0%, #edf5ff 55%, #f8fbff 100%);
  font-size: 13px;
}

.job6-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.job6-page *,
.job6-page *::before,
.job6-page *::after {
  box-sizing: border-box;
}

.job6-page svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.job6-container {
  width: min(100% - 32px, 1510px);
  margin: 0 auto;
}

.job6-hero {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(460px, .82fr);
  min-height: 278px;
  overflow: hidden;
  border: 1px solid #0e3c78;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(4, 24, 54, .97) 0%, rgba(7, 55, 115, .94) 47%, rgba(4, 25, 57, .96) 100%),
    radial-gradient(circle at 75% 34%, rgba(42, 131, 255, .42), transparent 38%);
  box-shadow: 0 20px 42px rgba(6, 27, 59, .14);
}

.job6-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  padding: 32px 28px 24px;
}

.job6-hero-copy::before {
  position: absolute;
  inset: 0;
  opacity: .12;
  background:
    linear-gradient(90deg, transparent 0 46%, rgba(255,255,255,.14) 46% 47%, transparent 47%),
    linear-gradient(0deg, transparent 0 72%, rgba(255,255,255,.12) 72% 73%, transparent 73%);
  content: "";
}

.job6-eyebrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 7px;
  margin-bottom: 14px;
  padding: 8px 13px;
  border-radius: 8px;
  color: #061a38;
  background: linear-gradient(180deg, #ffc929, #f5b400);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.job6-eyebrow svg {
  width: 15px;
  height: 15px;
}

.job6-hero h1 {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.job6-hero p {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 12px 0 0;
  color: #e7f1ff;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
}

.job6-benefits {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin-top: 30px;
}

.job6-benefits span {
  display: grid;
  justify-items: start;
  gap: 8px;
  color: #fff;
  min-width: 0;
}

.job6-benefits svg {
  width: 44px;
  height: 44px;
  padding: 11px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #2378ff, #0757cf);
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

.job6-benefits b {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

.job6-hero-visual {
  position: relative;
  min-height: 278px;
  overflow: hidden;
}

.job6-hero-visual::before {
  position: absolute;
  inset: 34px 80px 30px 70px;
  border-top: 2px dashed rgba(122, 180, 255, .55);
  border-radius: 50%;
  transform: rotate(-11deg);
  content: "";
}

.job6-phone {
  position: absolute;
  right: 245px;
  bottom: -18px;
  width: 168px;
  min-height: 252px;
  padding: 28px 14px 14px;
  border: 6px solid #071832;
  border-radius: 28px;
  background: linear-gradient(180deg, #dcedff, #fff);
  box-shadow: 0 24px 44px rgba(0,0,0,.36);
  transform: rotate(3deg);
}

.job6-phone-notch {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 56px;
  height: 10px;
  border-radius: 0 0 10px 10px;
  background: #071832;
  transform: translateX(-50%);
}

.job6-phone-bell {
  display: block;
  width: 58px !important;
  height: 58px !important;
  margin: 6px auto 12px;
  padding: 12px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #ffc929, #f0a900);
}

.job6-phone > b {
  display: block;
  margin-bottom: 8px;
  text-align: center;
  color: #071832;
  font-size: 11px;
}

.job6-phone article {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 2px 7px;
  align-items: center;
  margin-top: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(7,31,63,.12);
}

.job6-phone article svg {
  grid-row: span 2;
  color: var(--job6-blue);
}

.job6-phone article span {
  font-size: 10px;
  font-weight: 900;
}

.job6-phone article small {
  color: #64748b;
  font-size: 9px;
  font-weight: 700;
}

.job6-float {
  position: absolute;
  display: grid;
  place-items: center;
  width: 68px;
  height: 52px;
  border-radius: 10px;
  color: #ffc20d;
  background: linear-gradient(180deg, #fff8e5, #ffc84a);
  box-shadow: 0 18px 34px rgba(0,0,0,.28);
}

.job6-float svg {
  width: 32px;
  height: 32px;
}

.job6-float i {
  position: absolute;
  top: -10px;
  right: -9px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  background: #ef4444;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.job6-float--mail {
  top: 58px;
  left: 58px;
}

.job6-float--bell {
  top: 70px;
  right: 170px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #3a8cff, #0757cf);
}

.job6-mini {
  position: absolute;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 2px 10px;
  align-items: center;
  width: 188px;
  padding: 12px 13px;
  border: 1px solid #d6e3f4;
  border-radius: 9px;
  color: #071832;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 28px rgba(0,0,0,.22);
}

.job6-mini svg {
  grid-row: span 2;
  width: 30px;
  height: 30px;
  color: #f5a400;
}

.job6-mini b {
  font-size: 11px;
  line-height: 1.15;
}

.job6-mini span {
  color: #64748b;
  font-size: 10px;
}

.job6-mini--left {
  left: 0;
  top: 130px;
}

.job6-mini--right {
  right: 60px;
  bottom: 28px;
}

.job6-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 12px 0;
  border: 1px solid var(--job6-line);
  border-radius: 10px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 10px 26px rgba(7,31,63,.06);
}

.job6-kpis article {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 2px 14px;
  align-items: center;
  min-height: 84px;
  padding: 14px 46px;
  border-right: 1px solid #e2ebf7;
}

.job6-kpis article:last-child {
  border-right: 0;
}

.job6-kpis span,
.job6-rules article span,
.job6-recent span,
.job6-channels article span,
.job6-profile-tip > span,
.job6-privacy > span {
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #3a80ff, #0757cf);
}

.job6-kpis span {
  grid-row: span 2;
  width: 52px;
  height: 52px;
}

.job6-kpis span.is-green { background: linear-gradient(180deg, #33c978, #0c9c4e); }
.job6-kpis span.is-red { background: linear-gradient(180deg, #ff7b7b, #d73b48); }
.job6-kpis span.is-purple { background: linear-gradient(180deg, #6f63ff, #4338ca); }

.job6-kpis svg {
  width: 26px;
  height: 26px;
}

.job6-kpis strong {
  color: #061735;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
}

.job6-kpis p {
  margin: 0;
  color: #071832;
  font-size: 13px;
  font-weight: 760;
}

.job6-layout {
  display: grid;
  grid-template-columns: minmax(480px, 1.08fr) minmax(390px, .88fr) minmax(310px, .74fr);
  gap: 12px;
  align-items: start;
}

.job6-left,
.job6-middle,
.job6-right {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.job6-card {
  min-width: 0;
  border: 1px solid var(--job6-line);
  border-radius: 10px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 10px 26px rgba(7,31,63,.055);
}

.job6-card h2,
.job6-card h3 {
  margin: 0;
  color: #071832;
  letter-spacing: -.025em;
}

.job6-card h2 {
  font-size: 17px;
  line-height: 1.2;
}

.job6-card h3 {
  font-size: 14px;
}

.job6-rule-form {
  padding: 22px;
}

.job6-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 12px;
  margin-top: 22px;
}

.job6-form-grid label {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: #071832;
  font-size: 12px;
  font-weight: 850;
}

.job6-form-grid select {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #cfdced;
  border-radius: 7px;
  color: #071832;
  background: #fff;
  font: inherit;
  font-size: 12px;
}

.job6-actions {
  display: grid;
  grid-template-columns: 1.05fr .65fr;
  gap: 14px;
  margin-top: 26px;
}

.job6-actions button,
.job6-profile-tip a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border: 1px solid #9ec0f7;
  border-radius: 7px;
  color: var(--job6-blue);
  background: #fff;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.job6-actions .job6-primary {
  color: #fff;
  border-color: var(--job6-blue);
  background: linear-gradient(180deg, #1d73ff, #0757cf);
  box-shadow: 0 14px 24px rgba(7, 91, 216, .18);
}

.job6-profile-tip {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 190px;
  gap: 14px;
  align-items: center;
  min-height: 112px;
  padding: 18px 20px;
  background: linear-gradient(90deg, rgba(255,255,255,.98), #edf6ff);
}

.job6-profile-tip > span {
  width: 42px;
  height: 42px;
  color: var(--job6-blue);
  background: #eaf2ff;
}

.job6-profile-tip p {
  margin: 5px 0 0;
  color: #52657e;
  font-size: 12.5px;
}

.job6-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.job6-card-head a {
  color: var(--job6-blue);
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.job6-rules,
.job6-recent,
.job6-channels,
.job6-privacy {
  padding: 18px;
}

.job6-rules article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 54px 28px;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px solid #e4edf8;
}

.job6-rules article:last-child {
  border-bottom: 0;
}

.job6-rules article span,
.job6-recent span,
.job6-channels article span {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--job6-blue);
  background: #eaf2ff;
}

.job6-rules article span svg,
.job6-recent span svg,
.job6-channels article span svg {
  width: 17px;
  height: 17px;
}

.job6-rules b {
  overflow: hidden;
  color: #071832;
  font-size: 12.5px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job6-rules em {
  padding: 5px 10px;
  border-radius: 999px;
  color: #0b8d42;
  background: #daf8e7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.job6-rules button {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 0;
  color: #52657e;
  background: transparent;
}

.job6-recent {
  padding-bottom: 10px;
}

.job6-recent a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 82px 18px;
  gap: 2px 10px;
  align-items: center;
  min-height: 54px;
  border-bottom: 1px solid #e4edf8;
  color: inherit;
  text-decoration: none;
}

.job6-recent a:last-child {
  border-bottom: 0;
}

.job6-recent span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
}

.job6-recent span.is-green { color: #0c9c4e; background: #ddf7e7; }
.job6-recent span.is-gold { color: #d99a00; background: #fff4c7; }
.job6-recent span.is-red { color: #ef4444; background: #ffe4e6; }

.job6-recent b {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job6-recent small {
  overflow: hidden;
  color: #5d718c;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job6-recent time {
  grid-row: span 2;
  color: #60718b;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}

.job6-channels h2 {
  margin-bottom: 15px;
}

.job6-channels article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 48px;
  gap: 2px 10px;
  align-items: center;
  min-height: 58px;
  border-bottom: 1px solid #e4edf8;
}

.job6-channels article:last-child {
  border-bottom: 0;
}

.job6-channels b {
  font-size: 13px;
}

.job6-channels small {
  color: #667892;
  font-size: 11px;
}

.job6-channels button {
  position: relative;
  grid-row: span 2;
  width: 46px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: #c8d1dd;
}

.job6-channels button::after {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.18);
  content: "";
}

.job6-channels button.is-on {
  background: #18a641;
}

.job6-channels button.is-on::after {
  left: 24px;
}

.job6-privacy {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  min-height: 210px;
  align-content: center;
  background: linear-gradient(135deg, #f8fbff 0%, #eff7ff 100%);
}

.job6-privacy > span {
  width: 46px;
  height: 46px;
  color: var(--job6-navy);
  background: #eef5ff;
  border: 2px solid var(--job6-navy);
}

.job6-privacy p {
  margin: 8px 0 22px;
  color: #33445e;
  font-size: 12.5px;
  line-height: 1.45;
}

.job6-privacy a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--job6-blue);
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}

@media (max-width: 1360px) {
  .job6-container {
    width: min(100% - 28px, 1280px);
  }

  .job6-layout {
    grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
  }

  .job6-right {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job6-kpis article {
    padding-inline: 28px;
  }
}

@media (max-width: 1080px) {
  .job6-hero,
  .job6-layout,
  .job6-right {
    grid-template-columns: 1fr;
  }

  .job6-hero-visual {
    display: none;
  }

  .job6-benefits,
  .job6-kpis,
  .job6-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .job6-container {
    width: min(100% - 20px, 100%);
  }

  .job6-hero-copy,
  .job6-rule-form,
  .job6-rules,
  .job6-recent,
  .job6-channels,
  .job6-privacy {
    padding: 14px;
  }

  .job6-benefits,
  .job6-kpis,
  .job6-form-grid,
  .job6-actions,
  .job6-profile-tip {
    grid-template-columns: 1fr;
  }
}

/* İş Bildirimlerim - 1366 / %100 okunurluk son ayarı */
.job6-channels b {
  grid-column: 2;
  grid-row: 1;
}

.job6-channels small {
  grid-column: 2;
  grid-row: 2;
}

.job6-channels button {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
}

@media (max-width: 1500px) {
  .job6-layout {
    grid-template-columns: minmax(500px, 1fr) minmax(370px, .86fr) minmax(300px, .68fr);
  }

  .job6-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
  }

  .job6-rule-form {
    padding: 20px;
  }

  .job6-form-grid select {
    font-size: 11.5px;
  }
}

/* Görüşme ve İletişim Talepleri */
.job7-page {
  --job7-blue: #1268f3;
  --job7-navy: #061a38;
  --job7-ink: #071832;
  --job7-muted: #5d6f89;
  --job7-line: #d7e3f3;
  min-height: 100vh;
  padding-bottom: 36px;
  color: var(--job7-ink);
  background: linear-gradient(180deg, #f3f8ff 0%, #edf5ff 46%, #f8fbff 100%);
  font-size: 13px;
}

.job7-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.job7-page *,
.job7-page *::before,
.job7-page *::after {
  box-sizing: border-box;
}

.job7-page svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.job7-container {
  width: min(100% - 48px, 1500px);
  margin: 0 auto;
}

.job7-hero {
  position: relative;
  overflow: hidden;
  min-height: 292px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(4,23,52,.98) 0%, rgba(5,35,78,.95) 52%, rgba(13,82,150,.82) 100%),
    radial-gradient(circle at 70% 40%, rgba(44,132,255,.5), transparent 38%);
}

.job7-hero::after {
  position: absolute;
  inset: 0;
  opacity: .16;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(255,255,255,.12) 48% 49%, transparent 49%),
    linear-gradient(0deg, transparent 0 72%, rgba(255,255,255,.1) 72% 73%, transparent 73%);
  content: "";
}

.job7-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(440px, .9fr) 300px minmax(460px, .9fr);
  gap: 28px;
  align-items: center;
  min-height: 292px;
}

.job7-eyebrow {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  padding: 7px 12px;
  border: 1px solid rgba(255,194,13,.9);
  border-radius: 999px;
  color: #ffc20d;
  font-size: 11.5px;
  font-weight: 950;
  text-transform: uppercase;
}

.job7-copy h1 {
  max-width: 560px;
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1.02;
  letter-spacing: -.052em;
}

.job7-copy p {
  max-width: 600px;
  margin: 14px 0 0;
  color: #eef6ff;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 650;
}

.job7-hero-list {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job7-hero-list li {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  font-size: 15px;
  font-weight: 760;
}

.job7-hero-list svg {
  color: #ffc20d;
}

.job7-visual {
  position: relative;
  min-height: 292px;
}

.job7-person {
  position: absolute;
  bottom: 0;
  width: 180px;
  height: 245px;
  border-radius: 80px 80px 0 0;
  background: linear-gradient(180deg, #8bbcf7, #173a68);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.job7-person::before {
  position: absolute;
  top: 18px;
  left: 58px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #ffd3b2;
  content: "";
}

.job7-person::after {
  position: absolute;
  top: 92px;
  left: 34px;
  width: 112px;
  height: 130px;
  border-radius: 44px 44px 0 0;
  background: #0a2a55;
  content: "";
}

.job7-person--left {
  left: 0;
  transform: scaleX(-1);
}

.job7-person--right {
  right: 12px;
  background: linear-gradient(180deg, #dceeff, #326da8);
}

.job7-person--right::after {
  background: #e6b996;
}

.job7-invite {
  position: absolute;
  top: 52px;
  left: 160px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 2px 10px;
  width: 190px;
  padding: 18px;
  border-radius: 12px;
  color: #071832;
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 38px rgba(0,0,0,.24);
}

.job7-invite svg {
  grid-row: span 3;
  width: 34px;
  height: 34px;
  color: var(--job7-blue);
}

.job7-invite b {
  font-size: 13px;
}

.job7-invite span,
.job7-invite strong {
  font-size: 12px;
}

.job7-invite button {
  grid-column: 1 / -1;
  min-height: 34px;
  margin-top: 10px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: var(--job7-blue);
  font-size: 11.5px;
  font-weight: 900;
}

.job7-chat-bubble {
  position: absolute;
  right: 18px;
  top: 132px;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  color: #8fbfff;
  background: rgba(255,255,255,.16);
}

.job7-kpis {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: -40px;
}

.job7-kpis article,
.job7-card {
  border: 1px solid var(--job7-line);
  border-radius: 10px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 28px rgba(7,31,63,.07);
}

.job7-kpis article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 2px 14px;
  align-items: center;
  min-height: 82px;
  padding: 16px 28px;
}

.job7-kpis span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #2f7cff, #0758d8);
}

.job7-kpis span.is-gold { background: linear-gradient(180deg, #ffc20d, #f59e0b); }
.job7-kpis span.is-green { background: linear-gradient(180deg, #22c76f, #079444); }
.job7-kpis span.is-purple { background: linear-gradient(180deg, #6b5df8, #4338ca); }

.job7-kpis strong {
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
}

.job7-kpis p {
  margin: 0;
  font-size: 13px;
  font-weight: 760;
}

.job7-layout {
  display: grid;
  grid-template-columns: minmax(580px, 1fr) 350px 360px;
  gap: 12px;
  align-items: start;
  margin-top: 18px;
}

.job7-card {
  min-width: 0;
  overflow: hidden;
}

.job7-card h2 {
  margin: 0;
  color: #071832;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.job7-card h3 {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
}

.job7-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid #e2ebf7;
}

.job7-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #071832;
  background: transparent;
  font-size: 11.5px;
  font-weight: 900;
  white-space: nowrap;
}

.job7-tabs button.is-active {
  color: var(--job7-blue);
  border-color: var(--job7-blue);
}

.job7-tabs b {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  border-radius: 999px;
  color: #fff;
  background: #f59e0b;
  font-size: 10px;
}

.job7-tabs b.is-green { background: #16a34a; }
.job7-tabs b.is-blue { background: #1268f3; }
.job7-tabs b.is-red { background: #ef4444; }

.job7-request-list article {
  display: grid;
  grid-template-columns: 74px minmax(150px, 1fr) 88px 122px 186px;
  gap: 10px;
  align-items: center;
  min-height: 76px;
  padding: 12px 16px;
  border-bottom: 1px solid #e2ebf7;
  cursor: pointer;
  transition: background .16s ease, box-shadow .16s ease;
}

.job7-request-list article:last-child {
  border-bottom: 0;
}

.job7-request-list article:hover,
.job7-request-list article.is-selected {
  background: #f8fbff;
}

.job7-request-list article.is-selected {
  box-shadow: inset 3px 0 0 var(--job7-blue);
}

.job7-request-list article:focus-visible,
.job7-row-actions button:focus-visible,
.job7-detail-actions button:focus-visible,
.job7-tabs button:focus-visible,
.job7-permissions button:focus-visible {
  outline: 3px solid rgba(18,104,243,.22);
  outline-offset: 2px;
}

.job7-logo {
  display: grid;
  place-items: center;
  width: 58px;
  height: 44px;
  color: #0758d8;
  font-size: 13px;
  font-weight: 950;
  line-height: .9;
  text-align: center;
}

.job7-logo--green { color: #0b8d42; }
.job7-logo--dark { color: #071832; }
.job7-logo--black { color: #071832; }
.job7-logo--blue { color: #1268f3; font-size: 10px; }

.job7-request-list h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job7-request-list p {
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--job7-muted);
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job7-request-list em,
.job7-detail em {
  justify-self: start;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.job7-request-list em.is-wait,
.job7-detail em.is-wait { color: #c56b00; background: #fff0d8; border: 1px solid #ffd6a4; }
.job7-request-list em.is-planned,
.job7-detail em.is-planned { color: #0758d8; background: #eaf2ff; border: 1px solid #cfe0ff; }
.job7-request-list em.is-done,
.job7-detail em.is-done { color: #0a8f42; background: #def8e8; border: 1px solid #c0efd2; }
.job7-request-list em.is-rejected,
.job7-detail em.is-rejected { color: #ef233c; background: #ffe8ec; border: 1px solid #ffc1c9; }

.job7-request-list time {
  color: #33445e;
  font-size: 11px;
  font-weight: 760;
}

.job7-row-actions {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
  min-width: 0;
}

.job7-row-actions button,
.job7-detail-actions button {
  min-width: 0;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #cbd9ed;
  border-radius: 7px;
  color: #071832;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.job7-row-actions .is-ok,
.job7-detail-actions .is-ok { color: #079444; border-color: #9ee6b8; background: #fff; }
.job7-row-actions .is-danger,
.job7-detail-actions .is-danger { color: #ef233c; border-color: #ffc1c9; background: #fff; }
.job7-row-actions .is-delay,
.job7-detail-actions .is-delay { color: #e56b00; border-color: #ffc58a; background: #fff; }
.job7-row-actions .is-message { color: #1268f3; border-color: #a8c8ff; }

.job7-list-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 18px;
  color: #60718b;
  font-size: 11.5px;
}

.job7-list-foot div {
  display: flex;
  gap: 8px;
}

.job7-list-foot button {
  width: 34px;
  height: 34px;
  border: 1px solid #d7e3f3;
  border-radius: 7px;
  color: #60718b;
  background: #fff;
  font-weight: 900;
}

.job7-list-foot button.is-active {
  color: #fff;
  background: var(--job7-blue);
  border-color: var(--job7-blue);
}

.job7-detail,
.job7-side .job7-card {
  padding: 18px;
}

.job7-detail header {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 82px;
  gap: 12px;
  align-items: center;
  margin: 16px 0;
}

.job7-detail header p {
  margin: 5px 0 0;
  color: #52657e;
  font-size: 12px;
}

.job7-info {
  display: grid;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid #e2ebf7;
}

.job7-info h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}

.job7-info p {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
  margin: 0;
  font-size: 11.5px;
}

.job7-info b {
  color: #071832;
}

.job7-info span {
  color: #33445e;
}

.job7-detail-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.job7-detail-actions .is-message {
  grid-column: 1 / -1;
  color: var(--job7-blue);
  border-color: #9ec2ff;
  background: #fff;
}

.job7-detail-actions .is-ok {
  color: #fff;
  border-color: #079444;
  background: linear-gradient(180deg, #21bf62, #079444);
}

.job7-side {
  display: grid;
  gap: 12px;
}

.job7-permissions h2,
.job7-program h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.job7-permissions article {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 46px;
  gap: 2px 12px;
  align-items: center;
  min-height: 54px;
  border-bottom: 1px solid #e2ebf7;
}

.job7-permissions article:last-child {
  border-bottom: 0;
}

.job7-permissions article > svg {
  grid-row: span 2;
  color: #13a752;
}

.job7-permissions article:nth-of-type(2) > svg {
  color: #1268f3;
}

.job7-permissions b {
  grid-column: 2;
  font-size: 12px;
}

.job7-permissions small {
  grid-column: 2;
  color: #52657e;
  font-size: 10.5px;
}

.job7-permissions button {
  position: relative;
  grid-column: 3;
  grid-row: span 2;
  width: 42px;
  height: 23px;
  border: 0;
  border-radius: 999px;
  background: #c6cfdb;
}

.job7-permissions button::after {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.18);
  content: "";
}

.job7-permissions button.is-on {
  background: #16a34a;
}

.job7-permissions button.is-on::after {
  left: 21px;
}

.job7-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  max-width: min(380px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid #bfd4f4;
  border-radius: 12px;
  background: #082348;
  color: #fff;
  box-shadow: 0 18px 38px rgba(5,25,54,.22);
  font-size: 13px;
  font-weight: 800;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.job7-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* İş Bildirimlerim - 3. görsel alternatife göre temiz akıllı bildirim tasarımı */
.job6-smart-page {
  --job6-navy: #071c3a;
  --job6-blue: #1268f3;
  --job6-line: #d6e4f5;
  --job6-muted: #5e708b;
  background: linear-gradient(180deg, #f4f9ff 0%, #eef6ff 100%);
  color: var(--job6-navy);
  font-family: Manrope, Inter, system-ui, sans-serif;
}

.job6-smart-page svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.job6-smart-page .job6-container {
  width: min(100% - 44px, 1460px);
  margin-inline: auto;
}

.job6-smart-page .job6-hero {
  min-height: 300px;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
  gap: 28px;
  align-items: center;
  overflow: hidden;
  margin-top: 18px;
  padding: 34px 46px;
  border: 1px solid var(--job6-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 86% 22%, rgba(18,104,243,.15), transparent 30%),
    linear-gradient(100deg, #fff 0%, #f2f8ff 48%, #e6f2ff 100%);
  box-shadow: 0 18px 42px rgba(8,32,68,.08);
}

.job6-smart-page .job6-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #9ec2ff;
  border-radius: 999px;
  color: var(--job6-blue);
  background: rgba(255,255,255,.78);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.job6-smart-page .job6-hero h1 {
  max-width: 600px;
  margin: 18px 0 14px;
  color: #071832;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.055em;
}

.job6-smart-page .job6-hero h1::after {
  display: block;
  width: 120px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: #f4b400;
  content: '';
}

.job6-smart-page .job6-hero p {
  max-width: 520px;
  margin: 0;
  color: #304361;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.55;
}

.job6-smart-visual {
  position: relative;
  min-height: 248px;
}

.job6-blueprint {
  position: absolute;
  inset: 38px 24px 0 120px;
  border-radius: 32px;
  background:
    linear-gradient(90deg, rgba(18,104,243,.15) 1px, transparent 1px) 0 0 / 26px 26px,
    linear-gradient(0deg, rgba(18,104,243,.12) 1px, transparent 1px) 0 0 / 26px 26px,
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(185,217,255,.45));
  transform: skewX(-8deg);
  opacity: .75;
}

.job6-blueprint::after {
  position: absolute;
  right: -22px;
  top: -20px;
  width: 180px;
  height: 54px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff, #dbeeff);
  box-shadow: 0 12px 26px rgba(6,48,105,.16);
  content: '';
}

.job6-big-bell {
  position: absolute;
  left: 170px;
  top: 28px;
  display: grid;
  place-items: center;
  width: 112px;
  height: 104px;
  border-radius: 50% 50% 46% 46%;
  color: #fff;
  background: linear-gradient(180deg, #2d8bff, #0758d8);
  box-shadow: 0 22px 34px rgba(18,104,243,.28);
}

.job6-big-bell svg {
  width: 58px;
  height: 58px;
  stroke-width: 1.75;
}

.job6-big-bell i {
  position: absolute;
  right: -8px;
  top: -8px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  color: #071832;
  background: #f4b400;
  font-style: normal;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(244,180,0,.25);
}

.job6-profile-chip,
.job6-hero-job {
  position: absolute;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 8px 10px;
  align-items: center;
  min-width: 210px;
  padding: 13px 15px;
  border: 1px solid var(--job6-line);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 26px rgba(8,32,68,.12);
}

.job6-profile-chip {
  left: 205px;
  bottom: 40px;
  min-width: 170px;
}

.job6-profile-chip svg,
.job6-hero-job svg {
  grid-row: span 2;
  color: var(--job6-blue);
}

.job6-profile-chip span,
.job6-profile-chip b {
  display: block;
  height: 9px;
  border-radius: 999px;
  background: #d9e8fb;
}

.job6-profile-chip b {
  width: 58%;
  background: #9ec2ff;
}

.job6-hero-job b {
  color: #071832;
  font-size: 13px;
  font-weight: 950;
}

.job6-hero-job small {
  color: #697a93;
  font-size: 11px;
  font-weight: 750;
}

.job6-hero-job--one { right: 80px; top: 18px; }
.job6-hero-job--two { right: 44px; top: 94px; }
.job6-hero-job--three { right: 96px; top: 170px; }

.job6-smart-page .job6-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.job6-smart-page .job6-kpis article {
  display: grid;
  grid-template-columns: 62px auto 1fr;
  gap: 12px;
  align-items: center;
  min-height: 92px;
  padding: 16px 20px;
  border: 1px solid var(--job6-line);
  border-radius: 13px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 28px rgba(8,32,68,.06);
}

.job6-smart-page .job6-kpis article > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  color: var(--job6-blue);
  background: #eaf3ff;
}

.job6-smart-page .job6-kpis .is-green { color: #0f9f50; background: #e7f8ee; }
.job6-smart-page .job6-kpis .is-red { color: #e64255; background: #ffecee; }
.job6-smart-page .job6-kpis .is-purple { color: #6847dc; background: #f0ecff; }

.job6-smart-page .job6-kpis strong {
  color: #071832;
  font-size: 30px;
  font-weight: 950;
  line-height: 1;
}

.job6-smart-page .job6-kpis p {
  margin: 0;
  color: #071832;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.job6-smart-page .job6-kpis small {
  color: #60718b;
  font-size: 11px;
  font-weight: 650;
}

.job6-smart-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr) 320px;
  gap: 14px;
  align-items: start;
}

.job6-smart-page .job6-card {
  border: 1px solid var(--job6-line);
  border-radius: 13px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 14px 30px rgba(8,32,68,.06);
}

.job6-step-form,
.job6-rule-card,
.job6-smart-side .job6-card {
  padding: 18px;
}

.job6-step-form h2,
.job6-card-head h2,
.job6-smart-channels h2,
.job6-smart-privacy h2 {
  margin: 0;
  color: #071832;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.job6-stepper {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 18px 0;
  text-align: center;
}

.job6-stepper span {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #7a8da8;
  font-size: 13px;
  font-weight: 950;
}

.job6-stepper span::before {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: inherit;
  background: #f0f4f9;
  content: attr(class);
}

.job6-stepper span {
  counter-increment: step;
}

.job6-stepper span::before {
  content: counter(step);
}

.job6-stepper .is-active::before {
  color: #fff;
  background: var(--job6-blue);
}

.job6-stepper small {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
}

.job6-step-form label {
  display: block;
  margin-top: 12px;
  color: #263a5b;
  font-size: 12px;
  font-weight: 900;
}

.job6-step-form label small {
  color: #7b8ba3;
  font-weight: 700;
}

.job6-step-form select {
  width: 100%;
  height: 38px;
  margin-top: 6px;
  padding: 0 12px;
  border: 1px solid #cbd9ed;
  border-radius: 8px;
  background: #fff;
  color: #263a5b;
  font-size: 12px;
  font-weight: 750;
}

.job6-choice-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.job6-choice-group button,
.job6-step-form .job6-primary,
.job6-add-rule,
.job6-rule-card footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  border: 1px solid #cbd9ed;
  border-radius: 8px;
  background: #fff;
  color: #0b2854;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.job6-choice-group .is-selected,
.job6-step-form .job6-primary,
.job6-add-rule {
  border-color: var(--job6-blue);
  color: #fff;
  background: linear-gradient(180deg, #1f75ff, #0758d8);
}

.job6-step-form .job6-primary {
  width: 100%;
  margin-top: 16px;
}

.job6-rule-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.job6-rule-card {
  border: 1px solid var(--job6-line);
  border-radius: 13px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 14px 30px rgba(8,32,68,.06);
  transition: opacity .16s ease, transform .16s ease;
}

.job6-rule-card.is-paused {
  opacity: .68;
}

.job6-rule-card header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.job6-rule-card header > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  color: var(--job6-blue);
  background: #eaf3ff;
}

.job6-rule-card h3 {
  margin: 2px 0 0;
  color: #071832;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.25;
}

.job6-rule-card em {
  padding: 5px 10px;
  border-radius: 999px;
  color: #07843d;
  background: #dcf8e6;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.job6-rule-card em.is-paused {
  color: #667085;
  background: #eef2f7;
}

.job6-rule-card p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 14px 0;
  color: #60718b;
  font-size: 11.5px;
  font-weight: 750;
}

.job6-rule-card p svg {
  width: 15px;
  height: 15px;
  color: #7d90aa;
}

.job6-match {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfe8cb;
  border-radius: 8px;
  color: #07843d;
  background: #edfff3;
  font-size: 12px;
  font-weight: 900;
}

.job6-rule-card footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.job6-add-rule {
  grid-column: 1 / -1;
  min-height: 44px;
  background: #fff;
  color: var(--job6-blue);
}

.job6-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.job6-card-head a {
  color: var(--job6-blue);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.job6-smart-side {
  display: grid;
  gap: 12px;
}

.job6-smart-recent a {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px 12px;
  padding: 11px 0;
  border-top: 1px solid #e2ebf7;
  color: inherit;
  text-decoration: none;
}

.job6-smart-recent time {
  color: #5c77a0;
  font-size: 11px;
  font-weight: 850;
}

.job6-smart-recent b {
  color: #102543;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.job6-smart-channels article {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 44px;
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e2ebf7;
}

.job6-smart-channels article > svg {
  color: var(--job6-blue);
}

.job6-smart-channels b {
  color: #102543;
  font-size: 12px;
  font-weight: 900;
}

.job6-smart-channels button {
  position: relative;
  width: 42px;
  height: 23px;
  border: 0;
  border-radius: 999px;
  background: #c8d2df;
  cursor: pointer;
}

.job6-smart-channels button::after {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #fff;
  content: '';
}

.job6-smart-channels button.is-on {
  background: var(--job6-blue);
}

.job6-smart-channels button.is-on::after {
  left: 21px;
}

.job6-smart-privacy h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.job6-smart-privacy p {
  margin: 10px 0 0;
  color: var(--job6-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}

.job6-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  max-width: min(380px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid #bfd4f4;
  border-radius: 12px;
  background: #082348;
  color: #fff;
  box-shadow: 0 18px 38px rgba(5,25,54,.22);
  font-size: 13px;
  font-weight: 800;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.job6-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1180px) {
  .job6-smart-layout {
    grid-template-columns: 310px minmax(0, 1fr);
  }

  .job6-smart-side {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .job6-smart-page .job6-hero,
  .job6-smart-layout,
  .job6-rule-cards,
  .job6-smart-side,
  .job6-smart-page .job6-kpis {
    grid-template-columns: 1fr;
  }

  .job6-smart-visual {
    min-height: 240px;
  }
}

.job7-card-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.job7-card-head a,
.job7-program a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--job7-blue);
  font-size: 11.5px;
  font-weight: 950;
  text-decoration: none;
}

.job7-message-card article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 80px;
  gap: 2px 10px;
}

.job7-message-card img {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}

.job7-message-card b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job7-message-card time {
  color: #52657e;
  font-size: 10.5px;
  text-align: right;
}

.job7-message-card p {
  grid-column: 2 / -1;
  margin: 6px 0 0;
  color: #33445e;
  font-size: 11.5px;
  line-height: 1.45;
}

.job7-program article {
  display: grid;
  grid-template-columns: 50px 8px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 58px;
}

.job7-program time {
  color: #071832;
  font-size: 12px;
  font-weight: 900;
}

.job7-program time small {
  color: #60718b;
  font-size: 10px;
}

.job7-program article span {
  width: 8px;
  height: 8px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--job7-blue);
}

.job7-program article span.is-green {
  background: #16a34a;
}

.job7-program p {
  margin: 0;
}

.job7-program b {
  display: block;
  overflow: hidden;
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job7-program small {
  color: #52657e;
  font-size: 10.5px;
}

.job7-program a {
  justify-content: flex-end;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #e2ebf7;
}

@media (max-width: 1460px) {
  .job7-container {
    width: min(100% - 32px, 1320px);
  }

  .job7-hero-inner {
    grid-template-columns: minmax(390px, .9fr) 260px minmax(390px, .9fr);
    gap: 18px;
  }

  .job7-layout {
    grid-template-columns: minmax(560px, 1fr) 330px;
  }

  .job7-side {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .job7-request-list article {
    grid-template-columns: 66px minmax(140px, 1fr) 82px 112px 174px;
    padding-inline: 12px;
  }

  .job7-row-actions {
    gap: 5px;
  }

  .job7-row-actions button {
    padding-inline: 9px;
    font-size: 10.5px;
  }
}

@media (max-width: 1120px) {
  .job7-hero-inner,
  .job7-layout,
  .job7-side {
    grid-template-columns: 1fr;
  }

  .job7-visual {
    display: none;
  }

  .job7-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .job7-container {
    width: min(100% - 20px, 100%);
  }

  .job7-copy h1 {
    font-size: 34px;
  }

  .job7-kpis,
  .job7-tabs,
  .job7-request-list article,
  .job7-detail header,
  .job7-detail-actions {
    grid-template-columns: 1fr;
  }

  .job7-row-actions {
    justify-content: stretch;
  }

  .job7-row-actions button {
    flex: 1;
  }
}

/* İş İlanı Detay + Başvuru */
.job8-page {
  --job8-blue: #1268f3;
  --job8-navy: #061a38;
  --job8-ink: #071832;
  --job8-muted: #5d6f89;
  --job8-line: #d7e3f3;
  min-height: 100vh;
  padding-bottom: 38px;
  color: var(--job8-ink);
  background: linear-gradient(180deg, #f2f7ff 0%, #edf5ff 48%, #f8fbff 100%);
  font-size: 13px;
}

.job8-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.job8-page *,
.job8-page *::before,
.job8-page *::after {
  box-sizing: border-box;
}

.job8-page svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.job8-container {
  width: min(100% - 48px, 1320px);
  margin: 0 auto;
}

.job8-hero {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 24, 54, .98), rgba(8, 58, 122, .94)),
    radial-gradient(circle at 76% 34%, rgba(51, 133, 255, .46), transparent 36%);
}

.job8-hero-inner {
  display: grid;
  grid-template-columns: 150px 78px minmax(0, 1fr) 260px;
  gap: 18px;
  align-items: center;
  min-height: 230px;
  padding: 24px 0;
}

.job8-back {
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  color: #dcecff;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.job8-company-logo {
  display: grid;
  place-items: center;
  width: 66px;
  height: 56px;
  border-radius: 12px;
  color: #0758d8;
  background: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: .9;
  text-align: center;
  white-space: pre-line;
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
}

.job8-title span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #071832;
  background: #ffc20d;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.job8-title h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.job8-title p {
  margin: 8px 0 0;
  color: #e4f0ff;
  font-size: 15px;
  font-weight: 750;
}

.job8-hero-actions {
  display: grid;
  gap: 10px;
}

.job8-hero-actions a,
.job8-hero-actions button,
.job8-apply-card form button,
.job8-side-card a,
.job8-success a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 8px;
  color: #fff;
  background: rgba(255,255,255,.08);
  font-size: 12.5px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.job8-hero-actions a,
.job8-apply-card form button,
.job8-success a {
  border-color: var(--job8-blue);
  background: linear-gradient(180deg, #1d73ff, #0758d8);
}

.job8-hero-actions button.is-saved {
  color: #071832;
  border-color: #ffc20d;
  background: #ffc20d;
}

.job8-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: -28px 0 16px;
}

.job8-summary article,
.job8-main-card,
.job8-apply-card,
.job8-side-card {
  border: 1px solid var(--job8-line);
  border-radius: 12px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 28px rgba(7,31,63,.07);
}

.job8-summary article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 2px 12px;
  align-items: center;
  min-height: 78px;
  padding: 14px 16px;
}

.job8-summary span,
.job8-apply-card > span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--job8-blue);
  background: #eaf2ff;
}

.job8-summary b {
  color: #5d6f89;
  font-size: 11px;
  font-weight: 850;
}

.job8-summary strong {
  overflow: hidden;
  color: #071832;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job8-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 14px;
  align-items: start;
}

.job8-main-card,
.job8-apply-card,
.job8-side-card {
  min-width: 0;
  overflow: hidden;
}

.job8-main-card {
  display: grid;
  gap: 0;
}

.job8-main-card section {
  padding: 20px 22px;
  border-bottom: 1px solid #e2ebf7;
}

.job8-main-card section:last-child {
  border-bottom: 0;
}

.job8-main-card h2,
.job8-apply-card h2,
.job8-side-card h2 {
  margin: 0 0 12px;
  color: #071832;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.job8-main-card p,
.job8-side-card p,
.job8-apply-card p {
  margin: 0;
  color: #33445e;
  font-size: 13px;
  line-height: 1.55;
}

.job8-check-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job8-check-list li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 8px;
  align-items: start;
  color: #253957;
  font-size: 12.5px;
  font-weight: 750;
}

.job8-check-list svg {
  width: 18px;
  height: 18px;
  color: #0b9b4b;
}

.job8-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.job8-tags span {
  padding: 7px 10px;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  color: #0758d8;
  background: #edf5ff;
  font-size: 11.5px;
  font-weight: 900;
}

.job8-employer {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.job8-employer h3 {
  margin: 0 0 6px;
  font-size: 15px;
}

.job8-side {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.job8-apply-card {
  padding: 18px;
}

.job8-apply-card > span {
  width: 52px;
  height: 52px;
  margin-bottom: 12px;
  color: #fff;
  background: linear-gradient(180deg, #2f7cff, #0758d8);
}

.job8-apply-card form {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.job8-apply-card label {
  display: grid;
  gap: 7px;
  color: #071832;
  font-size: 12px;
  font-weight: 850;
}

.job8-apply-card textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  border: 1px solid #cfdced;
  border-radius: 8px;
  padding: 10px 12px;
  color: #071832;
  font: inherit;
  font-size: 12.5px;
}

.job8-consent {
  grid-template-columns: 18px 1fr;
  align-items: start;
  color: #33445e !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.job8-consent input {
  margin-top: 2px;
  accent-color: var(--job8-blue);
}

.job8-side-card {
  padding: 18px;
}

.job8-side-card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.job8-side-card ol {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding-left: 18px;
  color: #33445e;
  font-size: 12.5px;
  font-weight: 750;
}

.job8-side-card a,
.job8-success a {
  color: var(--job8-blue);
  border-color: #9ec2ff;
  background: #fff;
}

.job8-success {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 12px 0;
  text-align: center;
}

.job8-success svg {
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 50%;
  color: #fff;
  background: #0b9b4b;
}

.job8-success h3 {
  margin: 0;
  font-size: 18px;
}

@media (max-width: 1100px) {
  .job8-hero-inner,
  .job8-layout {
    grid-template-columns: 1fr;
  }

  .job8-back {
    order: -2;
  }

  .job8-side {
    position: static;
  }

  .job8-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .job8-container {
    width: min(100% - 20px, 100%);
  }

  .job8-summary,
  .job8-check-list {
    grid-template-columns: 1fr;
  }
}

.job5-page .job5-row button.is-saved {
  color: #0758d8;
  border-color: #9ec2ff;
  background: #eaf2ff;
}

/* İş Arayan Profili - kompakt punto ve çalışan kullanıcı akışı */
.job-profile-redesign {
  font-size: 13px;
}

.job-profile-redesign *,
.job-profile-redesign *::before,
.job-profile-redesign *::after {
  box-sizing: border-box;
}

.jp-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.job-profile-redesign svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.job-profile-hero,
.jp-page-grid {
  width: min(100% - 32px, 1320px);
}

.job-profile-hero {
  grid-template-columns: minmax(0, 1fr) 410px;
  gap: 18px;
  min-height: 286px;
  padding: 30px 28px;
  border-radius: 0 0 16px 16px;
}

.job-profile-hero h1 {
  max-width: 620px;
  margin: 12px 0 8px;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.06;
}

.job-profile-hero p {
  max-width: 620px;
  font-size: 14px;
  line-height: 1.45;
}

.jp-badge {
  gap: 7px;
  min-height: 30px;
  padding: 7px 11px;
  font-size: 11px;
}

.jp-bullets {
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 10px 16px;
  margin-top: 18px;
}

.jp-bullets span {
  color: #253957;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.jp-profile-preview {
  padding: 14px;
}

.jp-person {
  grid-template-columns: 58px minmax(0, 1fr) 58px;
  gap: 10px;
}

.jp-person img,
.jp-photo-box img {
  width: 58px;
  height: 58px;
}

.jp-person h2 {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jp-person p {
  font-size: 11.5px;
}

.jp-person span,
.jp-doc-list em,
.jp-matches em {
  padding: 4px 7px;
  font-size: 10px;
}

.jp-person strong {
  width: 54px;
  height: 54px;
  font-size: 12px;
  box-shadow: inset 0 0 0 9px #fff;
}

.jp-mini-stats {
  gap: 8px;
  margin: 12px 0;
}

.jp-mini-stats article {
  min-height: 58px;
  padding: 9px 6px;
}

.jp-mini-stats b {
  font-size: 16px;
}

.jp-mini-stats small {
  font-size: 9.5px;
}

.jp-profile-preview td {
  padding: 7px 5px;
  overflow: hidden;
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jp-page-grid {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
  margin-top: 16px;
}

.jp-form-area {
  gap: 12px;
}

.jp-card {
  min-width: 0;
  padding: 14px;
  border-radius: 12px;
}

.jp-card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 15px !important;
  line-height: 1.2;
}

.jp-card h2 svg {
  color: var(--jp-blue);
}

.jp-card label,
.jp-form-grid label {
  gap: 6px;
  font-size: 11.5px;
}

.jp-card input,
.jp-card select,
.jp-card textarea {
  min-height: 34px;
  padding: 8px 10px;
  font-size: 11.5px;
}

.jp-card textarea {
  min-height: 88px;
}

.jp-basic-grid {
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 12px;
}

.jp-photo-box {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px;
}

.jp-photo-box button,
.jp-outline,
.jp-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 11.5px;
  white-space: nowrap;
}

.jp-photo-box small {
  font-size: 10px;
}

.jp-form-grid {
  gap: 10px;
}

.jp-doc-list,
.jp-sidebar ul {
  gap: 7px;
}

.jp-doc-list li {
  grid-template-columns: minmax(0, 1fr) 86px auto;
  gap: 8px;
  padding: 8px 9px;
  font-size: 11.5px;
}

.jp-doc-list b {
  font-size: 10.5px;
}

.jp-experience {
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  padding: 10px;
}

.jp-experience strong {
  font-size: 12.5px;
}

.jp-experience span,
.jp-experience p,
.jp-sidebar li,
.jp-matches span {
  font-size: 11.5px;
}

.jp-actions {
  gap: 10px;
}

.jp-sidebar {
  top: 88px;
  gap: 12px;
}

.jp-progress-card div {
  grid-template-columns: 68px 1fr;
  gap: 12px;
}

.jp-progress-card strong {
  width: 64px;
  height: 64px;
  font-size: 16px;
  box-shadow: inset 0 0 0 11px #fff;
}

.jp-progress-card span,
.jp-privacy span {
  padding: 5px 8px;
  font-size: 10.5px;
}

.jp-sidebar a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
}

.jp-matches article {
  padding: 9px 10px;
}

.jp-matches b {
  font-size: 12px;
}

.jp-success {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 150px;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid #bcebd0;
  border-radius: 12px;
  background: #e9fbf1;
  color: #073d22;
}

.jp-success svg {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  background: #0b9b4b;
}

.jp-success strong {
  display: block;
  font-size: 13px;
}

.jp-success p {
  margin: 4px 0 0;
  font-size: 11.5px;
}

.jp-success a {
  display: inline-flex;
  justify-content: center;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #fff;
  background: #1268f3;
  font-size: 11.5px;
  font-weight: 900;
  text-decoration: none;
}

.jp-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 120;
  max-width: min(380px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid #bcebd0;
  border-radius: 12px;
  color: #073d22;
  background: #e9fbf1;
  box-shadow: 0 16px 34px rgba(7,31,63,.18);
  font-size: 12px;
  font-weight: 850;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: .18s ease;
}

.jp-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1360px) {
  .job-profile-hero,
  .jp-page-grid {
    width: min(100% - 28px, 1260px);
  }

  .job-profile-hero {
    grid-template-columns: minmax(0, 1fr) 360px;
  }

  .jp-page-grid {
    grid-template-columns: minmax(0, 1fr) 292px;
  }

  .jp-basic-grid {
    grid-template-columns: minmax(0, 1fr) 210px;
  }
}

@media (max-width: 980px) {
  .job-profile-hero,
  .jp-page-grid,
  .jp-form-area,
  .jp-basic-grid,
  .jp-form-grid,
  .jp-actions,
  .jp-success {
    grid-template-columns: 1fr;
  }

  .jp-sidebar {
    position: static;
  }
}
.candidate-pool-page,
.candidate-pool-page * {
  box-sizing: border-box;
}

.candidate-pool-page {
  --pool-blue: #0968ef;
  --pool-navy: #071d3e;
  --pool-yellow: #f5b800;
  --pool-line: #dbe7f5;
  --pool-muted: #526781;
  padding: 0 24px 34px;
  color: var(--pool-navy);
  background:
    radial-gradient(circle at 1px 1px, rgba(40, 134, 255, .16) 1px, transparent 0) 0 0 / 18px 18px,
    linear-gradient(180deg, #eff7ff 0, #f8fbff 48%, #eef6ff 100%);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.candidate-pool-hero {
  position: relative;
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(580px, .98fr) 1fr;
  align-items: center;
  max-width: 1710px;
  margin: 0 auto;
  padding: 34px 70px 34px 62px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .99) 0%, rgba(247, 251, 255, .93) 39%, rgba(247, 251, 255, .48) 64%, rgba(247, 251, 255, .06) 100%),
    url("../assets/images/content/aday-havuzu-hero-hd-v1.png") center / cover no-repeat;
  border: 1px solid rgba(195, 215, 239, .82);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 18px 44px rgba(7, 34, 73, .08);
  transition: background-image .45s ease, background-position .45s ease;
}

.candidate-pool-hero[data-candidate-hero-slide="1"] {
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .99) 0%, rgba(247, 251, 255, .93) 39%, rgba(247, 251, 255, .48) 64%, rgba(247, 251, 255, .06) 100%),
    image-set(url("../assets/images/hd/is-ilanlari-hd.webp") type("image/webp"), url("../assets/images/hd/is-ilanlari-hd.png") type("image/png")) center / cover no-repeat;
}

.candidate-pool-hero[data-candidate-hero-slide="2"] {
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .99) 0%, rgba(247, 251, 255, .93) 39%, rgba(247, 251, 255, .48) 64%, rgba(247, 251, 255, .06) 100%),
    image-set(url("../assets/images/hd/adaylar-hd.webp") type("image/webp"), url("../assets/images/hd/adaylar-hd.png") type("image/png")) center / cover no-repeat;
}

.candidate-pool-hero__copy {
  position: relative;
  z-index: 2;
}

.candidate-pool-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 16px;
  color: #395572;
  font-size: 12px;
  font-weight: 850;
}

.candidate-pool-breadcrumb a {
  color: #274b73;
  text-decoration: none;
}

.candidate-pool-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0 0 10px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--pool-blue);
  background: #eef5ff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .02em;
}

.candidate-pool-hero h1 {
  max-width: 720px;
  margin: 0 0 12px;
  color: #071b39;
  font-size: clamp(42px, 4.2vw, 64px);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -2.1px;
}

.candidate-pool-hero__copy > p:not(.candidate-pool-kicker) {
  max-width: 710px;
  margin: 0;
  color: #1e3656;
  font-size: 17px;
  line-height: 1.43;
  font-weight: 760;
}

.candidate-pool-search {
  width: min(930px, 100%);
  display: grid;
  grid-template-columns: 1.35fr .82fr .9fr 144px;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
  padding: 12px;
  border: 1px solid #d6e4f4;
  border-radius: 14px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 34px rgba(7, 34, 73, .12);
}

.candidate-pool-search label {
  min-height: 54px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid #edf2f8;
  border-radius: 10px;
  background: #fff;
}

.candidate-pool-search label > span {
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--pool-blue);
  font-size: 22px;
  font-weight: 900;
}

.candidate-pool-search b,
.candidate-pool-search small {
  grid-column: 2;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.candidate-pool-search b {
  color: #172d4b;
  font-size: 12px;
  line-height: 1.12;
  font-weight: 950;
}

.candidate-pool-search small {
  margin-top: 3px;
  color: #71839a;
  font-size: 10.5px;
  font-weight: 750;
}

.candidate-pool-search button,
.candidate-pool-hero__actions a,
.candidate-pool-card footer a,
.candidate-pool-card footer button,
.candidate-pool-filter-btn,
.candidate-pool-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  text-decoration: none;
  font-weight: 950;
}

.candidate-pool-search button {
  height: 54px;
  border: 0;
  color: #fff;
  background: var(--pool-blue);
  font-size: 13px;
}

.candidate-pool-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.candidate-pool-hero__actions a {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #b7d1ff;
  color: var(--pool-blue);
  background: #fff;
  font-size: 12px;
}

.candidate-pool-hero__actions a:first-child {
  color: #fff;
  background: var(--pool-blue);
  box-shadow: 0 12px 26px rgba(9, 104, 239, .18);
}

.candidate-pool-hero__dots {
  display: flex;
  gap: 7px;
  margin-top: 13px;
}

.candidate-pool-hero__dots button {
  width: 22px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c9d9ec;
  cursor: pointer;
}

.candidate-pool-hero__dots button.is-active {
  width: 36px;
  background: var(--pool-blue);
}

.candidate-pool-hero__metrics {
  position: relative;
  z-index: 2;
  width: 390px;
  justify-self: end;
  display: grid;
  gap: 12px;
}

.candidate-pool-hero__metrics article {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  border: 1px solid rgba(219, 231, 245, .9);
  border-radius: 12px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 30px rgba(7, 34, 73, .12);
}

.candidate-pool-hero__metrics strong {
  color: var(--pool-blue);
  font-size: 32px;
  line-height: 1;
  font-weight: 950;
}

.candidate-pool-hero__metrics span {
  color: #2b4261;
  font-size: 13px;
  font-weight: 850;
}

.candidate-pool-stats,
.candidate-pool-chips,
.candidate-pool-layout {
  max-width: 1710px;
  margin-left: auto;
  margin-right: auto;
}

.candidate-pool-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: -28px;
}

.candidate-pool-stats article,
.candidate-pool-chips a,
.candidate-pool-filter,
.candidate-pool-main,
.candidate-pool-side section,
.candidate-pool-card {
  border: 1px solid var(--pool-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 34px rgba(7, 34, 73, .08);
}

.candidate-pool-stats article {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 20px;
}

.candidate-pool-stats span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eaf3ff;
  font-size: 21px;
}

.candidate-pool-stats strong {
  display: block;
  color: #071d3e;
  font-size: 25px;
  line-height: 1;
  font-weight: 950;
}

.candidate-pool-stats small {
  display: block;
  margin-top: 3px;
  color: var(--pool-muted);
  font-size: 12px;
  font-weight: 800;
}

.candidate-pool-chips {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.candidate-pool-chips a {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  color: #18314f;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.candidate-pool-chips a::before {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  margin-right: 8px;
  color: var(--pool-blue);
  content: "▦";
}

.candidate-pool-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 300px;
  gap: 14px;
  align-items: start;
}

.candidate-pool-filter {
  position: sticky;
  top: 92px;
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 14px;
  scrollbar-width: thin;
}

.candidate-pool-filter__head,
.candidate-pool-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.candidate-pool-filter h2,
.candidate-pool-toolbar h2,
.candidate-pool-side h2 {
  margin: 0;
  color: #071d3e;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 950;
}

.candidate-pool-filter__head button {
  border: 0;
  color: var(--pool-blue);
  background: transparent;
  font-size: 11px;
  font-weight: 900;
}

.candidate-pool-filter > p {
  margin: 8px 0 10px;
  color: #5a708b;
  font-size: 10.8px;
  line-height: 1.35;
  font-weight: 750;
}

.candidate-pool-filter-group {
  border-top: 1px solid #edf2f8;
}

.candidate-pool-filter-group summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  list-style: none;
  cursor: pointer;
  color: #233a59;
  font-size: 12px;
  font-weight: 950;
}

.candidate-pool-filter-group summary::-webkit-details-marker {
  display: none;
}

.candidate-pool-filter-group summary::after {
  color: #788ca5;
  font-size: 15px;
  content: "⌄";
}

.candidate-pool-filter-group[open] summary::after {
  transform: rotate(180deg);
}

.candidate-pool-filter-group summary b {
  margin-left: auto;
  color: #7a8ca3;
  font-size: 10.5px;
  white-space: nowrap;
}

.candidate-pool-filter-group div {
  display: grid;
  gap: 5px;
  padding: 0 0 9px;
}

.candidate-pool-filter-group label {
  min-height: 26px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #344d6d;
  font-size: 11px;
  font-weight: 800;
}

.candidate-pool-filter-group input {
  width: 14px;
  height: 14px;
  accent-color: var(--pool-blue);
}

.candidate-pool-filter-btn {
  width: 100%;
  min-height: 38px;
  margin-top: 10px;
  border: 0;
  color: #fff;
  background: var(--pool-blue);
  font-size: 12px;
}

.candidate-pool-main {
  padding: 14px;
}

.candidate-pool-toolbar {
  margin-bottom: 14px;
}

.candidate-pool-toolbar i {
  display: block;
  width: 46px;
  height: 3px;
  margin-top: 6px;
  border-radius: 99px;
  background: var(--pool-yellow);
}

.candidate-pool-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #405873;
  font-size: 12px;
  font-weight: 850;
}

.candidate-pool-toolbar select {
  height: 36px;
  min-width: 170px;
  border: 1px solid var(--pool-line);
  border-radius: 8px;
  color: #2c4260;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.candidate-pool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.candidate-pool-card {
  min-width: 0;
  overflow: hidden;
}

.candidate-pool-card[hidden] {
  display: none;
}

.candidate-pool-card > img {
  width: 100%;
  height: 178px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.candidate-pool-card > div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 12px 12px 0;
}

.candidate-pool-card > div:first-of-type span,
.candidate-pool-card > div:first-of-type b {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border-radius: 7px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 950;
}

.candidate-pool-card > div:first-of-type span {
  color: #08763f;
  background: #dff9e9;
}

.candidate-pool-card > div:first-of-type b {
  color: #132949;
  background: #fff7df;
}

.candidate-pool-card h3,
.candidate-pool-card p,
.candidate-pool-card small,
.candidate-pool-card > div:nth-of-type(2),
.candidate-pool-card footer {
  margin-left: 12px;
  margin-right: 12px;
}

.candidate-pool-card h3 {
  margin-top: 10px;
  margin-bottom: 4px;
  color: #071d3e;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 950;
}

.candidate-pool-card p {
  margin-top: 0;
  margin-bottom: 8px;
  color: #4f6682;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 820;
}

.candidate-pool-card small {
  display: flex;
  margin-top: 5px;
  color: #60738d;
  font-size: 11px;
  font-weight: 800;
}

.candidate-pool-card > div:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.candidate-pool-card em {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  color: #075dde;
  background: #ecf4ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.candidate-pool-card footer {
  display: grid;
  grid-template-columns: 1fr 92px;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 12px;
}

.candidate-pool-card footer a,
.candidate-pool-card footer button {
  min-height: 34px;
  border: 1px solid var(--pool-blue);
  font-size: 11px;
  cursor: pointer;
}

.candidate-pool-card footer a {
  color: #fff;
  background: var(--pool-blue);
}

.candidate-pool-card footer button {
  color: var(--pool-blue);
  background: #fff;
}

.candidate-pool-side {
  display: grid;
  gap: 12px;
}

.candidate-pool-side section {
  padding: 14px;
}

.candidate-pool-side p,
.candidate-pool-side li {
  color: #536985;
  font-size: 11.5px;
  line-height: 1.35;
  font-weight: 760;
}

.candidate-pool-side ol {
  display: grid;
  gap: 8px;
  margin: 10px 0 0;
  padding-left: 18px;
}

.candidate-pool-side a {
  color: var(--pool-blue);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}

.candidate-pool-cta {
  color: #fff;
  background: linear-gradient(135deg, #071d3e, #0a3774) !important;
}

.candidate-pool-cta h2,
.candidate-pool-cta p {
  color: #fff;
}

.candidate-pool-cta a {
  min-height: 36px;
  width: 100%;
  color: #071d3e;
  background: var(--pool-yellow);
  font-size: 12px;
}

@media (max-width: 1280px) {
  .candidate-pool-hero,
  .candidate-pool-layout {
    grid-template-columns: 1fr;
  }

  .candidate-pool-hero {
    padding: 30px 26px;
  }

  .candidate-pool-hero__metrics {
    width: min(100%, 680px);
    grid-template-columns: repeat(3, 1fr);
    justify-self: start;
    margin-top: 18px;
  }

  .candidate-pool-filter {
    position: static;
    max-height: none;
  }

  .candidate-pool-chips {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .candidate-pool-page {
    padding: 0 12px 22px;
  }

  .candidate-pool-hero {
    min-height: 560px;
    padding: 24px 14px;
    background-position: center right;
  }

  .candidate-pool-hero h1 {
    font-size: 34px;
    letter-spacing: -1px;
  }

  .candidate-pool-hero__copy > p:not(.candidate-pool-kicker) {
    font-size: 14.5px;
  }

  .candidate-pool-search,
  .candidate-pool-hero__metrics,
  .candidate-pool-stats,
  .candidate-pool-chips,
  .candidate-pool-grid {
    grid-template-columns: 1fr;
  }

  .candidate-pool-stats {
    margin-top: 12px;
  }

  .candidate-pool-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .candidate-pool-toolbar label,
  .candidate-pool-toolbar select {
    width: 100%;
  }

  .candidate-pool-card > img {
    height: 210px;
  }
}