/*
  The welcome card's Get availability walk (class.availability_drawer.php, availability_drawer.js)
  on the process drawer frame (process_drawer.css) — the intro borrows the Add staff intro's
  asd_intro_ pieces (add_staff_drawer.css); this file is only what is the drawer's own: the
  letter panel's textarea, the who card's caret, the people window's tools row.

  NOTE: no rem units in here (html { font-size: 10px } on this site). px throughout.
*/

/* the intro sits in the middle of the body, like the Add staff intro */
.avd_intro_container .avd_body { display: flex; flex-direction: column; justify-content: center; }

/* the letter: a textarea in the form box, tall enough to read the whole note */
.avd_letter_container .pd_form textarea.form-control
{
  height: auto;
  min-height: 270px;
  resize: vertical;
  line-height: 1.45;
}

/* the who card: a caret on the right instead of a check — it opens a window */
.avd_who_card .pd_card_sub { white-space: normal; }
.avd_card_caret { flex: none; color: var(--pd_faint); font-size: 14px; }
.avd_who_card:hover .avd_card_caret { color: var(--pd_brand); }

/* the people window: the count and Everyone / No one over the cards */
.avd_people_tools
{
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 2px 10px;
}
.avd_people_tools .pd_link { margin: 0; }
.avd_people_count { color: var(--pd_muted); font-size: 14px; margin-right: auto; }
.avd_people_count b { color: var(--pd_ink); }