/* Removing an account (accounts.js): the choices about its mail, calendars
   and labels, and the rows of accounts kept or being kept. */
.rm-dlg fieldset { padding: 8px 16px 6px; }
.rm-dlg legend { padding: 0 4px; font-weight: 500; }
.rm-dlg label.check.rm-choice { align-items: flex-start; }
.rm-dlg label.check.rm-choice input { margin-top: 3px; }
.rm-choice > span { display: flex; flex-direction: column; gap: 2px; }
.rm-help { color: var(--text-3); font-size: 13px; }
p.rm-help { margin: 4px 0 8px; }
.rm-names { margin: 0 0 8px; padding-left: 50px; color: var(--text-2); font-size: 14px; }
.rm-names li { overflow-wrap: anywhere; }
.rm-dlg details summary { cursor: pointer; color: var(--text-2); font-size: 14px; margin: 0 0 6px 28px; }
.rm-remote { margin: 10px 0 4px; }
.rm-warn { margin: 0 0 8px 28px; color: var(--danger); font-size: 13px; }
.rm-dlg label.check input:disabled + span { opacity: .55; }
.rm-picks { max-height: 50vh; overflow: auto; border: 1px solid var(--line); border-radius: 12px; padding: 4px 0; margin-bottom: 8px; }
.kept-row td { border-top: none; padding-top: 0; }
.kept-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 12px; background: var(--hover); }
.kept-notice > span { flex: 1 1 260px; }