/*
 * A-33 Change manager (module R, docs/PHASE2.md §18.3), for Admins and Directors: the person card,
 * the Reports to select (Suggested / Also allowed groups), and the "Move <first name>'s direct
 * reports too" switch in the design's sage when on (46 x 28).
 */
@layer pages {
  .rl-manager .dialog__panel { gap: 20px; }
  .rl-manager__form { display: flex; flex-direction: column; gap: 20px; }
  .rl-manager__move { align-items: flex-start; gap: 14px; cursor: pointer; }
  .rl-manager__move .switch-row__title { font-size: 14px; }
  .rl-manager__move .switch-row__hint { font-size: 12.5px; line-height: 1.45; }
  .rl-manager__switch { width: 46px; height: 28px; }
  .rl-manager__switch .switch__knob { width: 22px; height: 22px; }
  .rl-manager__switch:has(input:checked) { background: var(--color-accent-2-600); }
}