/* Job Forecast v2 — HR pages (People · Recruiting · Onboarding · Time · Reviews · Compliance · Org · Person). Tokens come from jf.css. */
.jfh .fgrid.f5{grid-template-columns:repeat(5,minmax(0,1fr))}
.jfh .fgrid.f5 .ft{grid-column:auto!important}
.jfh .fgrid.f4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jfh .fgrid.f4 .ft{grid-column:auto!important}
@media (max-width:1200px){.jfh .fgrid.f5{grid-template-columns:repeat(3,minmax(0,1fr))}.jfh .fgrid.f4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.jfh .fgrid.f5,.jfh .fgrid.f4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.jfh .ft .prov{margin-top:4px}
.jfh .ft.link{cursor:pointer}
.jfh .ai-tab .n{margin-left:2px}
.jfh .hr-t .row{grid-template-columns:minmax(0,1.5fr) 90px minmax(0,1.2fr) minmax(0,1.3fr) 70px 130px 80px 130px}
.jfh .hr-t a.row{text-decoration:none}
.jfh .hr-t .row .row-v{text-align:left}
.jfh .row .pill{align-self:center}
.jfh .queue .q-row b .pill{height:18px;font-size:10px}
.jfh .jfh-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jfh .dj-card .fld{margin-top:2px}
.jfh .dj-card .fld input,.jfh .dj-card .fld select{height:32px;font-size:13px}
.jfh .dj-card.role-card .toolbar .btn{height:26px}
.jfh .hr-roles .ag-card.add{cursor:pointer;font:inherit;color:var(--ink-2)}
.jfh .hr-roles .ag-card.add:hover{border-color:var(--brand);color:var(--brand)}
.jfh .hr-board.jfh-board{grid-auto-columns:minmax(150px,1fr);gap:10px}
.jfh .jfh-board .col.drop{outline:2px dashed var(--brand);outline-offset:-2px;border-radius:var(--r-card)}
.jfh .jfh-board .card{cursor:grab}
.jfh .jfh-board .card:active{cursor:grabbing}
.jfh .jfh-board .card-m .sp{flex:1}
.jfh .hr-rec-stats{flex-wrap:wrap;align-items:center}
.jfh .hr-rec-stats .sp{flex:1}
.jfh .ts .row.head span.today{color:var(--brand)}
.jfh .ts .row-v{text-align:right}
.jfh .dj-card>.seg{align-self:flex-start}
.jfh .dj-card .seg button:disabled{opacity:.6}
.jfh .row.jfh-doc{cursor:pointer}
.jfh .row.jfh-doc .btn.sm{height:24px;padding:0 7px;font-size:11px}
.jfh .row .btn.sm.quiet{height:24px;padding:0 7px;font-size:11px}
.jfh .jfh-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:12px;align-items:start}
.jfh .jfh-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.jfh .jfh-files .ft{font:inherit;color:inherit}
.jfh .jfh-files .ft.link:hover{border-color:var(--brand)}
.jfh .rev-open .rv-ta{width:100%;margin-bottom:6px;font-family:inherit}
.jfh .rev-open .fld input.fld,.jfh .rev-open input.fld{width:100%;margin-bottom:6px}
.jfh .org-box .pill{align-self:flex-start;margin-top:4px}
.jfh .org-box a{color:var(--brand)}
.jfh .dj-h-actions .prov{align-self:center}
.jfh .dj-h-actions .sp{flex:1}
.jfh .gate-note{max-width:360px}
.jfh .onething{cursor:default}
.jfh .onething:hover{background:var(--surface)}
.jfh .dj-line a{overflow:hidden;text-overflow:ellipsis}
.jfh .row-n [data-record]{cursor:pointer;border-bottom:1px dotted var(--ink-3)}
.jfh .mk-muted.warn-t,.jfh .warn-t{color:var(--warn)}
.jfh textarea.fld{width:100%;font-family:inherit}
.jfh .toolbar>.fld{width:auto}
.jfh .toolbar .iconbtn{width:26px;height:26px}
.jfh .empty{text-align:left}
.jfh .row.static.tot{background:var(--surface-2)}
.jfh .prov.model{white-space:normal}
/* drawers (the HR pages open their own on top of the shell's record drawer) */
.jfh-drawer .rd{width:min(520px,94vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-md);height:100%;position:absolute;right:0;top:0;transform:none;overflow:auto}
.jfh-drawer.wide .rd{width:min(760px,94vw)}
.jfh-drawer .rd-body{gap:14px}
.jfh-drawer .rd-sec .fld{margin-bottom:8px}
.jfh-drawer .rd-sec .fld input,.jfh-drawer .rd-sec .fld select{width:100%}
.jfh-drawer .rd-sec .jfh-2 .fld{margin-bottom:0}
.jfh-drawer .rd-sec .search{display:flex;align-items:center;gap:8px}
.jfh-drawer .rd-sec .search input{flex:1}
.jfh-drawer .rd-actions select.fld{height:32px;width:auto}
.jfh-drawer .jfh-vendors{max-height:50vh;overflow:auto}
.jfh-drawer .jfh-vendors .row{cursor:pointer}
.jfh-drawer .rows .row.static{cursor:default}
@media (max-width:1100px){.jfh .hr-rec{grid-template-columns:1fr}.jfh .jfh-lib{grid-template-columns:1fr}}