/* =============================================================================
   JES CRM · pages/people.css — the look that only these pages have: bd_leads, employees, leaves, commission_statements, commission_plans, commission_plan_assignments.
   Owner: the page builder "people" of the vtiger-look wave (docs/vtiger-look/02-ui-contract.md §a.5, §j.2).
   Every class starts with pg-people- ; every value comes from tokens.css (var(--…)).
   Created empty in step 0 by the shell builder.
   ============================================================================= */

/* BD Team · the Quota cell of "BD Team Information" (vtiger's picture box): the note, then the screenshots
   small, side by side; a click opens the file (pages/bd_leads.js quotaCell) */
.pg-people-quota { display: flex; flex-direction: column; gap: var(--space-2); }
.pg-people-quota__note { white-space: pre-wrap; overflow-wrap: anywhere; }
.pg-people-quota__thumbs .thumb { width: 6rem; height: 6rem; }

/* BD Team · the quota mark in the strip under the title: the "Quota checked" badge, then when and by whom,
   with a gap between them (pages/bd_leads.js quotaMark) */
.pg-people-quota-mark { display: inline-flex; align-items: center; gap: var(--space-2); }