/* ../../../../2026-10-08/in-app-browser-context-source-ambient/artifacts/hr-question-recycle-implementation/web/apps/web/src/legacy/app/modules/crm/crm-automation-people.module.css */
.crm_automation_people_root {
  min-width: 0;
  display: grid;
  gap: 12px;
}
.crm_automation_people_root[hidden],
.crm_automation_people_backdrop[hidden] {
  display: none;
}
.crm_automation_people_card,
.crm_automation_people_dialogCard {
  padding: 16px;
  min-width: 0;
  display: grid;
  gap: 12px;
}
.crm_automation_people_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.crm_automation_people_heading h2 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.crm_automation_people_heading h2 > svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.crm_automation_people_actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.crm_automation_people_filters {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 10px;
}
.crm_automation_people_filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
  grid-template-rows: auto minmax(34px, auto);
  align-content: start;
}
.crm_automation_people_backdrop {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  z-index: 1200;
  padding: 16px;
  display: grid;
  place-items: center;
}
.crm_automation_people_dialog {
  width: min(960px, 100%);
  max-height: 100%;
  overflow: auto;
}
.crm_automation_people_candidates {
  display: block;
  height: min(340px, 44dvh);
  overflow: auto;
  min-width: 0;
}
.crm_automation_people_person {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  margin: 0;
}
.crm_automation_people_person > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.crm_automation_people_person small {
  overflow-wrap: anywhere;
}
.crm_automation_people_selected {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  max-height: 100px;
  overflow: auto;
}
.crm_automation_people_selected svg {
  width: 12px;
  height: 12px;
}
@media (max-width: 760px) {
  .crm_automation_people_filters {
    grid-template-columns: 1fr 1fr;
  }
  .crm_automation_people_filters > label:last-child {
    grid-column: 1/-1;
  }
  .crm_automation_people_candidates {
    grid-template-columns: 1fr;
    height: 220px;
  }
  .crm_automation_people_backdrop {
    padding: 10px;
  }
  .crm_automation_people_card,
  .crm_automation_people_dialogCard {
    padding: 12px;
  }
}
.crm_automation_people_listFilters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
.crm_automation_people_searchFilter {
  display: grid;
  grid-template-rows: auto minmax(34px, auto);
  gap: 6px;
  min-width: 0;
}
.crm_automation_people_columnChoices {
  display: grid;
  gap: 8px;
}
.crm_automation_people_columnChoices > label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm_automation_people_pageTitle {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}
.crm_automation_people_modalContent {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.crm_automation_people_modalFooter {
  width: 100%;
}
.crm_automation_people_modalTitle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* people-visual29/source/crm-automation-people.module.css */
.crm_automation_people_root2 {
  min-width: 0;
  display: grid;
  gap: 12px;
}
.crm_automation_people_root2[hidden],
.crm_automation_people_backdrop2[hidden] {
  display: none;
}
.crm_automation_people_card2,
.crm_automation_people_dialogCard2 {
  padding: 16px;
  min-width: 0;
  display: grid;
  gap: 12px;
}
.crm_automation_people_heading2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.crm_automation_people_heading2 h2 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.crm_automation_people_heading2 h2 > svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.crm_automation_people_actions2 {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.crm_automation_people_filters2 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 10px;
}
.crm_automation_people_filters2 label {
  display: grid;
  gap: 6px;
  min-width: 0;
  grid-template-rows: auto minmax(34px, auto);
  align-content: start;
}
.crm_automation_people_backdrop2 {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  z-index: 1200;
  padding: 16px;
  display: grid;
  place-items: center;
}
.crm_automation_people_dialog2 {
  width: min(960px, 100%);
  max-height: 100%;
  overflow: auto;
}
.crm_automation_people_candidates2 {
  display: block;
  height: min(340px, 44dvh);
  overflow: auto;
  min-width: 0;
}
.crm_automation_people_person2 {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  margin: 0;
}
.crm_automation_people_person2 > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.crm_automation_people_person2 small {
  overflow-wrap: anywhere;
}
.crm_automation_people_selected2 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  max-height: 100px;
  overflow: auto;
}
.crm_automation_people_selected2 svg {
  width: 12px;
  height: 12px;
}
@media (max-width: 760px) {
  .crm_automation_people_filters2 {
    grid-template-columns: 1fr 1fr;
  }
  .crm_automation_people_filters2 > label:last-child {
    grid-column: 1/-1;
  }
  .crm_automation_people_candidates2 {
    grid-template-columns: 1fr;
    height: 220px;
  }
  .crm_automation_people_backdrop2 {
    padding: 10px;
  }
  .crm_automation_people_card2,
  .crm_automation_people_dialogCard2 {
    padding: 12px;
  }
}
.crm_automation_people_listFilters2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
.crm_automation_people_searchFilter2 {
  display: grid;
  grid-template-rows: auto minmax(34px, auto);
  gap: 6px;
  min-width: 0;
}
.crm_automation_people_columnChoices2 {
  display: grid;
  gap: 8px;
}
.crm_automation_people_columnChoices2 > label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm_automation_people_pageTitle2 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}
.crm_automation_people_modalContent2 {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.crm_automation_people_modalFooter2 {
  width: 100%;
}
.crm_automation_people_modalTitle2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.crm_automation_people_titleBlock {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.crm_automation_people_syncSummary {
  display: flex;
  align-items: center;
  gap: 6px 16px;
  flex-wrap: wrap;
  min-width: 0;
}
.crm_automation_people_syncResult {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}