/* FIJ 1.8.8.38 — Jobs brand interaction + sidebar alignment
   Jobs intentionally reuse the Freelancer/public interaction language instead of owning a parallel UI system. */
.fij-jobs-reference-v18837,
.fij-job-detail-v18835{
  --fij-brand-teal:#009b7a;
  --fij-brand-teal-dark:#08715e;
  --fij-brand-border:#dfe7e5;
  --fij-brand-border-hover:#b9d8d1;
  --fij-brand-mint:#edf9f6;
  --fij-brand-muted:#667085;
  --fij-brand-ink:#111827;
}

/* Unified FIJ buttons: same primary/secondary behaviour used by Freelancer pages. */
.fij-jobs-reference-v18837 .btn,
.fij-job-detail-v18835 .btn{
  border-radius:0!important;
  border:1px solid var(--fj-navy)!important;
  background:var(--fj-navy)!important;
  color:#fff!important;
  font-family:var(--fj-font)!important;
  font-weight:700!important;
  letter-spacing:.002em!important;
  text-decoration:none!important;
  box-shadow:9px 9px 0 var(--fj-btn-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
.fij-jobs-reference-v18837 .btn:hover,
.fij-jobs-reference-v18837 .btn:focus-visible,
.fij-job-detail-v18835 .btn:hover,
.fij-job-detail-v18835 .btn:focus-visible{
  transform:translate(-2px,-2px)!important;
  background:var(--fj-teal)!important;
  border-color:var(--fj-teal)!important;
  color:#fff!important;
  box-shadow:13px 13px 0 var(--fj-btn-shadow-strong)!important;
}
.fij-jobs-reference-v18837 .btn.secondary,
.fij-jobs-reference-v18837 .btn.ghost,
.fij-job-detail-v18835 .btn.secondary,
.fij-job-detail-v18835 .btn.ghost,
.fij-jobs-reference-v18837 .fij-save-job-form .btn,
.fij-job-detail-v18835 .fij-save-job-detail-form .btn{
  background:#fff!important;
  color:var(--fj-navy)!important;
  border-color:var(--fj-navy)!important;
  box-shadow:5px 5px 0 #e7f5f1!important;
}
.fij-jobs-reference-v18837 .btn.secondary:hover,
.fij-jobs-reference-v18837 .btn.secondary:focus-visible,
.fij-jobs-reference-v18837 .btn.ghost:hover,
.fij-jobs-reference-v18837 .btn.ghost:focus-visible,
.fij-job-detail-v18835 .btn.secondary:hover,
.fij-job-detail-v18835 .btn.secondary:focus-visible,
.fij-job-detail-v18835 .btn.ghost:hover,
.fij-job-detail-v18835 .btn.ghost:focus-visible,
.fij-jobs-reference-v18837 .fij-save-job-form .btn:hover,
.fij-jobs-reference-v18837 .fij-save-job-form .btn:focus-visible,
.fij-job-detail-v18835 .fij-save-job-detail-form .btn:hover,
.fij-job-detail-v18835 .fij-save-job-detail-form .btn:focus-visible{
  transform:translate(-1px,-1px)!important;
  background:var(--fj-mint)!important;
  border-color:var(--fj-teal)!important;
  color:var(--fj-navy)!important;
  box-shadow:8px 8px 0 #c9f1e8!important;
}

/* Search and filter primary actions use exactly the same interaction geometry. */
.fij-jobs-reference-search-v18837 .btn,
.fij-jobs-reference-apply-v18837{
  min-height:44px!important;
}

/* Department shortcuts mirror Freelancer directory chips. */
.fij-jobs-reference-department-chips-v18837{
  gap:8px;
}
.fij-jobs-reference-department-chips-v18837 a{
  min-height:36px;
  padding:7px 12px;
  border-color:#dce6e4;
  color:#344054;
  font-size:12px;
  font-weight:800;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.fij-jobs-reference-department-chips-v18837 a:hover,
.fij-jobs-reference-department-chips-v18837 a:focus-visible,
.fij-jobs-reference-department-chips-v18837 a.is-active{
  border-color:#75c5b3;
  background:#edf9f6;
  color:#076754;
  transform:translateY(-1px);
}

/* Job cards use the same restrained hover as Freelancer result cards. */
.fij-jobs-reference-card-v18837{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.fij-jobs-reference-card-v18837:hover,
.fij-jobs-reference-card-v18837:focus-within{
  border-color:#b9d8d1!important;
  box-shadow:0 8px 22px rgba(16,24,40,.06)!important;
}
.fij-jobs-reference-card-heading-v18837 h2 a:hover,
.fij-jobs-reference-card-heading-v18837 h2 a:focus-visible,
.fij-jobs-reference-company-v18837 a:hover,
.fij-jobs-reference-company-v18837 a:focus-visible{
  color:#08715e;
}

/* Desktop filter sidebar normalized to the Freelancer directory rhythm. */
@media(min-width:861px){
  .fij-jobs-reference-layout-v18837{
    grid-template-columns:248px minmax(0,1fr);
    gap:20px;
  }
  .fij-jobs-reference-filters-v18837{
    position:static;
    top:auto;
    align-self:start;
    border:1px solid #dfe7e5;
    background:#fff;
  }
  .fij-jobs-reference-filters-v18837>form{
    padding:16px;
  }
  .fij-jobs-reference-filter-title-v18837{
    padding:0;
    margin:0 0 4px;
    border-bottom:0;
  }
  .fij-jobs-reference-filter-title-v18837 h2{
    margin:0;
    font-size:19px;
    line-height:1.15;
  }
  .fij-jobs-reference-filter-title-v18837 a{
    font-size:11px;
    font-weight:800;
    color:#08715e;
  }
  .fij-jobs-reference-filters-v18837 fieldset{
    display:grid;
    gap:9px;
    margin:0;
    padding:16px 0;
    border:0;
    border-top:1px solid #edf2f1;
  }
  .fij-jobs-reference-filters-v18837 legend{
    margin:0;
    padding:0 0 8px;
    color:#344054;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
  }
  .fij-jobs-reference-filter-option-v18837{
    grid-template-columns:15px minmax(0,1fr) auto;
    gap:8px;
    min-height:28px;
    color:#475467;
    font-size:11px;
    line-height:1.3;
    transition:color .16s ease;
  }
  .fij-jobs-reference-filter-option-v18837:hover,
  .fij-jobs-reference-filter-option-v18837:focus-within{
    color:#08715e;
  }
  .fij-jobs-reference-filter-option-v18837 input{
    width:14px;
    height:14px;
    border-color:#b8c8c4;
  }
  .fij-jobs-reference-filter-option-v18837 input:checked{
    border-color:#009b7a;
    background:linear-gradient(#009b7a,#009b7a) center/8px 8px no-repeat,#fff;
  }
  .fij-jobs-reference-filter-option-v18837 small,
  .fij-jobs-reference-location-list-v18837 small{
    color:#98a2b3;
    font-size:9px;
  }
  .fij-jobs-reference-more-v18837{
    margin-top:2px;
  }
  .fij-jobs-reference-more-v18837 summary{
    color:#08715e;
    font-size:10px;
    font-weight:850;
  }
  .fij-jobs-reference-filters-v18837 .input{
    min-height:39px!important;
    padding:8px 9px!important;
    border-color:#dfe7e5!important;
    font-size:11px!important;
  }
  .fij-jobs-reference-filters-v18837 .input:focus{
    border-color:#009b7a!important;
    box-shadow:0 0 0 3px rgba(0,155,122,.12)!important;
  }
  .fij-jobs-reference-location-list-v18837{
    gap:3px;
    margin-top:3px;
  }
  .fij-jobs-reference-location-list-v18837 a{
    min-height:28px;
    padding:4px 0;
    color:#475467;
    font-size:11px;
    line-height:1.3;
  }
  .fij-jobs-reference-location-list-v18837 a:hover,
  .fij-jobs-reference-location-list-v18837 a:focus-visible,
  .fij-jobs-reference-location-list-v18837 a.is-active{
    color:#08715e;
  }
  .fij-jobs-reference-pay-range-v18837{
    gap:8px;
  }
  .fij-jobs-reference-apply-v18837{
    width:calc(100% - 9px);
    margin:8px 9px 10px 0;
    min-height:42px!important;
  }
}

/* Toolbar and compact controls share the same mint/teal interaction language. */
.fij-jobs-reference-view-toggle-v18837 button{
  border-color:#dfe7e5;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.fij-jobs-reference-view-toggle-v18837 button:hover,
.fij-jobs-reference-view-toggle-v18837 button:focus-visible,
.fij-jobs-reference-view-toggle-v18837 button.is-active{
  background:#edf9f6;
  border-color:#75c5b3;
  color:#08715e;
}
.fij-jobs-reference-sort-v18837 .input:focus,
.fij-jobs-reference-search-v18837 .input:focus{
  outline:0;
  box-shadow:none!important;
  color:#111827;
}

/* Job detail links/cards pick up the same restrained interaction feedback. */
.fij-job-detail-v18835 .fij-job-side-links-v18835>a,
.fij-job-detail-v18835 .fij-job-related-row-v18835,
.fij-job-detail-v18835 .fij-job-related-company-v18835{
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.fij-job-detail-v18835 .fij-job-side-links-v18835>a:hover,
.fij-job-detail-v18835 .fij-job-side-links-v18835>a:focus-visible,
.fij-job-detail-v18835 .fij-job-related-row-v18835:hover,
.fij-job-detail-v18835 .fij-job-related-row-v18835:focus-within,
.fij-job-detail-v18835 .fij-job-related-company-v18835:hover,
.fij-job-detail-v18835 .fij-job-related-company-v18835:focus-within{
  border-color:#b9d8d1;
  background:#edf9f6;
  color:#08715e;
}

@media(max-width:860px){
  .fij-jobs-reference-v18837 .btn,
  .fij-job-detail-v18835 .btn{
    box-shadow:5px 5px 0 var(--fj-btn-shadow)!important;
  }
  .fij-jobs-reference-v18837 .btn:hover,
  .fij-jobs-reference-v18837 .btn:focus-visible,
  .fij-job-detail-v18835 .btn:hover,
  .fij-job-detail-v18835 .btn:focus-visible{
    transform:translate(-1px,-1px)!important;
    box-shadow:8px 8px 0 var(--fj-btn-shadow-strong)!important;
  }
}