/* engagement.multi_picker_per_row — one picker card per parent row. */
.psc-mpr { display: flex; flex-direction: column; gap: 8px; }
.psc-mpr-eyebrow {
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; color: #72727e; margin-bottom: 2px;
}
.psc-mpr-card {
  border: 1px solid #e2e4e8; border-radius: 8px; background: #fff; overflow: hidden;
}
.psc-mpr-head {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; background: #f8f9fb; border-bottom: 1px solid #e2e4e8;
}
.psc-mpr-toggle {
  flex: 1; text-align: left; background: none; border: 0; cursor: pointer;
  font-size: 0.85rem; color: #2d2d3a; display: flex; align-items: center; gap: 6px;
  min-height: 44px;
}
.psc-mpr-label { font-weight: 600; }
.psc-mpr-count {
  display: inline-block; min-width: 1.6em; text-align: center;
  background: #1a1a2e; color: #fff; border-radius: 99px;
  font-size: 0.72rem; font-weight: 700; padding: 1px 7px;
}
.psc-mpr-status { font-size: 0.75rem; color: #72727e; min-width: 4em; }
.psc-mpr-status.saved { color: #2e7d32; }
.psc-mpr-status.error { color: #c0392b; }
.psc-mpr-save {
  background: #1a1a2e; color: #fff; border: 0; border-radius: 6px;
  padding: 6px 14px; font-size: 0.8rem; font-weight: 600; cursor: pointer;
  min-height: 36px;
}
.psc-mpr-save:disabled { opacity: 0.5; cursor: default; }
.psc-mpr-body { padding: 10px; max-height: 320px; overflow-y: auto; }
.psc-mpr-toolbar { display: flex; gap: 6px; margin-bottom: 8px; }
.psc-mpr-search {
  flex: 1; padding: 6px 10px; border: 1px solid #d1d1d9; border-radius: 6px;
  font-size: 0.82rem;
}
.psc-mpr-bulk {
  background: #eef1f6; border: 1px solid #d1d1d9; border-radius: 6px;
  padding: 4px 10px; font-size: 0.76rem; cursor: pointer; white-space: nowrap;
}
.psc-mpr-group { margin-bottom: 8px; }
.psc-mpr-group-label {
  font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
  color: #417690; margin: 4px 0; letter-spacing: 0.04em;
}
.psc-mpr-opt {
  display: flex; align-items: center; gap: 8px; padding: 4px 2px;
  font-size: 0.85rem; cursor: pointer;
}
.psc-mpr-opt input { width: 16px; height: 16px; }
.psc-mpr-empty { color: #72727e; font-size: 0.85rem; padding: 12px; text-align: center; }

@media (prefers-color-scheme: dark) {
  .psc-mpr-card { background: #1e1e28; border-color: #33343f; }
  .psc-mpr-head { background: #24242f; border-color: #33343f; }
  .psc-mpr-toggle { color: #e6e6ee; }
  .psc-mpr-search { background: #15151c; color: #e6e6ee; border-color: #33343f; }
  .psc-mpr-bulk { background: #24242f; color: #e6e6ee; border-color: #33343f; }
}