/* =============================================================================
   JES CRM · pages/recruitment.css — the look that only these pages have: candidates, applications, agents, interviews.
   Owner: the page builder "recruitment" of the vtiger-look wave (docs/vtiger-look/02-ui-contract.md §a.5, §j.2).
   Every class starts with pg-recruitment- ; every value comes from tokens.css (var(--…)).
   ============================================================================= */

/* Candidate Data, Details tab: the Profile Picture cell (vtiger's rich-text field held the picture itself) */
.pg-recruitment-photo { display: block; max-width: 160px; max-height: 200px; border: 1px solid var(--color-border-light); }

/* Candidate Data, form: the blocks "(I) Employment History" … are drawn inside a block without a title of its
   own; that outer box draws nothing, so the job blocks sit in the column like every other block */
.section.block.block--untitled:has(> .block__body > .section__custom > .pg-recruitment-jobs) {
  padding: 0; border: 0; background: none;
}
.pg-recruitment-jobs > .btn-row { margin: 0 0 10px; }
/* the move / remove buttons in the title of a job block, at its right end */
.pg-recruitment-tools { display: inline-flex; gap: var(--space-1); margin-left: auto; }
/* an employment date: month, year and (To Date) the "Present" tick in one cell */
.pg-recruitment-period { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.pg-recruitment-period select, .pg-recruitment-period input[type="text"] { width: auto; min-width: 6rem; }
.pg-recruitment-present { display: inline-flex; align-items: center; gap: var(--space-1); white-space: nowrap; }