/* FIJ 1.8.7.34 — unified employer and public role workspace */

:root{
  --fij-employer-workspace-max:1180px;
  --fij-employer-workspace-gap:22px;
  --fij-employer-workspace-border:#d9e7e3;
  --fij-employer-workspace-soft:#f6faf9;
  --fij-employer-workspace-shadow:0 18px 48px rgba(15,23,42,.065);
}

/* Employer pages now use the same masthead rhythm as candidate/freelancer workspaces. */
.fij-account-context .fij-employer-self-service .fij-public-hero{
  --fij-hero-height:330px;
}
.fij-account-context .fij-employer-self-service .fij-public-hero__slot h1{
  max-width:680px;
}
.fij-account-context .fij-employer-self-service .fij-public-hero-support{
  padding:14px 0;
}
.fij-account-context .fij-employer-self-service .fij-public-hero-support__inner{
  max-width:var(--fij-employer-workspace-max);
}
.fij-employer-self-service :is(.fij-ess-section,.fij-employer-jobs-list-section)>.container,
.fij-employer-self-service .fij-employer-preview-shell,
.fij-employer-self-service .fij-employer-talent-shell{
  width:min(calc(100% - 32px),var(--fij-employer-workspace-max));
  max-width:var(--fij-employer-workspace-max);
  margin-inline:auto;
}

/* The common role navigation is used for employer aliases and account sub-pages. */
.fij-role-workspace-nav.fij-employer-workspace-nav{
  border-top:1px solid #eef4f2;
  border-bottom:1px solid #e2ece9;
}
.fij-role-workspace-nav.fij-employer-workspace-nav .fij-employer-workspace-nav-inner{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}
.fij-role-workspace-nav.fij-employer-workspace-nav a{
  flex:0 0 auto;
  white-space:nowrap;
}
.fij-role-workspace-nav.fij-employer-workspace-nav a.is-active{
  color:#071426;
  background:#f5faf8;
}

/* Shared employer panels. */
.fij-employer-self-service :is(
  .fij-employer-next-card,
  .fij-employer-billing-card,
  .fij-employer-pipeline-card,
  .fij-employer-actions-card,
  .fij-employer-review-note,
  .fij-employer-profile-editor,
  .fij-employer-jobs-card,
  .fij-employer-job-editor-card,
  .fij-employer-application-row,
  .fij-employer-public-preview-card,
  .fij-employer-talent-card,
  .fij-employer-talent-filter,
  .fij-employer-talent-results,
  .fij-message-card
){
  border:1px solid var(--fij-employer-workspace-border);
  border-top:3px solid #21bd94;
  background:#fff;
  box-shadow:var(--fij-employer-workspace-shadow);
  min-width:0;
}
.fij-employer-self-service :is(
  .fij-employer-next-card,
  .fij-employer-billing-card,
  .fij-employer-pipeline-card,
  .fij-employer-actions-card,
  .fij-employer-review-note,
  .fij-employer-profile-editor,
  .fij-employer-jobs-card,
  .fij-employer-job-editor-card,
  .fij-employer-talent-filter,
  .fij-employer-talent-results
){
  padding:28px;
}
.fij-employer-self-service :is(h1,h2,h3,p,span,strong,a,label){
  overflow-wrap:anywhere;
}

/* Employer overview and dashboard density. */
.fij-employer-overview-section{
  padding-top:36px;
  padding-bottom:18px;
}
.fij-employer-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:var(--fij-employer-workspace-gap);
  align-items:stretch;
}
.fij-employer-command-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:var(--fij-employer-workspace-gap);
  padding-top:var(--fij-employer-workspace-gap);
}
.fij-employer-command-grid .fij-employer-review-note{
  grid-column:1/-1;
}
.fij-employer-mini-stats,
.fij-employer-stat-strip,
.fij-jobs-snapshot-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.fij-employer-mini-stats>span,
.fij-employer-stat-strip>span,
.fij-jobs-snapshot-strip>span{
  min-width:0;
  padding:14px 15px;
  border:1px solid #e1ebe8;
  background:var(--fij-employer-workspace-soft);
}
.fij-employer-mini-stats strong,
.fij-employer-stat-strip strong,
.fij-jobs-snapshot-strip strong{
  display:block;
  margin-bottom:3px;
  font-size:24px;
  line-height:1;
}
.fij-employer-action-bar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.fij-employer-action-bar a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #dce8e5;
  background:#f8fcfb;
  font-weight:750;
  text-decoration:none;
}

/* Company editor and job editor share the same predictable form grid. */
.fij-employer-profile-container,
.fij-employer-job-wizard-shell{
  max-width:var(--fij-employer-workspace-max);
}
.fij-employer-company-form,
.fij-employer-job-form{
  min-width:0;
}
.fij-employer-company-form .fij-ess-form-grid,
.fij-employer-job-form .fij-ess-form-grid,
.fij-employer-job-form .fij-job-basics-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px 20px;
}
.fij-employer-company-form :is(label,.field),
.fij-employer-job-form :is(label,.field){
  min-width:0;
}
.fij-employer-company-form :is(input,select,textarea),
.fij-employer-job-form :is(input,select,textarea){
  width:100%;
  max-width:100%;
}
.fij-employer-company-form :is(.wide,[data-wide="true"]),
.fij-employer-job-form :is(.wide,[data-wide="true"]),
.fij-employer-job-form .fij-job-field-group,
.fij-employer-job-form .fij-job-optional-details,
.fij-employer-job-form .fij-pay-section-v1814{
  grid-column:1/-1;
}
.fij-employer-form-section,
.fij-employer-job-step-section,
.fij-job-step-panel{
  min-width:0;
}
.fij-role-step-actions,
.fij-job-step-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #e1ebe8;
}

/* Jobs, applications and talent use full available width without horizontal drift. */
.fij-employer-jobs-list-section,
.fij-employer-self-service .fij-ess-section{
  padding-top:36px;
  padding-bottom:78px;
}
.fij-employer-jobs-table,
.fij-employer-application-list,
.fij-employer-talent-list,
.fij-message-list{
  width:100%;
  min-width:0;
}
.fij-employer-job-row{
  min-width:0;
}
.fij-employer-application-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:20px;
  align-items:start;
  padding:22px;
}
.fij-employer-job-row>*,
.fij-employer-application-row>*{
  min-width:0;
}
.fij-employer-application-row aside{
  display:grid;
  gap:12px;
}
.fij-application-status-form-v1814{
  display:grid;
  gap:10px;
}
.fij-application-status-form-v1814 :is(select,textarea){
  width:100%;
}
.fij-employer-talent-layout,
.fij-employer-talent-layout-polished{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:var(--fij-employer-workspace-gap);
  align-items:start;
}
.fij-employer-talent-filter{
  position:sticky;
  top:76px;
}
.fij-employer-talent-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.fij-employer-talent-card{
  padding:20px;
}

/* Employer account privacy has one meaningful company-level control. */
.fij-account-clean #privacy .wide{
  grid-column:1/-1;
}
.fij-account-clean #privacy .wide select{
  max-width:520px;
}

@media (max-width:1000px){
  .fij-employer-overview-grid,
  .fij-employer-command-grid,
  .fij-employer-talent-layout,
  .fij-employer-talent-layout-polished{
    grid-template-columns:1fr;
  }
  .fij-employer-talent-filter{
    position:static;
  }
  .fij-employer-talent-grid{
    grid-template-columns:1fr;
  }
  .fij-employer-command-grid .fij-employer-review-note{
    grid-column:auto;
  }
}

@media (max-width:860px){
  .fij-account-context .fij-employer-self-service .fij-public-hero{
    --fij-hero-height:0;
  }
  .fij-employer-self-service :is(.fij-ess-section,.fij-employer-jobs-list-section)>.container,
  .fij-employer-self-service .fij-employer-preview-shell,
  .fij-employer-self-service .fij-employer-talent-shell{
    width:100%;
    padding-inline:16px;
  }
  .fij-employer-company-form .fij-ess-form-grid,
  .fij-employer-job-form .fij-ess-form-grid,
  .fij-employer-job-form .fij-job-basics-grid{
    grid-template-columns:1fr;
  }
  .fij-employer-company-form :is(.wide,[data-wide="true"]),
  .fij-employer-job-form :is(.wide,[data-wide="true"]),
  .fij-employer-job-form .fij-job-field-group,
  .fij-employer-job-form .fij-job-optional-details,
  .fij-employer-job-form .fij-pay-section-v1814{
    grid-column:auto;
  }
  .fij-employer-mini-stats,
  .fij-employer-stat-strip,
  .fij-jobs-snapshot-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .fij-employer-application-row{
    grid-template-columns:1fr;
  }
}

@media (max-width:620px){
  .fij-employer-self-service :is(
    .fij-employer-next-card,
    .fij-employer-billing-card,
    .fij-employer-pipeline-card,
    .fij-employer-actions-card,
    .fij-employer-review-note,
    .fij-employer-profile-editor,
    .fij-employer-jobs-card,
    .fij-employer-job-editor-card,
    .fij-employer-talent-filter,
    .fij-employer-talent-results
  ){
    padding:21px;
  }
  .fij-employer-mini-stats,
  .fij-employer-stat-strip,
  .fij-jobs-snapshot-strip,
  .fij-employer-action-bar{
    grid-template-columns:1fr;
  }
  .fij-role-step-actions .btn,
  .fij-job-step-actions .btn,
  .fij-employer-primary-actions .btn,
  .fij-employer-application-row .btn{
    width:100%;
    justify-content:center;
  }
}