/* users.css — the roster and the three dialogs that write to it.

   The row keeps the five columns base/responsive.css folds into a card, so the
   three actions share the last cell instead of becoming a sixth column the
   mobile rules would not know about. */
.users .row-who{display:flex;align-items:center;gap:12px;min-width:0}
.users .row-mail{font-size:12px;color:var(--muted);margin-top:2px}
.users .row-what{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.users .row-title{font-size:12px;color:var(--muted);max-width:100%}
.users .row-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
/* .rm turns red on hover, which is right for the one button that destroys
   something and wrong for the two that do not. */
.rm.neutral:hover{border-color:var(--accent);color:var(--accent)}

/* The dialogs. Spacing lives here rather than in an inline style so the
   narrow-screen rule in base/responsive.css can reach it. */
.dlg-stack{display:flex;flex-direction:column;gap:14px}
.dlg-field{min-width:0}

/* An account that was removed. A removal is soft — the name has to keep
   resolving on the tickets it is already on — so the row still exists and can
   be brought back; it is shown only when the roster is asked for it, and set
   apart so it is never mistaken for somebody who still works here. */
.users .row.removed{background:var(--surface-alt)}
.users .row.removed .row-who,
.users .row.removed .row-what{color:var(--muted)}
.tag.muted{background:var(--surface-alt);border-color:var(--line);color:var(--muted)}