/*
  The Add a Role drawer (class.add_role_drawer.php, add_role_drawer.js): its own pieces on
  top of the process drawer look (process_drawer.css) — the search box, the "add your own"
  card, the Add / Done footer. ard_ classes. px throughout (a rem is 10px here).
*/

/* ---- the search over the master roles ---- */

.ard_search_box { margin-bottom: 10px; }
.ard_search_box .form-control { -webkit-appearance: none; }

/* hide_me loses to the card's own display: flex — pair it */
.ard_roles .pd_card.hide_me { display: none; }
.ard_foot.hide_me, .ard_compose.hide_me, .ard_done_row.hide_me { display: none; }

/* a master the company already has a role under: ticked for good, the sub line in brand */
.ard_role_card.ard_have { cursor: default; }
.ard_role_card.ard_have .pd_card_sub { color: var(--pd_brand); font-weight: 600; }

/* the company's own name, offered when nothing on the list matches */
.ard_custom_card { border-style: dashed; }
.ard_custom_card .pd_card_icon { background: var(--pd_brand_wash); color: var(--pd_brand); }

/* ---- footer: one button — Add for the picked card, else Done once something was added ---- */