/* Oriential Recruitment directory V1.5.5. This file owns the directory and record-action layout. */
.candidate-table{container-type:inline-size;min-width:0}
.candidate-table .candidate-grid{
  display:grid!important;
  grid-template-columns:minmax(230px,2fr) minmax(120px,1fr) minmax(175px,1.25fr) minmax(105px,.8fr) minmax(320px,1.5fr)!important;
  column-gap:20px!important;
  row-gap:8px;
  align-items:center;
  min-width:0;
}
.candidate-table .candidate-grid-header{display:grid!important}
.candidate-table .candidate-grid-row{cursor:pointer;min-width:0}
.candidate-table .candidate-grid-row>.candidate-cell{
  grid-column:auto!important;
  min-width:0;
}
.candidate-table .candidate-grid-row>.candidate-identity{
  display:flex!important;
  align-items:center;
  gap:12px;
  min-width:0;
}
.candidate-table .candidate-identity-link{color:inherit;text-decoration:none}
.candidate-table .candidate-identity strong{overflow-wrap:anywhere}
.candidate-table .candidate-grid-row .candidate-cell small{min-width:0;overflow-wrap:anywhere}
.candidate-table .candidate-grid-row>.candidate-actions{
  grid-column:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:stretch!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  min-width:0;
  overflow:visible!important;
}
.candidate-table .candidate-actions>.btn,
.candidate-table .candidate-actions>.candidate-edit{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  min-height:36px;
  padding:0 12px!important;
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.02em;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-sizing:border-box;
}
.candidate-table .candidate-actions>.candidate-edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none;
}
.candidate-table .candidate-actions>.candidate-enter{padding-inline:15px!important}
.candidate-table .candidate-grid-row:focus-visible{outline:2px solid var(--purple,#883BD2);outline-offset:-3px}
.candidate-table .candidate-grid-row .mobile-label{display:none}
.record-management[hidden],.record-management [hidden],#deleteRecordModal[hidden],
#deleteNotionChoice[hidden],#deleteRecordStatus[hidden],#directoryNotice[hidden]{display:none!important}
.record-management{border-top:1px solid rgba(255,255,255,.1);padding-top:18px!important}
.record-management-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.record-management-actions>.btn{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;
  min-height:36px;padding:0 13px;white-space:nowrap;
}
.record-management-actions>.delete-record{color:#F4A4A4;border-color:rgba(229,92,92,.28)}
.record-management-actions>.delete-record:hover:not(:disabled){background:rgba(170,54,54,.12)}
.record-management-actions>.delete-record:disabled{opacity:.45;cursor:not-allowed}
#deleteUnavailable{color:#F1D184;margin-top:10px}
.delete-record-panel{width:min(520px,100%);padding:24px}
#deleteRecordForm{display:grid;gap:16px}
#deleteRecordForm>p{margin:0;line-height:1.5}
#deleteRecordForm>label{display:grid;gap:8px}
#deleteRecordName{width:100%;box-sizing:border-box}
#deleteNotionChoice{display:flex!important;align-items:start;gap:12px;line-height:1.5}
#deleteNotionPage{width:18px;height:18px;flex:0 0 auto;margin:2px 0 0;accent-color:#C54B55}
#deleteRecordForm .dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:12px 0 0}
#deleteRecordForm .dialog-actions>.btn{width:auto!important;flex:0 0 auto!important;min-width:max-content}
#confirmDeleteRecord{background:#8F292E;color:#fff;border-color:#B64149}
#confirmDeleteRecord:disabled{opacity:.4;cursor:not-allowed}
#directoryNotice{margin-bottom:14px}
#directoryNotice[data-state="error"]{color:#F4A4A4}
#directoryNotice[data-state="success"]{color:#72D9A5}

/* Reflow according to the available card width, not only the browser viewport. */
@container(max-width:1100px){
  .candidate-table .candidate-grid-header{display:none!important}
  .candidate-table .candidate-grid-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px 20px!important;
    padding:18px!important;
  }
  .candidate-table .candidate-grid-row>.candidate-identity{grid-column:1/-1!important}
  .candidate-table .candidate-grid-row>.candidate-cell:not(.candidate-identity):not(.candidate-actions){
    grid-column:auto!important;display:grid!important;gap:4px!important;
  }
  .candidate-table .candidate-grid-row>.candidate-actions{
    grid-column:1/-1!important;justify-content:flex-start!important;justify-self:stretch!important;
    padding-top:10px;border-top:1px solid rgba(255,255,255,.08);
  }
  .candidate-table .candidate-grid-row .mobile-label{
    display:block!important;font-size:10px;font-weight:600;
    text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  }
}
@container(max-width:520px){
  .candidate-table .candidate-grid-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .candidate-table .candidate-grid-row>.candidate-cell{grid-column:1!important}
  .candidate-table .candidate-grid-row>.candidate-actions{grid-column:1!important;gap:8px!important}
  .candidate-table .candidate-actions>.btn,.candidate-table .candidate-actions>.candidate-edit{
    min-height:36px;padding-inline:11px!important;font-size:10px!important;
  }
}
@media(max-width:480px){
  .delete-record-panel{padding:18px}
  #deleteRecordForm .dialog-actions{justify-content:stretch}
  #deleteRecordForm .dialog-actions>.btn{flex:1 1 auto!important}
}